@charset "utf-8";

#pagewrap * , #pagewrap *:before, #pagewrap *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
			box-sizing: border-box;
}

#pagewrap h1,#pagewrap h2,#pagewrap h3,#pagewrap h4,#pagewrap h5,#pagewrap h6,#pagewrap p,#pagewrap div,#pagewrap ul,#pagewrap ol,#pagewrap li,#pagewrap dl,#pagewrap dt,#pagewrap dd,#pagewrap table,#pagewrap tr,#pagewrap td {
	padding:0;
	margin:0;
	font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", meiryo, sans-serif;
	font-feature-settings: 'pkna' 1;
}

ul	{ list-style:none; }

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
#globalsp_footer .opinion a	{ text-decoration:none; }

#pagewrap A:active	{ color:#0076d7; cursor: hand;}
#pagewrap A:hover	{ color:#0076d7; text-decoration: none; cursor: hand;}
#pagewrap A			{ color:#001bd7; text-decoration: none;}
#pagewrap A img:hover	{ opacity: 0.7; }

#pagewrap {	background:#dce1db; text-decoration: none; list-style: none; height:auto; margin:0 auto; line-height:160%; font-size:14px; letter-spacing: 0.1em; }

#pagewrap .main-area	{ width:100%; max-width:800px; margin:0 auto; }

#pagewrap .kv	{ background: url(../images/head.jpg) no-repeat top center ; background-size:cover; width:100%; text-align:center; }
#pagewrap .kv img	{ width:85.2%; }
#pagewrap .kv p	{
	color:#ffffff; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.8); padding:10px; text-align:left; font-size:16px; 
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

#pagewrap .movie	{ width:90%; max-width:640px; margin:10px auto; }

#pagewrap #body>div	{ width:100%; padding:10px 0px; border-top: 1px solid #00a0e9; }

#pagewrap #body div.cast,
#pagewrap #body div.staff,
#pagewrap #body div.rank,
#pagewrap #info .default-list	{ width:90%; margin:10px auto; padding:10px 20px; border: 1px solid #00a0e9;}

#pagewrap #body>div p	{ margin:10px 20px; }

#pagewrap #body div h1	{ width:95%; margin:0 auto; border-bottom:1px solid #00a0e9; text-align:center;font-weight:normal; margin-bottom:10px; letter-spacing: 1em; }

#pagewrap #body div.select h1	{ letter-spacing: 0.3em; }

#pagewrap #body li	{ margin:5px 0; }

#pagewrap #body dl *	{ display:inline-block; vertical-align: top; }
#pagewrap #body dt	{ width:48%; font-size:10px; text-align:right; padding-right:10px; }
#pagewrap #body dd	{ padding-left:10px; }

#pagewrap #body dl.pattern2 dt	{ width:70px; }

#pagewrap #body .staff ul.block dt,
#pagewrap #body .staff ul.block dd	{ display:block; vertical-align: top; }
#pagewrap #body .staff ul.block dt	{ width:100%; font-size:10px; text-align:left; border-left:2px solid #00a0e9; padding-left:5px; padding-right:10px; }


#pagewrap #body div#copyright	{ font-size:8px; text-align:center; padding:10px 5px; margin:0 auto; border-top: 1px solid #00a0e9; }

#pagewrap #body div#forback	{ text-align:center; padding:10px 5px; padding-bottom:0; margin:0 auto; border:0; }
#pagewrap #body .back-button	{ background:#ffffff; border-color:#00a0e9; border-style: solid; border-width:3px 1px 0 1px; width:80%; margin:0 auto; padding:0; font-weight:normal; text-align:center; }
#pagewrap #body .back-button a	{ display: block; cursor: pointer; padding:10px; }

#pagewrap h4	{ width:90%; margin:0 auto; margin-bottom:10px; font-weight:normal; }
#pagewrap .tap-button	{
	text-align:center; letter-spacing:1em;
	background: #9d0004;
}
#pagewrap .button-detail	{  width:150px; float:right; background:#00a0e9; }
#pagewrap .backnumber	{ width:100%; margin-top:10px; background:#00a0e9; }
#pagewrap h4 a	{ padding:10px; display: block; color:#ffffff;  }
#pagewrap h4 a:hover	{ color:#faed01; }

