@charset "UTF-8";

#toflive:before{
	content:""; display: block; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0; z-index: -1; background: #fff; 
	-webkit-background-size: cover !important;
	background-size: cover !important;
	height: 100%; width: 100%;
}


#toflive a,div,p {box-sizing: border-box; margin: 0; padding: 0;}
#toflive img { width: 100%; vertical-align: bottom;}
#toflive .clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

#content{margin-top: 0 !important;}
#header{background: #fff;}

.l-foot{
	margin-top: 0 !important;
}

.l-foot .link-top{
	width: 100%;
	position: absolute;
}

/*common
------------------*/

.font_min{font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;}

#toflive{
	margin: 0 auto;
	padding:0;
	background: url(../images/bg_contents.png) #e5e2d0;
	-webkit-background-size: 25% !important;
	background-size: 25% !important;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ","メイリオ",Meiryo,Arial,Helvetica,sans-serif;
	color: #282828;
	border-bottom:13px solid #29230f;
}

#toflive *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#toflive a{
	text-decoration: none;
}

#toflive a:hover{
	opacity: .8;
}

/*-----------------------------------------*/

.live_inner{
	width: 100%;
	margin: 0 auto;
}

.live_read{text-align: center;}
.live_read span{
	font-size: 12vw;
	background: -webkit-linear-gradient(0deg, #eea0ff, #416094);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900;
	display: inline-block;
}

.live_area{
	padding-top: 2.5em;
	border-top:4px solid #64445c;
}

.live_area:before{
	content:'';
	width:100%;
	padding-top: 25%;
	background: url(../images/confetti_sp.png) repeat-x top center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.live_area .live_read span{
	color: #e46053;
}

.live_area .live_read span:before{
	content:'';
	display: block;
	position: absolute;
	width: .3em;
	height: .4em;
	top:0;
	left: 100%;
	background: url(../images/icon_electric.svg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.live_line_read{
	font-size: 7vw;
	font-weight: 900;
	color: #282828;
	border-bottom:3px solid #282828;
	text-align: center;
	margin-bottom: 1.5em;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}

.live_nl_read{
	font-size: 7vw;
	font-weight: 900;
	color: #282828;
	text-align: center;
	margin-bottom: 1em;
}

.mv {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 5%;
}

.mv_comment {
  position: relative;
  width: 100%;
}

.mv_comment_inner{
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.mv_comment .mv_comment_inner iframe{
	width: 100%;
	height: 400px;
}


/*---------------------------*/

#toflive .live_hd{
	background: url(../images/hd_bg_sp.jpg);
	-webkit-background-size: 100%;
	background-size: 100%;
	padding: 6.2% 2% 3%;
	border-bottom:6px solid #29230f;
}

#toflive .live_hd_inner{
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	color: #eb5204;
}

#toflive .hd_skew{
	width:100%;
	background: url(../images/hd_orage.svg) no-repeat center center ,url(../images/hd_yellow.svg) no-repeat center center ;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 1.5%;
}

#toflive .ft_skew{
	width:100%;
	background: url(../images/ft_orage.svg) no-repeat center center ,url(../images/ft_yellow.svg) no-repeat center center ;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 1.5%;
	margin-top: 1em;
}

.live_hd_inner h2{
	width: 40%;
}

#toflive .hd_txt{
	width: 49%;
	font-weight: 900 !important;
	line-height: 1;
	text-align: center;
	font-size: 3.3vw;
}

#toflive .hd_txt h3,
#toflive .hd_txt p{
	font-weight: 900 !important;
}

#toflive .hd_txt p{
	font-size: 35px;
	text-shadow: 2px 2px 0 #fff;
	margin-bottom: .4em;
	font-size: 4.2vw;
}

#toflive .hd_txt p::after{
    position: absolute;
    content:"～先出し生放送～";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #3e5f92;
    background: -webkit-linear-gradient(90deg, #062c82, #3e5f92);
	-webkit-background-clip: text;
}

#toflive .hd_txt h3{
	color: #1c7834;
	font-size: 5.8vw;
	text-align: center;
	margin-bottom: .149em;
	letter-spacing: -0.05em;
	text-shadow: 2px 2px 0 #fff;
}

#toflive .live_hd time{
	color: #fff;
	display: block;
	border-right:2px solid #b8e6cd;
	padding:0 2px 5px 0;
	font-weight: 900;
	margin: 0 auto;
}

