.pcOnly {display: inline-block !important;}
.spOnly {display: none !important;}

#special{ margin: 0 auto; max-width: 1256px; width: 100%; position: relative; background: #fff; text-align: center;}

#social-wrap { position: absolute; right: 0; top: 15px; overflow: hidden; z-index: 9; }
#social-wrap a.fb { background-position: 0 0; }
#social-wrap a.tw { background-position: -36px 0; }
#social-wrap a { display: block; width: 36px; height: 36px; background: url(../img/social_bt.png) no-repeat left top; margin: 0 10px 0 0; float: left; text-indent: -9999px; }

.deiseyA { position: absolute; width: 80px; top: 10px; right: 80px;}
.deiseyB { position: absolute; width: 80px; top: 100px; left: -15px;}
.deiseyC { position: absolute; width: 80px; bottom: 50px; right: 35px;}
.deiseyD { position: absolute; width: 80px; bottom: -60px; left: 15px;}
.deiseyE { position: absolute; width: 80px; top: -40px; right: 30px;}
.deiseyF { position: absolute; width: 80px; top: 150px; left: -25px;}
.deiseyG { position: absolute; width: 80px; bottom: -180px; right: 40px;}
.deiseyZ { position: absolute; display: none;}

/*sec01*/
#sec01 { width: 100%; max-width: 1256px; opacity: 1; position: relative;}
#sec01 .keyVusial{ position: relative;}
#sec01 .lead{ font-size: 2.6rem; line-height: 2; font-weight: bold; padding: 70px 0 120px; position: relative;}
#sec01 sup{ font-size: 85%; vertical-align: top;}

