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


/* コースメニュー
------------------------------------------------------------*/
.titleBox				{ width:100%; height:280px; padding:60px 0 60px 0; position:relative; }
.background-hack-order 	{
	background-image: url(../../menu/img/m-course/bg-course.jpg);
	background-repeat       : no-repeat;
	background-position: center top;
    background-size         : ;
}

.courseTitle 			{ font-size: 1.4em; /*padding-top:30px;*/ margin-bottom:10px; text-align:center; letter-spacing:2px;}

.PNG-text01				{ width:220px; text-align:left; position:absolute; left:5%; top:30px; z-index:20; }
.PNG-text02				{ width:220px; text-align:left; position:absolute; right:20%; top:30px; z-index:20; }

#courseList				{ }
#courseList h3			{ font-size:1.4em; text-align:center; margin-bottom:10px; }

.courseImg				{ position: relative; width: 100%; z-index:0; }
.courseImg02			{ position: relative; width: 100%; z-index:0; margin-top:0px!important;}

.courseInner			{ padding-left:3px;/* 枠消え回避 */ margin-bottom:0px; text-align:justify; text-justify:distribute-all-lines; position: relative; min-height: 466px;/* スライドショーとの高さ合わせ */}
.courseInner h3			{ font-size:1.6em; line-height: 1.5em; margin-top:0px!important; margin-bottom:20px; letter-spacing: 0.1em!important; }
.courseInner p 			{ font-size:1em; }
.titleh3				{ font-size:1.6em; line-height: 1em!important; margin-top:5px!important; margin-bottom:20px; }
.subh3					{ font-size:1.35em; margin-top:20px!important; margin-bottom:0px!important; }


dl.menu {
	display:block;
	overflow:auto;
	font-size:0.84em;
	text-align:left;
	margin:10px auto 20px;
	padding:10px 0px 0px 3px/* 枠消え回避 */ ;
	font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
dl.menu dt {
	color: #927C49;
	float:left;
	line-height:24px;
}
dl.menu dd {
	padding:0px 0px 0px 5em;
	line-height:24px;
}


.table-ul {
	background-color: #927C49;
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	margin-top: 60px;
	position: absolute;
	bottom: 0px;
}
.table-ul li {
	font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	border-right: 2px solid #fff;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding: 0;
}
.table-ul li:last-child {
	border-right: 0;
}

.courseBox		 	{ text-align:justify; text-justify:distribute-all-lines; }
.courseBox img 		{ width:100%; background-color:transparent!important; }
.courseBox p		 	{ padding-left:3px;/* 枠消え回避 */ }
.course-notes			{ font-size:0.85em!important; line-height: 4em; }
.tbTitle	 			{ font-size:1.2em; }
.fontBIG				{ font-size:1.6em!important; line-height: 2em; font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif; }
.fontBIG-mincho			{ font-size:1.6em!important; line-height: 2em; }




/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
}

/* PC調整用
------------------------------------------------------------*/
@media only screen and (max-width:1200px){

}

@media only screen and (min-width: 960px) and (max-width:1000px) {

}

/* タブレット用
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.PNG-text01					{ width:220px; text-align:left; position:absolute; left:2%; top:30px; z-index:20; }
.courseInner				{ min-height: 500px;}	/* 文字数に合わせて調整 */

}

/* スマートフォン 横(ランドスケープ)
------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.courseImg02				{ margin-top:0px!important; }
#courseList h2				{ font-size:1.4em; margin-bottom:10px; text-align:center;}
.PNG-text01,.PNG-text02		{ width:220px; text-align:left; position:absolute; left:20%; top:30px; z-index:20; }
.courseInner				{ min-height: 450px;}	/* 文字数に合わせて調整 */
.courseInner h3				{ font-size:1.4em; line-height: 2em; margin-bottom:20px; }
}

/* スマートフォン 縦(ポートレート)
------------------------------------------------------------*/
@media only screen and (max-width:480px){
.courseImg02				{ margin-top:0px!important; }
#courseList h2				{ font-size:1.2em; margin-bottom:10px; text-align:center;}
.PNG-text01,.PNG-text02		{ width:220px; text-align:left; position:absolute; left:5%; top:30px; z-index:20; }
.courseInner				{ min-height: 700px;}	/* 文字数に合わせて調整 */
.courseInner h3				{ font-size:1.3em; line-height: 2em; margin-bottom:20px; }
.table-ul {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: left;
}
.table-ul li {
	width: 100%;
	float: left;
	border-bottom: 2px solid #fff;
	padding-left: 35%;


}
.table-ul li:last-child {
	border-bottom: 0;
}

}