@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width:501px), print {
	




/*扉ページ*/
#contents #List02 {
}
	#contents #List02 .line {
		background: url(../img/staff_bg_line.gif) no-repeat -1px top;
		padding-top:20px;
	}
	#contents #List02 .line_last {
		background: url(../img/staff_bg_line.gif) no-repeat -203px top;
		padding-top:20px;
	}
		#contents #List02 dl {
			width: 201px;
			float: left;
			cursor: pointer;
			text-align:center;
			background: url(../../../common/img/icon_arrow.gif) no-repeat center 90%;
			border-left: solid 1px #c0c0c0;
		}
		#contents #List02 dl.right {
			border-right: solid 1px #c0c0c0;
		}
		#contents #List02 dl.last {
			border-right: solid 1px #c0c0c0;
		}
		#contents #List02 dl.blank {
			background: none;
		}
		#contents #List02 dl:hover {
			color: #ea6c8d !important;
			background: url(../../../common/img/icon_arrow_on.gif) no-repeat center 90%;
		}
			#contents #List02 dl dt {
				font-size: 115%;
				font-weight: bold;
				letter-spacing: 0.1em;
				display: block;
				margin:20px 0 10px 0;
			}
			#contents #List02 dl dd {
				letter-spacing: 0.03em;
				display: block;
				padding-bottom: 50px;
			}
			#contents #List02 dl dd span{
				font-size:158%;
			}
				#contents #List02 .line a {
					display: block !important;
				}
	













/*詳細ページ*/

.days {
	
}
	.days p{
		font-size:108%;
		line-height:34px;
	}




	.days .nameArea{
		border-top:1px solid #dbdbdb;
		width:100%;
		text-align:center;
		}
		.days .nameArea .tag{
			text-align:left;
			margin-bottom:40px;
			}
		.days .nameArea h3{
			font-size:280%;
			font-weight:lighter;
			letter-spacing:0.3em;
			margin-bottom:20px;
			}
		.days .nameArea .name01{
			font-size:186%;
			letter-spacing:0.3em;
			margin-bottom:80px;
			}
		.days .nameArea .name02{
			font-size:86%;
			color:#bbbbbb;
			letter-spacing:0.2em;
			margin-bottom:80px;
			}
			
			
			
		.questionArea{
			margin-bottom:80px;
		}
			.questionArea .tit span img{
				margin-top:8px;
			}
			.questionArea h4{
				font-size:186%;
				line-height:42px;
				text-align:center;
				letter-spacing:0.1em;
				margin-bottom:40px;
			}
				.questionArea h4 span{
					color:#ea6c8d;
				}
				
			.questionArea p {
				width: 625px;
				margin: 0 auto 30px auto;
			}
				
			.questionArea .head {
				width: 625px;
				margin: 0 auto 0 auto;
				font-weight: bold;
			}
			
			.questionArea ol {
				width: 585px;
				margin: 0 auto 30px auto;
				font-size: 14px;
			}
				.questionArea ol li {
					list-style: disc;					
				}
			
			.questionArea dl{
				background:url(../../../common/img/border_bottom.gif) repeat-x left top;
				padding-top:30px;
				width:625px;
				margin:0 auto 30px auto;
			}
			.questionArea dl.last dd{
				background:url(../../../common/img/border_bottom.gif) repeat-x left bottom;
				padding-bottom:30px;
			}
				.questionArea dl dt{
					font-weight:bold;
					font-size:115%;
					margin-bottom:15px;
				}
				
			
		
	.hitokoto{
		margin:100px 0 40px 0;
		}	
		.hitokoto dl{
			position:relative;
			}	
			.hitokoto dl dt{
				position:absolute;
				top:-25px;
				left:20px;
				}	
			.hitokoto dl dd{
				border:1px solid #dbdbdb;
				width:728px;
				padding:50px 40px 40px 40px;
				}	
			
	
	
	.schedule{
		background:url(../img/question_bg.gif);
		padding:30px 30px 10px 30px;
		width:750px;
		margin-bottom:90px;
		}
		.schedule h4{
			font-size:143%;
			line-height:42px;
			text-align:center;
			letter-spacing:0.1em;
			margin-bottom:30px;
			}
			.schedule h4 img{
				margin:7px 12px 0 0;
			}
			.schedule h4 span{
				color:#ea6c8d;
			}
		.schedule dl{
			margin-bottom:30px;
			}
			.schedule dl dt{
				font-size: 16px;
			}
				.schedule dl dd p {
					line-height:24px;
				}
				
				.schedule dl dd ul li.last {
					margin-bottom: 0;
				}
					.schedule dl dd ul li span {
						padding-right: 15px;
					}
	
			
		
	.other_staff{
		
	}	
		.other_staff h4{
			font-size:115%;
			font-weight:bold;
			margin-bottom:25px;
		}	
		.other_staff dl{
			width:323px;
			padding:20px 40px;
			background:url(../img/days_arrow.png) no-repeat 360px center;
			border-left:1px solid #dbdbdb;
			border-right:1px solid #dbdbdb;
			float:left;
			margin-bottom:20px;
			color: #000;
		}	
			.other_staff dl.active{
				background:#fff url(../img/days_arrow_on.png) no-repeat 360px center;
				color: #ea6c8d !important;
			}	
			.other_staff dl:hover{
				background:#fff url(../img/days_arrow_on.png) no-repeat 360px center;
				color: #ea6c8d;
			}
			.other_staff dl.no_leftBorder{
				border-left:none;
			}
				.other_staff dl dt{
					font-size:115%;
					font-weight:bold;
				}	
		
			


}






/* スマホ */
@media only screen and (max-width: 500px) {


#mainTitle{
	display:none;
	}




