@charset "UTF-8";
.taC {
  text-align: center;
}
.oh {overflow: hidden;}
.fl {float: left;}
.fr {float: right;}
.coution {
  padding-top: 10px;
  font-size: 10px;
  line-height: 1.2;
}
.attention{font-size: 12px;}
.copy {
  text-align: right;
  font-size: 12px;
}
.news-detail__date,
#content .content__inner .news-detail .news-detail__body .news-detail__inner h2.news-detail__heading{
  display: none;
}
.news-detail__inner{
  padding: 0;
}
.news-detail__body{
  padding-bottom: 0;
}
.news-detail__text{
  display: none;
}
#content .contentsArea{
  padding: 30px 2% 10px;
  margin-bottom: 30px;
  max-width: 964px;
  margin: 0 auto;
}

/*
#header h1.heading{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
*/
/*--------------------------------------------------------------*/

.contentsArea .mainArea .text{
  /*max-width: 580px;*/
  margin: 30px auto 10px;
  padding-bottom: 10px;
  font-size: 18px;
}
.contentsArea .mainArea .lineline{
  margin:10px auto;
}
.contentsArea .explanationArea{
  margin-top: 50px;
}
.contentsArea .explanationArea .oh{
  padding: 0 2%;
}
.contentsArea .explanationArea .fl,
.contentsArea .explanationArea .fr{
  width: 48%;
  padding: 1%;
}
.contentsArea .explanationArea .text{
  margin: 10px auto;
  font-weight: bold;
  line-height: 1.5;
}
.contentsArea .aboutArea .copy{
  text-align: center;
  font-size: 16px;
  padding: 20px 0;
}
.contentsArea .presentArea h3{
  margin: 50px auto 20px;
}
.contentsArea .presentArea .text{
  font-size: 16px;
}
.contentsArea .presentArea .bnrArea{
  text-align: center;
}
.contentsArea .presentArea .bnrArea li{
  margin-top: 30px;
}
.contentsArea .presentArea .coution{
  line-height: 1.5;
  font-size: 16px;
}

/*---- がくっち ----*/
#gackt .mainArea{
  background: url(/img/trans/event/161129_gackt/pc/gackt_01.jpg)0 0 no-repeat;
  height: 0;
  padding-top: 35.79%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 964px;
  display: block;
  font-size: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #gackt .mainArea{
    background: url(/img/trans/event/161129_gackt/sp/gackt_01.jpg)0 0 no-repeat;
    padding-top: 49.04%;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
#gackt .goodsArea{
  background: url(/img/trans/event/161129_gackt/pc/gackt_02.jpg)0 0 no-repeat;
  height: 0;
  padding-top: 79.67%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 964px;
  display: block;
  font-size: 0;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #gackt .goodsArea{
    background: url(/img/trans/event/161129_gackt/sp/gackt_02.jpg)0 0 no-repeat;
    padding-top: 105.14%;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
#gackt .goodsArea .coution{
  background: url(/img/trans/event/161129_gackt/pc/gackt_04.png)0 0 no-repeat;
  height: 0;
  padding-top: 5.88%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 374px;
  margin: 0px auto 0;
  display: block;
  font-size: 0;
  position: absolute;
  top:77%;
  left: 0px;right: 0;
  z-index: 999;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #gackt .goodsArea .coution{
    background: url(/img/trans/event/161129_gackt/sp/gackt_04.png)0 0 no-repeat;
    padding-top: 5.62%;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 249px;
  }
}
#gackt .goodsArea .btn a{
  background: url(/img/trans/event/161129_gackt/pc/gackt_03.png)0 0 no-repeat;
  height: 0;
  padding-top: 17.97%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 374px;
  margin: 0px auto 0;
  display: block;
  font-size: 0;
  position: absolute;
  top:83%;
  left: 0px;right: 0;
  z-index: 999;
  width: 100%;
  display: block;
}
@media only screen and (max-width: 768px) {
  #gackt .goodsArea .btn a{
    background: url(/img/trans/event/161129_gackt/sp/gackt_03.png)0 0 no-repeat;
    padding-top: 21.98%;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 182px;
  }
}
#gackt .mejirusi{
  background: url(/img/trans/event/161129_gackt/pc/gackt_05.jpg)0 0 no-repeat;
  height: 0;
  padding-top: 37.34%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 964px;
  display: block;
  font-size: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #gackt .mejirusi{
    background: url(/img/trans/event/161129_gackt/sp/gackt_05.jpg)0 0 no-repeat;
    padding-top: 140.84%;
    -webkit-background-size: contain;
    background-size: contain;
    background-color: #000;
  }
}
#gackt .coutionArea{
  background: #000;
  color: #fff;
  padding: 25px 4% 0;
}
#gackt .coutionArea p{
  text-align: center;
  font-size: 24px;
}
#gackt .coutionArea ul{
  font-size: 16px;
  margin: 16px auto;
}
#gackt .coutionArea .copy{
  text-align: right;
  font-size: 14px;
}
#gackt .bnrArea{
  background: #000;
  color: #fff;
}
#gackt .bnrArea .bnrImg{
  padding: 77px 0 24px;
}
#gackt .bnrArea a{
  display: block;
  text-align: center;
}
#gackt .bnrArea .coution{
  text-align: center;
  font-size: 14px;
  padding-bottom: 78px;
}
@media only screen and (max-width: 768px) {
  #gackt .coutionArea ul{
    font-size: 16px;
    margin: 0 auto;
  }
  #gackt .bnrArea .bnrImg{
    padding: 14px 10%;
  }
  #gackt .coutionArea ul{
    font-size: 14px;
  }
  #gackt .coutionArea .copy{
    font-size: 12px;
  }
  #gackt .bnrArea .coution{
    font-size: 12px;
    padding:0 2% 20px;
  }

}
#content #gackt .coutionArea{
  max-width: 100%;
}








/*---- おしゅしだよ ----*/
#sushi .mainArea .coution{
  padding-top: 0;
  font-size: 16px;
}
#sushi .chanceArea{
  padding: 20px 2% 0;
}
#sushi .chanceArea .fl,
#sushi .chanceArea .fr{
  width: 50%;
}
#sushi .mnsk{
  background: #ffd2d9;
  margin-top: 20px;
  padding: 0 2%;
}
#sushi .mnsk .mnsk_ttl{
  font-size: 18px;
  padding-top: 8px;
}
#sushi .bnrArea{
  background: #fff;
  padding: 2%;
  font-size: 12px;
}
#sushi .bnrArea p{
  margin-top: 10px;
}

@media only screen and (min-width: 769px) {
  #content #sushi {
    /*background-color: #ffd2d9;*/
    padding: 0 0 10px;
  }
  #sushi .wrapper{
    max-width: 580px !important;
    margin: 0 auto;
    background: url(/img/trans/event/161125_oshushidayo/bg.png)0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #sushi .mainArea .btnWrap2{
    text-align: center;
    font-size: 16px;
    width: 100%;
    padding-top: 258px;
  }

  #sushi .mainArea .btnWrap{
    text-align: center;
    font-size: 16px;
    width: 100%;
    padding-top: 412px;
  }
  #sushi .mainArea .btn{
    background: url(/img/trans/event/161125_oshushidayo/shops_btn_off.png)0 0 no-repeat;
    height: 0;
    padding-top: 11.3%;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 540px;
    display: block;
    font-size: 0;
    margin: 0 auto;
  }

  #sushi .mainArea .btn:hover{
    background: url(/img/trans/event/161125_oshushidayo/shops_btn_on.png)0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #sushi .mainArea .btn2{
    background: url(/img/trans/event/161125_oshushidayo/wchance_btn_off.png)0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #sushi .mainArea .btn2:hover{
    background: url(/img/trans/event/161125_oshushidayo/wchance_btn_on.png)0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #sushi .pcHide{display: none !important;}
}
@media only screen and (max-width: 768px) {
  #sushi .wrapper{
    max-width: 320px !important;
    margin: 0 auto;
    background: url(/img/trans/event/161125_oshushidayo/bg@2x.png);
  }
  #content #sushi{
    padding: 0 0 10px;
    margin-bottom: 20px;
    /*background: #ffd2d9;*/
  }
  #sushi .mainArea{
    text-align: center;
  }
  #sushi .mainArea .btn{
    background: url(/img/trans/event/161125_oshushidayo/shops_btn_sp.png)0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 0;
    padding-top: 11.26%;
    font-size: 0;
    width: 100%;
    display: block;
    max-width: 270px;
    margin: 0 auto;
  }
  #sushi .mainArea .btn2{
    background: url(/img/trans/event/161125_oshushidayo/wchance_btn_sp.png)0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #sushi .chanceArea .fl,
  #sushi .chanceArea .fr{
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
  #sushi .bnrArea p,
  #sushi .mainArea .coution{
    font-size: 10px;
  }
  #sushi .bnrArea{
    margin-bottom: 20px;
  }
  #sushi .spHide{display: none !important;}
}
/*---- prizetrnd15 ----*/
.contentsArea .explanationArea .item01{
  margin-bottom: 50px;
}
#prizetrnd15 .contentsArea .explanationArea .text{
  font-size: 16px;
}
#prizetrnd15 .aboutArea .aboutImg{
  margin-top: 40px;
}
  #prizetrnd15 .explanationArea .text{
    font-size: 20px;
  }
@media only screen and (max-width: 768px) {
  .contentsArea .explanationArea .item01{
    margin-bottom: 40px;
  }
  #prizetrnd15 .explanationArea .text{
    font-size: 20px;
  }
  #prizetrnd15 .explanationArea .item01 .itemImg,
  #prizetrnd15 .explanationArea .item02 .itemImg {
    text-align: center;
  }
  #prizetrnd15 .explanationArea .item01 .itemImg img,
  #prizetrnd15 .explanationArea .item02 .itemImg img{
    max-width: 90%;
    margin: 0 auto;
  }
  #prizetrnd15 .explanationArea .text{
    font-size: 16px;
  }
  #prizetrnd15 .aboutArea .aboutImg{
    margin-top: 20px;
  }
  #prizetrnd15 .presentArea h3{}
  #prizetrnd15 .presentArea h3 img{
    width: 80%;
  }
  #prizetrnd15 .explanationArea h3.lineline img,
  #prizetrnd15 .presentArea h3 img,
  #prizetrnd15 .aboutArea .aboutImg img,
  #prizetrnd15 .mainArea .title img{
    display: none;
  }
  #prizetrnd15 .mainArea .title{
    background: url('/img/trans/event/prizetrend15_161121/vol15_title@2x.jpg') 0 0 no-repeat;
    height: 0;
    padding-top: 70.2%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #prizetrnd15 .aboutArea .aboutImg{
    background: url('/img/trans/event/prizetrend15_161121/vol15_motipan_info@2x.jpg') 0 0 no-repeat;
    height: 0;
    padding-top: 147.53%;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: 20px;
  }
  #prizetrnd15 .presentArea h3{
    background: url('/img/trans/event/prizetrend15_161121/vol15_Present_TOP2x.jpg') 0 0 no-repeat;
    height: 0;
    padding-top: 34.146%;
    -webkit-background-size: contain;
    background-size: contain;
    width: 80%;
    margin: 16px auto 0;
  }
  #prizetrnd15 .explanationArea h3.lineline{
    background: url('/img/trans/event/prizetrend15_161121/vol15_item_lineup@2x.jpg') 0 0 no-repeat;
    height: 0;
    padding-top: 14.17%;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 16px;
  }
  /*
  #prizetrnd15 .presentArea .text{
    margin-top: -20px;
  }
  */
}

/*---- KEYTALK ----*/
#keytalk {
  padding: 30px 0;
}
#keytalk .heroArea{
  border-bottom: 1px solid #000;
  max-width: 842px;
  margin: 00px auto 20px;
}
#keytalk .heroArea .aboutMonster{
  max-width: 842px;
  margin: 20px auto;
}
#keytalk .heroArea .aboutMonster .text{
  line-height: 1.5em;
  font-size: 16px;
  margin: 0;
  padding-top: 10px;
}
/*----------------------*/
#keytalk .aboutArea {
  max-width: 842px;
  margin: 00px auto 20px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}
#keytalk .aboutArea .fr{
  width: 50%;
}
#keytalk .aboutArea .fl{
  width: 50%;
}
#keytalk .aboutArea .oh{
  line-height: 1.5em;
  font-size: 16px;
  margin: 20px 0 0 0;
  padding-top: 10px;
}
#keytalk .aboutArea .url{
  font-size: 16px;
  padding-top: 10px;
}
#keytalk .aboutArea .url a{
  color: #000;
}
/*---------------------------------*/
#keytalk .goodsArea{
  max-width: 842px;
  margin: 0 auto;
}
#keytalk .goodsArea .oh{
  max-width: 842px;
  margin: 10px auto;
  color: #fff;
  background: #333333;
}
#keytalk .goodsArea .fl{
  width: 42.6%;
}
#keytalk .goodsArea .fr{
  width: 53.4%;
  padding: 2%;
  padding-bottom: 0;
}
#keytalk .goodsArea h4{
  font-size: 22px;
  padding: 5px 0 15px 0;
  border-bottom: 1px solid #fff;
}
#keytalk .goodsArea h4 a{
  text-decoration: none;
  color: #fff;
}
#keytalk .goodsArea .fr .text{
  padding: 15px 0;
  font-size: 16px;
  line-height: 1.7;
}
#keytalk .infoArea{
  max-width: 842px;
  margin: 0 auto;
    background: #e5e5e5;
}
/*
#keytalk .infoArea .fr, #keytalk .infoArea .fl {
    width: 46%;
    padding: 20px 2%;
}
*/
#keytalk .infoArea .fl {
  width: 32%;
  padding: 20px 1%;
}
#keytalk .infoArea .fl:nth-of-type(3n+2) {
  padding: 20px 0;
}
#keytalk .infoArea .inner {
    padding: 2%;
    font-size: 12px;
    background: #ccc;
    border-radius: 0 0 8px 8px;
}
#keytalk .infoArea .inner .discription {
    width: 96%;
    margin: 8px 2%;
    border-top: 1px dotted #000;
    padding-top: 4px;
    line-height: 1.5em;
}
#keytalk .infoArea .inner a {
    font-size: 18px;
}
#keytalk .btn {
    font-weight: bold;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    border-radius: 8px;
    margin-top: 10px;
    background: #fff;
    padding: 5px 0;
}
#keytalk .btn a {
    text-decoration: none;
    display: block;
}
#keytalk .img-hero {
  display: block;
  margin: 0 auto;
}
#keytalk .footer-area {
  max-width: 842px;
  margin: 0 auto;
}
#keytalk .footer-area img {
  display: block;
  margin: 0 auto;
}







/* KRUNK BIGBANG */
#krunk {
  background: #DF0515;
  /*max-width: 580px;*/
  max-width: 964px;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px 0;
}
#krunk .wrapper{
//  max-width: 580px;
  max-width: 842px;
  margin: 0 auto;
}
#krunk .heroArea {
  margin-bottom: 30px;
}
#krunk .heroArea img{
  width: 100%;
//  max-width: 580px;
  max-width: 842px;
}
#krunk .heroArea .fl{
  width: 96%;
  padding: 2%;
  float: none;
}
#krunk .heroArea .fl h3 img{
  max-width:135px;
}
#krunk .heroArea .fr .text,
#krunk .heroArea .fl .text{
  border-top: 1px solid #000;
  padding-top: 8px;
  margin-top: 5px;
  font-weight: bold;
}
#krunk .heroArea .fr{
  width: 96%;
  padding: 2%;
  float: none;
}
#krunk .heroArea .fr h3 img{
  max-width:135px;
}
#krunk .infoArea{
  background: #000;
  margin: -32px 2% 10px;
}
#krunk h3.infoTtl{
}
/*
#krunk .infoArea .fr,
#krunk .infoArea .fl {
  width: 46%;
  padding: 20px 2%;
}
*/

#krunk .infoArea .fl {
  width: 32%;
  padding: 20px 1%;
}
#krunk .infoArea .fl:nth-of-type(3n+2) {
  padding: 20px 0;
}
#krunk .infoArea .goods01 .inner{
  background: url('/img/trans/event/bigbang161118/item_bg.jpg');
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 0 0 4% 4% / 0 0 4% 4%;
  -webkit-border-radius: 0 0 4% 4% / 0 0 4% 4%;
  -moz-border-radius: 0 0 4% 4% / 0 0 4% 4%;
  padding: 2%;
  font-size: 12px;
}
#krunk .infoArea .goods01 .inner a{
  font-size: 18px;
}
#krunk .infoArea .goods01 .inner a:hover{
  color: #ffff00;
}
#krunk .infoArea .goods01 .inner .discription{
  width: 96%;
  margin: 8px 2%;
  border-top: 1px dotted #000;
  padding-top: 4px;
}
#krunk .infoArea .btn a{
  display: block;
  font-size: 0;
  background: url('/img/trans/event/bigbang161118/btn_off.png') 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  height: 0;
  padding-top: 14%;
  max-width: 260px;
  margin-top: 10px;
}

#krunk .infoArea .btn a:hover{
  background: url('/img/trans/event/bigbang161118/btn_on.png') 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 260px;
  padding-top: 14%;
  height: 0;
}
#krunk .infoArea .text-blue{
  font-size: 12px;
  color: #b4e1ff;
  width: 96%;
  margin: 0 auto;
}
#krunk .infoArea .coution{
  color: #fff;
  width: 96%;
  margin: 0 auto;
  padding-bottom: 10px;
}
#krunk .saightWrap{
  background: #000;
  width: 96%;
  margin: -17px 2% 20px;
  padding: 20px 0 15px;
}
#krunk .saightWrap h4{
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  width: 96%;
  margin: 0 2%;
}
#krunk .saightWrap p a{
  color: #b4e1ff;
  width: 96%;
  margin: 0 2%;
}
#krunk .saightWrap p a:hover{
  color: #ffff00;
}

/*---- kloop ----*/
#kloop {
  max-width: 964px;
  margin: 0 auto;
  padding: 30px 0;
  background-image: url(/img/trans/event/kloop161118/bg.gif);
}
#kloop .wrapper{
  max-width: 580px;
  margin: 0 auto;
}
#kloop .heroArea{
  max-width: 580px;
  text-align: center;
}
#kloop .aboutArea .inner{
  max-width: 510px;
  padding: 0 0 25px;
  margin: 15px auto 10px;
  background-color: rgba(255,255,255,0.75);
}
#kloop .aboutArea .inner .text{
  margin: 5px 4% 0;
  line-height: 1.5;
  font-size: 16px;
}
#kloop .aboutArea .imgarea{
  max-width: 510px;
  margin: 0 auto;
  text-align: center;
}
#kloop .infoArea .wrapper{
  max-width: 510px;
  width: 87.7%;
  margin: 0 auto;
  background-color: #f3b2ba;
  color: #fff;
}
#kloop .infoArea .wrapper a{
  color: #fff;
  text-decoration: none;
}
#kloop .infoArea .wrapper a:hover{
  text-decoration: none;
}
#kloop .infoArea .fl {
  width: 43%;
  margin: 0 2% 0 5%;
}
#kloop .infoArea img {
  width: 100%;
}

#kloop .infoArea .fr{
  width: 43%;
  margin: 0 5% 0 2%;
}
#kloop .infoArea img {
  width: 100%;
}
#kloop .infoArea .info{
  padding: 10px 2%;
  background: #CC6666;
}
#kloop .infoArea .info h4{
  font-size: 20px;
  line-height: 1;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #fff;
  /* 2行時 */
  min-height: 45px;
  /* 1行時 */
  min-height: 24px;
}
#kloop .infoArea .info .text{
  font-size: 14px;
  line-height: 1.7;
}
#kloop .infoArea .btn a{
  display: block;
  font-size: 0;
}
#kloop .infoArea .cap{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  color: #e40011;
  text-shadow: 0px 0px 10px #fff;
}
#kloop .infoArea .copy{
  width: 87.7%;
  margin: 10px auto;
}
#kloop .infoArea .copy img{
  width: 40px;
}
#kloop .kouda{
  max-width: 510px;
  margin: 0 auto;
}
.kloop_bnrArea{
  max-width: 580px;
  margin: 20px auto;
}
.kloop_bnrArea img{
  max-width: 580px;
  width: 100%;
}
.kloop_bnrArea .coution{
  font-size: 12px;
  padding-top: 0;
  line-height: 1.5;
}



/*---- DISH ----*/
#dish {
  padding: 30px 0;
}
#dish .heroArea{
  border-bottom: 1px solid #000;
  max-width: 842px;
  margin: 00px auto 20px;
}
#dish .heroArea .aboutDish{
  max-width: 842px;
  margin: 20px auto;
}
#dish .heroArea .aboutDish .title{
  font-size: 30px;
  font-weight: bold;
}

#dish .heroArea .aboutDish .text{
  line-height: 1.5em;
  font-size: 16px;
  margin: 0;
  padding-top: 10px;
}
/*---------------------------------*/
#dish .infoArea{
  max-width: 842px;
  margin: 0 auto;
    background: #e5e5e5;
}
#dish .infoArea .fl {
  width: 32%;
  padding: 20px 1%;
}
#dish .infoArea .fl:nth-of-type(3n+2) {
  padding: 20px 0;
}
#dish .infoArea .inner {
    padding: 2%;
    font-size: 12px;
    background: #ccc;
    border-radius: 0 0 8px 8px;
}
#dish .infoArea .inner .discription {
    width: 96%;
    margin: 8px 2%;
    border-top: 1px dotted #000;
    padding-top: 4px;
    line-height: 1.5em;
}
#dish .infoArea .inner a {
    font-size: 18px;
}
#dish .btn {
    font-weight: bold;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    border-radius: 8px;
    margin-top: 10px;
    background: #fff;
    padding: 5px 0;
}
#dish .btn a {
    text-decoration: none;
    display: block;
}
#dish .img-hero {
  display: block;
  margin: 0 auto;
}
#dish .footerArea {
  max-width: 842px;
  margin: 0 auto;
}
#dish .footerArea img {
  display: block;
  margin: 0 auto;
}
#dish .videoArea{
  border-bottom: 1px solid #000;
  max-width: 842px;
  margin: 20px auto;
}
#dish .video{
  max-width: 560px;
  margin: 0 auto;
  padding: 20px 0 40px 0;
}

#dish .videoWrap{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#dish .videoWrap iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}









/*----- PRIZE TREND ----*/
#prizetrnd .wrapper{
  max-width: 580px;
  margin: 0 auto;
}
#prizetrnd{
  max-width: 964px;
  margin: 0 auto;
  padding: 15px 4%;
  font-size: 14px;
}
#prizetrnd .heroArea .title02{
  margin-bottom: 1em;
}
#prizetrnd .line {
  margin: 1em auto;
}
#prizetrnd .goodsArea .fl{
  max-width: 280px;
  width: 48%;
}
#prizetrnd .goodsArea .fr{
  max-width: 300px;
  width: 51%;
}
#prizetrnd .presentArea .presentList,
#prizetrnd .goodsArea .btn,
#prizetrnd .goodsArea h3,
#prizetrnd .goodsArea h4{
  text-align: center;
}
#prizetrnd .goodsArea h3 img,
#prizetrnd .goodsArea h4 img{
  max-width: 232px;
  margin: 0 auto;
}
#prizetrnd .goodsArea .btn {
  margin-top: 1em;
}
#prizetrnd .goodsArea .btn img{
  max-width: 174px;
}
#prizetrnd .goodsArea .text{
  font-size: 14px;
}
#prizetrnd .goodsArea .text span{
  font-weight: bold;
}
#prizetrnd .goodsArea .copy{
  text-align: left;
  font-size: 10px;
}
#prizetrnd .presentArea .presentList li img {
  max-width: 348px;
  width: 100%;
}
#prizetrnd .presentArea .text{
  margin: 2em auto;
}
#prizetrnd .presentArea .presentList li{
  margin-bottom: 1em;
}









/*==============================*/
/*==============================*/
/*==============================*/
/*         SPのみ               */
/*==============================*/
/*==============================*/
/*==============================*/
@media only screen and (max-width: 768px) {
  .contentsArea .explanationArea .fl,
  .contentsArea .explanationArea .fr{
    width: 98%;
    padding: 1%;
    float: none;
  }
  .contentsArea .presentArea h3,
  .contentsArea .explanationArea{
    margin-top: 20px;
  }
  .contentsArea .explanationArea .item01{
    margin-bottom: 20px;
  }
  .contentsArea .aboutArea .dammy{
    padding: 0;
    height: 200px;
    font-size: 16px;
  }
  .contentsArea .presentArea .bnrArea li{
    margin-top: 10px;
  }
  .contentsArea .presentArea .coution{
    font-size: 12px;
  }
  /*---- KEYTALK ----*/

  #keytalk .aboutArea .fr{
    width: 100%;
    float: none;
  }
  #keytalk .aboutArea .fl{
    width: 100%;
    font-weight: normal;
  }
  #keytalk .goodsArea h4{
    padding-bottom: 10px;
    font-size: small;
  }
  #keytalk .goodsArea h4 a{
    font-size: 16px;
  }
  #keytalk .goodsArea .fr{
    width: 50%;
    padding: 0;
    padding-left: 3%;
  }
  #keytalk .goodsArea .fr .text{
    font-size: x-small;
    line-height: 1.5em;
    padding: 10px 0;
  }
  #keytalk .goodsArea .fl{
    width: 47%;
  }
  #keytalk .goodsArea .fr .btn{
    height: 0;
    padding-top: 17.86%;
    background: url('/img/trans/event/keytalk161118/shop_btn@2x.gif') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 140px;
    display: block;
    font-size: 0;
  }
  /*
  #keytalk .infoArea .fl,
  #keytalk .infoArea .fr{
    width: 46%;
  }
  */
  #keytalk .infoArea .fl {
    width: 46%;
    padding: 20px 2%;
  }
  #keytalk .infoArea .fl:nth-of-type(3n+2) {
    padding: 20px 2%;
  }
  #keytalk .infoArea .inner a {
    font-size: 1em;
  }
  #keytalk .infoArea .btn a {
    font-size: 12px;
  }


  /*---- krunk ----*/
  #krunk {
    margin-bottom: 10px;
  }
  #krunk .infoArea .goods01 .inner a{
    font-size: 1em;
    font-weight: bold;
  }
  #krunk .saightWrap{
    margin-bottom: 0;
  }
  #krunk .infoArea .fl {
    width: 46%;
    padding: 20px 2%;
  }
  #krunk .infoArea .fl:nth-of-type(3n+2) {
    padding: 20px 2%;
  }
  #krunk .heroArea .fl,
  #krunk .heroArea .fr {
    float:none;
    width: 96%;
  }

  /*---- KLOOP ----*/

  #kloop .heroArea img {
    width: 100%;
  }
  #kloop .aboutArea .inner{
    width: 87.5%;
    margin: 0 auto;
  }
  #kloop .kouda {
    width: 87.5%;
    margin: 0 auto;
  }
  #kloop .aboutArea .imgarea img {
    width: 100% !important;
    height: auto;
  }
  #kloop .imgArea img {
    width: 100% !important;
    height: auto;
  }
  #kloop .infoArea .info h4{
    /*min-height: 60px;*/
  }

    /*---- DISH ----*/

  #dish .infoArea .fl {
    width: 46%;
    padding: 20px 2%;
  }
  #dish .infoArea .fl:nth-of-type(3n+2) {
    padding: 20px 2%;
  }
  #dish .infoArea .inner a {
    font-size: 1em;
  }
  #dish .infoArea .btn a {
    font-size: 12px;
  }
  #dish .heroArea .aboutDish .title{
    font-size: 20px;
  }








    /*---- prizetrnd ----*/
  #prizetrnd .goodsArea .fl{
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
  }
  #prizetrnd .goodsArea .fl .name{
    max-width: 270px;
    margin: 0 auto 2em;
  }
  #prizetrnd .goodsArea .fl .img{
    max-width: 250px;
    margin: 0 auto;
  }
  #prizetrnd .goodsArea .fr{
    max-width: 100%;
    width: 100%;
    float: none;
    margin: 0;
  }
  #prizetrnd .goodsArea .fr h4{
    max-width: 304px;
    margin: 0 auto;
    text-align: center;
  }
  #prizetrnd .goodsArea .fr h4 img{
    width: 100%;
  }
  #prizetrnd .goodsArea .text {
    margin-top: 1em;
  }

}

/*==============================*/
/*==============================*/
/*==============================*/
/*         PCのみ               */
/*==============================*/
/*==============================*/
/*==============================*/




@media only screen and (min-width: 767px) {
  #keytalk .goodsArea .fr .btn{
    height: 0;
    padding-top: 17.86%;
    background: url('/img/trans/event/keytalk161118/shop_btn_off.gif') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 252px;
    display: block;
    font-size: 0;
  }
  /*
  #keytalk .goodsArea .fr .btn:hover{
    background: url('/img/trans/event/keytalk161118/shop_btn_on.gif') 0 0 no-repeat;
  }*/

  #kloop .infoArea .btn a{
    height: 0;
    padding-top: 15.9%;
    background: url('/img/trans/event/kloop161118/btn_shop_off.gif') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    max-width: 220px;
    margin: 10px auto;
  }
  #kloop .infoArea .btn a:hover{
    background: url('/img/trans/event/kloop161118/btn_shop_on.gif') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }

}

/*=====================*/
/*    prizetrend16      */
/*=====================*/
#prizetrend16 .present .bnr,
#prizetrend16 .present h3,
#prizetrend16 .campaign .campaignImg,
#prizetrend16 .campaign h3,
#prizetrend16 .itemlineup h3,
#prizetrend16 .mainArea .mainImg,
#prizetrend16 .line,
#prizetrend16 .mainArea .title{
  text-align: center;
}
#prizetrend16 .itemlineup .item01 .fl,
#prizetrend16 .itemlineup .item01 .fr{
  width: 50%;
}
#prizetrend16 .text{
  font-size: 18px;
  word-wrap: break-all!important;
}
#prizetrend16 .line{
  margin: 50px 0;
}
#prizetrend16 .itemlineup h3,
#prizetrend16 .itemlineup .item01{
  margin-bottom: 50px;
}
#prizetrend16 .campaign h3{
  margin-bottom: 30px;
  margin-top: 16px;
}
#prizetrend16 .campaign .copy{
  text-align: center;
  margin-top: 30px;
}
#prizetrend16 .bnr{
  margin-bottom: 30px;
}
#prizetrend16 .line3{
  margin:30px 0 0 0;
}
#prizetrend16 .itemlineup .item01 .fr h4{
  margin: 0px auto 10px;
}
#prizetrend16 .itemlineup .text{
  font-weight: bold;
}
#prizetrend16 .present .text{
  margin: 20px auto 30px;
}
#prizetrend16 .campaignImg{
  width: 85%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #prizetrend16 .copy .is-sp {
    display: inline-block;
  }
  #prizetrend16 .spHide{
    display: none;
  }
  #prizetrend16 .itemlineup .item01 .fl,
  #prizetrend16 .itemlineup .item01 .fr{
    width: 100%;
    float: none;
  }
  #prizetrend16 .text{
    font-size: 16px;
  }
  #prizetrend16 .line{
    margin: 20px 0;
  }
  #prizetrend16 .itemlineup .item01 .fl .itemImg,
  #prizetrend16 .itemlineup .item01 .fr h4{
    text-align: center;
  }
  #prizetrend16 .itemlineup .item01 .fr h4{
    margin: 10px auto;
  }
  #prizetrend16 .campaign h3{
    margin-bottom: 10px;
  }
  #prizetrend16 .campaign .campaignImg{
    width: 100%;
    margin-top: 10px;
  }
  #prizetrend16 .itemlineup .item01{
    margin-bottom: 20px;
  }
  #prizetrend16 .present h3{
    margin-bottom: 10px;
  }
  #prizetrend16 .present img {
    width: 75%;
  }
  #prizetrend16 .bnr{
    margin: 10px 0 0 0;
  }
  #prizetrend16 .line3{
    margin: 10px 0 0 0;
  }
  #prizetrend16 .itemlineup h3{
    margin-bottom: 20px;
  }
  #prizetrend16 .btn {
    margin-bottom: 25px;
  }
  #prizetrend16 .btn a {
    width: 256px;
    height: auto;
    display: inline-block;
  }
}
@media only screen and (min-width: 769px) {
  #prizetrend16 .pcHide{
    display: none;
  }
  #prizetrend16 .present .bnr{
    width: 80%;
    margin: 0 auto 30px;
  }

}

#prizetrend16 .present .bnr a{
  background: url(/img/trans/event/170106_prizetrend16/vol16_PRESENT-01.jpg)0 0 no-repeat;
  height: 0;
  padding-top: 35.76%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 848px;
  display: block;
  font-size: 0;
  margin: 0 auto;
}
#prizetrend16 .present .bnr02 a{
  background: url(/img/trans/event/170106_prizetrend16/vol16_PRESENT-02.jpg)0 0 no-repeat;
  padding-top: 35.76%;
  -webkit-background-size: contain;
  background-size: contain;
}


/*=====================*/
/*  Twitterキャンペーン */
/*=====================*/
.twitter_campaign {
  padding: 20px !important;
}

.twitter_campaign .account_img {
  text-align: center;
  margin: 10px 0 15px;
}

.twitter_campaign ol {
  list-style-type: decimal;
}

@media only screen and (max-width: 768px) {
  .twitter_campaign {
    padding: 0 !important;
  }
  .twitter_campaign > div > span {
    line-height: 1.2;
  }
  .twitter_campaign .list_wrap  {
    width: 100%;
    height: auto;
  }
}

/*====================================*/
/*==========  PRIZETREND17  ==========*/
/*====================================*/
#prizetrend17 h2 span,
#prizetrend17 h1 span{display: none;}
#prizetrend17 h1{
  background: url(/img/trans/event/170127_prizetrend17/pc/vol17_title_PC.jpg) 0 0 no-repeat;
  height: 0;
  padding-top: 46.37%;
  -webkit-background-size: contain;
  background-size: contain;
}
#prizetrend17 .text{font-size: 18px;}
#prizetrend17 .top .text{
  margin: 30px auto 20px;
}
#prizetrend17 .top .line{
  background: url(/img/trans/event/170127_prizetrend17/pc/vol17_line01_PC.jpg) 0 0 no-repeat;
  height: 0;
  padding-top: 3.38%;
  -webkit-background-size: contain;
  background-size: contain;
  margin: 30px auto;
}

