@charset "utf-8";

#main .content{ background-color: #ffffff; }
#main .content .lp-header{ padding: 10% 6.5%; background-color: #076fb3; }
#main .content .lp-header .ttl-body .ttl{ width: 94.9096%; margin: 0 auto; }
#main .content .lp-header .ttl-body .txt{ font-size: 1rem; text-align: center; color: #ffffff; margin-top: 3%; }
#main .content .lp-header .ttl-body .caption{ font-size: 0.8rem; text-align: center; color: #ffffff; }
#main .content .lp-header .fresh-body{ background-color: #fff462; margin-top: 5%; border-radius: 15px; padding: 5%; }
#main .content .lp-header .fresh-body .split-view{ overflow: hidden; }
#main .content .lp-header .fresh-body .split-view .icon{ float: right; width: 40%; margin-left: 4%; }
#main .content .lp-header .fresh-body .txt{ font-size: 1rem; }
#main .content .lp-header .fresh-body .split-view .txt .marker{ font-size: 120%; font-weight: bold; }
#main .content .lp-header .fresh-body .touchup{ margin-top: 5%; padding-top: 5%; border-top: 1px solid rgba(0,0,0,0.7); }
#main .content .lp-header .fresh-body .touchup .head{ color: #076fb3; font-size: 1.2rem; line-height: 1.5; font-weight: bold; }
#main .content .lp-header .fresh-body .touchup .store-list{ display: block; margin-top: 5px; }
#main .content .lp-header .fresh-body .touchup .store-list .store{ font-size: 1rem; }
#main .content .lp-header .fresh-body .touchup .store-list .store .icon{ font-size: 0.8rem; border: 1px solid #666666; padding: 0 3px; border-radius: 3px; margin-right: 0.3em; }
#main .content .lp-header .fresh-body .touchup .store-list .store .icon:nth-child(n+2){ margin-left: 2px; }
#main .content .lp-header .makeup-body{ background-color: #fff462; margin-top: 7%; border-radius: 15px; padding: 5%; overflow: hidden; }
#main .content .lp-header .makeup-body .ttl{ width: 88.0244%; margin: 0 auto; }
#main .content .lp-header .makeup-body .txt{ font-size: 1rem; }
#main .content .lp-header .makeup-body .list-item{ margin-top: 7%; }
#main .content .lp-header .makeup-body .list-item .item{ overflow: hidden; }
#main .content .lp-header .makeup-body .list-item .item:nth-child(n+2){ margin-top: 8%; padding-top: 8%; border-top: 1px dashed #231815; }
#main .content .lp-header .makeup-body .list-item .item .head-body{ margin-bottom: 5px; }
#main .content .lp-header .makeup-body .list-item .item .head{ font-size: 1.1rem; color: #231815; font-weight: bold; }
#main .content .lp-header .makeup-body .list-item .photo{ margin-bottom: 10px; }
#main .content .lp-header .makeup-body .list-item .split-item .photo{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .lp-header .makeup-body .list-item .txt-body+.photo{ margin-top: 10px; }
#main .content .lp-header .makeup-body .list-item .store-list{ display: flex; display: -ms-flex; flex-wrap: wrap; margin-top: 5px; }
#main .content .lp-header .makeup-body .list-item .split-item .store-list{ display: block; }
#main .content .lp-header .makeup-body .list-item .store-list .store{ font-size: 1rem; padding-right: 1em; }
#main .content .lp-header .makeup-body .list-item .store-list .store .icon{ font-size: 0.8rem; border: 1px solid #666666; padding: 0 3px; border-radius: 3px; margin-right: 0.3em; }
#main .content .lp-header .makeup-body .list-item .store-list .store .icon:nth-child(n+2){ margin-left: 2px; }
#main .content .lp-header .makeup-body .list-item .item .netshop-btn{ margin-top: 10px; }
#main .content .lp-header .makeup-body .list-item .item .netshop-btn a{ display: block; background-color: #000000; padding: 10px 0; font-size: 1rem; text-align: center; color: #ffffff; text-decoration: none; border-radius: 22px; }
#main .content .lp-header .navi-body{ margin-top: 10%; }
#main .content .lp-header .navi-body .ttl{ width: 42.1827%; margin: 0 auto; }
#main .content .lp-header .navi-body .navi-list{ display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: space-between; margin: 5% auto 0; width: 86.4788%; }
#main .content .lp-header .navi-body .navi-list .navi{ width: 49%; }
#main .content .lp-header .navi-body .navi-list .navi:nth-child(n+2){ margin-top: 2%; }
#main .content .lp-header .navi-body .navi-list .navi01{ width: 100%; }
#main .content .lp-header .navi-body .navi-list .navi a{ display: block; text-align: center; font-size: 1.15rem; font-weight: bold; background-color: #231815; color: #ffffff; text-decoration: none; padding: 6px 0; }
#main .content .lp-header .navi-body .navi-list .navi a .s-size{ font-size: 80%; }
#main .content .lp-content{ box-sizing: border-box; width: 100%; padding: 0; background-color: #ffffff; }
#main .content .lp-content .store-body{ background-color: #a0d8ea; }
#main .content .lp-content .store-body:nth-child(2n+2){ background-color: #ffe971; }
#main .content .lp-content .store-body .store-ttl{ text-align: center; font-size: 1.15rem; font-weight: bold; background-color: #231815; color: #ffffff; padding: 6px 0; margin: 0 -5.5555%; }
#main .content .lp-content .store-body .store-ttl .s-size{ font-size: 80%; }
#main .content .lp-content .store-body .event-body{ padding: 8% 5%; }
#main .content .lp-content .store-body .event-body .list-item .item{ overflow: hidden; }
#main .content .lp-content .store-body .event-body .list-item .item:nth-child(n+2){ margin-top: 7%; }
#main .content .lp-content .store-body .event-body .list-item .item .head-body{ margin-bottom: 5px; }
#main .content .lp-content .store-body .event-body .list-item .item .photo{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .lp-content .store-body .event-body .list-item .item .head{ font-size: 1.1rem; color: #000000; font-weight: bold; }
#main .content .lp-content .store-body .event-body .list-item .item .txt{ font-size: 1rem; }
#main .content .lp-content .store-body .event-body .list-item .item .txt .limited{ background-color: #fabe00; font-size: 1rem; padding: 0 10px; margin-right: 5px; border-radius: 12px; display: inline-block; }
#main .content .lp-content .store-body .event-body .list-item .item .caption{ font-size: 0.8rem; }
#main .end-caption{ padding: 5%; margin: 0; }