@charset "utf-8";


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

						マップ

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

#map { background: #E5F1F2; }
#map #mapArea { position: relative; max-width: 1190px; margin: 3em auto 0; border: solid;  }
#map #mapArea h2 { position: absolute; top: 0; left: 0; overflow: hidden; width: 624px; height: 406px; padding: 3em 0; text-indent: 100%; white-space: nowrap; background: url(../img/index/detail_back.png) top left no-repeat; background-size: contain;}
#map #mapArea p:nth-of-type(1) { position: absolute; top: 40%; left: 20%;}
#map #mapArea p:nth-of-type(2) { position: absolute; top: 62%; left: 5%; z-index: 10;}

/* 日本地図 */
#map .mapFigure { position: relative; display: block; max-width: 870px; margin: 11em 30px 0 auto;  }
#map .mapFigure-sp { display: none;}
#map .mapFigure-sp > img { display: block; width: 100%;}
/*#map .mapFigure > img { display: block; width: 100%; max-width: 1074px;}*/
@media screen and (max-width:1250px){
	#map .mapFigure { max-width: 840px;  margin: 8em 50px 0 auto;  }
}
@media screen and (max-width:768px){
#map .mapFigure { display: none; }
#map .mapFigure-sp { display: block;}
}


/*- 地図アイコン -*/
#map .mapFigure .mapNumber { display: block; position: absolute; vertical-align: middle; width: 45px; height: 45px; text-align: center; } 
#map .mapFigure .mapNumber img { width: 100%; transition: .1s;}
#map .mapFigure .mapNumber img:hover { transition: .1s; transform:scale(1.2);}
#map .mapFigure .mapIcon-i {  }
#map .mapFigure .mapIcon-i:hover {  }

#map .mapFigure .mapNumber::before { opacity: .8; display: block; margin-left: -23.5px; font-size: 14px; font-size: 1.4rem; background: #fff; padding: .3em 0; width: 70px; border-radius: 3px; text-align: center; position: absolute; top:-2.5em; }


/*-- 位置調整　あんしん直売所 --*/
#map .mapFigure .mapNumber_iwate { top: 460px; left: 660px; font-weight: 600;}
#map .mapFigure .mapNumber_niigata { top: 610px; left: 515px; font-weight: 600;}
#map .mapFigure .mapNumber_fukushima { top: 615px; left: 590px; font-weight: 600;}
#map .mapFigure .mapNumber_tochigi { top: 665px; left: 570px; font-weight: 600;}
#map .mapFigure .mapNumber_ibaraki { top: 695px; left: 597px; font-weight: 600;}
#map .mapFigure .mapNumber_chiba { top: 750px; left: 593px; font-weight: 600;}
#map .mapFigure .mapNumber_kanagawa { top: 755px; left: 535px; font-weight: 600;}
/*#map .mapFigure .mapNumber_tokyo { top: 738px; left: 555px; font-weight: 600;}*/
#map .mapFigure .mapNumber_saitama { top: 714px; left: 540px; font-weight: 600;}
#map .mapFigure .mapNumber_shizuoka { top: 782px; left: 473px; font-weight: 600;}
#map .mapFigure .mapNumber_yamanashi { top: 740px; left: 500px; font-weight: 600;}
#map .mapFigure .mapNumber_nagano { top: 700px; left: 465px; font-weight: 600;}
#map .mapFigure .mapNumber_gunnma { top: 678px; left: 520px; font-weight: 600;}
#map .mapFigure .mapNumber_yamagata { top: 530px; left: 585px; font-weight: 600;}