#prizetrend17 .goods .fl,
#prizetrend17 .goods .fr{
  width: 49%;
}
#prizetrend17 .goods .copyText{
  text-align: center;
}
#prizetrend17 .goods .text{
  font-weight: bold;
  margin-top: 16px;
}
#prizetrend17 .goods h2.spHide{
  margin: 22px auto 0px;
}
#prizetrend17 .goods .link{
  width: 70%;
  margin: 10px auto 0;
}
#prizetrend17 .line02{
  background: url(/img/trans/event/170127_prizetrend17/pc/vol17_line03_PC.jpg) 0 0 no-repeat;
  height: 0;
  padding-top: 1.72%;
  -webkit-background-size: contain;
  background-size: contain;
  margin: 20px auto 30px;
}
#prizetrend17 .present h2{
  background: url(/img/trans/event/170127_prizetrend17/pc/present_top.jpg) 0 0 no-repeat;
  height: 0;
  padding-top: 15.41%;
  -webkit-background-size: contain;
  background-size: contain;
}
#prizetrend17 .present .text{
  margin: 30px auto 30px;
}
#prizetrend17 .present .presentList li{
  text-align: center;
  width: 80%;
  margin: 10px auto;
}
#prizetrend17 .present .line03{
  background: url(/img/trans/event/170127_prizetrend17/pc/vol17_line02_PC.jpg) 0 0 no-repeat;
  height: 0;
  padding-top: 3.39%;
  -webkit-background-size: contain;
  background-size: contain;
}
#prizetrend17 .present .coutionArea{
  margin: 20px auto 30px;
  font-size: 18px;

}
@media only screen and (min-width: 769px) {
  #prizetrend17 .pcHide{display: none;}
  #prizetrend17 .goods h3{
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  #prizetrend17 .spHide{display: none;}
  #prizetrend17 .text{font-size: 16px;}
  #prizetrend17 h1{
    background: url(/img/trans/event/170127_prizetrend17/sp/vol17_title_SP.jpg) 0 0 no-repeat;
    padding-top: 66.88%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #prizetrend17 .top .line{
    background: url(/img/trans/event/170127_prizetrend17/sp/vol17_line01_SP.jpg) 0 0 no-repeat;
    padding-top: 4.60%;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 10px auto 36px;
  }
  #prizetrend17 .line02{
    background: url(/img/trans/event/170127_prizetrend17/sp/vol17_line03_SP.jpg) 0 0 no-repeat;
    height: 0;
    padding-top: 1.94%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #prizetrend17 .goods .fl,
  #prizetrend17 .goods .fr{
    width: 100%;
  }
  #prizetrend17 .present h2{
    background: url(/img/trans/event/170127_prizetrend17/sp/present_top.jpg) 0 0 no-repeat;
    height: 0;
    padding-top: 19.36%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #prizetrend17 .present .text{
    margin: 20px auto 20px;
  }
  #prizetrend17 .present .presentList li{
    width: 90%;
  }
  #prizetrend17 .present .line03{
    background: url(/img/trans/event/170127_prizetrend17/sp/vol17_line02_SP.jpg) 0 0 no-repeat;
    padding-top: 4.60%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #prizetrend17 .present .coutionArea{
    margin: 20px auto 10px;
  }
  #prizetrend17 .goods .imgArea{
    width: 95%;
    margin: 16px auto;
  }
  #prizetrend17 .present .coutionArea{
    font-size: 16px;
  }
}
/*======================*/
/*  170203_cinnamoroll  */
/*======================*/
#cinnamo {
  background: #c9e7e0;
}
#cinnamo span{
  display: none;
}
#cinnamo h3 {
  background: url(/img/trans/event/170203_cinnamoroll/pc/main_img.jpg) 0 0 no-repeat;
  padding-top: 111.83%;
  -webkit-background-size: contain;
  background-size: contain;
}
#cinnamo .shopArea{
  background: #c9e7e0;
  padding-bottom: 60px;
}
#cinnamo .shopArea .btn{
  max-width: 427px;
  margin: 0 auto;
}
#cinnamo .shopArea .btn p a{
  font-size: 0;
  display: block;
  background: url(/img/trans/event/170203_cinnamoroll/pc/shop_btn.png) 0 0 no-repeat;
  padding-top: 20.84%;
  -webkit-background-size: contain;
  background-size: contain;
}
#cinnamo .footArea{
  background: url(/img/trans/event/170203_cinnamoroll/pc/bgi.png);
  position: relative;
  padding-bottom: 80px;
}
#cinnamo .footArea .join{
  background: url(/img/trans/event/170203_cinnamoroll/pc/join.png) 0 0 no-repeat;
  padding-top: 32.47%;
  -webkit-background-size: contain;
  background-size: contain;
}
#cinnamo .footArea .joinWrap{
  position: relative;
  top:-25px;
}
#cinnamo .coutionArea {
  color: #99826d;
  background: #fff;
  border: 5px solid #e0f1f4;
  border-radius: 40px;
  max-width: 900px;
}
#cinnamo .coutionArea h4{
  background: url(/img/trans/event/170203_cinnamoroll/pc/coution.png) 0 0 no-repeat;
  padding-top: 5.07%;
  -webkit-background-size: contain;
  background-size: contain;
  margin: 0 auto;
  max-width: 263px;
}
#cinnamo .coutionArea ul{
  padding: 20px 7.8% 15px;
}
#cinnamo .coutionArea li:before{
  content: "⚫";
  color: #99826d;
  font-family: 'Verdana','Droid Sans';
}
#cinnamo .coutionArea .copy{
  padding: 0 3.25% 12px;
  font-size: 14px;
}
#cinnamo .bnrArea {
  max-width: 900px;
  margin: 24px auto 0px;
  border: 5px solid #e0f1f4;
  background: #fff;
  border-radius: 40px;
  color: #99826d;
}

#cinnamo .bnrArea .bnr a{
  background: url(/img/trans/event/170203_cinnamoroll/pc/bnr_cinamon.jpg) 0 0 no-repeat;
  padding-top: 12.94%;
  -webkit-background-size: contain;
  background-size: contain;
  max-width: 641px;
  margin: 20px auto;
  display: block;
}
#cinnamo .bnrArea .text{
  text-align: center;
  padding-bottom: 27px;
}

@media only screen and (max-width: 768px) {
  .news-detail__body{}
  #cinnamo h3 {
    background: url(/img/trans/event/170203_cinnamoroll/sp/main_img.jpg) 0 0 no-repeat;
    padding-top: 197.11%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #cinnamo .shopArea{
    background: #c9e7e0;
    padding-bottom: 25px;
  }
  #cinnamo .shopArea .btn{
    max-width: 210px;
  }
  #cinnamo .shopArea .btn p a{
    background: url(/img/trans/event/170203_cinnamoroll/sp/shop_btn.png) 0 0 no-repeat;
    padding-top: 19.43%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #cinnamo .footArea{
    background: url(/img/trans/event/170203_cinnamoroll/pc/bgi.png);
    -webkit-background-size: 20px;
    background-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 16px;
  }
  #cinnamo .footArea .join{
    background: url(/img/trans/event/170203_cinnamoroll/sp/join.png) 0 0 no-repeat;
    padding-top: 114.3%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #cinnamo .footArea .joinWrap{
    position: relative;
    top:-10px;
  }
  #cinnamo .coutionArea {
    border: 2.5px solid #e0f1f4;
    border-radius: 40px;
    margin: auto 2%;
  }
  #cinnamo .coutionArea h4{
    background: url(/img/trans/event/170203_cinnamoroll/sp/coution.png) 0 0 no-repeat;
    width: 131.5px;
    height: 21px;
    -webkit-background-size: 131.5px 21px;
    background-size: 131.5px 21px;
    padding-top:0;
  }
  #cinnamo .coutionArea ul{
    padding: 10px 2% 7px;
    font-size: 14px;
  }
  #cinnamo .coutionArea li:before{
    content: "●";
    color: #99826d;
    font-family: 'Verdana','Droid Sans';
  }
  #cinnamo .coutionArea .copy{
    padding: 0 3.25% 12px;
    font-size: 10px;
  }
  #cinnamo .bnrArea {
    margin: 24px 2% 0px;
    border: 2.5px solid #e0f1f4;
    background: #fff;
    border-radius: 40px;
  }

  #cinnamo .bnrArea .bnr a{
    background: url(/img/trans/event/170203_cinnamoroll/sp/bnr_cinamon.jpg) 0 0 no-repeat;
    padding-top: 19.5%;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 14px auto;
    display: block;
    width: 80%;
  }
  #cinnamo .bnrArea .text{
    text-align: left;
    padding-bottom: 10px;
    margin: 0 2%;
    text-indent: -1em;
    padding-left: 1em;
  }

}
/*====================================*/
/*==========  PRIZETREND18  ==========*/
/*====================================*/
.prCommon h2 span,
.prCommon h1 span{
  display: none;
}
#pr18 h1{
  background: url("/img/trans/event/171023_prizetrend26/pc/mainh1.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 42.15%;
  -webkit-background-size: cover;
  background-size: cover;
}
#pr18 .text{
  font-size: 18px;
}
#pr18 .main .text{
  margin: 30px auto 20px;
}
.prCommon .line{margin: 30px auto;}

.prCommon .itemArea h2{
  background: url("/img/trans/event/171023_prizetrend26/pc/itemh2.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 12.4%;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 36px;
}
.prCommon .fl{
  width: 48%;
  float: left;
  margin-right: 2%;
}
.prCommon .fr{
  width: 48%;
  float: right;
  margin-left: 2%;
}
.prCommon .itemArea{
  font-weight: bold;
}
#pr18 .itemArea .text{
  padding: 16px 5px;
}
.prCommon .itemArea .moreBtn{
  width: 75%;
  margin: 0 auto;
}
.prCommon .itemArea .oh:nth-of-type(2){
  margin-top: 50px;
}
.prCommon .itemArea .apNum{
  font-size: 16px;
  text-align: center;
  margin: 30px auto;
}
.prCommon .presentArea h2{
  background: url("/img/trans/event/170221_prizetrend18/pc/presenth2.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 15.41%;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 36px;
}
.prCommon .presentArea ul{
  text-align: center;
  width: 70%;
  margin: 0 auto;
}
.prCommon .presentArea li{
  margin: 10px auto;
}
.prCommon .presentArea .text{
  margin-top: 20px;
}
.bottomLine{
  margin-top: 30px;
}
.w90Per{width: 90%;}
@media only screen and (max-width: 768px) {
  #pr18 h1{
    background: url("/img/trans/event/170221_prizetrend18/sp/mainh1.jpg") 0 0 no-repeat;
    padding-top: 59.51%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #pr18 .text{
    font-size: 16px;
  }
  .prCommon .line{margin: 10px auto 36px;}
  .prCommon .itemArea h2{
    background: url("/img/trans/event/170221_prizetrend18/sp/itemh2.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 15.5%;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 26px;
  }
  .prCommon .fr,
  .prCommon .fl{
    width: 100%;
    float: none;
    margin: 0;
  }
  .prCommon .itemArea .moreBtn{
    width: 75%;
    margin: 0 auto;
  }
  .prCommon .itemArea .oh:nth-of-type(2){
    margin-top: 50px;
  }
  .prCommon .itemArea h3{
    padding: 10px 0 0px;
    margin: 0 auto;
  }
  .prCommon .itemArea .moreBtn{
    width: 70%;
    margin: 0 auto;
  }
  .prCommon .presentArea h2{
    background: url("/img/trans/event/170221_prizetrend18/sp/presenth2.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 19.36%;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 20px;
  }
  .prCommon .presentArea ul{
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
  .prCommon .presentArea li{
    margin: 10px auto;
  }
  .prCommon .presentArea .text{
    margin-top: 20px;
  }
  .bottomLine{
    margin-top: 30px;
  }
  .w90Per{width: 100%;}
  .prCommon .topLine{
    margin-bottom: 20px!important;
  }
  .prCommon .w94Per{
    width: 94%;
    margin: 0 auto;
  }
  .prCommon .w84Per{
    width: 84%;
    margin: 0 auto;
  }
  .prCommon .itemArea .apNum{
    font-weight: normal;
  }
  #pr18 .coution{
    font-size: 14px;
  }
  .prCommon .mb16{
    margin-bottom: 16px !important;
  }
}
@media only screen and (min-width: 769px) {
 .pcHide{display: none;}
}

/*================================*/
/*        あんさんぶるスターズ      */
/*================================*/
@media only screen and (min-width: 769px) {
  #content #ensta .inner{
    height: 0;
    padding-top: 208.6%;
    background: url("/img/trans/event/170228_ansta/pc/bgi_body.jpg") 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
  }
  #ensta .btnArea{
    margin: -106% auto 0;
  }
  #ensta .btnArea a{
    width: 45%;
    max-width: 432px;
    display: block;
    margin: 0 auto;
  }
  #ensta .bnrArea{
    margin: 70% auto 0;
  }
  #ensta .bnrArea a{
    width: 66.875%;
    max-width: 642px;
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  .spHide{display: none;}
  #content #ensta .inner{
    height: 0;
    padding-top: 529.42%;
    background: url("/img/trans/event/170228_ansta/sp/bgi_body.jpg") 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
  }
  #ensta .btnArea{
    margin: -281% auto 0;
  }
  #ensta .btnArea a{
    width: 69.13%;
    max-width: 215px;
    display: block;
    margin: 0 auto;
  }
  #ensta .bnrArea{
    margin: 223% auto 0;
  }
  #ensta .bnrArea a{
    width: 79.74%;
    max-width: 248x;
    display: block;
    margin: 0 auto;
  }
}

/*------------------------------------------------*/
/*------------170315_krunk_bigbang----------------*/
/*------------------------------------------------*/
#krunk .krunkbnrArea{
  text-align: center;
  border-top: 1px solid #000;
  padding-top: 30px;
}
#krunk .krunkbnrArea h3{
  margin-bottom: 10px;
}
#krunk .krunkbnrArea p,
#krunk .krunkbnrArea p a{
  color: #fff;
}
#krunk .krunkbnrArea p a{
  font-weight: bold;
}

#krunk .krunkbnrArea h3.spttl{
  width: 60%;
  margin: 0 auto;
}
#krunk_shop {
  background: #DF0515;
}
#krunk_shop .top{
  text-align: center;
}
#krunk_shop .top h3{
  margin-bottom: 15px;
}
#krunk_shop .shopWrapper{
  background: #fff;
  padding-top: 30px;
}
#krunk_shop .shopWrapper .tac{
  text-align: center;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}
#krunk_shop .shopWrapper .days{
  color: #DF0515;
  font-size: 26px;
  margin-bottom: 30px;
}
#krunk_shop .shopWrapper .days span{
  font-size: 20px;
}
#krunk_shop .shopWrapper .shops{
  margin-bottom: 30px;
}
#krunk_shop .shopWrapper .list:nth-last-of-type(even){
  background: #F6F0CE;
}
#krunk_shop .shopWrapper .oh{
  overflow: hidden;
}
#krunk_shop .shopWrapper li{
  float: left;
  line-height: 1.5;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
}
#krunk_shop .shopWrapper li:nth-last-of-type(even){
  width: 38%;
  padding-left: 2%;
}
#krunk_shop .shopWrapper li:nth-last-of-type(odd){
  width: 60%;
  text-align: left;
  font-weight: normal;
}
#krunk_shop .shopWrapper li span{
  font-size: 14px;
}

#krunk_shop .company{
  background: #fff;
  margin-top: 40px;
  text-align: center;
  padding: 30px;
  font-weight: bold;
  line-height: 2;
  font-size: 20px;
}
#krunk_shop .company .num{
  color: #DF0515;
  font-size: 30px;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  #krunk_shop .shopWrapper li{
    float: none;
    line-height: 1.5;
  }

  #krunk_shop .shopWrapper li:nth-last-of-type(even){
    width: 98%;
    padding: 10px 1%;
    background: #F6F0CE;
  }
  #krunk_shop .shopWrapper li:nth-last-of-type(odd){
    width: 98%;
    padding: 10px 1%;
    text-align: left;
    font-weight: normal;
    font-size: 15px;
  }
  #krunk_shop .shopWrapper .list:nth-last-of-type(even){
    background: #fff;
  }
  #krunk_shop .company{
    font-size: 12px;
  }
}


/*---------------------------------------*/
/*----------------170321KLOOP------------*/
/*---------------------------------------*/
#kloop170321{
  background:url("/img/trans/event/170321_kloop/bgidot.png");
  padding: 30px 0;
}
#kloop170321 .innner{
  max-width: 580px;
  margin: 0 auto;
}
#kloop170321 .howToArea{
  background: #fff;
  margin: 30px auto 0 40px;
  position: relative;
}
#kloop170321 .howToArea .text{
  width: 430px;
  padding: 12px 0 18px 80px;
}
#kloop170321 .howToArea .ttl{
  position: absolute;
  top:-5px;
  left:-40px;
}
#kloop170321 .tableArea table{
  margin-top: 30px;
  font-size: 20px;
  vertical-align:middle ;
}
#kloop170321 .tableArea th{
  vertical-align: middle;
}
#kloop170321 .tableArea th p{
  width: 108px;
}
#kloop170321 .tableArea td .text{
  padding-left: 30px;
}
#kloop170321 .tableArea td .text span{
  font-size: 36px;
  font-weight: bold;
}
#kloop170321 .bnrArea2{
  text-align: center;
  margin-top: 30px;
}
#kloop170321 .mensekiArea{
  background: #fff;
  border-radius: 50px;
  padding: 25px 20px;
  color: #8f6f51;
  font-size: 16px;
  margin-top: 30px;
}
#kloop170321 .mensekiArea h4{
  text-align: center;
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  #kloop170321 .imgArea{
    width: 96%;
    margin: 0 auto;
  }
  #kloop170321 .howToArea{
    margin: 30px auto 0 auto;
    width: 96%;
  }
  #kloop170321 .howToArea .text{
    padding: 10px 2% 10px 20%;
    width: 78%;
    font-size: 12px;
  }
  #kloop170321 .howToArea .ttl{
    position: absolute;
    top:20px;
    left:2%;
  }
  #kloop170321 .howToArea .ttl img{
    width: 51px;
  }

  #kloop170321 .tableArea table{
    font-size: 12px;
    vertical-align:middle ;
    width: 96%;
    margin: 15px auto;
  }
  #kloop170321 .tableArea .tblttl01{
    vertical-align: top;
  }
  #kloop170321 .tableArea th{
    width: 20%;
  }
  #kloop170321 .tableArea th img{
    width: 100%;
  } #kloop170321 .tableArea th p{
    width: 100%;
  }
  #kloop170321 .tableArea td .text{
    padding-left: 2%;
  }
  #kloop170321 .tableArea td .text span{
    font-size: 20px;
  }

  #kloop170321 .bnrArea2 img{
    max-width: 210px;
  }
  #kloop170321 .mensekiArea h4{
    max-width: 130px;
    margin: 0 auto;
  }
  #kloop170321 .mensekiArea{
    width: 90%;
    border-radius: 20px;
    padding: 12px 3%;
    color: #8f6f51;
    font-size: 14px;
    margin: 30px auto 0;
  }
  #kloop170321 .mensekiArea h4{
    margin-bottom: 12px;
  }
}
/*---------------------------*/
/*PRISE TREND MAGAZINE vol.19*/
/*---------------------------*/
.prstrd{
  font-size: 18px;
}
.prstrd .main .text{
  margin: 30px auto 20px;
}
#pr19 h1 span{display: none;}
#pr19 h1{
  background: url("/img/trans/event/170403_prizetrend19/pc/h1ttl.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 47.04%;
  -webkit-background-size: cover;
  background-size: cover;
}
#pr19 .main .imgArea{
  background: url("/img/trans/event/170403_prizetrend19/main.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 132.716%;
  -webkit-background-size: cover;
  background-size: cover;
}
#pr19 .main .imgArea span{
  display: none;
}
#pr19 .line01{
  margin: 2em auto 2em;
}
#pr19 .itemArea h2{
  width: 87%;
  margin: 0 auto;
}
#pr19 .itemArea .text{
  margin: 30px auto 20px;
}

#pr19 .itemArea .fl{
  width: 48%;
  margin-right: 2%;
}
#pr19 .itemArea .fr{
  width: 48%;
  margin-left: 2%;
}
#pr19 .itemArea .fr .more{
  width: 70%;
  margin: 20px auto 0;
}
#pr19 .itemArea .oh:nth-of-type(2){
  margin: 30px auto;
}
#pr19 .itemArea .line02{
  margin: 2em auto;
}
#pr19 .itemArea .oh:nth-of-type(5){
  margin: 30px auto;
}
#pr19 .itemArea .text{
  font-weight: bold;
}
#pr19 .itemArea .more span{
  display: block;
  text-align: center;
  color: #ff0000;
  font-weight: bold;
}
#pr19 .itemArea .copy{
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
}
#pr19 .presentArea .text{
  margin: 30px auto;
  font-size: 18px;
}
#pr19 .presentArea .text span{
  color: #ff0000;
}
#pr19 .presentArea ul{
  width: 70%;
  margin: 0 auto;
}
#pr19 .presentArea li{
  margin-bottom: 20px;
}
#pr19 .line03{
  margin-top: 1em;
}

@media only screen and (max-width: 768px) {
  .prstrd{
    font-size: 16px;
  }
  #pr19 h1{
    background: url("/img/trans/event/170403_prizetrend19/sp/h1ttl.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 66.62%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #pr19 .itemArea .fl,
  #pr19 .itemArea .fr{
    width:95%;
    margin: 0 auto;
    float: none;
  }
  #pr19 .itemArea .fr{
    width: 90%;
    margin-top: 20px;
  }
  #pr19 .itemArea h2{
    width: 88%;
  }
  #pr19 .line01 {
    margin: 2em auto 1em;
  }
  #pr19 .itemArea .line02 {
    margin: 2em auto 1em;
  }
  #pr19 .itemArea h3{
    width: 90%;
    margin: 0 auto;
  }
  #pr19 .presentArea ul {
    width: 90%;
  }
  #pr19 .coutionTxt{
    font-size: 16px;
  }
}
/*---------------------------*/
/*PRISE TREND MAGAZINE vol.20*/
/*---------------------------*/
#pr20 h1{
  background: url("/img/trans/campaign/170425_prisetrend20/pc/ttl_h1.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 42.4%;
  -webkit-background-size: cover;
  background-size: cover;
}
#pr20 .main .imgArea{
  background: url("/img/trans/campaign/170425_prisetrend20/img_main.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 132.7%;
  -webkit-background-size: cover;
  background-size: cover;
}
#pr20 .presentArea h2{
  background: url("/img/trans/campaign/170425_prisetrend20/pc//h2ttl_present.jpg") 0 0 no-repeat;
  height: 0;
  padding-top: 15.42%;
  -webkit-background-size: cover;
  background-size: cover;
}
#pr20 .itemArea .fr{
  width: 48%;
  margin-left: 2%;
}
#pr20 .itemArea .fl{
  width: 48%;
  margin-right: 2%;
}
#pr20 .coution{
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  #pr20 h1{
    background: url("/img/trans/campaign/170425_prisetrend20/sp/ttl_h1.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 60.31%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #pr20 .presentArea h2{
    background: url("/img/trans/campaign/170425_prisetrend20/sp//h2ttl_present.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 20.31%;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #pr20 .itemArea .fr,
  #pr20 .itemArea .fl{
    width: 95%;
    margin: 0 auto;
    float: none;
  }
}

/*--------------------*/
/*  柴犬まるマストバイ */
/*--------------------*/
#maruWrap .copy{font-size: 20px;}
#maruWrap .coutionArea{padding-top: 0;}
#maruWrap{
  background: url(/img/trans/campaign/170508_shibainumaru/bg_dot.png);
}
#maruWrap h1 span{display: none;}
#maruWrap h1{
  background: url(/img/trans/campaign/170508_shibainumaru/pc/topmain.png) 0 0 no-repeat;
  height: 0;
  padding-top: 107.9%;
  -webkit-background-size: cover;
  background-size: cover;
}
#maruWrap .main .btn{
  max-width:421px;
  margin: 0 auto;
  width: 43.7%;
}
#maruWrap .howtoArea{
  background: url(/img/trans/campaign/170508_shibainumaru/pc/howto.png) 0 0 no-repeat;
  height: 0;
  padding-top: 42.6%;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 0;
  margin-top: 44px;
}
#maruWrap .coutionArea{
  background: #47bbaa;
  max-width: 100%;
  margin-top: 52px;
  color: #fff;
  padding: 20px 0;
}
#maruWrap .coutionArea h2{
font-size: 0;
text-align: center;
}
#maruWrap .coutionArea ul{
  margin: 20px auto 0;
  width: 66.4%;
}
#maruWrap .coutionArea li{
  font-size: 16px;
  line-height: 1.5;
}
#maruWrap .coutionArea li:before{
  content:"";
  display: inline-block;
  width: 14px;height: 14px;
  background: #fbc600;
  border-radius: 50%;
  vertical-align: baseline;
}
#maruWrap .coutionArea .copy{
  margin-right: 5.4%;
}
#maruWrap .lineUpArea .inner{
  margin:48px 8.24% 0;
  background: #f39800;
  text-align: center;
  color: #fff;
  padding: 20px 0 25px;
  border-radius: 30px;
}
#maruWrap .lineUpArea p{
  margin-left: 24px;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  margin-top: 16px;
}
#maruWrap .toMonkuji{
  background: #f9ef84;
  margin-top: 65px;
}
#maruWrap .toMonkuji h2{
  font-size: 0;
  background: url(/img/trans/campaign/170508_shibainumaru/pc/minkuji.png) 0 0 no-repeat;
  height: 0;
  padding-top: 52.7%;
  -webkit-background-size: cover;
  background-size: cover;
}
#maruWrap .toMonkuji p {
  max-width: 740px;
  margin: 4px auto 32px;
}
#maruWrap .toMonkuji .btn02{
  text-align: center;
  padding-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  #maruWrap h1{
    background: url(/img/trans/campaign/170508_shibainumaru/sp/topmain.png) 0 0 no-repeat;
    height: 0;
    padding-top: 181.35%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #maruWrap .main .btn{
    max-width:210px;
    width: 67.5%;
  }
  #maruWrap .howtoArea{
    background: url(/img/trans/campaign/170508_shibainumaru/sp/howto.png) 0 0 no-repeat;
    padding-top: 107.23%;
    -webkit-background-size: cover;
    background-size: cover;
    margin-top: 24px;
  }
  #maruWrap .coutionArea{
    margin-top: 24px;
  }
  #maruWrap .coutionArea h2 img{
    max-width: 131.5px;
  }
  #maruWrap .coutionArea ul{
    margin: 8px 5% 0;
    width: 90%;
  }

  #maruWrap .coutionArea li{
    font-size: 10px;
  }
  #maruWrap .coutionArea li:before{
    width: 10px;height: 10px;
  }
  #maruWrap .coutionArea .copy{
    margin-right: 5.4%;
    font-size: 10px;
  }

  #maruWrap .lineUpArea .inner{
    margin:24px 5% 0;
    background: #f39800;
    color: #fff;
    padding: 12px 0 12px;
    border-radius: 30px;
  }
  #maruWrap .lineUpArea .bnr{
    max-width: 241.5px;
    margin: 0 auto;
  }
  #maruWrap .lineUpArea p{
    margin-left: 3%;
    margin-right: 3%;
    font-size: 12px;
    margin-top: 12px;
    text-indent: -1em;
    padding-left: 1em;
  }
  #maruWrap .toMonkuji{
    margin-top: 24px;
  }
  #maruWrap .toMonkuji h2{
    font-size: 0;
    background: url(/img/trans/campaign/170508_shibainumaru/sp/minkuji.png) 0 0 no-repeat;
    height: 0;
    padding-top: 66.2%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #maruWrap .toMonkuji p {
    font-size: 10px;
    margin: 4px 3% 8px;
  }
  #maruWrap .toMonkuji .btn02{
    text-align: center;
    padding-bottom: 24px;
    max-width: 210.5px;
    margin: 0 auto;
  }
}



/*----------------------*/
/*  シナモン ✕ タイトー */
/*----------------------*/
#cinamon_taito .mainArea{
  background: url(/img/trans/campaign/170517_cinamon_taito/pc/img_main.jpg) 0 0 no-repeat;
  width: 100%;
  height: 0;
  padding-top:190.17%;
  background-size: cover;
  position: relative;
}
#cinamon_taito .mainArea .btn{
  text-align: center;
}
#cinamon_taito .mainArea .btn a{
  display: block;
  height: 0;
  background: url(/img/trans/campaign/170517_cinamon_taito/pc/btn_campaign.png) 0 0 no-repeat;
  padding-top: 9.48%;
  text-align: center;
  margin: -48.08% auto 0;
  width: 43.57%;
  background-size: contain;
  font-size: 0;
}
.bg_purple{
  background: #d2cce6;
  padding-bottom: 40px;
}
#cinamon_taito .coutionA{
  background:#fff;
  border: 5px solid #fffbc6;
  margin: 0 5%;
  border-radius: 30px;
  padding: 2% 5% 1%;
}
#cinamon_taito .coutionA h2{
  width: 27.28%;
  margin: 0 auto;
}
#cinamon_taito .coutionA ul{
  margin-top: 2%;
  color: #99826D;
}
#cinamon_taito .coutionA li{
  font-size: 16px;
  line-height: 24px;
}
#cinamon_taito .coutionA li:before{
  content:url(/img/trans/campaign/170517_cinamon_taito/pc/icn_content.png);
  padding-top: 0.5px;
}
#cinamon_taito .coutionA .copy{
  color: #99826D;
  padding-top: 1rem;
}
#cinamon_taito .bnrA{
  background:#fff;
  border: 5px solid #e0f1f4;
  margin: 5% 5% 0;
  border-radius: 30px;
  padding: 2% 1%;
}
#cinamon_taito .bnrA .bnr{
  width: 68.3%;
  margin: 0 auto;
}
#cinamon_taito .bnrA .text{
  font-size: 13px;
  color: #99826D;
  text-align: center;
  padding-top: 1rem;
}
@media only screen and (max-width: 768px) {
  #cinamon_taito .mainArea{
    background: url(/img/trans/campaign/170517_cinamon_taito/sp/img_main.jpg) 0 0 no-repeat;
    width: 100%;
    height: 0;
    padding-top:409.97%;
    background-size: cover;
    position: relative;
  }
  #cinamon_taito .mainArea .btn a{
    display: block;
    height: 0;
    background: url(/img/trans/campaign/170517_cinamon_taito/sp/btn_campaign.png) 0 0 no-repeat;
    padding-top: 13.48%;
    text-align: center;
    margin: -133.08% auto 0;
    width: 67.52%;
    background-size: contain;
    font-size: 0;
  }
  #cinamon_taito .coutionA h2{
    width: 44.15%;
    margin: 0 auto;
  }
  #cinamon_taito .coutionA li{
    font-size: 14px;
    line-height: 20px;
    position: relative;
  }
  #cinamon_taito .coutionA li:before{
    padding-top: 0.5px;
    vertical-align: middle;
  }
  #cinamon_taito .coutionA{
    border: 5px solid #e0f1f4;
  }
  #cinamon_taito .bnrA .bnr{
    width: 80.27%;
  }
  #cinamon_taito .bnrA{
    padding-top: 6%;
  }
  #cinamon_taito .bnrA .text{
    font-size: 12px;
    text-align: left;
  }
}

/*----------------------*/
/*  1706ユーリ!! */
/*----------------------*/
#yuri1706 .bgWrap{
  background: url(/img/trans/campaign/170518_yuri/pc/bg_dot.png);
  padding-bottom: 40px;
}
#yuri1706 .mainA{
  background: url(/img/trans/campaign/170518_yuri/pc/img_main.jpg) 0 0 no-repeat;
  width: 100%;
  height: 0;
  padding-top:245%;
  background-size: cover;
}
#yuri1706 .mainA .shops,
#yuri1706 .mainA .shops2{
  max-width: 480px;
  margin: -150% auto 0;
  width: 50%;
}
#yuri1706 .mainA .shops2{
  margin-top: 61%;
}
#yuri1706 .coutionA li{
  line-height: 24px;
  font-size: 14px;
  color: #fff;
}
#yuri1706 .coutionA li img{
  vertical-align: baseline;
}
#yuri1706 .coutionA {
  width: 90%;
  margin: 0 auto;
  border: 5px solid #aae0f7;
  border-radius: 20px;
  padding: 2% 3%;
  background: #00a0e9;
}
#yuri1706 .coutionA h2{
  width: 34.48%;
  max-width: 320px;
  margin: 0 auto 24px;
}
#yuri1706 .coutionA .copy{
  margin-top: 24px;
  color: #fff;
}

#yuri1706 .bnrA{
  background: #00a0e9;
  color: #fff;
  border: 5px solid #aae0f7;
  width: 90%;
  margin: 24px auto 0;
  border-radius: 20px;
  padding: 2% 3%;
}
#yuri1706 .bnrA .bnr{
  max-width: 640px;
  width: 69.11%;
  margin: 0 auto;
}
#yuri1706 .bnrA .text{
  text-align: center;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  #yuri1706 .mainA{
    background: url(/img/trans/campaign/170518_yuri/sp/img_main.jpg) 0 0 no-repeat;
    width: 100%;
    height: 0;
    padding-top:455%;
    background-size: cover;
  }
  #yuri1706 .mainA .shops,
  #yuri1706 .mainA .shops2{
    max-width: 245px;
    margin: -273% auto 0;
    width: 76.56%;
  }
  #yuri1706 .mainA .shops2{
    margin-top: 92%;
  }

  #yuri1706 .coutionA h2{
    width: 52.63%;
    max-width: 320px;
    margin: 0 auto 16px;
  }

  #yuri1706 .coutionA {
    width: 87%;
    margin: 0 auto;
    border: 2.5px solid #aae0f7;
    border-radius: 20px;
    padding: 2% 4%;
  }

  #yuri1706 .bnrA{
    border: 2.5px solid #aae0f7;
    width: 87%;
    margin: 20px auto 0;
    padding: 7% 4%;
  }
  #yuri1706 .bnrA .bnr{
    max-width: 560px;
    width: 92.1%;
    margin: 0 auto;
  }
}

/*----------------------*/
/*       1706兄困      */
/*----------------------*/
#anikoma_1706{padding-bottom: 40px !important;}
#anikoma_1706 .wrapper{
  max-width: 872px;
  margin: 0 auto;
}
#anikoma_1706 .pink{
  color: #d9507b;
}
#anikoma_1706 .red{
  color: red;
}
#anikoma_1706 .daySpan{
  text-align: center;
  font-size: 24px;
  margin: 28px auto 14px;
  font-weight: bold;
}
#anikoma_1706 .detail{
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 52px;
}
#anikoma_1706 .detail dt{
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}

#anikoma_1706 .detail li{
  text-indent: -1em;
  padding-left: 1em;
}
#anikoma_1706 .detail .coution{
  font-size: 12px;
  font-weight: bold;
}
#anikoma_1706 .detail dl{
  margin-bottom: 20px;
}
#anikoma_1706 .goodsArea h2{
  margin-bottom: 20px;
}
#anikoma_1706 .goodsArea li{
  width: 32%;
  margin-left: 2%;
  border: 2px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow:0px 0px 3px 3px #cccccc;
  -moz-box-shadow:0px 0px 3px 3px #cccccc;
  -webkit-box-shadow:0px 0px 3px 3px #cccccc;}
