@charset "utf-8";

/*** 北海道 ***/
#hokkaido_box {height: 35px; width: 70px; top: 80px; position: absolute; right: 60px; text-align: left; padding-top: 5px; background-color: #8281bd; z-index: 10;}
#hokkaido_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 70px; height: 6px; background-color: #47478c;}
#hokkaido_box li {list-style-type: none; font-size: 16px; width: 60px; float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 北海道 */
#nav-hokkaido span.map-hokkaido {position: absolute; width: 135px; top: -58px; right: 89px; z-index: 10; transition : 0.2s;}
#nav-hokkaido span.map-hokkaido_on {position: absolute; width: 135px; top: -58px; right: 89px; z-index: 5;}
#nav-hokkaido a:hover + .map-hokkaido {transition : 0.2s; opacity: 0;}



/*** 東北地方 ***/
#tohoku_box {height: 60px; width: 195px; top: 170px; position: absolute; right: 20px; text-align: left;	padding-top: 5px; background-color: #6196d0; z-index: 10;}
#tohoku_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 195px; height: 6px; background-color: #2d64a8;}
#tohoku_box li {list-style-type: none; font-size: 16px; width: 60px; float: left; display: block; margin-left: 5px;	line-height: 1.6;}

/* 青森 */
#nav-aomori span.map-aomori {position: absolute; width: 44px; top: -25px; right: 215px; z-index: 10; transition : 0.2s;}
#nav-aomori span.map-aomori_on {position: absolute; width: 44px; top: -25px; right: 215px; z-index: 5;}
#nav-aomori a:hover + .map-aomori {transition : 0.2s; opacity: 0;}

/* 岩手 */
#nav-iwate span.map-iwate {position: absolute; width: 33px; top: 8px; right: 207px; z-index: 10; transition : 0.2s;}
#nav-iwate span.map-iwate_on {position: absolute; width: 33px; top: 8px; right: 207px; z-index: 5;}
#nav-iwate a:hover + .map-iwate {transition : 0.2s; opacity: 0;}

/* 宮城 */
#nav-miyagi span.map-miyagi {position: absolute; width: 31px; top: 52px; right: 216px; z-index: 10; transition : 0.2s;}
#nav-miyagi span.map-miyagi_on {position: absolute; width: 31px; top: 52px; right: 216px; z-index: 5;}
#nav-miyagi a:hover + .map-miyagi {transition : 0.2s; opacity: 0;}

/* 秋田 */
#nav-akita span.map-akita {position: absolute; width: 29px; top: 6px; right: 233px; z-index: 10; transition : 0.2s;}
#nav-akita span.map-akita_on {position: absolute; width: 29px; top: 6px; right: 233px; z-index: 5;}
#nav-akita a:hover + .map-akita {transition : 0.2s; opacity: 0;}

/* 山形 */
#nav-yamagata span.map-yamagata {position: absolute; width: 24px; top: 49px; right: 242px; z-index: 10; transition : 0.2s;}
#nav-yamagata span.map-yamagata_on {position: absolute; width: 24px; top: 49px; right: 242px; z-index: 5;}
#nav-yamagata a:hover + .map-yamagata {transition : 0.2s; opacity: 0;}

/* 福島 */
#nav-fukushima span.map-fukusima {position: absolute; width: 46px; top: 85px; right: 229px; z-index: 10; transition : 0.2s;}
#nav-fukushima span.map-fukusima_on {position: absolute; width: 46px; top: 85px; right: 229px; z-index: 5;}
#nav-fukushima a:hover + .map-fukusima {transition : 0.2s; opacity: 0;}



