@charset "utf-8";

#main .content .end-caption{ margin-top: 15%; font-size: 0.8rem; }
#main .content .content-header{ box-sizing: border-box; width: 100%; padding: 8% 5%; background-color: #b7d342; }
#main .content .content-header .copy{ font-size: 1rem; font-weight: bold; text-align: center; color: #231815; }
#main .content .content-header .ttl{ width: 80%; margin: 3% auto 0; }
#main .content .content-header .txt{ font-size: 1rem; text-align: center; color: #231815; margin-top: 3%; }
#main .content .content-header .caption{ font-size: 0.8rem; text-align: center; color: #231815; }
#main .content .content-header .navi-list{ display: flex; display: -ms-flex; flex-wrap: wrap; justify-content: space-between; margin-top: 5%; }
#main .content .content-header .navi-list .navi{ width: 49%; }
#main .content .content-header .navi-list .navi:nth-child(n+2){ margin-top: 2%; }
#main .content .content-header .navi-list .navi01{ width: 100%; }
#main .content .content-header .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 .content-header .navi-list .navi a .s-size{ font-size: 80%; }
#main .content .content-body{ box-sizing: border-box; width: 100%; padding: 0 5% 7%; background-color: #ffffff; }
#main .content .content-body .netshop-btn{ margin-top: 10px; }
#main .content .content-body .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 .content-body .store-list{ display: flex; display: -ms-flex; margin-top: 5px; }
#main .content .content-body .store-list .store{ font-size: 0.8rem; border: 1px solid #666666; padding: 0 3px; border-radius: 3px; }
#main .content .content-body .store-list .store:nth-child(n+2){ margin-left: 2px; }
#main .content .content-body .eyebrow-skin-section{ background-color: #f4eaec; padding: 7% 5%; position: relative; margin-top: 7%; }
#main .content .content-body .eyebrow-skin-section .ribbon{ position: absolute; right: 0; top: 0; width: 22%; margin: -3% 5% 0 0; }
#main .content .content-body .eyebrow-skin-section .txt{ font-size: 1rem; }
#main .content .content-body .eyebrow-skin-section .split-view{ display: flex; display: -ms-flex; justify-content: space-between; flex-direction: row-reverse; }
#main .content .content-body .eyebrow-skin-section .split-view .photo{ width: 40%; margin-left: 4%; }
#main .content .content-body .eyebrow-skin-section .split-view .txt-body{ flex: 1; }
#main .content .content-body .eyebrow-skin-section .badge{ margin-top: 5%; padding-top: 5%; border-top: 1px dotted #666666; }
#main .content .content-body .skin-section{ background-color: #eaeef1; padding: 7% 5%; position: relative; margin-top: 7%; }
#main .content .content-body .skin-section .ttl{ width: 90%; }
#main .content .content-body .skin-section .txt{ font-size: 1rem; }
#main .content .content-body .skin-section .list-item{ margin-top: 7%; }
#main .content .content-body .skin-section .list-item .item{ overflow: hidden; }
#main .content .content-body .skin-section .list-item .item:nth-child(n+2){ margin-top: 8%; }
#main .content .content-body .skin-section .list-item .item .head-body{ margin-bottom: 5px; }
#main .content .content-body .skin-section .list-item .item .head{ font-size: 1.1rem; color: #005bac; font-weight: bold; }
#main .content .content-body .skin-section .list-item .item .photo{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .content-body .store-body{ margin-top: 15%; }
#main .content .content-body .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 .content-body .store-body .store-ttl .s-size{ font-size: 80%; }
#main .content .content-body .makeup-section{ background-color: #ebf2ce; padding: 7% 5%; position: relative; margin-top: 7%; }
#main .content .content-body .makeup-section .txt{ font-size: 1rem; }
#main .content .content-body .makeup-section .list-item{ margin-top: 7%; }
#main .content .content-body .makeup-section .list-item .item{ overflow: hidden; }
#main .content .content-body .makeup-section .list-item .item:nth-child(n+2){ margin-top: 8%; }
#main .content .content-body .makeup-section .list-item .item .head-body{ margin-bottom: 5px; }
#main .content .content-body .makeup-section .list-item .item .head{ font-size: 1.1rem; color: #231815; font-weight: bold; }
#main .content .content-body .makeup-section .list-item .photo{ margin-bottom: 10px; }
#main .content .content-body .makeup-section .list-item .split-item .photo{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .content-body .popup-section{ background-color: #ffffff; padding: 7% 5%; position: relative; margin-top: 7%; box-sizing: border-box; border: 4px solid #b7d342; }
#main .content .content-body .popup-section .ttl-body{ display: flex; display: -ms-flex; align-items: center; }
#main .content .content-body .popup-section .ttl-body .icon{ width: 25%; margin-right: 3%; }
#main .content .content-body .popup-section .ttl-body .txt-body{ flex: 1; }
#main .content .content-body .popup-section .ttl{ font-size: 1.1rem; font-weight: bold; }
#main .content .content-body .popup-section .txt{ font-size: 1rem; }
#main .content .content-body .popup-section .caption{ font-size: 0.8rem; }
#main .content .content-body .popup-section .split-view{ overflow: hidden; }
#main .content .content-body .popup-section .split-view .photo-body{ float: right; margin: 0 0 4% 4%; width: 48%; }
#main .content .content-body .popup-section .split-view .txt-body .photo{ width: 48%; }
#main .content .content-body .lovemyself-section{ background-color: #fffde5; padding: 7% 5%; position: relative; margin-top: 7%; }
#main .content .content-body .lovemyself-section .ttl{ width: 80%; margin: 0 auto; }
#main .content .content-body .lovemyself-section .txt{ font-size: 1rem; }
#main .content .content-body .lovemyself-section .caption{ font-size: 0.8rem; }
#main .content .content-body .lovemyself-section .split-view{ overflow: hidden; }
#main .content .content-body .lovemyself-section .split-view .photo{ float: right; margin: 0 0 4% 4%; width: 48%; }
#main .content .content-body .lovemyself-section .navi a{ display: block; background-color: #000000; color: #ffffff; font-size: 0.9230rem; text-decoration: none; padding: 10px 10%; border-radius: 33px; position: relative; text-align: center; }
/*#main .content .content-body .lovemyself-section .navi a::before{ content: ""; position: absolute; right: 5%; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 5px 0 5px 8px; border-left-color: #ffffff; }*/
#main .content .content-body .event-section{ position: relative; margin-top: 7%; }
#main .content .content-body .event-section .list-item .item{ overflow: hidden; }
#main .content .content-body .event-section .list-item .item:nth-child(n+2){ margin-top: 7%; }
#main .content .content-body .event-section .list-item .item .head-body{ margin-bottom: 5px; }
#main .content .content-body .event-section .list-item .item .photo{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .content-body .event-section .list-item .item .head{ font-size: 1.1rem; color: #eb6d8e; font-weight: bold; }
#main .content .content-body .event-section .list-item .item .txt{ font-size: 1rem; }
#main .content .content-body .event-section .list-item .item .caption{ font-size: 0.8rem; }
#main .content .content-body .hands-section{ border: 5px solid #76ae84; padding: 7% 5%; margin-top: 7%; }
#main .content .content-body .hands-section .hands-copy{ width: 77.7108%; margin: 0 auto; }
#main .content .content-body .hands-section .info-body{ margin: 4.2168% auto 0; }
#main .content .content-body .hands-section .info01 .logo{ width: 51.2048%; margin: 0 auto 1%; }
#main .content .content-body .hands-section .info02 .logo{ width: 56.6265%; margin: 0 auto; }
#main .content .content-body .hands-section .info-body .txt{ font-size: 1rem;  text-align: center; }
#main .content .content-body .hands-section .info-body .txt .caption{ font-size: 76.9230%; }
#main .content .content-body .hands-section .hands-list{ width: 100; margin: 7% auto 0; }
#main .content .content-body .hands-section .hands-list .item:nth-child(n+2){ margin-top: 10.2041%; }
#main .content .content-body .hands-section .hands-list .item .brand{ font-size: 1.8rem; font-weight: bold; font-family: YakuHanJP, Lato, "Noto Sans JP", "Zen Kaku Gothic New", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
#main .content .content-body .hands-section .hands-list .item .split-view{ overflow: hidden; }
#main .content .content-body .hands-section .hands-list .item .split-view .txt-body .txt{ font-size: 1rem; }
#main .content .content-body .hands-section .hands-list .item .split-view .photo{ width: 40%; margin: 0 0 4% 4%; float: right; }
#main .content .content-body .garden-section{ border: 5px solid #b7d342; padding: 7% 5% 0; margin-top: 7%; }
#main .content .content-body .garden-section .copy{ font-size: 1rem; font-weight: bold; }
#main .content .content-body .garden-section .txt{ font-size: 1rem; }
#main .content .content-body .garden-section .list-item{ margin-top: 7%; }
#main .content .content-body .garden-section .list-item .item{ overflow: hidden; }
#main .content .content-body .garden-section .list-item .item:nth-child(n+2){ margin-top: 8%; }
#main .content .content-body .garden-section .list-item .item .head-body{ margin-bottom: 5px; }
#main .content .content-body .garden-section .list-item .item .head{ font-size: 1.1rem; color: #231815; font-weight: bold; }
#main .content .content-body .garden-section .list-item .item .photo{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .content-body .garden-section .insta{ background-color: #b7d342; padding: 7% 5%; margin: 7% -6% 0; }
#main .content .content-body .garden-section .insta *{ color: #231815; }
#main .content .content-body .garden-section .insta .head{ font-size: 1.1rem; font-weight: bold; }
#main .content .content-body .garden-section .insta .split-view{ overflow: hidden; }
#main .content .content-body .garden-section .insta .split-view .qr{ width: 40%; float: right; margin: 0 0 4% 4%; }
#main .content .content-body .garden-section .insta .navi a{ display: block; background-color: #000000; color: #ffffff; font-size: 0.9230rem; text-decoration: none; padding: 10px 10%; border-radius: 33px; position: relative; text-align: center; }
#main .content .content-body .garden-section .insta .navi a::before{ content: ""; position: absolute; right: 5%; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 5px 0 5px 8px; border-left-color: #ffffff; }



@media screen and (max-width: 780px){ /*780px以下のcss*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
}