@charset "UTF-8";

#vote{
    background-image: url(../images/common/content_bg02.png),url(../images/common/content_bg01.png),url(../images/common/content_bg06.png);
    background-position: center bottom,center top,left top;
    background-repeat: no-repeat,no-repeat,repeat;
    background-size: 100%,100%,37px;
    padding:5px 0 60px 0;
}
#vote h1{padding-bottom:15px;width:320px;margin:0 auto;}

.content_wrap{
    width:310px;
    margin: 0 auto;
    position: relative;
}
.content_wrap .contents_box{
    width:306px;
    background-color:#FFFFFF; 
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-left-radius: 15px;
    -webkit-border-right-radius: 15px;
    border:solid 2px #279dd8; 
    border-top:none;
}
#vote h2{
	margin-bottom:-19px;
}
#vote .contents_box{
	padding-top:19px;
}

/*こたえてノリノリ*/
#vote #shindan{
	text-align:center;
}
#vote #shindan .pt10{
	padding-top:10px;
}
#vote #shindan .shindan-btn{
	padding-bottom:10px;
}
#chara-shindan{
	background-color:#FFFFFF; 
    border-bottom-radius: 15px;
    -webkit-border-radius: 15px;
    border:solid 2px #279dd8; 
	width:290px;
	height:263px;
	margin:0 5px;
	padding:0 8px;
	background-size:310px 263px;
	position:relative;
}
#chara-shindan .title{
	padding:12px 0 10px;
}
#chara-shindan .select-answer {
	line-height:1;
}
#chara-shindan .select-answer  input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	cursor:pointer;
	position:absolute;
}
#chara-shindan .select-answer label{
	display:block;
	height:20px;
	font-size:13px;
	padding:8px 0 8px 14px;
	margin:0 0 4px 10px;
	background:url(../images/vote/shindan_check.png) 0px 8px no-repeat;
	background-size:12px 40px;
}
#chara-shindan .select-answer label:hover{
	cursor:pointer;
}
#chara-shindan .select-answer label.ischecked{
	background:url(../images/vote/shindan_check.png) 0px -21px no-repeat;
	background-size:12px 40px;
}
#chara-shindan .next{
	position:absolute;
	left:15px;
	bottom:20px;
}
#chara-shindan .chara-img{
	position:absolute;
	right:10px;
	bottom:10px;
}
#chara-shindan .kekka-zubari{
	padding:0 0 5px 105px;
	margin:0;
	display:block;
	text-align:left;
}
#chara-shindan .kekka-details {
	font-size:12px;
}
#chara-shindan .kekka-details p{
	line-height:1.4;
	border-bottom:#279DD8 solid 2px;
	margin:0 0 8px 105px;
	padding-bottom:8px;
}
#chara-shindan .kekka-img{
	position:absolute;
	left:10px;
	top:10px;
}
#chara-shindan iframe{
	margin:3px 0;
}
#chara-shindan .sns li{
	margin-top:8px;
}

/*えらんでノリノリ*/
#vote .vote-chara-image{
	margin-bottom:-50px;
	text-align:center;
}
#vote .vote-image{
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
#vote input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
	cursor:pointer;
}
#vote .radiobtn{
	width:137px;
	height:112px;
	float:left;
	margin:0 0 20px 10px;
	position:relative;
}
#vote .vote-btn1 a{
	background:url(../images/vote/vote_btn1.png) no-repeat left top;
}
#vote .vote-btn2 a{
	background:url(../images/vote/vote_btn2.png) no-repeat left top;
}
#vote .vote-btn3 a{
	background:url(../images/vote/vote_btn3.png) no-repeat left top;
}
#vote .vote-btn4 a{
	background:url(../images/vote/vote_btn4.png) no-repeat left top;
}
#vote .vote-btn5 a{
	background:url(../images/vote/vote_btn5.png) no-repeat left top;
}
#vote .vote-btn6 a{
	background:url(../images/vote/vote_btn6.png) no-repeat left top;
}
#vote .vote-btn7 a{
	background:url(../images/vote/vote_btn7.png) no-repeat left top;
}
#vote .vote-btn8 a{
	background:url(../images/vote/vote_btn8.png) no-repeat left top;
}
#vote .vote-btn9 a{
	background:url(../images/vote/vote_btn9.png) no-repeat left top;
}
#vote .vote-btn10 a{
	background:url(../images/vote/vote_btn10.png) no-repeat left top;
}
#vote .vote-btn11 a{
	background:url(../images/vote/vote_btn11.png) no-repeat left top;
}
#vote .vote-btn12 a{
	background:url(../images/vote/vote_btn12.png) no-repeat left top;
}
#vote .radiobtn a{
	width:137px;
	height:112px;
	display:block;
	cursor: pointer;
	overflow: hidden;
	position:relative;
	z-index:10;
	background-size:274px 93px;
	text-indent:-9999px;
}
#vote .radiobtn a:hover,
#vote .radiobtn.ischecked label{
	background-position:right top;
}