/*** 関東地方 ***/
#kanto_box {height: 85px; width: 195px; top: 290px;	position: absolute;	right: 40px; text-align: left; padding-top: 5px; background-color: #41a144;	z-index: 10;}
#kanto_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 195px; height: 6px; background-color: #186032;}
#kanto_box li {list-style-type: none; font-size: 16px; width: 60px;	float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 茨城 */
#nav-ibaraki span.map-ibaraki {position: absolute; width: 26px; top: -4px; right: 216px; z-index: 10; transition : 0.2s;}
#nav-ibaraki span.map-ibaraki_on {position: absolute; width: 26px; top: -4px; right: 216px; z-index: 5;}
#nav-ibaraki a:hover + .map-ibaraki {transition : 0.2s; opacity: 0;}

/* 栃木 */
#nav-tochigi span.map-totigi {position: absolute; width: 22px; top: -12px; right: 229px; z-index: 10; transition : 0.2s;}
#nav-tochigi span.map-totigi_on {position: absolute; width: 22px; top: -12px; right: 229px; z-index: 5;}
#nav-tochigi a:hover + .map-totigi {transition : 0.2s; opacity: 0;}

/* 群馬 */
#nav-gunma span.map-gunma {position: absolute; width: 32px; top: -7px; right: 243px; z-index: 10; transition : 0.2s;}
#nav-gunma span.map-gunma_on {position: absolute; width: 32px; top: -7px; right: 243px; z-index: 5;}
#nav-gunma a:hover + .map-gunma {transition : 0.2s; opacity: 0;}

/* 埼玉 */
#nav-saitama span.map-saitama {position: absolute; width: 28px; top: 12px; right: 239px; z-index: 10; transition : 0.2s;}
#nav-saitama span.map-saitama_on {position: absolute; width: 28px; top: 12px; right: 239px; z-index: 5;}
#nav-saitama a:hover + .map-saitama {transition : 0.2s; opacity: 0;}

/* 千葉 */
#nav-chiba span.map-chiba {position: absolute; width: 25px; top: 26px; right: 217px; z-index: 10; transition : 0.2s;}
#nav-chiba span.map-chiba_on {position: absolute; width: 25px; top: 26px; right: 217px; z-index: 5;}
#nav-chiba a:hover + .map-chiba {transition : 0.2s; opacity: 0;}

/* 東京 */
#nav-tokyo span.map-tokyo {position: absolute; width: 21px; top: 19px; right: 240px; z-index: 10; transition : 0.2s;}
#nav-tokyo span.map-tokyo_on {position: absolute; width: 21px; top: 19px; right: 240px; z-index: 5;}
#nav-tokyo a:hover + .map-tokyo {transition : 0.2s; opacity: 0;}

/* 神奈川 */
#nav-kanagawa span.map-kanagawa {position: absolute; width: 18px; top: 34px; right: 243px; z-index: 10; transition : 0.2s;}
#nav-kanagawa span.map-kanagawa_on {position: absolute; width: 18px; top: 34px; right: 243px; z-index: 5;}
#nav-kanagawa a:hover + .map-kanagawa {transition : 0.2s; opacity: 0;}



/*** 中部地方 ***/
#chubu_box {height: 85px; width: 195px;	top: 140px;	position: absolute;	right: 380px; text-align: left;	padding-top: 5px; background-color: #8fb544; z-index: 10;}
#chubu_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 195px; height: 6px; background-color: #5d7c33;}
#chubu_box li {list-style-type: none; font-size: 16px; width: 60px;	float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 新潟 */
#nav-niigata span.map-niigata {position: absolute; width: 54px; top: 97px; right: -101px; z-index: 10; transition : 0.2s;}
#nav-niigata span.map-niigata_on {position: absolute; width: 54px; top: 97px; right: -101px; z-index: 5;}
#nav-niigata a:hover + .map-niigata {transition : 0.2s; opacity: 0;}

/* 富山 */
#nav-toyama span.map-toyama {position: absolute; width: 24px; top: 142px; right: -49px; z-index: 10; transition : 0.2s;}
#nav-toyama span.map-toyama_on {position: absolute; width: 24px; top: 142px; right: -49px; z-index: 5;}
#nav-toyama a:hover + .map-toyama {transition : 0.2s; opacity: 0;}

