@charset "UTF-8";
/*-----------------------
cwt01 common reset
----------------------  */


#cwt01_wrap h1, #cwt01_wrap h2, #cwt01_wrap h3, #cwt01_wrap h4, #cwt01_wrap h5, #cwt01_wrap h6, #cwt01_wrap ul, #cwt01_wrap li, #cwt01_wrap ol, #cwt01_wrap dl, #cwt01_wrap dt, #cwt01_wrap dd, #cwt01_wrap input {
  margin: 0;
  padding: 0; }

  #cwt01_wrap p {
  margin: 0;
  padding: 0;
   }

#cwt01_wrap {
  width:100%;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 0;
  -webkit-print-color-adjust: exact;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,sans-serif;
}
*{
  box-sizing: border-box;
}

#cwt01_wrap img{
  display: block;
  line-height: 0;
  vertical-align: bottom;
  width: 100%;
}

#cwt01_wrap section{
  display: inline-block;
  max-width: 100%;
}

#cwt01_wrap li,
#cwt01_wrap dt,
#cwt01_wrap dd
  {
  margin: 0;
  padding: 0;
  list-style: none; }


/*-----------------------
cwt01_wrap layout
----------------------  */
#cwt01_wrap  {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
#cwt01_wrap a {
  display: block;
}
#cwt01_wrap .cwt01_wrap_p-box {
  position: relative;
}

/* ----------------------
offer
-----------------------*/

#cwt01_wrap .btn_offer{
  width:calc(643/750*100%);
  position: absolute;
  bottom: 42%;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#cwt01_wrap .btn_offer2{
  width:calc(643/750*100%);
  position: absolute;
  bottom: 15%;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#cwt01_wrap .btn_phone{
  width:calc(695/750*100%);
  position: absolute;
  /*bottom: 11%;*/
  bottom: 13%;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#cwt01_wrap .btn_phone.off300 {
  bottom: 21%;
}

#cwt01_wrap a img{
  transition:all ease 0.5s;
  opacity: 1;
}
#cwt01_wrap a img:hover{
  transition:all ease 0.5s;
  opacity: 0.7;
}

#cwt01_wrap .cwt01_offer.last .cwt01_wrap_p-box:nth-of-type(1){
  /*margin-top: -6%;*/
  z-index: 0;
}

#cwt01_wrap .cwt01_bt_neg,
#cwt01_wrap .cwt01_tp_neg{
  position: relative;
}
#cwt01_wrap .cwt01_tp_neg{
margin-top: -13%;
}

/* ----------------------
anime
-----------------------*/
#cwt01_wrap .cwt01_anime01{
  position: absolute;
  width: calc(630/750*100%);
  left:50%;
  bottom:6%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#cwt01_wrap .cwt01_anime02{
  position: absolute;
  width: calc(560/750*100%);
  left:50%;
  top:0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

/* ----------------------
slick
-----------------------*/

#cwt01_wrap .cwt01_slick-wrap{
  position: relative;
  max-width: 750px;
  background-image: url('/cellula/sp/lp/cwt01cm/img_cwt01cm/howto_slide_bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding:0 calc(30/750*100%) 8%;
  width: 100%;
}
#cwt01_wrap .slick-slide{

}
#cwt01_wrap .slick-next,
#cwt01_wrap .slick-prev{
  position: absolute;
  background-image:url('/cellula/sp/lp/cwt01cm/img_cwt01cm/icon_next.png');
  width:calc(49/690*100%);
  padding-top: calc(49/690*100%);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  top:50%;
}
#cwt01_wrap .slide_img{
  width:100%!important;
}
#cwt01_wrap .slick-slide img{
  width: 100%!important;
}
#cwt01_wrap .slick-next:before,
#cwt01_wrap .slick-prev:before{
  display: none;
}

#cwt01_wrap .slick-next{
  right:-4%;
}
#cwt01_wrap .slick-prev{
  left:-4%;
  background-image:url('/cellula/sp/lp/cwt01cm/img_cwt01cm/icon_prev.png');
  top: 50%;
}

#cwt01_wrap .slick-disabled{
  opacity: 0.5;
}

#cwt01_wrap .slick-slider div { transition: none; }

/* ----------------------
faq
-----------------------*/

#cwt01_wrap .cwt01_faq{
  padding-bottom: 8%;
}

#cwt01_wrap .cwt01_faq .accordion{
  margin-bottom: 2px;
}
#cwt01_wrap .cwt01_faq .accordion .accordion_head {
  cursor: pointer;
  position: relative;
}

#cwt01_wrap .cwt01_faq .accordion .accordion_head:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 6%;
  bottom: 0;
  width: calc(20/750*100vw);
  height: 1px;
  background-color: #000;
  transition: .2s;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

#cwt01_wrap .cwt01_faq .accordion .accordion_head.selected:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 6%;
  bottom: 0;
  width: calc(20/750*100vw);
  height: 1px;
  background-color: #000;
  transition: .2s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

#cwt01_wrap .cwt01_faq .accordion .accordion_head.selected + dd{
  margin-bottom: -2px;
}

#cwt01_wrap .cwt01_faq .accordion .accordion_head:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 6%;
  margin: 0;
  width: calc(20/750*100vw);
  height: 1px;
  background-color: #000;
  transition: .3s;
}

