margin:20px 0;@charset "UTF-8";

html {
  font-size:60%;
  height:100%;
}
body {
  font-size:1em;
  background:#000;
  margin: 0;
  padding: 0;
  height:100%; 
  	background-image:url("../img/bg/v_bg01.jpg");
	background-size:  cover;
	background-position:center center;
	background-attachment:fixed;
}
#bgss {  font-size:1em;
  background:#000;
  margin: 0;
  padding: 0;
  height:100%; 
  	background-image:url("../img/bg/v_bg02.jpg");
	background-size:  cover;
	background-position:center center;
	background-attachment:fixed;}
body > .box {
	height: auto;
}
*{
	padding:0;
	margin:0;
}
*, *::before, *::after {
  box-sizing:border-box;
}
.clearfix::after {
  content:'';
  display:block;
  clear:both;
}
#top-head,footer,.news_day,.title_bottomspec,.title_purologue {font-family: 'Teko', sans-serif;}




.owabi {
	color:#ddd;
	border:#00fffa 1px solid;	margin:15px 0;
	font-size:1.2em;
	font-weight:bold;
	background:rgba(0,255,250,0.2);

}
.owabi  img {
	max-width:100%;
}
.owabi a{
	display: block;
	color:#ddd;
	text-decoration:none;
}
.owabi a:hover{
	background:rgba(0,255,250,0.3);
}

.owabi_bottom {
	color:#ddd;
	border:#00fffa 1px solid;	margin:15px 0;
	font-size:1.2em;
	font-weight:bold;
	background:rgba(0,255,250,0.2);
	width:43%;
	margin:auto;

}
.owabi_bottom  img {
	max-width:100%;
}
.owabi_bottom a{
	display: block;
	color:#ddd;
	text-decoration:none;
}
.owabi_bottom a:hover{
	background:rgba(0,255,250,0.3);
}

.owabi_pan {
	background:rgba(0,0,0,0.4);
	padding:10px;
	color:#ddd;
	border-bottom:#496991 1px solid;
	font-size:0.9em;
}
.owabi_pan a {
	color:#ddd;	
}
.result_box {
	width:800px;
	height:100%;
	color:#e8e8e8;
	/*background:#ebebeb;*/

	margin:auto;

	text-align: center;
	display: table;

}
@media (max-width: 700px) {	

}
.result_boxin {
	display: table-cell;
  vertical-align: middle;
}
.result_boxin a {
	color:#ddd;	
}
.result_title {
	font-size:1.5em;
	font-weight:bold;
}

.result_color {
	color:#f09e00;
	font-weight:bold;
	font-size:20px;
}


hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
	width:70%;
	margin:auto;
}
.result_charabox {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #870c0c;
}
.result_charabox2 {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #a6870c;
}
.result_charabox3 {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #6e6e6e;
}
.result_charabox4 {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #c437b4;
}
.result_charabox5 {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #525252;
}
.result_charabox6 {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #533296;
}
.result_charabox7 {
	background:rgba(103,105,161,0.5);
	width:700px;
	margin:auto;
	border:2px solid #8f5122;
}
.result_zyuni {
	background:#870c0c;
	font-weight:bold;
	color:#edb424;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.result_zyuni2 {
	background:#a6870c;
	font-weight:bold;
	color:#ddd;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.result_zyuni3 {
	background:#6e6e6e;
	font-weight:bold;
	color:#ddd;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.result_zyuni4 {
	background:#c437b4;
	font-weight:bold;
	color:#ddd;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.result_zyuni5 {
	background:#525252;
	font-weight:bold;
	color:#ddd;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.result_zyuni6 {
	background:#533296;
	font-weight:bold;
	color:#ddd;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.result_zyuni7 {
	background:#8f5122;
	font-weight:bold;
	color:#ddd;
	font-size:1.4em;
	font-family: "Sawarabi Mincho";
	padding:10px 0;
}
.come_title {
	background:#870c0c;
	padding:3px 0;
}
.come_title2 {
	background:#a6870c;
	padding:3px 0;
}
.come_title3 {
	background:#6e6e6e;
	padding:3px 0;
}
.come_title4 {
	background:#c437b4;
	padding:3px 0;
}
.come_title5 {
	background:#525252;
	padding:3px 0;
}
.come_title6 {
	background:#533296;
	padding:3px 0;
}
.come_title7 {
	background:#8f5122;
	padding:3px 0;
}
.chara_topbox {
	display: table;
	width:700px;
	margin:auto;

}
.chara_icon {
	display: table-cell; text-align: left;
	line-height: 0;/*下余白*/
}
.chara_serihu {
	display: table-cell;
	vertical-align: middle;
	font-family: "Sawarabi Mincho";
	font-size:1.2em;
	text-align:left;
}