#anikoma_1706 .goodsArea li .goodsImg img{
  border-radius: 10px 10px 0 0;
}
#anikoma_1706 .goodsArea li:nth-of-type(1){
  margin-left: 0;
}
#anikoma_1706 .explanation{
  padding: 12px 14px 20px;
}
#anikoma_1706 .explanation h3{
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 15px;
}
.fz24 {font-size: 24px;}
.fwb  {font-weight: bold;}
#anikoma_1706 .copy{
  font-size: 12px;
  margin-top: 20px;
}



@media only screen and (max-width: 768px) {
  #anikoma_1706 .daySpan{
    text-align: center;
    font-size: 14px;
    margin: 10px auto 10px;
  }
  #anikoma_1706 .detail dt{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
  }
  #anikoma_1706 .detail dd{
    font-size: 12px;
  }
  #anikoma_1706 .detail .coution{
    font-size: 12px;
  }
  #anikoma_1706 .spfz10{
    font-size: 10px !important;
  }
  #anikoma_1706 .detail{
    margin-bottom: 0;
  }
  #anikoma_1706 .goodsArea h2{
    margin-bottom: 10px;
  }
  #anikoma_1706 .goodsArea h2 img{
    max-width: 90px;
  }
  #anikoma_1706 .goodsArea li{
    width: 100%;
    margin: 0 0 12px 0;
  }
  #anikoma_1706 .explanation h3{
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 15px;
  }
  #anikoma_1706 .goodsArea .fl{
    float: none;
  }
  #anikoma_1706 .goodsArea .fl .goodsImg img{
    width: 100%;
  }
  .spfz13{font-size: 13px !important;}
  .spfz16{font-size: 16px !important;}
  #anikoma_1706 .copy{
    font-size: 10px;
    margin-top: 10px;
  }
}
/*----------------------*/
/*       1706ｷﾝﾌﾟﾘ       */
/*----------------------*/
#kinpri_1706 .bgWrapBlue{
  background: #f2fafe;
  padding: 0 0 50px 0;
}
#kinpri_1706 .main{
  background: url(/img/trans/campaign/170526_kinpri/pc/img_main.jpg) 0 0 no-repeat;
  width: 100%;
  height: 0;
  padding-top:169.29%;
  background-size: cover;
  position: relative;
}
#kinpri_1706 .btnArea{
  max-width: 421px;
  width: 47%;
  margin: 0 auto;
  position: absolute;
  top:69%;
  left:50%;
  margin-left: -23.5%;
}
#kinpri_1706 .coutionArea{
  border: 4px solid #9f8c44;
  padding: 50px 3.75% 26px;
  max-width: 100%;
  margin: 38px 1% 0;
}
#kinpri_1706 .coutionArea h3{
  max-width: 282px;
  margin: -74px auto 22px
}
#kinpri_1706 .coutionArea li{
  font-size: 16px;
  line-height: 24px;
  color: #1d3e8b;
}
#kinpri_1706 .coutionArea li:before{
  content:url(/img/trans/campaign/170526_kinpri/pc/coutionhead.png);
}
#kinpri_1706 .bnrA{
  border: 4px solid #9f8c44;
  padding: 32px 3.75% 26px;
  max-width: 100%;
  margin: 38px 1% 0 1%;
}
#kinpri_1706 .bnrA .bnr-kinpri_1706{
  max-width: 644px;
  margin: 0 auto;
}
#kinpri_1706 .bnrA .text{
  color: #1d3e8b;
  font-size: 16px;
  padding-top: 18px;
}


@media only screen and (max-width: 768px) {
  #kinpri_1706 .main{
    background: url(/img/trans/campaign/170526_kinpri/sp/img_main.jpg) 0 0 no-repeat;
    padding-top:401.29%;
    background-size: cover;
  }
  #kinpri_1706 .btnArea{
    max-width: 470px;
    width: 75.56%;
    top:64%;
    left:50%;
    margin-left: -37.78%;
  }
  #kinpri_1706 .btnArea img{
    width: 100%;
  }
  #kinpri_1706 .coutionArea{
    border: 2px solid #9f8c44;
    padding: 50px 3.75% 26px;
    max-width: 100%;
    margin: 41px 1% 0;
  }
  #kinpri_1706 .coutionArea h3{
    max-width: 141.5px;
    margin: -63px auto 22px
  }
  #kinpri_1706 .coutionArea li{
    font-size: 10px;
    line-height: 13px;
  }
  #kinpri_1706 .coutionArea li:before{
    margin:0 0px 0 0;
  content:" ";
  display:inline-block;
  width:10px;
  height:10px;
  background:url( /img/trans/campaign/170526_kinpri/pc/coutionhead.png);
  background-size:contain;
  vertical-align:middle;
  }
  #kinpri_1706 .bnrA{
    border: 2px solid #9f8c44;
    padding: 32px 3.75% 20px;
    max-width: 100%;
    padding: 38px 1% 20px;
  }
  #kinpri_1706 .bnrA .bnr-kinpri_1706{
    max-width: 532px;
    margin: 0 auto;
    width: 88.96%;
  }
  #kinpri_1706 .bnrA .text{
    color: #1d3e8b;
    font-size: 10px;
    line-height: 16px;
    padding-top: 18px;
  }
}
/*-------------------------*/
/*       1706がくっち      */
/*-------------------------*/
#gakutti_1706 .bgWrap{
  background:url( /img/trans/campaign/1706_gakutti/bgi_01.jpg);
  padding-bottom: 50px;
}
#gakutti_1706 .mainA{
  background: url(/img/trans/campaign/1706_gakutti/pc/img_main.png) 0 0 no-repeat;
  width: 100%;
  height: 0;
  padding-top:140.35%;
  background-size: cover;
  position: relative;
}
#gakutti_1706 .shopsA p{
  max-width: 441px;
  margin: 0 auto;
  width: 47.68%;
  padding: 38px 0;
}
#gakutti_1706 .coutionA h3 img,
#gakutti_1706 .shopsA p img{
  width: 100%;
}
#gakutti_1706 .coutionA{
  border:3px solid #ceb668;
  background: #ae1e29;
  padding: 35px 2% 35px 4%;
  width: 90%;
  margin: 0 auto;
  color: #fee589;
  font-size: 16px;
  line-height: 24px;
}
#gakutti_1706 .coutionA h3{
  max-width: 263px;
  margin: 0 auto 20px;
  width: 29%;
}
#gakutti_1706 .coutionA li:before{
  margin:0 0px 0 0;
  content:" ";
  display:inline-block;
  width:15px;
  height:15px;
  background:url( /img/trans/campaign/1706_gakutti/pc/li_before.png);
  background-size:contain;
  vertical-align:middle;
}
#gakutti_1706 .bnrA{
  border:3px solid #ceb668;
  background: #ae1e29;
  padding: 50px 1%;
  width: 94%;
  margin: 50px auto 0;
  color: #fee589;
  font-size: 16px;
  line-height: 24px;
}
#gakutti_1706 .bnrA .bnr{
  max-width: 640px;
  width: 70%;
  margin: 0 auto 16px;
}
@media only screen and (max-width: 768px) {
  #gakutti_1706 .bgWrap{
    background:url( /img/trans/campaign/1706_gakutti/bgi_01.jpg);
    background-size: 50%;
    padding-bottom: 50px;
  }
  #gakutti_1706 .mainA{
    background: url(/img/trans/campaign/1706_gakutti/sp/img_main.png) 0 0 no-repeat;
    width: 100%;
    height: 0;
    padding-top:284.4%;
    background-size: cover;
    position: relative;
  }




  #gakutti_1706 .shopsA p{
    max-width: 440px;
    margin: 0 auto;
    width: 70.74%;
    padding: 38px 0;
  }
  #gakutti_1706 .coutionA{
    background: #ae1e29;
    padding: 35px 2% 35px 4%;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 21px;
  }
  #gakutti_1706 .coutionA h3{
    max-width: 262px;
    margin: 0 auto 20px;
    width: 43.3%;
  }
  #gakutti_1706 .coutionA li:before{
    margin:0 0px 0 0;
    content:" ";
    display:inline-block;
    width:14px;
    height:14px;
    background:url( /img/trans/campaign/1706_gakutti/pc/li_before.png);
    background-size:contain;
    vertical-align:middle;
  }
  #gakutti_1706 .bnrA{
    padding: 50px 1%;
    width: 94%;
    margin: 50px auto 0;
    color: #fee589;
    font-size: 12px;
    line-height: 16px;
  }
  #gakutti_1706 .bnrA .bnr{
    max-width: 482px;
    width: 79.67%;
    margin: 0 auto 16px;
  }
}
/*-------------------------*/
/*       1706ｶﾞﾗﾋﾟｺ        */
/*-------------------------*/

#garapiko_1706 .bg{
  background: url(/img/trans/campaign/170530_garapiko/pc/img_bg.png) repeat-x;
  padding-bottom: 50px;
}
#garapiko_1706 .mainA{
  background: url(/img/trans/campaign/170530_garapiko/pc/img_main.png) 0 0 no-repeat;
  width: 100%;
  height: 0;
  padding-top:72.2%;
  background-size: cover;
  position: relative;
}
#changeArea {
  position: relative;
}
#changeArea .changeBtn{
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 10%;
}
#changeArea .changeBtn li{
  width: 20%;
  height: 100%;
  cursor: pointer;
}
#changeArea .changeBtn .tabBtn1{
  margin-left: 5%;
}
#changeArea .changeBtn .tabBtn2{
  margin-left: 2%;
}
#changeArea .changeBtn .tabBtn3{
  margin-left: 1%;
}
/*-タブ切り替えjs用-*/
#changeArea .changeBtn li.select{
}
#changeArea .tabChArea .hide{
  display: none;
}
#changeArea .tabChArea{
  position: relative;
  z-index: 9;
}
#changeArea .tabChArea .shopBtn .btn{
  max-width: 448px;
  margin: 0 auto;
  width: 48.41%;
}
#changeArea .tabChArea .shopBtn{
  position: absolute;
  top: 87%;
  left: 0%;
  z-index: 11;
  width: 100%;
}

#garapiko_1706 .coutionA{
  margin-top: 22px;
}
#garapiko_1706 .bnrA{
  background: url('/img/trans/campaign/170530_garapiko/pc/bgi_bnr.png') 0 0 no-repeat;
  height: 0;
  width: 100%;
  padding-top: 23.24%;
  background-size: cover;
  position: relative;
  margin-top: 16px;
}
#garapiko_1706 .bnrA p{
  max-width: 640px;
  width: 69.15%;
  margin: -20% auto 0;
}
#garapiko_1706 .bnrA p img{
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #garapiko_1706 .bg{
    background: #62dae7;
    padding-bottom: 50px;
  }
  #garapiko_1706{
    padding-top: 0 !important;
  }
  #garapiko_1706 .mainA{
    background: url(/img/trans/campaign/170530_garapiko/sp/img_main.jpg) 0 0 no-repeat;
  width: 100%;
  height: 0;
  padding-top: 136.33%;
  background-size: cover;
  }
  #changeArea{
    background: #f9c7eb;
    margin-top: -1px;
  }
  #changeArea .changeBtn{
    height: 3%;
  }
  #changeArea .changeBtn li{
    width: 31%;
    height: 100%;
  }
  #changeArea .changeBtn .tabBtn1{
    margin-left: 1%;
  }
  #changeArea .changeBtn .tabBtn2{
    margin-left: 3%;
  }
  #changeArea .changeBtn .tabBtn3{
    margin-left: 2%;
  }

  #changeArea .tabChArea .shopBtn .btn{
    max-width: 576px;
    margin: 0 auto;
    width: 92.6%;
  }
  #changeArea .tabChArea .shopBtn{
    position: absolute;
    top: 93%;
    left: 0%;
    z-index: 11;
    width: 100%;
  }
  #garapiko_1706 .coutionA{
    margin-top: 0px;
  }
  #garapiko_1706 .bnrA{
    background: url('/img/trans/campaign/170530_garapiko/sp/bgi_bnr.jpg') 0 0 no-repeat;
    padding-top: 36%;
    background-size: cover;
    margin-top: 8px;
  }
  #garapiko_1706 .bnrA p{
    max-width: 560px;
    width: 90%;
    margin: -31% auto 0;
  }
  #garapiko_1706 .bnrA p img{
    width: 100%;
  }
}
/*-------------------------*/
/*       1706ｽｲｷｬﾗ         */
/*-------------------------*/
#sweetchara_1706 .mainA{
  background: url(/img/trans/campaign/170530_sweetchara/pc/img_main.jpg);
  background-size: cover;
  padding-top: 519.92%;
  height: 0;
  position: relative;
}
#sweetchara_1706 .mainA .checkBtn{
  max-width: 262px;
  width: 26.9%;
  position: absolute;
  top: 19.7%;
  left: 2.5%;
}
#sweetchara_1706 .mainA .taishouBtn{
  max-width: 443px;
  width: 46%;
  position: absolute;
  top: 41.03%;
  left: 46.7%;
}


#sweetchara_1706 .bg{
  background: url(/img/trans/campaign/170530_sweetchara/pc/bgi.jpg);
}
#sweetchara_1706 .goods01{
  width: 320px;
  height: 550px;
  background: url(/img/trans/campaign/170530_sweetchara/pc/goods01.png)0 0 no-repeat;
  background-size: 320px 550px;
}
#sweetchara_1706 .goods .txtArea{
  width: 230px;
  margin: 266px auto 0 60px;
}
#sweetchara_1706 .goods .txtArea .btn{
  margin: 10px auto 0 10px;
}
#sweetchara_1706 .goods02{
  width: 320px;
  height: 550px;
  background: url(/img/trans/campaign/170530_sweetchara/pc/goods02.png)0 0 no-repeat;
  background-size: 320px 550px;
}
#sweetchara_1706 .goods02 .txtArea{
  margin: 266px auto 0 47px;
}
#sweetchara_1706 .bnrA{
  background: url(/img/trans/campaign/170530_sweetchara/pc/bnrarea.png);
  height: 0;
  background-size: cover;
  padding-top: 27.39%;
}
#sweetchara_1706 .bnrA div{
  margin-top: -22%;
}
#sweetchara_1706 .bnrA p{
  max-width: 640px;
  width: 66.4%;
  margin: 0 auto;
}

#sweetchara_1706 .bnrArea{
  padding: 30px 0;
  background: #f8d6e6;
}
/*
#sweetchara_1706 .bnrArea ul{
  max-width: 850px;
  width: 92%;
  margin: 0 auto;
}
#sweetchara_1706 .bnrArea li{
  float: left;
  margin-right: 7.6%;
  max-width: 240px;
  width: 28.266%;
}
#sweetchara_1706 .bnrArea li:nth-of-type(even){
  margin-right: 0;
}
*/
#sweetchara_1706 .bnrArea ul{
  width: 540px;
  margin: 0 auto;
}
#sweetchara_1706 .bnrArea li{
  float: left;
  width: 240px;
}
#sweetchara_1706 .bnrArea li:nth-of-type(-n+2){
  margin-bottom: 20px;
}
#sweetchara_1706 .bnrArea li:nth-of-type(odd){
  margin-right: 60px;
}

@media only screen and (max-width: 768px) {
  #sweetchara_1706{
    padding-top: 0 !important;
  }
  #sweetchara_1706 .mainA{
    background: url(/img/trans/campaign/170530_sweetchara/sp/img_main.jpg);
    background-size: cover;
    padding-top: 1385.31%;
    height: 0;
  }
  #sweetchara_1706 .mainA .checkBtn{
    max-width: 208px;
    width: 32.5%;
    position: absolute;
    top: 10.2%;
    left: 0.1%;
  }
  #sweetchara_1706 .mainA .taishouBtn{
  max-width: 546px;
  width: 85.5%;
  position: absolute;
  top: 32.21%;
  left: 7.2%;
  }

  #sweetchara_1706 .bg{
    background: url(/img/trans/campaign/170530_sweetchara/sp/bgi.jpg);
    background-size: 50%;
  }
  #sweetchara_1706 .goodsArea .goods{
    background: url(/img/trans/campaign/170530_sweetchara/sp/goods-wrap.png)0 0 no-repeat;
    padding-top: 179.6875%;
    height: 0;
    background-size: cover;
  }
  #sweetchara_1706 .goodsArea .inner{
    max-width: 475px;
    margin-top: -50%;
    width: 74.2%;
    margin: -168% auto 0 11%;
  }
  #sweetchara_1706 .goodsArea .inner img{
    width: 100%;
  }
  #sweetchara_1706 .goodsArea .inner .btn{
    max-width: 438px;
    width: 92.2%;
    margin: 10% auto 0;
  }
  #sweetchara_1706 .bnrA{
    background: url(/img/trans/campaign/170530_sweetchara/sp/bgi_bnr.png);
    height: 0;
    background-size: cover;
    padding-top: 57.5%;
  }
  #sweetchara_1706 .bnrA div{
    margin-top: -50%;
  }
  #sweetchara_1706 .bnrA p{
    max-width: 584px;
    width: 91.25%;
    margin: 0 auto;
  }

  #sweetchara_1706 .bnrArea{
    padding: 15px 0;
  }
  #sweetchara_1706 .bnrArea ul{
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
  }
  #sweetchara_1706 .bnrArea li{
    float: left;
    margin: 0;
    max-width: 120px;
    width: 100%;
  }
  #sweetchara_1706 .bnrArea li:nth-of-type(odd){
    margin: 0 20px 10px auto;
  }
  #sweetchara_1706 .bnrArea li:nth-of-type(even){
    margin: 0 auto 10px auto;
  }




  #sweetchara_1706 .bnrArea li:last-of-type{
    margin-right: auto;
    margin-bottom: 0;
  }




}
/*--------------------------------*/
/*       1706PRIZE TREND 21      */
/*--------------------------------*/
.prstrd .imgArea{text-align: center;}
.prstrd .fl{
  width: 49%;
  float: left;
}
.prstrd .fr{
  width: 49%;
  float: right;
}
.prstrd .moreBtn{
  width: 70%;
  margin: 0 auto;
}
.prstrd .copy_c{
  text-align: center;
}
/*---------------------------------*/
#prizetrend21 .line01{
  margin: 30px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .prstrd .fl,.prstrd .fr {
    width: 100%;
    float: none;
  }
  #prizetrend21 .line01{
    margin: 50px 0 0 0;
  }
}
/*--------------------------------*/
/*       1707PRIZE TREND 22      */
/*--------------------------------*/
#prizetrend22 h2 span,
#prizetrend22 .shopInfo span,
#prizetrend22 h1 span{
  font-size: 0;
}
#prizetrend22 h1{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/ttl_h1.jpg) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 43.46%;
}
#prizetrend22 .imgArea01{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/main01.jpg) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 313.125%;
}
#prizetrend22 .imgArea02{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/main02.jpg) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 194.9%;
}

#prizetrend22 .shopInfo p{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/btn_shopcheck.png) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 32.8%;
}
#prizetrend22 .shopInfo{
  padding: 50px 26%;
}
#prizetrend22 .shopInfo a{
  display: block;
}
#prizetrend22 .line01{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/line_01.png) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 1.77%;
}
#prizetrend22 .presentArea h2{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/ttl_h2.png) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 15.4%;
}
#prizetrend22 .line2{
  background: url(/img/trans/campaign/170626_prizetrend22/pc/line_02.png) 0 0 no-repeat;
  background-size: cover;
  height: 0;
  width: 100%;
  padding-top: 1.458%;
}
@media only screen and (max-width: 768px) {
  #prizetrend22 h1{
    background: url(/img/trans/campaign/170626_prizetrend22/sp/ttl_h1.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 58.43%;
  }
  #prizetrend22 .imgArea01{
    background: url(/img/trans/campaign/170626_prizetrend22/sp/main01.jpg) 0 0 no-repeat;
    background-size: cover;
    padding-top: 806.25%;
  }
  #prizetrend22 .shopInfo{
    padding: 30px 18%;
  }

  #prizetrend22 .presentArea h2{
    background: url(/img/trans/campaign/170626_prizetrend22/sp/ttl_h2.png) 0 0 no-repeat;
    background-size: cover;
    padding-top: 20.3%;
  }
}
/*-------------------------*/
/*       花火_170720         */
/*-------------------------*/
#hanabi_170720 .main{
  background: url(/img/trans/campaign/170720_hanabi/pc/bgi.jpg);
  background-size: cover;
  padding-top: 167.43%;
  height: 0;
  position: relative;
}
.campaignTemp .shopBtn{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 68%;
}
.campaignTemp .shopBtn img{
  width: 43.67%;
}
.campaignTemp .other{
  background: #00aac9;
  position: relative;
  color: #fff;
  padding: 20px 0px;
}
.campaignTemp .other h3{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0px;
}
.campaignTemp .other h3 img{
  width: 29.25%;
}
.campaignTemp .other .menseki,
.campaignTemp .bnrArea{
  background: #0b7bc3;
  width: 90%;
  margin: 0 auto;
  border-radius: 10px;
  padding: 48px 4% 4px;
}
.campaignTemp .menseki li:before{
  content:"\025cf";
  font-size: 1.2rem;
}
.campaignTemp .menseki li{
  font-size: 16px;
  line-height: 24px;
}
.campaignTemp .menseki .copy{
  margin-top: 1rem;
}
.campaignTemp .bnrArea {
  margin-top: 28px;
  padding: 26px 4%;
}
.campaignTemp .bnrArea p{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.campaignTemp .bnrArea p img{
  width: 66.32%;
}
@media only screen and (max-width: 768px) {
  #hanabi_170720 .main{
    background: url(/img/trans/campaign/170720_hanabi/sp/bgi.jpg);
    background-size: cover;
    padding-top: 310.77%;
  }
  .campaignTemp .shopBtn{
    top: 56%;
  }
  .campaignTemp .shopBtn img{
    width: 75.4%;
  }
  .campaignTemp .other{
    padding-top: 20px;
  }
  .campaignTemp .other h3{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 6px;
  }
  .campaignTemp .other h3 img{
    width: 49.45%;
  }
  .campaignTemp .other .menseki,.campaignTemp .bnrArea{
    width: 88%;
    padding: 20px 2% 4px;
    margin-bottom: 25px;
  }
  .campaignTemp .menseki li:before{
    content:"\025cf";
    font-size: 1rem;
  }
  .campaignTemp .menseki li{
    font-size: 10px;
    line-height: 13px;
  }
  .campaignTemp .menseki .copy{
    margin-top: 1rem;
    font-size: 10px;
    text-align: left;
  }
  .campaignTemp .bnrArea {
    margin-top: 24px;
    padding: 8px 2%;
  }
  .campaignTemp .bnrArea p{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .campaignTemp .bnrArea p img{
    width: 66.32%;
  }
}
/*-------------------------*/
/*  プライズトレンド23      */
/*-------------------------*/
.ptm .item h2 span,
.ptm .present h2 span,
.ptm .main h1 span{
  display: none;
}

#prizetrend23 h1{
  background: url(/img/trans/campaign/170727_prizetrend23/pc/ttl_main.jpg) 0 0 no-repeat;
  padding-top: 43.42%;
  background-size: cover;
}
.ptm .item h2,
.ptm .present h2,
.ptm .main h1{
  height: 0;
  width: 100%;
}
.ptm .text{font-size: 16px;}
.ptm .main .text{
  margin: 30px auto 20px;
}
.ptm .line {
  margin: 20px 0;
}
#prizetrend23 .item h2{
  background: url(/img/trans/campaign/170727_prizetrend23/pc/ttl_item.jpg) 0 0 no-repeat;
  padding-top: 15.42%;
  background-size: cover;
}
#prizetrend23 .present h2{
  background: url(/img/trans/campaign/170727_prizetrend23/pc/ttl_present.jpg) 0 0 no-repeat;
  padding-top: 15.42%;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  #prizetrend23 h1{
    background: url(/img/trans/campaign/170727_prizetrend23/sp/ttl_main.jpg) 0 0 no-repeat;
    padding-top: 58.44%;
    background-size: cover;
  }
  #prizetrend23 .item h2{
    background: url(/img/trans/campaign/170727_prizetrend23/sp/ttl_item.jpg) 0 0 no-repeat;
    padding-top: 20.16%;
    background-size: cover;
  }
  #prizetrend23 .present h2{
    background: url(/img/trans/campaign/170727_prizetrend23/sp/ttl_present.jpg) 0 0 no-repeat;
    padding-top: 20.31%;
    background-size: cover;
  }
}


/*ｽｲｷｬﾗ8月*/
#goods_add1708{
  margin: 8px auto 20px;
}
#goods_add1708 li{
  float: left;
  width: 30%;
  height: 0;
  padding-top: 57.24%;
  background: url(/img/trans/campaign/170530_sweetchara/goods_bg.png) 0 0 no-repeat;
  background-size: cover;
  margin: 0 2%;
  position: relative;
}
#goods_add1708 li:nth-of-type(3n+1){
  margin-left: 1%;
}
#goods_add1708 li:nth-of-type(3n){
  margin-right: 1%;
}
#goods_add1708 li .wrap{
  /*background: rgba(0,0,0,0.3);*/
  width: 80%;
  height: 87%;
  position: absolute;
  top: 0;
  margin: 15% 10% 10%;
}
#goods_add1708 h4 a{
  color: #9c6162;
  font-size: 127%;
  font-weight: bold;
}
#goods_add1708 h4 {
  border-bottom: 1px dotted #9c6162;
  padding: 8px 0;
}
#goods_add1708 .btn{
  text-align: center;
}
#goods_add1708 .txt{
  padding-top: 4px;
  font-size: 75%;
  padding-bottom: 5.7%;
}

@media only screen and (max-width: 768px) {
  #goods_add1708 li{
    float: none;
    width: 297px;
    height: 568.5px;
    padding-top: 0;
    background: url(/img/trans/campaign/170530_sweetchara/goods_bg.png) 0 0 no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative;
  }
  #goods_add1708 li:nth-of-type(3n+1){
    margin-left: auto;
  }
  #goods_add1708 li:nth-of-type(3n){
    margin-right: auto;
  }
  #goods_add1708 li .wrap{
    /*background: rgba(0,0,0,0.3);*/
    width: 80%;
    height: 87%;
    position: absolute;
    top: 0;
    margin: 15% 10% 10%;
  }
  #goods_add1708 h4 a{
    color: #9c6162;
    font-size: 16px;
    font-weight: bold;
  }
  #goods_add1708 h4 {
    border-bottom: 1px dotted #9c6162;
    padding-bottom: 8px;
  }
  #goods_add1708 .btn{
    text-align: center;
  }
  #goods_add1708 .txt{
    padding-top: 4px;
    font-size: 12px;
    padding-bottom: 5.7%;
  }
}
/*-------------------------*/
/*  ヨッシースタンプ         */
/*-------------------------*/

#yosi170817 .wrapper{
  background: url(/img/trans/campaign/170817_yosi/pc/main_bgi.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 190%;
}

#yosi170817 .btn{
  position: absolute;
  top: 43%;
  left: 6%;
  width: 47%;
}
#yosi170817 .bnr{
  position: absolute;
  top: 88%;
  left: 0%;
  width: 100%;
  text-align: center;
}
#yosi170817 .bnr img{
  width: 66%;
}


@media only screen and (max-width: 768px) {
  #yosi170817 .wrapper{
    background: url(/img/trans/campaign/170817_yosi/sp/main_bgi.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 422.35%;
  }

  #yosi170817 .btn{
    position: absolute;
    top: 37.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yosi170817 .btn img{
    width: 93%;
  }

  #yosi170817 .bnr{
    position: absolute;
    top: 88%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yosi170817 .bnr img{
    width: 87.5%;
  }
}
/*-------------------------*/
/*  170905RWBY         */
/*-------------------------*/
#rwby170905 .wrapper{
  background: url(/img/trans/campaign/170905_rwby/pc/main_bgi2.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 211.72%;
}
#rwby170905 .btn{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
}
#rwby170905 .btn img{
  width: 62.38%;
}
#rwby170905 .bnr{
  width: 100%;
  text-align: center;
  position: absolute;
  top: 88.5%;
}
#rwby170905 .bnr img{
  width: 69.3%;
}
@media only screen and (max-width: 768px) {
  #rwby170905 .wrapper{
    background: url(/img/trans/campaign/170905_rwby/sp/main_bgi2.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 555%;
  }
  #rwby170905 .btn{
    top: 51.5%;
  }
  #rwby170905 .btn img{
    width: 90.35%;
  }
  #rwby170905 .bnr{
    top: 91%;
  }
  #rwby170905 .bnr img{
    width: 84.57%;
  }
}

/*-------------------------*/
/*  プライズトレンド23      */
/*-------------------------*/
#prizetrend24 h1{
  width: 100%;
  height: 0;
  background: url(/img/trans/campaign/170907_prizetrend24/pc/ttl_h1.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 48.08%;
}
#prizetrend24 .itemArea h2{
  width: 100%;
  height: 0;
  background: url(/img/trans/campaign/170907_prizetrend24/pc/ttl_h2_item.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 15.42%;
}
#prizetrend24 .itemArea{
  text-align: center;
}
#prizetrend24 .copy{
  text-align: center;
  font-size: 14px;
}
#prizetrend24 .presentArea h2{
  width: 100%;
  height: 0;
  background: url(/img/trans/campaign/170907_prizetrend24/pc/ttl_h2_present.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 15.42%;
}
#prizetrend24 .presentArea ul{
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #prizetrend24 h1{
    background: url(/img/trans/campaign/170907_prizetrend24/sp/ttl_h1.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 64%;
  }
  #prizetrend24 .itemArea h2{
    background: url(/img/trans/campaign/170907_prizetrend24/sp/ttl_h2_item.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 20.13%;
  }

  #prizetrend24 .presentArea h2{
  background: url(/img/trans/campaign/170907_prizetrend24/sp/ttl_h2_present.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 20.31%;
  }
}
/*-------------------------*/
/*  ねむねこ170921         */
/*-------------------------*/
#nemuneko_tw .bdr3{
  border-color: #d96b7d !important;
  color: #d96b7d;
}
.twCampaign h1{
  width: 760px;
  margin: 0 auto;
}
.twCampaign .bdr3{
  font-size: 24px;
  padding: 7px 0;
  margin: 36px auto 0;
  width: 664px;
}
.twCampaign .detailInner{
  width: 684px;
  margin: 50px auto 0;
}
.twCampaign .detailInner dl{
  margin-top: 32px;
}
.twCampaign .detailInner dt{
  color: #ae1e26;
  font-size: 20px;
}
.twCampaign .detailInner dd{
  font-size: 14px;
  margin-top: 14px;
}
.twCampaign .detailInner dd .img{
  margin-top: 14px;
}
.twCampaign .detailInner dd .cap{
  font-size: 12px;
}

.twCampaign .btnArea{
  width: 384px;
  margin: 64px auto 0;
}
.twCampaign .coution{
  font-size: 14px;
  line-height: 19px;
  margin: 44px auto;
}
@media only screen and (max-width: 768px) {
  #nemuneko_tw .bdr3{
    border-color: #d96b7d !important;
    color: #d96b7d;
  }
  .twCampaign h1{
    width: 100%;
    max-width: 622px;
    margin: 0 auto;
  }
  .twCampaign .bdr3{
    font-size: 13px;
    padding: 4px 0;
    margin: 16px auto 0;
    width: 100%;
  }
  .twCampaign .detailInner{
    width: 100%;
    margin: 29px auto 0;
  }
  .twCampaign .detailInner dl{
    margin-top: 22px;
  }
  .twCampaign .detailInner dt{
    font-size: 14px;
  }
  .twCampaign .detailInner dd{
    font-size: 12px;
    margin-top: 0px;
  }
  .twCampaign .detailInner dd .cap{
    font-size: 10px;
  }
  .twCampaign .btnArea{
    width: 87.46%;
    margin: 24px auto 0;
  }
  .twCampaign .coution{
    font-size: 10px;
    line-height: 1.5;
    margin: 24px auto;
  }
}
/*-------------------------*/
/*    prizetrend25         */
/*-------------------------*/
#prizetrend25 h1{
  background: url(/img/trans/campaign/170927_prizetrend25/pc/ttl_main.jpg);
  padding-top: 49.91%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend25 .mainImg{
  background: url(/img/trans/campaign/170927_prizetrend25/img_main.jpg);
  padding-top: 900.33%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend25 h2{
  height: auto;
}
#prizetrend25 .copy {
  text-align: center;
  font-size: 14px;
}
.wbba{
  word-break: break-all
}

@media only screen and (max-width: 768px) {
  #prizetrend25 h1{
    background: url(/img/trans/campaign/170927_prizetrend25/sp/ttl_main.jpg);
    padding-top: 61.88%;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

/*-------------------------*/
/*  ヨッシースタンプ11月マストCP    */
/*-------------------------*/

#yosi171017 .wrapper{
  background: url(/img/trans/campaign/171017_yosi/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 202.39%;
}
#yosi171017 .btn{
  position: absolute;
  top: 50%;
  left: 20%;
  width: 59%;
}
#yosi171017 .coutionA{
  margin: 0 auto;
}

#yosi171017 .coutionA h2{
    width: 44.15%;
    margin: 0 auto;
  }

#yosi171017 .bnr{
  position: absolute;
  top: 87.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}
#yosi171017 .bnr img{
  width: 66%;
}

@media only screen and (max-width: 768px) {
  #yosi171017 .wrapper{
    background: url(/img/trans/campaign/171017_yosi/sp/main_bgi.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 422.35%;
  }
  #yosi171017 .btn{
    position: absolute;
    top: 39%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yosi171017 .btn img{
    width: 93%;
  }
  #yosi171017 .bnr{
    position: absolute;
    top: 89%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yosi171017 .bnr img{
    width: 87.5%;
  }
}


/*-------------------------*/
/*  おそ松マストバイCPページ     */
/*-------------------------*/

#osomatsu171019 .wrapper{
  background: url(/img/trans/campaign/171019_osomatsu/pc/main_bgi.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 230.60%;
}
#osomatsu171019 .btn{
  position: absolute;
  top: 59.7%;
  left: 20%;
  width: 60%;
}
#osomatsu171019 .bnr{
  position: absolute;
  top: 92.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}
#osomatsu171019 .bnr img{
  width: 67%;
}

@media only screen and (max-width: 768px) {
  #osomatsu171019 .wrapper{
    background: url(/img/trans/campaign/171019_osomatsu/sp/main_bgi.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 455.31%;
  }
  #osomatsu171019 .btn{
    position: absolute;
    top: 44.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #osomatsu171019 .btn img{
    width: 94%;
  }
  #osomatsu171019 .bnr{
    position: absolute;
    top: 92.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #osomatsu171019 .bnr img{
    width: 87.5%;
  }
}

