/**
 * @copyright 2018- Tom Communication Industrial Co., Ltd.
 * @since 2018/04/13
 * @version 20180413
 */

/* 雋ｩ螢ｲ莉｣逅�ｺ嶺ｸ€隕ｧ	========================== */
/* COMMON			------------------------------ */
.Hokkaido, .Hokkaido > a, .Hokkaido > h2		{ background-color: #84C292; border: 0px solid #84C292; }
.Tohoku, .Tohoku > a, .Tohoku > h2				{ background-color: #EA9572; border: 0px solid #EA9572; }
.Kanto, .Kanto > a, .Kanto > h2					{ background-color: #2CB5A9; border: 0px solid #2CB5A9; }
.Shinetsu, .Shinetsu > a, .Shinetsu > h2		{ background-color: #EDC300; border: 0px solid #EDC300; }
.Tokai, .Tokai > a, .Tokai > h2					{ background-color: #B673A6; border: 0px solid #B673A6; }
.Kinki, .Kinki > a, .Kinki > h2					{ background-color: #ABC500; border: 0px solid #ABC500; }
.Chushikoku, .Chushikoku > a, .Chushikoku > h2	{ background-color: #5F9ECF; border: 0px solid #5F9ECF; }
.Kyushu, .Kyushu > a, .Kyushu > h2				{ background-color: #EA8937; border: 0px solid #EA8937; }
.Okinawa, .Okinawa > a, .Okinawa > h2			{ background-color: #DD72A1; border: 0px solid #DD72A1; }

/* CONTENT_HEADER	------------------------------ */
#CONTENT_HEADER {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 1200px;
	min-height: 0%;
}
#CONTENT_HEADER > h1 {
	margin-left: 5px;
	font-size: 5.6rem;
	font-feature-settings: "halt";
	line-height: 10.6rem;
	text-align: center;
	background-color: #FFF;
}
#CONTENT_HEADER > div { margin-bottom: 20px; }

/* MAP		------------------------------ */
#MAP_F {
	padding: 30px 0px;
	background-color: #DCDCDC;
}
#MAP {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px 60px;
	width: 1200px;
	height: 730px;
	background: center center no-repeat url("../img/map01.png");
}
#MAP > p {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	font-size: 2.8rem;
	font-weight: bold;
	font-feature-settings: "halt";
	line-height: 4rem;
}
#MAP > span {
	display: inline-block;
	margin-bottom: 20px;
	padding-left: 22px;
	width: 100%;
	font-size: 2.2rem;
	font-feature-settings: "halt";
	line-height: 3.6rem;
}
#MAP > span::before {
	content: "窶ｻ";
	display: inline-block;
	margin-left: -22px;
	text-align: center;
}
#MAP > a {
	position: absolute;
	display: inline-block;
	padding: 0px 10px;
	font-size: 2.2rem;
	font-weight: bold;
	font-feature-settings: "halt";
	line-height: 3.5rem;
	color: #FFF;
}
#MAP > a.Hokkaido { top: 90px; left: 925px; }
#MAP > a.Tohoku { top: 290px; left: 855px; }
#MAP > a.Kanto { top: 450px; left: 870px; }
#MAP > a.Shinetsu { top: 330px; left: 660px; }
#MAP > a.Tokai { top: 580px; left: 690px; }
#MAP > a.Kinki { top: 390px; left: 530px; }
#MAP > a.Chushikoku { top: 480px; left: 375px; }
#MAP > a.Kyushu { top: 480px; left: 200px; }
#MAP > a.Okinawa { top: 600px; left: 120px; }

/* LIST	------------------------------ */
#LIST_F { padding: 20px 0px 50px 0px; }
#LIST {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0px 60px;
	width: 1200px;
	min-height: 0%;
}
#LIST > div {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: strech;
	align-items: center;
	margin-bottom: 30px;
	width: 290px;
	height: 160px;
	border-bottom-width: 3px;
	background: none;
}
#LIST > div > a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 80px;
	height: 45px;
	border-right-width: 80px;
	border-top: 45px solid transparent;
	background-color: transparent;
}
#LIST > div > a::before {
	content: "荳€隕ｧ";
	position: absolute;
	bottom: 0px;
	left: 40px;
	width: 40px;
	height: 30px;
	font-size: 1.6rem;
	line-height: 3rem;
	color: #FFF;
}
#LIST > div > span {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 1.6rem;
	line-height: 2rem;
}
#LIST > div > h2 {
	display: inline-block;
	width: 100%;
}
#LIST > div > h2 > a {
	display: inline-block;
	padding: 0px 10px;
	width: 100%;
	height: 100%;
	font-size: 1.8rem;
	font-weight: bold;
	font-feature-settings: "halt";
	line-height: 3.5rem;
	text-align: center;
	color: #FFF;
}
#LIST > div > ul {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	padding: 5px 5px;
	width: 100%;
	font-size: 2rem;
	font-feature-settings: "halt";
	line-height: 3.5rem;
}
#LIST > div > ul > li {
	display: inline-block;
	width: 85px;
}