#pagewrap .button-detail a	{ background:url(../images/arrow_w.png) 10px 50% no-repeat; padding-left:35px; }
#pagewrap .backnumber a	{ background:url(../images/arrow_w.png) 96% 50% no-repeat; padding-right:35px; }
/
#pagewrap #body div.rank	{  }
#pagewrap #body h2	{ text-align:center; border-bottom: 1px dashed #00a0e9; padding-bottom:10px; }
#pagewrap #body .rank		{  }
#pagewrap #body .rank ul	{ margin-top:10px; }
#pagewrap #body .rank li	{ padding:0px; padding-bottom:0px; text-align:center; }
#pagewrap #body .rank dl *	{ display:block; }
#pagewrap #body .rank dl	{ width:48%; max-width:50%; padding:0; margin:0px; display:inline-block; }
#pagewrap #body .rank dl dt	{ width:100%; padding:0px 5px; text-align:center; font-size:14px; }
#pagewrap #body .rank dl dd	{ padding:5px; text-align:center; }
#pagewrap #body .rank dl dd img	{ width:100%; max-width:240px; margin:0 auto; }

#pagewrap #body .rank .dl-btn {
	width: 100%; padding:0;	text-align: center; font-weight: normal;
	border-width: 1px;
	border-style: solid;
	border-color: #6cb2ff;
	background: #fff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%);
	background: linear-gradient(to bottom, #fff 0%,#f3f3f3 50%,#ededed 51%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

#pagewrap #body .rank .dl-btn a	{ display:block; padding: 10px 0; color:#1e47c3; text-decoration: none; }

#pagewrap #body .rank p	{ margin:15px 0; padding:10px 0; color:#9d0004; text-align:center; border-top: 1px dashed #9d0004; border-bottom: 1px dashed #9d0004; }


#pagewrap #body #info	{ width:100%; padding:10px 0px; border-top: 1px solid #00a0e9; }

#pagewrap .default-list li	{ padding:10px; border-bottom:1px dashed #00a0e9; text-align:left; }
#pagewrap .default-list li:last-child	{ border:0; }
#pagewrap .default-list li.border-b	{ border-bottom:1px dashed #00a0e9; }
#pagewrap .default-list li.link{
}
#pagewrap .default-list li a{
	display:block;
	color:#55c6e5;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
}

#pagewrap .tap-button_vote	{ width:80%; margin:20px auto; background: #00a0e9; text-align:center; display: block; }
#pagewrap .tap-button_vote a	{  padding:10px; display: block; color:#ffffff; letter-spacing: 0.1em; }
#pagewrap h4 a:hover	{ color:#faed01; }




/* ############################################# */

#pagewrap #select p.title-txt		{ border:0; border-bottom:1px dashed #9d0004; }
#pagewrap #select .rank			{ width:95%; margin:0 auto; }
#pagewrap #select .rank dl		{ width:49%; padding:0; margin:0px; display:inline-block; }
#pagewrap #select .rank dl dt		{ padding:0px 10px; text-align:center; font-size:14px; display:block; width:100%; }
#pagewrap #select .rank dl dd		{ text-align:center; margin:0 5px; display:block; width:100%; padding:5px 10px; }
#pagewrap #select .rank dl dd img	{ width:100%; max-width:240px; }

#pagewrap #select .rank li		{ border-bottom:1px solid #9d0004; padding-bottom:10px; }


#pagewrap #select .nav,
#pagewrap #select .nav .index	{ width:100%; margin:10px 0; padding:0; border:0; }
#pagewrap #select .old	{ width:150px; background:#00a0e9; float:left; text-align:left; }
#pagewrap #select .old a	{ background:url(../images/arrow_re_w.png) 2% 50% no-repeat; padding:10px; padding-left:35px; color:#ffffff; display:block; }
#pagewrap #select .new	{ width:150px; background:#00a0e9; float:right; text-align:right; }
#pagewrap #select .new a	{ background:url(../images/arrow_w.png) 98% 50% no-repeat; padding:10px; padding-right:35px; color:#ffffff; display:block; }


/* ############################################# */



#pagewrap .t-border	{ border-top: 1px solid #00a0e9; }
#pagewrap .b-border	{ border-bottom: 1px solid #00a0e9; }
#pagewrap .b-margin_0	{ margin-bottom:0; }
#pagewrap .w100		{ width:100%; }
#pagewrap .w50		{ width:50%; }
#pagewrap .original-width	{ max-width:380px; }
#pagewrap .txt-l	{ text-align:left; }
#pagewrap .font-s	{ font-size:10px; }
#pagewrap .font-m	{ font-size:16px; }
#pagewrap .font-l	{ font-size:22px; }