/*-------------------------*/
/*    prizetrend26         */
/*-------------------------*/
#prizetrend26 h1{
  background: url(/img/trans/campaign/171023_prizetrend26/pc/ttl_main.jpg);
  padding-top: 33.17%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend26 .mainImg{
  background: url(/img/trans/campaign/171023_prizetrend26/img_main.jpg);
  padding-top: 925.93%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend26 h2{
  height: auto;
}
#prizetrend26 .copy {
  text-align: center;
  font-size: 14px;
}
.wbba{
  word-break: break-all
}

@media only screen and (max-width: 768px) {
  #prizetrend26 h1{
    background: url(/img/trans/campaign/171023_prizetrend26/sp/ttl_main.jpg);
    padding-top: 42.81%;
    -webkit-background-size: cover;
    background-size: cover;
  }
}


/*-------------------------*/
/*    prizetrend27         */
/*-------------------------*/
#prizetrend27 h1{
  background: url(/img/trans/campaign/171128_prizetrend27/pc/ttl_main.jpg);
  padding-top: 33.17%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend27 .mainImg{
  background: url(/img/trans/campaign/171128_prizetrend27/img_main.jpg);
  padding-top: 925.93%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend27 h2{
  height: auto;
}
#prizetrend27 .copy {
  text-align: center;
  font-size: 14px;
}
.wbba{
  word-break: break-all
}

@media only screen and (max-width: 768px) {
  #prizetrend27 h1{
    background: url(/img/trans/campaign/171128_prizetrend27/sp/ttl_main.jpg);
    padding-top: 42.81%;
    -webkit-background-size: cover;
    background-size: cover;
  }
}


/*-------------------------*/
/*  ボールルームへようこそCPページ  */
/*-------------------------*/
#ballroom171114 .wrapper{
  background: url(/img/trans/campaign/171114_ballroom/pc/main_bgi.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 195.85%;
  margin-bottom: 20px;
}
#ballroom171114 .btn{
  position: absolute;
  top: 47.7%;
  left: 19%;
  width: 63%;
}
#ballroom171114 .bnr{
  position: absolute;
  top: 87.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}
#ballroom171114 .bnr img{
  width: 67%;
}

@media only screen and (max-width: 768px) {
  #ballroom171114 .wrapper{
    background: url(/img/trans/campaign/171114_ballroom/sp/main_bgi.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 491.16%;
    margin-bottom: 30px;
  }
  #ballroom171114 .btn{
    position: absolute;
    top: 44%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #ballroom171114 .btn img{
    width: 94%;
  }
  #ballroom171114 .bnr{
    position: absolute;
    top: 91.2%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #ballroom171114 .bnr img{
    width: 87.5%;
  }
}


/*-------------------------*/
/*  あんスタ！マストバイCPページ */
/*-------------------------*/
#ansta171130 .wrapper{
  background: url(/img/trans/campaign/171130_ansta/pc/main_bgi.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 231.54%;
  margin-bottom: 20px;
}
#ansta171130 .btn{
  position: absolute;
  top: 49.2%;
  left: 25%;
  width: 50%;
}
#ansta171130 .bnr{
  position: absolute;
  top: 85.5%;
  left: 0%;
  width: 98.5%;
  text-align: center;
}
#ansta171130 .bnr img{
  width: 67%;
}

@media only screen and (max-width: 768px) {
  #ansta171130 .wrapper{
    background: url(/img/trans/campaign/171130_ansta/sp/main_bgi.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 474.92%;
    margin-bottom: 30px;
  }
  #ansta171130 .btn{
    position: absolute;
    top: 48.2%;
    left: 9.5%;
    width: 84%;
    text-align: center;
  }
  #ansta171130 .btn img{
    width: 94%;
  }
  #ansta171130 .bnr{
    position: absolute;
    top: 87.6%;
    left: 3.4%;
    width: 91%;
    text-align: center;
  }
  #ansta171130 .bnr img{
    width: 87.5%;
  }
}

/*-------------------------*/
/*    prizetrend28         */
/*-------------------------*/
#prizetrend28 h1{
  background: url(/img/trans/campaign/171225_prizetrend28/pc/ttl_main.jpg);
  padding-top: 24.25%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend28 .mainImg{
  background: url(/img/trans/campaign/171225_prizetrend28/img_main.jpg);
  padding-top: 1080.40%;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
#prizetrend28 .tenpojohoBtn,
#prizetrend28 .tenpojohoBtn2{
  position: absolute;
  text-align: center;
  width: 100%;
}
#prizetrend28 .tenpojohoBtn {
  top: 44.9%;
}
#prizetrend28 .tenpojohoBtn2 {
  top: 77.5%;
}

@media only screen and (max-width: 768px) {
  #prizetrend28 h1{
    background: url(/img/trans/campaign/171225_prizetrend28/sp/ttl_main.jpg);
    padding-top: 33.28%;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #prizetrend28 .tenpojohoBtn img {
    width: 70%;
  }
  #prizetrend28 .tenpojohoBtn2 img {
    width: 70%;
  }
}


/*-------------------------*/
/* ヨッシーマストバイキャンペーン 1802月*/
/*-------------------------*/

#yosi180130 .wrapper{
  background: url(/img/trans/campaign/180130_yosi/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 250%;
}

#yosi180130 .btn{
  max-width:450px;
  position: absolute;
  top: 51.5%;
  left: 25%;
}

#yosi180130 .pricp{
  margin: 0 auto;
}


#yosi180130 .pricp h3{
  position: absolute;
  top: 82%;
  left: 7%;
}

#yosi180130 .pricp h3 img{
  width: 96%
}

#yosi180130 .bnr{
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  text-align: center;
}
#yosi180130 .bnr img{
  width: 85%;
}


@media only screen and (max-width: 768px) {
  #yosi180130 .wrapper{
    background: url(/img/trans/campaign/180130_yosi/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 469.96%;
  }

  #yosi180130 .btn{
    position: absolute;
    top: 46%;
    left: 0%
    /*width: 100%;
    text-align: center;*/
  }
  #yosi180130 .btn img{
    width: 100%;
  }

#yosi180130 .pricp{
  margin: 0 auto;
}


#yosi180130 .pricp h3{
  position: absolute;
  top: 83%;
  left: 5%;
}

#yosi180130 .pricp h3 img{
  width: 96%
}

  #yosi180130 .bnr{
    position: absolute;
    top: 90.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yosi180130 .bnr img{
    width: 90%;
  }
}

/*-------------------------*/
/*    prizetrend29         */
/*-------------------------*/
#prizetrend29 h1{
  background: url(/img/trans/campaign/180214_prizetrend29/pc/ttl_main.jpg) center top no-repeat;
  padding-top: 24.19%;
  -webkit-background-size: cover;
  background-size: cover;
}
#prizetrend29 .last{
  background: url(/img/trans/campaign/180214_prizetrend29/info.jpg) center top no-repeat;
  padding-top: 24.49%;
  -webkit-background-size: cover;
  background-size: cover;
  height: 0;
}
#prizetrend29 .mainImg {
  background: url(/img/trans/campaign/180214_prizetrend29/img_main.jpg)center top no-repeat;
  padding-top: 1650.863930885529%;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
#prizetrend29 .btn1,
#prizetrend29 .btn2{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 86%;
}
#prizetrend29 .btn2{
  top: 97%;
}
#prizetrend29 .btn1 a,
#prizetrend29 .btn2 a{
  width: 73.725%;
  display: block;
  margin: 0 auto;
}
#prizetrend29 .btn1 img,
#prizetrend29 .btn1 img{
  width: 100%;
}
#prizetrend29 h2{height: auto;}

@media only screen and (max-width: 768px) {
  #prizetrend29 h1{
    background: url(/img/trans/campaign/180214_prizetrend29/sp/ttl_main.jpg);
    padding-top: 33.28%;
    -webkit-background-size: cover;
    background-size: cover;
  }

}

/*-------------------------*/
/*  おそ松松犬といっしょCPページ   */
/*-------------------------*/

#osomatsu180221 .wrapper{
  background: url(/img/trans/campaign/180221_osomatsu/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 230.60%;
}
#osomatsu180221 .btn{
  position: absolute;
  top: 59.7%;
  left: 20%;
  width: 60%;
}
#osomatsu180221 .bnr{
  position: absolute;
  top: 92.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}
#osomatsu180221 .bnr img{
  width: 67%;
}

@media only screen and (max-width: 768px) {
  #osomatsu180221 .wrapper{
    background: url(/img/trans/campaign/180221_osomatsu/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 455.31%;
  }
  #osomatsu180221 .btn{
    position: absolute;
    top: 44.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #osomatsu180221 .btn img{
    width: 94%;
  }
  #osomatsu180221 .bnr{
    position: absolute;
    top: 92.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #osomatsu180221 .bnr img{
    width: 87.5%;
  }
}

/*-------------------------*/
/* コウペンちゃんマストバイキャンペーン 1804月*/
/*-------------------------*/

#koupen180319 .wrapper{
  background: url(/img/trans/campaign/180319_koupen/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 230.2904%;
}

#koupen180319 .btn{
  position: absolute;
  top: 51.25%;
  left: 25%;
  width: 60%;
}

#koupen180319 .bnr{
  position: absolute;
  top: 88%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#koupen180319 .bnr img{
  width: 67%;
}


@media only screen and (max-width: 768px) {
  #koupen180319 .wrapper{
    background: url(/img/trans/campaign/180319_koupen/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 434.0836%;
  }

  #koupen180319 .btn{
    position: absolute;
    top: 43%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #koupen180319 .btn img{
    width: 95%;
  }

  #koupen180319 .bnr{
    position: absolute;
    top: 90%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #koupen180319 .bnr img{
    width: 85%;
  }
}

/*-------------------------*/
/* いーすとけんマストバイキャンペーン 1805月*/
/*-------------------------*/

#yeastken1804 .wrapper{
  background: url(/img/trans/campaign/180413_yeastken/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 256.2240%;
}

#yeastken1804 .btn{
  position: absolute;
  top: 55%;
  left: 20%;
  width: 60%;
}

#yeastken1804 .btn_wget{
  position: absolute;
  top: 60%;
  left: 20%;
  width: 62%;
}

#yeastken1804 .bnr{
  position: absolute;
  top: 84.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#yeastken1804 .bnr img{
  width: 67%;
}


@media only screen and (max-width: 768px) {
  #yeastken1804 .wrapper{
    background: url(/img/trans/campaign/180413_yeastken/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 509.1772%;
  }

  #yeastken1804 .btn{
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #yeastken1804 .btn_wget{
    position: absolute;
    top: 53.5%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #yeastken1804 .btn img{
    width: 95%;
  }

  #yeastken1804 .btn_wget img{
    width: 95%;
  }

  #yeastken1804 .bnr{
    position: absolute;
    top: 88.50%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #yeastken1804 .bnr img{
    width: 85%;
  }
}

/*-------------------------------*/
/* 未来のミライ Twitterキャンペーン*/
/*-------------------------------*/

#mirai_180515{
  border: none !important;
  margin-top: 0 !important;
  padding: 24px !important;
  font-size: 14px;
  color: #4d4d4d;

}

#mirai_180515 h2{
  max-width: 100% !important;
}
#mirai_180515 .enforcement{
  background: #ff6371;
  color: #fff;
  font-size: 28px;
  line-height: 60px;
  text-align: center;
  margin: 8px auto 0;
  font-weight: bold;
}
#mirai_180515 .btnAreas{
  margin: 8px auto 0;
}
#mirai_180515 .btnAreas li{
  float: left;
  width: 33%;
}
#mirai_180515 .btnAreas li:nth-of-type(2){
  margin: 0 0.5%;
}

#mirai_180515 .btnAreas li:before{
  content:'';
  height:100%;
  display:inline-block;
  vertical-align:middle;
}

#mirai_180515 .btnAreas a{
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  background: #0096e0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#mirai_180515 .btnAreasb{
  margin: 8px auto 0;
}
#mirai_180515 .btnAreasb li{
  float: left;
  width: 33%;
}
#mirai_180515 .btnAreasb li:nth-of-type(2){
  margin: 0 0.5%;
}

#mirai_180515 .btnAreasb li:before{
  content:'';
  height:100%;
  display:inline-block;
  vertical-align:middle;
}

#mirai_180515 .btnAreasb a{
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 60px;
  background: #0096e0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#mirai_180515 .mribtn{
  display: block;
  text-align: center;
  background:#0096E0;
  color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-size:20px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}

#mirai_180515 .mribtn:hover{
  background:#fff;
  color:#0096E0;
}

#mirai_180515 .mribtn:before,.mribtn:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #0096E0;
  transition:400ms ease all;
}

#mirai_180515 .mribtn:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}

#mirai_180515 .mribtn:hover:before,.mribtn:hover:after{
  width:100%;
  transition:800ms ease all;
}

#mirai_180515 .tac{
  margin-top: 30px;
  font-size: 14px;
  text-align:center;
}

#mirai_180515 .demo {
  display:block;
  position: relative;
  text-align:center;
  margin: 0 auto;
  font-size: 24px;
  font-weight:bold;
  color:#ff6371;
  z-index: 1;
}

#mirai_180515 .heading {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0;
}

#mirai_180515 .demo4 .heading {
  padding: 10px 5px;
  border: solid 3px #ff6371;
  position: relative;
  width: 440px;
  height: 53px;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}

#mirai_180515 .demo4 .heading:after,
#mirai_180515 .demo4 .heading:before {
  content: '';
  position: absolute;
  bottom: -10px;
  background: #ff6371;
  border: solid 2px #ff6371;
  width: 25px;
  height: 20px;
  z-index: -1;
}

#mirai_180515 .demo4 .heading:after {
   left: 2px;
   transform: rotate(120deg);
}

#mirai_180515 .demo4 .heading:before {
  right: 2px;
  transform: rotate(60deg);
}

#mirai_180515 .heading a{
  display: block;
  box-sizing: border-box;
  position: relative;
  color: #ff6371;
  font-size:18px;
  font-weight:bold;
  text-decoration: none;
}


#mirai_180515 .demo1 {
  width: 340px;
  height: 43px;
  margin: 0 auto;
  font-size: 24px;
  font-weight:bold;
  color:#0096E0;
  z-index: 1;
  position: relative;
  box-sizing: border-box;
}

#mirai_180515 .heading1 {
  margin: 10px 0
}

#mirai_180515 .demo5 .heading1 {
  padding: 5px 5px;
  border: solid 3px #0096E0;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}

#mirai_180515 .demo5 .heading1:after,
#mirai_180515 .demo5 .heading1:before {
  content: '';
  position: absolute;
  bottom: -9px;
  background: #0096E0;
  border: solid 2px #0096E0;
  width: 25px;
  height: 20px;
  z-index: -1;
}

#mirai_180515 .demo5 .heading1:after {
   left: 2px;
   transform: rotate(120deg);
}

#mirai_180515 .demo5 .heading1:before {
  right: 2px;
  transform: rotate(60deg);
}

#mirai_180515 .heading1 a{
  font-size:18px;
  font-weight:bold;
  color: #0096E0;
  text-decoration: none;
}

#mirai_180515 h5 {
  font-size: 18px;
  text-align: center;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}



#mirai_180515 h3{
  border-bottom: solid 7px #dddddd;
  position: relative;
  font-size: 22px;
  color: #0096e0;
  font-weight: bold;
  margin-bottom: 10px;
}

#mirai_180515 h3 span.under{
  display: inline;
  padding: 4px;
  border-bottom: 7px solid #ffff00;
}


#mirai_180515 h4{
  font-size: 20px;
  text-align: center;
  margin: 0 auto 8px;
  border-bottom: 5px solid #0096e0;
  color: #0096e0;
  font-weight: bold;
  width: 160px;
}

#mirai_180515 h5 {
  font-size: 18px;
  text-align: center;
  margin: 0 auto 8px;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}

#mirai_180515 h5 a{
  color: #0096e0;
  text-decoration: none;
}

#mirai_180515 .detailBox{
  margin-top: 32px;
}

#mirai_180515 .detailBox li{
  font-size: 16px !important;
  }

#mirai_180515 .detailBox ul{
  max-width: 760px;
  margin: 12px auto 0;
}
#mirai_180515 .bnrAreas{
  margin-top: 20px;
  text-align: center;
}
#mirai_180515 .bnrAreas a{
  display: block;
  max-width: 592px;
  margin: 0 auto 20px;
}
#mirai_180515 .bnrAreas a img{width: 100%;}

#mirai_180515 .bnrAreas p{
  font-size: 14px;
}

#mirai_180515 .detailBoxInner{
  text-align: center;
  margin-top: 32px;
}

#mirai_180515 .detailBoxInner {
  font-size: 16px;
}


#mirai_180515 .detailBoxInner2{
  text-align: center;
  margin-top: 32px;
}

#mirai_180515 .detailBoxInner2 {
  font-size: 16px;
}

#mirai_180515 .detailBoxInner2 li{
  font-size: 12px !important;
  text-align: left;
}

#mirai_180515 .coution{
  font-size: 14px !important;
}

#mirai_180515 .bnrAreas2{
  text-align: left;
}
#mirai_180515 .bnrAreas2 p,
#mirai_180515 .bnrAreas2 a{
  max-width: 640px;
  margin: 0 auto;
}

#mirai_180515 .bnrAreas2 p{
  margin-bottom: 20px;
}

#mirai_180515 .bnrAreas3{
  text-align:center;
}
}

#mirai_180515 .bnrAreas3 h4{
  margin-top: 32px
}

#mirai_180515 .fwb{
  font-size: 18px !important;
  font-weight:bold;
}

#mirai_180515 .bnr02{
  margin-top: 32px;
}
.spfz12{font-size: 16px !important;}


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

#mirai_180515{
  padding-top: 0 !important;
  margin-bottom: 10 !important;
  font-size: 14px;
}

#mirai_180515{padding: 0 !important;}
#mirai_180515 .enforcement{
  font-size: 20px;
  line-height: 1.2;
  padding: 12px 0;
}

#mirai_180515 .btnAreas li:nth-of-type(2){
  margin: 8px 0;
}

#mirai_180515 .btnAreas li{
  float: none;
  width: 100%;
}

#mirai_180515 .btnAreas a{
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 0;
}

#mirai_180515 .btnAreasb{
  margin: 8px auto 0;
}
#mirai_180515 .btnAreasb li{
  float: none;
  width: 100%;
}


#mirai_180515 .tac{
  margin-top: 20px;
  font-size: 14px;
  text-align:center;
}



#mirai_180515 h3{
  border-bottom: solid 7px #dddddd;
  position: relative;
  font-size: 22px;
  color: #0096e0;
  font-weight: bold;
}

#mirai_180515 h3 span.under{
  display: inline;
  padding: 4px;
  border-bottom: 7px solid #ffff00;
}

#mirai_180515 h4{
  font-size: 20px;
  width: 120px;
}

#mirai_180515 .demo {
  display:block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
  font-weight:bold;
  color:#ff6371;
  z-index: 1;
}

#mirai_180515 .heading {
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 0;
  height: auto;
}

#mirai_180515 .demo4 .heading {
  padding: 10px 5px;
  width: 100%;
  border: solid 3px #ff6371;
  position: relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}

#mirai_180515 .demo4 .heading:after,
#mirai_180515 .demo4 .heading:before {
  content: '';
  position: absolute;
  bottom: -10px;
  background: #ff6371;
  border: solid 2px #ff6371;
  width: 25px;
  height: 20px;
  z-index: -1;
}

#mirai_180515 .demo4 .heading:after {
   left: 2px;
   transform: rotate(120deg);
}

#mirai_180515 .demo4 .heading:before {
  right: 2px;
  transform: rotate(60deg);
}

#mirai_180515 .heading a{
  display: block;
  box-sizing: border-box;
  position: relative;
  color: #ff6371;
  font-size:15px;
  font-weight:bold;
  text-decoration: none;
}


#mirai_180515 .demo1 {
  display: block;
  width: 100%;
  position: relative;
  margin: 0 auto;
  font-size: 18px;
  font-weight:bold;
  color:#0096E0;
  z-index: 1;
  box-sizing: border-box;
}

#mirai_180515 .heading1 {
  margin: 10px 0
}

#mirai_180515 .demo5 .heading1 {
  padding: 10px 0px;
  width: 100%;
  border: solid 3px #0096E0;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}

#mirai_180515 .demo5 .heading1:after,
#mirai_180515 .demo5 .heading1:before {
  content: '';
  position: absolute;
  bottom: -9px;
  background: #0096E0;
  border: solid 2px #0096E0;
  width: 25px;
  height: 20px;
  z-index: -1;
}

#mirai_180515 .demo5 .heading1:after {
   left: 2px;
   transform: rotate(120deg);
}

#mirai_180515 .demo5 .heading1:before {
  right: 2px;
  transform: rotate(60deg);
}

#mirai_180515 .heading1 a{
  font-size:17px;
  font-weight:bold;
  color: #0096E0;
  text-decoration: none;
}

#mirai_180515 h5 {
  font-size: 18px;
  text-align: center;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}

#mirai_180515 .detailBox{
  margin-top: 32px;
  margin-bottom: 20px;
}

#mirai_180515 .detailBox li{
  font-size: 16px !important;
  }

#mirai_180515 .detailBoxInner{
  margin-top: 16px;
  }

#mirai_180515 .detailBox .sptal{
  text-align: left;
  }
  .spfz12{font-size: 16px !important;}

#mirai_180515 .detailBoxInner2{
  text-align: center;
  margin-top: 32px;
}

#mirai_180515 .detailBoxInner2 {
  font-size: 16px;
}

#mirai_180515 .detailBoxInner2 li{
  font-size: 14px !important;
  text-align: left;
}

#mirai_180515 .framebox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#mirai_180515 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
}


/*-------------------------*/
/* ZooZooZoo応援キャンペーン 1807月*/
/*-------------------------*/

#zoo3_1807 .wrapper{
  background: url(/img/trans/campaign/180824_osomatsu/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 256.2240%;
}

#zoo3_1807 .btn{
  position: absolute;
  top: 67.94%;
  left: 20%;
  width: 60%;
}


#zoo3_1807 .bnr{
  position: absolute;
  top: 91%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#zoo3_1807 .bnr img{
  width: 67%;
}


@media only screen and (max-width: 768px) {
  #zoo3_1807 .wrapper{
    background: url(/img/trans/campaign/180824_osomatsu/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 509.1772%;
  }

  #zoo3_1807 .btn{
    position: absolute;
    top: 60.96%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #zoo3_1807 .btn img{
    width: 95%;
  }


  #zoo3_1807 .bnr{
    position: absolute;
    top: 92.30%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #zoo3_1807 .bnr img{
    width: 87%;
  }
}


/*-------------------------------*/
/* 未来のミライ キャンペーン1807*/
/*-------------------------------*/

#mirai_1807 {
  border: none !important;
  margin-top: 0 !important;
  padding: 24px !important;
  font-size: 14px;
  color: #4d4d4d;
}

#mirai_1807 h2{
  max-width: 100% !important;
}


#mirai_1807 #mbcp01{
  margin-top:5%;
}


#mirai_1807 #mbcp02{
  margin-top:5%;
}

#mirai_1807 .acdWrap01{
  background: url(/img/trans/campaign/1807_mirai/mb_main1_pc.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 142.25%;
  margin-top:5%;
}

#mirai_1807 .btn01{
  position: absolute;
  top: 51%;
  left: 20%;
  width: 60%;
}

#mirai_1807 .acdWrap02{
  background: url(/img/trans/campaign/1807_mirai/mb_main2_pc.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 122.50%;
  margin-top:5%;
}

#mirai_1807 .btn02{
  position: absolute;
  top: 69.25%;
  left: 20%;
  width: 60%;
}

#mirai_1807 #btn01,#mirai_1807 #btn02{
  width: 100%;
  text-align: center;
  cursor: pointer;
}

#mirai_1807 .enforcement{
  background: #ff6371;
  color: #fff;
  font-size: 28px;
  line-height: 60px;
  text-align: center;
  margin: 8px auto 0;
  font-weight: bold;
}
#mirai_1807 .btnAreas{
  margin: 8px auto 0;
}

#mirai_1807 .demo1 {
  width: 340px;
  height: 43px;
  margin: 0 auto;
  font-size: 24px;
  font-weight:bold;
  color:#0096E0;
  z-index: 1;
  position: relative;
  box-sizing: border-box;
}

#mirai_1807 .heading1 {
  margin: 10px 0
}

#mirai_1807 .demo5 .heading1 {
  padding: 5px 5px;
  border: solid 3px #0096E0;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: #fff;
}

#mirai_1807 .demo5 .heading1:after,
#mirai_1807 .demo5 .heading1:before {
  content: '';
  position: absolute;
  bottom: -9px;
  background: #0096E0;
  border: solid 2px #0096E0;
  width: 25px;
  height: 20px;
  z-index: -1;
}

#mirai_1807 .demo5 .heading1:after {
   left: 2px;
   transform: rotate(120deg);
}

#mirai_1807 .demo5 .heading1:before {
  right: 2px;
  transform: rotate(60deg);
}

#mirai_1807 .heading1 a{
  font-size:18px;
  font-weight:bold;
  color: #0096E0;
  text-decoration: none;
}

#mirai_1807 h5 {
  font-size: 18px;
  text-align: center;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}


#mirai_1807 h3{
  border-bottom: solid 7px #dddddd;
  position: relative;
  font-size: 22px;
  color: #0096e0;
  font-weight: bold;
  margin-bottom: 10px;
}

#mirai_1807 h3 span.under{
  display: inline;
  padding: 4px;
  border-bottom: 7px solid #ffff00;
}


#mirai_1807 h4{
  font-size: 20px;
  text-align: center;
  margin: 0 auto 8px;
  border-bottom: 5px solid #0096e0;
  color: #0096e0;
  font-weight: bold;
  width: 160px;
}

#mirai_1807 h5 {
  font-size: 18px;
  text-align: center;
  margin: 0 auto 8px;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}

#mirai_1807 h5 a{
  color: #0096e0;
  text-decoration: none;
}

#mirai_1807 .detailBox{
  margin-top: 32px;
}

#mirai_1807 .bnrAreas a{
  display: block;
  max-width: 592px;
  margin: 0 auto 20px;
}
#mirai_1807 .bnrAreas a img{width: 100%;}

#mirai_1807 .bnrAreas p{
  font-size: 14px;
}

#mirai_1807 .detailBoxInner{
  text-align: center;
  margin-top: 32px;
}

#mirai_1807 .detailBoxInner {
  font-size: 16px;
}


#mirai_1807 .detailBoxInner2{
  text-align: center;
  margin-top: 32px;
}

#mirai_1807 .detailBoxInner2 {
  font-size: 16px;
}

#mirai_1807 .detailBoxInner2 li{
  font-size: 12px !important;
  text-align: left;
}

#mirai_1807 .coution{
  font-size: 14px !important;
}

#mirai_1807 .bnrAreas2{
  text-align: left;
}
#mirai_1807 .bnrAreas2 p,
#mirai_1807 .bnrAreas2 a{
  max-width: 640px;
  margin: 0 auto;
}

#mirai_1807 .bnrAreas2 p{
  margin-bottom: 20px;
}

#mirai_1807 .bnrAreas3{
  text-align:center;
}
}

#mirai_1807 .bnrAreas3 h4{
  margin-top: 32px
}

#mirai_1807 .fwb{
  font-size: 18px !important;
  font-weight:bold;
}

#mirai_1807 .bnr02{
  margin-top: 32px;
}
.spfz12{font-size: 16px !important;}


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

#mirai_1807{
  padding-top: 0 !important;
  margin-bottom: 10 !important;
  font-size: 14px;
}

#mirai_1807 #mbcp01{
  margin-top:5%;
}

#mirai_1807 #mbcp02{
  margin-top:5%;
}

#mirai_1807 .acdWrap01{
  background: url(/img/trans/campaign/1807_mirai/mb_main1_sp.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 313.9320%;
  margin-top:5%;
}

#mirai_1807 .btn01{
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%;
}

#mirai_1807 .acdWrap02{
  background: url(/img/trans/campaign/1807_mirai/mb_main2_sp.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 276.9324%;
  margin-top:5%;
}

#mirai_1807 .btn02{
  position: absolute;
  top: 71%;
  left: 0;
  width: 100%;
}


#mirai_1807{padding: 0 !important;}
#mirai_1807 .enforcement{
  font-size: 20px;
  line-height: 1.2;
  padding: 12px 0;
}


#mirai_1807 .tac{
  margin-top: 20px;
  font-size: 14px;
  text-align:center;
}


#mirai_1807 h3{
  border-bottom: solid 7px #dddddd;
  position: relative;
  font-size: 22px;
  color: #0096e0;
  font-weight: bold;
}

#mirai_1807 h3 span.under{
  display: inline;
  padding: 4px;
  border-bottom: 7px solid #ffff00;
}

#mirai_1807 h4{
  font-size: 20px;
  width: 120px;
}


#mirai_1807 h5 {
  font-size: 18px;
  text-align: center;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}

#mirai_1807 .detailBox{
  margin-top: 32px;
  margin-bottom: 20px;
}

#mirai_1807 .detailBox li{
  font-size: 16px !important;
  }

#mirai_1807 .detailBoxInner{
  margin-top: 16px;
  }

#mirai_1807 .detailBox .sptal{
  text-align: left;
  }
  .spfz12{font-size: 16px !important;}

#mirai_1807 .detailBoxInner2{
  text-align: center;
  margin-top: 32px;
}

#mirai_1807 .detailBoxInner2 {
  font-size: 16px;
}

#mirai_1807 .detailBoxInner2 li{
  font-size: 14px !important;
  text-align: left;
}

#mirai_1807 .framebox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#mirai_1807 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
}





/*-------------------------------*/
/* 未来のミライ キャンペーン1807*/
/*-------------------------------*/

#mirai_1807 {
  border: none !important;
  margin-top: 0 !important;
  padding: 24px !important;
  font-size: 14px;
  color: #4d4d4d;
}

#mirai_1807 h2{
  max-width: 100% !important;
}


#mirai_1807 #mbcp01{
  margin-top:5%;
}


#mirai_1807 #mbcp02{
  margin-top:5%;
}

#mirai_1807 .acdWrap01{
  background: url(/img/trans/campaign/1807_mirai/mb_main1_pc.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 142.25%;
  margin-top:5%;
}

#mirai_1807 .btn01{
  position: absolute;
  top: 51%;
  left: 20%;
  width: 60%;
}

#mirai_1807 .acdWrap02{
  background: url(/img/trans/campaign/1807_mirai/mb_main2_pc.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 122.50%;
  margin-top:5%;
}

#mirai_1807 .btn02{
  position: absolute;
  top: 69.25%;
  left: 20%;
  width: 60%;
}

#mirai_1807 #btn01,#mirai_1807 #btn02{
  width: 100%;
  text-align: center;
  cursor: pointer;
}

#mirai_1807 .enforcement{
  background: #ff6371;
  color: #fff;
  font-size: 28px;
  line-height: 60px;
  text-align: center;
  margin: 8px auto 0;
  font-weight: bold;
}
#mirai_1807 .btnAreas{
  margin: 8px auto 0;
}


#mirai_1807 h5 {
  font-size: 18px;
  text-align: center;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}


#mirai_1807 h3{
  border-bottom: solid 7px #dddddd;
  position: relative;
  font-size: 22px;
  color: #0096e0;
  font-weight: bold;
  margin-bottom: 10px;
}

#mirai_1807 h3 span.under{
  display: inline;
  padding: 4px;
  border-bottom: 7px solid #ffff00;
}


#mirai_1807 h4{
  font-size: 20px;
  text-align: center;
  margin: 0 auto 8px;
  border-bottom: 5px solid #0096e0;
  color: #0096e0;
  font-weight: bold;
  width: 160px;
}

#mirai_1807 h5 {
  font-size: 18px;
  text-align: center;
  margin: 0 auto 8px;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}

#mirai_1807 h5 a{
  color: #0096e0;
  text-decoration: none;
}

#mirai_1807 .detailBox{
  margin-top: 32px;
}

#mirai_1807 .bnrAreas a{
  display: block;
  max-width: 592px;
  margin: 0 auto 20px;
}
#mirai_1807 .bnrAreas a img{width: 100%;}

#mirai_1807 .bnrAreas p{
  font-size: 14px;
}

#mirai_1807 .detailBoxInner{
  text-align: center;
  margin-top: 32px;
}

#mirai_1807 .detailBoxInner {
  font-size: 16px;
}


#mirai_1807 .detailBoxInner2{
  text-align: center;
  margin-top: 32px;
}

#mirai_1807 .detailBoxInner2 {
  font-size: 16px;
}

#mirai_1807 .detailBoxInner2 li{
  font-size: 12px !important;
  text-align: left;
}

#mirai_1807 .coution{
  font-size: 14px !important;
}

#mirai_1807 .bnrAreas2{
  text-align: left;
}
#mirai_1807 .bnrAreas2 p,
#mirai_1807 .bnrAreas2 a{
  max-width: 640px;
  margin: 0 auto;
}

#mirai_1807 .bnrAreas2 p{
  margin-bottom: 20px;
}

#mirai_1807 .bnrAreas3{
  text-align:center;
}
}

#mirai_1807 .bnrAreas3 h4{
  margin-top: 32px
}

#mirai_1807 .fwb{
  font-size: 18px !important;
  font-weight:bold;
}

#mirai_1807 .bnr02{
  margin-top: 32px;
}
.spfz12{font-size: 16px !important;}


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

#mirai_1807{
  padding-top: 0 !important;
  margin-bottom: 10 !important;
  font-size: 14px;
}

#mirai_1807 #mbcp01{
  margin-top:5%;
}

#mirai_1807 #mbcp02{
  margin-top:5%;
}

#mirai_1807 .acdWrap01{
  background: url(/img/trans/campaign/1807_mirai/mb_main1_sp.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 313.9320%;
  margin-top:5%;
}

#mirai_1807 .btn01{
  position: absolute;
  top: 47%;
  left: 0;
  width: 100%;
}

#mirai_1807 .acdWrap02{
  background: url(/img/trans/campaign/1807_mirai/mb_main2_sp.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  text-align: center;
  display: none;
  position: relative;
  padding-top: 276.9324%;
  margin-top:5%;
}

#mirai_1807 .btn02{
  position: absolute;
  top: 71%;
  left: 0;
  width: 100%;
}


#mirai_1807{padding: 0 !important;}
#mirai_1807 .enforcement{
  font-size: 20px;
  line-height: 1.2;
  padding: 12px 0;
}


#mirai_1807 .tac{
  margin-top: 20px;
  font-size: 14px;
  text-align:center;
}


#mirai_1807 h3{
  border-bottom: solid 7px #dddddd;
  position: relative;
  font-size: 22px;
  color: #0096e0;
  font-weight: bold;
}

#mirai_1807 h3 span.under{
  display: inline;
  padding: 4px;
  border-bottom: 7px solid #ffff00;
}

#mirai_1807 h4{
  font-size: 20px;
  width: 120px;
}


#mirai_1807 h5 {
  font-size: 18px;
  text-align: center;
  border-bottom: 5px solid #ffff00;
  font-weight: bold;
  width: 160px;
}