/*扉ページ*/
#contents #List02 {
}
	#contents #List02 .line_sp {
		background: url(../img/staff_bg_line.gif) no-repeat -1px top;
		padding-top:20px;
		background-size:200%;
	}
	#contents #List02 .line_last {
		background: url(../img/staff_bg_line.gif) no-repeat 154% bottom;
		padding-bottom:20px;
		background-size:200%;
	}
	#contents #List02 .line_sp {
		zoom: 100%;
	}
	*:first-child+html #contents #List02 .line_sp {
		display: inline-block;
	}
	#contents #List02 .line_sp:after {
		content: "."; 
		clear: both; 
		height: 0; 
		display: block; 
		visibility: hidden;
	}
	
		#contents #List02 dl {
			width: 49.5%;
			float: left;
			cursor: pointer;
			text-align:center;
			background: url(../../../common/img/icon_arrow.gif) no-repeat center 90%;
			border-right: solid 1px #c0c0c0;
		}
		#contents #List02 .line_sp a+a dl {
			border-right: none;
		}
		#contents #List02 .line_sp dl.right {
			border-right: none;
		}
		#contents #List02 dl.blank {
			background: none;
		}
		#contents #List02 dl:hover {
			color: #ea6c8d !important;
			background: url(../../../common/img/icon_arrow_on.gif) no-repeat center 90%;
		}
			#contents #List02 dl dt {
				font-size: 115%;
				font-weight: bold;
				letter-spacing: 0.1em;
				display: block;
				margin:20px 0 10px 0;
			}
			#contents #List02 dl dd {
				letter-spacing: 0.03em;
				display: block;
				padding-bottom: 50px;
			}
			#contents #List02 dl dd span{
				font-size:158%;
			}







/*詳細ページ*/

.days {
	
}
	.days p{
		font-size:108%;
		line-height:1.8em;
	}




	.days .nameArea{
		border-top:1px solid #dbdbdb;
		width:100%;
		text-align:center;
		}
		.days .nameArea .tag{
			text-align:left;
			margin-bottom:4%;
			}
		.days .nameArea h3{
			font-size: 150%;
			font-weight:lighter;
			letter-spacing:0.3em;
			margin-bottom: 0;
			}
		.days .nameArea .name01{
			font-size: 129%;
			letter-spacing:0.3em;
			margin-bottom:8%;
			}
		.days .nameArea .name02{
			font-size:86%;
			color:#bbbbbb;
			letter-spacing:0.2em;
			margin-bottom:8%;
			}
			
			
			
		.questionArea{
			margin-bottom:8%;
		}
			.questionArea .tit span img{
				margin-top:8px;
			}
			.questionArea h4{
				font-size: 122%;
				line-height:42px;
				text-align:center;
				letter-spacing:0.1em;
				margin-bottom:1%;
			}
				.questionArea h4 span{
					color:#ea6c8d;
				}
				
			.questionArea p{
				font-size: 93%;
				margin-bottom: 3%;
			}
			
			.questionArea ol {
				font-size: 14px;
				margin-left: 5%;
			}
				.questionArea ol li {
					list-style: disc;					
				}
			
			.questionArea dl{
				background:url(../../../common/img/border_bottom.gif) repeat-x left top;
				padding-top: 5%;
				width:100%;
				margin:0 auto 3% auto;
				padding-bottom: 2%;
			}
			.questionArea dl.last dd{
				background:url(../../../common/img/border_bottom.gif) repeat-x left bottom;
				padding-bottom: 5%;
			}
				.questionArea dl dt{
					font-weight:bold;
					font-size:108%;
					margin-bottom:2%;
				}
				
			
		
	.hitokoto{
		margin: 15% 0 8% 0;
	}	
		.hitokoto dl{
			position:relative;
		}	
			.hitokoto dl dt{
	width: 150px;
	position: absolute;
	top: -20px;
	left: 3%;
			}	
				.hitokoto dl dt img {
					width: 100%;
					height: auto;
				}	
			.hitokoto dl dd{
				border:1px solid #dbdbdb;
				padding:8% 5% 5% 5%;
			}	
			
	
	
	.schedule{
		background:url(../img/question_bg.gif);
		padding: 5% 5% 1% 5%;
		margin-bottom:9%;
		}
		.schedule h4{
			font-size:129%;
			line-height:42px;
			text-align:center;
			letter-spacing:0.1em;
			margin-bottom: 3%;
			}
			.schedule h4 img{
				margin:7px 12px 0 0;
			}
			.schedule h4 span{
				color:#ea6c8d;
			}
		.schedule dl{
			margin-bottom: 5%;
			}
			.schedule dl dt{
				font-size: 125%;
				font-weight: bold;
			}
				
				.schedule dl dd ul li {
					margin-bottom: 10px;
					line-height: 1.4em;
				}
				.schedule dl dd ul li.last {
					margin-bottom: 0;
				}
					.schedule dl dd ul li span {
						display: block;
					}
	
			
		
	.other_staff{
		margin-bottom:5%;
	}	
		.other_staff h4{
			font-size:115%;
			font-weight:bold;
			margin-bottom:3%;
		}
		
		.other_staff dl{
			width:92%;
			padding:2% 4%;
			background:url(../img/days_arrow.png) no-repeat 96% center;
			border-left:1px solid #dbdbdb;
			border-right:1px solid #dbdbdb;
			margin-bottom:3%;
			color: #000;
		}	
			.other_staff dl.active{
				background:#fff url(../img/days_arrow_on.png) no-repeat 96% center;
				color: #ea6c8d !important;
			}	
			.other_staff dl:hover{
				background:#fff url(../img/days_arrow_on.png) no-repeat 96% center;
				color: #ea6c8d;
			}
			.other_staff dl dt{
				font-size:115%;
				font-weight:bold;
			}	
		


}