#main-content{ padding: 0 !important; }
#manga_online { font-family: 'Noto Sans JP', sans-serif; margin: auto;}
#manga_online h3.mid { font-size:280%; margin:10% 0; text-align:center; color: #000; letter-spacing:0.1em; }
#manga_online .photo-r { float:right; }
#manga_online .photo-l { float:left; }
#manga_online .come { 
	position:relative;
	font-size:97%;
	font-weight:normal;
	line-height:190%;
}
#manga_online .come::before {
	content:"審査委員長講評";
	position:absolute;
	top:-30px;
	left:0;
	padding-top:10px;
	width:167px;
	height:58px;
	color: #000;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	background:url(../../manga-koshien-online/img/comment.png) no-repeat;
	letter-spacing:0.1em;
	z-index:1;
}
#manga_online .translation { clear: both; position: relative; color: #fff;}
#manga_online .translation .b_mes {
	position:absolute;
	top:5px;
	right:-20px;
	width:100px;
	background:#000;
	cursor:pointer;
	padding:10px 15px;
	transition: 0.5s;
}
#manga_online .translation .b_mes:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#manga_online .translation .b_mes.close { top:0; background:#606060 url("../image/close.html") no-repeat 92% center!important;}
#manga_online .translation .c_mes { margin-top:17px; padding: 20px; color: #fff; background: #000;}
#manga_online .translation ul { counter-reset:item; }
#manga_online .translation ul li { padding-left:15px; line-height:170%; }
#manga_online .translation ul li::before { content:counter(item) " "; counter-increment:item; margin-left:-12px;}




/* ANNOUNCEMENT */
#manga_online .catch { position: relative; margin:auto 3% 5%; }
#manga_online .catch h1,
#manga_online .catch h1 a { display: block; margin:auto; padding:0; border:none !important; }
#manga_online .catch h1 { margin:0 auto 50px; text-decoration: none; background: none;}
#manga_online .catch h1 a {
	height:300px;
	text-indent: -9999px;
	background: url(../../manga-koshien-online/img/logo.png) no-repeat center center;
}
#manga_online .catch h2 {
	position:absolute;
	top:-40px;
	left: 0;
	right: 0;
	margin:auto;
	padding:25px;
	width:489px;
	height:30px;
	text-align:center;
	color:#fff;
	font-size:330%;
	letter-spacing:0.1em;
	background:url(../../manga-koshien-online/img/happyou_bg.png) no-repeat;
	background-size:100%;
}
#manga_online .catch .come {
	margin:auto;
	padding:60px 20px 28px;
	width:95%;
	color:#303030;
	background:#DEF0FC;
	border-radius:10px;
}
#manga_online .catch .come P { font-size:170%; font-weight:bold; line-height:130%;}
#manga_online .catch .come::before { display:none; }