#map .mapFigure .mapNumber_iwate:hover:before { content: "岩手県"; z-index: 2;}
#map .mapFigure .mapNumber_niigata:hover:before { content: "新潟県"; z-index: 2;}
#map .mapFigure .mapNumber_fukushima:hover:before { content: "福島県"; z-index: 2;}
#map .mapFigure .mapNumber_tochigi:hover:before { content: "栃木県"; z-index: 2;}
#map .mapFigure .mapNumber_ibaraki:hover:before { content: "茨城県"; z-index: 2;}
#map .mapFigure .mapNumber_chiba:hover:before { content: "千葉県"; z-index: 2;}
#map .mapFigure .mapNumber_kanagawa:hover:before { content: "神奈川県"; z-index: 2;}
#map .mapFigure .mapNumber_tokyo:hover:before { content: "東京都"; z-index: 2;}
#map .mapFigure .mapNumber_saitama:hover:before { content: "埼玉県"; z-index: 2;}
#map .mapFigure .mapNumber_shizuoka:hover:before { content: "静岡県"; z-index: 2;}
#map .mapFigure .mapNumber_yamanashi:hover:before { content: "山梨県"; z-index: 2;}
#map .mapFigure .mapNumber_nagano:hover:before { content: "長野県"; z-index: 2;}
#map .mapFigure .mapNumber_gunnma:hover:before { content: "群馬県"; z-index: 2;}
#map .mapFigure .mapNumber_yamagata:hover:before { content: "山形県"; z-index: 2;}

/*-- 位置調整　あんしん市場 --*/
#map .mapFigure .mapNumber_shimane { top: 788px; left: 140px; font-size: 13px; font-size: 1.3rem;}
#map .mapFigure .mapNumber_hiroshima { top: 816px; left: 160px; font-size: 13px; font-size: 1.3rem;}
#map .mapFigure .mapNumber_yamaguchi { top: 840px; left: 90px; font-size: 13px; font-size: 1.3rem;}
#map .mapFigure .mapNumber_fukuoka { top: 888px; left: 38px; font-size: 13px; font-size: 1.3rem;}
#map .mapFigure .mapNumber_saga { top: 905px; left: 8px; font-size: 13px; font-size: 1.3rem;}
#map .mapFigure .mapNumber_kumamoto { top: 950px; left: 46px; font-size: 13px; font-size: 1.3rem;}
#map .mapFigure .mapNumber_oosaka { top: 815px; left: 320px; font-size: 13px; font-size: 1.3rem; }
#map .mapFigure .mapNumber_hyougo { top: 780px; left: 276px; font-size: 13px; font-size: 1.3rem; }
/*#map .mapFigure .mapNumber_okayama { top: 795px; left: 230px; font-size: 13px; font-size: 1.3rem; font-weight: 600;}*/
#map .mapFigure .mapNumber_shimane:hover:before { content: "島根県"; }
#map .mapFigure .mapNumber_hiroshima:hover:before { content: "広島県"; }
#map .mapFigure .mapNumber_yamaguchi:hover:before { content: "山口県"; }
#map .mapFigure .mapNumber_fukuoka:hover:before { content: "福岡県"; }
#map .mapFigure .mapNumber_saga:hover:before { content: "佐賀県"; }
#map .mapFigure .mapNumber_kumamoto:hover:before { content: "熊本県"; }
#map .mapFigure .mapNumber_oosaka:hover:before { content: "大阪府"; }
#map .mapFigure .mapNumber_hyougo:hover:before { content: "兵庫県"; }
/*#map .mapFigure .mapNumber_okayama:hover:before { content: "岡山県"; }*/


/* -----　サイドフレーム　------ */
#map .inner {  
	position: relative; 
	display: block; 
	max-width: 1250px; 
	margin: 0 auto;  
	}
#map .inner	.icon { 
	position: absolute; 
	display:block;
	/*top: 65em; left: 4%;*/
	top: 0em; left: 680px;
	z-index: 10;
	}
#map .mapBox { 
	z-index: 5; 
	}
/*@media screen and (max-width:1250px){
	#map .inner {  
	max-width: 1200px; 
	}
}*/
	
/* -----　全国総合店舗　------ */
#map .mapBoxZenkoku {  
	display: block;
	position: absolute; top : -7em; left: 0%;
	max-width: 640px; width: 100%; 
	padding: 2em 3em;
	text-align: center;
	border: solid 2px #55A564 ;  border-radius: 15px;
	background-color: rgba(255,255,255,0.5);
	}
#map .mapBoxZenkoku .zenkoku_title { 
	width: 100%; max-width: 380px; 
	margin: 0 auto 0.5em;
	}
