@charset "UTF-8";

#sbtnList{
	list-style:none;
	}
.Special #backnumber ul{
	list-style:none;
}

.Special .vol1 .btn1{ background-image:url(../special/img/ph1.jpg);}
.Special .vol1 .btn2{ background-image:url(../special/img/ph2.jpg);}
.Special .vol1 .btn3{ background-image:url(../special/img/ph3.jpg);}
.Special .vol1 .btn4{ background-image:url(../special/img/ph4.jpg);}
.Special .vol1 .btn5{ background-image:url(../special/img/ph5.jpg);}
.Special .vol1 .btn6{ background-image:url(../special/img/ph6.jpg);}
.Special .vol1 .btn7{ background-image:url(../special/img/ph7.jpg);}
.Special .vol1 .btn8{ background-image:url(../special/img/ph8.jpg);}
.Special .vol1 .btn9{ background-image:url(../special/img/ph9.jpg);}

.Special .vol2 .btn1{ background-image:url(../special/img/ph2-1.jpg);}
.Special .vol2 .btn2{ background-image:url(../special/img/ph2-2.jpg);}
.Special .vol2 .btn3{ background-image:url(../special/img/ph2-3.jpg);}
.Special .vol2 .btn4{ background-image:url(../special/img/ph2-4.jpg);}
.Special .vol2 .btn5{ background-image:url(../special/img/ph2-5.jpg);}
.Special .vol2 .btn6{ background-image:url(../special/img/ph2-6.jpg);}
.Special .vol2 .btn7{ background-image:url(../special/img/ph2-7.jpg);}
.Special .vol2 .btn8{ background-image:url(../special/img/ph2-8.jpg);}
.Special .vol2 .btn9{ background-image:url(../special/img/ph2-9.jpg);}
.Special .vol2 .btn10{ background-image:url(../special/img/ph2-10.jpg);}
.Special .vol2 .btn11{ background-image:url(../special/img/ph2-11.jpg);}
.Special .vol2 .btn12{ background-image:url(../special/img/ph2-12.jpg);}

.Special .vol4 .btn1{ background-image:url(../special/img/ph4-1b.jpg);}
.Special .vol4 .btn2{ background-image:url(../special/img/ph4-2b.jpg);}
.Special .vol4 .btn3{ background-image:url(../special/img/ph4-3b.jpg);}
.Special .vol4 .btn4{ background-image:url(../special/img/ph4-4b.jpg);}
.Special .vol4 .btn5{ background-image:url(../special/img/ph4-5b.jpg);}
.Special .vol4 .btn6{ background-image:url(../special/img/ph4-6b.jpg);}
.Special .vol4 .btn7{ background-image:url(../special/img/ph4-7b.jpg);}
.Special .vol4 .btn8{ background-image:url(../special/img/ph4-8b.jpg);}
.Special .vol4 .btn9{ background-image:url(../special/img/ph4-9b.jpg);}
.Special .vol4 .btn10{ background-image:url(../special/img/ph4-10b.jpg);}
.Special .vol4 .btn11{ background-image:url(../special/img/ph4-11b.jpg);}

.Special .vol5 .btn1{ background-image:url(../special/img/ph5-1.jpg);}
.Special .vol5 .btn2{ background-image:url(../special/img/ph5-2.jpg);}
.Special .vol5 .btn3{ background-image:url(../special/img/ph5-3.jpg);}
.Special .vol5 .btn4{ background-image:url(../special/img/ph5-4.jpg);}
.Special .vol5 .btn5{ background-image:url(../special/img/ph5-5.jpg);}
.Special .vol5 .btn6{ background-image:url(../special/img/ph5-6.jpg);}
.Special .vol5 .btn7{ background-image:url(../special/img/ph5-7.jpg);}

.Special .vol6 .btn1{ background-image:url(../special/img/ph6-1.jpg);}
.Special .vol6 .btn2{ background-image:url(../special/img/ph6-2.jpg);}
.Special .vol6 .btn3{ background-image:url(../special/img/ph6-3.jpg);}
.Special .vol6 .btn4{ background-image:url(../special/img/ph6-4.jpg);}
.Special .vol6 .btn5{ background-image:url(../special/img/ph6-5.jpg);}
.Special .vol6 .btn6{ background-image:url(../special/img/ph6-6.jpg);}
.Special .vol6 .btn7{ background-image:url(../special/img/ph6-7.jpg);}
.Special .vol6 .btn8{ background-image:url(../special/img/ph6-8.jpg);}
.Special .vol6 .btn9{ background-image:url(../special/img/ph6-9.jpg);}

