@keyframes slide { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
body #wrapper #top { position: relative; margin: 0 0 35px; }
body #wrapper #top .textarea { position: absolute; color: #fff; font-family: minion-pro, serif; }
body #wrapper #top .textarea .num { width: 188px; padding: 0 0 12px; border-bottom: solid 1px; font-size: 1.8rem; letter-spacing: .16em; margin-bottom: 16px; }
body #wrapper #top .textarea h2 { font-size: 4.4rem; letter-spacing: .02em; margin-bottom: 18px; }
body #wrapper #top .textarea h2::after { background: #fff; }
body #wrapper #top .textarea .catch { font-family: a-otf-ud-reimin-pr6n, sans-serif; font-size: 1.3rem; }
body #wrapper #contents .head h3 { opacity: 0; transform: translate(0, 20px); }
body #wrapper #contents .head .catch { opacity: 0; }
body #wrapper #contents .head.is-show h3 { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #contents .head.is-show .catch { opacity: 1; transition: opacity 1s ease .4s; }
body #wrapper #contents h1 { display: flex; align-items: center; margin: 0 0 35px; }
body #wrapper #contents h1 span { display: block; font-family: minion-pro, serif; font-size: 1.2rem; line-height: 1.04; margin: 0 6px; text-align: center; opacity: 0; }
body #wrapper #contents h1::before, body #wrapper #contents h1::after { display: block; content: ""; height: 1px; background: #7b4931; flex: 1; transform: scale(0, 1); transform-origin: right; }
body #wrapper #contents h1::after { transform-origin: left; }
body #wrapper #contents h1.is-show span { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents h1.is-show::before, body #wrapper #contents h1.is-show::after { transform: none; transition: transform .6s ease 0s; }
body #wrapper #contents #contents_wrapper { border-top: solid 1px; border-bottom: solid 1px; position: relative; padding: 0 20px; margin: 0 0 110px; }
@media screen and (max-width: 374px) { body #wrapper #contents #contents_wrapper { padding: 0 10px; } }
body #wrapper #contents #contents_wrapper .item_main { margin: 0 0 110px; }
body #wrapper #contents #contents_wrapper .item_main .inner .model { margin: 0 0 50px; opacity: 0; transform: translate(0, 20px); }
body #wrapper #contents #contents_wrapper .item_main .inner .model ul { position: relative; }
body #wrapper #contents #contents_wrapper .item_main .inner .model ul li img { width: 100%; }
body #wrapper #contents #contents_wrapper .item_main .inner .model ul li:nth-child(2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item { opacity: 0; transform: translate(0, 20px); }
body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea { position: relative; margin: 0 0 15px; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea img { width: 100%; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea .moredetail { position: absolute; top: 15px; right: 12px; font-size: 1.2rem; font-family: minion-pro, serif; font-style: italic; font-weight: 400; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea:after { display: block; content: ""; position: absolute; bottom: 0; left: -20px; right: -20px; height: 1px; background: #7b4931; }
@media screen and (max-width: 374px) { body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea:after { left: -10px; right: -10px; } }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea { font-family: minion-pro, serif; font-weight: 400; font-style: italic; padding: 0 15px; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head { display: flex; justify-content: space-between; align-items: center; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .name { font-size: 1.2rem; letter-spacing: .1em; line-height: 1.21; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .buy { width: 94px; text-align: center; font-size: 1.3rem; border: solid 1px; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .buy a { display: block; padding: 10px 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list { padding: 15px 0 0; display: none; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li { font-family: a-otf-ud-reimin-pr6n, sans-serif; font-style: normal; font-size: 1.3rem; line-height: 1.58; position: relative; padding: 0 0 0 6em; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li span { position: absolute; top: 0; left: 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li .buy { font-family: minion-pro, serif; font-style: italic; font-weight: 400; display: block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); width: 94px; text-align: center; font-size: 1.3rem; border: solid 1px; padding: 5px 0; line-height: 1; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li + li { margin: 15px 0 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn { text-align: center; font-size: 1.3rem; border: solid 1px; margin: 25px 0 0; transition: all .4s ease 0s; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a { display: block; padding: 10px 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a i { position: relative; width: 9px; height: 9px; display: inline-block; margin: 0 .75em 0 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a i::before, body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a i::after { display: block; content: ""; position: absolute; background: #7b4931; transition: all .4s ease 0s; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a i::before { top: 0; bottom: 0; left: 4px; width: 1px; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a i::after { left: 0; right: 0; top: 4px; height: 1px; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a .close { display: none; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn.is-open { background: #7b4931; color: #fff; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn.is-open a i::before, body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn.is-open a i:after { background: #fff; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn.is-open a i::before { transform: rotate(45deg); opacity: 0; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn.is-open a .open { display: none; }
body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn.is-open a .close { display: inline; }
body #wrapper #contents #contents_wrapper .item_main .inner .item.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #contents #contents_wrapper .item_main.is-show .inner .model { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #contents #contents_wrapper .item_main.is-show .inner .model ul li:nth-child(2) { animation: slide 8s linear 0s infinite; }
body #wrapper #contents #contents_wrapper #about { margin: 0 0 40px; padding: 60px 0 0; }
body #wrapper #contents #contents_wrapper #about .head { text-align: center; margin: 0 0 25px; }
body #wrapper #contents #contents_wrapper #about .head h3 { font-family: minion-pro, serif; font-size: 3.3rem; letter-spacing: .06em; margin-bottom: 23px; }
body #wrapper #contents #contents_wrapper #about .head h3 .under-b { width: 276px; padding: 0; }
body #wrapper #contents #contents_wrapper #about .head .catch { font-size: 1.4rem; }
body #wrapper #contents #contents_wrapper #about .imagearea { border: solid 1px; margin: 0 0 20px; opacity: 0; transform: translate(0, 20px); }
body #wrapper #contents #contents_wrapper #about .imagearea img { width: 100%; }
body #wrapper #contents #contents_wrapper #about .imagearea.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #contents #contents_wrapper #about .textarea { padding: 0 15px; opacity: 0; }
body #wrapper #contents #contents_wrapper #about .textarea p { font-size: 1.2rem; line-height: 1.63; }
body #wrapper #contents #contents_wrapper #about .textarea.is-show { opacity: 1; transition: opacity 1s ease 0s; }
body #wrapper #contents #contents_wrapper #movie { opacity: 0; transform: translate(0, 20px); }
body #wrapper #contents #contents_wrapper #movie .iframe_wrapper { padding: 56.25% 0 0; position: relative; overflow: hidden; }
body #wrapper #contents #contents_wrapper #movie .iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100.1% !important; height: 100.1% !important; }
body #wrapper #contents #contents_wrapper #movie.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #contents #contents_wrapper::before, body #wrapper #contents #contents_wrapper::after { display: block; content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: #7b4931; left: 20px; z-index: 2; }
@media screen and (max-width: 374px) { body #wrapper #contents #contents_wrapper::before, body #wrapper #contents #contents_wrapper::after { left: 10px; } }
body #wrapper #contents #contents_wrapper::after { left: auto; right: 20px; }
@media screen and (max-width: 374px) { body #wrapper #contents #contents_wrapper::after { right: 10px; } }
body #wrapper #styling { margin: 0 0 155px; }
body #wrapper #styling .head { margin: 0 0 75px; text-align: center; }
body #wrapper #styling .head h3 { font-family: minion-pro, serif; font-size: 3.8rem; display: block; padding: 0; margin-bottom: 25px; }
@media screen and (max-width: 374px) { body #wrapper #styling .head h3 { font-size: 3.7rem; } }
body #wrapper #styling .head .catch { font-size: 1.9rem; }
body #wrapper #styling .flex { padding: 0 20px; }
@media screen and (max-width: 374px) { body #wrapper #styling .flex { padding: 0 10px; } }
body #wrapper #styling .flex .single { opacity: 0; transform: translate(0, 20px); }
body #wrapper #styling .flex .single .imagearea { margin: 0 0 15px; }
body #wrapper #styling .flex .single .imagearea img { width: 100%; }
body #wrapper #styling .flex .single .textarea ul li { font-size: 1.6rem; line-height: 27px; position: relative; padding: 0 120px 0 5em; display: table; }
body #wrapper #styling .flex .single .textarea ul li span { position: absolute; top: 0; left: 0; }
body #wrapper #styling .flex .single .textarea ul li .buy { font-family: minion-pro, serif; font-style: italic; font-weight: 400; display: block; position: absolute; top: 50%; left: 19em; transform: translate(0, -50%) scale(0.7); width: 74px; text-align: center; font-size: 1rem; border: solid 1px; padding: 5px 0; line-height: 1; }
body #wrapper #styling .flex .single + .single { margin: 65px 0 0; }
body #wrapper #styling .flex .single.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #other { margin: 0 0 100px; }
body #wrapper #other .head { margin: 0 0 45px; text-align: center; }
body #wrapper #other .head h3 { font-family: minion-pro, serif; font-size: 3.8rem; margin-bottom: 25px; }
@media screen and (max-width: 374px) { body #wrapper #other .head h3 { font-size: 3.7rem; } }
body #wrapper #other .head .catch { font-size: 1.9rem; }
body #wrapper #other .flex { padding: 0 20px; }
@media screen and (max-width: 374px) { body #wrapper #other .flex { padding: 0 10px; } }
body #wrapper #other .flex .single { opacity: 0; transform: translate(0, 20px); }
body #wrapper #other .flex .single .imagearea { margin: 0 0 25px; }
body #wrapper #other .flex .single .imagearea img { width: 100%; }
body #wrapper #other .flex .single .textarea p { font-size: 1.3rem; line-height: 1.46; margin: 0 0 20px; }
body #wrapper #other .flex .single .textarea ul li { font-size: 1.6rem; line-height: 27px; position: relative; padding: 0 120px 0 5em; display: table; }
body #wrapper #other .flex .single .textarea ul li span { position: absolute; top: 0; left: 0; }
body #wrapper #other .flex .single .textarea ul li .buy { font-family: minion-pro, serif; font-style: italic; font-weight: 400; display: block; position: absolute; top: 50%; left: 19em; transform: translate(0, -50%) scale(0.7); width: 74px; text-align: center; font-size: 1rem; border: solid 1px; padding: 5px 0; line-height: 1; }
body #wrapper #other .flex .single + .single { margin: 80px 0 0; }
body #wrapper #other .flex .single.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #ec_link { margin: 0 20px 90px; text-align: center; position: relative; opacity: 0; transform: translate(0, 20px); color: #fff; z-index: 2; border: solid 1px #7b4931; }
@media screen and (max-width: 374px) { body #wrapper #ec_link { margin: 0 10px 90px; } }
body #wrapper #ec_link a { display: block; padding: 20px 0 15px; }
body #wrapper #ec_link a .head { font-family: minion-pro, serif; font-size: 2.1rem; margin-bottom: 10px; }
body #wrapper #ec_link a .arrow img { width: 19px; }
body #wrapper #ec_link a .arrow span { display: block; margin: 9px 0 0; font-size: 1.1rem; }
body #wrapper #ec_link a::after { display: block; content: ""; position: absolute; top: 5px; bottom: 5px; left: 0; right: 0; background: #7b4931; z-index: -1; }
body #wrapper #ec_link.is-show { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #other_contents { padding: 65px 0 77px; border-top: solid 1px; }
body #wrapper #other_contents h3 { font-family: minion-pro, serif; font-size: 2rem; letter-spacing: .06em; margin-bottom: 30px; opacity: 0; transform: translate(0, 20px); }
body #wrapper #other_contents ul { display: flex; justify-content: space-between; }
body #wrapper #other_contents ul li { width: calc((100% - 20px) * .5); position: relative; opacity: 0; transform: translate(0, 20px); }
@media screen and (max-width: 374px) { body #wrapper #other_contents ul li { width: calc((100% - 10px) * .5); } }
body #wrapper #other_contents ul li a { display: block; width: calc(100% - 20px); }
@media screen and (max-width: 374px) { body #wrapper #other_contents ul li a { width: calc(100% - 10px); } }
body #wrapper #other_contents ul li a .inner { position: relative; }
body #wrapper #other_contents ul li a .inner .textarea { color: #fff; font-family: minion-pro, serif; text-align: center; }
body #wrapper #other_contents ul li a .inner .textarea .center { position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); z-index: 3; }
body #wrapper #other_contents ul li a .inner .textarea .center .num { font-size: 1.3rem; letter-spacing: .16em; margin: 0 0 10px; }
body #wrapper #other_contents ul li a .inner .textarea .center h3 { font-size: 1.8rem; letter-spacing: .06em; margin-bottom: 15px; padding: 0 .5em; }
@media screen and (max-width: 374px) { body #wrapper #other_contents ul li a .inner .textarea .center h3 { font-size: 1.7rem; } }
body #wrapper #other_contents ul li a .inner .textarea .center h3.min { font-size: 1.7rem; padding: 0; }
@media screen and (max-width: 374px) { body #wrapper #other_contents ul li a .inner .textarea .center h3.min { font-size: 1.6rem; } }
body #wrapper #other_contents ul li a .inner .textarea .center h3::after { background: #fff; }
body #wrapper #other_contents ul li a .inner .textarea .center .catch { font-size: .75rem; }
body #wrapper #other_contents ul li a .inner .textarea .center .catch.min { font-size: .65rem; margin: -5px 0 0; }
body #wrapper #other_contents ul li a .inner .textarea .arrow { position: absolute; bottom: 20px; left: 0; right: 0; z-index: 3; }
body #wrapper #other_contents ul li a .inner .textarea .arrow img { width: 15px; }
body #wrapper #other_contents ul li a .inner .textarea .arrow span { display: block; margin: 2px 0 0; font-size: 1rem; transform: scale(0.35); transform-origin: top center; letter-spacing: .16em; }
body #wrapper #other_contents ul li::before { display: block; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #7b4931; pointer-events: none; }
body #wrapper #other_contents ul li:nth-child(1) a { margin: 0 0 0 auto; }
body #wrapper #other_contents ul li:nth-child(2)::before { top: auto; bottom: 0; }
body #wrapper #other_contents.is-show h3 { opacity: 1; transform: none; transition: all 1s ease 0s; }
body #wrapper #other_contents.is-show ul li { opacity: 1; transform: none; transition: all 1s ease .6s; }
body #wrapper #other_contents.is-show ul li:nth-child(2) { transition-delay: .8s; }
body #wrapper #lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: #efefef; overflow: auto; padding: 50px 0 45px; display: none; }
body #wrapper #lightbox #lb-close { position: absolute; top: 15px; right: 12px; width: 23px; }
body #wrapper #lightbox .inner { border-top: solid 1px; border-bottom: solid 1px; padding: 0 20px; }
body #wrapper #lightbox .inner .imagearea { margin: 0 0 35px; }
body #wrapper #lightbox .inner .imagearea .images { position: relative; margin: 0 0 12px; }
body #wrapper #lightbox .inner .imagearea .images li { opacity: 0; transition: opacity 1s ease 0s; }
body #wrapper #lightbox .inner .imagearea .images li img { width: 100%; }
body #wrapper #lightbox .inner .imagearea .images li .bg { display: none; }
body #wrapper #lightbox .inner .imagearea .images li:nth-child(n+2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
body #wrapper #lightbox .inner .imagearea .images li.current { opacity: 1; }
body #wrapper #lightbox .inner .imagearea .pager { display: flex; justify-content: center; }
body #wrapper #lightbox .inner .imagearea .pager li { width: 12px; height: 12px; background: #cccccc; margin: 0 6px; }
body #wrapper #lightbox .inner .imagearea .pager li.current { background: #323333; }
body #wrapper #lightbox .inner .textarea { font-family: minion-pro, serif; font-weight: 400; font-style: italic; padding: 0 0 30px; }
body #wrapper #lightbox .inner .textarea .head { display: flex; justify-content: space-between; align-items: center; padding: 0 0 20px; margin: 0 0 20px; position: relative; }
body #wrapper #lightbox .inner .textarea .head .name { font-size: 2.1rem; letter-spacing: .1em; }
body #wrapper #lightbox .inner .textarea .head .buy { width: 94px; text-align: center; font-size: 1.3rem; border: solid 1px; }
body #wrapper #lightbox .inner .textarea .head .buy a { display: block; padding: 10px 0; }
body #wrapper #lightbox .inner .textarea .head::after { display: block; content: ""; position: absolute; bottom: 0; left: -20px; right: -20px; height: 1px; background: #7b4931; }
body #wrapper #lightbox .inner .textarea .description { font-size: 1.2rem; line-height: 1.54; font-family: a-otf-ud-reimin-pr6n, sans-serif; font-style: normal; margin: 0 0 25px; }
body #wrapper #lightbox .inner .textarea .variation .title { font-size: 1.4rem; letter-spacing: .1em; margin: 0 0 15px; }
body #wrapper #lightbox .inner .textarea .variation .pager { display: flex; }
body #wrapper #lightbox .inner .textarea .variation .pager li { width: 43px; height: 9px; background: #7b4931; margin: 0 8px 0 0; }
body #wrapper.f01 #top .textarea { bottom: 15.09%; right: 4.67%; text-align: right; }
body #wrapper.f01 #top .textarea .num { margin-left: auto; margin-right: 0; }
body #wrapper.f01 #top .textarea h2 { padding: 0 0 0 .5em; margin-left: 0; }
body #wrapper.f01 #contents #styling .flex .single:nth-child(2) .textarea ul li { font-size: 1.3rem; padding-left: 9em; }
body #wrapper.f01 #contents #styling .flex .single:nth-child(2) .textarea ul li .buy { left: 21em; }
body #wrapper.f01 #contents #other .flex .single:nth-child(1) .textarea ul li { font-size: 1.3rem; padding-left: 9em; }
body #wrapper.f01 #contents #other .flex .single:nth-child(1) .textarea ul li .buy { left: 21em; }
body #wrapper.f01 #lightbox .inner .textarea .variation .pager li:nth-child(2) { background: #c4c2be; }
body #wrapper.f01 #lightbox .inner .textarea .variation .pager li:nth-child(3) { background: #22134d; }
body #wrapper.f01 #lightbox .inner .textarea .variation .pager li:nth-child(4) { background: #4a5065; }
body #wrapper.f01 #lightbox .inner .textarea .variation .pager li:nth-child(1) { background: #5a3826; }
body #wrapper.f02 #top .textarea { bottom: 5.34%; left: 5.33%; right: 5.33%; z-index: 2; }
body #wrapper.f02 #top .textarea h2 { display: block; width: 100%; padding: 0; }
body #wrapper.f02 #top::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: #85807d; opacity: .6; height: 152px; }
body #wrapper.f02 #contents #other .flex .single:nth-child(2) .textarea ul li { font-size: 1.3rem; padding-left: 9em; }
body #wrapper.f02 #contents #other .flex .single:nth-child(2) .textarea ul li .buy { left: 21em; }
body #wrapper.f02 #lightbox .inner .textarea .variation .pager li:nth-child(1) { background: #787674; }
body #wrapper.f02 #lightbox .inner .textarea .variation .pager li:nth-child(2) { background: #39353d; }
body #wrapper.f03 #top .textarea { bottom: 13.35%; right: 5.33%; text-align: right; }
body #wrapper.f03 #top .textarea .num { margin-left: auto; margin-right: 0; }
body #wrapper.f03 #top .textarea h2 { padding: 0 0 0 .5em; margin-left: 0; }
body #wrapper.f03 #contents #styling .flex .single .textarea ul li, body #wrapper.f03 #contents #other .flex .single .textarea ul li { padding-left: 7em; }
body #wrapper.f03 #contents #styling .flex .single .textarea ul li .buy, body #wrapper.f03 #contents #other .flex .single .textarea ul li .buy { left: 23em; }
body #wrapper.f03 #lightbox .inner .textarea .variation .pager li:nth-child(1) { background: #495067; }
body #wrapper.f03 #lightbox .inner .textarea .variation .pager li:nth-child(2) { background: #6f313d; }
body #wrapper.f03 #lightbox .inner .textarea .variation .pager li:nth-child(3) { background: #96928c; }
body #wrapper.f03 #lightbox .inner .textarea .variation .pager li:nth-child(4) { background: #30312e; }
body #wrapper.f03 #lightbox .inner .textarea .variation .pager li:nth-child(5) { background: #c4c2be; }

@media screen and (min-width: 768px) { body #wrapper #top { margin: 0 0 50px; }
  body #wrapper #top .textarea .num { width: 375px; padding: 0 0 24px; font-size: 3.7rem; margin-bottom: 30px; }
  body #wrapper #top .textarea h2 { font-size: 8.8rem; margin-bottom: 38px; }
  body #wrapper #top .textarea .catch { font-size: 2.6rem; }
  body #wrapper #contents h1 { width: 1030px; max-width: 96%; margin: 0 auto 50px; }
  body #wrapper #contents h1 span { font-size: 2.3rem; margin: 0 16px; }
  body #wrapper #contents #contents_wrapper { padding: 0; margin: 0 0 205px; overflow: hidden; }
  body #wrapper #contents #contents_wrapper .item_main { padding: 0 0 105px; margin: 0; position: relative; /*&::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: $black; height: 1px;
}*/ }
  body #wrapper #contents #contents_wrapper .item_main .inner { width: 1030px; max-width: 96%; margin: 0 auto; display: flex; justify-content: space-between; }
  body #wrapper #contents #contents_wrapper .item_main .inner .model { width: 50.68%; margin: 0; position: relative; z-index: 2; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item { width: 45.24%; margin: 110px 0 0; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea { margin: 0 0 20px; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea .moredetail { top: 25px; right: 20px; font-size: 1.7rem; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .imagearea:after { left: -100px; right: -100vw; z-index: 1; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea { padding: 0 20px 0 0; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .name { font-size: 1.5rem; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .buy { width: 130px; font-size: 1.7rem; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .buy a { padding: 12px 0; transition: all .4s ease 0s; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .head .buy a:hover { background: #7b4931; color: #fff; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list { padding: 25px 0 0; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li { font-size: 1.5rem; line-height: 1.73; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li .buy { font-size: 1.7rem; width: 130px; transition: all .4s ease 0s; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .credit_list li .buy:hover { background: #7b4931; color: #fff; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn { font-size: 1.7rem; margin: 35px 0 0; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn a { padding: 12px 0; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn:hover { background: #7b4931; color: #fff; }
  body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn:hover a i::before, body #wrapper #contents #contents_wrapper .item_main .inner .item .textarea .toggle-btn:hover a i:after { background: #fff; }
  body #wrapper #contents #contents_wrapper #about { padding: 80px 0 0; margin: 0 0 150px; }
  body #wrapper #contents #contents_wrapper #about .head { margin: 0 0 45px; }
  body #wrapper #contents #contents_wrapper #about .head h3 { font-size: 6rem; margin-bottom: 45px; }
  body #wrapper #contents #contents_wrapper #about .head h3 .under-b { width: 500px; }
  body #wrapper #contents #contents_wrapper #about .head .catch { font-size: 2.6rem; }
  body #wrapper #contents #contents_wrapper #about .imagearea { width: 605px; margin: 0 auto 35px; border: none; }
  body #wrapper #contents #contents_wrapper #about .textarea { width: 605px; padding: 0; margin: 0 auto; }
  body #wrapper #contents #contents_wrapper #about .textarea p { font-size: 1.6rem; line-height: 2.25; }
  body #wrapper #contents #contents_wrapper #movie { width: 1030px; max-width: 96%; margin: 0 auto; }
  body #wrapper #contents #contents_wrapper::before { width: 1030px; max-width: 96%; margin: 0 auto; background: none; left: 0; right: 0; border-left: solid 1px; border-right: solid 1px; pointer-events: none; }
  body #wrapper #contents #contents_wrapper::after { display: none; }
  body #wrapper #styling { margin: 0 auto 200px; }
  body #wrapper #styling .head { width: 1090px; max-width: 98%; margin: 0 auto 120px; }
  body #wrapper #styling .head h3 { font-size: 6rem; margin-bottom: 35px; }
  body #wrapper #styling .head .catch { font-size: 2.6rem; }
  body #wrapper #styling .flex { width: 1030px; max-width: 96%; margin: 0 auto; padding: 0; display: flex; justify-content: space-between; }
  body #wrapper #styling .flex .single { width: 314px; max-width: 32.5%; }
  body #wrapper #styling .flex .single .imagearea { margin: 0 0 35px; }
  body #wrapper #styling .flex .single .textarea ul li { font-size: 1.4rem !important; line-height: 2.5; padding: 0 0 0 5em; }
  body #wrapper #styling .flex .single .textarea ul li a { transition: opacity .4s ease 0s; }
  body #wrapper #styling .flex .single .textarea ul li a:hover { opacity: .6; }
  body #wrapper #styling .flex .single .textarea ul li .buy { width: 65px; transform: translate(0, -50%); font-size: 1.2rem; left: 16em; }
  body #wrapper #styling .flex .single + .single { margin: 0; }
  body #wrapper #other { margin: 0 0 160px; overflow: hidden; }
  body #wrapper #other .head { margin: 0 0 135px; }
  body #wrapper #other .head h3 { font-size: 6rem; margin-bottom: 35px; }
  body #wrapper #other .head .catch { font-size: 2.6rem; }
  body #wrapper #other .flex { width: 676px; display: flex; justify-content: space-between; padding: 0; margin: 0 auto; }
  body #wrapper #other .flex .single { width: 314px; }
  body #wrapper #other .flex .single .imagearea { position: relative; }
  body #wrapper #other .flex .single .textarea p { line-height: 1.38; margin: 0 0 25px; }
  body #wrapper #other .flex .single .textarea ul li { font-size: 1.4rem !important; line-height: 2.5; padding: 0 0 0 5em; }
  body #wrapper #other .flex .single .textarea ul li a { transition: opacity .4s ease 0s; }
  body #wrapper #other .flex .single .textarea ul li a:hover { opacity: .6; }
  body #wrapper #other .flex .single .textarea ul li .buy { width: 65px; transform: translate(0, -50%); font-size: 1.2rem; left: 16em; }
  body #wrapper #other .flex .single + .single { margin: 0; }
  body #wrapper #other .flex .single + .single .imagearea::after { display: block; content: ""; position: absolute; bottom: 0; left: -100vw; right: -100vw; height: 1px; background: #7b4931; }
  body #wrapper #ec_link { width: 762px; margin: 0 auto 170px; }
  body #wrapper #ec_link a { padding: 45px 0 50px; transition: opacity .4s ease 0s; }
  body #wrapper #ec_link a .head { font-size: 5.4rem; margin-bottom: 25px; }
  body #wrapper #ec_link a .arrow img { width: 44px; }
  body #wrapper #ec_link a .arrow span { margin: 15px 0 0; font-size: 2.1rem; }
  body #wrapper #ec_link a::after { top: 10px; bottom: 10px; }
  body #wrapper #ec_link a:hover { opacity: .6; }
  body #wrapper #other_contents { padding: 100px 0 120px; }
  body #wrapper #other_contents h3 { font-size: 4rem; margin-bottom: 60px; }
  body #wrapper #other_contents ul li { width: calc((100% - 25px) * .5); }
  body #wrapper #other_contents ul li a { width: 340px; transition: opacity .4s ease 0s; }
  body #wrapper #other_contents ul li a .inner .textarea .center .num { font-size: 2.5rem; margin: 0 0 20px; }
  body #wrapper #other_contents ul li a .inner .textarea .center h3 { font-size: 3.7rem; margin-bottom: 30px; }
  body #wrapper #other_contents ul li a .inner .textarea .center h3.min { font-size: 3.4rem; }
  body #wrapper #other_contents ul li a .inner .textarea .center .catch { font-size: 1.5rem; }
  body #wrapper #other_contents ul li a .inner .textarea .center .catch.min { font-size: 1.5rem; }
  body #wrapper #other_contents ul li a .inner .textarea .arrow { bottom: 55px; }
  body #wrapper #other_contents ul li a .inner .textarea .arrow img { width: 30px; }
  body #wrapper #other_contents ul li a .inner .textarea .arrow span { margin: 7px 0 0; transform: scale(0.7); }
  body #wrapper #other_contents ul li a:hover { opacity: .6; }
  body #wrapper #lightbox { padding: 73px 0; overflow: hidden; }
  body #wrapper #lightbox #lb-close { top: 17px; right: 27px; width: 32px; }
  body #wrapper #lightbox .inner { padding: 0; display: flex; justify-content: center; height: 100%; }
  body #wrapper #lightbox .inner .imagearea { width: calc((100vh - 212px) * 0.7859); margin: 0 55px 0 0; }
  body #wrapper #lightbox .inner .imagearea .images { margin: 0 0 17px; overflow: hidden; }
  body #wrapper #lightbox .inner .imagearea .images li .bg { position: absolute; top: 0; left: 0; display: block; width: 1300px; opacity: 0; pointer-events: none; }
  body #wrapper #lightbox .inner .imagearea .images li .bg img { width: 100%; }
  body #wrapper #lightbox .inner .imagearea .images li.zoom .bg { opacity: 1; }
  body #wrapper #lightbox .inner .imagearea .images::after { display: block; content: ""; position: absolute; bottom: 8px; right: 8px; width: 23px; height: 23px; background-image: url("../images/common/icon-zoom.svg"); background-size: contain; background-repeat: no-repeat; }
  body #wrapper #lightbox .inner .imagearea .pager li { width: 17px; height: 17px; background: #cccccc; margin: 0 7px; }
  body #wrapper #lightbox .inner .textarea { width: 471px; max-width: calc(100% - ((100vh - 212px) * 0.7859) - 55px); padding: 0; margin: 60px 0 0; }
  body #wrapper #lightbox .inner .textarea .head { padding: 0 0 30px; margin: 0 0 30px; }
  body #wrapper #lightbox .inner .textarea .head .name { font-size: 1.5rem; }
  body #wrapper #lightbox .inner .textarea .head .buy { width: 130px; font-size: 1.7rem; transition: all .4s ease 0s; }
  body #wrapper #lightbox .inner .textarea .head .buy:hover { background: #7b4931; color: #fff; }
  body #wrapper #lightbox .inner .textarea .head::after { left: 0; right: -120px; }
  body #wrapper #lightbox .inner .textarea .description { font-size: 1.5rem; line-height: 1.73; margin: 0 0 35px; }
  body #wrapper #lightbox .inner .textarea .variation .title { font-size: 2rem; margin: 0 0 20px; }
  body #wrapper #lightbox .inner .textarea .variation .pager li { width: 61px; height: 12px; margin: 0 12px 0 0; }
  body #wrapper.f01 #top .textarea { bottom: 10.01%; right: 6.25%; }
  body #wrapper.f01 #contents #styling .flex .single:nth-child(2) .textarea ul li { padding-left: 9em; }
  body #wrapper.f01 #contents #styling .flex .single:nth-child(2) .textarea ul li .buy { left: 19.5em; }
  body #wrapper.f01 #contents #other .flex .single:nth-child(1) .textarea ul li { padding-left: 9em; }
  body #wrapper.f01 #contents #other .flex .single:nth-child(1) .textarea ul li .buy { left: 20em; }
  body #wrapper.f02 #top .textarea { bottom: 18.02%; left: 7.81%; right: auto; color: #151210; }
  body #wrapper.f02 #top .textarea h2 { width: 639px; }
  body #wrapper.f02 #top .textarea h2::after { background: #151210; }
  body #wrapper.f02 #top::after { display: none; }
  body #wrapper.f02 #contents #styling .flex { justify-content: center; }
  body #wrapper.f02 #contents #styling .flex .single + .single { margin: 0 0 0 44px; }
  body #wrapper.f02 #contents #other .flex .single:nth-child(1) .textarea p { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: .11em; }
  body #wrapper.f02 #contents #other .flex .single:nth-child(2) .textarea ul li { padding-left: 9em; }
  body #wrapper.f03 #top .textarea { bottom: 12.02%; right: 6.25%; }
  body #wrapper.f03 #contents #contents_wrapper #about .head h3 .under-b { width: 785px; }
  body #wrapper.f03 #contents #styling .flex .single .textarea ul li .buy, body #wrapper.f03 #contents #other .flex .single .textarea ul li .buy { left: 18em; } }