/* 石川 */
#nav-ishikawa span.map-isikawa {position: absolute; width: 29px; top: 125px; right: -41px; z-index: 10; transition : 0.2s;}
#nav-ishikawa span.map-isikawa_on {position: absolute; width: 29px; top: 125px; right: -41px; z-index: 5;}
#nav-ishikawa a:hover + .map-isikawa {transition : 0.2s; opacity: 0;}

/* 福井 */
#nav-fukui span.map-fukui {position: absolute; width: 34px; top: 162px; right: -26px; z-index: 10; transition : 0.2s;}
#nav-fukui span.map-fukui_on {position: absolute; width: 34px; top: 162px; right: -26px; z-index: 5;}
#nav-fukui a:hover + .map-fukui {transition : 0.2s; opacity: 0;}

/* 山梨 */
#nav-yamanashi span.map-yamanasi {position: absolute; width: 23px; top: 175px; right: -82px; z-index: 10; transition : 0.2s;}
#nav-yamanashi span.map-yamanasi_on {position: absolute; width: 23px; top: 175px; right: -82px; z-index: 5;}
#nav-yamanashi a:hover + .map-yamanasi {transition : 0.2s; opacity: 0;}

/* 長野 */
#nav-nagano span.map-nagano {position: absolute; width: 32px; top: 142px; right: -72px; z-index: 10; transition : 0.2s;}
#nav-nagano span.map-nagano_on {position: absolute; width: 32px; top: 142px; right: -72px; z-index: 5;}
#nav-nagano a:hover + .map-nagano {transition : 0.2s; opacity: 0;}

/* 岐阜 */
#nav-gifu span.map-gifu {position: absolute; width: 34px; top: 160px; right: -46px; z-index: 10; transition : 0.2s;}
#nav-gifu span.map-gifu_on {position: absolute; width: 34px; top: 160px; right: -46px; z-index: 5;}
#nav-gifu a:hover + .map-gifu {transition : 0.2s; opacity: 0;}

/* 静岡 */
#nav-shizuoka span.map-sizuoka {position: absolute; width: 42px; top: 188px; right: -83px; z-index: 10; transition : 0.2s;}
#nav-shizuoka span.map-sizuoka_on {position: absolute; width: 42px; top: 188px; right: -83px; z-index: 5;}
#nav-shizuoka a:hover + .map-sizuoka {transition : 0.2s; opacity: 0;}

/* 愛知 */
#nav-aichi span.map-aichi {position: absolute; width: 27px; top: 194px; right: -48px; z-index: 10; transition : 0.2s;}
#nav-aichi span.map-aichi_on {position: absolute; width: 27px; top: 194px; right: -48px; z-index: 5;}
#nav-aichi a:hover + .map-aichi {transition : 0.2s; opacity: 0;}



/*** 近畿地方 ***/
#kinki_box {height: 85px; width: 195px;	top: 410px;	position: absolute;	right: 140px; text-align: left;	padding-top: 5px; background-color: #e3bb22; z-index: 10;}
#kinki_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 195px; height: 6px; background-color: #a78721;}
#kinki_box li {list-style-type: none; font-size: 16px; width: 60px;	float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 三重 */
#nav-mie span.map-mie {position: absolute; width: 28px; top: -73px; right: 212px; z-index: 10; transition : 0.2s;}
#nav-mie span.map-mie_on {position: absolute; width: 28px; top: -73px; right: 212px; z-index: 5;}
#nav-mie a:hover + .map-mie {transition : 0.2s; opacity: 0;}

/* 滋賀 */
#nav-shiga span.map-siga {position: absolute; width: 16px; top: -86px; right: 225px; z-index: 10; transition : 0.2s;}
#nav-shiga span.map-siga_on {position: absolute; width: 16px; top: -86px; right: 225px; z-index: 5;}
#nav-shiga a:hover + .map-siga {transition : 0.2s; opacity: 0;}

