@charset "UTF-8";
/* 
=============================================== */
#en dl {
	/*
	float:left;
	width: 50%;
	*/
	width:100%;
	box-sizing:border-box;
	padding:10px!important;
	margin-bottom:10px;
}

#en dl dt.title {
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color:#000;
	padding:3px;
	color:#FFFF68;
}

#en dl dt.title i {
	margin:0 0 0 5px;
	xcolor:#FF0;
}

#en dl dd.image {
	text-align:center;
	margin-bottom:10px;
}
#en dl dd.comment {
	font-size:16px;
	line-height:1.8;
}

#en img {
	width:100%;
}

@media screen and (min-width: 640px) {	
	/* 荳ｸ蜀咏悄�薙▽荳ｦ縺ｳ
	
	=============================================== */
	/*
	#en dl {
		float: left;
		clear: none;
		width: 32%;
		margin-right: 2%;
	}	
	#en dl:nth-child(3n) {
		margin-right:0;
	}
	*/
	#en {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
		xalign-items:stretch;
		
		flex-wrap: wrap;
		
	}
	#en dl {
		width: 32%;
	}	
	
	
	
}


@media screen and (max-width: 640px) {	
	#en dl {
		width:100%;
	}

}













/* 丸写真３つ
------------------------------------------------------------------------*/








/* INFORMATION（新着情報）
--------------------------------------------------------------------------------*/
#info {
	overflow:hidden;
	zoom:1;
}

/* 
--------------------------------------------------------------------*/
#blog ul li {
	margin-bottom:10px;
}

#blog ul li.last {
	margin-bottom:0;
}

/* news
--------------------------------------------------------------------*/
#news {
	overflow-y: scroll;
	height:204px;
	margin-bottom:30px;
}

#news dl {
	overflow: hidden;
	zoom: 1;
	padding:10px 0
}

#news dl.odd {
	background: #F7F7F7;
}

#news dt,
#news dd {
	font-size:16px;
	line-height:1.8;
	xline-height:1.5;
}

#news dt {
	color:#999;
}

#news dl dd {
	padding-left:30px;
	background: url(../image/icon_news.gif) left 4px no-repeat;
}

@media only screen and (min-width: 768px) {
	/* news
	----------------------------------*/
	#news {
		xfloat:left;
		xwidth: 60%;
		margin-bottom:0;
	}
	#news dl {
		overflow: hidden;
		zoom: 1;
	}
	
	#news dt {
		float: left;
	}
	#news dd {
		xpadding: 0 0 0 125px;
		margin-left:200px;
	}
	#news dl dd {
		background: url(../image/icon_news.gif) left center no-repeat;
	}
	
	/* blog
	----------------------------------*/
	#blog {
		float:right;
		width: 36%;
	}
}

#news dt span {
    color: #fff;
    text-align: center;
    padding: 0 0 0;
    font-size:14px;
	line-height:1.5;
    margin: 0 10px 0 10px;
	
	display:inline-block;
	width:80px;
}

#news dt span.oshirase {
	background-color:#F287B3;
}
#news dt span.blog {
	background-color:#4CBA73;
}
#news dt span.voice {
	background-color:#DEC90A;
}










/* 必ず見つかる。自分にピッタリなコース！
----------------------------------------------------*/
#index_04 {
	padding:30px 0 30px 0;
}

#index_04 div.recom_box {
		margin-bottom:40px;
}
#index_04 div.recom_box h3 {
	font-size:18px;
	line-height:1.8;
	font-weight:bold;
	background-color:#f6f6f6;
	padding:15px;
	border:1px solid #cdcdcd;
	margin-bottom:20px;
}
#index_04 div.recom_box p {
	font-size:16px;
	line-height:1.8;
	margin-bottom:20px;
}
/*
#index_04 div.recom_box p.txt_03 {
	font-size:1.8rem;	
	position:relative;
	padding-left:16px;
}
#index_04 div.recom_box p.txt_03:after {
	font-family: 'FontAwesome';
	content: "\f101";
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -9px;
	color:#F36;
}
#index_04 div.recom_box p.txt_03 a {
	color:#F36;
	font-weight:bold;
}
*/
@media only screen and (max-width:  400px) {
	/* 矢印の上下位置を調整 */
	/*
	#index_04 div.recom_box p.txt_03:after {
		margin-top: -10px;
	}*/
}

/*
--------------------------------------------------------*/
#index_04 div.recom_box ul {
	margin-bottom:15px;
}

@media only screen and (min-width:  640px) {	
	#index_04 h2 {
		font-size:2.8rem;
	}		
	#index_04 p.txt_01 {
		line-height:2.2;
		text-align:center;
	}	
	#index_04 div.recom_box {		
		float:left;
		width:48%; /* 480px */
		margin-right:4%; /* 40px */		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;		
	}	
	#index_04 div.recom_box.last {
		margin-right:0;
	}
}







#item_list_bg div.mask {
	xbackground-color: rgba(51,51,51,0.9);
	background-color: rgba(255,255,255,0.95);
	color:#444;
	padding:40px 20px 40px;
}

#item_list_bg p {
	font-size:14px;
	line-height:1.8;
	xtext-align:center;
	margin-bottom:30px;
	
}

#item_list_bg p:last-child {
	margin-bottom:0;
}

@media (max-width: 768px) {

	#item_list_bg {
		background: url(../image/paralax2.jpg) no-repeat center center;
		xdisplay: table;
		width: 100%;
		height: auto;
		position: relative;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		padding:30px 0;
		margin-top:50px;		
	}

}
@media (min-width: 769px) {

	#item_list_bg {
		background: url(../image/paralax2.jpg) no-repeat center center fixed;
		display: table;
		height: 100%;
		position: relative;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		
		padding:100px 0;
		margin-top:60px;
	}
}







/*
--------------------------------------------------------*/
#index_09 div.box {
	overflow:hidden;
	zoom:1;
	margin-bottom:50px;
}

#index_09 div.box p {
	font-size:16px;
	line-height:1.8;
}

#index_09 div.box ul {
	margin-bottom:20px;
}


@media only screen and (min-width:  769px) {  
#index_09 div.box ul {
	float:left;
	width:48%;
}
#index_09 div.box p {
	float:right;
	width:48%;
}
}

#index_09 p.link {
	font-weight:bold;
	margin-top:20px;
}
#index_09 p.link a {
	color:#FF6B81;
}

#index_09 h3 {
	font-size: 16px;
    background: url(../image/h3.gif) left 20px no-repeat;
    padding: 10px 0 10px 30px;
    margin-bottom: 30px;
    clear: both;
	font-weight:bold;
	background-color: #f6f6f6;
	border: 1px solid #cdcdcd;
}