#map .mapBoxZenkoku .zenkoku_title img {
 width: 100%;
 }
#map .mapBoxZenkoku p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";  
	font-weight: bold; font-size: 50px; font-size: 5rem;
	letter-spacing: -.5px; text-align: center;
 	color: #E50012;
	line-height: 1.2;
}
#map .mapBoxZenkoku__tenpo { 
	font-weight: bold; font-size: 90px; font-size: 9rem;
	/*letter-spacing: -10px;*/
	}
@media screen and (max-width:768px){
	#map .mapBoxZenkoku p { font-size: 40px; font-size: 4rem;}
	#map .mapBoxZenkoku .zenkoku_title { max-width: 280px;}
	#map .mapBoxZenkoku { 
	position: static; 
	margin: 0 auto 2em;
	}
}


/* -------- あんしん市場 --------  */
#map .mapBoxChokubai {  
	display: block;
	position: absolute; top : 44.8em; left: -5%;
	width: 100%; max-width: 390px;
}
@media screen and (max-width:768px){
	#map .mapBoxChokubai { 
	position: static; 
	margin: 0 auto 3em;
	}
}

#map .chokubai_title { 
	max-width: 260px; width: 100%;
	margin: 0 auto 0.25em;
}
#map .chokubai_title img {  
	width: 100%;
}
#map .mapBoxChokubai p:nth-of-type(2) {
	margin-bottom: 0.25em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";  
	font-weight: bold; font-size: 30px; font-size: 3rem;
	letter-spacing: -.5px; text-align: center;
 	color: #FF8C00; /*  #E50012 */
	line-height: 1.2;
}
#map .mapBoxChokubai__tenpo {
	font-weight: bold; font-size: 60px; font-size: 6rem;
	}
#map .chokubai_button {
	display: block;
	width: 100%; max-width: 271px;
	margin: 0 auto;
	transition: .3s;
}
#map .chokubai_button:hover {
	background: #fff;
	border-radius: 10px;
	transition: .3s;
}
#map .chokubai_button img {
	display: block;
	width: 100%;
}


/*  -------- あんしん市場 --------  */
#map .mapList {
	position: absolute; top: 19em; left: 0%;
	width: 80%; max-width: 640px;
	padding: 2em 1.5%;
	border: solid 2px #55A564 ; border-radius: 15px;
	background-color: rgba(255,255,255,0.5);
	z-index: 6;
}

@media screen and (max-width:768px){
	#map .mapList { 
	position: static; 
	width: 100%; 
	margin: 0 auto 2em;
	}
}

#map .mapList__inner { 
	display: flex;
	justify-content:space-between;
	width: 100%;
	}
#map .mapList h3 {
	width: 100%;
	margin-bottom: 1em;
	font-size: 17px; font-size: 1.7rem;
	line-height: 2;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	border-radius: 25px;
	background: #55A564;
}
#map .mapList__inner__texterea { 
	width: 50%; 
	overflow-y: auto;
}
#map .mapBoxIchiba {  
	display: block;
	margin: 0 auto 1.3em;
	width: 90%; max-width: 280px;
	}
#map .mapBoxIchiba img {
	width: 100%;
	}
#map .ichiba_title {  
	margin-bottom: .5em;
	}
#map .mapBoxIchiba p:nth-of-type(2) {
	margin-bottom: 0.25em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";  
	font-weight: bold; font-size: 34px; font-size: 3.4rem;
	letter-spacing: -.5px; text-align: center;
 	color: #E50012;
	line-height: 1.2;
	}
#map .mapBoxIchiba__tenpo {
	font-weight: bold; 
	font-size: 60px; font-size: 6rem;
	}


/* テキストエリア　*/
.mapList__inner__texterea { 
	padding: 0 1%; 
	font-size: 13px; font-size: 1.3rem; 
	}

.mapList__inner__texterea .erea1,.mapList__inner__texterea .erea2,.mapList__inner__texterea .erea3,.mapList__inner__texterea .erea4 {
	overflow: auto;
	height: 100px;
	padding-left: 5%;
}