/* 京都 */
#nav-kyoto span.map-kyoto {position: absolute; width: 29px; top: -96px; right: 236px; z-index: 10; transition : 0.2s;}
#nav-kyoto span.map-kyoto_on {position: absolute; width: 29px; top: -96px; right: 236px; z-index: 5;}
#nav-kyoto a:hover + .map-kyoto {transition : 0.2s; opacity: 0;}

/* 大阪 */
#nav-osaka span.map-osaka {position: absolute; width: 16px; top: -68px; right: 245px; z-index: 10; transition : 0.2s;}
#nav-osaka span.map-osaka_on {position: absolute; width: 16px; top: -68px; right: 245px; z-index: 5;}
#nav-osaka a:hover + .map-osaka {transition : 0.2s; opacity: 0;}

/* 兵庫 */
#nav-hyogo span.map-hyogo {position: absolute; width: 29px; top: -94px; right: 252px; z-index: 10; transition : 0.2s;}
#nav-hyogo span.map-hyogo_on {position: absolute; width: 29px; top: -94px; right: 252px; z-index: 5;}
#nav-hyogo a:hover + .map-hyogo {transition : 0.2s; opacity: 0;}

/* 奈良 */
#nav-nara span.map-nara {position: absolute; width: 15px; top: -60px; right: 232px; z-index: 10; transition : 0.2s;}
#nav-nara span.map-nara_on {position: absolute; width: 15px; top: -60px; right: 232px; z-index: 5;}
#nav-nara a:hover + .map-nara {transition : 0.2s; opacity: 0;}

/* 和歌山 */
#nav-wakayama span.map-wakayama {position: absolute; width: 21px; top: -48px; right: 241px; z-index: 10; transition : 0.2s;}
#nav-wakayama span.map-wakayama_on {position: absolute; width: 21px; top: -48px; right: 241px; z-index: 5;}
#nav-wakayama a:hover + .map-wakayama {transition : 0.2s; opacity: 0;}



/*** 中国地方 ***/
#chugoku_box {height: 60px;	width: 195px; top: 250px; position: absolute; right: 540px;	text-align: left; padding-top: 5px; background-color: #eb9923; z-index: 10;}
#chugoku_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 195px; height: 6px; background-color: #ab6d22;}
#chugoku_box li {list-style-type: none;	font-size: 16px; width: 60px; float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 鳥取 */
#nav-tottori span.map-tottori {position: absolute; width: 33px; top: 65px; right: -125px; z-index: 10; transition : 0.2s;}
#nav-tottori span.map-tottori_on {position: absolute; width: 33px; top: 65px; right: -125px; z-index: 5;}
#nav-tottori a:hover + .map-tottori {transition : 0.2s; opacity: 0;}

/* 島根 */
#nav-shimane span.map-simane {position: absolute; width: 42px; top: 67px; right: -95px; z-index: 10; transition : 0.2s;}
#nav-shimane span.map-simane_on {position: absolute; width: 42px; top: 67px; right: -95px; z-index: 5;}
#nav-shimane a:hover + .map-simane {transition : 0.2s; opacity: 0;}

/* 岡山 */
#nav-okayama span.map-okayama {position: absolute; width: 28px; top: 77px; right: -122px; z-index: 10; transition : 0.2s;}
#nav-okayama span.map-okayama_on {position: absolute; width: 28px; top: 77px; right: -122px; z-index: 5;}
#nav-okayama a:hover + .map-okayama {transition : 0.2s; opacity: 0;}

/* 広島 */
#nav-hiroshima span.map-hirosima {position: absolute; width: 37px; top: 83px; right: -98px; z-index: 10; transition : 0.2s;}
#nav-hiroshima span.map-hirosima_on {position: absolute; width: 37px; top: 83px; right: -98px; z-index: 5;}
#nav-hiroshima a:hover + .map-hirosima {transition : 0.2s; opacity: 0;}

