@charset "utf-8";

#main .content{ background-color: #076fb3; padding-bottom: 5%; }
#main .content .anchor{ position: absolute; left: 0; top: 0; transform: translateY(-20px); }
#main .content .hero .date{ width: 81.4643%; margin: 1% auto 0; }
#main .content .hero .caption{ font-size: 0.7692rem; color: #ffffff; text-align: center; margin-top: 3%; }
#main .content .intro-copy{ width: 80.0988%; margin: 8% auto 0; }
#main .content .catalogue-navi{ margin-top: 3%; }
#main .content .fresh-navi{ margin-top: 5%; }
#main .content .fresh-navi .navi:nth-child(n+2){ margin-top: 10%; }
#main .content .evt-navi{ width: 86.6667%; margin: 10% auto 0; }
#main .content .evt-navi .navi{ position: relative; }
#main .content .evt-navi .navi02{ margin-top: 9%; }
#main .content .evt-navi .navi03{ margin-top: 6%; }
#main .content .evt-navi .navi04{ margin-top: 8%; }
#main .content .evt-navi .navi05{ margin-top: 9%; }
#main .content .brand-navi{ width: 86.6667%; margin: 10% auto 0; }
#main .content .line-body{ width: 86.6667%; margin: 10% auto 0; background-color: #ffe55f; border-radius: 15px; padding: 7% 4%; box-sizing: border-box; position: relative; }
#main .content .line-body .date{ margin-top: 3%; text-align: center; font-size: 1rem; line-height: 1.3; }
#main .content .line-body .split-view{ margin-top: 4%; }
#main .content .line-body .split-view .photo{ float: right; width: 45.4802%; margin-right: -10%; margin-left: 3%; }
#main .content .line-body .split-view .txt-body .txt{ font-size: 1rem; line-height: 1.5; }
#main .content .line-body .split-view .txt-body .caption{ font-size: 0.85rem; line-height: 1.5; }
#main .content .line-body .friend{ border-top: 1px dashed #666666; margin-top: 7%; padding-top: 7%; }
#main .content .line-body .friend .head{ width: 80%; margin: 0 auto; }
#main .content .line-body .friend .txt{ text-align: center; font-size: 1rem; margin-top: 5%; }
#main .content .line-body .friend .navi{ margin: 3% auto 0; width: 100%; }
#main .content .line-body .friend .navi a{ display: block; padding-top: 15.8192%; background-color: #231815; color: #ffffff; text-decoration: none; border-radius: 28px; text-align: center; position: relative; font-size: 1rem; line-height: 1.3; }
#main .content .line-body .friend .navi a::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 6px 9px; border-left-color: #ffffff; margin-right: 3%; }
#main .content .line-body .friend .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
#main .content .beauty-body{ width: 86.6667%; margin: 10% auto 0; background-color: #ffe55f; border-radius: 15px; padding: 7% 4%; box-sizing: border-box; position: relative; }
#main .content .beauty-body .ttl{ width: 80%; margin: 0 auto; }
#main .content .beauty-body .date{ margin-top: 3%; text-align: center; font-size: 1rem; line-height: 1.3; width: 105.2631%; transform: scaleX(0.95); transform-origin: 0 0; }
#main .content .beauty-body .present{ margin-top: 5%; }
#main .content .beauty-body .present .list-item .item:nth-child(n+2){ margin-top: 5%; }
#main .content .beauty-body .present .list-item .item .icon{ display: inline-block; font-size: 1rem; line-height: 1.5; background-color: #231815; padding: 2px 10px; color: #ffffff; border-radius: 15px; }
#main .content .beauty-body .present .list-item .item .head{ font-size: 1.3rem; line-height: 1.5; color: #076fb3; font-weight: bold; }
#main .content .beauty-body .present .list-item .item .txt{ font-size: 1rem; line-height: 1.5; }
#main .content .beauty-body .present .caption{ margin-top: 4%; font-size: 0.85rem; line-height: 1.5; }
#main .content .beauty-body .kit{ padding: 7% 5%; background-color: #ffffff; margin-top: 5%; }
#main .content .beauty-body .kit .head{ font-size: 1.3rem; line-height: 1.5; color: #076fb3; font-weight: bold; margin-bottom: 3%; }
#main .content .beauty-body .kit .head .s-size{ font-size: 80%; display: block; }
#main .content .beauty-body .kit .txt{ font-size: 1rem; line-height: 1.5; }
#main .content .beauty-body .kit .txt .s-size{ font-size: 80%; }
#main .content .beauty-body .kit .photo-body{ position: relative; margin: 5% 0 3%; }
#main .content .beauty-body .kit .photo-body .icon{ position: absolute; right: 0; top: 0; margin: -2% -2% 0 0; width: 30%; }
#main .content .beauty-body .navi-body{ border-top: 1px dashed #666666; margin-top: 7%; padding-top: 7%; }
#main .content .beauty-body .navi-body .head{ width: 90%; margin: 0 auto; }
#main .content .beauty-body .navi-body .navi{ margin: 5% auto 0; width: 100%; }
#main .content .beauty-body .navi-body .navi a{ display: block; padding-top: 15.8192%; background-color: #231815; color: #ffffff; text-decoration: none; border-radius: 28px; text-align: center; position: relative; font-size: 1rem; line-height: 1.3; }
#main .content .beauty-body .navi-body .navi a::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 6px 9px; border-left-color: #ffffff; margin-right: 3%; }
#main .content .beauty-body .navi-body .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
#main .content .beauty-body .navi-body .navi a .s-size{ font-size: 80%; }
#main .content .app-body{ width: 86.6667%; margin: 15% auto 0; }
#main .content .app-body .navi-list{ margin: 7% auto 0; }
#main .content .app-body .navi-list .navi:nth-child(n+2){ margin-top: 5%; }
#main .content .app-body .navi-list .navi a{ display: block; padding-top: 15.8192%; background-color: #fabe00; color: #231815; text-decoration: none; border-radius: 28px; text-align: center; position: relative; font-size: 1rem; line-height: 1.3; }
#main .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%; }
#main .content .app-body .navi-list .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; }
#main .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%; }
#main .content .store-info{ text-align: center; margin-top: 10%; }
#main .content .store-info .txt{ font-size: 0.7692rem; line-height: 1.7; color: #ffffff; }
#main .content .store-info .txt .store{ padding-right: 0.3em; }
#main .content .store-info .txt .icon{ padding: 1px 3px; font-size: 90%; border: 1px solid #231815; background-color: #ffffff; color: #231815; margin-right: 0.2em; }