@charset "utf-8";
@media screen and (max-width:1000px) {
main .contIn{ padding: 0 1%;}
}
main{ width: 100%; display: flex; flex-direction: column; min-width: 980px;}
.flex { display: flex !important;}
#nowSearch{ margin-bottom: 50px;}
#itemListArea{ width: 100% !important;}

/*------------------------------------------
共通：ページ下部リンクリスト
-------------------------------------------*/
.tokusyu-link{ width: 100%; display: flex; flex-direction: column; padding: 10px 10px 5px; border: solid 5px #ddd; border-radius: 12px; margin: 50px 0;}
.tokusyu-link .tokusyuList{ width: 100%; display: flex; flex-direction: column; border-top: solid 1px #e0e0e0; padding: 5px 0;}
.tokusyu-link .tokusyuList:first-child{ border-top: none;}
.tokusyu-link .tokusyuList dl{ width: 100%; display: flex; flex-direction: column;}
.tokusyu-link .tokusyuList dl dt{ font-size: 11px; font-weight: bold; padding: 5px 8px 3px;}
.tokusyu-link .tokusyuList dl dd{ display: flex; flex-wrap:wrap; justify-content: flex-start; font-size: 12px;}
.tokusyu-link .tokusyuList dl dd a{ display: block; margin: 0 8px 5px; font-size: 12px;}
.tokusyu-link .tokusyuList dl dd a:hover{ color: #000; text-decoration: underline;}



/*------------------------------------------
kai11-index1：特集全体カテゴリ　タイトル
-------------------------------------------*/
.areaTit-wrap{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.areaTit-wrap h1{ font-size: 22px; padding: 20px 0;}
.areaTit-wrap p{ font-size: 12px; color: #555; margin-bottom: 5px;}
/**/
#category-top{ width: 100%; display: flex; justify-content: center; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; margin: 40px 0; position: relative;}
.info-area{ width: 100%; height: 100%; z-index: 90; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: flex-start; background: rgba(0,0,0,.2);}
.info-area.none{ display: none; pointer-events: none;}
.info-area .inner{ width: 600px; display: flex; flex-direction: column; padding: 20px; background: #fff; border-radius: 10px; position: sticky; top: 100px; left:calc(50% - 300px); margin: 150px 0;}
.info-area .inner p{ display: flex; justify-content: center;}
.info-area .inner p b{ padding: 5px 25px 3px; border-radius: 50px; border: solid 1px #555; background: #555; color: #fff;}
.info-area .inner ul{ width: 100%; display: flex; flex-wrap: wrap;}
.info-area .inner ul li{ width: 100%; margin-top: 15px;}
.info-area .inner ul li span{ font-size: 12px; font-weight: bold; margin: 0 10px;}
.info-area .inner ul li.area-select{ width: 32%; height: 40px; margin: 0 0.5% 5px; display: flex; justify-content: center; align-items: center; font-weight: bold; border: solid 1px #555; transition: 0.4s; border-radius: 4px; cursor: pointer;}
.info-area .inner ul li.area-select:hover{ background: #008342; color: #fff;}
/*------------------------------------------
kai11-index1：特集全体カテゴリ　コンテンツ
-------------------------------------------*/
#category-top .left-wrap.blur{ filter: blur(0.8px); opacity: 0.7;}
#category-top .right-wrap.blur{ filter: blur(2px); opacity: 0.7;}

/*----
left-wrap
-----*/
#category-top .contIn.flex{ align-items: flex-start;}
#category-top .left-wrap{ width: 120px; height: auto; max-height:calc(100vh - 100px) ; position: sticky; left: 0; top: 60px; display: block; border-right: solid 1px #ccc; overflow-x: hidden; overflow-y: auto;}
/*2026.01.05HTML違うので修正
#category-top .left-wrap ul{ display: flex; flex-direction: column; position: sticky; left: 0; top: 60px; background: #fff; margin-bottom: 100px; margin-top: 50px;}
*/
#category-top .left-wrap ul{ display: flex; flex-direction: column; display: block; background: #fff; padding: 20px 0;}
#category-top .left-wrap ul li.area-select, 
#category-top .left-wrap ul li a{ width: 85%; margin-left: 15%; border-left: solid 1px #aaa; display: flex; font-size: 12px; padding: 2px 10px; transition: 0.3s; cursor: pointer; color: #555;}
#category-top .left-wrap ul li a:hover, 
#category-top .left-wrap ul li.area-select:hover{ background: #ddd; color: #000;}
#category-top .left-wrap ul li.view{ background: #008342; color: #fff; pointer-events: none;}
#category-top .left-wrap ul li span{ padding: 0 2px; font-size: 10.5px; display: block; font-weight: 900; margin-top: 20px;}
#category-top .left-wrap ul li:first-child span{ margin-top: 0;}

/*----
right-wrap
-----*/
#category-top .right-wrap{ width: 100%; display: none; flex: 1; padding: 0 3% 100px; position: relative;}
#category-top .right-wrap.area-wrap{ padding: 20px 0 100px; }

#category-top .right-wrap.view{ display: block;}
/**/
#category-top .right-wrap ul{ width: auto; display: flex; justify-content: flex-start; border: solid 1px #aaa; border-top: none; border-radius:0 0 4px 4px; overflow: hidden; background: #fff; position: sticky; top: 45px; box-shadow: 0 2px 8px rgba(0,0,0,.1); z-index: 100;}
#category-top .right-wrap.blur ul{ position: static;}

#category-top .right-wrap ul li{ display: block; border-right:solid 1px #aaa;}
#category-top .right-wrap ul li:last-child{ border-right: none;}
#category-top .right-wrap ul li a{ display: flex; padding: 5px 10px; font-size: 12px; color: #111; transition: 0.3s;}
#category-top .right-wrap ul li a:hover{ color: #111; background: #eee;}
#category-top .right-wrap ul li a::before{ content: "▼"; color: #ddd; transition: 0.3s; padding-right: 5px; font-size: 9px; margin-top: 2px;}
#category-top .right-wrap ul li a:hover:before{ color: #111;}
/**/
#category-top .right-wrap .itemList{ width: 100%; display: flex; flex-direction: column;}
#category-top .right-wrap .itemList h2{ width: 100%; display: flex; padding: 8px; padding-top: 60px;}
#category-top .right-wrap .itemList h2 span{ display: block; font-size: 16px; line-height: 30px; padding:2px 15px; border-radius: 4px; border: solid 1px #444; background: #008342; color: #fff;}
/**/
#category-top .right-wrap .itemList .withImageBox{}
#category-top .right-wrap .itemList .withImageBox .itemBox{ width: 33%; padding: 8px;}
#category-top .right-wrap.area-wrap .itemList .withImageBox .itemBox{ width: 25%; padding:3px 8px;}

#category-top .right-wrap .itemList .noImageBox{ margin-bottom: 40px;}
#category-top .right-wrap .itemList .noImageBox .itemBox{ width: 20%; padding: 8px;}
#category-top .right-wrap .itemList .area_itemBox{ margin-bottom: 6px;}
#category-top .right-wrap .itemList .area_itemBox.noImage{ margin-bottom: 20px;}
#category-top .right-wrap .itemList .area_itemBox .itemBox{ width: 25%; padding: 4px; margin-bottom: 2px;}

/**/
#category-top .right-wrap .itemList div { width: 100%; display: flex; flex-wrap: wrap;}
#category-top .right-wrap .itemList div .itemBox { display: flex; flex-direction: column; margin-bottom: 15px;}
#category-top .right-wrap .itemList div .itemBox a{ width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; border: solid 1px #aaa; border-radius: 6px; transition: 0.3s;}
#category-top .right-wrap .itemList div .itemBox a:hover{ border: solid 1px #008342; box-shadow: 0 0 0 2px #008342;}
#category-top .right-wrap .itemList div .itemBox a:hover *{ color: #008342;}
#category-top .right-wrap .itemList div .itemBox a img{ width: 100%; height: auto; transition: 0.3s;}
#category-top .right-wrap .itemList div .itemBox a:hover img{ opacity: 0.7;}
#category-top .right-wrap .itemList div .itemBox a h3{ width: 90%; margin: 15px 5% 10px; color: #000; font-size: 16px; line-height: 1.3em; transition: 0.3s;}
#category-top .right-wrap .itemList div .itemBox a p{ width: 90%; margin: 3px 5% 10px; font-size: 12px; color: #666; line-height: 1.3em; transition: 0.3s;}
#category-top .right-wrap .itemList .noImageBox .itemBox a h3{ font-size: 13px; padding: 0px 0 8px;  margin: 10px 5% 5px; border-bottom: dashed 1px #aaa;}
#category-top .right-wrap .itemList .noImageBox .itemBox a p{ font-size: 10px;}

/*種別トップ kai11_index2*/
#category-top .right-wrap .itemList div.area_itemBox .itemBox a { flex-direction: row; align-items: center; justify-content: flex-start; border-radius: 3px; border: solid 1px #ccc;}
#category-top .right-wrap .itemList div.area_itemBox .itemBox a img{ width: 50px; margin: 5px; border-radius:5px;}
#category-top .right-wrap .itemList div.area_itemBox .itemBox a p{ flex: 1; width: auto; margin:0; font-size: 13px; color: #111; line-height: 1.2em; transition: 0.3s; font-weight: 600; padding: 10px 5px 10px 10px;}
#category-top .right-wrap .itemList div.area_itemBox.noImage .itemBox a p{ padding: 8px 5px 8px 15px; position: relative; font-weight: 600; font-size: 12px;}
#category-top .right-wrap .itemList div.area_itemBox.noImage .itemBox a p::before{ content: "#"; position: absolute; left: 4px; top: 50%; line-height: 12px; margin-top: -6px; font-size: 12px;}
#category-top .right-wrap .itemList div.area_itemBox .itemBox a:hover p{ color: #008342;}

/*種別×都道府県 kai11_index3*/
#category-top .right-wrap.area-wrap .itemList .withImageBox .itemBox a h3{ font-size: 15px;}

/*------------------------------------------
kai11-1：特集　常設トップタイトル
-------------------------------------------*/
.always_featured{ width: 100%; display: flex; align-items: center; border-radius: 8px; border: solid 4px #008342; margin: 10px 0 20px; overflow: hidden;}
.always_featured .img{ width: 250px; display: flex; line-height: 1em; align-items: center;}
.always_featured .img img{ width: 100%; border-radius: 8px 0 0 8px;}
.always_featured .txt{ width: calc(100% - 250px); padding: 0 3%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.always_featured .txt h1{ width: 100%; display: block; font-size: 20px; margin-bottom: 5px;}
.always_featured .txt p{ display: block; font-size: 14px; color: #666;}

/*------------------------------------------
kai11-1：特集　常設トップタイトル
-------------------------------------------*/
#todouhuken{ width: 100%; display: flex; flex-direction: column; margin-bottom: 40px;}
#todouhuken h2{ display: flex;}
#todouhuken h2 b{ display: block; font-size: 14px; margin-bottom: 15px;}
#todouhuken .item{ display: flex; width: 100%; margin-bottom: 10px; padding:30px 0 20px; border-bottom: solid 1px #ddd;}
#todouhuken .item h3{ display: block; position: relative;}
#todouhuken .item h3 a{ position: sticky; left: 0; top: 60px; width: 110px; height: 60px; display: flex; justify-content: center; align-items: center; word-break: keep-all; font-weight: bold; border: solid 1px #aaa; background: linear-gradient(to bottom, rgb(255, 255, 255) 43%, rgb(230, 230, 230) 100%); border-radius: 4px; transition: 0.2s;}
#todouhuken .item h3 a:hover{ box-shadow: 0 0 0 4px #008342 inset; background: #fff; border: solid 1px #008342; color: #008342;}
#todouhuken .item .list{ flex: 1; margin-left: 20px;}
#todouhuken .item .list dl{ display: flex; flex-direction: column; width: 100%;}
#todouhuken .item .list dl > *{ width: 100%; display: flex;}
#todouhuken .item .list dl dt{ font-size: 11px; font-weight: bold; }
#todouhuken .item .list dl dd{ flex-wrap: wrap; margin-bottom: 10px;}
#todouhuken .item .list dl dt a, 
#todouhuken .item .list dl dd a{ display: block; font-size: 11px; border: solid 1px #aaa; color: #000; font-weight: 500; padding: 2px 4px; border-radius: 2px; margin: 0 8px 6px 0;}
#todouhuken .item .list dl dt a:hover, 
#todouhuken .item .list dl dd a:hover{ background: #008342; color: #fff; border: solid 1px #008342;}
/**/
#todouhuken .other_todouhuken{ width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#todouhuken .other_todouhuken h4{ width: 100%; display: block; margin: 10px 0 5px; font-weight: 400; font-size: 12px; font-weight: bold;}
#todouhuken .other_todouhuken ul{ display: flex; margin:0 30px 5px 0; font-size: 12px;}
#todouhuken .other_todouhuken ul li{ display: block; margin-right: 12px; font-size: 12px; font-weight: bold;}
#todouhuken .other_todouhuken ul li a{ display: flex; justify-content: center; align-items: center; font-size: 12px;}
#todouhuken .other_todouhuken ul li a:hover{ color: #777; text-decoration: underline;}


/*------------------------------------------
kai11-1：特集　特集リンク
-------------------------------------------*/
#always_other_featured{ width: 100%; display: flex; flex-direction: column; background: linear-gradient(to bottom, rgb(230, 230, 230) 43%, rgb(255, 255, 255) 100%); padding:30px 0;}
#always_other_featured h2{ display: block; font-size: 14px; display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px;}
#always_other_featured h2 a{ font-size: 11px; padding: 2px 10px; background: #fff; border: solid 1px #aaa; color: #555; display: flex; border-radius: 4px; font-weight: 400; transition: 0.2s;}
#always_other_featured h2 a:hover{ color: #111; border: solid 1px #000;}
#always_other_featured .box{ width: 100%; display: flex; flex-direction: column; padding: 10px; box-shadow: 0 10px 16px rgba(0,0,0,.1); margin-bottom: 30px; background: #fff;}
#always_other_featured .box h3{ width: 100%; display: flex; margin-bottom: 10px; font-size: 12px;}
#always_other_featured .box ul{ width: 100%; display: flex; flex-wrap: wrap;}
#always_other_featured .box ul li{ width: 25%; display: block; padding: 0 8px 8px 0;}
#always_other_featured .box ul li a{ width: 100%; display: flex; justify-content: center; align-items: center; padding: 8px 2px 6px; border: solid 1px #aaa; border-radius: 30px;  font-size: 12px; letter-spacing: -0.5px; font-weight: 600; transition: 0.2s;}
#always_other_featured .box ul li a::before{ content: "#"; font-weight: 14px;}

#always_other_featured .box ul li a:hover{ color: #fff; background: #008342; border: solid 1px #008342;}










/*------------------------------------------
特集　市区選択：タイトル
-------------------------------------------*/
.featured_area{ width: 100%; display: flex; flex-direction: column; border-radius: 8px; border: solid 1px #999; margin: 10px 0 20px; overflow: hidden;}
.featured_area .featured_area_ttl{ width: 100%; display: flex; flex-direction: column;}
.featured_area .featured_area_ttl h1{ width: 100%; display: flex; align-items: center; padding: 15px 2.3%;}
.featured_area .featured_area_ttl h1 b{ height: 100%; display: flex; align-items: center; justify-content: baseline; padding: 10px; word-break: keep-all; background: #111; color: #fff; border-radius: 4px;}
.featured_area .featured_area_ttl h1 span{ padding: 10px 15px; display: flex; flex-direction: column;}
.featured_area .featured_area_ttl h1 span strong{ font-size: 20px; font-weight: bold; line-height: 1.2em; margin-bottom: 4px;}
.featured_area ul{ width: 96%; margin: 0 2%; display: flex; justify-content: flex-start;}
.featured_area ul li{ width: 11.11%; display: flex; padding:0 3px;}
.featured_area ul li a{ width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; color: #555; background: #fff; border-radius: 2px 2px 0 0; border: solid 1px #aaa; border-bottom: none; font-weight: bold;}
.featured_area ul li a:hover{ background: #ddd; color: #000;}
.featured_area ul li a.active{ background: #008342; color: #fff; pointer-events: none;}


/**/
.town_name{ width: 100%; display: flex; flex-direction: column; margin-bottom: 40px;}
.town_name h2{ display: block; padding:0 0 20px;}
.town_name h2 b{ display: block; font-size: 18px;}
.town_name dl{ display: flex; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ddd;}
.town_name dl dt{ width: 120px; display: block; font-size: 13px; letter-spacing: 0; font-weight: bold; margin-top: 4px;}
.town_name dl dt a{ display: inline-block; font-size: 13px; letter-spacing: 0; font-weight: bold;}
.town_name dl dd{ flex: 1; display: flex; flex-wrap: wrap;}
.town_name dl dd a{ display: block; font-size: 13px; margin: 6px 10px; font-weight: 500;}
.town_name dl dd a:hover{ background: #e5e5e5; text-decoration: underline;}


/*----------------
特集一覧：タイトル
------------------*/
.featured_info{ width: 100%; display: flex; flex-direction: column; border-radius: 8px; border: solid 3px #008342; margin: 10px 0 20px; overflow: hidden;}
.featured_info .featured_ttl{ width: 100%; display: flex;}
.featured_info .featured_ttl h1{ width: 100%; display: flex; align-items: center; background: #008342; border-radius: 4px 4px 0 0;}
.featured_info .featured_ttl h1 b{ height: 100%; display: flex; align-items: center; justify-content: baseline; padding: 10px; background: #111; font-size: 20px; color: #fff; border-radius: 6px 0 0 0; word-break: keep-all;}
.featured_info .featured_ttl h1 span{ padding: 10px 15px; display: flex; flex-direction: column; color: #fff; font-size: 14px; font-weight: 500;}
.featured_info .featured_ttl h1 span strong{ font-size: 24px; letter-spacing: 2px; font-weight: bold; color: #fff; line-height: 1.2em; margin-bottom: 4px;}
.featured_info .text-top-seo{ width: 100%; display: flex; line-height: 1.4em; padding: 10px; font-size: 12px;}
.featured_info dl{ width: 98%; display: flex; padding: 10px 10px 5px; margin: 0 1%; border-top: dashed 1px #ddd;}
.featured_info dl dt{ font-size: 12px; font-weight: bold; margin-right: 10px;}
.featured_info dl dd{ display:flex; flex-wrap: wrap;}
.featured_info dl dd a{ font-size: 12px; text-decoration: underline; margin: 0 20px 5px 0;}
.featured_info dl dd a:hover{ text-decoration: none; color: #000;}
/**/
.featured_h2{ width: 100%; display: block; margin: 30px 0 10px;}
.featured_h2 h2{ width: 100%; display: block; font-size: 24px; font-weight: 600;}


/*------------------------------------------
featured_links ページ下部：同一特集の他の市区
-------------------------------------------*/
#featured_links{ padding:0 10px; border: solid 4px #008342; border-radius: 10px; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.1);}
#featured_links .links-contents .item-list:nth-child(1){ border-top: none;}
#featured_links .links-contents .item-list h3{ font-size: 14px; border-left:solid 6px #008342; padding-left: 10px;}
#featured_links .links-contents .item-list dl{ width: 100%; display: flex; margin: 15px 0;}
#featured_links .links-contents .item-list dl dt, 
#featured_links .links-contents .item-list dl dt a{ font-size: 12px; font-weight: bold;}
#featured_links .links-contents .item-list dl dd{ display: flex; flex-wrap: wrap; flex: 1; margin-left: 15px;}
#featured_links .links-contents .item-list dl dd a{ display: block; margin: 0 15px 5px 0;}

/*------------------------------------------
other_featured ページ下部：別の特集
-------------------------------------------*/
#other_featured{ width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 80px auto; padding: 40px 0; border-top: solid 5px #008342; border-bottom: solid 5px #008342; background-color: #ddd;}
#other_featured h2{ display: flex; justify-content: flex-start; margin-bottom: 10px;}
#other_featured h2 b{ font-size: 18px; display: flex; align-items: center; height: 30px; padding: 0 20px; border-radius: 4px; background: #008342; color: #fff;}
#other_featured h3{ padding: 0 8px; margin-top: 20px;}
ul.other_featured_list{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 50px;}
ul.other_featured_list li{ width: 33%; display: block; padding: 4px;}
ul.other_featured_list li a{ display: flex; flex-direction: row; padding: 5px; border: solid 1px #aaa; background:#fff; justify-content: flex-start; align-items: center; border-radius: 4px; overflow: hidden; transition: 0.3s; box-shadow: 0 2px 14px rgba(0,0,0,.1);}
ul.other_featured_list li a:hover{ box-shadow: 0 4px 8px rgba(0,0,0,.2); border: solid 1px #008342; background: #008342; color: #fff;}
ul.other_featured_list li a img{ width: auto; height: 40px;}
ul.other_featured_list li a:hover img{ opacity: 1;}
ul.other_featured_list li a span{ font-size: 12px; line-height: 1.4em; font-weight: 500; color: #111; margin-left: 10px; transition: 0.3s;}
ul.other_featured_list li a:hover span{ color: #fff;}

/*----------------------
kakaku-top
-----------------------*/
.kakaku-top{ width: 100%; display: flex; flex-direction: column;}
.kakaku-top .p-links { display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: dotted 2px #aaa; padding-bottom: 20px; margin-bottom: 20px;}
.kakaku-top .p-links b{ width: 100%; margin-bottom: 5px;}
.kakaku-top .p-links a{ display: block; font-size: 12px; padding: 2px 4px; border: solid 1px #555; color: #111; border-radius: 4px; margin: 0 12px 0 0;}
.kakaku-top .p-links a:hover{ border: solid 1px #008342; color: #fff; background: #008342;}
.kakaku-top table, 
.kakaku-top table tbody{ width: 100%;} 
.kakaku-top table tbody tr{ width: 100%; border-bottom: solid 1px #aaa;} 
.kakaku-top table tbody tr th{ position: relative; padding-bottom: 50px;} 
.kakaku-top table tbody tr th b{ position: sticky; left: 0; top: 80px; padding: 4px 8px; border-radius: 4px; font-size: 16px; font-weight: bold; margin: 10px 0; background:#008342; color: #fff; white-space: nowrap;}
.kakaku-top table tbody tr td{ padding:20px 10px;}
.kakaku-top table tbody tr td p{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.kakaku-top table tbody tr td p a{ display: flex; flex-direction: column; align-items: center; padding:12px 8px; border: solid 1px #aaa; background: linear-gradient(to bottom, rgb(255,255,255) 43%,rgb(230,230,230) 100%);
 border-radius: 4px; margin: 8px 6px; box-shadow: 0 4px 8px rgba(0,0,0,.1); transition: 0.2s;}
.kakaku-top table tbody tr td p a:hover{ box-shadow: 0 0 0 3px #008342; border: solid 1px #008342; background: #fff;}
.kakaku-top table tbody tr td p a b{ font-size: 18px; color: #000;}
.kakaku-top table tbody tr td p a:hover *{color: #008342;}
.kakaku-top table tbody tr td p a span{ font-size: 9px; text-align: center; line-height: 1.2em; color: #777; font-weight: bold; white-space: nowrap;}

/*------------------------
#otherPrices
-------------------------*/
#otherPrices{ display: flex; flex-direction: column; padding:15px 8px; border-radius: 4px; background: #eee; border: solid 1px #999; margin-top: 40px;}
#otherPrices h3{ font-size: 14px; margin-top: 5px;}
#otherPrices ul{ width: 100%; display: flex; margin-top: 15px; justify-content: space-between;}
#otherPrices ul li{ width: 8.4%; display: flex;}
#otherPrices ul li a, 
#otherPrices ul li span{ width: 100%; display:flex; justify-content: center; align-items: center; height: 50px; white-space: nowrap; border: solid 1px #ccc; background: #fff; border-radius: 4px; transition: 0.4s; font-size: 11px; font-weight: bold;}
#otherPrices ul li span{ background: #999; color: #fff; border: solid 1px #999; pointer-events: none;}
#otherPrices ul li a:hover{ background:#008342; color: #fff; }

/*----------------------
selects_wrap
-----------------------*/
.selects_wrap{ width: 100%; display: none;}
.selects_wrap.view{ display:block;}
.selects_wrap .other{ width: 100%; padding: 10px; line-height:18px; font-weight: bold; color: #fff; background: #008342;}
.selects_wrap .wrap.type{ width: 100%; padding: 10px; display: flex; align-items: flex-start; flex-direction: column; background: #DFEBE6; border: solid 1px #008342; }
.selects_wrap .wrap.type .ttl{ font-size: 13px; font-weight: bold; padding-right: 10px;}
.selects_wrap .wrap.type h3{ width: auto; font-size: 13px; letter-spacing: 2px; font-weight: bold; padding: 10px 15px; line-height: 1em; background: #444; border-radius: 4px; color: #fff; margin: 0 0 10px;}
/**/
.selects_wrap .wrap .dlwrap{ width: 100%; display: flex; flex-direction:column}
.selects_wrap .wrap.type dl{ width: 100%; display: flex; border: solid 1px #7f7f7f; overflow: hidden; border-radius: 4px; margin-bottom: 10px;}
.selects_wrap .wrap.type dl dt{ width:130px; white-space: nowrap; height: 40px; font-weight: bold; font-size: 11px; letter-spacing: 0; display: flex; align-items: center; justify-content: center; background: #efefef;}
.selects_wrap .wrap.type dl:hover { border: solid 1px #000; box-shadow: 0 0 0 1px #000;}
.selects_wrap .wrap.type dl:hover dt{ background: #008342; color: #fff; transition: 0.3s;}
.selects_wrap .wrap.type dl dd{ flex: 1; display: flex;}
.selects_wrap .wrap.type dl dd a{ width: 100%; height: 40px; white-space: nowrap;  display: flex; justify-content: center; align-items: center; font-size: 11px; border-left: solid 1px #ccc; background: #fff;}
.selects_wrap .wrap.type dl dd a:hover{ color:#008342; background:#EFF8DF; text-decoration: underline;}
.selects_wrap .wrap.type dl dd.now a{ background: #999; color: #fff; pointer-events: none;}
/**/
.pSelect .area_selects ul li span{ height: 30px; border-radius:2px 2px 0 0;}
.pSelect .selects_wrap .other{ width: 100%; padding:6px 10px 2px; line-height: 1em; line-height:16px;}
.pSelect .selects_wrap .wrap.type h3{ font-size: 12px; padding:5px 15px; border-radius: 4px 4px 0 0; margin: 0px;}
.pSelect .selects_wrap .wrap.type .dlwrap dl{ border-radius: 0px; margin-bottom: 0px; border-bottom: none; position: relative; z-index: 1;}
.pSelect .selects_wrap .wrap.type .dlwrap dl:last-child{ border-bottom: solid 1px #7f7f7f;}
.pSelect .selects_wrap .wrap.type .dlwrap:hover dl { z-index: 1; opacity: 0.3;}
.pSelect .selects_wrap .wrap.type .dlwrap dl:hover { z-index: 10; box-shadow: 0 0 0 2px #000; opacity: 1;}
.pSelect .selects_wrap .wrap.type dl dt, 
.pSelect .selects_wrap .wrap.type dl dd a{ height: 30px;}
/*-----------------------------------------------------*/
/**/
.selects_wrap .wrap table{ width: 100%; table-layout: fixed; background: #fff; flex: 1;}
.selects_wrap .wrap table tr, 
.selects_wrap .wrap table tr tbody{ width: 100%;}
.selects_wrap .wrap table td{ border: solid 1px #aaa;}
.selects_wrap .wrap table td a{ width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 12px; color: #000; font-weight: bold; padding-top: 2px;}
.selects_wrap .wrap table td a:hover{ background: #008342; color: #fff;}
.selects_wrap .wrap table td.now a, 
.selects_wrap .wrap table td.now a:hover{ background: #ddd; color: #777; pointer-events: none;}
/**/
.town_name{ width: 100%; display: flex; flex-direction: column; margin-bottom: 40px;}
.town_name h2{ display: block; padding:0 0 20px;}
.town_name h2 b{ display: block; font-size: 18px;}
.town_name dl{ display: flex; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ddd;}
.town_name dl dt{ width: 120px; display: block; font-size: 13px; letter-spacing: 0; font-weight: bold; margin-top: 4px;}
.town_name dl dt a{ display: inline-block; font-size: 13px; letter-spacing: 0; font-weight: bold;}
.town_name dl dd{ flex: 1; display: flex; flex-wrap: wrap;}
.town_name dl dd a{ display: block; font-size: 13px; margin: 6px 10px; font-weight: 500;}
.town_name dl dd a:hover{ background: #e5e5e5; text-decoration: underline;}
/**/
.area-links{ width: 100%; display: flex; flex-direction: column; border: solid 6px #ddd; border-radius: 4px; margin: 50px 0; background: #DFEBE6; padding: 15px; }
.area-links h2{ width: 100%; display: block; margin-bottom: 5px;}
.area-links h2 b{}
.area-links .linkBox { width: 100%; display: flex; justify-content: space-between;}
/**/
.area-links .linkBox .box_row{ width: 70%; display: flex; justify-content: space-between;}
.area-links .linkBox .box_row p{ width: 48%; display: flex; flex-direction: column;}
.area-links .linkBox .box_row p a{ width: 100%; height: 100%; padding: 15px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: solid 4px #008342; border-radius: 4px; background: #fff;}
.area-links .linkBox .box_row p a b{ font-size: 12px; color:#008342; }
.area-links .linkBox .box_row p a span{ font-size: 20px; color:#008342; font-weight: bold;}
.area-links .linkBox .box_row p a:hover{ background: #008342;}
.area-links .linkBox .box_row p a:hover b, 
.area-links .linkBox .box_row p a:hover span{ color:#fff;}
/**/
.area-links .linkBox .box_column{ width: calc(30% - 25px); display: flex; flex-direction: column; padding-left: 15px;}
.area-links .linkBox .box_column h3{ width: 100%; font-size: 12px;}
.area-links .linkBox .box_column p{ width: 100%; display: block; margin-bottom: 6px;}
.area-links .linkBox .box_column p a{ width: 100%; display: flex; flex-direction: column; padding: 6px 8px 2px; border: solid 1px #008342; color:#008342; background: #fff;}
.area-links .linkBox .box_column p a span{ font-size: 11px; line-height: 1.1em;}
.area-links .linkBox .box_column p a b{ font-size: 13px;}
.area-links #lastSearchCond{ border-radius: 0; border: dashed 1px #999;}
.area-links .linkBox .box_column p a:hover{ background: #008342; border: solid 1px #008342;}
.area-links .linkBox .box_column p a:hover b, 
.area-links .linkBox .box_column p a:hover span{ color:#fff;}


/*----------------------
価格で絞り込む
-----------------------*/
.price-wrap.none{ display: none !important;}
.price_tab{ width: 100%; display: flex; flex-direction: column; padding:10px 0 10px 1%; background: #eee; margin-bottom: 30px;}
.price_tab p{ font-size: 12px; display: block; font-weight: bold; list-style: 1.2em;}
.price_tab ul{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;}
.price_tab ul li{ width: 16%; height: 34px; display: flex; justify-content: center; align-items: center; margin:0 0.6% 5px 0; border: solid 1px #aaa; color: #555; transition: 0.4s; font-size: 14px; letter-spacing: 0; text-align: center; background: #fff; font-weight: bold; border-radius: 4px; cursor: pointer;}
.price_tab ul li:hover{ background: #eee; border: solid 1px #000; color: #000;}
.price_tab ul li.view{ background: #008342; border: solid 1px #008342; color: #fff; pointer-events: none;}