@charset "UTF-8";

.pc_size{display: none;}
.sp_size{display: block;}
.fs-s{font-size: 10px;}

/* header */
.header-bar { 
  box-sizing: border-box;
}
.header-bar img {
  width: 52%;
  padding: 8px 10px;
}

/* MV */
.mv h1{
  background: #f9a93e;
}
.mv_inner{
  padding-top: 169.9%;
  max-width:100%;
}
.container-common .mv_inner{
  background: url(../images/mv_common_sp.jpg?2211) top center / 100% auto no-repeat;
}
/*.container-cat .mv_inner{
  background: url(../images/mv_cat_sp.png?2207) top center / 100% auto no-repeat;
}*/
.mv_link{
  top: 27.7%;
  bottom: inherit;
  left: 50%;
  transform: translateX(-50%);
  width: 72%;
}
.mv_link .mv_btn{
  width: 100%;
  max-width: inherit;
}

/* 対象商品 */
.shipping{
  padding: 45px 0;
}
.shipping_ttl{
  padding-bottom: 0;
}
.hoken_banner{
  width: 87%;
}
.hoken_banner li {
  padding-top: 15px;
}
.shipping .hoken_banner{
  width: calc(100% + 10px);
  margin: 0 -5px;
}
.shipping .hoken_banner li{
  padding: 15px 1px 0;
  width: 48%;
}

/* 全員プレゼント */
.present{
  background-image: url("../images/present_bg_sp.png");
}
.allPresent{
  padding: 40px 0 0;
}
.allPresent > .wrapper::before{
  width: 112px;
  height: 110px;
  top: -33px;
  left: -3.6%;
}
.allPresent_ttl{
  margin: 0 auto 15px !important;
}
.allPresent_box_inner{
  padding: 17px 17px 17px;
  box-shadow: 1px 2px 5px rgba(71,71,71,.5);
}
.allPresent_gift_img{
  width: 99%;
  max-width: inherit;
  padding: 0;
  margin: 0 auto 15px;
  line-height: 0;
}
.allPresent_gift_txt{
  padding: 0 0 10px;
}
.allPresent_gift_txt img{
  margin: 0 auto 10px;
  width: 100%;
}
.allPresent .list_disc{
  margin-left: 1.5em;
}
.allPresent_moreTxt{
  padding: 10px;
}
.moreTxt{
  margin-top: 10px;
}

/* さらにプレゼント */
.morePresent{
  padding: 15px 0 40px;
}
.morePresent > .wrapper::before{
  width: 104px;
  height: 100px;
  top: 9px;
  left: -11%;
}
.morePresent_ttl{
  /*margin: 0 -4.3% -6.5%;
  width: 108.6%;*/
  max-width: inherit;
  z-index: 1;
}
.morePresent_img{
  box-shadow: 1px 2px 5px rgba(71,71,71,.5);
}
.morePresent ul{
  margin: 10px auto 0;
}
/* awards */
/*.awards{
  padding: 15px 0 7px;
}*/

/* rule */
.rule{
  padding: 45px 0 0;
}
.rule_ttl{
  margin: 0 auto 15px;
}
.rule .text_box{
  padding: 20px 12px;
  margin-bottom: 45px;
  font-size: 12px;
}
.rule .text_box:last-child{
  margin-bottom: 50px;
}

/* episode */
.episode{
  padding: 40px 0 40px;
}
.episode_ttl{
  margin-bottom: 30px;
}
.episode_ttl-logo{
  margin-bottom: 10px;
}
.episode_ttl-logo span{
  width: 115px;
  height: 36px;
}
.episode_ttl-logo.uchinoko-light span{
  width: 184px;
  height: 36px;
}
.episode_contents{
  margin-left: -4.1%;
  margin-right: -4.1%;
}
.episode_list{
  font-size: 13px;
  padding: 10px 5px;
}
.episode_list_detail{
  padding: 8px;
}
.pepisode_list_detail_tbl{
  padding: 0;
  padding-left: 5px;
  width: 59%;
}
.pepisode_list_detail_tbl th, .pepisode_list_detail_tbl td{
  font-size: 11px;
}
.episode_list_detail_img{
  padding-bottom: 35%;
  width: 41%;
}
.episode_list_text{
  margin-top: 10px;
}

/* hoken */
.hoken{
  padding: 35px 0 0;
}
.hoken_point{
  margin-top: 20px;
}
.hoken .tit3{
  margin: 60px auto 5px;
  width: 85%;
}
.hoken .sub-p{
  width: 100%;
}
.hoken_footer{
  margin: 30px -4% 0;
  width: 108%;
}
/*FAQ*/
.faq{
  margin-top: 20px;
}
.faq_item{
  box-shadow: 0 2px 4px rgba(71,14,15,.3);
  font-size: 13px;
  margin: 7px auto;
}
.faq_btn{
  padding: 7px 10px 7px 8px;
}
.faq_btn::before{
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
.faq_btn::after{
  width: 23px;
  height: 23px;
}
.faq_moreTxt{
  padding: 0 10px 10px 40px;
}
.faq_moreTxt_inner{
  padding: 8px 8px 10px;
}
.faq_moreTxt_inner::before{
  width: 25px;
  height: 25px;
  margin-right: 8px;
}

/* footer */
footer div{
  margin-bottom: 28vw;
}
footer div.copy{
  padding:8px 0;
  font-size: 10px;
}
.footer_nav{
  background: rgba(255,255,255,.8);
  box-shadow: 0 -2px 8px 0 rgba(0,0,0,.25%);
}
.footer_nav_ttl{
  margin: 0 auto;
  padding: 5px 0;
  background: #63d100;
}
.footer_nav nav{
  padding: 0;
  margin-bottom: -2.5%;
}
.footer_nav nav a{
  padding: 0;
}
.footer_nav nav a:nth-of-type(1){
  margin-left: -1.6%;
  margin-right: -2%;
  margin-top: -1%;
}
.footer_nav nav a:nth-of-type(2){
  margin-right: -1.6%;
  margin-left: -2%;
  margin-top: -1%;
}
.boban{
  padding: 8px 0 10px;
}