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

/* 対応エリア /area/ */
#AreaMapOuter {}
.AreaMap {margin-bottom: 60px;}
#AreaMapOuter area{
	border:none;
	outline:none;
}

#AreaMapListOuter {}
.AreaMapList {margin-bottom: 100px;}
.AreaMapList .ttl01 {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	padding: 13px 0 8px 15px;
	margin-top: 10px;
}
.AreaMapList .hokkaido_tohoku .ttl01 {
    background: #2ea7e0;
}
.AreaMapList .shinetsu_hokuriku .ttl01 {
    background: #8fc31f;
    margin-top: 0px;
}
.AreaMapList .kanto .ttl01 {
    background: #00a29a;
}
.AreaMapList .tokai .ttl01 {background: #61B848;}
.AreaMapList .kansai .ttl01 {
    background: #f8b62d;
}
.AreaMapList .chugoku .ttl01 {
    background: #ea5514;
}
.AreaMapList .shikoku .ttl01 {background: #49B1DB;}
.AreaMapList .kyushu_okinawa .ttl01 {background: #A15CB0;}

.AreaMapList .hokkaido_tohoku, 
.AreaMapList .shinetsu_hokuriku, 
.AreaMapList .kanto, 
.AreaMapList .tokai, 
.AreaMapList .kansai, 
.AreaMapList .chugoku, 
.AreaMapList .shikoku, 
.AreaMapList .kyushu_okinawa {

}

.AreaMapList .arrow_prev {}
.AreaMapList .txt01 {
	text-align: center;
	margin-bottom: 5px;
}
.AreaMapList ul {
	display: flex;
	flex-wrap: wrap;
}
.AreaMapList ul li {
	background: url(../../images/ico_arrow11.jpg) no-repeat 0 50%;
	margin: 15px 35px 10px 0;
	padding-left: 19px;
}
.AreaMapList ul.closeUnit li {
	width: auto;
	height: auto;
	background: none;
	margin: 10px 15px 10px 0;
	padding-left: 0;
	float: none;
	display: inline-block;
}
.AreaMapList ul.shop li {
	width: auto;
	height: auto;
	background: none;
	margin: 10px 15px 10px 0;
	padding-left: 0;
	float: none;
	display: inline-block;
}
.AreaMapList .areaList li:hover { cursor: pointer; }
#AreaMapListOuter .closeUnit {display: none;}

/* sp */
 @media screen and (max-width:480px) {
.AreaMapList .hokkaido_tohoku, 
.AreaMapList .shinetsu_hokuriku, 
.AreaMapList .kanto, 
.AreaMapList .tokai, 
.AreaMapList .kansai, 
.AreaMapList .chugoku, 
.AreaMapList .shikoku, 
.AreaMapList .kyushu_okinawa {
	margin-top: 0;
	padding-top: 0;
}

	.AreaMapList {
		padding: 0 10px;
		margin-bottom: 16vw;
	}
	.AreaMapList .ttl01 {
		font-size: 4vw;
		text-align: center;
		padding: 10px 0;
		margin-top: 10px;
	}
	.AreaMapList .hokkaido_tohoku .ttl01 {
		background: none;
		color: #0087D6;
		border: 2px solid #0087D6;
	}
	.AreaMapList .shinetsu_hokuriku .ttl01 {
		background: none;
		color: #F56287;
		border: 2px solid #F56287;
	}
	.AreaMapList .kanto .ttl01 {
		background: none;
		color: #EAA90C;
		border: 2px solid #EAA90C;
	}
	.AreaMapList .tokai .ttl01 {
		background: none;
		color: #61B848;
		border: 2px solid #61B848;
	}
	.AreaMapList .kansai .ttl01 {
		background: none;
		color: #5565A4;
		border: 2px solid #5565A4;
	}
	.AreaMapList .chugoku .ttl01 {
		background: none;
		color: #F38530;
		border: 2px solid #F38530;
	}
	.AreaMapList .shikoku .ttl01 {
		background: none;
		color: #49B1DB;
		border: 2px solid #49B1DB;
	}
	.AreaMapList .kyushu_okinawa .ttl01 {
		background: none;
		color: #A15CB0;
		border: 2px solid #A15CB0;
	}
	.AreaMapList ul {margin: 0 0 10px 0;}
	.AreaMapList .hokkaido_tohoku ul {border-left: 2px solid #0087D6;}
	.AreaMapList .shinetsu_hokuriku ul {border-left: 2px solid #F56287;}
	.AreaMapList .kanto ul {border-left: 2px solid #EAA90C;}
	.AreaMapList .tokai ul {border-left: 2px solid #61B848;}
	.AreaMapList .kansai ul {border-left: 2px solid #5565A4;}
	.AreaMapList .chugoku ul {border-left: 2px solid #F38530;}
	.AreaMapList .shikoku ul {border-left: 2px solid #49B1DB;}
	.AreaMapList .kyushu_okinawa ul {border-left: 2px solid #A15CB0;}
	.AreaMapList ul li, .AreaMapList ul.shop li {
		background: none;
		width: 50%;
		font-size: 3.73vw;
		padding: 10px;
		margin: 0;
		box-sizing: border-box;
	}
	.AreaMapList .hokkaido_tohoku li, .AreaMapList .hokkaido_tohoku ul.shop li {
		background: #e4efff;
		border: 2px solid #0087D6;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .shinetsu_hokuriku li, .AreaMapList .shinetsu_hokuriku ul.shop li {
		background: #ffecf3;
		border: 2px solid #F56287;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .kanto li, .AreaMapList .kanto ul.shop li {
		background:#fff7e0;
		border: 2px solid #EAA90C;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .tokai li, .AreaMapList .tokai ul.shop li {
		background:#e9f5e1;
		border: 2px solid #61B848;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .kansai li, .AreaMapList .kansai ul.shop li {
		background:#e6e9fc;
		border: 2px solid #5565A4;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .chugoku li, .AreaMapList .chugoku ul.shop li {
		background:#fbe7d4;
		border: 2px solid #F38530;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .shikoku li, .AreaMapList .shikoku ul.shop li {
		background:#dff3f7;
		border: 2px solid #49B1DB;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .kyushu_okinawa li, .AreaMapList .kyushu_okinawa ul.shop li {
		background:#eee2ff;
		border: 2px solid #A15CB0;
		border-top: none;
		border-left: none;
	}
	.AreaMapList .hokkaido_tohoku a {color: #0087D6;}
	.AreaMapList .shinetsu_hokuriku a {color: #F56287;}
	.AreaMapList .kanto a {color: #EAA90C;}
	.AreaMapList .tokai a {color: #61B848;}
	.AreaMapList .kansai a {color: #5565A4;}
	.AreaMapList .chugoku a {color: #F38530;}
	.AreaMapList .shikoku a {color: #49B1DB;}
	.AreaMapList .kyushu_okinawa a {color: #A15CB0;}

	.AreaMapList .hokkaido_tohoku ul.shop {border-top: 2px solid #0087D6;}
	.AreaMapList .shinetsu_hokuriku ul.shop {border-top: 2px solid #F56287;}
	.AreaMapList .kanto ul.shop {border-top: 2px solid #EAA90C;}
	.AreaMapList .tokai ul.shop {border-top: 2px solid #61B848;}
	.AreaMapList .kansai ul.shop {border-top: 2px solid #5565A4;}
	.AreaMapList .chugoku ul.shop {border-top: 2px solid #F38530;}
	.AreaMapList .shikoku ul.shop {border-top: 2px solid #49B1DB;}
	.AreaMapList .kyushu_okinawa ul.shop {border-top: 2px solid #A15CB0;} 

	/* 見出しくの字アイコン */
	.AreaMapList .arrow_open{position: relative;}
	.AreaMapList .arrow_open::before{
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		top: 50%;
		left: auto;
		right: 10px;
		margin-top: -6px;
	}
	.AreaMapList .arrow_open.close::before{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: -3px;
	}
	.AreaMapList .hokkaido_tohoku .arrow_open::before, 
	.AreaMapList .hokkaido_tohoku .arrow_link::before {
		border-top: solid 2px #0188D6;
		border-right: solid 2px #0188D6;
		}
	.AreaMapList .shinetsu_hokuriku .arrow_open::before, 
	.AreaMapList .shinetsu_hokuriku .arrow_link::before {
		border-top: solid 2px #F56287;
		border-right: solid 2px #F56287;
	}
	.AreaMapList .kanto .arrow_open::before, 
	.AreaMapList .kanto .arrow_link::before {
		border-top: solid 2px #EAA90C;
		border-right: solid 2px #EAA90C;
	}
	.AreaMapList .tokai .arrow_open::before, 
	.AreaMapList .tokai .arrow_link::before {
		border-top: solid 2px #61B848;
		border-right: solid 2px #61B848;
	}
	.AreaMapList .kansai .arrow_open::before, 
	.AreaMapList .kansai .arrow_link::before {
		border-top: solid 2px #5565A4;
		border-right: solid 2px #5565A4;
	}
	.AreaMapList .chugoku .arrow_open::before, 
	.AreaMapList .chugoku .arrow_link::before {
		border-top: solid 2px #F38530;
		border-right: solid 2px #F38530;
	}
	.AreaMapList .shikoku .arrow_open::before, 
	.AreaMapList .shikoku .arrow_link::before {
		border-top: solid 2px #49B1DB;
		border-right: solid 2px #49B1DB;
	}
	.AreaMapList .kyushu_okinawa .arrow_open::before, 
	.AreaMapList .kyushu_okinawa .arrow_link::before {
		border-top: solid 2px #A15CB0;
		border-right: solid 2px #A15CB0;
	}
	/* 各地域ページへのリンク*/
	.AreaMapList .arrow_link{
		width: 100%;
		position: relative;
		display: inline-block;
	}
	.AreaMapList .arrow_link::before{
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		left: auto;
		right: 0;
		margin-top: -4px;
	}
	.AreaMapList .areaList .unitActive { font-weight: bold; }
	.AreaMapList ul.closeUnit {border: none;}
	.AreaMapList ul.closeUnit li {
		border: none;
		margin: .5em 1.5em .5em 0;
		padding: 0;
	}
}