@charset "UTF-8";


/* QA
------------------------------------------- */
.qa-page-head {
  height: 265px;
}
.b-qa-head {
  background-image: url(../img/qa/qa-head-bg-sp.jpg);
}
.qa-lede-copy{
  font-weight:bold;
  font-size: 1.6rem;
  text-align:center;
  padding-bottom:3rem;  
}
.qa-lede-copy span{
  display:block;
}
.qa-text-box{
  padding:3rem .5em;
  border-top:1px solid #DDDDDD;
  text-align:left;
  font-size: 1.4rem;  
}
.qa-text-box a{
  text-decoration: underline;
}
.qa-text-box a:hover{
  opacity: .5;
}
.qa-text-box h2.q{
  font-size: 1.4rem;
  padding-bottom:1rem; 
  font-weight:bold;  
}
.qa-text-box {
  padding: 2em 0;
  font-size: 1.2rem;
  line-height: 1.8;
}
.qa-text-box-ttl{
  position: relative;
  font-size: 1.3em;
  font-weight:bold;
  line-height: 1.4;
  padding-bottom:1rem; 
  padding-left: 1.2em;
}
.qa-text-box-ttl i{
  position: absolute;
  left: 0;
  top: 0.15em;
  font-size: 1.1em;
  padding-right:0.5rem; 
}
.qa-noborder{
  border-top:0px solid #DDDDDD;
  /* padding:0rem .5em 3rem;   */
}
.qa-lede-copy {
  margin-top: 2em;
}



/* ======================================================== 
DANCE CAMPAIGN /dance_campaign/
======================================================== */
.mv_campaign{
  background-color: #030a1d33;
}
.campaign_page .mv_top_slider {
  background-image: url(/k-pop/imgs/kpop_camp_top_sp.jpg);
  background-size: 120%;
  background-position: bottom center;
}
@media (min-width: 769px){
  .campaign_page .mv_top_slider{
    background-image: url(/k-pop/imgs/kpop_camp_top_pc.jpg);
    background-size: 105%;
  }
}/*  */

.d-cam-text{
  font-size: 1.15em;
  padding: 2em 0;
}
.d_cam_ad_link_btn_wrap{
  color: #fff;
  padding: 2em 0 0;
}
.d_cam_ad_link_btn_wrap .ad_link_btn {
  margin: 1em auto;
}
.can_sec_bloc{
  padding: 3em 3em;
}
.campaign_num{
  display: block;
  font-family: var(--font-en);
  font-size: 7em;
  text-align: center;
  padding: .2em 0;
}
.campaign_txt1{
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.8;
	color: #fff;
  padding: 3rem 0;
}
.campaign_itemcb{
	position: relative;
  background-color: #fff;
}
.campaign_btn,.campaign_btn2{
	color: var(--color-black);
}
.campaign_btn {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 1.8em;
}
.campaign_btn .arrow_circle{
	background-color: currentColor;
}

.back_online{
  background-size: cover;
  background-position: center;
  padding: 0 2em 5em;
  margin: 3rem 0;
}
.back_online.lazyloaded{
	background-image: url(/k-pop/imgs/campaign/back_online_sp.jpg);
}
.link_circle_btn_wrap.campaign_btn {
  width: 90%;
  color: #fff;
  bottom: 2.8em;
}
.link_circle_btn_wrap.campaign_btn .link_circle_arrow{
  font-size: 0.9em;
}

.dance_campaign_page .page_head::before{
	filter: none;
}
.campaign_item2.can_receive {
  width: 90%;
  margin: auto;
}
.campaign_item5{
	position: relative;
  padding: 5% 5% 0;
}
.campaign_item6{
  position: relative;
}
.c_online_btn_wp {
  /* position: absolute; */
  /* bottom: 1rem; */
  /* left: 2rem; */
  width: 80%;
  /* background-color: #fff; */
  /* color: var(--color-red); */
}
.c_online_btn{
 font-size: 0.7rem;
    padding: 1em 1em;
}
.p0{
	padding-top: 0;
}
.dance_campaign_page .link_circle_btn_wrap .arrow_circle_img, .link_circle_btn_wrap .arrow_circle::before {
    filter: invert(1);
}

@media (min-width: 769px){
  .back_online {
    padding: 0 20em 7em;
    margin: 0 0 3rem;
  }
  .d_cam_ad_link_btn_wrap .ad_link_btn {
    font-size: 1.5rem;
  }
  .campaign_item1 {
    width: 35%;
    margin: auto;
  }
  .campaign_item2,
  .campaign_item2.can_receive {
    width: 42%;
    margin: auto;
  }
  .campaign_item2.can_receive {
    padding: 3em 0 1em;
  }
  .campaign_txt1 {
    width: 60%;
    margin: auto;
    text-align: center;
  }
  .campaign_itemcb, .campaign_item4 {
    width: 60%;
    margin: 2em auto 0;
  }
  .dance_campaign_page .campaign_txt1 {
    font-size: 1.2rem;
    text-align: center;
  }
  .campaign_btn {
    bottom: 1.2em;
  }
	.online_img{
	width: 42%;
    /* position: absolute; */
    display: block;
    margin: -6rem auto 0;
	}
	.dance_campaign_page .link_circle_arrow:hover{
	transform: translateX(-10.7em);
	}
	.dance_campaign_page .campaign_btn2:hover{
	transform: translateX(-8.7em);
	}
	.pre-order2 .link_circle_arrow:hover {
      transform: translateX(0.3em);
	}
	/* .can_receive{
	width: 34%;
    margin: -14rem auto 0;
	} */
	.pre-order{
	  width: 60%;
    margin: auto;
	}
	.c_online_btn_wp{
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	}
  .link_circle_btn_wrap.campaign_btn .link_circle_arrow {
    font-size: 1em;
  }
  .campaign_item7 {
    width: 65%;
    margin: auto;
  }
}/* 769 */
@media (min-width: 960px){
  .no_mv.dance_campaign_page  {
    padding-top: 8em;
  }
}/* 960 */