.result_charabox ul,.result_charabox2 ul,.result_charabox3 ul,.result_charabox4 ul,.result_charabox5 ul,.result_charabox6 ul,.result_charabox7 ul {
	text-align:left;
}
.result_charabox ul li,.result_charabox2 ul li,.result_charabox3 ul li,.result_charabox4 ul li,.result_charabox5 ul li,.result_charabox6 ul li,.result_charabox7 ul li {
	padding:2px 0;
}
.votelist{
	margin:0px;
	padding:0 40px;
	font-size:0.9em;
}
.come_scroll {
	height:300px;
	overflow-y:scroll;
	background:rgba(0,0,0,0.5);
}
.come_scroll2 {
	background:rgba(0,0,0,0.5);
}

.btmrink {
	font-size:0.8em;
}

.btn {
	position: relative;
	width: 213px;
	height: 213px;

	display: block;

	overflow: hidden;
	cursor: pointer;
}
.btn img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.btn:hover img:nth-of-type(2) {
	opacity: 0;
}

@media (max-width: 750px) {
	.result_box {
		width:100%;
		font-size:0.8em;
		line-height:1.5em;
		margin:0;
	}
	.result_charabox,.result_charabox2,.result_charabox3,.result_charabox4,.result_charabox5,.result_charabox6,.result_charabox7{
		width:95%;
	}
	.chara_topbox {
	 display:block;
	width:95%;
	margin:auto;
	}
	.chara_icon {
	 display:block; text-align: center;
	line-height: 0;/*下余白*/
	width:100%;
}
.chara_serihu {
	 display:block;
	vertical-align: middle;
	font-family: "Sawarabi Mincho";
	font-size:1.4em;
	text-align:left;
	width:100%;
	padding:10px;
}

}


.rinku2 li {list-style:none;}
.rinku2 {
	display: flex;
	justify-content:center;
}
.rinku2 img {margin:10px;border:1px solid #00fffa;}

@media (max-width: 900px) {
	.rinku2 {

	width:100%;
	margin:auto;
	text-align:center;
	}

}

@media (max-width: 450px) {
	ul.rinku2  {width:90%;}
	.rinku2 img{width:90%;margin:0px}
}



.wall_box {
	background:rgba(0,0,0,0.7);
	width:800px;
	margin:auto;
	text-align:center;
	padding:5px;
	border:3px double #7c3d00;
	font-size:0.9em;
}
.wall_box a{
	color:#e9694c;
	font-size:0.8em;
	
}

@media (max-width: 900px) {
	.wall_box {
		background:rgba(0,0,0,0.6);
		width:99%;
	}
	.result_title img {width:100%;}
}


.ss_box {
	background:rgba(0,0,0,0.7);
	width:800px;
	margin:auto;
	text-align:center;
	padding:5px;
	border:3px double #496991;
	font-size:0.9em;
}
.ss_box a{
	color:#e9694c;
	font-size:0.8em;
	
}

@media (max-width: 900px) {
	.ss_box {
		background:rgba(0,0,0,0.6);
		width:99%;
	}
	.result_title img {width:100%;}
	.hcg img{width:100%;}
}

.ssbox {
	background:rgba(35,87,168,0.3);
	width:700px;
	margin:auto;
	text-align:left;
	padding:20px;
	font-family: "Sawarabi Mincho";
	line-height:1.55em;
	letter-spacing:0.1em;
}
.ssboxin {
	background:rgba(0,0,0,0.5);
	padding:10px;
}
.ssbox p{
  text-indent: 1em;
}

@media (max-width: 900px) {
	.ssbox {
		width:98%;
		padding:10px;
	}
}