.item{ display: block;}
.item .lead{ font-size: 1.8rem; font-weight: bold; text-align: center; margin: -10px auto 30px; line-height: 2;}
.item.cosmetics h2{ position: absolute; top: -50px; width: 1156px; background: #e00716; color: #fff; padding: 12px; text-align: center; font-size: 6.6rem; font-weight: normal; font-family: 'MQ'; line-height: 1;}
.item.cosmetics .area{ position: relative; padding: 80px 50px 100px; text-align: left; background: #f1d7d8;}
.item.fashion h2{ position: absolute; top: -50px; width: 1156px; background: #fdd000; padding: 12px; text-align: center; font-size: 6.6rem; font-weight: normal; font-family: 'MQ'; line-height: 1;}
.item.fashion .area{ position: relative; padding: 80px 50px 100px; text-align: left; background: #faf3d5;}
.item .area .content{ background: #fff; margin: 0 auto 15px; padding: 40px 24px 40px 40px; width: 100%; text-align: left; position: relative;}
.item .area .content dt{ width: 480px; display: inline-block; vertical-align: top;}
.item .area .content dt img{ width: 100%;}
.item .area .content dd{ display: inline-block; width: calc(100% - 540px); margin: 0 0 20px 36px;}
.item .area .content dd .detail:nth-of-type(n+2){ margin-top: 30px;}
.item .area .content h3{ font-size: 6.2rem; font-weight: normal; font-family: 'MQ'; color: #e00716; display: flex; align-items: center; gap: 18px; line-height: 1.2;}
.item .area .content .name{ font-size: 1.8rem; margin-top: 0; color: #e00716; font-weight: bold;}
.item .area .content .name span{ font-size: 1.4rem; font-weight: bold;}
.item .area .content .set { display: flex; flex-direction: row; background-color: #f7eee5; margin: 20px 0; font-size: 14px; line-height: 1.6;}
.item .area .content .set-title { display: flex; align-items: center; justify-content: center; width: 56px; background-color: #e5d6c7; font-weight: bold; text-align: center; box-sizing: border-box;}
.item .area .content .set-detail { flex: 1; padding: 15px; margin: 0; box-sizing: border-box;}
.item .area .content .set-detail ul { list-style: none; padding: 0; margin: 0;}
.item .area .content .set-detail li { margin-bottom: 6px;  font-weight: bold; font-size:1.5rem;}
.item .area .content .set-detail li:last-child { margin-bottom: 0;}
.item .area .content .lead{ font-size: 1.6rem; line-height: 1.9; text-align: left; font-weight: normal; margin: 20px 0;}
.item .area .content .lead span{ font-size: 1.2rem; display: block; margin-top: 4px;}
.item .area .content .lead span.sub{ color: #555555;}
.item .area .content .lead sup{ font-size: 0.6em; vertical-align: super;}
.item .copy{ margin: 40px auto; text-align: center;}
.item .copy img{width: 268px;}
.item .btn{ margin: auto; text-align: center;}
.item .btn img:hover{ opacity: 0.8;}
.item .notice{ font-size: 1.6rem; color: #555555; text-align: center; margin: 30px auto -10px; position: relative;}
#fashion{padding-top: 200px; margin-top: -40px;}
.fashion .content dd .detail{ display:flex; flex-direction:column; justify-content:center; height:100%;}
.fashion .content dd .detail h3{ margin-top: 120px; font-size:2rem; font-family: inherit; line-height:1.5; font-weight:700; color: #000;}
.fashion .content dd .detail ul{ display:grid; gap:10px;}
.fashion .content dd .detail ul li{ font-size:1.7rem; line-height:1.8; color: #897100; font-weight: bold;}
.fashion .content dd .detail ul li span{ font-size:1.4rem; font-weight: bold;}

@media screen and (max-width: 768px){

.pcOnly {display: none !important;}
.spOnly {display: inline-block !important;}

#special { max-width: 100%;}
#social-wrap {top: 10px;}

.deiseyA { position: absolute; width: 45px; top: 2px; right: 10px;}
.deiseyB { position: absolute; width: 45px; top: 15px; left: -6px;}
.deiseyC { position: absolute; width: 45px; top: 30px; right: -10px;}
.deiseyD { position: absolute; width: 45px; top: 80px; left: -6px;}
.deiseyE { position: absolute; width: 45px; top: 30px; left: -6px;}
.deiseyF { position: absolute; width: 45px; top: 15px; right: -6px; left: inherit;}
.deiseyG { position: absolute; width: 45px; bottom: -120px; left: -6px; right: inherit;}
.deiseyZ { position: absolute; width: 45px; bottom: -30px; right: -4px; display: block;}

/*sec01*/
#sec01 { width: 100%; height: auto;}
#sec01 .keyVusial{ position: inherit;}
#sec01 .lead{ font-size: 1.8rem; padding: 50px 0 44px; line-height: 1.8;}

.item{ width: 100%; margin: 30px auto;}
.item .lead{ font-size: 1.2rem; margin: -8px auto 16px;}
.item.cosmetics h2,.item.fashion h2{ top: -35px; width: 92%; padding: 12px; font-size: 4.4rem;}
.item.cosmetics .area,.item.fashion .area{ padding: 55px 15px 40px; text-align: left;}
.item .area .content{ padding: 15px;}
.item .area .content dt{ width: 100%; display: block;}
.item .area .content dd{ display:block; width: 100%; margin: 15px 0 0; padding: 0 2px;}
.item .area .content dd .detail:nth-of-type(n+2){ margin-top: 20px;}
.item .area .content h3{ font-size: 4rem; gap: 12px; letter-spacing: -0.01em;}
.item .area .content h3 span{ font-size: 1.1rem; padding: 4px;}
.item .area .content .name{ font-size: 1.4rem;}
.item .area .content .name span{ font-size: 1.2rem;}
.item .area .content .set { flex-direction: column;margin: 12px 0; }
.item .area .content .set-title { width: 100%; text-align: left; justify-content: flex-start; padding: 6px 10px; font-size: 1.1rem;}
.item .area .content .set-detail { padding: 10px;}
.item .area .content .set-detail li{ font-size: 1.1rem; line-height: 1.8;}
.item .area .content .lead{ margin: 12px 0; font-size: 1.2rem;}
.item .area .content .lead span{ font-size: 0.9rem;}
.item .copy{ margin: 35px auto;}
.item .copy img{ width: 200px;}

.item .notice{ font-size: 1.2rem; margin: 20px auto -10px;}
#fashion{padding-top: 100px; margin-top: -30px;}
.fashion .content dd .detail{ padding: 0 5px 10px;}
.fashion .content dd .detail h3{ margin-top: 10px; font-size:1.5rem;}
.fashion .content dd .detail ul{ display:grid; gap:10px;}
.fashion .content dd .detail ul li{ font-size:1.4rem; line-height:1.7;}
.fashion .content dd .detail ul li span{ font-size:1.1rem; font-weight: bold;}

}