@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* 01.Variable */
/* ------------------------------ 02.All ------------------------------ */
html, body { width: 100%; height: 100%; font-family: "Roboto", "Noto Sans JP", "�ҥ饮�νǥ� Pro", "Hiragino Kaku Gothic Pro", "Meiryo UI", "�ᥤ�ꥪ", Meiryo, "�ͣ� �Х����å�", "MS PGothic", sans-serif; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 1.5px; }

#container img { display: block; width: 100%; height: auto; }

a:hover { opacity: 0.7; }

#topic_path { display: none; }

.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

/* ------------------------------ 03.Parts ------------------------------ */
.number { /* 03-01 number */ display: inline-block; vertical-align: middle; font-family: 'Oswald', sans-serif; font-size: 18px; color: #fff; text-align: center; letter-spacing: 1px; line-height: 38px; width: 40px; height: 40px; background: #000; border: 2px solid #99794e; border-radius: 50%; }

.brand_name { /* 03-02 Brand Name */ display: inline-block; vertical-align: middle; padding-left: 5px; font-weight: bold; }

.brand_name .en { font-family: "Roboto", sans-serif; font-size: 30px; }

.brand_name .jp { font-size: 15px; }

.link_text { /* 03-03 Link Text */ position: absolute; font-size: 18px; font-weight: 600; line-height: 150%; z-index: 20; }

.link_text a { color: #99794e; text-decoration: underline; }

.link_text-price { color: #000; }

.link_text-price .fa { color: #000; position: relative; top: -5px; }

.link_text-s { font-size: 11px; /* ��С�ե���� */ }

.btn { /* 03-04 Button */ }

.btn-2, .btn-3 { margin-right: 20px; }

.btn-2:last-child, .btn-3:last-child { margin-right: 0; }

.btn-4 { margin-right: 20px; }

.btn-4:last-child { margin-right: 0; }

.btn-s, .btn-m, .btn-l, .btn-xl { line-height: 50px; font-weight: 500; font-size: 13px; }

.btn-s-out, .btn-m-out, .btn-l-out, .btn-xl-out { background: #fff; border: 2px solid #000; }

.btn-s-in, .btn-m-in, .btn-l-in, .btn-xl-in { border: 1px solid #000; }

.btn-s-in .fa, .btn-m-in .fa, .btn-l-in .fa, .btn-xl-in .fa { vertical-align: middle; position: relative; top: -1px; }

.btn-s-out { width: 215px; height: 65px; }

.btn-s-in { width: 200px; height: 50px; margin-top: 5px; margin-left: 5px; }

.btn-m-out { width: 225px; height: 65px; }

.btn-m-in { width: 210px; height: 50px; margin-top: 5px; margin-left: 5px; }

.btn-l-out { width: 300px; height: 65px; }

.btn-l-in { width: 285px; height: 50px; margin-top: 5px; margin-left: 5px; }

.btn-xl-out { width: 460px; height: 65px; }

.btn-xl-in { width: 445px; height: 50px; margin-top: 5px; margin-left: 5px; }

.btn-online { width: 450px; }

.btn-online a { color: #292929; }

.btn-online-out { width: 450px; height: 90px; background-color: #d9ba82; border: 3px solid #806a42; }

.btn-online-in { width: 435px; height: 75px; line-height: 75px; font-size: 24px; border: 1px solid #806a42; text-align: center; margin: 5px auto 0; }

.btn-online-in .fa { vertical-align: middle; position: relative; top: -2px; font-size: 18px; }

.btn-online-in .fa:nth-child(1) { padding-left: 10px; }

.btn .fa { display: inline-block; vertical-align: middle; position: relative; top: -2px; }

.banner_area { /* 03-05 Banner Area */ width: 100%; }

.banner-allitem-out { background: #1a1a1a; padding: 50px 0; }

.banner-allitem-in { width: 960px; margin: 0 auto; }

.banner-allitem-in a img { -webkit-box-shadow: 10px 10px 3px #000; box-shadow: 10px 10px 3px #000; }

.banner-feature { width: 960px; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.banner-feature .col-2 { width: 470px; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ------------------------------ 04.Contents (���¤�������) ------------------------------ */
#container { width: 100%; }

#container .visual { width: 100%; height: 475px; background: #2c2c2c; }

#container .visual-image { width: 960px; }

#container .page_read { font-size: 15px; line-height: 160%; }

#container .sec { width: 960px; position: relative; }

#container .sec-image_area .image { position: relative; }

#container .sec-image_area .dec_area { position: absolute; }

#container .sec .sec_item { font-size: 26px; color: #99794e; }

#container .sec .sec_term { line-height: 130%; font-size: 13px; color: #99794e; text-align: center; }

#container .sec .sec_term--white { color: #fff; }

#container .sec .sec_dec { font-size: 11px; line-height: 150%; }

#container .sec .sec_dec span { font-size: 9px; line-height: 120%; }

#container .sec .mjp_title { font-size: 25px; text-align: center; }

#container .sec .mjp_title--gold { color: #99794e; }

#container .sec .mjp_title--white { color: #fff; }

#container .sec .mjp_title span { font-size: 10px; display: block; margin-top: 5px; color: #000; line-height: 1; }

#container .sec-btn_area { margin-top: 70px; }

.link { color: #000; text-decoration: underline; position: absolute; font-weight: bold; line-height: 180%; }

.link a { font-size: 18px; }

.link a span { color: #99794e; }

.read { font-size: 12px; line-height: 1.6; }

.read--item { position: absolute; }

.mjp-price { border: 5px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: none; height: 40px; position: relative; }

.mjp-price:last-child { border-bottom: 5px solid #000; }

.mjp-price-area { width: 200px; margin-left: auto; margin-right: auto; }

.mjp-price__category, .mjp-price__price { font-size: 13px; font-weight: bold; text-align: center; width: 50%; }

.mjp-price__price:before { content: ""; display: block; width: 1px; height: 25px; border-left: 1px solid #000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.item-name { font-size: 16px; color: #000; text-align: center; margin-bottom: 10px; }

.item-name-area { margin-bottom: 30px; }

.item-color { font-size: 13px; text-align: center; }

#section_01 .mjp_title { margin-top: 40px; }

#section_01 .mjp-dailywear { bottom: 50px; right: 30px; }

#section_01 .read--item { bottom: 140px; left: 120px; }

#section_01 .mjp-price--1 { top: 50px; left: 70px; }

#section_01 .mjp-price--2 { bottom: 160px; left: 370px; }

#section_01 .detail-area { width: 360px; margin-top: 30px; font-size: 9px; }

#section_01 .thumbnail-01 { width: 120px; margin-bottom: 10px; }

#section_01 .thumbnail-01:nth-child(2n) { margin-left: 20px; }

#section_02 .mjp-dailywear { bottom: 300px; left: 130px; }

#section_02 .mjp_dec_area { position: absolute; bottom: 30px; left: 30px; }

#section_03 .mjp-dailywear { top: 280px; right: 110px; }

#section_03 .mjp_dec_area { position: absolute; bottom: 30px; right: 30px; }

#section_04 .brand_name_area { position: absolute; top: 60px; left: 60px; right: 0; }

#section_04 .mjp-price-area { position: absolute; }

#section_04 .mjp-price-area--04-1 { bottom: 170px; right: 300px; }

#section_04 .mjp-price-area--04-2 { top: 170px; left: 370px; }

#section_04 .mjp_dec { position: relative; margin-top: 20px; }

#section_04 .detail-area { width: 360px; margin-top: 30px; font-size: 9px; }

#section_04 .thumbnail-detail { width: 50%; position: relative; }

#section_04 .thumbnail-detail__color { position: absolute; font-size: 9px; text-align: center; }

#section_04 .thumbnail-detail__color--1 { top: 40px; left: 30px; }

#section_04 .thumbnail-detail__color--2 { bottom: 50px; left: 0px; }

#section_04 .thumbnail-04--1 { width: 237px; }

#section_04 .thumbnail-04--2 { width: 217px; }

#section_05 .visual--05 { width: 750px; }

#section_05 .dec_area--05 { bottom: 50px; right: 0; }

#section_06 .visual--06 { width: 750px; margin-left: auto; }

#section_06 .dec_area--06 { bottom: 50px; left: 0; }

/*# sourceMappingURL=style.css.map */