.Special .vol7 .btn1{ background-image:url(../special/img/ph7-1.jpg);}
.Special .vol7 .btn2{ background-image:url(../special/img/ph7-2.jpg);}
.Special .vol7 .btn3{ background-image:url(../special/img/ph7-3.jpg);}
.Special .vol7 .btn4{ background-image:url(../special/img/ph7-4.jpg);}
.Special .vol7 .btn5{ background-image:url(../special/img/ph7-5.jpg);}
.Special .vol7 .btn6{ background-image:url(../special/img/ph7-6.jpg);}
.Special .vol7 .btn7{ background-image:url(../special/img/ph7-7.jpg);}
.Special .vol7 .btn8{ background-image:url(../special/img/ph7-8.jpg);}
.Special .vol7 .btn9{ background-image:url(../special/img/ph7-9.jpg);}
.Special .vol7 .btn10{ background-image:url(../special/img/ph7-10.jpg);}

.Special .vol8 .btn1{ background-image:url(../special/img/ph8-1.jpg);}
.Special .vol8 .btn2{ background-image:url(../special/img/ph8-2.jpg);}
.Special .vol8 .btn3{ background-image:url(../special/img/ph8-3.jpg);}
.Special .vol8 .btn4{ background-image:url(../special/img/ph8-4.jpg);}
.Special .vol8 .btn5{ background-image:url(../special/img/ph8-5.jpg);}
.Special .vol8 .btn6{ background-image:url(../special/img/ph8-6.jpg);}
.Special .vol8 .btn7{ background-image:url(../special/img/ph8-7.jpg);}
.Special .vol8 .btn8{ background-image:url(../special/img/ph8-8.jpg);}
.Special .vol8 .btn9{ background-image:url(../special/img/ph8-9.jpg);}


.Special .lazy{position:relative;}
.Special .lazy img{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}
.Special .serif{
	position: relative;
	display:inline-block;
	text-align:left;
	border:1px dashed #723c02;
	}
.Special .serif:after{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #723c02;
	border-width: 12px;
	margin-left: -12px;
	}
.Special a{
	color:#da4b4b;
	}

@media all and (min-width: 768px) {
.Special .vol1 h2{ background-image:url(../special/img/theme1.png)}
.Special .vol2 h2{ background-image:url(../special/img/theme2.png)}
.Special .vol3 h2{ background-image:url(../special/img/theme3.png)}
.Special .vol4 h2{ background-image:url(../special/img/theme4b.png)}
.Special .vol5 h2{ background-image:url(../special/img/theme5.png)}
.Special .vol6 h2{ background-image:url(../special/img/theme6.png)}
.Special .vol7 h2{ background-image:url(../special/img/theme7.png)}
.Special .vol8 h2{ background-image:url(../special/img/theme8.png)}
.Special .vol9 h2{ background-image:url(../special/img/theme9.png)}
}

@media all and (min-width: 768px) {

.Special h1{
	width:980px;
	height:276px;
	margin:30px auto 0;
	background:url(../img/special_header.jpg) no-repeat;
	text-indent:-9999px;
	}
.Special h2{
	width:900px;
	height:70px;
	margin:0 auto 30px;
	text-indent:-9999px;
	}
.Special .introText{
	font-size:100%;
	line-height:1.8;
	color:#75410b;
	letter-spacing:0.1em;
	}
#sbtnList{
	width:720px;
	margin:50px auto 20px;
	}
#sbtnList li{
	float:left;
	width:220px;
	height:220px;
	border-radius:125px;
	margin:0 30px 30px 0;
	background-position:center center;
	}
#sbtnList li:nth-child(3n) { margin-right:0;}
#sbtnList li.list2{ margin-left:140px;}
#sbtnList a{
	display:block;
	width:220px;
	height:220px;
	border-radius:125px;
	background: rgba(3,133,181, 0.8);
	}