#mirai_1807 .detailBox{
  margin-top: 32px;
  margin-bottom: 20px;
}

#mirai_1807 .detailBox li{
  font-size: 16px !important;
  }

#mirai_1807 .detailBoxInner{
  margin-top: 16px;
  }

#mirai_1807 .detailBox .sptal{
  text-align: left;
  }
  .spfz12{font-size: 16px !important;}

#mirai_1807 .detailBoxInner2{
  text-align: center;
  margin-top: 32px;
}

#mirai_1807 .detailBoxInner2 {
  font-size: 16px;
}

#mirai_1807 .detailBoxInner2 li{
  font-size: 14px !important;
  text-align: left;
}

#mirai_1807 .framebox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#mirai_1807 iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
}
/*-------------------------------*/
/* がくっち キャンペーン1807*/
/*-------------------------------*/
#gakucchi_180724{
  background: #0e0808;
  margin-top: 0 !important;
  padding-top: 48px !important;
}
#gakucchi_180724 .wrapper{
  height: 0;
  position: relative;
  padding-top: 217.8423236514523%;
  background: url(/img/trans/campaign/180724_gakucchi/pc/bgi.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#gakucchi_180724 .wrapper .btn,
#gakucchi_180724 .wrapper .bnr{
  width: 100%;
  position: absolute;
  top: 48%;
  left: 0%;
}
#gakucchi_180724 .wrapper .bnr{
  top: 86.5%;
}
#gakucchi_180724 .wrapper .btn a,
#gakucchi_180724 .wrapper .bnr a{
  display: block;
  width: 68.76484560570071%;
  margin: 0 auto;
}
#gakucchi_180724 .wrapper .bnr a{
  width: 66.59751037344398%;
}

#gakucchi_180724 .wrapper .btn a img,
#gakucchi_180724 .wrapper .bnr a img{width: 100%;}

@media only screen and (max-width: 768px) {
  #gakucchi_180724{
    padding-top: 48px !important;
    margin-bottom: 10px !important;
  }
  #gakucchi_180724 .wrapper{
    height: 0;
    position: relative;
    padding-top: 353.6977491961415%;
    background: url(/img/trans/campaign/180724_gakucchi/sp/bgi.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #gakucchi_180724 .wrapper .btn,
  #gakucchi_180724 .wrapper .bnr{
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0%;
  }
  #gakucchi_180724 .wrapper .bnr{
    top: 86.5%;
  }
  #gakucchi_180724 .wrapper .btn a,
  #gakucchi_180724 .wrapper .bnr a{
    display: block;
    width: 68.76484560570071%;
    margin: 0 auto;
  }
  #gakucchi_180724 .wrapper .bnr a{
    width: 87.78135048231511%;
  }

  #gakucchi_180724 .wrapper .btn a img,
  #gakucchi_180724 .wrapper .bnr a img{width: 100%;}
}


/*-------------------------*/
/* AAA え～パンダキャンペーン 1808*/
/*-------------------------*/

#apanda_180727 .wrapper{
  background: url(/img/trans/campaign/180727_aaa/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 228.2224%;
}

#apanda_180727 .btn{
  position: absolute;
  top: 64%;
  left: 20%;
  width: 60%;
}


#apanda_180727 .bnr{
  position: absolute;
  top: 90.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#apanda_180727 .bnr img{
  width: 67%;
}


@media only screen and (max-width: 768px) {
  #apanda_180727 .wrapper{
    background: url(/img/trans/campaign/180727_aaa/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 415.3360%;
  }

  #apanda_180727 .btn{
    position: absolute;
    top: 55%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #apanda_180727 .btn img{
    width: 95%;
  }

  #apanda_180727 .bnr{
    position: absolute;
    top: 90%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #apanda_180727 .bnr img{
    width: 85%;
  }
}


/* KRUNK BIGBANG 2018 */
  #krunk2018 {
    max-width: 964px;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px 0;
  }
  #krunk2018 .wrapper{
    max-width: 842%;
    margin: 0 auto;
    background: #000;
  }

  #krunk2018 .wrapperW{
    max-width: 842%;
    margin: 0 auto;
    background: #003488;
  }

  #krunk2018 .wrapperI{
    width: 100%;
    margin: 0 0 -12px 0;
    background: #b8001a;
  }

  #krunk2018 .heroArea {
    margin: 0 16px 0;
  }

  #krunk2018 .heroArea img{
    width: 100%;
    max-width: 842px;
  }

  #krunk2018 .heroArea .fl{
    width: 96%;
    padding: 2%;
    float: none;
  }

  #krunk2018 .heroArea .fl h3 {
    margin: 8px 24px;
    background: url(/img/trans/event/bigbang180802/pc/about01off.png) no-repeat;
    background-position: 31%;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
  }

  #krunk2018 .heroArea .fl h3 .sub3{
    font-size: 20px;
  }

  #krunk2018 .heroArea .fl h3.open {
    background: url(/img/trans/event/bigbang180802/pc/about01.png) no-repeat;
    background-position: 31%;
  }

  #krunk2018 .heroArea .fl h3.wclo {
    margin: 8px 24px;
    background: url(/img/trans/event/bigbang180802/pc/about02off.png) no-repeat;
    background-position: 31%;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;

  }

  #krunk2018 .heroArea .fl h3.wclo.open {
    background: url(/img/trans/event/bigbang180802/pc/about02.png) no-repeat;
    background-position: 31%;
  }

  #krunk2018 .heroArea .fl h3.iclo {
    margin: 8px 24px;
    background: url(/img/trans/event/bigbang180802/pc/about03off.png) no-repeat;
    background-position: 31%;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;

  }

  #krunk2018 .heroArea .fl h3.iclo.open {
    background: url(/img/trans/event/bigbang180802/pc/about03.png) no-repeat;
    background-position: 31%;
  }

  #krunk2018 .heroArea .fr .text,
  #krunk2018 .heroArea .fl .text{
    padding-top: 8px;
    margin: 12px 24px;
    font-weight: bold;
    color: #fff;
    display:none;
  }

  #krunk2018 .heroArea .fr{
    width: 96%;
    padding: 2%;
    float: none;
  }

  #krunk2018 .heroArea .fr h3 img{
    max-width:135px;
  }
  #krunk2018 .infoArea{
    margin: 0 4% 0px;
  }
  #krunk2018 h3.infoTtl{
    font-family: メイリオ;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 0 28px;
    margin: 0 28px;
  }

  #krunk2018 .infoArea .fl {
    width: 30%;
    padding: 20px 2% 8px;
  }
  #krunk2018 .infoArea .fl:nth-of-type(3n+2) {
    padding: 20px 0 8px;
  }
  #krunk2018 .infoArea .goods01{
    background-color: #545454;
    padding: 2%;
  }

  #krunk2018 .infoArea .goods01 .inner{
    padding: 1%;
    font-size: 12px;
  }
  #krunk2018 .infoArea .goods01 .inner a{
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }

  #krunk2018 .infoArea .goods01 .inner .discription{
    width: 96%;
    margin: 8px 2%;
    border-top: 1px solid #fff;
    padding-top: 4px;
    color: #fff;
  }

  #krunk2018 .infoArea .btn a{
    display: block;
    font-size: 0;
    background: url('/img/trans/event/bigbang180802/button.png') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 0;
    padding-top: 14%;
    max-width: 254px;
    margin: 12px 22px;
  }

  #krunk2018 .infoArea .infotext{
    font-size: 14px;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding-top: 8px;
  }
  #krunk2018 .infoArea .coution{
    color: #fff;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  #krunk2018 .saightWrap{
    width: 96%;
    margin: 0 -14px;
    padding: 20px 0 16px;
  }

  #krunk2018 .saightWrap h4{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    width: 96%;
    margin: 0 2%;
  }

  #krunk2018 .saightWrap p a{
    color: #b4e1ff;
    width: 96%;
    margin: 0 2%;
  }

  #krunk2018 .YGcopy{
    color: #fff;
    padding: 4px 14px;
  }

  #krunk2018 .KBttlArea{
    background: #bebfbf;
    width: 100%;
    margin: -17px 0 20px;
    padding: 20px 0 12px;
  }

  /*#krunk2018 .KBbtn{
    margin: 0 16px;
    padding: 0 48px;
  }*/

  /*#krunk2018 .KBbtn img{
    max-width: 270px;
    text-align: center;
    padding-bottom: 24px;
  }*/

  #krunk2018 .bnr{
    overflow: hidden;
    margin-bottom: 16px;
    width: 85%;
    margin: 0 auto 16px;
  }

  #krunk2018 .KBbtn li{
    width: 33.333333%;
    float: left;
    padding: 0 4px;
    box-sizing: border-box;
  }

  #krunk2018 .KBbtn li a{
    display: block;
  }

  #krunk2018 .KBbtn li img{
    width: 100%;
  }

  #krunk2018 .infoAreaB {
    margin: 8px 16px;
  }


  /* KRUNK BIGBANG 2018 【sp】 */
  @media only screen and (max-width: 768px) {
  #krunk2018 {
    margin-bottom: 10px;
    width: 100%;
  }
  #krunk2018 .heroArea{
    margin: 0 auto;
  }

  #krunk2018 .heroArea .fr .text,
  #krunk2018 .heroArea .fl .text{
    padding-top: 8px;
    margin: 0 auto;
    font-weight: bold;
    color: #fff;
    display:none;
  }

  #krunk2018 .infoArea .goods01 .inner a{
    font-size: 1em;
    font-weight: bold;
  }

  #krunk2018 h3.infoTtl{
    font-family: メイリオ;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0 20px;
  }

  #krunk2018 .saightWrap{
    margin-bottom: 0;
    width: 100%;
    margin: 0 -4px;
    padding: 20px 0 16px;
  }

  #krunk2018 .YGcopy{
    color: #fff;
    font-size: 10px;
    padding: 0 8px;
  }

  #krunk2018 .infoArea .fl {
    width: 46%;
    padding: 20px 2%;
  }
  #krunk2018 .infoArea .fl:nth-of-type(3n+2) {
    padding: 20px 2%;
  }

  #krunk2018 .heroArea .fl,
  #krunk2018 .heroArea .fr {
    float:none;
    width: 96%;
  }

  #krunk2018 .infoArea .btn a{
    width: 100%;
    margin: 4px 12px;
  }

  #krunk2018 .KBttlArea{
    background: #bebfbf;
    margin: -17px 0;
    padding: 14px 10px;
    box-sizing: border-box;
  }

  #krunk2018 .KBbtn{
    width: 100%;
    margin: 8px 0;
  }

  #krunk2018 .KBbtn li{
    padding: 0;
  }

  /*#krunk2018 .KBbtn{
    margin: 0 -58px;
    background: #bebfbf;
  }

  #krunk2018 .KBbtn img{
    width: 33.3333%;
    padding: 8px 0;
    margin: 0 auto;
    float: left;
    padding-bottom: 24px;
    background: #bebfbf;
  }*/

  #krunk2018 .infoArea .infotext{
    font-size: 10px;
    color: #fff;
    width: 100%;
  }

  #krunk2018 .bnr {
    width: 100%;
  }

  #krunk2018 .infoAreaB {
    margin: 8px;
  }

  #krunk2018 .heroArea .fl h3 {
    margin: 4px -4px 0;
    background: url(/img/trans/event/bigbang180802/sp/about01off.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 54%;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
  }

  #krunk2018 .heroArea .fl h3 .sub3{
    font-size: 14px;
  }

  #krunk2018 .heroArea .fl h3.open {
    background: url(/img/trans/event/bigbang180802/sp/about01.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 54%;
  }

  #krunk2018 .heroArea .fl h3.wclo {
    margin: 4px -4px 0;
    background: url(/img/trans/event/bigbang180802/sp/about02off.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 54%;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
  }

  #krunk2018 .heroArea .fl h3.wclo.open {
    background: url(/img/trans/event/bigbang180802/sp/about02.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 54%;
  }

  #krunk2018 .heroArea .fl h3.iclo {
    margin: 4px -4px 0;
    background: url(/img/trans/event/bigbang180802/sp/about03off.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 51%;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
  }

  #krunk2018 .heroArea .fl h3.iclo.open {
    background: url(/img/trans/event/bigbang180802/sp/about03.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 51%;
  }

}



/*-------------------------*/
/* 1809月 おそ松さんまつ犬キャンペーン*/
/*-------------------------*/

#osomatsu1809 .wrapper{
  background: url(/img/trans/campaign/180824_osomatsu/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 211.61826%;
}

#osomatsu1809 .btn{
  position: absolute;
  top: 56.23%;
  left: 20%;
  width: 60%;
}

#osomatsu1809 .bnr{
  position: absolute;
  top: 90%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#osomatsu1809 .bnr img{
  width: 67%;
}


@media only screen and (max-width: 768px) {
  #osomatsu1809 .wrapper{
    background: url(/img/trans/campaign/180824_osomatsu/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 508.03858%;
  }

  #osomatsu1809 .btn{
    position: absolute;
    top: 54.56%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #osomatsu1809 .btn img{
    width: 95%;
  }

  #osomatsu1809 .bnr{
    position: absolute;
    top: 90.484%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #osomatsu1809 .bnr img{
    width: 87%;
  }
}


/* ジェネレーションズ高校TV特設 */
  #generations {
    background: url(/img/trans/event/180919_generations/bgi_repeat.png) 0 0 repeat;
    background-size: 69px auto
    max-width: 964px;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px 0;
  }
  #generations .wrapper{
    max-width: 842px;
    margin: 0 auto;
  }
  #generations .heroArea {
    margin-bottom: 30px;
  }
  #generations .heroArea img{
    width: 100%;
    max-width: 842px;
  }
  #generations .heroArea .fl{
    width: 96%;
    padding: 2%;
    float: none;
  }
  #generations .heroArea .fl h3 img{
    max-width:826px;
  }

  #generations .heroArea .fr .text,
  #generations .heroArea .fl .text{
    padding-top: 16px;
    margin-top: 5px;
    font-weight: bold;
  }

  #generations .heroArea .fr{
    width: 96%;
    padding: 2%;
    float: none;
  }
  #generations .heroArea .fr h3 img{
    max-width:826px;
  }
  #generations .infoArea{
    margin: -16px 1% 10px;
  }
  #generations h3.infoTtl{
  }

  #generations .infoArea .fl {
    width: 31%;
    padding: 4px 1%;
  }

  #generations .infoArea .fl:nth-of-type(3n+2) {
    padding: 4px 1%;
  }

  #generations .infoArea .goods01{
    display:block;
    background: url('/img/trans/event/180919_generations/item.png') 0 0 repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 100%;

  }

  #generations .infoArea .imgArea{
    width: 94%;
    padding: 3%;
  }

  #generations .infoArea .goods01 .inner{
    padding: 4%;
    font-size: 12px;
    /* margin-top: -4%; */
  }

  #generations .infoArea .goods01 .inner a{
    font-size: 18px;
    padding: 4%;
    color: #520202;
  }

  #generations .inner .bd-area{
    display:block;
    border: 4px solid #0083D0;
    max-width: 254px;
  }

  #generations .infoArea .inner .itmbtn a{
    display: block;
    font-size: 0;
    background: url('/img/trans/event/180919_generations/itembtn.png') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    width: 92%;
    padding-top: 10%;
    margin-top: 8px;
    margin-bottom: 4px;
  }

  #generations .infoArea .goods01 .inner .discription{
    width: 94%;
    margin: 0 4%;
    padding-top: 4px;
    font-size: 14px;
    color: #520202;
  }

  #generations .infoArea .text-info{
    font-size: 14px;
    width: 96%;
    margin: 0 auto;
  }

  #generations .infoArea .coution{
    width: 96%;
    margin: 0 auto;
    padding-bottom: 30px;
  }

  #generations .bnr{
    width: 100%;
    text-align: center;
    padding: 12px 0;
  }


  #generations .saightWrap{
    margin: 4% 0;
  }


  #generations .saightWrap p a{
    color: #b4e1ff;
    width: 100%;
  }
  #generations .txt_redfwb{padding: 0% 2%;}
  #generations .txt_redfwb a{
    color: #f00;
    font-size: 20px;
  }

  /* ジェネレーションズ高校TV特設 【sp用】 */
  @media only screen and (max-width: 768px) {
  #generations {
    margin-bottom: 10px;
    background-size: 35px auto;
  }

  #generations .infoArea{
    margin: 0px 1% 0;
  }

  #generations .infoArea .goods01{
    display:block;
    background: url('/img/trans/event/180919_generations/sp/item.png') ;
    -webkit-background-size: contain;
    background-size: contain;
    height: 100%;
  }

  #generations .infoArea .goods01 .inner a{
    font-size: 1em;
    font-weight: bold;
    color: #520202;
    height: 100%;
  }

  #generations .saightWrap{
    margin-bottom: 0;
  }
  #generations .infoArea .fl {
    width: 46%;
    padding: 10px 2%;
  }
  #generations .infoArea .fl:nth-of-type(3n+2) {
    padding: 10px 2%;
  }
  #generations .heroArea .fl,
  #generations .heroArea .fr {
    float:none;
    width: 96%;
  }
  #generations .heroArea{margin-bottom: 0;}

  #generations .infoArea .goods01 .inner .discription{
    /*width: 94%;*/
    margin: -4px 4%;
    /*padding-top: 4px;*/
    font-size: 12px;
    /*color: #520202;*/
  }

  #generations .inner .bd-area{
    /*display:block;*/
    border: 4px solid #0083D0;
    width: 94%;
  }

  #generations .infoArea .inner .itmbtn a{
    font-size: 0;
  }

  #generations .bnr{
    width: 96%;
    text-align: center;
    padding: 4px 2%;
  }

  #generations .infoArea .text-info{
    font-size: 12px;
    width: 96%;
    margin-top: 4px;
  }

  #generations .saightWrap p a img{
    color: #b4e1ff;
    width: 96%;
    margin: 0 2%;
  }
}

/*-------------------------*/
/* AAA え～パンダキャンペーン 1810*/
/*-------------------------*/

#apanda_181004 .wrapper{
  background: url(/img/trans/campaign/181004_aaa/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 228.2224%;
}

#apanda_181004 .btn{
  position: absolute;
  top: 64%;
  left: 20%;
  width: 60%;
}


#apanda_181004 .bnr{
  position: absolute;
  top: 90.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#apanda_181004 .bnr img{
  width: 67%;
}


@media only screen and (max-width: 768px) {
  #apanda_181004 .wrapper{
    background: url(/img/trans/campaign/181004_aaa/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 411.3360%;
  }

  #apanda_181004 .btn{
    position: absolute;
    top: 55%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #apanda_181004 .btn img{
    width: 95%;
  }

  #apanda_181004 .bnr{
    position: absolute;
    top: 90%;
    left: 0%;
    width: 100%;
    text-align: center;
  }

  #apanda_181004 .bnr img{
    width: 85%;
  }
}


/*-------------------------*/
/*  ねむねこCP 1811      */
/*-------------------------*/
#nemuneko_line .bdr3{
  border-color: #554b25 !important;
  color: #554b25;
  background-color: #fff#
}
.twCampaign h1{
  width: 760px;
  margin: 0 auto;
}
.twCampaign .bdr3{
  font-size: 24px;
  padding: 7px 0;
  margin: 36px auto 0;
  width: 664px;
}
.twCampaign .detailInner{
  width: 684px;
  margin: 50px auto 0;
}
.twCampaign .detailInner dl{
  margin-top: 32px;
}
.twCampaign .detailInner dt{
  color: #ae1e26;
  font-size: 20px;
}
.twCampaign .detailInner dd{
  font-size: 14px;
  margin-top: 14px;
}
.twCampaign .detailInner dd .img{
  margin-top: 14px;
}
.twCampaign .detailInner dd .cap{
  font-size: 12px;
}

.twCampaign .btnArea{
  width: 100%;
  /*margin: 64px auto 0;*/
}
.twCampaign .coution{
  font-size: 14px;
  line-height: 19px;
  margin: 44px auto;
}
@media only screen and (max-width: 768px) {
  #nemuneko_line .bdr3{
    border-color: #554b25 !important;
    color: #554b25;
    background-color: #fff;
  }
  .twCampaign h1{
    width: 100%;
    max-width: 622px;
    margin: 0 auto;
  }
  .twCampaign .bdr3{
    font-size: 13px;
    padding: 4px 0;
    margin: 16px auto 0;
    width: 100%;
  }
  .twCampaign .detailInner{
    width: 100%;
    margin: 29px auto 0;
  }
  .twCampaign .detailInner dl{
    margin-top: 22px;
  }
  .twCampaign .detailInner dt{
    font-size: 14px;
  }
  .twCampaign .detailInner dd{
    font-size: 12px;
    margin-top: 0px;
  }
  .twCampaign .detailInner dd .cap{
    font-size: 10px;
  }
  .twCampaign .btnArea{
    width: 100%;
    /*margin: 24px auto 0;*/
  }
  .twCampaign .coution{
    font-size: 10px;
    line-height: 1.5;
    margin: 24px auto;
  }
}


/*-------------------------*/
/* いーすとけん。マストバイキャンペーン 1812月*/
/*-------------------------*/

#yeastken1812 .wrapper{
  background: url(/img/trans/campaign/181206_yeastken/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 220.7468%;
}

#yeastken1812 .btn{
  position: absolute;
  top: 66%;
  text-align: center;
  width: 100%;
}

#yeastken1812 .bnr{
  position: absolute;
  top: 88%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#yeastken1812 .bnr img{
  width: 97.8%;
}


@media only screen and (max-width: 768px) {
  #yeastken1812 .wrapper{
    background: url(/img/trans/campaign/181206_yeastken/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 514.4694%;
  }

  #yeastken1812 .btn{
    position: absolute;
    top: 73%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yeastken1812 .btn img{
    width: 95%;
  }

  #yeastken1812 .bnr{
    position: absolute;
    top: 90%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yeastken1812 .bnr img{
    width: 96%;
  }
}

/*-------------------------*/
/* AAA えーパンダ 181225*/
/*-------------------------*/
#content #aaapanda_181225{
  padding: 0;
  background: url(/img/trans/campaign/181225_aaapanda/pc_stripe.png) 0 0 repeat;
}

#aaapanda_181225 #headArea{
  width: 100%;
  max-width: 870px;
  margin: 0 auto;
  background: #fffaab;
  /* padding-bottom: 32px; */
}
/* #aaapanda_181225 .bnrs{
  margin-top: 40px;
} */
#aaapanda_181225 .bnrs li{
  width: 32%;
  float: left;
  margin-right: 2%;
}
/* #aaapanda_181225 .bnrs li.bnr03{
  margin-right: 0;
} */
#aaapanda_181225 #headArea .txt{
  max-width: 721px;
  margin: 32px auto 0;
}

#aaapanda_181225 #sec01{
  background: url(/img/trans/campaign/181225_aaapanda/bgi_snow.jpg) 0 0 repeat;
  padding-bottom: 56px;
}

#aaapanda_181225 #sec01 h3{
  max-width: 856px;
  margin: 0 auto;
}
#aaapanda_181225 .itemWrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 856px;
  margin: 32px auto 0;
}
#aaapanda_181225 .itemWrap li{
  width: calc((100% - 32px) / 3);
  background: #fff;
  margin-right: 16px;
  padding: 8px 8px 16px;
  box-sizing: border-box;
}
#aaapanda_181225 .itemWrap li:nth-child(3n){
  margin-right: 0;
}
#aaapanda_181225 .itemWrap li.itemLi03{
  margin-right: 0%;
}

#aaapanda_181225 .itemWrap .inner{
  border: 4px solid #915f33;
}
#aaapanda_181225 .itemWrap .textArea{
  padding: 0 4px;
}
#aaapanda_181225 .itemWrap h4{
  padding: 4px 0;
  border-bottom: 2px solid #915f33;
  /*height: 64px;*/
}
#aaapanda_181225 .itemWrap h4 a{
  text-decoration: none;
  color: #000;
  font-size: 18px;
  line-height: 1.5;
}
#aaapanda_181225 .itemWrap h4 a:hover{
  text-decoration: underline;
}
#aaapanda_181225 .itemWrap .detail{
  padding: 4px;
  height: 76px;
}
#aaapanda_181225 .itemWrap .btn{
  max-width: 248px;
  margin: 0 auto 8px;
}
/* #aaapanda_181225 #sec02{
  background: url(/img/trans/campaign/181225_aaapanda/pc_stripe.png) 0 0 repeat;
} */
#aaapanda_181225 #sec02 .wrapper{
  background: #FFECBF;
  max-width: 872px;
  margin: 0 auto;
  padding: 56px 0 48px;
}
#aaapanda_181225 #sec02 h3{
  max-width: 854px;
  margin: 0 auto;
}
#aaapanda_181225 #sec02 .itemWrap li:nth-of-type(n+4){
  margin-top: 32px;
}

#aaapanda_181225 .linkBnr{
  max-width: 856px;
  margin: 40px auto 24px;
}
#aaapanda_181225 .copy{
  text-align: left;
  font-size: 100%;
}


@media only screen and (max-width: 768px) {
  #content #aaapanda_181225{
    background: url(/img/trans/campaign/181225_aaapanda/sp_stripe.png) 0 0 repeat;
  }
  #aaapanda_181225 .wrapper{
    padding: 0 2.5%;
  }
  /* #aaapanda_181225 #headArea{
    padding-bottom: 20px;
  } */
  #aaapanda_181225 #headArea .txt{
    margin-top: 20px;
  }
  /* #aaapanda_181225 .bnrs{
    margin-top: 20px;
  } */
  #aaapanda_181225 #sec01 h3{
    max-width: auto;
    padding: 0 4%;
  }
  #aaapanda_181225 .itemWrap{
    margin-top: 20px;
    padding: 0 4%;
  }
  #aaapanda_181225 .itemWrap li{
    width: 49.5%;
  }
  #aaapanda_181225 .itemWrap li:nth-of-type(odd){
    margin-right: 1%;
  }
  #aaapanda_181225 .itemWrap li:nth-of-type(even){
    margin-right: 0%;
  }
  #aaapanda_181225 .itemWrap li.itemLi03{
    margin-top: 16px;
  }
  #aaapanda_181225 .itemWrap h4 a{
    font-size: 12px;
    line-height: 1.2;
  }

  #aaapanda_181225 .itemWrap .detail{
    font-size: 10px;
    height: 88px;
  }
  #aaapanda_181225 #sec01{
    padding-bottom: 28px;
  }
  #aaapanda_181225 #sec02{
    padding: 0 2.5%;
  }
  #aaapanda_181225 #sec02 .wrapper{
    padding-top: 28px;
    padding-bottom: 20px;
  }



  #aaapanda_181225 #sec02 .itemWrap li:nth-of-type(n+4){
    margin-top: auto;
  }
  #aaapanda_181225 #sec02 .itemWrap li:nth-of-type(n+3){
    margin-top: 20px;
  }

  #aaapanda_181225 .linkBnr{
    padding: 0 4%;
  }
  #aaapanda_181225 .copy{
    padding: 0 4%;
    font-size: 10px;
  }

}

/*え～パンダ第一弾*/
#aaapanda_181225 .copy{
  width: 856px;
  margin: 0 auto;
}

#aaapanda_181225 .bnrs li img{
  width: 100%;
}
#aaapanda_181225 .bnrs li a{
  display: block;
}
#aaapanda_181225 .bnrs li.bnr01 a{
  background: url(/img/trans/campaign/181225_aaapanda/concept1_banner02.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr01.select a{
  background: url(/img/trans/campaign/181225_aaapanda/concept1_banner.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#aaapanda_181225 .bnrs li.bnr02 a{
  background: url(/img/trans/campaign/181225_aaapanda/concept2_banner02.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr02.select a{
  background: url(/img/trans/campaign/181225_aaapanda/concept2_banner.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

#aaapanda_181225 .bnrs li.bnr03 a{
  background: url(/img/trans/campaign/181225_aaapanda/bnr03.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  #aaapanda_181225 .bnrs li.bnr01 a{
    background: url(/img/trans/campaign/181225_aaapanda/concept1_banner_sp02@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr01.select a{
    background: url(/img/trans/campaign/181225_aaapanda/concept1_banner_sp@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #aaapanda_181225 .bnrs li.bnr02 a{
    background: url(/img/trans/campaign/181225_aaapanda/concept2_banner_sp02@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr02.select a{
    background: url(/img/trans/campaign/181225_aaapanda/concept2_banner_sp@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #aaapanda_181225 .bnrs li.bnr03 a{
    background: url(/img/trans/campaign/181225_aaapanda/bnr03_sp.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

}

/*---------------------------*/
/* AAA えーパンダ第二弾 190118*/
/*---------------------------*/
#aaapanda_181225 #headArea .bnr03 a{
  cursor: default;
}
#aaapanda_181225 article.hide{display: none;}
#sec02_apd190118{
  width: 100%;
  background: #FCE8D0;
  padding-bottom: 80px;
}
#sec02_apd190118 .mainImg{
  max-width: 964px;
  margin: 0 auto;
}
#sec02_apd190118 .wrapper{
  max-width: 856px;
  margin: 0 auto;
}
#sec02_apd190118 h2,
#sec02_apd200622 h2{
  box-sizing: border-box;
  margin: 36px auto 0;
  width: 100%;
  text-align: center;
}
#sec02_apd190118 .itemWrap li.item2_03,
#sec02_apd190118 .itemWrap li.item2_06{
  margin-right: 0;
}
#sec02_apd190118 .itemWrap li:nth-of-type(n+4){
  margin-top: 32px;
}
#aaapanda_181225 #sec02_apd190118 .itemWrap .inner{
  border: 4px solid #5F2219;
  height: 100%;
}
#aaapanda_181225 #sec02_apd190118 .itemWrap h4{
  border-bottom: 2px solid #5F2219;
}



@media only screen and (max-width: 768px) {
  #sec02_apd190118{padding-bottom: 40px;}
  #sec02_apd190118 .itemWrap li,
  #sec02_apd190118 .itemWrap li:nth-of-type(n+4),
  #sec02_apd190118 .itemWrap li:nth-of-type(odd){
    margin-right: 0;
    margin-top: 0;
  }
  #sec02_apd190118 .itemWrap li:nth-of-type(odd){
    margin-right: 1%;
  }
  #sec02_apd190118 .itemWrap li:nth-of-type(n+3){
    margin-top: 20px;
  }

  #aaapanda_181225 #sec02 h3,
  #sec02_apd190118 h2{
    padding: 0 2%;
    box-sizing: border-box;
  }
  #aaapanda_181225 #sec02{
    padding: 0 2%;
    box-sizing: border-box;
  }
  #aaapanda_181225 #sec02 .itemWrap{
    padding: 0 2%;
    box-sizing: border-box;
  }
  #aaapanda_181225 .wrapper{
    padding: 0 4%;
  }
  #sec02_apd190118 h2,
  #sec02_apd200622 h2{
    padding: 0 4%;
  }
  #sec02_apd190118 .linkBnr{
    padding: 0 8%;
  }
}


/*-------------------------*/
/*      超特急 190116      */
/*-------------------------*/
#bullettrain_190116{
  padding: 0 !important;
  background: url(/img/trans/campaign/190116_bullettrain/ptr_main.png) 0 0 repeat;
}
#bullettrain_190116 *{box-sizing: border-box !important;}
#bullettrain_190116 img{width: 100%;}
#bullettrain_190116 .kv{
  max-width: 828px;
  margin: 0 auto;
  padding: 40px 32px;
}

#bullettrain_190116 .textArea{
  max-width: 828px;
  padding: 0 32px 40px;
  margin: 0 auto;
}
#bullettrain_190116 .h2Wrap h2{
  font-size: 30px;
  line-height: 1.2;
  font-weight: bold;
  color: #003264;
}
#bullettrain_190116 .h2Wrap h2 span{
  font-size: 20px;
}

#bullettrain_190116 .textArea .picSec01{
  margin-top: 16px;
}
#bullettrain_190116 .textArea .txt{
  margin-top: 24px;
  font-size: 16px;
  line-height: 20px;
}
#sec02_bltt1901 .slideWrap{
  background: url(/img/trans/campaign/190116_bullettrain/back_bear.png) 50% 50% repeat #fff;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 40px 0;
}
#sec02_bltt1901 .slideWrap .inner{
  max-width: 828px;
  padding: 0 96px;
  margin: 0 auto;
}
#sec02_bltt1901 #slider{
  max-width: 670px;
  margin: 16px auto 0;
}

.slick-prev:before, .slick-next:before{
  color: #000;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{
  opacity: 0;
  cursor: default;
}
.slick-prev:before, .slick-next:before{
  font-size: 0;
  display: block;
  opacity: 1;
  background: #000;
  width: 40px;
  height: 40px;
  transition: 0.3s;
}
.slick-prev:before{
  background: url(/img/trans/campaign/190116_bullettrain/arrow_slide_left.png) 50% 50% no-repeat;
  -webkit-background-size: 40px;
  background-size: 40px;
}
.slick-next:before{
  background: url(/img/trans/campaign/190116_bullettrain/arrow_slide_right.png) 50% 50% no-repeat;
  -webkit-background-size: 40px;
  background-size: 40px;
}

.slick-prev, .slick-next{
  width: 40px;
  height: 40px;
  z-index: 200;
}
.slick-next{
  right: -78px;
}
.slick-prev{
  left: -78px;
}

#sec03_bltt1901 .wrapper{
  max-width: 840px;
  margin: 0 auto;
  padding: 40px 0;
}
#sec03_bltt1901 .h2Wrap{
  padding: 0 6px;
}
#sec03_bltt1901 .flexWrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 16px;
}
#sec03_bltt1901 .itemList{
  width: 33.333333%;
  padding:0 6px;
  box-sizing: border-box;
}
#sec03_bltt1901 .itemList:nth-of-type(n+4){
  margin-top: 32px;
}
#sec03_bltt1901 .itemWrap,
#sec03_bltt1901 .itemWrapB{
  width: 100%;
  height: 100%;
  padding: 12px 6px;
  background: #000;
  color: #fff;
}
#sec03_bltt1901 .itemWrapB{
  background: #fff;
  color: #000;
}
#sec03_bltt1901 .itemWrap .icn,
#sec03_bltt1901 .itemWrapB .icn{
  width: 81px;
  margin: 0 0 0 auto;
}
#sec03_bltt1901 .itemMain{
  margin-top: 12px;
}
#sec03_bltt1901 h3 a{
  font-size: 18px;
  line-height: 1.2;
  padding: 16px 0;
  color: #000;
  text-decoration: none;
}

#sec03_bltt1901 .detailTxt{
  font-size: 14px;
  line-height: 18px;
}
#sec03_bltt1901 .btn{margin-top: 12px;}
#sec03_bltt1901 .btn a{
  display: block;
}
#sec03_bltt1901 .btn a.colorful{
  color: #fff;
}