#cwt01_wrap .cwt01_faq .accordion dd{
 display: none;
}

/* --- footer --- */
footer#cwt01_footer {
  margin-top: 10%;
  padding:30px 15px;
  background: #14478e;
  font-size: 14px;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}
footer#cwt01_footer p.link a {
  display: inline-block;
  padding:5px 10px;
  line-height: 1.4;
  color: #fff;
}
#cwt01_footer .copy {
  margin-top: 15px;
}

@media screen and (min-width:750px){

  #cwt01_wrap .cwt01_faq .accordion .accordion_head:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 6%;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #000;
    transition: .2s;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }
  
  #cwt01_wrap .cwt01_faq .accordion .accordion_head.selected:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 6%;
    bottom: 0;
    width: 20px;
    height: 2px;
    background-color: #000;
    transition: .2s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  
  #cwt01_wrap .cwt01_faq .accordion .accordion_head.selected + dd{
    margin-bottom: -2px;
  }
  
  #cwt01_wrap .cwt01_faq .accordion .accordion_head:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 6%;
    margin: 0;
    width: 20px;
    height: 2px;
    background-color: #000;
    transition: .3s;
  }
  
}


/* ---------------------
▼カウントダウン 201027add
-----------------------*/
#cwt01_wrap #countdown {
	position: relative;
	padding: 2.2% 0 1%;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background-color: #dd0247;
	text-align: center;
}
#cwt01_wrap #countdown .se_only {
	display: none;
}

/* カウントダウン リボン */
#cwt01_wrap #countdown .countdown_days_wrap {
	z-index: 2;
	position: absolute;
	top: -6px;
	left: 1%;
	width: 108px;
	line-height: 1;
	min-height: 48px;
	padding: 2% 0px 1.5%;
	background-color: #fff000;
	font-size: 15px;
	color: #000000;
}
#cwt01_wrap #countdown .countdown_days_wrap:before {
	position: absolute;
	content: '';
	top: 0;
	right: -6px;
	border: none;
	border-bottom: solid 6px #9c8535;
	border-right: solid 6px transparent;
}
#cwt01_wrap #countdown .countdown_days_wrap:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 54px solid #fff000;
  border-right: 54px solid #fff000;
  border-bottom: 15px solid transparent;
}
/* 残り日数部分 */
#cwt01_wrap #countdown .leftDays{
	font-size: 2.2em;
	color: #dd0247;
}
#cwt01_wrap #countdown .period {
	color: #dd0247;
}
/* 最終日 */
#cwt01_wrap #countdown .lastDays{
	display: block;
	line-height: 1.1;
	margin-left: 5px;
	font-size: 22px;
	color: #dd0247;
}

/* カウントダウン 見出し */
#cwt01_wrap #countdown .countdown_txt {
	line-height: 1.2;
	margin: 0 0 0 115px;
	font-weight: bold;
}

/* PC表示 */
@media screen and (min-width: 600px) {
	#cwt01_wrap #countdown {
		padding: 2% 0 2%;
		font-size: 24px;

	}
	#cwt01_wrap #countdown .countdown_days_wrap {
		padding: 1% 0 0.5%;
		left: 8%;
	}
	#cwt01_wrap #countdown .countdown_txt .sp_only {
		display: none;
	}
} 

/* iPhone5/SE表示 */
@media screen and (max-width: 320px) {
	#cwt01_wrap #countdown .countdown_days_wrap {
		left: 2.5%;
		/*padding: 23px 0;*/
	}
	#cwt01_wrap #countdown .se_only {
		display: block;
	}
} 

/*カウントダウン非表示の帯 201104add*/
#cwt01_wrap #countdown.period_only .period {
	display: inline-block;
	margin-bottom: 4px;
	color: #333333;
	font-size: 1.3em;
}
#cwt01_wrap #countdown.period_only .countdown_days_wrap {
	width: 90px;
	left: 9%;
	min-height: 45px;
	padding: 2% 0px 0;
	font-family: 'Noto Serif JP', serif;
	color: #333333;
}
#cwt01_wrap #countdown.period_only .countdown_days_wrap:after {
	border-left: 45px solid #fff000;
	border-right: 45px solid #fff000;
	border-bottom: 13px solid transparent;
}
#cwt01_wrap #countdown.period_only .countdown_txt {
	margin-left: 110px;
}
@media screen and (max-width: 340px) {
	#cwt01_wrap #countdown.period_only .countdown_days_wrap {
		left: 2.5%;
	}
	#cwt01_wrap #countdown.period_only .countdown_txt {
		margin-left: 33%;
	}
} 
/* ---------------------
▲カウントダウン 201027add
----------------------*/

/* TELリンク */
.tell-event{pointer-events: auto;}
@media screen and (min-width: 600px) {
.tell-event{pointer-events: none; text-decoration: none;}}


/*---23CM追加　230406---  */
img {/*ドラッグ＆ドロップ禁止*/
	user-drag:none;	
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none;
}
.cm_movie {
	position: relative;
}
.cm_movie video {
	width: 92%;
	position: absolute;
	top: 0;
	left: 4%;
}

.cp_people::before {
    content: "10000名様";      /* 限定の前に先着人数を追加 230913add */
}