/* 山口 */
#nav-yamaguchi span.map-yamaguchi {position: absolute; width: 37px; top: 92px; right: -66px; z-index: 10; transition : 0.2s;}
#nav-yamaguchi span.map-yamaguchi_on {position: absolute; width: 37px; top: 92px; right: -66px; z-index: 5;}
#nav-yamaguchi a:hover + .map-yamaguchi {transition : 0.2s; opacity: 0;}



/*** 四国地方 ***/
#shikoku_box {height: 60px;	width: 130px; top: 455px; position: absolute; right: 360px;	text-align: left; padding-top: 5px; background-color: #cf8a93; z-index: 10;}
#shikoku_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 130px; height: 6px; background-color: #ba5361;}
#shikoku_box li {list-style-type: none; font-size: 16px; width: 60px; float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 愛媛 */
#nav-ehime span.map-ehime {position: absolute; width: 36px; top: -93px; right: 78px; z-index: 10; transition : 0.2s;}
#nav-ehime span.map-ehime_on {position: absolute; width: 36px; top: -93px; right: 78px; z-index: 5;}
#nav-ehime a:hover + .map-ehime {transition : 0.2s; opacity: 0;}

/* 香川 */
#nav-kagawa span.map-kagawa {position: absolute; width: 25px; top: -106px; right: 55px; z-index: 10; transition : 0.2s;}
#nav-kagawa span.map-kagawa_on {position: absolute; width: 25px; top: -106px; right: 55px; z-index: 5;}
#nav-kagawa a:hover + .map-kagawa {transition : 0.2s; opacity: 0;}

/* 高知 */
#nav-kochi span.map-kouti {position: absolute; width: 43px; top: -82px; right: 64px; z-index: 10; transition : 0.2s;}
#nav-kochi span.map-kouti_on {position: absolute; width: 43px; top: -82px; right: 64px; z-index: 5;}
#nav-kochi a:hover + .map-kouti {transition : 0.2s; opacity: 0;}

/* 徳島 */
#nav-tokushima span.map-tokusima {position: absolute; width: 27px; top: -93px; right: 51px; z-index: 10; transition : 0.2s;}
#nav-tokushima span.map-tokusima_on {position: absolute; width: 27px; top: -93px; right: 51px; z-index: 5;}
#nav-tokushima a:hover + .map-tokusima {transition : 0.2s; opacity: 0;}



/*** 九州地方 ***/
#kyusyu_box {height: 85px; width: 195px; top: 350px; position: absolute; right: 590px; text-align: left; padding-top: 5px; background-color: #db6d6a; z-index: 10;}
#kyusyu_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 195px; height: 6px; background-color: #b8302b;}
#kyusyu_box li {list-style-type: none; font-size: 16px; width: 60px; float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 福岡 */
#nav-fukuoka span.map-fukuoka {position: absolute; width: 28px; top: 12px; right: -87px; z-index: 10; transition : 0.2s;}
#nav-fukuoka span.map-fukuoka_on {position: absolute; width: 28px; top: 12px; right: -87px; z-index: 5;}
#nav-fukuoka a:hover + .map-fukuoka {transition : 0.2s; opacity: 0;}

/* 佐賀 */
#nav-saga span.map-saga {position: absolute; width: 18px; top: 20px; right: -70px; z-index: 10; transition : 0.2s;}
#nav-saga span.map-saga_on {position: absolute; width: 18px; top: 20px; right: -70px; z-index: 5;}
#nav-saga a:hover + .map-saga {transition : 0.2s; opacity: 0;}

/* 長崎 */
#nav-nagasaki span.map-nagasaki {position: absolute; width: 20px; top: 28px; right: -66px; z-index: 10; transition : 0.2s;}
#nav-nagasaki span.map-nagasaki_on {position: absolute; width: 20px; top: 28px; right: -66px; z-index: 5;}
#nav-nagasaki a:hover + .map-nagasaki {transition : 0.2s; opacity: 0;}