#sec03_bltt1901 .bnrs{
  margin: 40px auto 20px;
}
#sec03_bltt1901 .footTxt,
#sec03_bltt1901 .indent,
#sec03_bltt1901 .copy{
  font-size: 14px;
  line-height: 18px;
}
#sec03_bltt1901 .indent{
  text-indent: -1em;
  padding-left: 1em;
}
#sec03_bltt1901 .copy{
  text-align: left;
  margin-top: 32px;
}
#sec03_bltt1901 .linkNone{
  text-align: center;
  color: #f00;
  margin-top: 40px;
  font-size: 18px;
}

@media only screen and (min-width: 769px) {
  #sec02_bltt1901 #slider .pcHide{
    display: none !important;
  }
}

@media only screen and (max-width: 768px) {
  #bullettrain_190116 .kv{
    max-width: 100%;
    padding: 20px 16px;
  }

  #bullettrain_190116 .textArea{
    max-width: 100%;
    padding: 0 16px 20px;
  }
  #bullettrain_190116 .h2Wrap h2{
    font-size: 16px;
  }
  #bullettrain_190116 .h2Wrap h2 span{
    font-size: 12px;
  }

  #bullettrain_190116 .textArea .picSec01{
    margin-top: 8px;
  }
  #bullettrain_190116 .textArea .txt{
    margin-top: 12px;
    font-size: 10px;
    line-height: 1.5;
  }

  #sec02_bltt1901 .slideWrap{
    background: url(/img/trans/campaign/190116_bullettrain/back_bear.png) 50% 50% repeat #fff;
    -webkit-background-size: 848px 1410px;
    background-size: 848px 1410px;
    padding: 40px 0;
  }
  #sec02_bltt1901 .slideWrap .inner{
    max-width: 828px;
    padding: 0 32px;
    margin: 0 auto;

  }
  #sec02_bltt1901 #slider{
    max-width: 670px;
    margin: 0 auto;
  }
  #sec02_bltt1901 #slider .spHide{
    display: none !important;
  }

  .slick-prev:before, .slick-next:before{
    width: 20px;
    height: 20px;
  }
  .slick-prev:before{
    background: url(/img/trans/campaign/190116_bullettrain/arrow_slide_left.png) 50% 50% no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
  }
  .slick-next:before{
    background: url(/img/trans/campaign/190116_bullettrain/arrow_slide_right.png) 50% 50% no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
  }

  .slick-prev, .slick-next{
    width: 20px;
    height: 20px;
  }
  .slick-next{
    right: -46px;
  }
  .slick-prev{
    left: -46px;
  }

  #sec02_bltt1901 .slideWrap{
    padding: 20px 0;
  }
  #sec02_bltt1901 .slideWrap .inner{
    max-width: 100%;
    padding: 0 12px;
  }
  #sec02_bltt1901 #slider{
    max-width: 176px;
  }

  #sec03_bltt1901 .wrapper{
    max-width: 100%;
    padding: 20px 8px;
  }
  #sec03_bltt1901 .h2Wrap{
    padding: 0 6px;
  }
  #sec03_bltt1901 .flexWrap{
    margin-top: 8px;
  }
  #sec03_bltt1901 .itemList{
    width: 50%;
    padding:0 4px;
  }
  #sec03_bltt1901 .itemList:nth-of-type(n+4){
    margin-top: 0;
  }
  #sec03_bltt1901 .itemList:nth-of-type(n+3){
    margin-top: 16px;
  }
  #sec03_bltt1901 .itemWrap,
  #sec03_bltt1901 .itemWrapB{
    padding: 4px;
  }

  #sec03_bltt1901 .itemWrap .icn,
  #sec03_bltt1901 .itemWrapB .icn{
    width: 71px;
  }
  #sec03_bltt1901 .itemMain{
    margin-top: 4px;
  }
  #sec03_bltt1901 h3 a{
    font-size: 12px;
    line-height: 1.2;
    padding: 6px 0;
  }
  #sec03_bltt1901 .detailTxt{
    font-size: 10px;
    line-height: 1.2;
  }
  #sec03_bltt1901 .btn{margin-top: 6px;}

  #sec03_bltt1901 .bnrs{
    margin: 20px auto 8px;
  }

  #sec03_bltt1901 .footTxt,
  #sec03_bltt1901 .indent,
  #sec03_bltt1901 .copy{
    font-size: 10px;
    line-height: 1.2;
  }
  #sec03_bltt1901 .indent{
    text-indent: -1em;
    padding-left: 1em;
  }
  #sec03_bltt1901 .copy{
    text-align: left;
    margin-top: 32px;
  }
  #sec03_bltt1901 .linkNone{
    font-size: 15px;
    margin-top: 20px;
  }

}

/*bullettrain_190116 190527add*/
#sec03_bltt1901 .bnrs .bnr01{
  margin-bottom: 32px;
}
#sec03_bltt1901 .kuma h3 a{
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #sec03_bltt1901 .bnrs .bnr01{
    margin-bottom: 32px;
  }
}





/*-------------------------*/
/*      ドラえもん 190116      */
/*-------------------------*/
#doraemon_1902{
  font-family: 游ゴシック,Yu Gothic UI;
  padding: 0 !important;
  /*background: url(/img/trans/campaign/190219_doraemon/pc/bg_img.png) 0 0 repeat;*/
  /*background-color:  #CCABCC;*/
}
#doraemon_1902 *{box-sizing: border-box !important;}
/*#doraemon_1902 img{width: 100%;}*/

#doraemon_1902 h1 img{
  /*margin: 2%;*/
}

/* #doraemon_1902 .kv{
  background: url(/img/trans/campaign/190219_doraemon/pc/movie.png) 0 0 no-repeat;
  position: relative;
  width: 100%;
  height: 0;
  margin: 12px auto 0;
  padding: 34.8214% 0 0 0;
  background-size: cover;
} */

/* #doraemon_1902 .cover{
  padding: 32px;
  background-color: #CCABCC;
} */

#doraemon_1902 .Wrap{
  position: absolute;
  top: 72%;
  left: 0;
  width: 100%;
  /*display: block;*/
}

/*#doraemon_1902 .kv img{
  width: 28.57143%;
  margin: 0 auto;
  position: relative;
  left: 26.5%;
  top: 65%;
}*/

/* #doraemon_1902 .Wrap a {
  display:inline-block;
  width: 32.2824%;
  margin-left: 25.5%;
} */

#doraemon_1902 .delimiter{
  text-align: center;
  padding: 2% 0 0;
  background-color: #CCABCC;
}

#doraemon_1902 .wrapper{
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  background-color: #CCABCC;
}


#doraemon_1902 .h2Wrap{
  padding: 0 6px;
  text-align: center;
}

#doraemon_1902 .items{
  overflow: hidden;
}

#doraemon_1902 .items .fl {
  width: 33.3333333%;
  padding: 20px 8px;
  background-color: #CCABCC;
}

#doraemon_1902 .items .goods01 h4{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

#doraemon_1902 .items .goods01{
  background-color: #fff;
  padding: 8px;
  border-radius: 28px;
}

#doraemon_1902 .items .goods01 .imgArea{
  border-radius:28px;
  overflow: hidden;
}


#doraemon_1902 .items .goods01 .inner a{
  /*font-size: 20px;*/
  /*font-weight: bold;*/
  color: #b191b2;
  text-decoration: none;
  text-align: center;
}

#doraemon_1902 .items .goods01 .inner .discription{
  font-size: 14px;
  /*width: 96%;*/
  margin: 4px 2%;
  /*border-top: 1px solid #fff;*/
  padding-top: 4px;
  color: #b191b2;
  text-align: center;
}

#doraemon_1902 .items .btn a{
  display: block;
  font-size: 0;
  background: url(/img/trans/campaign/190219_doraemon/pc/a_btn.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  /*height: 0;*/
  padding-top: 14%;
  /*width: 100%;*/
  margin: 8px 4px;
}

#doraemon_1902 .bannerArea{
  background-color: #f0d9dd;
  padding: 24px 0 48px;
}

#doraemon_1902 .bannerArea img{
  width: 93%;
  margin: 32px;

}

#doraemon_1902 .textArea{
  font-size: 14px;
  color: #776a58;
  text-align: center;
  line-height: 20px;
  padding: 0 32px 40px;
}

#doraemon_1902 .linkNone{
  text-align: center;
  color: #f00;
  font-size: 18px;
  background-color: #F6D8DD;
}

#doraemon_1902 .textArea .copy{
    text-align: center;
    margin-top: 20px;
  }



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

  #doraemon_1902{
    padding: 0 !important;
    background: url(/img/trans/campaign/190219_doraemon/sp/bg_img.png) 0 0 repeat;
    background-size: contain;
  }

  #doraemon_1902 .kv{
    background: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }

  #doraemon_1902 .kv{
    width: 100%;
    background: url(/img/trans/campaign/190219_doraemon/sp/movie.png) 0 0 no-repeat;
    -webkit-background-size: cover;
        background-size: cover;
    padding-top:122.3684210526316%;
    position: relative;
  }

  #doraemon_1902 .Wrap {
    position: absolute;
    top: 82%;
    left: 0;
    display: block;
  }

  #doraemon_1902 .Wrap a img{
    display:inline-block;
    position: absolute;
    left: 50%;
    width: 60%;
    transform: translateX(-50%);
  }

  #doraemon_1902 .cover{
    padding: 8px;
    background-color: #CCABCC;
  }

  #doraemon_1902 .h2Wrap h2{
    font-size: 16px;
  }
  #doraemon_1902 .h2Wrap h2 span{
    font-size: 12px;
  }

  #doraemon_1902 .wrapper{
    padding: 12px 0;
  }

  #doraemon_1902 .items{
    overflow: hidden;
    background-color: #CCABCC;
  }

  #doraemon_1902 .items .fl {
    width: 50%;
    padding: 8px;
  }

  #doraemon_1902 .items .goods01 h4{
    font-size: 16px;
  }

  #doraemon_1902 .items .goods01{
    border-radius: 20px;
  }

  #doraemon_1902 .items .goods01 .imgArea{
    border-radius:20px;
    overflow: hidden;
  }


  #doraemon_1902 .items .goods01 .inner a{
    text-decoration: none;
    text-align: center;
  }

  #doraemon_1902 .items .goods01 .inner .discription{
    font-size: 12px;

  }

  #doraemon_1902 .items .btn a{
    display: block;
    font-size: 0;
    background: url(/img/trans/campaign/190219_doraemon/sp/a_btn.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 100%;
    margin: 4px;
  }


  #doraemon_1902 .bannerArea{
    background-color: #f0d9dd;
    padding: 24px 0 48px;
  }

  #doraemon_1902 .bannerArea img{
    width: 90%;
    margin: 0 4%;

  }

  #doraemon_1902 .textArea{
    font-size: 12px;
    padding: 32px 16px;
    text-align: left;

  }
  #doraemon_1902 .linkNone{
    font-size: 14px;
    padding: 12px;
  }

}
#doraemon_1902 .movieBnrArea{
  background: #CBAACA;
}
#doraemon_1902 .movieBnrArea .wrapper{
  max-width: 896px;
  margin: 0 auto;
  background: #b191b2;
  padding: 8px;
  border-radius: 32px;
}

#doraemon_1902 .movieBnrArea .inner{
  background: #f0d9dd;
  border-radius: 32px;
  /*padding: 8px;*/
  overflow: hidden;
}
#doraemon_1902 .movieBnrArea .spTop_pcLeft{
  float: left;
  width: 57%;
  display: flex;
}
#doraemon_1902 .movieBnrArea .spTop_pcLeft .leftBox{
  padding: 8px;
  width: 51%;
}
#doraemon_1902 .movieBnrArea .rightBox{
  padding: 8px;
  width: 49%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#doraemon_1902 .movieBnrArea .txt{
  text-align: center;
  color: #0054a1;
}
#doraemon_1902 .movieBnrArea  .onAirDay{
  font-weight: bold;
  font-size: 18px;
}
#doraemon_1902 .movieBnrArea  .onAirDay span{
  font-size: 20px;
}
#doraemon_1902 .movieBnrArea  a{
  font-size: 17px;
  display: block;
  font-weight: bold;
}
#doraemon_1902 .movieBnrArea  a:hover{
  text-decoration: underline;
}
#doraemon_1902 .movieBnrArea  .copyTxt{
  font-size: 10px;
  font-weight: bold;
}

#doraemon_1902 .movieBnrArea .spBtm_pcRight{
  float: right;
  width: 43%;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#doraemon_1902 .movieBnrArea .spBtm_pcRight h2{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #0054a1;
  margin: 0 auto 16px;
}
#doraemon_1902 .movieBnrArea .spBtm_pcRight p{
  color: #0054a1;
  font-size: 14px;
  line-height: 1.5;
}

#doraemon_1902 .movieBnrArea .wrapperCP{
  max-width: 672px;
  margin: 0 auto;
  background: #b191b2;
  padding: 8px;
  border-radius: 32px;
}

#doraemon_1902  .cpBnr{
  position: relative;
  float: right;
  display:block;
  align-items: center;
  margin: 0 auto;

}

#doraemon_1902  .cpBnr a{
  width: 98%;
  display:inline-block;
}

@media only screen and (min-width: 769px){
  #doraemon_1902 .pcHide{display: none!important;}
}
@media only screen and (max-width: 768px) {
  #doraemon_1902 .spHide{
    display: none !important;
  }
  #doraemon_1902 .movieBnrArea .spTop_pcLeft{
    float: none;
    width: 100%;
  }
  #doraemon_1902 .movieBnrArea .spBtm_pcRight{
    float: none;
    width: 100%;
  }
  #doraemon_1902 .movieBnrArea .wrapper{
    background: #CBAACA;
  }
  #doraemon_1902 .movieBnrArea .spTop_pcLeft .leftBox{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
  }
  #doraemon_1902 .movieBnrArea .rightBox{
    width: 30%;
  }
  #doraemon_1902 h1 img{
    width: 100%;
  }
  #doraemon_1902  .cpBnr{
    float: none;
    position: inherit;
  }
  #doraemon_1902 .cpBnr a{
    width: 100%;
  }
  .news-detail__body{padding: 0;}
}



/*-------------------------------*/
/* ドリクマキャンペーン1903*/
/*-------------------------------*/

#dorikuma_1903 {
  border: none !important;
  margin-top: 0 !important;
  padding: 24px !important;
  font-size: 16px;
  background-color: #fff;
  font-family: メイリオ;
}

#dorikuma_1903 h1{
  max-width: 100% !important;
}

#dorikuma_1903 .TwitterArea{
  padding: 12px;
}

#dorikuma_1903 .period{
  margin-top: 56px;
  text-align: center;
}

#dorikuma_1903 .detail01{
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 8px #ff6371;
  margin-top: 56px;
  margin-bottom: 8px;
  text-align: left;
}


#dorikuma_1903 .detail02{
  font-size: 22px;
  color: #00ab5c;
  font-weight: bold;
  border-bottom: solid 8px #00ab5c;
  margin: 56px 56px 8px;
  display: inline-block;
  width: 122px;
}

#dorikuma_1903 .detail02 h3{
  font-size: 24px;
  font-weight: bold;
}

#dorikuma_1903 .detail ul{
  width: 93%;
  text-align: left;
  padding: 24px 56px;
}
#dorikuma_1903 .detail li{
  font-size: 20px;
  text-indent: -2em;
}

#dorikuma_1903 .Twbtn p{
  margin-top: 10px;
}

#dorikuma_1903 .detail03{
  font-size: 24px;
  color: #00ab5c;
  font-weight: bold;
  border-bottom: solid 8px #00ab5c;
  margin: 42px;
  margin-bottom: 8px;
  display: inline-block;
  width: 122px;
}

#dorikuma_1903  .detail03 h3{
  font-size: 24px;
  font-weight: bold;
}

#dorikuma_1903 .desc .text{
  font-size: 20px;
  margin-top: 24px;
}

#dorikuma_1903 .desc .text1{
  font-size: 20px;
  margin-top: 24px;
}


#dorikuma_1903 .desc .caution ul{
  width: 100%;
}

#dorikuma_1903 .desc .caution li{
  text-align: left;
  font-size: 16px;
  text-indent: -1em;
}

#dorikuma_1903 .bnrAreas{
  padding-top: 56px;
}

#dorikuma_1903 .bnrAreas p{
  margin-top: 18px;
  padding-left: 83px;
  text-align: left;
  font-size: 18px;
}


#dorikuma_1903 .to-top{
  border-bottom: solid 8px #fff352;
  margin: 42px;
  margin-bottom: 8px;
  display: inline-block;
  width: 122px;
}

#dorikuma_1903 .to-top a{
  font-size: 18px;
  font-weight: bold;
  color: #00ab5c;
  text-decoration: none;
}

/* 201904 え～パンダTwitterCP追加　*/

#dorikuma_1903 .CPdetail{
  padding: 0 48px;
}

#dorikuma_1903  .twdetail {
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 8px #632416;
  margin-top: 56px;
  margin-bottom: 8px;
  text-align: left;
}

#dorikuma_1903 .CPdetail ul{
  width: 93%;
  text-align: left;
  padding: 24px 56px;
}

#dorikuma_1903 .CPdetail li{
  font-size: 20px;
  text-indent: -1.5em;
}


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

#dorikuma_1903 {
  padding: 16px !important;
}

#dorikuma_1903 .TwitterArea{
  padding: 0;
}

#dorikuma_1903 .period{
  margin-top: 16px;
  text-align: center;
}

#dorikuma_1903 .detail01{
  font-size: 22px;
  font-weight: bold;
  margin-top: 16px;
}

#dorikuma_1903 .detail02{
  font-size: 22px;
  margin: 16px 16px 8px;
  display: inline-block;
  width: 122px;
}

#dorikuma_1903 .detail02 h3{
  font-size: 22px;
  font-weight: bold;
}

#dorikuma_1903 .detail ul{
  padding: 8px;
  width: 100%;
}

#dorikuma_1903 .detail li{
  font-size: 16px;
  text-indent: -1em;
}

#dorikuma_1903 .Twbtn p{
  margin-top: 10px;
  font-size: 12px;
}

#dorikuma_1903 .detail03{
  font-size: 22px;
  width: 122px;
}

#dorikuma_1903  .detail03 h3{
  font-size: 22px;
  font-weight: bold;
}

#dorikuma_1903 .desc .text{
  font-size: 16px;
  margin-top: 16px;
  text-align: center;
}
#dorikuma_1903 .desc .text1{
  font-size: 16px;
  margin: 16px 0;
  text-align: left;
}

#dorikuma_1903 .desc p{
  text-align: left;
  font-size: 14px;
  margin: 0;
}

#dorikuma_1903 .desc .caution ul{
  width: 100%;
}

#dorikuma_1903 .desc .caution li{
  font-size: 12px;
  text-indent: -1em;
}

#dorikuma_1903 .bnrAreas{
  padding-top: 56px;
}

#dorikuma_1903 .bnrAreas p{
  margin-top: 18px;
  padding: 0;
  text-align: left;
  font-size: 16px;
}


#dorikuma_1903 .to-top{
  border-bottom: solid 8px #fff352;
  margin: 42px;
  margin-bottom: 8px;
  display: inline-block;
  width: 122px;
}

#dorikuma_1903 .to-top a{
  font-size: 18px;
  color: #00ab5c;
  text-decoration: none;
}

/* 201904 え～パンダTwitterCP追加　*/
#dorikuma_1903 .CPdetail{
  padding: 0 ;
}

#dorikuma_1903 .twdetail{
  font-size: 22px;
  font-weight: bold;
  margin-top: 16px;
}

#dorikuma_1903 .CPdetail ul{
  padding: 8px;
  width: 100%;
}

#dorikuma_1903 .CPdetail li{
  /*text-align: left;*/
  font-size: 16px;
  text-indent: -1em;
}


}



/*今後Twitterキャンペーンは以下CSSが自動で適用されるよう使用してください。*/
#wrap_tweetCP{
  max-width: 805px;
  margin: 56px auto 0;
}
#wrap_tweetCP h2{
  font-size: 28px;
  font-weight: bold;
  color: #000;
  text-align: center;
  background: #c29d4b;
  line-height: 1.5;
  padding: 8px 0;
}
#detail_tweetCP{
  margin-top: 56px;
}
#itemInfo h3,
#detail_tweetCP h3{
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  color: #333;
  border-bottom: 5px #333 solid;
}
#detail_tweetCP dl:nth-of-type(n+2){
  text-align: center;
}
#detail_tweetCP dt{
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
#detail_tweetCP dt p{
  display: inline-block;
  color: #cf0029;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  border-bottom: 4px solid #cf0029;
  min-width: 4em;
}
#detail_tweetCP dl:first-of-type dt{
  margin-top: 56px;
}
#detail_tweetCP dd{
  margin-top: 24px;
}
#detail_tweetCP dd p{
  text-indent: -1em;
  padding-left: 1em;
  font-size: 20px;
  line-height: 1.5;
}
#detail_tweetCP dd p span{
  font-weight: bold;
}
#detail_tweetCP dd p span.small{
  font-weight: normal;
  font-size: 16px;
}
#detail_tweetCP .coution ul{
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}
#detail_tweetCP .coution ul .red{
  color: #ff0000;
}

#itemInfo{
  margin-top: 56px;
}
#itemInfo .bnr{
  margin-top: 56px;
  text-align: center;
}
#itemInfo p{
  color: #000;
  font-size: 18px;
  max-width: 640px;
  margin: 8px auto 0;
}
#goTop_tweetCP{
  width: 122px;
  margin: 42px auto 8px;
  text-align: center;
}
#goTop_tweetCP a{
  font-size: 18px;
  font-weight: bold;
  color: #00ab5c;
  text-decoration: none;
  border-bottom: solid 8px #fff352;
  display: inline-block;
}
#tweetBtn{
  margin-top: 40px;
}
#tweetBtn a{
  color: #fff;
  background: #0096e0;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  text-decoration: none;
  line-height: 1.5;
  padding: 20px 0;
  border-radius: 40px;
}
#tweetBtn a.btnNone{
  cursor: default;
  background: #969b9d;
}
#tweetBtn p{
  padding: 8px 0;
  color: #000;
  font-size: 14px !important;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #itemInfo,#itemInfo .bnr,
  #wrap_tweetCP,
  #detail_tweetCP dl:first-of-type dt,
  #detail_tweetCP{
    margin: 28px auto 0;
  }
  #wrap_tweetCP h2{
    font-size: 0;
    padding: 0;
    background: url(/img/trans/campaign/190517_hipumai/schedule_sp.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 10%;
  }

  #itemInfo h3, #detail_tweetCP h3{font-size: 20px;}
  #detail_tweetCP dt p{font-size: 18px;}
  #detail_tweetCP dd p{font-size: 16px;}
  #detail_tweetCP dd p span.small{font-size: 14px;}
  #itemInfo p{max-width: 544px;}

  #tweetBtn{
    margin-top: 20px;
  }
  #tweetBtn a{
    font-size: 18px;
    line-height: 1.5;
    padding: 6px 0;
  }
  #tweetBtn p{
    text-align: left;
  }


}
/*----------------------------------------*/

/*-- krunkikon_1904 --*/
#krunkikon_1904 #wrap_tweetCP h2{
  color: #fff;
  background: #613127;
}
#krunkikon_1904 #itemInfo h3,
#krunkikon_1904 #detail_tweetCP h3{
  color: #010101;
  border-color: #010101;
}
#krunkikon_1904 #goTop_tweetCP a{
  color: #aa031a;
  border-color: #b0d9ef;
}
@media only screen and (max-width: 768px) {
  #krunkikon_1904 #wrap_tweetCP h2{
    background: url(/img/trans/campaign/190426_ikon/schedule_sp.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 9.83%;
  }
}

#hipumai_1905 #goTop_tweetCP a{
  color: #cf0029;
  border-color: #333333;
}

/*ヒプマイTwitterCP1906*/
#hipumai_1906 #goTop_tweetCP a{
  color: #014099;
  border-color: #333333;
}
#hipumai_1906 #detail_tweetCP dt p{
  color: #014099;
  border-bottom: 4px solid #014099;
}

@media only screen and (max-width: 768px) {
  #hipumai_1906 #wrap_tweetCP h2{
    background: url(/img/trans/campaign/190610_hipumai/schedule_sp.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 10%;
  }
}


/*-------------------------*/
/* こコウペンちゃん おうちがあたるキャンペーン 1905月*/
/*-------------------------*/

#koupen1905 .wrapper{
  background: url(/img/trans/campaign/190520_koupen/pc/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 238.5892%;
}

#koupen1905 .btn{
  position: absolute;
  top: 49%;
  text-align: center;
  width: 100%;
}

#koupen1905 .bnr{
  position: absolute;
  top: 87%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#koupen1905 .bnr img{
  width: 68%;
}


@media only screen and (max-width: 768px) {
  #koupen1905 .wrapper{
    background: url(/img/trans/campaign/190520_koupen/sp/main_bgi.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 482.3151%;
  }

  #koupen1905 .btn{
    position: absolute;
    top: 44%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #koupen1905 .btn img{
    width: 95%;
  }

  #koupen1905 .bnr{
    position: absolute;
    top: 91%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #koupen1905 .bnr img{
    width: 87%;
  }
}


/* ドラえもん マストバイCP 1907月*/

#doraemon1907 .wrapper{
  background: url(/img/trans/campaign/190702_doraemon/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 220.746887%;
}

#doraemon1907 .btn{
  display: block;
  position: absolute;
  top: 62%;
  text-align: center;
  width: 100%;
}

#doraemon1907 .bnr{
  display: block;
  position: absolute;
  top: 86.5%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#doraemon1907 .bnr img{
  width: 68%;
}


@media only screen and (max-width: 768px) {
  #doraemon1907 .wrapper{
    background: url(/img/trans/campaign/190702_doraemon/main_bgi_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 440.514469%;
  }

  #doraemon1907 .btn{
    position: absolute;
    top: 64.5%;
    /*left: 0%;
    width: 100%;
    text-align: center;*/
  }
  #doraemon1907 .btn img{
    width: 95%;
  }

  #doraemon1907 .bnr{
    position: absolute;
    top: 90.5%;
    /*left: 0%;
    width: 100%;
    text-align: center;*/
  }
  #doraemon1907 .bnr img{
    width: 90%;
  }
}



/*#krunk2018*/
#krunk2018 .KBbtn {
  overflow: auto;
  width: 100%;
  text-align: center;
}
#krunk2018 .KBbtn li {
  width: auto;
  float: none;
  padding: 16px 8px;
  box-sizing: border-box;
  display: inline-block;
}
#krunk2018 .KBbtn li img{
  width: auto;
  max-width: 100%;
}
#krunk2018 .KBttlArea{
  margin: -0 0 0;
}
#krunk2018{padding: 0;}
#krunk2018 .wrapper{background: #bebfbf;}
@media only screen and (max-width: 768px){
  #krunk2018 .KBbtn{overflow: hidden;}
  #krunk2018 .KBbtn li{width: 50%;float: left;}
}



/*-------------------------*/
/* aaaパンダ第3弾*/
/*-------------------------*/
#aaapanda_181225 .bnrs li.bnr03 a{
  background-image: url(/img/trans/campaign/181225_aaapanda/concept3_banner_02.png);
}
#aaapanda_181225 .bnrs li.bnr03.select a{
  background-image: url(/img/trans/campaign/181225_aaapanda/concept3_banner.png);
}
#sec03_apd190624{
  background: url(/img/trans/campaign/181225_aaapanda/bgi_03.jpg) 0 0 repeat;
  background-size: 40px 30px;
}
#sec03_apd190624 .mainImg{
  padding: 40px 8px 36px;
  border: 4px solid #fff;
  border-right: none;
  border-left: none;
}
#sec03_apd190624 h2{
  text-align: center;
}
#sec03_apd190624 .itemWrap li{
  width: 33%;
  margin-right: 0;
  background: none;
}
#sec03_apd190624 .itemWrap li .inner{
  background: #fff;
  border:none;
  padding: 8px;
}
#sec03_apd190624 .itemWrap li .borderInner{
  border: 3px solid #004b87;
}
#sec03_apd190624  h4{
  border:none !important;
}
#sec03_apd190624 .item3_01 h4 a{
  font-size: 20px;
}
#sec03_apd190624 .item3_01 h4 a span{
  font-size: 18px;
}
#sec03_apd190624 .itemWrap .detail{
  height: auto !important;
  padding-bottom: 16px;
  border-top: 1px solid #004b87;
}

@media only screen and (max-width: 768px){
  #aaapanda_181225 .bnrs li.bnr03 a{
    background-image: url(/img/trans/campaign/181225_aaapanda/bnr_03_sp_off.png);
  }
  #aaapanda_181225 .bnrs li.bnr03.select a{
    background-image: url(/img/trans/campaign/181225_aaapanda/bnr_03_sp_on.png);
  }
  #aaapanda_181225 .bnrs li.bnr02.select a{
    background-image: url(/img/trans/campaign/181225_aaapanda/bnr_02_sp_on.png);
  }
  #aaapanda_181225 .bnrs li.bnr02 a{
    background-image: url(/img/trans/campaign/181225_aaapanda/bnr_02_sp_off
      .png);
  }
  #sec03_apd190624 .mainImg{
    padding: 20px 8px 36px;
  }
  #sec03_apd190624 .itemWrap li{
    width: 50%;
    margin-right: 0 !important;
  }
  #sec03_apd190624  .itemWrap{
    padding: 0;
  }
  #sec03_apd190624 .item3_01 h4{
    border:none;
  }
  #sec03_apd190624 .item3_01 h4 a{
    font-size: 12px;
  }
  #sec03_apd190624 .item3_01 h4 a span{
    font-size: 12px;
  }
}
/*-------------------------*/
/* ドラえもん190723*/
/*-------------------------*/
#doraemon_190723{
  padding: 0 !important;
}
#doraemon_190723 *{
  box-sizing: border-box !important;
}
#doraemon_190723 #doraKv{
  width: 100%;
  height: 0;
  padding-top: 56.43153526970954%;
  background: url(/img/trans/campaign/190723_doraemon/kv.jpg) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
#doraemon_190723 #doraKv .txtArea{
  position: absolute;
  top: 22.05882352941176%;
  left: 46.6804979253112%;
  width: 41.49377593360996%;
}
#doraemon_190723 #doraKv .txtArea .bnr{
  margin-top: 32px;
}
#doraemon_190723 #dora_items{
  background: #CCABCC;
}
#doraemon_190723 #dora_items .items{overflow: hidden;}
#doraemon_190723 #dora_items .fl{
  width: 33.333333%;
  padding: 20px 8px;
}
#doraemon_190723 #dora_items .goods01{
  background: #fff;
  padding: 8px;
  border-radius: 28px;
}
#doraemon_190723 #dora_items .imgArea{
  border-radius: 28px;
  overflow: hidden;
}
#doraemon_190723 #dora_items h4{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#doraemon_190723 #dora_items a{
  color: #b191b2;
  text-decoration: none;
  text-align: center;
}
#doraemon_190723 #dora_items .inner{
  font-size: 14px;
  margin: 4px 2%;
  padding-top: 4px;
  color: #b191b2;
  text-align: center;
}
#doraemon_190723 .items .btn a {
  display: block;
  font-size: 0;
  background: url(/img/trans/campaign/190219_doraemon/pc/a_btn.png) 0 0 no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  padding-top: 14%;
  margin: 8px 4px;
}
#doraemon_190723 #dora_foot{
  background: #f0d9dd;
  padding: 24px 0 48px;
}
#doraemon_190723 #dora_foot > .footbnr{text-align: center;}
#doraemon_190723 #dora_foot > .footbnr img{
  width: 93%;
  margin: 32px auto;
}
#doraemon_190723 #dora_foot > .textArea{
  font-size: 14px;
  color: #776a58;
  text-align: center;
  line-height: 20px;
  padding: -32px 40px;
}
#doraemon_190723 #dora_foot > .textArea .copy{
  text-align: center;
  margin-top: 20px;
}
@media only screen and (max-width: 768px){
  #doraemon_190723 #spBnrArea{
    background: #CCABCC;
    padding: 0 16px;
  }
  #doraemon_190723 #spBnrArea .bnr{
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  #doraemon_190723 #dora_items .fl{
    padding: 8px;
    width: 50%;
  }
  #doraemon_190723 .items .btn a{
    background: url(/img/trans/campaign/190723_doraemon/a_btn_sp.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  #doraemon_190723 #dora_foot > .footbnr img{
    width: 90%;
    margin: 0 4%;
  }
  #doraemon_190723 #dora_foot > .textArea{
    font-size: 12px;
    padding: 32px 16px;
    text-align: left;
  }
}

/*ヒプマイTwitterCP1906*/
#hipumai_1908 #goTop_tweetCP a{
  color: #ee8100;
  border-color: #333333;
}
#hipumai_1908 #detail_tweetCP dt p{
  color: #ee8100;
  border-bottom: 4px solid #ee8100;
}

@media only screen and (max-width: 768px) {
  #hipumai_1908 #wrap_tweetCP h2{
    background: url(/img/trans/campaign/190827_hipumai/schedule_sp.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 10%;
  }
  .sptal{
    text-align: left;
    text-indent: 0em !important;
    padding-left: 0 !important;
  }
}


/*-------------------------*/
/* aaaパンダ第4弾*/
/*-------------------------*/
/* #aaapanda_181225 .bnrs li.bnr03{margin-right: 2%;}
#aaapanda_181225 .bnrs li.bnr01{margin-right: 0%;} */
#sec02_apd190903{
  background: url(/img/trans/campaign/181225_aaapanda/ver4/bgi_04.png) 0 0 repeat;
  padding-bottom: 16px;
}
#aaapanda_181225 .copy{
  width: 100%;
  max-width: 856px;
}
#sec02_apd190903 .mainImg{
  text-align: center;
  padding-top: 40px;
}
#sec02_apd190903 .mainImg img{
  max-width: 872px;
  width: 100%;
}
#sec02_apd190903 h2{
  max-width: 872px;
  margin: 36px auto 0;
  text-align: center;
}
#sec02_apd190118 .itemWrap4,
#sec02_apd190903 .itemWrap4,
#sec02_apd200622 .itemWrap4{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  max-width: 856px;
  margin: 32px auto 0;
}
#sec02_apd190118 .itemWrap4 li,
#sec02_apd190903 .itemWrap4 li,
#sec02_apd200622 .itemWrap4 li{
  width: 33.333333%;
  margin-right: 0;
  background: none;
  padding: 8px;
  box-sizing: border-box;
}
#sec02_apd190118 .itemWrap4 .inner,
#sec02_apd190903 .itemWrap4 .inner,
#sec02_apd200622 .itemWrap4 .inner{
  background: #fff;
  border: none;
  padding: 8px;
}
#sec02_apd190118 .itemWrap4 .borderInner,
#sec02_apd190903 .itemWrap4 .borderInner{
  border: 3px solid #171c61;
  padding: 4px;
}
#sec02_apd190118 .itemWrap4 h4 a,
#sec02_apd190903 .itemWrap4 h4 a,
#sec02_apd200622 .itemWrap4 h4 a{
  font-size: 18px;
  color: #000;
  text-decoration: none;
}
#sec02_apd190118 .itemWrap4 h4 a span,
#sec02_apd190903 .itemWrap4 h4 a span,
#sec02_apd200622 .itemWrap4 h4 a span{
  font-size: 14px;
}
#sec02_apd190118 .itemWrap4 .btn,
#sec02_apd190903 .itemWrap4 .btn,
#sec02_apd200622 .itemWrap4 .btn
{margin-top: 4px;}

