@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	{
	color:#2a2a2a; background:#ffffff; font-size:14px; font-weight:normal; line-height:160%;
	font-family:arial,helvetica,clean,sans-serif; margin:0 padding:0;
}

#pagewrap p	{ margin:8px; }
#pagewrap #main	{ width:100%; max-width:640px; margin:0 auto; background-image:url(../images/head.jpg); background-position:center top; background-repeat:no-repeat; background-size:contain; }

#pagewrap #head	{ width:100%; max-width:640px; margin:0 auto; text-align:center; }
#pagewrap #head p.img	{ margin:0; }
#pagewrap #head img.kv	{ width:100%; height:auto; max-width:640px; }

#pagewrap #oa	{ max-width:600px; margin:0 auto; margin-bottom:10px; }

#pagewrap .sub-page	{ width:100%; max-width:640px; margin:0 auto; background-image:url(../images/mini-head.jpg); background-position:center top; background-repeat:no-repeat; background-size:contain; }
#pagewrap .sub-page p.img	{ margin:0; }


#pagewrap div .movie	{ width:95%; max-width:640px; margin:10px auto; border:1px solid #6897f3; }

#pagewrap div#present	{ width:95%; max-width:640px; margin:10px auto; text-align:center; }
#pagewrap div#present img	{ width:100%; max-width:420px; height:auto; }

#pagewrap h1	{ border-top:1px solid #fa84bd; border-bottom:1px solid #fa84bd; border-left:5px solid #fa84bd; border-right:5px solid #fa84bd; padding:5px; margin:0px auto; margin-bottom:10px; font-size:16px; font-weight:normal; background-color: #fef1f7; color:#2a2a2a; text-align:center; width:95%; }

#pagewrap ul.default-list	{ width:95%; margin:0 auto; }
#pagewrap .default-list li	{ padding:10px; border-bottom: 1px dashed #cccccc; line-height:160%; }
#pagewrap .default-list li:first-child	{ padding-top:0; }
#pagewrap .default-list li:last-child	{ border:0; }

#pagewrap .default-list li a{
	display:block;
	color:#fa84bd;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
}

#pagewrap .tap-button{
	width:90%;
	margin:10px auto;
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	border-width: 1px;
	border-style: solid;
	border-color: #555555;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#pagewrap .tap-button a	{ display:block; color:#555555;
 }

#pagewrap .tap-button2{
	width:100%;
	margin:10px 0;
	padding:10px;
	text-align:right;
	font-size:14px;
	font-weight:normal;
	border-width: 2px 0;
	border-style: solid;
	border-color: #555555;
	background:#ffffff;
}

#pagewrap .tap-button2 a	{ display:block; color:#555555;
	background-image: url(../images/arrow_circle_r.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:35px;
 }

#pagewrap .button-wrap,#pagewrap .button-wrap2 ,#pagewrap .button-wrap3 {
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	-o-box-orient:horizontal;
	-ms-box-orient:horizontal;
	-moz-box-pack:justify;
	-webkit-box-pack:justify;
	-o-box-pack:justify;
	-ms-box-pack:justify;
	padding:10px 10px 10px 10px;
	margin:0 10px;
}