#vote .game_checked{
	width:51px;
	height:13px;
	background:url(../images/vote/vote_selected.png) 0 0 no-repeat;
	background-size:51px 26px;
	display:none;
	text-indent:-9999px;
}
#vote .ischecked .game_checked{
	background-position:left bottom;
}
#vote .radiobtn .game_checked{
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
#vote .radiobtn .count{
	position:absolute;
	display:block;
	right:0;
	bottom:-3px;
	color:#279dda;
	font-size:16px;
	font-weight:bold;
	line-height:1;
	z-index:2;
}
#vote select{
	font-size:12px;
}
#vote input.submit {
	cursor: pointer;
	display: block;
	width: 199px;
	height: 35px;
	border: none;
	text-indent: -9999px;
	background: url(../images/vote/vote_btn.png) no-repeat  left top;
	background-size: 199px 35px;
}
#vote .enquete-wrap{
	clear:both;
	width:275px;
	margin:0 auto;
	padding-bottom:15px;
	position:relative;
}
#vote .enquete-ttl{
	text-align:center;
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-left-radius: 15px;
    -webkit-border-right-radius: 15px;
	 border:solid 2px #279dd8; 
	 border-bottom:none;
	 background:#279dd8;
	 padding:4px 8px 10px;
}
#vote .enquete{
	padding:13px 13px 0;
	z-index:1;
	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-left-radius: 15px;
    -webkit-border-right-radius: 15px;
	 border:solid 2px #279dd8; 
	 border-top:none;
}
#vote .enquete p{
	line-height:1.8;
	margin-bottom:15px;
}
#vote .enquete p img{
	margin-bottom:5px;
}
#vote .enquete-img{
	position:absolute;
	right:-23px;
	bottom:33px;
}

.vote-result{
	width: 306px;
	padding:15px 0 0;
	height: auto;
	margin:0 5px;
	text-align:center;
	position:relative;
	background-color:#FFFFFF;
	border-radius: 15px;
    -webkit-radius: 15px;
    border:solid 2px #279dd8; 
}
.vote-result h1{
	padding-bottom:10px;
}
.vote-result .txt{
	width:235px;
	margin:0 auto;
	padding-bottom:10px;
}
.vote-result .txt p{
	font-size:13px;
	line-height:1.4;
}
	
.vote-result .story{
	padding:10px 0;
}
.vote-result .story h2{
	text-align:left;
	padding-bottom:6px;
}
.vote-result .sns-message{
}
.vote-result ul{
}
.vote-result .share li{
	margin:8px 0;
}
.vote-result .toukei {
	height:95px;
	padding:15px 0 10px;
	border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    -webkit-border-left-radius: 12px;
    -webkit-border-right-radius: 12px;
	border:solid 5px #279dd8;
	border-top:none;
	font-weight:bold;
	line-height:1;
	background-color:#279dd8;
}
.vote-result .toukei li{
	font-size:11px;
	color:#FFFFFF;
	position:absolute;
}
.vote-result .toukei li.ttl{
	width:100%;
	text-align:center;
}
.vote-result .toukei li.rate{
	width:100%;
	text-align:center;
	/*left:95px;*/
	bottom:10px;
	font-size:12px;
}
.vote-result .toukei li.rate span{
	color:#fbec04;
	font-size:32px;
	padding:0 5px;
}
.vote-result .toukei li.age{
	left:40px;
	bottom:72px;
}
.vote-result .toukei li.bloodtype{
	left:160px;
	bottom:72px;
}
.vote-result .toukei li.gender{
	left:40px;
	bottom:55px;
}
.vote-result .toukei li.area{
	left:160px;
	bottom:55px;
}
.vote-result .toukei li.comingsoon{
	left:0px;
	bottom:60px;
	width:320px;
	text-align:center;
}
.error-message{
	background-color:#FFF;
	width:310px;
	margin:0 5px;
	padding:50px 0;
	text-align:center;
	border-radius: 15px;
    -webkit-radius: 15px;
}

/*colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0!important; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none;}

#cboxOverlay{background:rgb(0,0,0); opacity: 0.7; filter: alpha(opacity = 70);}
#cboxClose{position:absolute; bottom:8px; right:10px; display:block; background:url(../images/vote/close.png); background-size:26px 26px; width:26px; height:26px; text-indent:-9999px; border:none; outline:none;}