#sec02_apd190118 .itemWrap4 h4.mt24,
#sec02_apd190903 .itemWrap4 h4.mt24,
#sec02_apd200622 .itemWrap4 h4.mt24{margin-top: 24px;}

#sec02_apd190118 .itemWrap4 .detail,
#sec02_apd190903 .itemWrap4 .detail{
  border-top: 2px solid #171c61;
  margin-top: 16px;
  font-size: 14px;
  padding-top: 8px;
}
#aaapanda_181225 .bnrs li.bnr01.select a{
  background: url(/img/trans/campaign/181225_aaapanda/ver4/bnr_04_pc_on.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr01 a{
  background: url(/img/trans/campaign/181225_aaapanda/ver4/bnr_04_pc_off.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li{margin-right: 2%;}
#aaapanda_181225 .bnrs li:last-of-type{margin-right: 0;}

@media only screen and (max-width: 768px) {
  #aaapanda_181225 .bnrs li.bnr01.select a{
    background: url(/img/trans/campaign/181225_aaapanda/ver4/bnr_04_sp_on.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr01 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver4/bnr_04_sp_off@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  #sec02_apd190903 h2{margin: 40px auto 0;}
  #sec02_apd190118 .itemWrap4,
  #sec02_apd190903 .itemWrap4{padding: 0 16px;}
  #sec02_apd190903 .wrapper{padding: 0;}
  #sec02_apd190903 h2{margin: 40px 24px 0;}
  #sec02_apd190118 .itemWrap4 li,
  #sec02_apd190903 .itemWrap4 li,
  #sec02_apd200622 .itemWrap4 li{
    width: 50%;
    padding: 8px;
  }
  #aaapanda_181225 .bnrs li.bnr01.select a{
    background: url(/img/trans/campaign/181225_aaapanda/ver4/bnr_04_sp_on@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr01 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver4/bnr_04_sp_off@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #sec02_apd190903 .mainImg{
    text-align: center;
    padding: 20px 8px 0;
  }

}
/*---------------------------------*/
/*--                             --*/
/*-- ツイッターキャンペーンテンプレ --*/
/*--                             --*/
/*---------------------------------*/

.twitterCampaign .TwitterArea{padding: 12px;}

.twitterCampaign {
  border: none !important;
  margin-top: 0 !important;
  padding: 24px !important;
  font-size: 16px;
  background-color: #fff;
  font-family: メイリオ;
}

.twitterCampaign h1{
  max-width: 100% !important;
}

.twitterCampaign .TwitterArea{
  padding: 12px;
}

.twitterCampaign .period{
  margin-top: 56px;
  text-align: center;
}

.twitterCampaign .detail01{
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 8px #ff6371;
  margin-top: 56px;
  margin-bottom: 8px;
  text-align: left;
}


.twitterCampaign .detail02{
  font-size: 22px;
  color: #00ab5c;
  font-weight: bold;
  border-bottom: solid 8px #00ab5c;
  margin: 56px 56px 8px;
  display: inline-block;
  width: 122px;
}

.twitterCampaign .detail02 h3{
  font-size: 24px;
  font-weight: bold;
}

.twitterCampaign .detail ul{
  width: 93%;
  text-align: left;
  padding: 24px 56px;
}
.twitterCampaign .detail li{
  font-size: 20px;
  text-indent: -2em;
}

.twitterCampaign .Twbtn p{
  margin-top: 10px;
}

.twitterCampaign .detail03{
  font-size: 24px;
  color: #00ab5c;
  font-weight: bold;
  border-bottom: solid 8px #00ab5c;
  margin: 42px;
  margin-bottom: 8px;
  display: inline-block;
  width: 122px;
}

.twitterCampaign  .detail03 h3{
  font-size: 24px;
  font-weight: bold;
}

.twitterCampaign .desc .text{
  font-size: 20px;
  margin-top: 24px;
}

.twitterCampaign .desc .text1{
  font-size: 20px;
  margin-top: 24px;
}


.twitterCampaign .desc .caution ul{
  width: 100%;
}

.twitterCampaign .desc .caution li{
  text-align: left;
  font-size: 16px;
  text-indent: -1em;
}

.twitterCampaign .bnrAreas{
  padding-top: 56px;
}

.twitterCampaign .bnrAreas p{
  margin-top: 18px;
  padding-left: 83px;
  text-align: left;
  font-size: 18px;
}


.twitterCampaign .to-top{
  border-bottom: solid 8px #fff352;
  margin: 42px;
  margin-bottom: 8px;
  display: inline-block;
  width: 122px;
}

.twitterCampaign .to-top a{
  font-size: 18px;
  font-weight: bold;
  color: #00ab5c;
  text-decoration: none;
}
.twitterCampaign .twdetail {
    font-size: 22px;
    font-weight: bold;
    border-bottom: solid 8px #632416;
    margin-top: 56px;
    margin-bottom: 8px;
    text-align: left;
}
.twitterCampaign .CPdetail{
  padding: 0 48px;
}

.twitterCampaign  .twdetail {
  font-size: 22px;
  font-weight: bold;
  border-bottom: solid 8px #632416;
  margin-top: 56px;
  margin-bottom: 8px;
  text-align: left;
}

.twitterCampaign .CPdetail ul{
  width: 93%;
  text-align: left;
  padding: 24px 56px;
}

.twitterCampaign .CPdetail li{
  font-size: 20px;
  text-indent: -1.5em;
}


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

  .twitterCampaign {
    padding: 16px !important;
  }

  .twitterCampaign .TwitterArea{
    padding: 0;
  }

  .twitterCampaign .period{
    margin-top: 16px;
    text-align: center;
  }

  .twitterCampaign .detail01{
    font-size: 22px;
    font-weight: bold;
    margin-top: 16px;
  }

  .twitterCampaign .detail02{
    font-size: 22px;
    margin: 16px 16px 8px;
    display: inline-block;
    width: 122px;
  }

  .twitterCampaign .detail02 h3{
    font-size: 22px;
    font-weight: bold;
  }

  .twitterCampaign .detail ul{
    padding: 8px;
    width: 100%;
  }

  .twitterCampaign .detail li{
    font-size: 16px;
    text-indent: -1em;
  }

  .twitterCampaign .Twbtn p{
    margin-top: 10px;
    font-size: 12px;
  }

  .twitterCampaign .detail03{
    font-size: 22px;
    width: 122px;
  }

  .twitterCampaign  .detail03 h3{
    font-size: 22px;
    font-weight: bold;
  }

  .twitterCampaign .desc .text{
    font-size: 16px;
    margin-top: 16px;
    text-align: center;
  }
  .twitterCampaign .desc .text1{
    font-size: 16px;
    margin: 16px 0;
    text-align: left;
  }

  .twitterCampaign .desc p{
    text-align: left;
    font-size: 14px;
    margin: 0;
  }

  .twitterCampaign .desc .caution ul{
    width: 100%;
  }

  .twitterCampaign .desc .caution li{
    font-size: 12px;
    text-indent: -1em;
  }

  .twitterCampaign .bnrAreas{
    padding-top: 56px;
  }

  .twitterCampaign .bnrAreas p{
    margin-top: 18px;
    padding: 0;
    text-align: left;
    font-size: 16px;
  }


  .twitterCampaign .to-top{
    border-bottom: solid 8px #fff352;
    margin: 42px;
    margin-bottom: 8px;
    display: inline-block;
    width: 122px;
  }

  .twitterCampaign .to-top a{
    font-size: 18px;
    color: #00ab5c;
    text-decoration: none;
  }

  .twitterCampaign .CPdetail{
    padding: 0 ;
  }

  .twitterCampaign .twdetail{
    font-size: 22px;
    font-weight: bold;
    margin-top: 16px;
  }

  .twitterCampaign .CPdetail ul{
    padding: 8px;
    width: 100%;
  }

  .twitterCampaign .CPdetail li{
    /*text-align: left;*/
    font-size: 16px;
    text-indent: -1em;
  }
}
/* 190917 こっぺくん */
#koppe190917 .twdetail{
  color: #951919;
  border-color: #f9c03c;
}
#koppe190917 .detail03,
#koppe190917 .detail02{
  color: #ee8100;
  border-color: #ee8100;
}
#koppe190917 .desc .text span.red{
  color: #ff0000;
  font-size: 16px;
}
/* #koppe190917 .bnrAreas p{padding: 0;} */
#koppe190917 .to-top a{color: #ee8100;}
#koppe190917 .to-top{border-color: #f9c03c;}


/*-- exo 191001 --*/
#exo191001 .twdetail{
  color: #555555;
  border-bottom: 8px solid #000000;
}
#exo191001 .CPdetail ul{padding-bottom: 0;}
#exo191001 .detail02{
  color: #555555;
  border-color: #d22a41;
}
#exo191001 .detail03{
  color: #555555;
  border-color: #d22a41;
}
.twitterCampaign .red{color: #ff0000;}
#exo191001 .to-top{
  border-color: #000;
}
#exo191001 .to-top a{
  color: #555;
}

/*-------------------------*/
/* 遊戯王 マストバイキャンペーン 1910月*/
/*-------------------------*/

#yugioh1910 .wrapper{
  background: url(/img/trans/campaign/191003_yugioh/main_bgi.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 220.7469%;
}

#yugioh1910 .btn{
  position: absolute;
  top: 63%;
  text-align: center;
  width: 100%;
}

#yugioh1910 .bnr{
  position: absolute;
  top: 86%;
  left: 0%;
  width: 100%;
  text-align: center;
}

#yugioh1910 .bnr img{
  width: 68%;
}


@media only screen and (max-width: 768px) {
  #yugioh1910 .wrapper{
    background: url(/img/trans/campaign/191003_yugioh/main_bgi_sp.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 385.8520%;
  }

  #yugioh1910 .btn{
    position: absolute;
    top: 57%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yugioh1910 .btn img{
    width: 95%;
  }

  #yugioh1910 .bnr{
    position: absolute;
    top: 86%;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  #yugioh1910 .bnr img{
    width: 87%;
  }
}


/* KRUNK BLACKPINK 2019 */
  #krunkBP2019 {
    max-width: 964px;
    margin: 0 auto;
    font-size: 14px;
  }
  #krunkBP2019 .wrapper{
    max-width: 100%;
    margin: 0 0 -12px 0;
    background: #eeb2ca;
  }

  #krunkBP2019 .heroArea {
    margin: 0 16px 0;
  }

  #krunkBP2019 .heroArea img{
    width: 100%;
    max-width: 842px;
  }

  #krunkBP2019 .heroArea .fl{
    width: 96%;
    padding: 2%;
    float: none;
  }

  #krunkBP2019 .heroArea .fl h3 {
    margin: 8px 24px;
    background: url(/img/trans/event/blackpink191101/about01.png) no-repeat;
    background-position: 31%;
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
  }

  #krunkBP2019 .heroArea .fl h3 .sub3{
    font-size: 20px;
  }

  #krunkBP2019 .heroArea .fl h3.open {
    background: url(/img/trans/event/blackpink191101/about02.png) no-repeat;
    background-position: 31%;
  }

  #krunkBP2019 .heroArea .fr .text,
  #krunkBP2019 .heroArea .fl .text{
    padding-top: 8px;
    margin: 12px 24px;
    color: #fff;
    display:none;
  }

  #krunkBP2019 .heroArea .fr{
    width: 96%;
    padding: 2%;
    float: none;
  }

  #krunkBP2019 .heroArea .fr h3 img{
    max-width:135px;
  }
  #krunkBP2019 .infoArea{
    margin: 0 4% 0px;
  }
  #krunkBP2019 h3.infoTtl{
    font-family: メイリオ;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 0 28px;
    margin: 0 28px;
  }

  #krunkBP2019 .infoArea .fl {
    width: 30%;
    padding: 14px 2% 8px;
  }
  #krunkBP2019 .infoArea .fl:nth-of-type(3n+2) {
    padding: 14px 0 8px;
  }
  #krunkBP2019 .infoArea .goods01{
    background-color: #545454;
    padding: 3%;
  }

  #krunkBP2019 .infoArea .goods01 .inner{
    padding: 1%;
    font-size: 12px;
  }
  #krunkBP2019 .infoArea .goods01 .inner a{
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-align: center;
  }

  #krunkBP2019 .infoArea .goods01 .inner .discription{
    width: 96%;
    margin: 8px 2%;
    border-top: 1px solid #fff;
    padding-top: 4px;
    color: #fff;
  }

  #krunkBP2019 .infoArea .btn a{
    display: block;
    font-size: 0;
    background: url('/img/trans/event/blackpink191101/button.png') 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    height: 0;
    padding-top: 14%;
    max-width: 254px;
    margin: 12px 22px;
  }

  #krunkBP2019 .infoArea .infotext{
    font-family: メイリオ;
    font-size: 14px;
    color: #000;
    width: 97%;
    margin: 0 auto;
    padding-top: 16px;
  }
  #krunkBP2019 .infoArea .coution{
    color: #fff;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 30px;
  }
  #krunkBP2019 .saightWrap{
    width: 98%;
    margin: 0 -14px;
    padding: 32px 0 16px;
  }

  #krunkBP2019 .saightWrap h4{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    width: 96%;
    margin: 0 2%;
  }

  #krunkBP2019 .saightWrap p a{
    color: #b4e1ff;
    width: 96%;
    margin: 0 2%;
  }

  #krunkBP2019 .YGcopy{
    color: #fff;
    padding: 16px;
  }

  #krunkBP2019 .infoAreaB {
    margin: 8px 16px 80px;
  }

  #krunkBP2019 .infoAreaB .bnr{
    width: 98%;
  }

#krunkBP2019 .KBttlArea{
    background: #bebfbf;
    width: 100%;
    margin: -17px 0 20px;
    padding: 14px 0 10px;
  }

#krunkBP2019 .headArea{
    overflow: hidden;
    margin-bottom: 16px;
    width: 85%;
    margin: 0 auto 16px;
  }

  #krunkBP2019 .KBbtnbp li{
    /*width: 33.333333%;*/
    width: auto;
    float: none;
    padding: 16px 32px 32px;
    box-sizing: border-box;
    display: inline-block;
  }

  /*#krunk2018 .KBbtn li img{
    width: auto;
    max-width: 100%;
  }*/
  #krunkBP2019 .iwrapper{
    max-width: 100%;
    margin:0 0 -12px 0;
    background: #b8001a;
  }

  #krunkBP2019 .heroAreai .fl,
  #krunkBP2019 .descArea .fl {
    width: 87.3444%;
    padding: 2%;
    float: none;
    background: #fff;
    margin: 0 auto 56px;
  }

  #krunkBP2019 .heroAreai .fl h3,
  #krunkBP2019 .descArea .fl h3{
    font-size: 24px;
    font-weight: bold;
    color:#b8001a;
  }

  #krunkBP2019 .descArea {
    margin-top: 56px;
  }

  #krunkBP2019 .heroAreai .fl .line,
  #krunkBP2019 .descArea .fl .line {
    border: solid 1px #000;
    margin: 16px 0;
  }

  #krunkBP2019 .heroAreai .fl .text,
  #krunkBP2019 .descArea .fl .text{
    font-size: 14px;
    line-height:21px;
  }

  #krunkBP2019 .infoArea .goods01 .inner h4{
    font-size: 18px;
    color: #fff;
  }

  /* KRUNK BLACKPINK 2019 【sp】 */
  @media only screen and (max-width: 768px) {
  #krunkBP2019 {
    margin-bottom: 10px;
    width: 100%;
  }

  #krunkBP2019 .heroArea{
    margin: 0 auto;
  }



  #krunkBP2019 .heroArea .fr .text,
  #krunkBP2019 .heroArea .fl .text{
    padding-top: 8px;
    margin: 0 auto;
    color: #fff;
    display:none;
  }

  #krunkBP2019 .KBbtnbp li{
    width: 48%;
    padding: 4px;
  }

  #krunkBP2019 .infoArea .goods01 .inner a{
    font-size: 1em;
    font-weight: bold;
  }

  #krunkBP2019 h3.infoTtl{
    font-family: メイリオ;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    margin: 0 20px;
  }

  #krunkBP2019 .saightWrap{
    margin-bottom: 0;
    width: 100%;
    margin: 0 -4px;
    padding: 20px 0 16px;
  }

  #krunkBP2019 .YGcopy{
    color: #fff;
    font-size: 10px;
    padding: 0 8px;
  }

  #krunkBP2019 .infoArea .fl {
    width: 46%;
    padding: 20px 2%;
  }
  #krunkBP2019 .infoArea .fl:nth-of-type(3n+2) {
    padding: 20px 2%;
  }

  #krunkBP2019 .heroAreai .fl,
  #krunkBP2019 .descArea .fl {
    width: 90%;
    margin: 0 auto 40px;
  }

  #krunkBP2019 .heroArea .fl,
  #krunkBP2019 .heroArea .fr,{
    float:none;
    width: 96%;
  }

  #krunkBP2019 .infoArea .btn a{
    width: 100%;
    margin: 4px 12px;
  }

  #krunkBP2019 .KBttlArea{
    margin: 0 auto;
    overflow: hidden;
  }

  #krunkBP2019 .KBbtn{
    width: 100%;
    margin: 0 auto;
  }

  #krunkBP2019 .KBbtn li{
    padding: 0;
  }

  #krunkBP2019 .infoArea .infotext{
    font-size: 10px;
    color: #fff;
    width: 100%;
  }

  #krunkBP2019 .bnr {
    width: 100%;
  }

  #krunkBP2019 .infoAreaB {
    margin: 8px;
  }

  #krunkBP2019 .heroArea .fl h3 {
    margin: 4px 0;
    background: url(/img/trans/event/blackpink191101/about01.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 54%;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
  }

  #krunkBP2019 .heroArea .fl h3 .sub3{
    font-size: 14px;
  }

  #krunkBP2019 .heroArea .fl h3.open {
    background: url(/img/trans/event/blackpink191101/about02.png) no-repeat;
    -webkit-background-size:19px 19px;
    background-size:19px 19px;
    background-position: 54%;
  }

 #krunkBP2019 .KBbtn li{
    /*width: 33.333333%;*/
    width: 40%;
    float: left;
    margin:16px 14px;
  }

  #krunkBP2019 .heroAreai .fl h3,
  #krunkBP2019 .descArea .fl h3{
    font-size: 16px;
  }

  #krunkBP2019 .descArea {
    margin-top: 40px;
  }

  #krunkBP2019 .heroAreai .fl .line,
  #krunkBP2019 .descArea .fl .line {
    border: solid 1px #000;
    margin: 8px 0;
  }

  #krunkBP2019 .heroAreai .fl .text,
  #krunkBP2019 .descArea .fl .text{
    font-size: 12px;
    line-height:14px;
  }

  #krunkBP2019 .infoArea .goods01 .inner h4{
    font-size: 14px;
  }

}




/*aaaパンダ第5弾*/
#aaapanda_181225 .bnrs li.bnr02 a{
  background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_pc_off.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr02.select a {
    background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_pc_on.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
#sec02_apd190118{
  /* background: url(/img/trans/campaign/181225_aaapanda/ver5/bgi.png); */
  background-size: 60px;
  background: #F9F6E7;
}
#sec02_apd190118 .itemWrap4 .borderInner{
    border: 3px solid #612716;
    padding: 4px;
}
@media only screen and (max-width: 768px){
  #aaapanda_181225 .bnrs li.bnr02 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_sp_off@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr02.select a {
      background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_sp_on@2x.png) 0 0 no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
  }
  #sec02_apd190118{
    /* background: url(/img/trans/campaign/181225_aaapanda/ver5/bgi.png); */
    /* background-size: 30px; */
  }

}
#aaapanda_181225 #headArea,
#content #aaapanda_181225{
  background: #ffecbf;
}


/*鬼滅の刃TwitterCP1912*/
#kimetsu_1912 #wrap_tweetCP h2{
  background:#3c6547;
  color: #fff;
}

#kimetsu_1912 #itemInfo h3,
#kimetsu_1912 #detail_tweetCP h3{
  color: #000;
  border-bottom: 5px #e60012 solid;
}

#kimetsu_1912 #detail_tweetCP dt p{
  color:#3d6648;
  border-bottom:4px solid #3d6648;
}

#kimetsu_1912 #goTop_tweetCP a{
  color: #3d6648;
  border-bottom:solid 8px #333333;
}

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

#kimetsu_1912  #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/191216_kimetsu/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*aaaパンダ第6弾*/
#aaapanda_181225 .bnrs li.bnr03 a{
  background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_pc_off.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr03.select a {
    background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_pc_on.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.sec02_apd200408{
  background: #2f5f4f !important;
}
.sec02_apd200408 .mainImg {
  text-align: center;
  padding-top: 40px;
}
.sec02_apd200408 .mainImg img {
  max-width: 872px;
  width: 100%;
}

@media only screen and (max-width: 768px){
  #aaapanda_181225 .bnrs li.bnr03 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_sp_off.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr03.select a {
      background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_sp_on.png) 0 0 no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
  }
  .sec02_apd200408 .mainImg {
    text-align: center;
    padding: 20px 8px 0;
  }
}

/*aaaパンダ第7弾*/
#aaapanda_181225 .bnrs li.bnr03 a{
  background: url(/img/trans/campaign/181225_aaapanda/ver7/bnr_07_pc_off.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr03.select a {
    background: url(/img/trans/campaign/181225_aaapanda/ver7/bnr_07_pc_on.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr02 a{
  background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_pc_off.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr02.select a {
    background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_pc_on.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr01 a{
  background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_pc_off.png) 0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
#aaapanda_181225 .bnrs li.bnr01.select a {
    background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_pc_on.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#sec02_apd200622{
  background: #f6ad96 !important;
  padding-bottom: 80px;
}
#sec02_apd200622 .mainImg {
  text-align: center;
  padding-top: 40px;
}
#sec02_apd200622 .mainImg img {
  max-width: 872px;
  width: 100%;
}

#sec02_apd200622 .itemWrap4 .borderInner{
  border: 3px solid #ec684b;
  padding: 4px;
}

#sec02_apd200622 .itemWrap4 .detail{
  border-top: 2px solid #ec684b;
  margin-top: 16px;
  font-size: 14px;
  padding-top: 8px;
}

@media only screen and (max-width: 768px){
  #sec02_apd200622{
    padding-bottom: 40px;
  }
  #aaapanda_181225 .bnrs li.bnr03 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver7/bnr_07_sp_off.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr03.select a {
      background: url(/img/trans/campaign/181225_aaapanda/ver7/bnr_07_sp_on.png) 0 0 no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr02 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_sp_off.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr02.select a {
      background: url(/img/trans/campaign/181225_aaapanda/ver6/bnr_06_sp_on.png) 0 0 no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr01 a{
    background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_sp_off@2x.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  #aaapanda_181225 .bnrs li.bnr01.select a {
      background: url(/img/trans/campaign/181225_aaapanda/ver5/bnr_05_sp_on@2x.png) 0 0 no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
  }
  #sec02_apd200622 .mainImg {
    text-align: center;
    padding: 20px 8px 0;
  }
}

/*ARuFaTwitterCP2007*/
#arufa_2007 #wrap_tweetCP h2{
  background:#3fbdd7;
  color: #fff;
}

#arufa_2007 #itemInfo h3,
#arufa_2007 #detail_tweetCP h3{
  color: #e8437e;
  border-bottom: 5px #333333 solid;
}

#arufa_2007 #detail_tweetCP dt p{
  color:#052ebd;
  border-bottom:4px solid #052ebd;
}

#arufa_2007 #goTop_tweetCP a{
  color: #052ebd;
  border-bottom:solid 8px #333333;
}

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

#arufa_2007 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/200702_arufa/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

@media only screen and (min-width: 769px) {
  #arufa_2007 .pcHide{display: none !important;}
}

/*200824 AAAぱんだ修正*/
.bnr_wrap {
  max-width: 870px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 32px 48px;
  background: #f6ad96;
}

@media only screen and (max-width: 768px) {
  .bnr_wrap {
    padding: 20px 48px;
  }
}

/*200918 AAA特設*/
#aaa_200918 .intro {
  text-align: center;
  padding-top: 68px;
}
#aaa_200918 .intro h3 {
  font-size: 36px;
  color: #8a6b03;
}
#aaa_200918 .intro p {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  padding: 36px 0 64px;
  line-height: 1.5;
}
#aaa_200918 .oh h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  background-color: #8a6b03;
}
#aaa_200918 .goods_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 32px 8px 40px;
}
#aaa_200918 .goodsArea .goods_15th .goods_wrap:not(:first-child){
  padding-top: 0;
}
#aaa_200918 .goodsArea .goods_15th .goods_wrap:last-child{
  padding-bottom: 80px;
}
#aaa_200918 .goods_wrap .fl {
  width: calc((100% - 24px) / 3);
  margin-right: 24px;
}
#aaa_200918 .goods_wrap .fl .box_inner{
  border: 3px solid #000;
}

#aaa_200918 .goods_wrap .fl h4 a {
  display: block;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  padding-left: 16px;
  text-indent: 0em;
}
#aaa_200918 .goods_wrap .fl .discription {
  padding: 56px 0 0 16px;
  font-size: 14px;
  color: #000;
}
#aaa_200918 .goods_wrap .fl.item2_wrap .discription {
  padding: 16px 0 0 16px;
}
#aaa_200918 .goods_wrap .fl .itmbtn a {
  display: block;
    font-size: 0;
    background: url(/img/trans/campaign/200918_aaa/itembtn.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    max-width: 272px;
    height: 42px;
    margin: 16px auto;
}
#aaa_200918 .goods_wrap .fl.item2_wrap .itmbtn a {
  margin: 28px auto ;
}
#aaa_200918 .goods_wrap .fl.item2_wrap .desc2 {
  padding: 0 0 16px 16px;
}
#aaa_200918 .oh.sec2 h3 {
  background-color: #d6c896;
  color: #000;
}
#aaa_200918 .infoArea {
  background: #000;
  padding: 80px 0 40px;
}
#aaa_200918 .infoArea .bnr {
  max-width: 856px;
  margin: 0 auto;
}
#aaa_200918 .infoArea .bnr:first-child {
  margin-bottom: 36px;
}
#aaa_200918 .infoArea .copy {
  width: 100%;
  max-width: 856px;
  text-align: left;
  margin: 0 auto;
  padding-top: 20px;
  color: #fff;
}



@media only screen and (max-width: 768px) {
  #aaa_200918 .intro {
    padding-top: 24px;
  }
  #aaa_200918 .intro h3 {
    font-size: 14px;
  }
  #aaa_200918 .intro p {
    font-size: 12px;
    padding: 16px 0 24px;
  }
  #aaa_200918 .oh h3 {
    height: 30px;
    font-size: 12px;
  }
  #aaa_200918 .goods_wrap {
    flex-wrap: wrap;
    padding: 16px 4px 40px;
  }
  #aaa_200918 .goods_wrap .fl {
    width: calc((100% - 20px) / 2);
    margin-right: 8px;
    margin-bottom: 16px;
  }
  #aaa_200918 .goods_wrap .fl:nth-child(2n) {
    margin-right: 0;
  }
  #aaa_200918 .goodsArea .goods_15th .goods_wrap {
    padding-bottom: 8px;
  }
  #aaa_200918 .goodsArea .goods_15th .goods_wrap:last-child{
    padding-bottom: 40px;
  }
  #aaa_200918 .goods_wrap .fl h4 a {
    font-size: 12px;
    padding-left: 4px;
  }
  #aaa_200918 .goods_wrap .fl .bd-area {
      padding: 0 4px;
  }
  #aaa_200918 .goods_wrap .fl .discription {
    padding: 28px 0 0 4px;
    font-size: 10px;
  }
  #aaa_200918 .goods_wrap .fl.item2_wrap .discription {
    padding: 0 0 0 4px;
  }
  #aaa_200918 .goods_wrap .fl .itmbtn a {
      max-width: 248px;
      height: 42px;
      margin: 8px auto;
  }
  #aaa_200918 .goods_wrap .fl.item2_wrap .itmbtn a {
    margin: 16px auto;
}
  #aaa_200918 .goods_wrap .fl.item2_wrap .desc2 {
    padding: 0 0 16px 4px;
  }
  #aaa_200918 .infoArea {
    padding: 40px 4% 36px;
  }
  #aaa_200918 .infoArea .bnr:first-child {
    margin-bottom: 16px;
  }
  #aaa_200918 .infoArea .copy {
    width: 100%;
    max-width: 856px;
    text-align: left;
    margin: 0 auto;
    padding-top: 20px;
    color: #fff;
  }
}
/*------------------------------*/
#aaa_200918 .goods_wrap .fl{float: none;}
@media only screen and (min-width: 769px) {
  #aaa_200918 .goods_wrap .fl:nth-child(3n) {
    margin-right: 0;
  }
  #aaa_200918 .goodsArea .goods_15th .goods_wrap:last-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #aaa_200918 .goods_wrap .fl{
    width: calc((100% - 72px) / 3);
    margin-bottom: 40px;
  }
  #aaa_200918 .goodsArea .goods_15th .goods_wrap:last-child{
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  #aaa_200918 .goods_wrap .fl{
    margin-right: 8px;
    width: calc((100% - 20px) / 2);
  }
}


/*mikuTwitterCP2012*/
#miku_2012 #wrap_tweetCP h2{
  background:#00b0b0;
  color: #fff;
}

#miku_2012 #itemInfo h3,
#miku_2012 #detail_tweetCP h3{
  color: #fe409f;
  border-bottom: 5px #1a1a1a solid;
}

#miku_2012 #detail_tweetCP dt p{
  color:#005357;
  border-bottom:4px solid #005357;
}

#miku_2012 #goTop_tweetCP a{
  color: #005357;
  border-bottom:solid 8px #1a1a1a;
}

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

#miku_2012 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/201224_miku/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

@media only screen and (min-width: 769px) {
  #miku_2012 .pcHide{display: none !important;}
}



/*ヒプマイTwitterCP2101*/
#hipumai_2101 #goTop_tweetCP a{
  color: #ed6d00;
  border-color: #333333;
}
#hipumai_2101 #detail_tweetCP dt p{
  color: #ed6d00;
  border-bottom: 4px solid #ed6d00;
}

@media only screen and (max-width: 768px) {
  #hipumai_2101 #wrap_tweetCP h2{
    background: url(/img/trans/campaign/210121_hipumai/schedule_sp.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 10%;
  }
  .sptal{
    text-align: left;
    text-indent: 0em !important;
    padding-left: 0 !important;
  }
}

/*mikuTwitterCP2102*/
#miku_2102 #wrap_tweetCP h2{
  background:#00b0b0;
  color: #fff;
}

#miku_2102 #itemInfo h3,
#miku_2102 #detail_tweetCP h3{
  color: #fe409f;
  border-bottom: 5px #1a1a1a solid;
}

#miku_2102 #detail_tweetCP dt p{
  color:#005357;
  border-bottom:4px solid #005357;
}

#miku_2102 #goTop_tweetCP a{
  color: #005357;
  border-bottom:solid 8px #1a1a1a;
}

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

#miku_2102 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/210219_miku/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

@media only screen and (min-width: 769px) {
  #miku_2102 .pcHide{display: none !important;}
}

/*ARuFaTwitterCP210415*/
#arufa_210415 #wrap_tweetCP h2{
  background:#3fbdd7;
  color: #fff;
}

#arufa_210415 #itemInfo h3,
#arufa_210415 #detail_tweetCP h3{
  color: #e8437e;
  border-bottom: 5px #333333 solid;
}

#arufa_210415 #detail_tweetCP dt p{
  color:#052ebd;
  border-bottom:4px solid #052ebd;
}

#arufa_210415 #goTop_tweetCP a{
  color: #052ebd;
  border-bottom:solid 8px #333333;
}

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

#arufa_210415 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/210415_arufa/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

@media only screen and (min-width: 769px) {
  #arufa_2007 .pcHide{display: none !important;}
}

/* 210416 あらまっきーcp */
#aramaki210416 .twdetail{
  color: #000000;
  border-color: #ff6371;
}
#aramaki210416 .detail03,
#aramaki210416 .detail02{
  color: #7462b7;
  border-color: #7462b7;
}
#aramaki210416 .desc .text span.red{
  color: #ff0000;
  font-size: 16px;
}
/* #aramaki210416 .bnrAreas p{padding: 0;} */
#aramaki210416 .to-top a{color: #7462b7;}
#aramaki210416 .to-top{border-color: #7462b7;}



/*rurokenTwitterCP210602*/
#ruroken_210602 #wrap_tweetCP h2{
  background:#000000;
  color: #fff;
}

#ruroken_210602 #itemInfo h3,
#ruroken_210602 #detail_tweetCP h3{
  color: #478aa3;
  border-bottom: 5px #c2000f solid;
}

#ruroken_210602 #detail_tweetCP dt p{
  color:#c2000f;
  border-bottom:4px solid #c2000f;
}

#ruroken_210602 #goTop_tweetCP a{
  color: #c2000f;
  border-bottom:solid 8px #c2000f;
}

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

#ruroken_210602 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/210602_ruroken/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}


/*chikawaTwitterCP210615*/
#chikawa_210615 #wrap_tweetCP h2{
  background:#e95383;
  color: #fff;
}

#chikawa_210615 #itemInfo h3,
#chikawa_210615 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#chikawa_210615 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#chikawa_210615 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#chikawa_210615 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/210615_chikawa/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}



/*minecraftTwitterCP210906*/
#minecraft_210906 #wrap_tweetCP h2{
  background:#7ca957;
  color: #fff;
}

#minecraft_210906 #itemInfo h3,
#minecraft_210906 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#minecraft_210906 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#minecraft_210906 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#minecraft_210906 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/210906_minecraft/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}




/*kumanogakkouTwitterCP211004*/
#kumanogakkou_211004 #wrap_tweetCP h2{
  background:#e16f77;
  color: #fff;
}

#kumanogakkou_211004 #itemInfo h3,
#kumanogakkou_211004 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#kumanogakkou_211004 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#kumanogakkou_211004 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

#kumanogakkou_211004 .movie-block {
  margin: 0 auto 0;
  max-width: 640px;
  width: 100%;
}

#kumanogakkou_211004 .movie-block .movie {
  position: relative;
  padding-bottom: 56.25%;
}

#kumanogakkou_211004 .movie-block .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

#kumanogakkou_211004 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/211004_kumanogakkou_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}