/* 熊本 */
#nav-kumamoto span.map-kumamoto {position: absolute; width: 25px; top: 38px; right: -88px; z-index: 10; transition : 0.2s;}
#nav-kumamoto span.map-kumamoto_on {position: absolute; width: 25px; top: 38px; right: -88px; z-index: 5;}
#nav-kumamoto a:hover + .map-kumamoto {transition : 0.2s; opacity: 0;}

/* 大分 */
#nav-oita span.map-ooita {position: absolute; width: 30px; top: 24px; right: -108px; z-index: 10; transition : 0.2s;}
#nav-oita span.map-ooita_on {position: absolute; width: 30px; top: 24px; right: -108px; z-index: 5;}
#nav-oita a:hover + .map-ooita {transition : 0.2s; opacity: 0;}

/* 宮崎 */
#nav-miyazaki span.map-miyazaki {position: absolute; width: 30px; top: 48px; right: -104px; z-index: 10; transition : 0.2s;}
#nav-miyazaki span.map-miyazaki_on {position: absolute; width: 30px; top: 48px; right: -104px; z-index: 5;}
#nav-miyazaki a:hover + .map-miyazaki {transition : 0.2s; opacity: 0;}

/* 鹿児島 */
#nav-kagoshima span.map-kagosima {position: absolute; width: 29px; top: 66px; right: -83px; z-index: 10; transition : 0.2s;}
#nav-kagoshima span.map-kagosima_on {position: absolute; width: 29px; top: 66px; right: -83px; z-index: 5;}
#nav-kagoshima a:hover + .map-kagosima {transition : 0.2s; opacity: 0;}



/*** 沖縄 ***/
#okinawa_box {height: 35px; width: 70px; top: 480px; position: absolute; right: 715px; text-align: left; padding-top: 5px; background-color: #db6d6a; z-index: 10;}
#okinawa_box::before {content: ""; position: absolute; top: -5px; left: 0; width: 70px; height: 6px; background-color: #b8302b;}
#okinawa_box li {list-style-type: none; font-size: 16px; width: 60px; float: left; display: block; margin-left: 5px; line-height: 1.6;}

/* 沖縄 */
#nav-okinawa span.map-okinawa {position: absolute; width: 20px; top: 14px; right: -132px; z-index: 10; transition : 0.2s;}
#nav-okinawa span.map-okinawa_on {position: absolute; width: 20px; top: 14px; right: -132px; z-index: 5;}
#nav-okinawa a:hover + .map-okinawa {transition : 0.2s; opacity: 0;}






#pref_box li a {display: block;	color: #ffffff;	text-decoration: none;}
#pref_box li a:hover {text-decoration: underline;}

.tiiki {position: absolute; top: -28px; font-size: 18px;}

#pref_box a .map-on {display: none; position: absolute; z-index: 2;}
#pref_box a .map-flat {display: block; position: absolute; z-index: 1;}
#pref_box a:hover .map-on {display: block;}
#pref_box a:hover .map-flat {display: none;}

.col-3-search .table-sagasu {display: none;}

/********************************************************************************/
@media only screen and (max-width:1098px){
	#sec-serch {padding-top: 0;}
	#sec-serch .col-12 h2.heading-title-c {margin-top: 0;}
	#sec-serch .col-3-search {-ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 700px!important; margin: 0 auto;}
	#sec-serch .col-3-search .img-expansion {display: none;}
	#sec-serch .col-3-search .table-sagasu {display: block; position: relative; height: 45px; background-color: #7e2b23;}
	#sec-serch .col-3-search a:hover .table-sagasu {background-color: #4c7e4f; transition : all 0.5s ease 0s;}
	#sec-serch .serch-sec-bg .col-9 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#sec-serch .serch-sec-bg .col-9 .map-area {margin-left: 0;}
	#pref_box {max-width: 700px; width: 100%; margin: 0 auto;}
}


/********************************************************************************/