html,
body{
  font-family: sans-serif;
  font-size: 18px;
  line-height: 1.8;
  color: #000;
}

.kv,
.footer,
.copyright,
.sect{width: 100%;}
.footer,
.copyright,
.sect{padding: 0 10px;}
.sect{margin: 30px 0;}
.copyright{
  margin-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.copyright a{color: #c03905;}

h2{margin-bottom: 10px;}
a{display: block;}
img{width: 100%;height: auto;vertical-align: bottom;line-height: 0;}
h2 img{width: 32px;height: auto;vertical-align: bottom;line-height: 0;}
em{font-style: normal;color: #c03905;}

.fll{float: left;}
.flr{float: right;}
.cl{clear: both;}
.cf:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
.flex.fl-aic{
  -webkit-box-align-items: center;
  -ms-align-items: centcer;
  align-items: center;

}

.btn-official{margin: 10px 0;}
.box{padding: 10px;}

.kv{margin-bottom: 20px;}
.benikoji{
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f8ece3;
  font-size: 16px;
}
.benikoji h3{margin-bottom: 10px;}
.benikoji .box{
  margin-top: 10px;
  padding-right: 0;
  background-color: #fff;
}
.benikoji .box img{width: 110px;height: 61px;order: 1;}
.benikoji .box p{margin-right: 10px;}

.ranking{}

.voice .box{background-color: #f8ece3;}
.voice .box +.box{margin-top: 26px;}
.voice h3{
  font-size: 25px;
  color: #c03905;
  line-height: 1.2;
}
.voice p{}
.voice p +p{margin-top: 0.8em;}
.voice .meta{margin-bottom: 10px;}
.voice .meta p{line-height: 1.4;}
.voice .meta span{font-size: 12px;}
.voice .flex{margin-bottom: 5px;}
.voice .flex .meta{color: #c03905;}
.voice .flex span{font-size: 14px;}
.voice .ph{width: 115px;height: auto;margin-right: 10px;}

.ranking p,
.balance p{margin: 10px 0;}
.ranking p em,
.balance p em{color: #f00;}

.balance .box{
  margin-top: 15px;
  padding: 7px;
  background-image: url(../img/balance-comment-bg.png);
  -webkit-background-size: 300px 285px;
  background-size: 300px 285px;
}
.balance .comment{padding: 10px;background-color: #fff;}
.balance .comment img{width: 115px;margin-right: 10px;margin-bottom: 10px;}
.balance .comment em{color: #f00;}

.column{}
.column h3{width: 130px;margin-bottom: 10px;}
.column p::first-letter{font-size: 32px;line-height: 1.1;}
.column p + p::first-letter{font-size: 18px;}
.column .box{border: 1px solid #d4d4d4;}
.column .box .ph{
  margin-left: 8px;
  width: 140px;
}

.professor{
  padding: 7px;
  background-image: url(../img/professor-bg.png);
  -webkit-background-size: 300px 285px;
  background-size: 50px 50px;
}
.professor .box{background-color: #f7f1dd;}
.professor .box .ph{
  margin-right: 10px;
  margin-bottom: 10px;
  width: 125px;
}
.professor p + p{margin-top: 1em;}

.txt-pr{
	text-align:right;
	font-size:12px;
}

.txt-center{
	text-align:center;
	font-size:13px;
}

.txt-center-bold{
	text-align:center;
	font-weight:bold;
}


.txt-title{
	text-decoration:underline;
	font-weight:bold;
}

.txt-blue{
	color:#09F;
	font-weight:bold;
}

.txt-red{
	color:#F00;
	font-weight:bold;
}
.txt-red a{
	color:#F00 !important;
	display:inline !important;;
}



.txt-pink{
	color:#F69;
	font-weight:bold;
}

.txt-cafe{
	color:#C93;
	font-weight:bold;
}

.txt-green{
	color:#36BA71;
	font-weight:bold;
}

a span.txt-yellow{
	color:#FF0;
}


.graph{
	border:1px solid #000;
	padding:10px;
}

.voicewrap{
	width:100%;
	margin:30px auto;
	border:1px solid #F60;
	clear:both;
	overflow:hidden;
	border-radius: 10px;
}

.voicewrap p.title{
	background:#F60;
	color:#fff;
	font-weight:bold;
	padding:10px;
}

.voicewrap .voice-img{
	width:50%;
	float:left;
	padding:10px;
}

.voicewrap .voice-img img{
	background:#fff;
	padding:5px;
}
.voicewrap .voice-profile{
	width:50%;
	float:right;
	padding:10px 5px 10px 0px;
}

.voicewrap .voice-profile p{
	padding:0;
	margin:0;
	line-height:150%;
}

.voicewrap .voice-txt{
	clear:both;
	padding:0px 10px 10px 10px;
}


.top-title{
	line-height:1.2em;
}

.bg-weight{
	background-color:#FBE5D6;
	padding:10px;
}

.bg-weight p{
	font-size:90%;
}

header{
	padding:20px 10px 0px 10px;
	float:none;
}

header h1{
	font-size:32px;
	font-weight:bold;
	line-height:1.2em;
}

header h2{
	font-size:32px;
	font-weight:bold;
	line-height:1.2em;
	padding-top:20px;
}

h2.title{
	font-size:32px;
	font-weight:bold;
	line-height:1.2em;
	padding-top:20px;
	color:#F00;
	font-weight:bold;
}



time {
  color: #B5B5B5;
  background: url(../img/icon_time.png) no-repeat;
  background-position: left;
  padding-left: 20px;
  font-size: 14px;
}

header .header_time {
  padding-top:10px;
  font-size: 14px;
  float:left;
}

header .txt-pr{
  padding-top:10px;
  font-size: 14px;
  float:right;
}


.marker {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker a{
	text-decoration:none;
	display:inline;
	color:#000;
}


footer{
	padding:0px 15px 15px;
}


div.wrapper-blue{
	border:#7030a0 2px solid;
	clear:both;
	overflow:hidden;
	border-radius: 10px;
	margin:20px 10px;
	padding:10px;
}

div.wrapper-blue p.title{
	text-align:center;
	font-weight:bold;
	font-size:24px !important;
	padding-bottom:10px;
	line-height:120%;
}


div.wrapper-yellow{
	border:#FC0 2px solid;
	clear:both;
	overflow:hidden;
	border-radius: 10px;
	margin:20px 10PX;
	padding:10px;
}

div.wrapper-yellow p.title{
	text-align:center;
	color:#F00;
	font-weight:bold;
	font-size:24px !important;
	padding-bottom:10px;
	line-height:120%;
}

div.wrapper-red{
	border:#ffcccc 2px solid;
	clear:both;
	overflow:hidden;
	border-radius: 10px;
	margin:10px;
	padding:10px;
}

div.wrapper-red p.title{
	text-align:left;
	padding:10px 0 20px 0;
	line-height:150%;
}

div.wrapper-red p{
	font-weight:bold;
}

div.wrapper-red p.name{
	text-align:right;
	padding-top:10px;
	font-weight:bold;
}

div.wrapper-red p.notice{
	text-align:right;
	font-size:13px !important;
	font-weight:normal !important;
	padding-top:10px !important;
}

div.wrapper-red p.notice-left{
	text-align:left;
	font-size:13px !important;
	font-weight:normal !important;
	padding-top:10px !important;
}


div.wrapper-red .voice-img{
	width:40%;
	float:left;
	padding:0 10px 0 0;
}

div.wrapper-red .voice-img img{
	background:#fff;
	padding:5px;
}
div.wrapper-red .voice-profile{
	width:60%;
	float:right;
	padding:10px 5px 10px 0px;
}

div.wrapper-red .voice-profile p{
	padding:0;
	margin:0;
	line-height:150%;
	font-weight:bold;
}

div.wrapper-black{
	border:#666 2px solid;
	clear:both;
	overflow:hidden;
	border-radius: 10px;
	margin:10px;
	padding:10px;
}

div.wrapper-black p.title{
	text-align:left;
	color:#F00;
	font-weight:bold;
	font-size:22px !important;
	padding-bottom:10px;
}

div.wrapper-black p.name{
	text-align:right;
	padding-top:10px;
	
}

.wrapper-black-title{
	background:#333;
	clear:both;
	overflow:hidden;
	border-radius: 10px;
	margin:10px;
	padding:8px;
	color:#FFF;
	text-align:center;
}


p.title-yellow{
	border-top:#FC0 2px solid;
	border-bottom:#FC0 2px solid;
	font-size:24px !important;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}

.txt-link{
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	
}


div.center-wrapper{
	margin:10px auto;
	text-align:center;
	
}
.sec_btn {
	text-align: center;
    font-size: 36px;
    font-weight: 600;
    padding: 15px 10px;
    color: #fff;
	width:95%;
    display: inline-block;
    background: linear-gradient(to bottom,#ed6565 0,#f47979 74%,#fa8888 100%);
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4), inset 1px 1px 2px rgba(255,255,255,.3);
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
    margin-bottom: 5px;
}
a:hover {
	opacity: 0.8;
	text-decoration:none;
	/*color:#ff6600;*/
	transition: all 300ms ease-in-out;
} 

.bg-blue{
   padding: 10px;
   background:#DCD4E9;
   overflow:hidden;
   margin:10px auto;
}

.wrapper-red-title{
	background:#ffcccc;
	clear:both;
	overflow:hidden;
	margin:20px 0 10px 0!important;
	padding:8px;
	text-align:center;
	font-size:150% !important;
	font-weight:bold;
	line-height:130%;
}
.wrapper-pink-title{
	background:#ff6699;
	clear:both;
	overflow:hidden;
	margin:20px 0 10px 0!important;
	padding:8px;
	text-align:center;
	font-size:150% !important;
	font-weight:bold;
	color:#fff;
	display:block;
}

.wrapper-pink-title a{
	text-decoration:none !important;
	color:#fff;
}



.right-img-wrap{
	width:100%;
	margin:10px auto;
}

.right-img{
	width:50% !important;
	float:right !important;
	margin:0px 0 10px 10px;
}

.left-img{
	width:50% !important;
	float:left !important;
	margin:0px 10px 10px 0px;
}

.point-img-wrap{
	width:100%;
	margin:10px auto;
	border:4px solid #99ffcc;
	padding:10px;
}

.point-img{
	width:20% !important;
	float:left !important;
	margin:0px 15px  0 10px;
}

.txt-small{
	font-size:12px;
}

.txt-caption{
	font-size:88% !important;
	line-height: 120%;
	padding-top: 5px;
}

h2.title-orange{
	font-size:32px;
	font-weight:bold;
	line-height:1.2em;
	padding-top:20px;
	color:orange;
	text-decoration: underline;
}
h2.title-blue{
	font-size:32px;
	font-weight:bold;
	line-height:1.2em;
	padding-top:20px;
	color:deepskyblue;
}