/* ====================================================== Reset ====================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, a, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: none; outline: none; background: transparent; vertical-align: baseline; font-size: 100%; color: inherit; font-weight: inherit; font-style: inherit; font-family: inherit; } body { line-height: 1; } img { line-height: 0; vertical-align: bottom; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ul { list-style: none; } li { list-style-type: none; } table { border-collapse: collapse; border-spacing: 0; } input, select { vertical-align: middle; } a { outline: none; } em { font-style: normal; } button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; } body { font-family: "¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, sans-serif, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS P Gothic"; font-size: 14px; color: #333333; line-height: 1.5; } /* ³ÈÂç²èÁü */ .rfk-modal-wp { overflow: hidden; max-width: 800px; margin: 0 auto; } .rfk-modal-wp .ph { overflow: hidden; float: left; width: 300px; margin: 0; } .rfk-modal-wp .ph img { width: 500px; margin-left: -100px; } .rfk-modal-wp .names, .rfk-modal-wp .price, .rfk-modal-wp .txt, .rfk-modal-wp .detail, .rfk-modal-wp .caution { overflow: hidden; } .rfk-modal-wp .names { padding-top: 40px; font-size: 16px; } .rfk-modal-wp .price { font-size: 16px; } .rfk-modal-wp .price em { font-size: 30px; font-weight: bold; } .rfk-modal-wp .price a { color: #036edc; } .rfk-modal-wp .price a:hover { text-decoration: none; } .rfk-modal-wp .txt { margin-bottom: 10px; padding-bottom: 10px; border-bottom: dashed 1px #333; } .rfk-modal-wp .detail, .rfk-modal-wp .caution { margin-bottom: 1em; font-size: 13px; } .rfk-modal-wp .caution { margin-bottom: 2em; } .rfk-modal-wp .caution li { margin-bottom: 4px; padding-left: 1em; text-indent: -1em; } .rfk-modal-wp .bt { text-align: center; } @media screen and (max-width: 799px) { .rfk-modal-wp { max-width: auto; margin: 0 auto; padding: 15px 0; } .rfk-modal-wp .ph { float: none; width: 100%; margin: 0; } .rfk-modal-wp .ph img { width: 100%; margin-left: 0; } .rfk-modal-wp .names, .rfk-modal-wp .price, .rfk-modal-wp .txt { font-size: 13px; } .rfk-modal-wp .names { padding-top: 0; } .rfk-modal-wp .price em { font-size: 124%; } }