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

.col2Wrap{ overflow: hidden;}
.col2Wrap .left{ float: left;}
.col2Wrap .right{ float: right;}

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

#special .btn{ margin: 40px auto 0; text-align: center;}
#special .btn a{ transition: 0.4s;}
#special .btn a:hover{ opacity: 0.6;}

#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; }
#special .keyVisual{ padding-top: 60px;}
#special sup{ font-size: 80%; vertical-align: super;}

#sec01{ width: 100%; max-width: 1256px;}

@media screen and (max-width: 768px){
   .pcOnly {display: none !important;}
   .spOnly {display: inline-block !important;}

   .col2Wrap .left{ float: none;}
   .col2Wrap .right{ float: none;}	

   #special { max-width: 100%; padding-bottom: 60px;}
   #special .btn{ margin: 0 auto; text-align: center; width: 92%;}

   #special .keyVisual{ padding-top: 50px; margin-top: -30px;}
   #special sup,#special .sup{ font-size: 60%; margin: 6px 0 0; vertical-align: super;}

   #sec01{ width: 100%; height: auto;}
   #social-wrap { top: 10px;}
}

.lead{ margin: 50px 0;}
.lead p{ font-weight: bold; font-size: 2rem; margin: 18px 0 0; line-height: 2;}
.item{ width: 1176px; background: #FAF3E9; margin: auto; overflow: hidden; margin-bottom: 50px; text-align: left;}
.item .category{ padding: 30px 20px;}
.item h2{ background: #FADDB1; padding: 20px; margin-bottom: 20px; text-align: center; font-size: 8rem; font-weight: normal; font-family: 'MQ'; line-height: 1;}
.item h3{ text-align: center; font-size: 7rem; font-weight: normal; font-family: 'MQ'; line-height: 1;}
.item h4{ font-size: 2rem; width: 100%; display: block; margin-bottom: 24px;}
.item h4 span{ display: block; font-weight: bold; margin-bottom: 10px;}
.item h4 .color{ display: inline-block; font-size: 1.5rem; font-weight: bold; border: #000 1px solid; margin: 0; padding: 3px 6px;}
.item .totebag h4{ margin: 0 0 16px;}
.item .totebag h4 span{ display: inline-block; margin: 0; width: 300px;}
.item .totebag h4 .color{ width: auto;}
.item dl{ background: #fff; margin: 18px auto; padding: 0 0 30px 30px; border-radius: 10px; position: relative;}
.item dl dt{ width: 600px; display: inline-block; vertical-align: top; margin: 25px 0 0;}
.item dl dt img{ width: 600px;}
.item dl dd{ display: inline-block; width: calc(100% - 630px); margin: 0 0 0 20px; position: absolute; top: 56%; left: 78%; transform: translate(-50%, -50%);}
.item dl dd .price{ display: block; font-size: 1.8rem; margin-top: 10px;}
.item dl dd .lead{ display: block; font-size: 1.6rem; font-weight: normal; margin-top: 24px; line-height: 2; border-left: #000 1px solid; padding: 0 0 0 16px;}

@media screen and (max-width: 768px){
  .lead{ margin: 40px auto; letter-spacing: -0.05em;}
  .lead p{ font-size: 1.6rem;}
  .item{ width: 92%; margin-bottom: 30px; text-align: center;}
.item .category{ padding: 15px 10px;}
  .item h2{ padding: 15px; font-size: 4.5rem;}
.item h3{ font-size: 4rem;}
.item h4{ font-size: 1.6rem; margin-bottom: 20px;}
.item h4 span{ margin-bottom: 6px; line-height: 1.6;}
.item h4 .color{ font-size: 1.1rem;}
.item .totebag dt{ margin: 10px 0 0;}
.item .totebag dd{ margin: 28px 0 0;}
.item .totebag h4{ margin: 0 0 6px;}
.item .totebag h4 span{ display: inline-block; margin: 0; width: 240px; text-align: left;}
.item .totebag h4 .color{ width: auto;}
.item .totebag .price{  margin-top: 14px;}
  .item dl{ margin: 10px auto; padding: 25px 0 0; text-align: center; border-radius: 5px; overflow: hidden;}
  .item dl dt{ width: 100%; display: block; margin: 0 0 15px;}
  .item dl dt img{ width: 300px;}
  .item dl dd{ display: block; width: 100%; margin: 0; position: inherit; top: 0; left: 0; transform: inherit;}
  .item dl dd h3{ font-size: 4rem;}
  .item dl dd .price{ font-size: 1.3rem; margin-top: 6px;}
  .item dl dd .lead{ font-size: 1.2rem; margin: 16px 0 20px; padding: 16px 0 0; border-left: none; background: url(../img/disney2025/border.png) top no-repeat ; background-size: 20%;}

}