body {
margin: 0; 
padding: 0;
	background: #fff;
	text-align:center;
	color:#222;
	line-height:1.7;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  sans-serif;
	font-size: 15px;
	vertical-align:top;
	height: 100%;
}
body *{
	max-width:100%;
	padding:0px;
	margin:0px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
body{background:#F6FCFF;}

ul{list-style-type: none;}
img{border: 0;vertical-align: bottom;}
.fade:hover img{  
//opacity:0.8;
//filter: alpha(opacity=80);        
//-ms-filter: "alpha(opacity=80)";  
//-moz-opacity:0.8;               
//-khtml-opacity: 0.8;
/*zoom:1.05;*/
    -webkit-filter:brightness(1.2);
    -moz-filter:brightness(1.2);
    -ms-filter:brightness(1.2);
    filter:brightness(1.2);
}
.hide img{  
    -webkit-filter:brightness(0.5);
    -moz-filter:brightness(0.5);
    -ms-filter:brightness(0.5);
    filter:brightness(0.5);
}


/*size*/
header,
.main
{
	display:block;
	margin:0 auto;
	max-width:1120px;//1600px
}

header{position:relative;}
header .sns{position:absolute;right:20px;top:250px;z-index:2;}
header .sns{list-style-type:none;}
header .sns li{margin-bottom:10px;}
header .sns li img{max-width:32px;}
.main {
overflow:hidden;
position:relative;
/*	background:url("/image/skybg.jpg") no-repeat right top;background-size:auto 100%;*/
border:#fff solid 4px;
}
.main .catch {color:#fff;font-weight:bold;font-size:100%;background: #f60;padding:3px;border-radius:10px;margin-bottom:10px;}
.main .confirm,
.main .edit{border-radius:10px;border:3px dotted #f60;background:#fa0;}
/*.main h2{color:#777;font-weight:bold;font-size:120%;background: #ffa;padding:3px;border-radius:10px;margin:0 0 10px;}*/
.main dl{}
.main dl dt{display:inline-block;width:30%;text-align:right;vertical-align:top;}
.main dl dd{display:inline-block;width:55%;text-align:left;vertical-align:top;}
.main .kiyaku {display:inline-block;vertical-align:top;width: 100%; height: 150px; padding: 0; border: 1px solid #dddddd; overflow: auto;background:#fff;}
.main .kiyaku pre{overflow: auto;white-space: pre-wrap;word-wrap: break-word;font-size:50%;text-align:left;}
.main .required-error:before{content:"※この項目は必須です";display:inline-block;color:#e00;font-weight:bold;}


/*.toppage .main h1{position:absolute;left:14px;top:14px;padding:0;}*/
.toppage .main .left  {position:absolute;left:14px;top:245px;overflow:hidden;border:none;text-align:left;}
.toppage .main .right {position:absolute;right:0px;top:0px;width:320px;max-width:30%;overflow:hidden;border:none;text-align:center;}
.toppage .main .quizbtn{position:absolute;right:14px;top:28px;padding:0;width:210px;text-align:center;z-index:3;}

.toppage .main .news {display:inline-block;background:rgba(255,255,255,0.5);border-radius:20px;padding:3px;margin-top:10px;width:100%;min-height:161px;}
.toppage .main .news .box {background:#fff;border:solid 3px #D3EDFA;border-radius:10px;height:100%;width:100%;}
.toppage .main .news h2{background: none;padding:0px;border-radius:none;margin:0px;text-align:center;color:#fff;font-weight:700;text-align:left;font-size:110%;padding:0px 10px 5px;margin-bottom:0px;letter-spacing:0.5em;text-shadow:1px 1px 0.5px #EF4130,-1px -1px 0.5px #EF4130,1px -1px 0.5px #EF4130,-1px 1px 0.5px #EF4130;border-bottom:2px dotted #D3EDFA;}
.toppage .main .news ul{line-height:1;width:100%;padding:10px;}
.toppage .main .news li{line-height:1.1;width:100%;padding:3px;text-align:left;}
.toppage .main .news li p{font-size:50%;padding:0px;margin:0px;}
.toppage .main .news li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis;color:#3333ff;font-size:90%;text-decoration:none;color:#00AEEF;letter-spacing:0.05em;}
.toppage .main .news li:hover{background:#F6FCFF;}
.toppage .main .sidemenu{margin-top:30px;}
.toppage .main .sidemenu li{margin:0px;display:inline-block;max-width:48%;}
.new{position:relative;}
.new:before{content:"";background:url("/image/ic_new.png") no-repeat center center;right:-26px;background-size:contain;top:-45px;position:absolute;z-index:1100;display:inline-block;width:90px;height:93px;}

.toppage .main .twitterbase {display:inline-block;background:rgba(255,255,255,0.5);border-radius:20px;overflow:hidden;padding:3px;margin-top:30px;width:100%;height:400px;max-height:30%;text-align:center;}
.toppage .main .twitterbase .box {background:#fff;border:solid 3px #D3EDFA;border-radius:20px;width:100%;height:100%;}
.toppage .main .twitterbase h2{background: none;padding:0px;border-radius:none;margin:0px;text-align:center;}
.toppage .main .twitterbase iframe{width:100% !important;height:100% !important;}

/*
.toppage .main .twitterbase .twitter {overflow:hidden;width:100%;height:100%;}
.toppage .main .twitterbase .twitter+p {position:relative;width:100%;height:100%;}
.toppage .main .twitterbase .twitter iframe{width:100% !important;height:100% !important;}
*/
.toppage .main .sns{z-index:2;}
.toppage .main .sns{list-style-type:none;}
.toppage .main .sns li{margin:10px;display:inline-block;}
.toppage .main .sns li img{max-width:32px;}

/*.toppage .main:before{content:"";background:#fff;width:77px;height:100%;float:left;}*/
.toppage .main .contents{display:block;height:100%;max-width:100%;background:#fff;}
.toppage .main .contents .keyvisual{display:block;vertical-align:bottom;/*position:absolute;top:0px;left:0;*/max-height:100%; max-width:100%;}
/*.toppage .main{height:1120px;}*/
.toppage .main .comic {}
/*.main .quizbtn {margin-top:40px;}*/

.qbg{background:rgba(255,192,0,0.3) url("/image/7o3xbg_title.png") no-repeat 50% 50%;background-size:70%;}
.subpage {height:100%;}
.subpage .bgheader{background:url("/image/bg-header.png") no-repeat center top;background-size:contain;	max-width:1120px;	margin:0 auto;height:100%;}
.subpage .bgfooter{background:url("/image/bg-footer.png") no-repeat center bottom;background-size:contain;height:100%;}
.subpage .main{background:none;height:100%;}/*url("/image/bg-main.png") repeat center center;background-size:cover;}*/
.subpage .main .contents{clear:both;display:block;padding:100px 50px 200px;}
.subpage .main header {display:block;position: relative;}
.subpage .main header h1 {	float:left;	margin: 10px; }
.subpage .main header h2 {	float:left;	margin: 100px 100px 10px 10px;}
.subpage .main header h1 img {	width:80%;}
.subpage .main header h1 img:hover {
    -webkit-filter:brightness(1.2);
    -moz-filter:brightness(1.2);
    -ms-filter:brightness(1.2);
    filter:brightness(1.2);
}


.navigation {	position: absolute;	top: 0;	right: 0;	width: 100%;	z-index: 1000;}
.menu-trigger {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 99px;
	background: url(/image/bt_menu.png) 0 0 no-repeat;
	background-size: 100% 100%;
	max-width:15%;
	z-index: 1100;
}
.menu-trigger:before {
    content:"";
    display: block;
    padding-top: 70%;
}
	.menu-trigger.active {
		background: url(/image/bt_menu-close.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}
	.menu-trigger:hover {
    	-webkit-filter:brightness(1.2);
	    -moz-filter:brightness(1.2);
    	-ms-filter:brightness(1.2);
	    filter:brightness(1.2);
	}

.nav-collapse {
	background: #fff;
	padding: 0px 0 0px 0;
}
.nav-collapse:hover {zoom:1.001;}

.nav-collapse>p {display:inline-block;padding:20px;}

/*.nav-collapse p img {
	width: 108px;
	height: auto;
	margin-bottom: 10px;
}*/
.subpage .main header .nav-collapse li {
display:inline-block !important;
width:auto;
max-width:45%;
	padding: 5px;
	font-weight: bold;
}
.nav-collapse li a {
	z-index: 1099;
	font-size: 14px;
	font-family: "ヒラギノ明朝 ProN", serif;
}

.subpage .intro{background:url("/image/bg-main.png") repeat center top;background-size:cover;}
.subpage .onair .contents {font-weight:bold;font-size:180%;color:#222;}
.subpage .onair .contents p{font-weight:bold;font-size:50%;color:#222;padding:10px;}
.subpage .staff{background:url("/image/bg-main.png") repeat center top;background-size:cover;}
.subpage .staff .contents {font-size:140%;color:#3399FF;}
.subpage .staff .contents h3{font-weight:normal;}
.subpage .staff .contents strong{font-size:110%;color:#EC6D45;}
.subpage .staff .contents p{font-size:70%;}
.subpage .staff .contents .original {font-size:120%;margin-bottom:20px;}



.subpage .char {background:url("/image/bg-main.png") repeat center top;background-size:cover;}

.subpage .char .school{display:block;margin-bottom:50px;}
.subpage .char .school .name{float:left;margin:10px;}
.subpage .char .school .member{text-align:left;}
.subpage .char .school .member li{display:inline-block;vertical-align:top;margin:20px;}
.subpage .char .school .member .icon {}

.subpage .char .profile .body{display:inline-block;vertical-align:top;width:30%;max-height:800px;text-align:center;position:relative;}
.subpage .char .profile .body>img{padding:0px;max-height:800px;}
.subpage .char .profile .data{display:inline-block;vertical-align:top;width:65%;}
.subpage .char .profile .name{width:100%;/*background:url("/image/br_char-name-bg.png") no-repeat left bottom;min-height:64px;padding-left:100px;font-size:200%;font-weight:bold;*/}
.subpage .char .profile .face {padding-top:5%;text-align:center;}
.subpage .char .profile .face img{margin:10px;max-width:30%;}
.subpage .char .profile .text{display:inline-block;/*float:left;min-width:60%;*/padding:5% 10px;font-weight:bold;font-size:105%;text-align:left;max-width:565px;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff;}
.subpage .char .backchar {text-align:right;}
.subpage .char .backchar img{max-width:15%;}
.subpage .char .profile .detail {display:inline-block;border-top:3px dotted #E73820;border-bottom:3px dotted #E73820;padding:5px 10px;width:100%;max-width:565px;background:#fff;}
.subpage .char .profile school  {display:inline-block;min-width:32%;font-size:95%;font-weight:800;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff;}
.subpage .char .profile birthday{display:inline-block;min-width:32%;font-size:95%;font-weight:800;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff;}
.subpage .char .profile height  {display:inline-block;min-width:32%;font-size:95%;font-weight:800;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff;}

/*.subpage .cast {text-align:center;}*/
.subpage .cast .profile {display:inline-block;border:solid 3px #00A0E9;border-bottom:solid 8px #00A0E9;border-right:solid 8px #00A0E9;background:#fff;margin-bottom:120px;max-width:800px;min-height:400px;}
.subpage .cast .profile .name{display:block;padding:25px;}
.subpage .cast .profile .face{display:inline-block;width:220px;padding:5px 10px 20px 20px;height:auto;vertical-align:top}
.subpage .cast .profile .data{display:inline-block;width:560px;padding:5px 20px 20px 10px;vertical-align:top;text-align:left;font-size:110%;color:#222;font-weight:bold;}
.subpage .cast .profile .text{}

.subpage .news .content {display:inline-block;border:solid 3px #00A0E9;border-bottom:solid 8px #00A0E9;border-right:solid 8px #00A0E9;background:#fff;margin-bottom:60px;width:800px;padding:10px;text-align:left;}
.subpage .news .content h3{background:url("/image/br_char-name-bg.png") no-repeat left bottom;min-height:64px;padding-left:75px;font-size:150%;font-weight:bold;vertical-align:middle;padding-top:auto;padding-bottom:auto;	line-height:1.2;}
.subpage .news p {padding:5px 5px 10px;width:100%;}
.subpage .news .date {padding:10px 10px 0px;font-size:100%;display:block;}
.subpage .news .content>div{padding:10px 5px;}
.subpage .news .content ul {border-bottom:solid 2px #00A0E9;}
.subpage .news .content li {border:solid 2px #00A0E9;border-bottom:none;font-size:85%;padding:3px;}
.subpage .news .content li h5{background:#00A0E9;font-size:110%;color:#fff;padding:5px;}


.subpage .special {background:url("/image/bg-main.png") repeat center top;background-size:cover;}
.subpage .special .content {display:inline-block;border:solid 3px #00A0E9;border-bottom:solid 8px #00A0E9;border-right:solid 8px #00A0E9;background:#fff;margin-bottom:60px;width:800px;padding:10px;text-align:left;}
/*.subpage .special h3{background:url("/image/br_char-name-bg.png") no-repeat left bottom;min-height:64px;padding-left:75px;font-size:200%;font-weight:bold;vertical-align:middle;padding-top:auto;padding-bottom:auto;	line-height:1.2;}
/*.subpage .special .content h4{background:url("/image/br_char-name-bg.png") no-repeat left bottom;min-height:64px;padding-left:75px;font-size:150%;font-weight:bold;vertical-align:middle;padding-top:auto;padding-bottom:auto;	line-height:1.2;}*/
.subpage .special .header h4 {background:#fff;}
.subpage .special .header  {display:inline-block;/*background:#fff;*/margin-bottom:60px;width:800px;padding:10px;text-align:left;}
.subpage .special .header .attention {font-size:80%;color:#EC6D45;}
.subpage .special .header .comment{font-size:150%;color:#0066dd;text-align:center;padding:30px 0px;line-height:2;font-weight:bold;text-shadow: 1px 1px 0px #fff,1px -1px 0px #fff,-1px 1px 0px #fff,-1px -1px 0px #fff}
.subpage .special .header p {background:#fff;padding:10px;border-bottom:dotted 2px #3399FF;margin-bottom:20px;}
.subpage .special strong{color:#EC6D45;}
.subpage .special .content .date {padding:10px 10px 0px;font-size:100%;display:block;border:none;margin:0px;}

.subpage .special .list li {display:block;vertical-align:middle;padding:30px 5px;border-bottom:dotted 2px #fff;}
.subpage .special .list li a>img{display:inline-block;max-width:35%;vertical-align:middle;}
.subpage .special .list li a>div{padding-left:30px;display:inline-block;max-width:60%;vertical-align:middle;}
.subpage .special .list li h3{background:url("/image/br_char-name-bg.png") no-repeat left bottom;min-height:64px;padding-left:75px;font-size:140%;text-shadow: 1px 1px 0px #fff,1px -1px 0px #fff,-1px 1px 0px #fff,-1px -1px 0px #fff;font-weight:normal;color:#3399FF;}
.subpage .special .list li h3 *{vertical-align:middle;}
.subpage .special .list li .date {font-size:100%;color:#EC6D45;}




footer{position:relative;background:#BEB4C2;padding:10px;}
footer copyright{/*position:absolute;bottom:10px;left:0;right:0;font-weight:bold;*/font-size:12px;color:#fff;text-shadow: 1px 1px 0px #333,-1px -1px 0px #333,-1px 1px 0px #333,1px -1px 0px #333;}
footer .banner a{ margin:5px;max-width:45%;display:inline-block;}
footer .banner a img{max-width:100%;}


		.contents .pager {
			padding-left: 0;
			text-align: center;
		}
		.contents .pager span {
			width: 27px;
			height: 40px;
			background:#ccf;
color:#fff;
			margin: 30px 10px 10px;
			padding: 5px;
			font-size: 16px;
			display: inline-block;
			cursor: pointer;
border-radius:10px;
font-weight:900;
		}
		.contents .pager span:hover {
			background:#55f;}


/*
@media (max-width: 1024px) {
.toppage .main .contents .keyvisual{left:13%;}
.toppage .main .left{left:0px;}
.toppage .main .right{right:0px;}

}*/

@media (max-width: 768px) {

body,
.toppage .main,
header,
.toppage .main .left,
.toppage .main .right,
/*.main .contents,*/
footer
{
	width:100%;display:block;
max-width:100%;
	position:relative;
	height:auto;

}
.toppage .main:before{display:none;}
.toppage .main .contents{margin-left:0px;height:auto;}
.toppage .main .contents .keyvisual{position:relative;left:0px;top:0px;max-height:100%; max-width:140%;}


.toppage .main h1{width:100%;position:relative;}

.toppage .main .left,
.toppage .main .right{text-align:center;top:0px;margin-top:0px;top:0;}
.toppage .main .sidemenu li{display:inline-block;max-width:45%; }

.toppage .main .twitterbase,
.toppage .main .news{width:100%;margin-top:0px;}

.toppage .main .quizbtn {margin-top:42%;right:5px;width:26%;}

/*.toppage .main .twitter,*/
.toppage .main .comic,
.subpage .main header h1 {	position: static; margin-right:100px;display:block;text-align:left;}
.subpage .main header h2 {	position: static;max-width:30%;margin:10px 100px 10px 10px;}
.subpage .main .contents {	padding:50px 10px;/*margin:30px 10px;*/}

.subpage .char .school .name{float:none;width:100%;text-align:left;}
.subpage .char .profile .text{font-weight:normal;font-size:95%;}
.subpage .char .school .member{text-align:center;}

.subpage .cast .profile {max-width:100%;}
.subpage .cast .profile .name{padding:5px;}
.subpage .cast .profile .face{padding:10px;}
.subpage .cast .profile .data{padding:10px;font-size:100%;}

.subpage .special .header .comment{font-size:120%;}
.subpage .special .list li a>img{max-width:80%;}
.subpage .special .list li a>div{max-width:100%;padding:10px;}


footer copyright{width:100%;display:block;position:static;top:auto;bottom:auto;left:auto;right:auto;}
}

@media (max-width: 480px) {
.subpage .char .profile {position:relative;}
.subpage .char .profile .body{margin-top:15%;display:inline-block;vertical-align:top;padding:10px;width:40%;float:left;}
.subpage .char .profile .data{display:block;width:100%;}
.subpage .char .profile .face {margin-top:15%;display:inline-block;width:60%;float:left;}
.subpage .char .profile .face img{max-width:60%;}
.subpage .char .profile .data .name{position:absolute;top:0px;}
.subpage .char .profile .data .detail{font-size:80%;}/*
.subpage .char .profile .data .detail school{display:block;width:auto;}
.subpage .char .profile .data .detail birthday{display:block;width:auto;}
.subpage .char .profile .data .detail height{display:block;width:auto;}*/
}