body{
	font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif ;
	text-align:center;
	background: #FFF;
	line-height:1.8;
}
.sp{ display: block; }
.pc{ display: none; }
p, ul, li{ margin: 0; padding: 0; }


a{ color: #0099ff; text-decoration: none; }
a:visited, a:visited{ color: #5200ce; text-decoration: none; }
a:hover, a:active, a:focus{ color: #ff000e; }
a:hover img, a:active img, a:focus img{ opacity: 0.8; filter: alpha(opacity=80); }

h1{ width: 100%; margin: 0 auto; padding: 0px 0 0; font-size: 1.2rem; }
h1 img{ text-align: center; }
h2{ margin: 8px auto 8px; }
h3{ margin: 20px auto 16px; }

img{ max-width: 100%; vertical-align: top; }
header img{ box-shadow: none; }

#wrapper{ margin: 0 auto; padding: 0; overflow: hidden; }
header{ width: 100%; margin: 0 auto; text-align: center; }
div#container{ width: 100%; margin: 0 auto; padding: 0 0 0 0; background: #fff; }
div#container h1{ background: url(../img/bg_logo.jpg) center top repeat-x; background-size: contain; width: 100%; }

div#title{ margin-bottom: 16px; }
div#main-cont{ text-align: center; }
div#main-cont p{}





ul li{ list-style-type: none; }

ul#cast,
ul#judge{ max-width: 640px; margin: 0 auto 0px; padding: 0; overflow: hidden; clear: both; text-align: center; }
ul#cast li:nth-child(n),
ul#judge li:nth-child(n){ float: left; margin: 0 2% 20px 4%; max-width: 44%; }
ul#cast li:nth-child(2n),
ul#judge li:nth-child(2n){ float: right; margin: 0 4% 20px 2%; max-width: 44%; }
ul#judge li:nth-child(5n){ float: none; margin: 0 auto; }

/*ul#cast,
ul#judge{ max-width: 400px; margin: 0 auto 0px; padding: 0; overflow: hidden; clear: both; text-align: center; }
ul#cast li,
ul#judge li{ float: left; margin: 0 10px 20px 10px; }
ul#judge li:nth-child(5n){ float: none; margin: 0 auto; }*/

#chuun{ clear: both; width: 98%; margin: 32px auto 36px; overflow: hidden; }
#chuun p{ color: #cc2e7d; font-size: 1.4rem; line-height: 2.0rem; margin-bottom: 12px; }
ul#photo{ max-width: 640px; margin: 0 auto 0; overflow: hidden; text-align: center; }
ul#photo li{ max-width: 400px; border: solid 2px #cc2e7d; padding: 2px; margin: 4px auto 10px; }


footer{ width: 100%; text-align: center; font-size: 0.9em; line-height: 1.5; }
footer div{ width: 100%; margin: 0 auto; }
footer p{ clear: both; color: #000; padding: 1em 0 2em 0; }


.clear{ clear: both; }
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{ display: inline-table; zoom: 1; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */



/* text decoration */
.red{ color: #ec5297; }
.blue{ color: #2C79E3; }
.yellow{ color: #eff889; }
.bold{ font-weight:bold; }
.size08{ font-size:0.8rem; }
.size09{ font-size:0.9rem; }
.size11{ font-size:1.1rem; }
.size12{ font-size:1.2rem; }





@media screen and (min-width : 640px){
}



@media screen and (min-width : 960px){

.sp{ display:none; }
.pc{ display:block; }

#wrapper{}
#header{}
div#container{ background: url(../img/bg_logo.jpg) center top repeat-x; width: 100%; }
div#title{ margin-bottom: 30px; }
div#main-cont{ text-align: center; }

h1{ margin: 0 auto 0; }
h2{}
h3{ margin: 20px auto 16px; }

ul#cast,
ul#judge{ max-width: 960px; margin: 0 auto 0px; padding: 0; overflow: hidden; clear: both; }
ul#cast li:nth-child(n),
ul#judge li:nth-child(n),
ul#cast li:nth-child(2n),
ul#judge li:nth-child(2n){ float: left; margin: 0 15px 15px 0; max-width: 18.7%; }
ul#cast li:nth-child(5n),
ul#judge li:nth-child(5n){ margin-right: 0px; }
ul#judge li:nth-child(5n){ float: left; }


#chuun{ clear: both; width: 960px; margin: 32px auto 36px; overflow: hidden; }
#chuun p{ color: #cc2e7d; font-size: 1.4rem; line-height: 2.0rem; margin-bottom: 12px; }
ul#photo{ max-width: 880px; margin: 0 auto 0; overflow: hidden; }
ul#photo li{ float: left; border: solid 4px #cc2e7d; padding: 4px; margin: 8px;  }



footer{ margin-top: 12px; }
footer div{}
footer p{ clear: both; background: #d9edff; color: #fff; padding: 1em 0 2em 0;}





/* Page Top
=================================== */
#page-top{ position: fixed; bottom: 8px; right: 12px; font-size: 88%; z-index: 20; }
#page-top a{
	display: block;
	background: url(../img/to_top.png) center top no-repeat;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
}
#page-top a:hover{ background: url(../img/to_top_on.png) center top no-repeat; }


}