#sbtnList a:hover{background: rgba(240,137,23, 0.8);}
#sbtnList img{
	border-radius:125px;
	width:220px;
	height:220px;
}
.Special #textArea{
	background:url(../img/special_text_bg.png);
	padding:20px;
	margin-bottom:30px;
	}
.Special #textArea .inbox{
	background-color:#fff;
	padding:30px;
	}
.Special #textArea .inbox p{
	color:#936231;
	font-size:94%;
	line-height:1.8;
	}

.Special #backnumber li{
	width:70px;
	height:70px;
	float:left;
	border-radius: 50%;
	margin-right:8px;
	background-color:#ec912c;
	}
.Special #backnumber a{
	width:70px;
  	height:70px;
  	line-height:70px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	font-size:160%;
	color:#fff;
	font-weight:bold;
}
.Special #backnumber a:hover{
	text-decoration:none;
	filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;
	}
.Special #backnumber li:nth-child(2n){ background-color:#27a0d4;}

.Special .vol3 .introText,.Special .vol9 .introText{
	margin-bottom:40px;
	}
.Special .lazy{
	width:640px;
	height:426px;
	margin:0 auto 30px;
	}
.Special .box{
	margin:0 auto 40px;
	text-align:center;
	}
.Special .box .serif{
	font-size:100%;
	line-height:1.6;
	color:#723c02;
	padding:25px;
	margin:0 auto 10px;
	}
.Special .box .name{
	font-size:90%;
	color:#f18917;
	letter-spacing:0.06em;
	font-weight:normal;
	}

}
@media all and (max-width: 767px) {
.Special h1{
	width:94%;
	height:0;
	padding-top:26.47%;
	margin:10px auto 0;
	background:url(../img/special_header.jpg) no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Special h2{
	width:100%;
	font-size:100%;
	text-align:left;
	color:#723c02;
	padding-bottom:10px;
	border-bottom:1px dashed #723c02;
	margin-bottom:20px;
	}
.Special h2 .vol{
	padding:7px 10px;
	font-size:90%;
	text-align:center;
	background-color:#f19938;
	border-radius:50%;
	color:#fff;
	margin:0 10px 10px 0;
	}
.Special .introText{
	font-size:84%;
	line-height:1.6;
	color:#75410b;
	text-align:left;
	letter-spacing:0.1em;
	}
#sbtnList{
	width:90%;
	margin:20px auto;
	}
#sbtnList li{
	float:left;
	width:32%;
	border-radius:50%;
	margin:0 2% 2% 0;
	background-position:center center;
	}
#sbtnList li:nth-child(3n) { margin-right:0;}
#sbtnList li.list2{ margin-left:18%;}
#sbtnList a{
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	background: rgba(3,133,181, 0.8);
	}
#sbtnList img{
	border-radius:50%;
	width:100%;
	height:100%;
}
.Special #textArea{
	background:url(../img/special_text_bg.png);
	padding:15px;
	margin-bottom:20px;
	}
.Special #textArea .inbox{
	background-color:#fff;
	padding:20px;
	}
.Special #textArea .inbox p{
	color:#936231;
	font-size:84%;
	line-height:1.8;
	}
.Special #backnumber{
	width:100%;
	}
.Special #backnumber li{
	width:40px;
	height:40px;
	float:left;
	border-radius: 50%;
	margin-right:4px;
	background-color:#ec912c;
	}
.Special #backnumber a{
	width:40px;
  	height:40px;
  	line-height:40px;
  	text-align: center;
  	display: inline-block;
  	border-radius: 50%;
	font-size:100%;
	color:#fff;
	font-weight:bold;
}
.Special #backnumber li:nth-child(10n){ margin-right:0;}
.Special #backnumber li:nth-child(2n){ background-color:#27a0d4;}

.Special .lazy{
	width:100%;
	height:0;
	padding-top:66.56%;
	margin:0 auto 20px;
	background-size:cover;
	}
.Special .vol3 .introText,.Special .vol9 .introText{
	margin-bottom:20px;
	}
.Special .box{
	margin:0 auto 30px;
	text-align:center;
	}
.Special .box .serif{
	font-size:86%;
	line-height:1.6;
	color:#723c02;
	padding:15px;
	margin:0 auto 10px;
	}
.Special .box .name{
	color:#f18917;
	letter-spacing:0.06em;
	font-weight:normal;
	}


}