/*minecraftTwitterCP211201*/
#minecraft_211201 #wrap_tweetCP h2{
  background:#7ca957;
  color: #fff;
}

#minecraft_211201 #itemInfo h3,
#minecraft_211201 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#minecraft_211201 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#minecraft_211201 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#minecraft_211201 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/211201_minecraft_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*7orderTwitterCP220107*/
#sevenorder_220107 #wrap_tweetCP h2{
  background:#ed85a0;
  color: #fff;
}

#sevenorder_220107 #itemInfo h3,
#sevenorder_220107 #detail_tweetCP h3{
  color: #000000;
  border-bottom: 5px #333333 solid;
}

#sevenorder_220107 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#sevenorder_220107 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#sevenorder_220107 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/2201_7ORDER_TwitterCP/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*ちいかわCP220218(BIGステッカー)*/
#chikawa_220218 #wrap_tweetCP h2{
  background:#7ca957;
  color: #fff;
}

#chikawa_220218 .cp_btn {
  text-align: center;
  margin: 64px auto 48px;
}

#chikawa_220218 .online {
  text-align: center;
}

#chikawa_220218 .online p {
  font-size: 24px;
  font-weight: bold;
}

#chikawa_220218 .online .flex {
  width: 100%;
  justify-content: center;
}

#chikawa_220218 #itemInfo h3,
#chikawa_220218 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#chikawa_220218 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#chikawa_220218 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

@media only screen and (max-width: 768px) {
  #chikawa_220218 .cp_btn {
    margin: 48px auto;
  }
  #chikawa_220218 .online p {
    font-size: 20px;
  }
}


/*cinamorollTwitterCP220127*/
#cinamoroll_210127 #wrap_tweetCP h2{
  background:#53c3ef;
  color: #fff;
}

#cinamoroll_210127 #itemInfo h3,
#cinamoroll_210127 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#cinamoroll_210127 #detail_tweetCP dt p{
  color:#f29dba;
  border-bottom:4px solid #f29dba;
}

#cinamoroll_210127 #goTop_tweetCP a{
  color: #f29dba;
  border-bottom:solid 8px #333333;
}

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

#cinamoroll_210127 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220127_cinamoroll_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*ちいかわCP220311(オリジナルショッパー)*/
#chikawa_220311 #wrap_tweetCP h2{
  background:#7ca957;
  color: #fff;
}

#chikawa_220311 .cp_btn {
  text-align: center;
  margin: 64px auto;
}

#chikawa_220311 .online {
  text-align: center;
}

#chikawa_220311 .online p {
  font-size: 24px;
  font-weight: bold;
}

#chikawa_220311 .online .flex {
  width: 100%;
  justify-content: center;
}


#chikawa_220311 #itemInfo h3,
#chikawa_220311 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#chikawa_220311 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#chikawa_220311 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

@media only screen and (max-width: 768px) {
  #chikawa_220311 .cp_btn {
    margin: 48px auto;
  }
}

/*cinamorollTwitterCP220127　特設バナー表示用*/
#special_bnr{
  padding: 0 64px;
  margin-top: 40px;
}
@media only screen and (max-width: 768px){
  #special_bnr{
    padding: 0 0;
    margin-top: 40px;
  }
}




/*umamusumeTwitterCP220418*/
#umamusume_220418 #wrap_tweetCP h2{
  background:#69c10c;
  color: #fff;
}

#umamusume_220418 #itemInfo h3,
#umamusume_220418 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#umamusume_220418 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#umamusume_220418 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#umamusume_220418 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220418_umamusume_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}


/*magicalmateTwitterCP220415*/
#magicalmate_220415 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#magicalmate_220415 #itemInfo h3,
#magicalmate_220415 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#magicalmate_220415 #detail_tweetCP dt p{
  color:#EF856D;
  border-bottom:4px solid #EF856D;
}

#magicalmate_220415 #goTop_tweetCP a{
  color: #EF856D;
  border-bottom:solid 8px #333333;
}

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

#magicalmate_220415 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220415_magicalmate_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*ゆるキャン△ TwitterCP220614*/
#yurucamp_2202614 #wrap_tweetCP h2{
  background:#8cbfd2;
  color: #fff;
}

#yurucamp_2202614 #itemInfo h3,
#yurucamp_2202614 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#yurucamp_2202614 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#yurucamp_2202614 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#yurucamp_2202614 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220614_yurucamp_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*星のカービィ TwitterCP220812*/
#kirby_22020812 #wrap_tweetCP h2{
  background:#ff60a3;
  color: #fff;
}

#kirby_22020812 #itemInfo h3,
#kirby_22020812 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#kirby_22020812 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#kirby_22020812 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#kirby_22020812 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220812_kirby/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}


/*お買いものパンダ TwitterCP221006*/
#panda_221006 #wrap_tweetCP h2{
  background:#f6a09f;
  color: #fff;
}

#panda_221006 #itemInfo h3,
#panda_221006 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#panda_221006 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#panda_221006 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#panda_221006 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/22_1006_panda_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}



/*んぽちゃむ TwitterCP221027*/
#npochamu_221027 #wrap_tweetCP h2{
  background:#f2a7c8;
  color: #fff;
}

#npochamu_221027 #itemInfo h3,
#npochamu_221027 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#npochamu_221027 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#npochamu_221027 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#npochamu_221027 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/22_1027_npochamu_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*カルビー TwitterCP230123*/
#calbee_230123 #wrap_tweetCP h2{
  background:#000098;
  color: #fff;
}

#calbee_230123 #itemInfo h3,
#calbee_230123 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #000098 solid;
}

#calbee_230123 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#calbee_230123 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #000098;
}

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

#calbee_230123 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/23_0123_calbee_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*シナぷしゅCP230120(BIGステッカー)*/
#synapusyu_230120 #wrap_tweetCP h2{
  background:#7ca957;
  color: #fff;
}

#synapusyu_230120 .cp_btn {
  text-align: center;
  margin: 64px auto;
}

#synapusyu_230120 .online {
  text-align: center;
}

#synapusyu_230120 .online p {
  font-size: 24px;
  font-weight: bold;
}

#synapusyu_230120 .online .flex {
  width: 100%;
  justify-content: center;
}


#synapusyu_230120 #itemInfo h3,
#synapusyu_230120 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#synapusyu_230120 #detail_tweetCP dt p{
}

#synapusyu_230120 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

@media only screen and (max-width: 768px) {
  #synapusyu_230120 .cp_btn {
    margin: 48px auto;
  }
}

/*お買いものパンダ 5社共通 TwitterCP230317*/
#panda_230317 #wrap_tweetCP h2{
  background:#f6a09f;
  color: #fff;
}

#panda_230317 #itemInfo h3,
#panda_230317 #detail_tweetCP h3{
  color: #683818;
  border-bottom: 5px #333333 solid;
}

#panda_230317 #detail_tweetCP dt p{
  color:#ff5910;
  border-bottom:4px solid #ff5910;
}

#panda_230317 #goTop_tweetCP a{
  color: #ff5910;
  border-bottom:solid 8px #333333;
}

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

#panda_230317 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/23_0317_panda_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*colorful-peachマストバイCP23072801*/
#colorfulpeach_23072801 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#colorfulpeach_23072801 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#colorfulpeach_23072801 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #ff007f;
  border: 1px solid #ff007f;
  text-decoration: none;
}

#colorfulpeach_23072801.photospot #special_bnr a.link {
  color: #ff007f;
  background-color: #ffc1c0;
  margin-bottom: 50px;
  border: 1px solid #ffc1c0;
}

#colorfulpeach_23072801 #special_bnr a.link:hover {
  color: #ff007f;
  background-color: #ffffff;
  border: 1px solid #ff007f;
}

#colorfulpeach_23072801.photospot #special_bnr a.link:hover {
  color: #fff;
  background-color: #ff007f;
  margin-bottom: 50px;
  border: 1px solid #ff007f;
}

#colorfulpeach_23072801 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#colorfulpeach_23072801 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#colorfulpeach_23072801 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#colorfulpeach_23072801 #detail_tweetCP dl.list dt,#colorfulpeach_23072801 .coution dt {
  margin-top: 30px;
}

#colorfulpeach_23072801 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#colorfulpeach_23072801 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#colorfulpeach_23072801 .coution {
  padding-top: 0;
}

#colorfulpeach_23072801 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#colorfulpeach_23072801 .coution li.red {
  color: #ff0000;
}

#colorfulpeach_23072801 #itemInfo {
  background: #FF007F;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#colorfulpeach_23072801 #itemInfo .bnr {
  margin-top: 0;
}


#colorfulpeach_23072801 #itemInfo p.copy {
  color: #fff;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#colorfulpeach_23072801 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

  #colorfulpeach_23072801 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #colorfulpeach_23072801 #itemInfo .bnr {
    padding: 0 16px;
  }
}


/*マインクラフトマストバイCP2309*/
#minecraft_2309 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#minecraft_2309 #itemInfo h3,
#minecraft_2309 #detail_tweetCP h3{
  color: #000000;
  border-bottom: 5px #000000 solid;
}

#minecraft_2309 #detail_tweetCP dt p{
  color:#000000;
  border-bottom:4px solid #000000;
}

#minecraft_2309 #goTop_tweetCP a{
  color: #000000;
  border-bottom:solid 8px #333333;
}

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

#minecraft_2309 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/2309_minecraft_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }
}

/*colorful-peachマストバイCP230910*/
#colorfulpeach_230910 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#colorfulpeach_230910 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#colorfulpeach_230910 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #ea6685;
  border: 1px solid #ea6685;
  text-decoration: none;
}

#colorfulpeach_230910.photospot #special_bnr a.link {
  color: #ff007f;
  background-color: #ffc1c0;
  margin-bottom: 50px;
  border: 1px solid #ffc1c0;
}

#colorfulpeach_230910 #special_bnr a.link:hover {
  color: #ea6685;
  background-color: #ffff8b;
  border: 1px solid #ffff8b;
}

#colorfulpeach_230910.photospot #special_bnr a.link:hover {
  color: #fff;
  background-color: #ff007f;
  margin-bottom: 50px;
  border: 1px solid #ff007f;
}

#colorfulpeach_230910 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#colorfulpeach_230910 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#colorfulpeach_230910 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#colorfulpeach_230910 #detail_tweetCP dl.list dt,#colorfulpeach_230910 .coution dt {
  margin-top: 30px;
}

#colorfulpeach_230910 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#colorfulpeach_230910 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#colorfulpeach_230910 .coution {
  padding-top: 0;
}

#colorfulpeach_230910 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#colorfulpeach_230910 .coution li.red {
  color: #ff0000;
}

#colorfulpeach_230910 #itemInfo {
  background: #ffff8b;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#colorfulpeach_230910 #itemInfo .bnr {
  margin-top: 0;
}


#colorfulpeach_230910 #itemInfo p.copy {
  color: #000;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#colorfulpeach_230910 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

  #colorfulpeach_230910 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #colorfulpeach_230910 #itemInfo .bnr {
    padding: 0 16px;
  }
}


/*屋根裏のラジャー 公開記念 リポストCP231211*/
#crudger_231211 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#crudger_231211 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#crudger_231211 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #ea6685;
  border: 1px solid #ea6685;
  text-decoration: none;
}


#crudger_231211 #special_bnr a.link:hover {
  color: #ea6685;
  background-color: #ffff8b;
  border: 1px solid #ffff8b;
}

#crudger_231211 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#crudger_231211 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#crudger_231211 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#crudger_231211 #detail_tweetCP dl.list dt,#crudger_231211 .coution dt {
  margin-top: 30px;
}

#crudger_231211 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#crudger_231211 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#crudger_231211 .coution {
  padding-top: 0;
}

#crudger_231211 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#crudger_231211 .coution li.red {
  color: #ff0000;
}

#crudger_231211 #itemInfo {
  background: #ffffff;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#crudger_231211 #itemInfo .bnr {
  margin-top: 0;
}


#crudger_231211 #itemInfo p.copy {
  color: #000;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#crudger_231211 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

  #crudger_231211 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #crudger_231211 #itemInfo .bnr {
    padding: 0 16px;
  }
}



/*兎田ぺこらマストバイCP231204*/
#pekora_231204 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#pekora_231204 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#pekora_231204 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #f88032;
  border: 1px solid #f88032;
  text-decoration: none;
}


#pekora_231204 #special_bnr a.link:hover {
  color: #f88032;
  background-color: #ffffff;
  border: 1px solid #f88032;
}

#pekora_231204 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#pekora_231204 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#pekora_231204 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#pekora_231204 #detail_tweetCP dl.list dt,#pekora_231204 .coution dt {
  margin-top: 30px;
}

#pekora_231204 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#pekora_231204 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#pekora_231204 .coution {
  padding-top: 0;
}

#pekora_231204 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#pekora_231204 .coution li.red {
  color: #ff0000;
}

#pekora_231204 #itemInfo {
  background: #f88032;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#pekora_231204 #itemInfo .bnr {
  margin-top: 0;
}


#pekora_231204 #itemInfo p.copy {
  color: #fff;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#pekora_231204 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

  #pekora_231204 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #pekora_231204 #itemInfo .bnr {
    padding: 0 16px;
  }
}

/*勝利の女神：NIKKE ―ブリッド―CP240530*/
#nikke_240530 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#nikke_240530 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#nikke_240530 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #248EC8;
  border: 1px solid #248EC8;
  text-decoration: none;
}


#nikke_240530 #special_bnr a.link:hover {
  color: #248EC8;
  background-color: #ffffff;
  border: 1px solid #248EC8;
}

#nikke_240530 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#nikke_240530 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#nikke_240530 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#nikke_240530 #detail_tweetCP dl.list dt,#nikke_240530 .coution dt {
  margin-top: 30px;
}

#nikke_240530 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#nikke_240530 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#nikke_240530 .coution {
  padding-top: 0;
}

#nikke_240530 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#nikke_240530 .coution li.red {
  color: #ff0000;
}

#nikke_240530 #itemInfo {
  background: #67B8DF;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#nikke_240530 #itemInfo .bnr {
  margin-top: 0;
}


#nikke_240530 #itemInfo p.copy {
  color: #fff;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#nikke_240530 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

  #nikke_240530 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #nikke_240530 #itemInfo .bnr {
    padding: 0 16px;
  }
}


/*マインクラフト フォロー＆リポストCP240705*/
#minecraft_240705 #wrap_tweetCP h2{
  background:#18b1ff;
  color: #fff;
}

#minecraft_240705 #itemInfo h3,
#minecraft_240705 #detail_tweetCP h3{
  color: #70ad47;
  border-bottom: 5px #b56d21 solid;
}

#minecraft_240705 #detail_tweetCP dt p{
  color:#70ad47;
  border-bottom:4px solid #b56d21;
}

#minecraft_240705 #goTop_tweetCP a{
  color: #70ad47;
  border-bottom:solid 8px #b56d21;
}

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

#minecraft_240705 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/event/13568_p_file.jpg) center center no-repeat;
  background-size: cover;
  }
}


/*hololive マストバイキャンペーン第1弾_240925*/
#hololive_240925 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#hololive_240925 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#hololive_240925 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #26C7FF;
  border: 1px solid #26C7FF;
  text-decoration: none;
}


#hololive_240925 #special_bnr a.link:hover {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #26C7FF;
}

#hololive_240925 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#hololive_240925 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#hololive_240925 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#hololive_240925 #detail_tweetCP dl.list dt,#hololive_240925 .coution dt {
  margin-top: 30px;
}

#hololive_240925 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#hololive_240925 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#hololive_240925 .coution {
  padding-top: 0;
}

#hololive_240925 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#hololive_240925 .coution li.red {
  color: #ff0000;
}

#hololive_240925 #itemInfo {
  background: #26C7FF;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#hololive_240925 #itemInfo .bnr {
  margin-top: 0;
}


#hololive_240925 #itemInfo p.copy {
  color: #fff;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#hololive_240925 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

#hololive_240925 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #hololive_240925 #itemInfo .bnr {
    padding: 0 16px;
  }
}

/*colorful-peachマストバイCP24011*/
#colorfulpeach_2411 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#colorfulpeach_2411 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#colorfulpeach_2411 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #e5156e;
  border: 1px solid #e5156e;
  text-decoration: none;
}

#colorfulpeach_2411.photospot #special_bnr a.link {
  color: #ff007f;
  background-color: #ffc1c0;
  margin-bottom: 50px;
  border: 1px solid #ffc1c0;
}

#colorfulpeach_2411 #special_bnr a.link:hover {
  color: #e5156e;
  background-color: #eaff8b;
  border: 1px solid #eaff8b;
}

#colorfulpeach_2411.photospot #special_bnr a.link:hover {
  color: #fff;
  background-color: #ff007f;
  margin-bottom: 50px;
  border: 1px solid #ff007f;
}

#colorfulpeach_2411 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#colorfulpeach_2411 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#colorfulpeach_2411 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#colorfulpeach_2411 #detail_tweetCP dl.list dt,#colorfulpeach_2411 .coution dt {
  margin-top: 30px;
}

#colorfulpeach_2411 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#colorfulpeach_2411 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#colorfulpeach_2411 .coution {
  padding-top: 0;
}

#colorfulpeach_2411 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#colorfulpeach_2411 .coution li.red {
  color: #ff0000;
}

#colorfulpeach_2411 #itemInfo {
  background: #eaff8b;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#colorfulpeach_2411 #itemInfo .bnr {
  margin-top: 0;
}


#colorfulpeach_2411 #itemInfo p.copy {
  color: #000;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#colorfulpeach_2411 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

  #colorfulpeach_2411 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #colorfulpeach_2411 #itemInfo .bnr {
    padding: 0 16px;
  }
}

/*hololive 宝鐘マリンプレゼントキャンペーン_2412*/
#hololive_marin2412 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#hololive_marin2412 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#hololive_marin2412 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #a12d3f;
  border: 1px solid #a12d3f;
  text-decoration: none;
}


#hololive_marin2412 #special_bnr a.link:hover {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #a12d3f;
}

#hololive_marin2412 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#hololive_marin2412 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#hololive_marin2412 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#hololive_marin2412 #detail_tweetCP dl.list dt,#hololive_marin2412 .coution dt {
  margin-top: 30px;
}

#hololive_marin2412 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#hololive_marin2412 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#hololive_marin2412 .coution {
  padding-top: 0;
}

#hololive_marin2412 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#hololive_marin2412 .coution li.red {
  color: #ff0000;
}

#hololive_marin2412 #itemInfo {
  background: #a12d3f;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#hololive_marin2412 #itemInfo .bnr {
  margin-top: 0;
}


#hololive_marin2412 #itemInfo p.copy {
  color: #fff;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#hololive_marin2412 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

#hololive_marin2412 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #hololive_marin2412 #itemInfo .bnr {
    padding: 0 16px;
  }
}


/*マインクラフト フォロー＆リポストCP241123*/
#minecraft_241123 #wrap_tweetCP h2{
  background:#18b1ff;
  color: #fff;
}

#minecraft_241123 #itemInfo h3,
#minecraft_241123 #detail_tweetCP h3{
  color: #70ad47;
  border-bottom: 5px #b56d21 solid;
}

#minecraft_241123 #detail_tweetCP dt p{
  color:#70ad47;
  border-bottom:4px solid #b56d21;
}

#minecraft_241123 #goTop_tweetCP a{
  color: #70ad47;
  border-bottom:solid 8px #b56d21;
}

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

#minecraft_241123 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/event/14347_p_file.jpg) center center no-repeat;
  background-size: cover;
  }
}



/*hololive 星街すいせいプレゼントキャンペーン_2501*/
#hololive_suisei2501 {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  padding:30px 2% 0 !important;
}
#hololive_suisei2501 #wrap_tweetCP h2{
  background:#EE87B4;
  color: #fff;
}

#hololive_suisei2501 #special_bnr a.link {
  display: block;
  max-width: 360px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 22px;
  padding: 12px 15px;
  margin: 0 auto 24px;
  color: #ffffff;
  background-color: #2b2a85;
  border: 1px solid #2b2a85;
  text-decoration: none;
}


#hololive_suisei2501 #special_bnr a.link:hover {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #2b2a85;
}

#hololive_suisei2501 h3 {
  text-align: center;
  position: relative;
  border-bottom: none;
}

#hololive_suisei2501 h3::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(to right, #3f485a, #3f485a 4px, transparent 4px, transparent 8px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}

#hololive_suisei2501 h3 span {
  color: #303643;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#hololive_suisei2501 #detail_tweetCP dl.list dt,#hololive_marin2412 .coution dt {
  margin-top: 30px;
}

#hololive_suisei2501 #detail_tweetCP dt p{
  color:#000000;
  font-size: 16px;
  border-bottom:4px solid #000000;
}

#hololive_suisei2501 dd p {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-bottom: 32px;
}

#hololive_suisei2501 .coution {
  padding-top: 0;
}

#hololive_suisei2501 .coution li {
  color: #3f485a;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-indent: -1em;
  padding-left: 1em;
}

#hololive_suisei2501 .coution li.red {
  color: #ff0000;
}

#hololive_suisei2501 #itemInfo {
  background: #2b2a85;
  width: 964px;
  margin: 48px -80px 0;
  padding-top: 56px;
}

#hololive_suisei2501 #itemInfo .bnr {
  margin-top: 0;
}


#hololive_suisei2501 #itemInfo p.copy {
  color: #fff;
  text-align: center;
  margin-top: 64px;
  padding-bottom: 16px;
}

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

#hololive_suisei2501 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/campaign/220728_colorfulpeach_mv_cp/schedule_sp.png) center center no-repeat;
  background-size: cover;
  }

#hololive_suisei2501 #itemInfo {
    width: calc(100% + 4%);
    margin: 48px -2% 0;
    padding-top: 56px;
  }
  #hololive_suisei2501 #itemInfo .bnr {
    padding: 0 16px;
  }
}

/*ぬーどるストッパーフィギュア10周年 X投稿CP250425*/
#noodlestopper10th_250425 #wrap_tweetCP h2{
  background:#64C4F2;
  color: #fff;
}

#noodlestopper10th_250425 #itemInfo h3,
#noodlestopper10th_250425 #detail_tweetCP h3{
  color: #E88AB6;
  border-bottom: 5px #FFF267 solid;
}

#noodlestopper10th_250425 #detail_tweetCP dt p{
  color:#E88AB6;
  border-bottom:4px solid #FFF267;
}

#noodlestopper10th_250425 #goTop_tweetCP a{
  color: #E88AB6;
  border-bottom:solid 8px #FFF267;
}

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

#noodlestopper10th_250425 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/event/15495_p_file.jpg) center center no-repeat;
  background-size: cover;
  }
}



/*かわいいフリューのミルキーボアキャンペーンCP250628*/
#furyumilkyboa_250628 #wrap_tweetCP h2{
  font-size: 24px;
  background:#64C4F2;
  color: #fff;
}

#furyumilkyboa_250628 #itemInfo h3,
#furyumilkyboa_250628 #detail_tweetCP h3{
  color: #E88AB6;
  border-bottom: 5px #FFF267 solid;
}

#furyumilkyboa_250628 #detail_tweetCP dt p{
  color:#E88AB6;
  border-bottom:4px solid #FFF267;
}

#furyumilkyboa_250628 #goTop_tweetCP a{
  color: #E88AB6;
  border-bottom:solid 8px #FFF267;
}

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

#furyumilkyboa_250628 #wrap_tweetCP h2{
  font-size: 0;
  background: url(/img/trans/event/15847_p_file.jpg) center center no-repeat;
  background-size: cover;
  }
}

/*ぬーどるストッパーフィギュア10周年 X投稿CP250807*/
#noodlestopper10th_250807 #wrap_tweetCP h2{
  background:#de4b8f;
  color: #fff;
  border-radius: 100px;
}

#noodlestopper10th_250807 #wrap_tweetCP .CPbtn{
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  padding: 8px 0;
  background: #de4b8f;
  color: #fff;
  border-radius: 100px;
  text-decoration: none;
}

#noodlestopper10th_250807 #itemInfo h3,
#noodlestopper10th_250807 #detail_tweetCP h3{
  color: #E88AB6;
  border-bottom: 5px #FFF267 solid;
}

#noodlestopper10th_250807 #detail_tweetCP dt p{
  color:#E88AB6;
  border-bottom:4px solid #FFF267;
}

#noodlestopper10th_250807 #goTop_tweetCP a{
  color: #E88AB6;
  border-bottom:solid 8px #FFF267;
}

@media only screen and (max-width: 768px) {
  #noodlestopper10th_250807 #wrap_tweetCP h2{
    font-size: 24px;
    padding: 8px 0;
  }
  #noodlestopper10th_250807 #wrap_tweetCP .CPbtn{
    font-size: 24px;
    padding: 8px 0;
  }
}

/*マインクラフト リニューアル2508*/
.minecraft_2508 {background-color: #fff; position: relative; z-index: 0; font-family: "DotGothic16", sans-serif;}
.minecraft_2508 .img {vertical-align: bottom;}
.minecraft_2508 .img.of-fit {width: 100%;}
.minecraft_2508 .flexbox {display: flex; -webkit-align-items: normal; -ms-align-items: normal; align-items: normal;}
.minecraft_2508 .fxw-w {flex-wrap: wrap;}
.minecraft_2508 .ta-r {text-align: right;}
.minecraft_2508 .ta-c {text-align: center;}
.minecraft_2508 .fx-zero-auto {flex: 0 0 auto;}
.minecraft_2508 .gentle_flex {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1ch;}
.minecraft_2508 .autobot {display: flex;}
.minecraft_2508 .autobot>* {margin: auto;}
.minecraft_2508 .pop_and_plop {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media (min-width: 768px) {
  .minecraft_2508 .br-sp {
    display: none;
  }
.minecraft_2508{
--flex-gap: 16px;
}
}
.minecraft_2508 [data-fxcol="1/1"]>.col {--max-width: calc(100% / 1);}
.minecraft_2508 [data-fxcol="1/2"]>.col {--max-width: calc(100% / 2 - (var(--flex-gap) / 2));}
.minecraft_2508 [data-fxcol="1/3"]>.col {--max-width: calc(100% / 3 - (var(--flex-gap) / 1.5));}
.minecraft_2508 .grid {gap: var(--flex-gap);}
.minecraft_2508 .grid .col-inner {display: flex; flex-direction: column; height: calc(100% - 15px* 2); padding: 16px;}
.minecraft_2508 .grid .col {max-width: var(--max-width); width: 100%; background-color: #6CC349;}
.minecraft_2508 .grid .col[data-bg-color="movie"] {background-color: #2C2F3A;}
.minecraft_2508 .grid:after {content: none;}
.minecraft_2508 .main-comment {}
.minecraft_2508 .main-comment .grid {padding: 16px 32px; align-items: center; justify-content: center; position: relative;}
.minecraft_2508 .main-comment .col {width: auto; background-color: transparent;}
.minecraft_2508 .main-comment .txt {font-family: "DotGothic16", sans-serif; font-size: 24px; text-align: center; max-width: 640px; width: 100%;}
.minecraft_2508 .movie-campaign {position: relative; background: url(/img/trans/campaign/2508_minecraft/dot_large/block_a@2x.png) left top repeat; background-size: 256px; padding-top: 64px;}
.minecraft_2508 .movie-campaign::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 64px; background: url(/img/trans/campaign/2508_minecraft/dot_large/line_white_dn@2x.png) left top repeat; background-size: 512px 64px;}
.minecraft_2508 .minecraft-item {position: relative; background: url(/img/trans/campaign/2508_minecraft/dot_large/block_b@2x.png) left top repeat; background-size: 256px; padding: 164px 32px 32px}
.minecraft_2508 .minecraft-item::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 64px; background: url(/img/trans/campaign/2508_minecraft/dot_large/line_green_dn@2x.png) left top repeat; background-size: 512px 64px;}
.minecraft_2508 .minecraft-item::after {content: ""; position: absolute; top: 55px; right: 32px; width: 160px; height: 160px; background: url(/img/trans/campaign/2508_minecraft/icn_player@2x.png) left top no-repeat; background-size: cover;}
.minecraft_2508 .minecraft-item h2 {text-align: center;}
.minecraft_2508 .minecraft-item .product-info {color: #fff; font-size: 14px; margin: 16px 0; word-break: break-all;}
.minecraft_2508 .minecraft-item .product-head {font-size: 16px; margin: 16px 0 auto;}
.minecraft_2508 .minecraft-item .product-head a {color: #fff; display: block; text-decoration: none;}
.minecraft_2508 .minecraft-item .product-head a:hover {text-decoration: underline;}
.minecraft_2508 .minecraft-item .btn {background-color: #8089A2; color: #fff; font-size: 16px; padding: 8px; text-decoration: none; text-align: center; width: 100%; border: solid 2px #fff; box-sizing: border-box;}
.minecraft_2508 .movie-block {margin: 32px auto 0; padding-bottom: 32px; max-width: 896px; overflow: hidden; width: 100%;}
.minecraft_2508 .movie-block h2 {text-align: center;}
.minecraft_2508 .movie-block .btn {background-color: #70AD47; color: #fff; font-size: 25px; font-weight: 700; padding: 10px 74px; text-decoration: none; text-align: center; width: 100%;}
.minecraft_2508 .movie-block .movie-wrap {max-width: 896px; width: 100%; background: #171615; padding: 32px; box-sizing: border-box;}
.minecraft_2508 .movie-block .movie {border: none; margin: 0 auto 0; max-width: 640px; position: relative; aspect-ratio: 16 / 9; width: 100%;}
.minecraft_2508 .movie-block .iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.minecraft_2508 .cp-block {margin: 30px auto 0; max-width: 640px; overflow: hidden; width: 100%;}
.minecraft_2508 .corp-logo {margin-top: 132px; position: relative;}
.minecraft_2508 .corp-logo::before {content: ""; position: absolute; top: -100px; left: 0; width: 160px; height: 160px; background: url(/img/trans/campaign/2508_minecraft/icn_creeper@2x.png) left top no-repeat; background-size: cover;}
.minecraft_2508 .products-banner {background-color: #fff; margin: 0 auto 16px; max-width: 400px; width: 100%;}
.minecraft_2508 .products-banner .col:nth-child(1) {padding: 40px 60px;}
.minecraft_2508 .note {color: #fff; font-size: 14px; text-align: center; margin: 0 auto; max-width: 680px; width: 100%;}
.minecraft_2508 .copyright {color: #fff; font-size: 14px; text-align: center;}
.minecraft_2508 .youtube{max-width: 860px; margin: 16px auto 0;  text-align: center; box-sizing: border-box;}
.minecraft_2508 .youtube ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-align-items: center; align-items: center;}
@media (min-width: 768px) {
.minecraft_2508 .youtube ul{-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px;}
}
.minecraft_2508 .youtube li{width: 25%; max-width: 120px; font-family: "DotGothic16", sans-serif;}
.minecraft_2508 .youtube li:first-child{width: 100%; max-width: 100%; color: #fff; font-size: 16px;}
.minecraft_2508 .youtube li a{color: #fff; font-size: 20px; padding: 8px 0; display: block; text-decoration: none; border: solid 2px #fff;}
.minecraft_2508 .campaign-wrap{max-width: 896px; width: 100%; margin: 0 auto; padding: 32px; background: #171615; box-sizing: border-box;}
.minecraft_2508 .campaign-wrap a {max-width: 640px; width: 100%; display: block; margin: 0 auto;}
@media (min-width: 768px) {
.minecraft_2508 [data-fxf-pc="reverse"] {flex-flow: column-reverse;}
.minecraft_2508 [data-fxcol-pc="1/1"]>.col {--max-width: calc(100% / 1);}
.minecraft_2508 [data-fxcol-pc="1/2"]>.col {--max-width: calc(100% / 2 - (var(--flex-gap) / 2));}
.minecraft_2508 [data-fxcol-pc="1/3"]>.col {--max-width: calc(100% / 3 - (var(--flex-gap) / 1.5));}
}
.minecraft_2508 .foot-area {position: relative; background: url(/img/trans/campaign/2508_minecraft/dot_large/block_d@2x.png) left top repeat; background-size: 256px; padding: 32px}
@media (max-width: 768px) {
  .minecraft_2508{--flex-gap: 8px;}
/* .minecraft_2508 {padding: 20px 10px} */
.minecraft_2508 .head-lv2 {margin: 0 -10px;}
.minecraft_2508 .head-lv3 {margin: 50px 0 20px;}
.minecraft_2508 .head-lv3 .img {width: 100%;}
.minecraft_2508 [data-fxf-tab="reverse"] {flex-flow: column-reverse;}
.minecraft_2508 [data-fxcol-tab="1/1"]>.col {--max-width: calc(100% / 1);}
.minecraft_2508 [data-fxcol-tab="1/2"]>.col {--max-width: calc(100% / 2 - (var(--flex-gap) / 2));}
.minecraft_2508 [data-fxcol-tab="1/3"]>.col {--max-width: calc(100% / 3 - (var(--flex-gap) / 1.5));}
.minecraft_2508 .main-comment .grid {padding: 40px;}
.minecraft_2508 .main-comment .col {position: absolute;}
.minecraft_2508 .main-comment .col:nth-child(1) {width: 80px; left: 0; top: 10px;}
.minecraft_2508 .main-comment .col:nth-of-type(2) {width: 60px; right: 0; bottom: 10px;}
.minecraft_2508 .movie-block {margin-top: 16px; padding-bottom: 16px;}
.minecraft_2508 .movie-block h2 {margin-bottom: 8px;}
.minecraft_2508 .movie-block .btn {font-size: 18px; padding: 10px 20px; width: 100%;}
.minecraft_2508 .movie-block .movie {max-width: none;}
.minecraft_2508 .movie-block .movie-wrap {width: calc(100% - 16px*2); padding: 16px; margin: 0 auto;}
.minecraft_2508 .youtube ul {gap: 8px; justify-content: center;}
.minecraft_2508 .campaign-wrap {width: calc(100% - 16px*2); padding: 16px; margin: 0 auto;}
.minecraft_2508 .minecraft-item {padding: 114px 16px 16px;}
.minecraft_2508 .minecraft-item::after {width: 100px; height: 100px; top: 64px; right: 0;}
.minecraft_2508 .minecraft-item h2 {margin-bottom: 8px;}
.minecraft_2508 .minecraft-item .col:nth-child(1n+2) .col-inner {margin-top: 0;}
.minecraft_2508 .grid {gap: 8px; justify-content: center;}
.minecraft_2508 .grid .col-inner {padding: 8px; height: calc(100% - 8px * 2);}
.minecraft_2508 .minecraft-item .product-head {font-size: 14px; margin-top: 8px;}
.minecraft_2508 .minecraft-item .product-info {font-size: 12px; margin: 8px 0;}
.minecraft_2508 .corp-logo {margin-top: 64px;}
.minecraft_2508 .corp-logo::before {width: 100px; height: 100px; top: -40px;}
.minecraft_2508 .products-banner {margin: 0 0 16px;}
.minecraft_2508 .youtube li{width: 50%;}
}