/* RANKING */
#manga_online .rank { padding:3%; }
#manga_online .rank .box { 
	clear:both; 
	position:relative;
	padding:20px;
	outline:2px solid #fff;
	outline-offset:-7px;
	border:5px solid #000; 
}
#manga_online .rank .box::after { clear:both; content:""; display:block; }
#manga_online .rank .box+.box { margin-top:3%; }
#manga_online .rank .box h3 { 
	position:relative; 
	margin:70px auto 23px;
	font-size:350%; 
	color: #000;
	text-align:center;
	font-weight:900;
	letter-spacing:0.2em;
	z-index:1; 
}
#manga_online .rank .box h3::after {
	position:absolute;
	content:"";
	width:250px;
	height:10px;
	background:#ECEB2F;
	transform:skew(-50deg);
	bottom:-15px;
	z-index:-1;
}
#manga_online .rank .box .number { 
	position:absolute;
	padding:2% 0;
	top:-1px;
	width:58px;
	height:68px;
	font-size:280%;
	font-family:Noto Serif JP;
	font-weight:bold; 
	text-align:center;
	background:url(../../manga-koshien-online/img/flag_bg.png) no-repeat;
}
#manga_online .rank .box .name { text-align:center; font-size:120%; line-height:140%; }
#manga_online .rank .box .come {
	margin-top:50px;
	padding:25px 20px 17px;
	width:315px;
	background:rgba(255,255,255,.6) url(../../manga-koshien-online/img/bg_stripe.png);
}
#manga_online .rank .photo-r { margin-left:15px; }
#manga_online .rank .list1 { background:#ECCE1E; }
#manga_online .rank .list2 { background:#E2E2E2; padding-bottom: 40px;}
#manga_online .rank .list3 { background:#CEB686; }
#manga_online .rank .list1 h3::after,
#manga_online .rank .list3 h3::after { right:60px; }
#manga_online .rank .list2 h3::after { left:60px; }
#manga_online .rank .list1 .come,
#manga_online .rank .list3 .come { float:right; }
#manga_online .rank .list1 .number { color:#ECCE1E; right:26%; }
#manga_online .rank .list2 .number { color:#E2E2E2; left:23.5%; }
#manga_online .rank .list3 .number { color:#CEB686; right:26%; }


/* add */
#manga_online .rank2 { padding:3%; }
#manga_online .rank2 .box { 
	clear:both; 
	position:relative;
	padding:20px;
	outline:2px solid #fff;
	outline-offset:-7px;
	border:5px solid #000; 
/*	background:#DEF0FC; */
}
#manga_online .rank2 .box .photo-l {
	width:200px;
}
#manga_online .rank2 .box .photo-l img{
	width:100%;
}
#manga_online .rank2 .box::after { clear:both; content:""; display:block; }
#manga_online .rank2 .box+.box { margin-top:3%; }
#manga_online .rank2 .box .name { text-align:center; font-size:140%; line-height:140%; }
#manga_online .rank2 .box .come2 {
	float:right;
	font-size:110%;
	margin-top:20px;
	padding:25px 20px 17px;
	width:400px;
	background:rgba(255,255,255,.6) url(../../manga-koshien-online/img/bg_stripe.png);

}




/* INDIVIDUAL AWARD */
#manga_online .award { padding:3%; background:rgba(226,226,226,0.5); }
#manga_online .award .box {
	margin:0 auto;
	padding:20px 20px 45px;
	background:#FFF;
	border:5px solid #000; 
}
#manga_online .award .box+.box { margin-top:20px; }
#manga_online .award .box::after { display:block; clear:both; content:""; }
#manga_online .award .box .photo-r img { width:200px; height: auto; }
#manga_online .award .box h4 { padding:25px 0 0 15px; }
#manga_online .award .box h4 b { margin-bottom:15px; font-size:180%; color:#053297; letter-spacing:0.1em; }
#manga_online .award .box h4 small { display:block; margin-top:10px; font-size:110%; font-weight:normal; line-height:130%; color:#222; }
#manga_online .award .box .come {
	margin-top:55px;
	padding:25px 20px 20px;
	width:400px;
	font-weight:normal;
	text-align:justify;
	line-height:190%;
	background:url(../../manga-koshien-online/img/bg_stripe.png);
}
#manga_online .award .box .come.new::before { content:"審査員講評"; }


/* EXAMINATION TARGET */
#manga_online .target { padding:3%;}
#manga_online .target::after { display:block; clear:both; content:""; }
#manga_online .target .box { float:left; width:29.3%; margin:0 2% 10%;}
#manga_online .target .box .photo img { width:100%; height:auto; margin-bottom:10px; }
#manga_online .target .box ul { padding-bottom:10px; border-bottom:1px solid #222; }
#manga_online .target .box ul li { font-size:110%; line-height:130%; }
#manga_online .target .box p { margin-top:5px; }




