@charset "utf-8";
.shindan_bg{background:url(/tokires/livedocumentary/img/sp/cp2/bg.gif) top center;}
.wp_gr{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

}

.copyright{width: 90%; margin: 0 auto; text-align: center; font-size: 12px; padding: 10px 0;}

.title{ width: 95%; max-width: 1000px; margin: 0 auto; padding-top: 5%;}
.lead{ width: 95%; max-width: 766px; margin: 0 auto; padding-top: 5%;}
.ct1img{width: 70%; max-width: 811px; margin: 0 auto; padding-top: 5%;}

.wp_gr .free_btn{width: 50%; max-width: 1000px; margin: 0 auto; padding: 5% 0;}
.wp_gr .free_btn a{width: 100%; font-size: 30px; padding: 20px 0;}

@media screen and (max-width: 640px) {
.wp_gr .free_btn{width: 70%; margin: 0 auto; padding: 5% 0;}
.wp_gr .free_btn a{width: 100%; font-size: 5vw; padding: 20px 0;}
}





/* yesno */
.yesno { width: 100%; max-width: 640px; min-height: 400px; position:relative; margin:0 auto; clear: both; overflow: hidden;}
.yesno ul{ text-align: center; width: 95%; margin: 0 auto;}
.yesno li { list-style:none; text-align: center; display: block; width: 50%x; padding-bottom: 10px;}
.positionFit { position:absolute; left: 0px; width: 100%; padding-top: 24px;}
.positionFit p{ width: calc(95% - 10px); border: solid 1px #cfb44d; padding: 5% 5px; color: #cfb44d; text-align: center; font-size: 30px; margin: 0 auto 25px auto; line-height:1.61;}
.yesno a { width: 90%; max-width: 1000px; margin: 0 auto; padding: 5% 0; font-size: 20px; padding: 20px 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; color: #fff; display:block;}
.yesno a :hover{ filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; }

.even a{background: #de006f;}
.odd a{background: #8115ff;}


@media screen and (max-width: 640px) {
	  .positionFit p{font-size: 5vw;  line-height:1.3;}
	  .positionFit p br{ display:none; }
}



.q_box{width: 95%; max-width: 1000px; margin: 0 auto; padding-top: 5%;}
.q_box_left{width: 49%; float: left;}
.q_box_right{width: 50%; float: right;}

@media screen and (max-width: 640px) {
.q_box_left{width: 70%; float: none; margin: 0 auto; padding-bottom: 10px;}
.q_box_right{width: 95%; float: none; margin: 0 auto;}
}


.twsample{width: 95%; max-width: 640px; margin: 0 auto; border: solid 1px #fff; overflow:hidden;}


.tw_btn{width: 95%; max-width: 450px; margin: 0 auto; padding-top: 5%; margin-bottom: 5%;}
.tw_btn a{width: 100%; display:block; background: #4db6df; padding: 20px 0; color: #fff; text-align: center; font-size: 30px;}


	

.arrow_box {
	position: relative;
	background: #da006e;
	width: calc(80% - 10px); max-width: 500px;
	margin: 5% auto;
	padding: 5% 5px;
	text-align: center;
	font-size: 25px;
	line-height:1.61;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #da006e;
	border-width: 30px;
	margin-left: -30px;
}

.arrow_box span{color: #ffff00; font-weight: 800; font-size: 30px;}


@media screen and (max-width: 640px) {
	  .arrow_box{font-size: 4vw;}
	  .arrow_box span{font-size: 5vw;}
}