#toflive time::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
	background: -moz-linear-gradient(left,  #aeceeb 0%, #cbb5f7 37%, #f5cbec 66%, #b8e6cd 89%); 
	background: -webkit-linear-gradient(left,  #aeceeb 0%,#cbb5f7 37%,#f5cbec 66%,#b8e6cd 89%); 
	background: linear-gradient(to right,  #aeceeb 0%,#cbb5f7 37%,#f5cbec 66%,#b8e6cd 89%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeceeb', endColorstr='#b8e6cd',GradientType=1 ); 
	position: absolute;
	bottom: 0;
}

#toflive .live_hd time span{
	color: #64445c;
	display: inline-block;
	padding: .4em;
	font-size: 4.7vw;
	background: -webkit-linear-gradient(0deg, #e60012, #ed6d00);
	background: #aeceeb; 
	background: -moz-linear-gradient(left,  #aeceeb 0%, #cbb5f7 37%, #f5cbec 66%, #b8e6cd 89%); 
	background: -webkit-linear-gradient(left,  #aeceeb 0%,#cbb5f7 37%,#f5cbec 66%,#b8e6cd 89%); 
	background: linear-gradient(to right,  #aeceeb 0%,#cbb5f7 37%,#f5cbec 66%,#b8e6cd 89%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeceeb', endColorstr='#b8e6cd',GradientType=1 ); 
	display: inline-block;
	text-shadow: 2px 2px 0 #fff;
}



/*Live*/
.live{
	width: 90%;
	margin: 0 auto 3em;
}

.live img{
	width: 100%;
	}


/*backstage*/
.backstage{
	background: url(../images/bg_brown_pattern.png) #2a230d;
	-webkit-background-size: 25% !important;
	background-size: 25% !important;
	padding: 0 5%;
}

.backstage .live_inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: center;
	align-items: center;
}

.backstage_img{
	width: 19%;
	display: block;
}

.backstage_img img{
	width: 100%;
}

.backstage_list.hide_ac{
	margin-bottom: 8%;
}
.backstage_list{
	overflow: hidden;
	transition:height .3s;
}

.backstage_list .img_wrap{
	display: block;
}

.backstage_list .img_wrap img{
	width: 100%;
	display: block;
}



.backstage .live_line_read{
	color: #fff;
	border:none;
	width: 81%;
	font-size: 6.1vw;
	margin-bottom: 0;
}

.backstage h5{
	text-align: center;
	color: #fff;
	font-size: 5vw;
	margin-top: 1.5em;
	margin-bottom: .5em;
	display: block;
	width: 100%;
}

.backstage .live_line_read small{
	display: block;
}

.backstage_list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 4em;
	width: 100%;
}

.backstage_list li{
	width: 100%;
	margin-top: 8% !important;
}


.backstage_list li p{
	margin-top: .5em;
	text-align: center;
	font-size: 17px;
	font-weight: 900 !important;
	color: #fff;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}

.morebtn_wrap{
	width: 65%;
	margin: 0 auto 5em;
	background: -moz-linear-gradient(right, #a0d6ff, #d9b7ff);
	background: -webkit-linear-gradient(right, #a0d6ff, #d9b7ff);
	background: linear-gradient(to left, #a0d6ff, #d9b7ff);
	padding: 3px;
	border:1px solid #fff;
}
.moretbn{
	text-align: center;
	padding: .5em 0;
}

.moretbn .more_inner{
	color: #fff;
	font-weight: 900;
	font-size: 4.5vw;
}

/*goods*/

.backstage + .live_related{
	padding-top: 4em;
}

.live_related{
	padding-bottom: 4em;
}
.live_related live_line_read{
	margin-bottom: 1em;
}

.related_info{
	text-align: center;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}
.related_info p{
	margin-bottom: 1.7em;
}

.live_related .live_inner{
	padding: 0 5%;
}

.related_info a img{
	max-width: 100%;
}



/*campagin*/
.information{
	padding-top: 7em;
	background: #fef8e5;
	width: 100%;
	padding: 0;
	background: url(../images/bg_brown.png) #2a230d;
	color: #fff;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
	
	padding-bottom: 1em;
	border-bottom:4px solid #64445c;
}

.information .live_inner{
	padding: 1em 5% 0;
}


/*notest*/


.notes{
	font-size: 3.8vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	-ms-align-items: center;
	align-items: center;
}

.notes h4{
	font-size: 7vw;
	font-weight: 900;
	margin-bottom: 1em;
}

.notes_body p{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: .5em;
}

.notes a{
	color: #e04134;
}

/*コピーライト*/
.copyright{
	text-align: center;
}


#bt_linktop{
	height: 0;
	padding: 0;
	position: relative;
}

#bt_linktop a{
	position: absolute;
	bottom: 20px;
	right: 30px;
}

footer #footer_logo{
	background: #fff;
}

.pcOn{
	display: none !important;
}

/*campagin*/
.campaign{
	padding-top: 7em;
	background: url(../images/bg_brown.png) #2a230d;
	width: 100%;
	padding: 0;
	font-family:"Montserrat", "ヒラギノ角ゴ","メイリオ",Meiryo,Arial,Helvetica,sans-serif;
}

.campaign h4 {
	color: #fff;
	border-bottom: 3px solid #fff;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}

.campaign .live_inner{
	padding: 3em 5% 0;
}

.campaign_info{
	margin-bottom: 3.725em;
}

.campaign_read{
	background: #fff;
	font-size: 	3.4vw;
	text-align: center;
	padding: 1.325em 1em;
	border:5px solid #ed6d00;
	margin-bottom: 2.4em;
}

.campaign_read span {
	color: #e04134;
	font-weight: bold;
}

.campaign_read:before,
.campaign_read:after{
	content:'';
	display: block;
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.campaign_read:before{
	width: 14%;
	height: 28%;
	background-image: url(../images/campaign_l.png);
	top: 0;
	left: 0;
}

.campaign_read:after{
	width: 14%;
	height: 21%;
	background-image: url(../images/campaign_r.png);
	bottom: 0;
	right: 0;
}

.campaign_read u{
	display: inline-block;
	text-decoration: none;
	z-index: 10;
}

.campaign_read u:after{
	content:'';
	height: .3em;
	width: 100%;
	background: #ffff00;
	position: absolute;
	bottom: .2em;
	left: 0;
	z-index: -1;
}

.campaign .app_wrap .btn_area h4::after {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
	background: -moz-linear-gradient(left,  #aeceeb 0%, #cbb5f7 37%, #f5cbec 66%, #b8e6cd 89%); 
	background: -webkit-linear-gradient(left,  #aeceeb 0%,#cbb5f7 37%,#f5cbec 66%,#b8e6cd 89%); 
	background: linear-gradient(to right,  #aeceeb 0%,#cbb5f7 37%,#f5cbec 66%,#b8e6cd 89%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeceeb', endColorstr='#b8e6cd',GradientType=1 ); 
	position: absolute;
	bottom: 0;
}

/*step*/
.campaign_step{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	color: #000;
	margin-bottom: 3.325em;
}
.campaign_step li{
	width: 80%;
	border:1px solid #e04134;
	background: #fabe00;
	margin-top: 7%;
}

.campaign_step li:nth-child(-n +1){
	margin-top: 0;
}

.step_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	padding: .7em 0;
	background: #fff;
}

.step_img{
	width: 84px;
}

.step_img img{
	width: 100%;
}

li:nth-child(3) .step_img{
	margin-right: 1em;
}

.step_num{
	font-size: 27px;
	color: #e04134;
	font-weight: 600;
}

.step_num strong{
	font-size: 1.5em;
}


.step_txt{
	text-align: center;
	font-weight: 500;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding: 1.25em 3%;
}


/*応募*/
.app_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

.btn_area{
	width: 100%;
}

.twitter_area{
	width: 100%;
	overflow: hidden;
}

.twitter_btn{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	background: #1da1f2;
	border-bottom:3px solid #0075a9;
	border-radius: 5px;
	font-size: 5.5vw;
	font-weight: 600;
	padding: .5em 0 !important;
	margin-bottom: 1.75em !important;
}

.twitter_btn img{
	width: 10% !important;
}

.twitter_btn span{
	color: #fff;
}

twitter-widget{
	margin: 0 !important;
	width: 100% !important;
}


.attention{
	float: none;
	color: #282828;
	border:3px solid #e04134;
	background: #fff;
}

.attention h5{
	font-size: 23px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background: #e04134;
}



.btn_area .live_line_read{
	font-size: 6vw;
	color: #fff;
	margin-bottom: .25em;
	border-bottom: none;
}

.btn_area .live_line_read span {
	display: block;
	padding-bottom: 2%;
}

.btn_area time{
	font-size: 4.5vw;
	font-weight: 600;
	font-family: 'Noto Serif JP',"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;		
	color: #fff;
	display: block;
	text-align: center;
	margin-bottom: 2.275em;
	background-image: none !important;
}
.btn_area time::after {
	background-image: none !important;
}

.attention{
	margin-bottom: 2.5em;
	}

.attention_body{
	padding: 1.25em;
	font-size: 3.75vw;
	font-weight: 900;
}

.attention_body a{
	color: #e04134;
	text-decoration: underline;
}