#pagewrap .button-wrap li{
	padding:10px;
	width:97%;
	text-align:center;
	color:#ffffff; 
	border-width: 1px;
	border-style: solid;
	border-color: #fd6095;
	background: rgb(254,187,187); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 45%, rgba(255,92,92,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#pagewrap .button-wrap2 li{
	padding:10px;
	width:45%;
	text-align:center;
	color:#ffffff; 
	border-width: 1px;
	border-style: solid;
	border-color: #fd6095;
	background: rgb(254,187,187);
	background: -moz-linear-gradient(top, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 45%, rgba(255,92,92,1) 100%);
	background: -webkit-linear-gradient(top, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%);
	background: linear-gradient(to bottom, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#pagewrap .button-wrap li a, #pagewrap .button-wrap2 li a ,#pagewrap .button-wrap3 li a {
	display:block;
	color:#ffffff;
}


#pagewrap #gotopc	{  }

#pagewrap .t-border	{ border-top:1px dashed #cccccc; }
#pagewrap .t-border_s	{ border-top:1px solid #6897f3; }
#pagewrap .t-border_d	{ border-top:1px dashed #6897f3; padding-top:10px; }
#pagewrap .b-border	{ border-bottom:1px dashed #cccccc; }
#pagewrap .b-border_s	{ border-bottom:1px solid #6897f3; }
#pagewrap .b-border_d	{ border-bottom:1px dashed #6897f3; }
#pagewrap .t-padding_10	{ padding-top:10px; }
#pagewrap .b-margin_10	{ margin-bottom:10px; }

#pagewrap .copyright	{ padding:5px 0; text-align:center; font-size:11px; }
#pagewrap .txt-r	{ text-align:right; }
#pagewrap .centering	{ text-align:center; }
#pagewrap .box		{ width:95%; margin:0px auto; border:1px solid #6897f3; }
#pagewrap .font-10	{ font-size:10px; line-height:160%; }
#pagewrap .font-12	{ font-size:12px; line-height:160%; }
#pagewrap .font-15	{ font-size:15px; line-height:160%; }
#pagewrap .highlight-p	{ color:#ff749b; }
#pagewrap .highlight-b	{ color:#6a9fd5; }
#pagewrap .fit		{ width:100%; height:auto; }
#pagewrap .flo-l	{ float:left; margin-right:8px; }
#pagewrap .half		{ width:50%; }

#pagewrap .title-sel	{ border-top:1px solid #fd6095; border-bottom:1px dotted #fd6095; background:#ffffff; padding:10px; }


#pagewrap .tap-button-vote{
	width:90%;
	margin:10px 5%;
	padding:10px;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	color:#ffffff; 
	border-width: 1px;
	border-style: solid;
	border-color: #fd6095;
	background: rgb(254,187,187); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 45%, rgba(255,92,92,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#pagewrap .tap-button-vote a	{ display:block; color:#ffffff; }

#pagewrap #title .img	{ width:100%; text-align:center; margin:0; padding:0; }
#pagewrap #title .img img	{ width:100%; height:auto; }
#pagewrap .title	{ border-top:1px dotted #6a9fd5; border-bottom:1px dotted #6a9fd5; text-align:center; font-size:16px; padding:10px 5px; }

#pagewrap #gotopc .tap-button{
	width:100%;
	border-radius: 0px;		/* CSS3草案 */
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* Firefox用 */

	text-align:left; font-size:small; font-weight:normal; border-width: 3px 0; border-style: solid; border-color: #555555; padding-top:5px; padding-bottom:5px; margin-top:0;
	background: #ffffff;
	padding-left:40px;
	background-image: url(../images/arrow_circle_re.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#pagewrap #gotopc .tap-button a	{ display:block; color:#ff323d; }

/* ############################## */
#pagewrap #column .title	{ border-bottom:1px dashed #76332a; padding-left: 10px; font-size:16px; }
#pagewrap #column .select-img	{ width:240px; margin:5px auto; }

#pagewrap .rank			{ width:100%; margin:0 auto; padding:0 10px;}
#pagewrap .rank li		{ padding:10px 0; border-bottom: 1px dashed #cccccc; line-height:160%; text-align:center; font-size:20px; }
#pagewrap .rank li .title-txt	{ padding:0px; color:#ff749b; }
#pagewrap .rank li:first-child	{ padding-top:0; }
#pagewrap .rank li:last-child	{ border:0; }

#pagewrap .rank dl		{ width:49%; padding:0; margin:0px; display:inline-block; }
#pagewrap .rank dl dt		{ padding:0px 10px; text-align:center; font-size:14px; color:#6a9fd5; }
#pagewrap .rank dl dd		{ text-align:center; margin:0 5px; }
#pagewrap .rank dl dd img	{ width:100%; max-width:240px; }

#pagewrap .rank .dl-btn {
	width: 90%;
	margin: 6px auto;
	padding: 10px 0;
	text-align: center;
	font-size: medium;
	font-weight: normal;
	border-width: 1px 3px 3px 3px;
	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 );
	border-radius: 20px;
}

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

#pagewrap ul.index:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#pagewrap ul.index { display: inline-table; }
/* Hides from IE-mac \*/
* html #pagewrap ul.index { height: 1%; }
#pagewrap ul.index { display: block; }
/* End hide from IE-mac */{
}

#pagewrap .index .back {
	width:30%;
	height:44px;
	float:left;

	margin:10px;
	margin-left:30px;
	padding:10px 0;

	text-align:left;
	font-size:medium;
	font-weight:normal;
	border-width: 1px 10px 1px 1px;
	border-style: solid;
	border-color: #fa84bd;
	position: relative;

	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fcf4f8 45%, #fef1f7 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#fcf4f8 45%,#fef1f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#fcf4f8 45%,#fef1f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fef1f7',GradientType=0 );
}

#pagewrap .index .back:before{
	content: "";
	position: absolute;
	top: -1px;
	left: -35px;
	border: 22px solid transparent;
	border-right: 12px solid #fa84bd;
}

#pagewrap .index .back a{
	display:block;
	color:#f62b8b;
	padding-left:15px;
	text-decoration: none;
}

#pagewrap .index .next {
	width:30%;
	height:44px;
	float:right;

	margin:10px;
	margin-right:30px;
	padding:10px 0;

	text-align:right;
	font-size:medium;
	font-weight:normal;
	border-width: 1px 1px 1px 10px;
	border-style: solid;
	border-color: #fa84bd;
	position: relative;

	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fcf4f8 45%, #fef1f7 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#fcf4f8 45%,#fef1f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#fcf4f8 45%,#fef1f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fef1f7',GradientType=0 );
}

#pagewrap .index .next:before{
	content: "";
	position: absolute;
	top: -1px;
	right: -35px;
	border: 22px solid transparent;
	border-left: 12px solid #fa84bd;
}

#pagewrap .index .next a{
	display:block;
	color:#f62b8b;
	padding-right:15px;
	text-decoration: none;
}



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



#pagewrap .chara-box	{ margin:10px auto; width:95%; max-width:620px; border: 1px solid #6897f3; padding:5px; }
#pagewrap .accordion-button		{ background: #ffffff; font-size:small; padding:0; margin:0; }
#pagewrap .accordion-button img		{ width:80px; height:auto; float:left; margin:5px; margin-right:10px; }
#pagewrap .accordion-button p		{ margin-left:90px; min-height:80px; margin:5px; }
#pagewrap .accordion-button .open	{ color:#ff749b; padding:3px; background:url(../images/arrow_circle_down.png) 98% 90% no-repeat; }
#pagewrap .accordion-button .close	{ color:#ff749b; padding:3px; margin-bottom:10px; border-bottom:#ff323d dashed 1px; background:url(../images/arrow_circle_up.png) 98% 90% no-repeat; }
#pagewrap #accordion01	{ }

#pagewrap .dizm		{ width:95%; max-width:640px; height:auto; margin:5px auto; }
#pagewrap .dizm img	{ width:100%; max-width:640px; height:auto; }