@charset "UTF-8";

/* CSS Document */
.areaMap {}

.areaMap_headline {
	margin: 0 0 12px;
}

.areaMap_text {}

.buttonView {
	top: 62px;
}

.buttonView>img {}

.courseNavi {
	margin: 36px 0px 22px;
}

.courseNavi_list {
	text-align: center;
}

.courseNavi_list>li {
	display: inline-block;
	width: 405px;
	margin: 0 9px;
}

.courseNavi_list>li>a {
	background-color: #888888;
	line-height: 60px;
	font-size: 18px;
	color: #fff;
	display: block;
	text-decoration: none;
	-webkit-transition: text-indent 0.3s, background-color 0.3s;
	transition: text-indent 0.3s, background-color 0.3s;
	font-weight: bold;
}

.courseNavi_list>li>a:hover {
	text-indent: 5px;
	background-color: #008AA8;
}

.courseNavi_list>li>a.-no1:hover {
	background-color: #DC4D6E;
}

.courseNavi_list>li>a.-current:hover {
	text-indent: 0;
}

.courseNavi_list>li>a .icon {
	font-size: 90%;
	margin: 0 10px 0 0;
}

.courseNavi_list>li>a.-current {
	background-color: #DC4D6E;
	cursor: default;
}

.courseNavi_list>li>a.-current.-no2 {
	background-color: #008AA8;
}

.mapCanvas {}

.mapCanvas>img {}

.courseTable {
	width: 867px;
	margin: 46px auto 20px;
}

.courseTable>tbody {}

.courseTable th {
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #DE4B6D;
	color: #fff;
	width: 125px;
	font-size: 17px;
	line-height: 1.3;
}

.courseTable-no2 th {
	background-color: #008AA8;
}

.courseTable td {
	border: 1px solid #CCC;
	background-color: #fff;
	padding: 10px;
}

.courseTable_list {
	list-style: none;
	margin: 8px 0 0;
}

.courseTable_list>li {
	display: inline-block;
	margin: 0 10px 0 0;
	line-height: 28px;
}

.courseTable_list>li>b {
	width: 18px;
	line-height: 18px;
	background-color: #E0496B;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	font-size: 11px;
	margin: 0 5px 0 0;
}

.courseTable_list-no2>li>b {
	background-color: #008AA8;
}

.courseTable_list>li .icon {
	color: #DE4B6D;
	margin: 0 0 0 10px;
}

.courseTable_list-no2>li .icon {
	color: #008AA8;
}

.guide {
	background-color: #fff;
	border: 1px solid #CCC;
	margin: 37px 0 0;
	padding: 33px 35px;
}

.guide_title {
	margin: 0 0 5px;
}

.guide_text {
	margin: 0 0 10px;
}

.guide_headline {
	font-size: 14px;
}

.guide_table {}

.guide_table>tbody>tr>th {
	vertical-align: top;
	padding: 0 1em 0 0;
}

.guide_table td {
	vertical-align: top;
}

/* タブレット以下設定 */
@media screen and (max-width:999px) {
	.areaMap {}

	.areaMap_headline {}

	.areaMap_text {
		margin: 0 0 15px;
	}

	.buttonView {}

	.buttonView>img {}

	.courseNavi {
		margin: 15px 0 15px;
	}

	.courseNavi_list {}

	.courseNavi_list>li {
		width: 49%;
		display: block;
		float: right;
		margin: 0;
	}

	.courseNavi_list>li:first-child {
		float: left;
	}

	.courseNavi_list>li>a {
		font-size: 16px;
		line-height: 45px;
	}

	.courseNavi_list>li>a:hover {}

	.courseNavi_list>li>a.-current:hover {}

	.courseNavi_list>li>a .icon {}

	.courseNavi_list>li>a.-current {}

	.mapCanvas {
		max-width: 100%;
	}

	.mapCanvas>img {}

	.courseTable {
		width: 100%;
		max-width: 867px;
		margin: 30px auto 0;
	}

	.courseTable>tbody {}

	.courseTable th {
		font-size: 15px;
		width: 100px;
	}

	.courseTable td {}

	.courseTable_list {}

	.courseTable_list>li {}

	.courseTable_list>li>b {}

	.courseTable_list>li .icon {}

	.guide {
		padding: 20px;
		margin: 25px 0 0;
	}

	.guide_title {}

	.guide_text {}

	.guide_headline {}

	.guide_table {}

	.guide_table>tbody>tr>th {}

	.guide_table td {}
}

/* スマホ設定 */
@media screen and (max-width:639px) {
	.areaMap {}

	.areaMap_headline {}

	.areaMap_text {}

	.buttonView {}

	.buttonView>img {}

	.courseNavi {}

	.courseNavi_list {}

	.courseNavi_list>li {
		width: 100%;
		float: none;
		margin: 0 0 5px;
	}

	.courseNavi_list>li:first-child {
		float: none;
	}

	.courseNavi_list>li>a {
		line-height: 42px;
		font-size: 14px;
	}

	.courseNavi_list>li>a:hover {}

	.courseNavi_list>li>a.-current:hover {}

	.courseNavi_list>li>a .icon {}

	.courseNavi_list>li>a.-current {}

	.mapCanvas {}

	.mapCanvas>img {}

	.courseTable {
		display: block;
	}

	.courseTable>tbody {
		display: block;
	}

	.courseTable>tbody tr {
		display: block;
	}

	.courseTable th {
		display: block;
		width: auto;
		border-bottom: none;
		font-size: 14px;
	}

	.courseTable td {
		display: block;
		font-size: 12px;
	}

	.courseTable_list {}

	.courseTable_list>li {
		line-height: 22px;
		margin-right: 4px;
		display: block;
	}

	.courseTable_list>li:after {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\e605";
		display: block;
		text-align: left;
		color: #E0496B;
		font-size: 10px;
		margin: 0 0 0 2px;
	}

	.courseTable_list>li:last-child:after {
		display: none;
	}

	.courseTable_list-no2>li:after {
		color: #008AA8;
	}

	.courseTable_list>li>b {
		font-size: 10px;
		width: 16px;
		line-height: 16px;
		margin: 0 3px 0 0;
	}

	.courseTable_list>li .icon {
		display: none;
	}
	
	.course_flat {
		display: none;
	}

	.guide {
		padding: 10px;
	}

	.guide_title {}

	.guide_text {}

	.guide_headline {}

	.guide_table {
		display: block;
	}

	.guide_table tbody {
		display: block;
	}

	.guide_table tr {
		display: block;
	}

	.guide_table th {
		text-align: left;
		display: block;
	}

	.guide_table td {
		display: block;
	}
}