@charset "UTF-8";

/* table
=============================================== */
table.demo01 {
    border-top:1px solid #fff;
    border-right:1px solid #fff;
	width:100%;
}
table.demo01 th,
table.demo01 td{
    padding:12px 15px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
	font-size:16px;
}
table.demo01 th {
	font-weight:normal;
    background-color:#FBF29F;
}
@media screen and (max-width:640px) {
	table.demo01 th,
	table.demo01 td {
		display:block;
	}
}


/* メインビジュアル
--------------------------------------------------------------------*/
.slider img {
  width: 100%;
  height: auto;
  display: block;
    
  max-width: 1500px;
  margin: 0 auto;
}



/* 料金システム
--------------------------------------------------------------------*/
#price {
	padding:0 0 60px 0;
}


/* 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;
	}
}


#index_04 p a {
  font-weight: bold;
  color: #FF6B81;
}


/*
--------------------------------------------------------*/

#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;
}