.flexbox {
  display: flex;
}

.fw {
  flex-wrap: wrap;
}

#topics { position: relative; z-index: 10; }


.tab  { text-align: center; margin: 0 auto 40px; overflow: hidden; max-width: 600px; }
.flexbox { display: flex; }
.fw { flex-wrap: wrap; }

.li_map{
		list-style: none;
		width: 40%;
		padding: 15px 0 20px 0;
		margin-right: 5%; margin-left: 5%; margin-top: 50px; 
		text-align: center;
		border: 1px solid #ddd;
		background-color: rgba(0,0,0,0.02);
		cursor: pointer;
		
		.sp_visible        { display: none; }
}

.li_map:hover { border: solid 1px #000080; color: #fff; background-color: #000080; }




.li_map2 {
		color: #A5A5A5; font-size: 20px; line-height: 26px;
		list-style: none;
		width: 30%;
		padding: 10px 0px;
		margin-right: 1.6%; margin-left: 1.6%; margin-top: 20px; 
		text-align: center;
		border: 1px solid #ddd;
		background-color: rgba(0,0,0,0.02);
		cursor: pointer;
		
		.sp_visible        { display: none; }
}

.li_map2:hover { border: solid 1px #000080; color: #fff; background-color: #000080; }

.select { border: solid 1px #000080; color: #fff; background-color: #000080; }






.topicon  {   }
.hide { display:none; }


.text_map         { color: #1C1C1C; font-size: 16px; line-height: 26px }
.text_map a        { color: #004989; }
.text_map a:hover     { color: #dc8c50; }
.text_map2          { font-size: 14px; line-height: 20px; }



/* メニュー制御 */
.map_menu_size                          { width: 100%; height: auto; }
.menu_comment_pc                          { color: #672413; position: absolute; top: 46%; right: 0px; left: 0px; width: 100%; margin: 0px auto; padding: 0px 5%; }
.menu_comment2_pc                          { color: #672413; position: absolute; top: 20%; right: 0px; left: 0px; width: 100%; margin: 0px auto; padding: 0px 5%; }
.insatsu_link                                    { position: absolute; z-index: 50; top: 0px; left: 0px; width: 12%; }

.map_joukamachi            { text-align: center; position: absolute; top: 29%; left: 8%; width: 33%; cursor: pointer; }
.map_joukamachi a:hover      { opacity:0.5; transition:0.2s; }
.map_shigaichi            { text-align: center; position: absolute; top: 35%; left: 40%; width: 30%; cursor: pointer; }
.map_shigaichi a:hover      { opacity:0.5; transition:0.2s; }
.map_obata            { text-align: center; position: absolute; top: 10%; left: 68%; width: 32%; cursor: pointer; }
.map_obata a:hover      { opacity:0.5; transition:0.2s; }
.map_matsumoto            { text-align: center; position: absolute; top: 47%; left: 70%; width: 30%; cursor: pointer; }
.map_matsumoto a:hover      { opacity:0.5; transition:0.2s; }
.map_tsubaki            { text-align: center; position: absolute; bottom: 0%; left: 57%; width: 32%; cursor: pointer; }
.map_tsubaki a:hover      { opacity:0.5; transition:0.2s; }
.map_yamada           { text-align: center; position: absolute; top: 63%; left: 10%; width: 31%; cursor: pointer; }
.map_yamada a:hover      { opacity:0.5; transition:0.2s; }
.map_shigai2           { text-align: center; position: absolute; top: 39%; left: 36%; width: 27%; cursor: pointer; }
.map_shigai2 a:hover      { opacity:0.5; transition:0.2s; }

.map_kouiki            { text-align: center; position: absolute; top: 10%; left: 2.8%; }
.map_kouiki a                { color: #005C8D; background-color: rgba(255,255,255,0.2); padding: 8px 10px; border: solid 1px #DCF7FC; cursor: pointer; }
.map_kouiki a:hover                { color: #1D79AA; background-color: rgba(255,255,255,0.5); padding: 8px 10px; border: solid 1px #DCF7FC; cursor: pointer; }
.map_shigai            { text-align: center; position: absolute; top: 10%; left: 2.8%; }
.map_shigai a                { color: #005C8D; background-color: rgba(255,255,255,0.2);padding: 10px 15px; border: solid 1px #DCF7FC; cursor: pointer; }
.map_shigai a:hover                { color: #1D79AA; background-color: rgba(255,255,255,0.5); padding: 10px 15px; border: solid 1px #DCF7FC; cursor: pointer; }

.map_ooi            { text-align: center; position: absolute; top: 10%; left: 62%; width: 38% }
.map_sanmi             { text-align: center; position: absolute; top: 63%; left: 0%; width: 40% }
.map_akiragi             { text-align: center; position: absolute; top: 68%; left: 52%; width: 40% }
.map_sonota             { text-align: center; position: absolute; top: 41%; left: 72%; width: 28% }


/* 個別・城下町 */
.comment_jyoukamachi                          { color: #672413; text-align: right; position: absolute; top: 9%; right: 2.8%; width: 40%; }
.map_shigaichi3_3            { display: none; }
.map_shigaichi3_3 a:hover      { display: none; }

.map_syoundou             { text-align: right; position: absolute; top: 48%; right: 6%; width: 12% }
.map_tamura             { text-align: left; position: absolute; top: 44%; left: 74%; width: 18% }
.map_ikkeigama             { text-align: left; position: absolute; top: 35%; left: 47%; width: 24% }
.map_yawaragi             { text-align: left; position: absolute; top: 39%; left: 68%; width: 12% }
.map_tougaen             { text-align: left; position: absolute; top: 73%; left: 86%; width: 14% }
.map_arase            { text-align: right; position: absolute; top: 74.5%; right: 17.5%; width: 30% }
.map_jyoukaen            { text-align: right; position: absolute; top: 66%; right: 29%; width: 18% }
.map_ougigama            { text-align: right; position: absolute; top: 70%; right: 27%; width: 23% }
.map_iwaki            { text-align: right; position: absolute; top: 62%; right: 28%; width: 22% }
.map_hisatsugu             { text-align: right; position: absolute; top: 58%; right: 27%; width: 35% }
.map_saitouan             { text-align: left; position: absolute; top: 55%; left: 75%; width: 14% }
.map_hadano            { text-align: left; position: absolute; top: 47.5%; left: 42%; width: 20% }
.map_gasyudou            { text-align: right; position: absolute; top: 44%; right: 59.5%; width: 14% }
.map_syuhoudou            { text-align: right; position: absolute; top: 39.5%; right: 55%; width: 14% }
.map_tazz2           { display: none; }
.map_kisetuan             { text-align: right; position: absolute; top: 53.5%; right: 2%; width: 12% }
.map_touryuan2            { text-align: left; position: absolute; top: 23%; left: 84%; width: 14% }

.map_itou             { text-align: left; position: absolute; top: 23.5%; left: 22%; width: 20% }
.map_nagao            { text-align: left; position: absolute; top: 35%; left: 6%; width: 20% }
.map_jyouzan             { text-align: left; position: absolute; top: 44%; left: 1%; width: 21%; }
.map_horinouchi            { text-align: left; position: absolute; top: 40.5%; left: 8%; width: 23% }
.map_hagijyougama            { text-align: left; position: absolute; top: 28%; left: 18.5%; width: 27% }
.map_syougetsu             { text-align: left; position: absolute; top: 32%; left: 17%; width: 23% }
.map_siryoukan            { text-align: left; position: absolute; top: 21%; left: 3%; width: 20% }

.map_oda            { text-align: left; position: absolute; top: 89.5%; left: 30%; width: 14% }

.map_meirin             { display: none; }
.map_shiro             { text-align: left; position: absolute; top: 12%; left: 19%; width: 24% }
.map_uragami             { text-align: right; position: absolute; top: 82.5%; right: 7%; width: 35% }
.map_hagihaku             { text-align: right; position: absolute; top: 54%; right: 37%; width: 14% }


/* 個別・市街地 */
.comment_shigaichi                          { text-align: left; color: #672413; position: absolute; top: 8%; left: 2.8%; width: 40%; }

.map_kouiki_4            { margin-top: 6px; }
.map_kouiki_4 a                { color: #005C8D; background-color: rgba(255,255,255,0.2); padding: 6px 8px; border: solid 1px #DCF7FC; cursor: pointer; }
.map_kouiki_4 a:hover                { color: #1D79AA; background-color: rgba(255,255,255,0.5); padding: 6px 8px; border: solid 1px #DCF7FC; cursor: pointer; }

.map_shigai_4            { margin-top: 6px; }
.map_shigai_4 a                { color: #005C8D; background-color: rgba(255,255,255,0.2); padding: 6px 8px; border: solid 1px #DCF7FC; cursor: pointer; }
.map_shigai_4 a:hover                { color: #1D79AA; background-color: rgba(255,255,255,0.5); padding: 6px 8px; border: solid 1px #DCF7FC; cursor: pointer; }


.map_jibita            { text-align: left; position: absolute; top: 15.5%; left: 50%; width: 14% }
.map_miwaseigadou            { text-align: left; position: absolute; top: 36%; left: 60%; width: 18% }
.map_harada            { text-align: right; position: absolute; top: 32.5%; right: 42.5%; width: 18% }
.map_koushindou            { text-align: left; position: absolute; top: 26%; left: 61%; width: 14% }
.map_touryuan            { text-align: left; position: absolute; top: 25%; left: 41%; width: 14% }
.map_oda2            { text-align: left; position: absolute; top: 55%; left: 13%; width: 14% }
.map_gensyu            { text-align: left; position: absolute; top: 83%; left: 75%; width: 14% }
.map_seiungama            { text-align: left; position: absolute; top: 71%; left: 18%; width: 14% }
.map_nosaka            { text-align: left; position: absolute; top: 80%; left: 20%; width: 24% }
.map_ryoun            { display: none; }
.map_renkouzan           { display: none; }
.map_tazz           { text-align: right; position: absolute; top: 42.5%; right: 43%; width: 20% }
.map_taizangama           { text-align: left; position: absolute; top: 42%; left: 64%; width: 14% }
.map_nadaya3            { text-align: right; position: absolute; top: 31%; right: 0%; width: 28% }
.map_syuhouen            { text-align: left; position: absolute; top: 75%; left: 24%; width: 14% }

.map_meirin2             { text-align: left; position: absolute; top: 52%; left: 51%; width: 18% }
.map_shiro2             { text-align: left; position: absolute; top: 26%; left: 0%; width: 22% }
.map_uragami2             { text-align: left; position: absolute; top: 52%; left: 29%; width: 20% }
.map_taibi             { text-align: left; position: absolute; top: 3%; left: 67%; width: 21% }
.map_hagihaku2             { text-align: left; position: absolute; top: 37%; left: 31%; width: 14% }
.map_sonjyuku             { text-align: right; position: absolute; top: 37%; right: 1%; width: 24% }

.map_joukamachi3            { text-align: center; position: absolute; top: 31%; left: 2%; width: 25%; cursor: pointer; }
.map_joukamachi3 a:hover      { opacity:0.5; transition:0.2s; }
.map_matsumoto3            { text-align: center; position: absolute; top: 46%; right: 0%; width: 25%; cursor: pointer; }
.map_matsumoto3 a:hover      { opacity:0.5; transition:0.2s; }
.map_obata3            { text-align: center; position: absolute; top: 8%; right: 0%; width: 23%; cursor: pointer; }
.map_obata3 a:hover      { opacity:0.5; transition:0.2s; }
.map_yamada3            { text-align: center; position: absolute; bottom: 0.5%; left: 0.5%; width: 25%; cursor: pointer; }
.map_yamada3 a:hover      { opacity:0.5; transition:0.2s; }
.map_tsubaki3            { text-align: center; position: absolute; bottom: 0%; left: 49%; width: 27%; cursor: pointer; }
.map_tsubaki3 a:hover      { opacity:0.5; transition:0.2s; }


/* 個別・小畑 */
.comment_obata                          { color: #672413; position: absolute; top: 9%; left: 2.8%; width: 40%; }
.map_shigaichi3_1            { display: none; }
.map_shigaichi3_1 a:hover      { display: none; }

.map_ishikawa             { text-align: left; position: absolute; top: 7%; left: 79%; width: 18% }
.map_seisyu             { text-align: left; position: absolute; top: 18%; left: 80%; width: 14% }
.map_okadagama             { text-align: left; position: absolute; top: 38%; left: 74%; width: 24% }
.map_tentyouzan             { text-align: left; position: absolute; top: 55%; left: 75%; width: 22% }
.map_syoukeian             { text-align: left; position: absolute; top: 43.5%; left: 81%; width: 14% }
.map_kohagigama             { text-align: left; position: absolute; top: 60%; left: 68%; width: 14% }
.map_syuhougama             { text-align: right; position: absolute; top: 45.5%; right: 41.5%; width: 14% }
.map_senryuzan             { text-align: left; position: absolute; top: 68%; left: 55%; width: 24% }
.map_hagiyakikaikan             { text-align: right; position: absolute; top: 63%; right: 53%; width: 16% }
.map_tenryugama            { text-align: left; position: absolute; top: 74%; left: 46%; width: 24% }
.map_yokujyou            { text-align: right; position: absolute; top: 54.5%; right: 59.5%; width: 16% }
.map_nadaya            { text-align: right; position: absolute; top: 87%; right: 50%; width: 30% }

.map_taibi2             { text-align: right; position: absolute; top: 48%; right: 53%; width: 42% }
.map_sonjyuku2             { text-align: left; position: absolute; top: 92%; left: 55%; width: 26% }
.map_hansyaro             { text-align: right; position: absolute; top: 41%; right: 26%; width: 26% }


/* 個別・松本*/
.comment_matsumoto                          { color: #672413; position: absolute; top: 9%; left: 2.8%; width: 50%; }
.map_shigaichi3_2            { display: none; }
.map_shigaichi3_2 a:hover      { display: none; }

.map_saka             { text-align: right; position: absolute; top: 10%; right: 7%; width: 24% }
.map_toukou            { text-align: right; position: absolute; top: 31%; right: 52%; width: 18% }
.map_kinsyouen            { text-align: left; position: absolute; top: 25.5%; left: 46%; width: 14% }
.map_kunisukegama            { text-align: left; position: absolute; top: 45%; left: 45%; width: 24% }
.map_taikeian            { text-align: left; position: absolute; top: 50%; left: 32%; width: 25% }
.map_tounomori             { text-align: right; position: absolute; top: 60.5%; right: 50.5%; width: 14% }
.map_syounzan            { text-align: left; position: absolute; top: 26%; left: 60%; width: 14% }
.map_sengoku            { text-align: right; position: absolute; top: 45.5%; right: 57%; width: 18% }
.map_housengama            { text-align: right; position: absolute; top: 35%; right: 56%; width: 24% }
.map_hakujyuan            { text-align: left; position: absolute; top: 55%; left: 30%; width: 14% }
.map_baiten            { text-align: left; position: absolute; top: 37%; left: 2%; width: 20% }
.map_renkouzan2            { text-align: left; position: absolute; top: 53%; left: 6%; width: 14% }
.map_nadaya2            { display: none; }
.map_fusouan            { text-align: left; position: absolute; top: 28.5%; left: 13%; width: 20% }
.map_ryukisyou            { text-align: left; position: absolute; top: 86%; left: 32%; width: 14% }

.map_sonjyuku3            { text-align: left; position: absolute; top: 40.5%; left: 15%; width: 24% }
.map_toukouji            { text-align: left; position: absolute; top: 38%; left: 58%; width: 24% }
.map_tougeimura            { text-align: left; position: absolute; top: 73%; left: 37%; width: 24% }


/* 個別・椿 */
.comment_tsubaki                          { color: #672413; text-align: right; position: absolute; top: 9%; right: 2.8%; width: 45%; }
.map_shigaichi3_4            { display: none; }
.map_shigaichi3_4 a:hover      { display: none; }

.map_ryokueigama             { text-align: left; position: absolute; top: 55%; left:29%; width: 14% }
.map_toukazan             { text-align: right; position: absolute; top: 41%; right: 46%; width: 16% }
.map_nanmyoujigama             { text-align: right; position: absolute; top: 52.5%; right: 48%; width: 16% }
.map_ooyagama             { text-align: left; position: absolute; top: 62%; left: 35%; width: 14% }
.map_syutouen             { text-align: left; position: absolute; top: 45%; left: 6%; width: 22% }
.map_furuhatagama             { text-align: left; position: absolute; top: 51%; left: 56%; width: 14% }
.map_hakkeizan             { text-align: right; position: absolute; top: 53%; right: 4%; width: 24% }
.map_syukazan             { display: none; }
.map_gensyu2             { text-align: left; position: absolute; top: 26%; left: 40%; width: 14% }
.map_syoundoutsubaki             { display: none; }

.map_daisyouin            { display: none; }
.map_aibagawa             { text-align: left; position: absolute; top: 22.5%; left: 51%; width: 14% }


/* 個別・山田*/
.comment_yamada                 { color: #672413; text-align: right; position: absolute; top: 9%; right: 2.8%; width: 45%; }
.map_shigaichi3_5            { display: none; }
.map_shigaichi3_5 a:hover      { display: none; }

.map_sinpakuzan            { text-align: left; position: absolute; top: 80%; left: 24%; width: 16% }
.map_seiungama2            { text-align: left; position: absolute; top: 19.5%; left: 60%; width: 14% }
.map_nosaka2            { text-align: right; position: absolute; top: 29%; right: 30%; width: 24% }
.map_ryoun2            { text-align: right; position: absolute; top: 12%; right: 63%; width: 14% }
.map_syukazan2             { text-align: right; position: absolute; top: 43%; right: 21.5%; width: 14% }
.map_kouungama            { text-align: left; position: absolute; top: 50%; left: 36%; width: 14% }
.map_choun            { text-align: left; position: absolute; top: 39%; left: 1%; width: 22% }
.map_tsutiwa            { text-align: left; position: absolute; top: 44.5%; left: 6%; width: 24% }
.map_nantikoubou            { text-align: left; position: absolute; top: 51%; left: 8%; width: 16% }
.map_syoundoutsubaki2             { text-align: right; position: absolute; top: 50%; right: 1%; width: 18% }
.map_syuhouen2            { text-align: left; position: absolute; top: 25.5%; left: 69%; width: 14% }

.map_kuroubou            { text-align: center; position: absolute; bottom: 2%; left: 40%; }
.map_kuroubou a                { color: #005C8D; background-color: rgba(0,0,0,0.1); padding: 6px 8px; border: solid 1px #ADC086; cursor: pointer; }
.map_kuroubou a:hover                { padding: 6px 8px; border: solid 1px #ADC086; cursor: pointer; }

.map_daisyouin2            { text-align: right; position: absolute; top: 49%; right: 19.5%; width: 24% }