@charset "utf-8";


#lp-content .content{ background-color: #e24822; padding-bottom: 5%; }
#lp-content .content .anchor{ position: absolute; left: 0; top: 0; }
#lp-content .content .hero .date{ width: 81.4643%; margin: 1% auto 0; }
#lp-content .content .hero .caption{ font-size: 0.7692rem; color: #ffffff; text-align: center; margin-top: 3%; }
#lp-content .content .intro-copy{ width: 70.8521%; margin: 8% auto 0; }
#lp-content .content .catalogue-navi{ margin-top: 3%; }
#lp-content .content .autumn-copy{ margin-top: 5%; }
#lp-content .content .autumn-navi{ margin: 3% auto 0; width: 86.8889%; }
#lp-content .content .autumn-navi .navi:nth-child(n+2){ margin-top: 10%; }
#lp-content .content .autumn-navi .navi03 img{ width: 109.8465%; height: auto; max-width: none; margin-top: -3.5806%; }
#lp-content .content .evt-navi{ width: 86.6667%; margin: 10% auto 0; }
#lp-content .content .evt-navi .navi{ position: relative; }
#lp-content .content .evt-navi .navi02{ margin-top: 9%; }
#lp-content .content .evt-navi .navi03{ margin-top: 6%; }
#lp-content .content .evt-navi .navi04{ margin-top: 8%; }
#lp-content .content .evt-navi .navi05{ margin-top: 9%; }
#lp-content .content .brand-navi{ width: 86.6667%; margin: 10% auto 0; }
#lp-content .content .line-body{ width: 86.6667%; margin: 10% auto 0; background-color: #673f54; border-radius: 15px; padding: 7% 4%; box-sizing: border-box; position: relative; }
#lp-content .content .line-body .date{ margin-top: 3%; text-align: center; font-size: 1rem; line-height: 1.3; color: #ffffff; }
#lp-content .content .line-body .split-view{ margin-top: 4%; }
#lp-content .content .line-body .split-view .photo{ float: right; width: 45.4802%; margin-right: -10%; margin-left: 3%; }
#lp-content .content .line-body .split-view .txt-body .txt{ font-size: 1rem; line-height: 1.5; color: #ffffff; }
#lp-content .content .line-body .split-view .txt-body .caption{ font-size: 0.85rem; line-height: 1.5; color: #ffffff; }
#lp-content .content .promotion-body{ width: 86.6667%; margin: 10% auto 0; background-color: #673f54; border-radius: 15px; padding: 7% 4%; box-sizing: border-box; position: relative; }
#lp-content .content .promotion-body .date{ font-size: 1rem; line-height: 1.3; color: #ffffff; }
#lp-content .content .promotion-body .head{ font-size: 1rem; line-height: 1.3; color: #ffffff; background-color: #000000; text-align: center; padding: 5px 0; }
#lp-content .content .promotion-body .split-view{  margin-top: 4%; }
#lp-content .content .promotion-body .split-view .photo{ float: right; width: 50%; margin-right: -10%; }
#lp-content .content .promotion-body .txt{ font-size: 1rem; line-height: 1.5; color: #ffffff; }
#lp-content .content .promotion-body .caption{ font-size: 0.85rem; line-height: 1.5; color: #ffffff; }
#lp-content .content .promotion-body .store-list .store{ font-size: 1rem; padding-right: 1em; color: #ffffff; }
#lp-content .content .promotion-body .store-list .store .icon{ font-size: 0.8rem; border: 1px solid #ffffff; padding: 0 3px; border-radius: 3px; margin-right: 0.3em; }
#lp-content .content .promotion-body .store-list .store .icon:nth-child(n+2){ margin-left: 2px; }
#lp-content .content .beauty-navi{ width: 86.6667%; margin: 10% auto 0; }
#lp-content .content .app-body{ width: 86.6667%; margin: 15% auto 0; }
#lp-content .content .app-body .line-friend{ margin: 5% auto 0; background-color: #673f54; border-radius: 15px; padding: 7% 4%; box-sizing: border-box; position: relative; }
#lp-content .content .app-body .line-friend .head{ width: 80%; margin: 0 auto; }
#lp-content .content .app-body .line-friend .txt{ text-align: center; font-size: 1rem; margin-top: 5%; color: #ffffff; }
#lp-content .content .app-body .line-friend .navi{ margin: 3% auto 0; width: 100%; }
#lp-content .content .app-body .line-friend .navi a{ display: block; padding-top: 15.8192%; background-color: #fedd78; color: #231815; text-decoration: none; border-radius: 28px; text-align: center; position: relative; font-size: 1rem; line-height: 1.3; }
#lp-content .content .app-body .line-friend .navi a::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 6px 9px; border-left-color: #231815; margin-right: 3%; }
#lp-content .content .app-body .line-friend .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
#lp-content .content .app-body .navi-list{ margin: 7% auto 0; }
#lp-content .content .app-body .navi-list .navi:nth-child(n+2){ margin-top: 5%; }
#lp-content .content .app-body .navi-list .navi a{ display: block; padding-top: 15.8192%; background-color: #fedd78; color: #231815; text-decoration: none; border-radius: 28px; text-align: center; position: relative; font-size: 1rem; line-height: 1.3; }
#lp-content .content .app-body .navi-list .navi a::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 6px 9px; border-left-color: #231815; margin-right: 3%; }
#lp-content .content .app-body .navi-list .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
#lp-content .content .app-body .navi-list .navi a .icon{ border: 1px solid #231815; background-color: #ffffff; padding: 0 2px; margin-right: 0.2em; font-size: 90%; }
#lp-content .content .store-info{ text-align: center; margin-top: 10%; }
#lp-content .content .store-info .txt{ font-size: 0.7692rem; line-height: 1.7; color: #ffffff; }
#lp-content .content .store-info .txt .store{ padding-right: 0.3em; }
#lp-content .content .store-info .txt .icon{ padding: 1px 3px; font-size: 90%; border: 1px solid #231815; background-color: #ffffff; color: #231815; margin-right: 0.2em; }