@charset "utf-8";
/* ******************************************************************
 *	File name		: wakate.css
 *	Summary			: css style
 * ******************************************************************
 */

/* ----------------------------------------------------------------------
   all_base
---------------------------------------------------------------------- */

#main_contents h2{
	position:relative;
	width:100%;
	margin:0 0 15px;
	padding:0px !important;
	background:none;
	border:none;
	color:#000;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	line-height:1.3rem;
	z-index:0;
	}
	#main_contents h2::before,
	#main_contents h2::after{
		display:none;
}

#wakate_contents{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction: row-reverse;
	position:relative;
	padding:25px 30px;/* 35 40 */
	background:rgba(255,255,255,0.95);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
	border:10px solid rgba(0,0,0,0.2);
	}
	#wakate_contents p:last-child{
		margin:0px;
}

#wakate_menu{
	width:210px;
}
#wakate_box{
	width:calc(100% - 243px);
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#wakate_contents{
		display:block;
		position:relative;
		padding:0px 10px 15px;/* 35 40 */
		background:rgba(255,255,255,0.95);
		-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
		-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
		box-shadow: 0px 0px 7px rgba(0,0,0,0.8);
		border:10px solid rgba(0,0,0,0.2);
		}
		#wakate_contents p:last-child{
			margin:0px;
	}
	#wakate_menu{
		width:100%;
	}
	#wakate_box{
		width:100%;
	}
}

/* ----------------------------------------------------------------------
   wakate_menu
---------------------------------------------------------------------- */

#wakate_menu ul{
	width:100%;
	list-style:none;
}
#wakate_menu ul li{
	position:relative;
	width:100%;
	min-height:80px;
	padding:10px;
	background:#C0D8F0;
	line-height:1.35;
	}
	#wakate_menu ul li span{
		display:block;
		width:100%;
		font-family:'Kosugi Maru', sans-serif;
		font-weight:bold;
		font-size:1.05rem;
		color:#0081CA;
		}
		#wakate_menu ul li a{
			display:block;
			position:relative;
			width:calc(100% + 20px);
			height:calc(100% + 20px);
			margin:-10px 0 -10px -10px;
			padding:10px;
			text-decoration:none;
			color:#000;
			transition-duration:0.5s;
	}
	#wakate_menu ul li a:hover{
		background:rgba(0,129,202,0.25);
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#wakate_menu{
		margin:25px 0 0 0;
		padding:20px 0 0 0;
		border-top:2px dotted #0081CA;
	}
	#wakate_menu ul li{
		min-height:50px;
		padding:10px 20px;
	}
}


/* ----------------------------------------------------------------------
   wakate_box
---------------------------------------------------------------------- */

#wakate_box{
}
#wakate_box section{
	position:relative;
	margin-bottom:25px;
	padding:0px;
	background:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	}
	#wakate_box section p:last-child{
		margin:0px;
}

#wakate_box section h3#wakate_cover{
	display:block;
	position:relative;
	width:100%;
	margin:0 0 20px;
	padding:0px;
	font-weight:normal;
	font-family:'Kosugi Maru', sans-serif;
	font-size:1.0rem;
	text-align:left;
	line-height:1.45;
	background:none;
	color:#000;
	}
	#wakate_box section h3#wakate_cover::before,
	#wakate_box section h3#wakate_cover::after{
		display:none;
}

#wakate_box section p{
	margin-bottom:20px;
	font-size:0.9rem;
}

#wakate_box section #wakate_movie{
	position:relative;
	width:380px;
	margin:0 auto 25px;
	}
	#wakate_box section #wakate_movie div{
		position:relative;
		width:100%;
		height:0px;
		padding-top:56.25%;
	}
	#wakate_box section #wakate_movie iframe{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
}

#wakate_box section h4{
	display:block;
	position:relative;
	margin:0 0 15px 0;
	padding:0 0 5px;
	font-weight:bold;
	font-family:'Kosugi Maru', sans-serif;
	font-size:1.35rem;
	text-align:left;
	line-height:1.45;
	border-bottom:2px dotted #0C9EC4;
	color:#0C9EC4;
}

/* photo */
.photo_right{
	float:right;
	margin-bottom:20px;
	padding-left:15px;
}
.photo_left{
	float:left;
	margin-bottom:20px;
	padding-right:15px;
}
.photo_center{
	margin-bottom:20px;
	text-align:center;
	}
	.photo_center img{
		margin:5px;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.clearfix{
		display:inline-block;
	}
	* html .clearfix{
		height:1%;
	}
	.clearfix{
		display:block;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#wakate_box section h3#wakate_cover{
		display:block;
		position:relative;
		width:calc(100% + 40px);
		margin:-10px 0 20px -20px;
	}
	#wakate_box section p{
		font-size:0.77rem;
	}
	#wakate_box section #wakate_movie{
		width:100%;
	}
	#wakate_box section h4{
		font-size:1.0rem;
	}

	/* photo */
	.photo_right{
		float:none;
		width:100%;
		margin-bottom:20px;
		padding-left:0px;
		text-align:center;
	}
	.photo_left{
		float:none;
		width:100%;
		margin-bottom:20px;
		padding-right:0px;
		text-align:center;
	}
	.photo_center{
		width:100%;
		margin-bottom:20px;
		text-align:center;
		}
		.photo_center img{
			margin:0 0 10px;
	}
}
/* ----------------------------------------------------------------------
   profile
---------------------------------------------------------------------- */

#profile{
	position:relative;
	margin-bottom:15px;
	padding:15px 30px;
	background:#DCE5F4;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#profile h4{
	margin:0 0 5px 0;
	padding:0 0 0px;
	font-weight:bold;
	font-family:'Kosugi Maru', sans-serif;
	font-size:1.35rem;
	color:#0C9EC4;
}
#profile #prof_name{
	font-weight:bold;
	font-size:1.2rem;
	line-height:1.3rem;
}
	#profile #prof_name span{
		position:relative;
		font-family:inherit;
		font-weight:normal;
		font-size:1.0rem;
		z-index:1;
	}
#profile p{
	font-size:0.84rem;
}
#profile #prof_senmon{
	position:relative;
	margin-bottom:15px;
	padding:10px 0;
	border-top:1px solid #0C9EC4;
	border-bottom:1px solid #0C9EC4;
	}
	#profile #prof_senmon span{
		display:inline-block;
		width:100px;
		margin:0 15px 0 0;
		padding:3px;
		background:#0C9EC4;
		text-align:center;
		color:#FFF;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}

#profile_box .btn{
	margin:0 0 20px !important;
	padding:0px !important;
	}
	#profile_box .btn a{
		padding:3px 10px;
		font-size:0.87rem;
		background:#006CB7;
		color:#FFF;
	}
	#profile_box .btn a::before,
	#profile_box .btn a::after{
		display:none;
}

/* --- responsive --- */
@media screen and (max-width:767px){
	#profile{
		padding:10px 10px;
	}
	#profile p{
		font-size:0.70rem;
	}
	#profile #prof_senmon span{
		display:block;
		margin:0 0 5px 0;
	}
}