@media only screen and (max-width:700px){
body { min-width:400px; font-size:100%;}
#manga_online {}
#manga_online h3.mid { font-size:213%; margin:10% 0; text-align:center; letter-spacing:0.1em; }
#manga_online .photo-r,
#manga_online .photo-l { float:none; text-align: center;}
#manga_online .come { position:relative; }
#manga_online .come::before {
	content:"審査委員長講評";
	font-family:"Noto Sans JP";
	font-size:108%;
	font-weight:bold;
	text-align:center;
	padding-top:7px;
	position:absolute;
	top:-30px;
	left:0;
	z-index:1;
	width:167px;
	height:58px;
	background:url(../../manga-koshien-online/img/comment.png) no-repeat;
	letter-spacing:0.1em;
	padding-top:6px;
}

#manga_online .translation { clear: both; position: relative; color: #fff;}
#manga_online .translation .b_mes {
	position:absolute;
	font-size:82%; 
	top:7px;
	right:-20px;
	width:114px;
	height:33px;
	background:#000;
	cursor:pointer;
	padding:1px 0 1px 14px;
	transition: 0.5s;
}
#manga_online .translation .b_mes:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}
#manga_online .translation .b_mes.close { top:0; background:#606060 url("../image/close.html") no-repeat 92% center!important;}
#manga_online .translation .c_mes { margin-top:17px; padding: 40px 20px 20px; color: #fff; background: #000;}


#manga_online .translation ul { counter-reset:item; }
#manga_online .translation ul li { padding-left:15px; line-height:170%; }
#manga_online .translation ul li::before { 
	content:counter(item) " ";
	counter-increment:item; 
	margin-left:-12px;
}


#manga_online h1,
#manga_online h1 a { width:100%; height:250px;}
#manga_online h1 { padding:0; text-align:center; text-decoration: none;}
#manga_online h1 a {
	text-indent: -9999px;
	background: url(../../manga-koshien-online/img/logo.png) no-repeat top center;
	background-size: 350px auto !important;
}

/* ANNOUNCEMENT */
#manga_online .catch { margin:auto 3% 10%; }
#manga_online .catch h2 {
	width:350px;
	height:68px;
	font-size:180%;
	padding:12px;
	top: -20px;
}
#manga_online .catch .come p { font-size:113%;}
#manga_online .catch .come::before { display:none; }


/* RANKING */
#manga_online .rank { padding:3%; }
#manga_online .rank .box+.box {margin-top:3%; }
#manga_online .rank .box .come { width:auto;}

#manga_online .rank .photo-r { margin-left:15px;}
#manga_online .rank .list1 { background:#ECCE1E;}
#manga_online .rank .list2 { background:#E2E2E2;}
#manga_online .rank .list3 { background:#CEB686;}

#manga_online .rank .list1 h3::after,
#manga_online .rank .list3 h3::after { right:60px; }
#manga_online .rank .list2 h3::after { left:60px; }

#manga_online .rank .list1 .come,
#manga_online .rank .list3 .come { float:none; }

#manga_online .rank .list1 .number { color:#ECCE1E; left:10px; right:inherit; }
#manga_online .rank .list2 .number { color:#E2E2E2; left:10px; }
#manga_online .rank .list3 .number { color:#CEB686; left:10px; right:inherit; }


#manga_online .rank2 .photo-l{
	float:none;
	text-align:center !important;
	width:auto !important;
}

#manga_online .rank2 .photo-l img{
	width:285px !important;
	height:auto;
}
#manga_online .rank2 .name{
	font-size:110% !important;
}
#manga_online .rank2 .come2{
	float:none !important;
	width:auto !important;
}



/* INDIVIDUAL AWARD */
#manga_online .award .box+.box { margin-top:3%; }
#manga_online .award .box::after { display:none; }
#manga_online .award .box .photo-r img { width:285px; height: auto; }
#manga_online .award .box .come { width:auto;}

/* EXAMINATION TARGET */
#manga_online .target .box { float:left; width:46%; margin:0 2% 10%;}
	
	
	


	
	
}