@charset "utf-8";



/* ==========================================================

title : ピカ写メから施設検索
scope : ピカ写メから施設検索共通

last modify : 2019/08/29 230_inagaki 口コミ対象外アイコンの追加　#17011

 2018/04/4 230_inagaki グルーピングデザイン変更 #13718
 2017/07/28 156_goto PCリサーチ カテゴリ再編 #12280
2017/07/11 237_sato_s PCリサーチ カテゴリ再編 #12280
2017/01/05 247_morita 口コミから施設検索#11348・写真から物件検索 ボタン改修 #11418
2016/12/15 247_morita 都道府県一覧で見る機能追加 #11344
2016/02/26 227_suzuki 「選択中」パンくずリスト　修正
2016/02/26 156_goto 地域・カテゴリ選択による遷移改修 #9084
2016/02/26 156_goto 手順説明部分の修正
2016/02/17 156_goto ボタン類のCSS対応
2016/02/02 230inagaki 新規
========================================================== */


/*--手順説明--*/

h1 img,
#step_guide img {
  vertical-align: bottom;
}

#step_guide {
  width: 942px;
  margin: 0 auto;
}

#step_guide h2 {
  width: 936px;
  margin: 20px auto 0;
  padding: 4px 0;
  border: 3px solid #f54191;
  border-radius: 5px 5px 0 0;
  background: #f54191;
  color: #fff;
  font-weight: 800;
  text-align: left;
  text-indent: 1em;
}

.step_wrap {
  position: relative;
  width: 942px;
  margin: 25px auto 0;
  text-align: center;
}

.step_read {
  width: 660px;
  margin: 20px auto 35px;
  text-align: left;
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: normal;
}

.step_wrap ul {
  display: table;
  table-layout: fixed;
  width: 890px;
  margin: 0 auto 0;
}

.step_wrap li {
  display: inline-block;
}

h2 > span {
  font-size: 18px;
  padding: 0 0 0 20px;
}

.step_wrap ul.step3 {
  width: 859px;
  font-size: 0;
}

.step_wrap.category ul.step3 {
  width: 937px;
  text-align: left;
}

.step_wrap.area ul.step3 {
  width: 747px;
  text-align: left;
}

.step_wrap ul.step3 li {
  padding: 0 12px 0 0;
}

.step_wrap.category ul.step3 li {
  width: 461px;
  padding-right: 15px;
}

.step_wrap ul.step3 li:last-child,
.step_wrap.category ul.step3 li:last-child,
.step_wrap.area ul.step3 li:first-child {
  padding: 0;
}

.step_wrap .step_panda {
  position: absolute;
  top: -80px;
  right: 4px;
  z-index: 100;
}

#step_guide .att {
  margin: 5px 0 0;
  text-align: right;
}



/*--手順メニュー--*/
.selectMenu {
  text-align: center;
}
.step_menu {
  display: table;
  table-layout: fixed;
  width: auto;
  margin: 50px auto 0;
  border-collapse: separate;
  border-spacing: 5px 0;
}

.selectMenu.step4 .step_menu,
.selectMenu.step3 .step_menu,
.selectMenu.step2 .step_menu {
  display: table;
  width: auto;
  margin: 25px auto 5px;
  border-collapse: collapse;
  border-spacing: 0;
}

.step_menu li {
  display: table-cell;
  line-height: 0;
  width: 225px;
  height: 55px;
  vertical-align: top;
}

.selectMenu .step_menu {
  display: table;
}

.selectMenu.step4 .step_menu li {
  width: 238px;
  text-align: right;
}

.selectMenu.step4 .step_menu li:nth-child(1) {
  width: 223px;
}

.selectMenu.step3 .step_menu li {
  width: 238px;
  text-align: right;
}

.selectMenu.step3 .step_menu li:nth-child(1) {
  width: 340px;
}

.selectMenu.step2 .step_menu li {
  width: 238px;
  text-align: right;
}

.selectMenu.step2 .step_menu li:nth-child(1) {
  width: 223px;
}

.stp01,
.stp02,
.stp03,
.stp04 {
  cursor: pointer;
}

.stp01:hover,
.stp02:hover,
.stp03:hover,
.stp04:hover {
  opacity: 0.7;
}

.selectMenu[class*="step"] .step_menu li li {
  display: block;
  margin-bottom: 5px;
}

.selectMenu[class*="step"] .step_menu li li:nth-child(1) {
  width: 238px;
}

#select_pref .selectMenu.step4 .step_menu li:first-child{
  margin-right: 46px;
} 


/*--カテゴリー--*/

.selectBody {
  overflow: hidden;
}

#select_cat h2 {
  width: 936px;
  margin: 15px auto 0;
  padding: 7px 0;
  border: 3px solid #45ab63;
  border-radius: 5px 5px 0 0;
  background: #45ab63;
  color: #fff;
  font-weight: 800;
  text-align: left;
  text-indent: 1em;
}

#select_cat h2 > span {
  font-size: 0.7em;
  padding-left: 15px;
}

.cate_wrap {
  width: 942px;
  margin: 0 auto;
  padding: 30px 0 25px;
  background: #8fd897;
  border-radius: 0 0 5px 5px;
}

.cate_menu {
  width: 888px;
  padding: 0;
  margin: 0 0 0 30px;
  text-align: left;
}

.cate_menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.cate_menu li {
  float: left;
  width: 290px;
  height: 96px;
  margin: 0 6px 10px 0;
  padding: 0;
  text-align: left;
  border-radius: 6px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
}


.cate_menu li.data {
  background: #33f;
}

.cate_menu li > a {
  display: inline-block;
  width: 290px;
  height: 96px;
  margin: 0;
  padding: 0;
  color: #666;
}

.cate_menu li .in_txt {
  position: relative;
  display: inline-block;
  width: 290px;
  height: 96px;
  padding: 15px 30px 0 15px;
  color: #000;
  line-height: 18px;
  border-radius: 6px;
  font-size: 0.9em;
  border: 2px solid #1674b6;
  border-radius: 6px;
  box-sizing: border-box;
  background: #fff;
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #e3f0f1 100%);
  z-index: 1;
}




/*カテゴリ再編追加分 #12280*/

.cate_menu li .in_txt .cate_name {
  color: #1674b6;
  font-size: 15px;
  font-weight: bold;
}

.cate_menu li .in_txt .cate_facility_num {
  font-size: 15px;
  font-weight: bold;
}

.cate_menu li.disabled .in_txt .cate_name {
  color: #cbcbcb;
}

.cate_menu li .in_txt02 {
  position: relative;
  display: inline-block;
  width: 290px;
  height: 96px;
  padding: 0 45px 0 15px;
  color: #fff;
  line-height: 16px;
  border-radius: 6px;
  font-size: 0.9em;
  border: 2px solid #1674b6;
  box-sizing: border-box;
  background: #fff;
  background: linear-gradient(to bottom, #3d7edf 0%, #3671c7 30%, #2b599d 100%);
}

.cate_menu li .in_txt02 > img {
  margin-top: 7px;
}

.cate_menu li.cat_all .in_txt {
  background: linear-gradient(to bottom, #508be1 0%, #2c5da4 100%);
}

.cate_menu li.cat_all.disabled .in_txt {
  color: #cbcbcb;
  border: 2px solid #cbcbcb;
  background: #fff;
}

.cate_menu li.cat_all .in_txt .mrk_lnk {
  display: inline-block;
  margin: 10px 0 0 -2px;
  height: 20px;
  line-height: 20px;
  padding-left: 24px;
  font-size: 18px;
  font-weight: bold;
  background: url("../image/mrk_srch_list_wt.png") no-repeat 0 center;
  background-size: 20px 20px;
  text-indent: 0;
}

.cate_menu li.cat_all.disabled .in_txt .mrk_lnk {
  margin-top: 1em;
  background: url("../image/mrk_srch_list_gr.png") no-repeat 0 center;
  background-size: 20px 20px;
}

.cate_menu li.cat_all .in_txt .mrk_lnk .txt_s {
  font-size: 15px !important;
}

.cate_menu li.disabled {
  box-shadow: none;
}

.cate_menu li.disabled .in_txt {
  color: #cbcbcb;
  border: 2px solid #cbcbcb;
  background: #fff;
}

.cate_menu li > a:hover .in_txt {
  border: 2px solid #f94a76;
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #ffcbd5 100%);
  color: #666;
}

.cate_menu li > a:hover .in_txt02 {
  border: 2px solid #f94a76;
  background: linear-gradient(to bottom, #6cb5f7 0%, #60a1e9 30%, #548dd2 100%);
  color: #fff;
}

.cate_menu li.cat_all > a:hover .in_txt {
  border: 2px solid #f94a76;
  background: linear-gradient(to bottom, #f54191 0%, #d02672 100%);
  color: #fff;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cate_menu li > a:hover .in_txt {
    color: #000;
  }
}

.cate_menu li .in_txt > strong {
  font-size: 1.1em;
}

.cate_menu li .in_txt > span {
  margin-left: 5px;
  font-weight: 800;
  font-size: 1.1em;
}

.cate_menu li .in_txt > span.no_review {
  background: #ccc;
  border-radius: 5px;
  bottom: 8px;
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: 100;
  left: 8px;
  line-height: 15px;
  padding: 3px 0 2px;
  position: absolute;
  text-align: center;
  width: 45%;
}

.cate_menu li.cat_all .in_txt {
  padding-top: 15px;
  color: #fff;
}

.cate_menu li .in_txt:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  z-index: 0;
}

.cate_menu li .in_txt02:after {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  z-index: 0;
}



/*老人ホーム／サ高住*/

.cate_menu li.cat01 .in_txt:after {
  background: url("../image/ico_cat_menu_01.png") no-repeat 0 0;
}



/*飲食店*/

.cate_menu li.cat13 .in_txt:after {
  background: url("../image/ico_cat_menu_13.png") no-repeat 0 0;
}



/*小売店［ショッピング施設］*/

.cate_menu li.cat11 .in_txt:after {
  background: url("../image/ico_cat_menu_11.png") no-repeat 0 0;
}



/*病院・医院*/

.cate_menu li.cat05 .in_txt:after {
  background: url("../image/ico_cat_menu_05.png") no-repeat 0 0;
}



/*動物病院［ペットクリニック］*/

.cate_menu li.cat06 .in_txt:after {
  background: url("../image/ico_cat_menu_06.png") no-repeat 0 0;
}



/*接骨院・整骨院*/

.cate_menu li.cat16 .in_txt:after {
  background: url("../image/ico_cat_menu_16.png") no-repeat 0 0;
}



/*柔道整復師専門学校*/

.cate_menu li.cat04 .in_txt:after {
  background: url("../image/ico_cat_menu_04.png") no-repeat 0 0;
}



/*学校・塾／幼稚園／専門学校／自動車学校*/

.cate_menu li.cat03 .in_txt:after {
  background: url("../image/ico_cat_menu_03.png") no-repeat 0 0;
}



/*観光名所／旅行／温泉／レジャー*/

.cate_menu li.cat07 .in_txt:after {
  background: url("../image/ico_cat_menu_07.png") no-repeat 0 0;
}



/*ホテル／旅館*/

.cate_menu li.cat15 .in_txt:after {
  background: url("../image/ico_cat_menu_15.png") no-repeat 0 0;
}



/*結婚式場*/

.cate_menu li.cat17 .in_txt:after {
  background: url("../image/ico_cat_menu_17.png") no-repeat 0 0;
}



/*エンターテイメント［映画館・劇場・ホール］*/

.cate_menu li.cat14 .in_txt:after {
  background: url("../image/ico_cat_menu_14.png") no-repeat 0 0;
}



/*マスコミ*/

.cate_menu li.cat19 .in_txt:after {
  background: url("../image/ico_cat_menu_19.png") no-repeat 0 0;
}



/*公営競技場*/

.cate_menu li.cat18 .in_txt:after {
  background: url("../image/ico_cat_menu_18.png") no-repeat 0 0;
}



/*スポーツ施設*/

.cate_menu li.cat10 .in_txt:after {
  background: url("../image/ico_cat_menu_10.png") no-repeat 0 0;
}



/*上場企業・上場会社*/

.cate_menu li.cat02 .in_txt:after {
  background: url("../image/ico_cat_menu_02.png") no-repeat 0 0;
}



/*証券会社*/

.cate_menu li.cat20 .in_txt:after {
  background: url("../image/ico_cat_menu_20.png") no-repeat 0 0;
}



/*金融機関*/

.cate_menu li.cat12 .in_txt:after {
  background: url("../image/ico_cat_menu_12.png") no-repeat 0 0;
}



/*保険会社*/

.cate_menu li.cat21 .in_txt:after {
  background: url("../image/ico_cat_menu_21.png") no-repeat 0 0;
}



/*公共施設*/

.cate_menu li.cat08 .in_txt:after {
  background: url("../image/ico_cat_menu_08.png") no-repeat 0 0;
}



/*生活・通信インフラ*/

.cate_menu li.cat22 .in_txt:after {
  background: url("../image/ico_cat_menu_22.png") no-repeat 0 0;
}



/*交通アクセス*/

.cate_menu li.cat09 .in_txt:after {
  background: url("../image/ico_cat_menu_09.png") no-repeat 0 0;
}



/*レンタカー／レンタカー会社*/

.cate_menu li.cat23 .in_txt:after {
  background: url("../image/ico_cat_menu_23.png") no-repeat 0 0;
}

.cate_menu li.cat_all .in_txt:after {
  background: url("../image/ico_cat_menu_all.png") no-repeat 0 0;
}


.cate_menu li.cat24 .in_txt:after {
  background: url("../image/ico_cat_menu_24.png") no-repeat 0 0;
}

/*--グレー表示--*/


/*老人ホーム／サ高住*/

.cate_menu li.cat01.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_01_gr.png") no-repeat 0 0;
}



/*飲食店*/

.cate_menu li.cat13.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_13_gr.png") no-repeat 0 0;
}



/*小売店［ショッピング施設］*/

.cate_menu li.cat11.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_11_gr.png") no-repeat 0 0;
}



/*病院・医院*/

.cate_menu li.cat05.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_05_gr.png") no-repeat 0 0;
}



/*動物病院［ペットクリニック］*/

.cate_menu li.cat06.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_06_gr.png") no-repeat 0 0;
}



/*接骨院・整骨院*/

.cate_menu li.cat16.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_16_gr.png") no-repeat 0 0;
}



/*柔道整復師専門学校*/

.cate_menu li.cat04.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_04_gr.png") no-repeat 0 0;
}



/*学校・塾／幼稚園／専門学校／自動車学校*/

.cate_menu li.cat03.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_03_gr.png") no-repeat 0 0;
}



/*観光名所／旅行／温泉／レジャー*/

.cate_menu li.cat07.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_07_gr.png") no-repeat 0 0;
}



/*ホテル／旅館*/

.cate_menu li.cat15.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_15_gr.png") no-repeat 0 0;
}



/*結婚式場*/

.cate_menu li.cat17.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_17_gr.png") no-repeat 0 0;
}



/*エンターテイメント［映画館・劇場・ホール］*/

.cate_menu li.cat14.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_14_gr.png") no-repeat 0 0;
}



/*マスコミ*/

.cate_menu li.cat19.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_19_gr.png") no-repeat 0 0;
}



/*公営競技場*/

.cate_menu li.cat18.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_18_gr.png") no-repeat 0 0;
}



/*スポーツ施設*/

.cate_menu li.cat10.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_10_gr.png") no-repeat 0 0;
}



/*上場企業・上場会社*/

.cate_menu li.cat02.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_02_gr.png") no-repeat 0 0;
}



/*証券会社*/

.cate_menu li.cat20.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_20_gr.png") no-repeat 0 0;
}



/*金融機関*/

.cate_menu li.cat12.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_12_gr.png") no-repeat 0 0;
}



/*保険会社*/

.cate_menu li.cat21.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_21_gr.png") no-repeat 0 0;
}



/*公共施設*/

.cate_menu li.cat08.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_08_gr.png") no-repeat 0 0;
}



/*生活・通信インフラ*/

.cate_menu li.cat22.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_22_gr.png") no-repeat 0 0;
}



/*交通アクセス*/

.cate_menu li.cat09.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_09_gr.png") no-repeat 0 0;
}



/*レンタカー／レンタカー会社*/

.cate_menu li.cat23.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_23_gr.png") no-repeat 0 0;
}

.cate_menu li.cat24.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_24_gr.png") no-repeat 0 0;
}

.cate_menu li.cat_all.disabled .in_txt:after {
  background: url("../image/ico_cat_menu_all_gr.png") no-repeat 0 0;
}

.bnr_rent_box {
  margin-top: 30px;
}



/*--ショウサイカテゴリー--*/

#select_d_cat h2 {
  background: #ff6440;
  border: 3px solid #ff6440;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  color: #fff;
  font-weight: 800;
  margin: 15px auto 0;
  padding: 7px 0;
  text-align: left;
  text-indent: 1em;
  width: 940px;
}

#select_d_cat h2 > span {
  font-size: .7em;
  padding-left: 15px;
}

#select_d_cat h3 {
  background-position: 5px center;
  background-repeat: no-repeat;
  background-size: 26px 26px;
  box-sizing: border-box;
  font-size: 1em;
  font-weight: 800;
  margin: 0;
  padding: 0 0 0 40px;
  text-align: left;
  width: 860px;
}

#select_d_cat .cat01 {
  background-image: url("/pub_photo/image/ico_cat01.png");
}

#select_d_cat .cat02 {
  background-image: url("/pub_photo/image/ico_cat02.png");
}

#select_d_cat .cat03 {
  background-image: url("/pub_photo/image/ico_cat03.png");
}

#select_d_cat .cat04 {
  background-image: url("/pub_photo/image/ico_cat04.png");
}

#select_d_cat .cat05 {
  background-image: url("/pub_photo/image/ico_cat05.png");
}

#select_d_cat .cat06 {
  background-image: url("/pub_photo/image/ico_cat06.png");
}

#select_d_cat .cat07 {
  background-image: url("/pub_photo/image/ico_cat07.png");
}

#select_d_cat .cat08 {
  background-image: url("/pub_photo/image/ico_cat08.png");
}

#select_d_cat .cat09 {
  background-image: url("/pub_photo/image/ico_cat09.png");
}

#select_d_cat .cat10 {
  background-image: url("/pub_photo/image/ico_cat10.png");
}

#select_d_cat .cat11 {
  background-image: url("/pub_photo/image/ico_cat11.png");
}

#select_d_cat .cat12 {
  background-image: url("/pub_photo/image/ico_cat12.png");
}

#select_d_cat .cat13 {
  background-image: url("/pub_photo/image/ico_cat13.png");
}

#select_d_cat .cat14 {
  background-image: url("/pub_photo/image/ico_cat14.png");
}

#select_d_cat .cat15 {
  background-image: url("/pub_photo/image/ico_cat15.png");
}

#select_d_cat .cat16 {
  background-image: url("/pub_photo/image/ico_cat16.png");
}

#select_d_cat .cat17 {
  background-image: url("/pub_photo/image/ico_cat17.png");
}

#select_d_cat .cat18 {
  background-image: url("/pub_photo/image/ico_cat18.png");
}

#select_d_cat .cat19 {
  background-image: url("/pub_photo/image/ico_cat19.png");
}

#select_d_cat .cat20 {
  background-image: url("/pub_photo/image/ico_cat20.png");
}

#select_d_cat .cat21 {
  background-image: url("/pub_photo/image/ico_cat21.png");
}

#select_d_cat .cat22 {
  background-image: url("/pub_photo/image/ico_cat22.png");
}

#select_d_cat .cat23 {
  background-image: url("/pub_photo/image/ico_cat23.png");
}

.d_cate_wrap {
  background: #f2f0e9;
  border: 2px solid #ff6440;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px 27px;
  width: 940px;
}



/*サブカテメニュー*/

.sub_cat_box {
  margin: 27px auto 0;
}

.sub_cat_box h4 {
  height: 40px;
  text-align: left;
}

.sub_cat_box h4 p {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  line-height: 40px;
  min-width: 240px;
  position: relative;
  text-align: left;
  text-indent: 15px;
  padding-right: 20px;
  box-sizing: border-box;
}

.sub_cat_box h4 p::after {
  border-style: solid;
  border-width: 40px 0 0 40px;
  content: "";
  height: 0;
  position: absolute;
  right: -39px;
  top: 0;
  width: 0;
}



/* 4pattern */

.sub_cat_box:nth-of-type(4n + 1) h4 {
  border-bottom: 1px solid #e16161;
}

.sub_cat_box:nth-of-type(4n + 1) h4 p {
  background: #e16161;
  border-bottom: 1px solid #e16161;
}

.sub_cat_box:nth-of-type(4n + 1) h4 p::after {
  border-color: transparent transparent transparent #e16161;
}

.sub_cat_box:nth-of-type(4n + 2) h4 {
  border-bottom: 1px solid #2f5b99;
}

.sub_cat_box:nth-of-type(4n + 2) h4 p {
  background: #2f5b99;
  border-bottom: 1px solid #2f5b99;
}

.sub_cat_box:nth-of-type(4n + 2) h4 p::after {
  border-color: transparent transparent transparent #2f5b99;
}

.sub_cat_box:nth-of-type(4n + 3) h4 {
  border-bottom: 1px solid #cc9e10;
}

.sub_cat_box:nth-of-type(4n + 3) h4 p {
  background: #cc9e10;
  border-bottom: 1px solid #cc9e10;
}

.sub_cat_box:nth-of-type(4n + 3) h4 p::after {
  border-color: transparent transparent transparent #cc9e10;
}

.sub_cat_box:nth-of-type(4n) h4 {
  border-bottom: 1px solid #4d873b;
}

.sub_cat_box:nth-of-type(4n) h4 p {
  background: #4d873b;
  border-bottom: 1px solid #4d873b;
}

.sub_cat_box:nth-of-type(4n) h4 p::after {
  border-color: transparent transparent transparent #4d873b;
}



/* 4pattern */

.d_cat_menu {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 5px auto 0;
  text-align: left;
  width: 890px;
}

.d_cat_menu li {
  border-radius: 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  float: none;
  height: 60px;
  margin: 4px 8px 4px 0;
  padding: 0;
  text-align: left;
  width: 288px;
  /* あとで消す */
}



/* 4pattern */

.sub_cat_box:nth-of-type(4n + 1) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f8e9ee 100%);
  border: 2px solid #e16161;
}

.sub_cat_box:nth-of-type(4n + 2) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #e4eff1 100%);
  border: 2px solid #2f5b99;
}

.sub_cat_box:nth-of-type(4n + 3) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f1ece9 100%);
  border: 2px solid #cc9e10;
}

.sub_cat_box:nth-of-type(4n) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #e6f1e3 100%);
  border: 2px solid #4d873b;
}



/* 4pattern */

.sub_cat_box li:hover {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #ffcbd5 100%);
  border: 2px solid #f94a76;
}

.sub_cat_box li:hover a {
  color: #666;
}

.sub_cat_box li > a {
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: #000;
  display: inline-flex;
  font-size: .9em;
  font-weight: 800;
  height: 100%;
  justify-content: flex-start;
  margin: 0;
  padding: 0 8px 0 38px;
  position: relative;
  text-indent: 0;
  width: 100%;
}

.sub_cat_box li > a span {
  display: inline-block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 20px;
}

.sub_cat_box li svg {
  height: 100%;
  width: 100%;
}



/* 4pattern */

.sub_cat_box:nth-of-type(4n + 1) .d_cat_menu svg {
  fill: #e16161;
}

.sub_cat_box:nth-of-type(4n + 2) .d_cat_menu svg {
  fill: #2f5b99;
}

.sub_cat_box:nth-of-type(4n + 3) .d_cat_menu svg {
  fill: #cc9e10;
}

.sub_cat_box:nth-of-type(4n) .d_cat_menu svg {
  fill: #4d873b;
}

.sub_cat_box .d_cat_menu li:hover svg {
  fill: #f94a76;
}

.sub_cat_box .d_cat_menu .disabled svg {
  fill: #cbcbcb;
}

.sub_cat_box .d_cat_menu .disabled:hover svg {
  fill: #cbcbcb;
}

.d_cat_menu li.disabled {
  background: #fff url("/pub_photo/image/mrk_srch_list_gr.png") no-repeat 10px center;
  background-size: 20px 20px;
  border: 2px solid #cbcbcb;
  box-shadow: none;
  color: #cbcbcb;
}

.d_cat_menu .disabled a {
  color: #666;
  cursor: none;
  pointer-events: none;
}

.d_cat_all {
  border-radius: 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  height: 60px;
  margin: 20px 0 0;
  padding: 0;
  text-align: left;
  width: 288px;
}

.d_cat_all a {
  background: url("/pub_photo/image/mrk_srch_list_all.png") no-repeat 10px center,
  linear-gradient(to bottom, #307ff5 0%, #2e7aee 30%, #1c56bc 100%);
  background-size: 20px 20px, auto auto;
  border: 2px solid #1d69c7;
  border-radius: 6px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  line-height: 1.2;
  margin: 0;
  padding: 10px 8px 0 40px;
  text-align: left;
  width: 288px;
}

.d_cat_all a:hover {
  background: url("/pub_photo/image/mrk_srch_list_all.png") no-repeat 10px center,
  linear-gradient(to bottom, #aecaf3 0%, #7fadf3 30%, #4d8af6 100%);
  background-size: 20px 20px, auto auto;
  border: 2px solid #4d8af6;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .d_cat_menu li:hover a {
    color: #000;
  }
  /* hover */
  .sub_cat_box:nth-of-type(4n + 1) li:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f8e9ee 100%);
    border: 2px solid #e16161;
  }

  .sub_cat_box:nth-of-type(4n + 2) li:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, #e4eff1 100%);
    border: 2px solid #2f5b99;
  }

  .sub_cat_box:nth-of-type(4n + 3) li:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f1ece9 100%);
    border: 2px solid #cc9e10;
  }

  .sub_cat_box:nth-of-type(4n) li:hover {
    background: linear-gradient(to bottom, #fff 0%, #fff 30%, #e6f1e3 100%);
    border: 2px solid #4d873b;
  }

  /* 4pattern */
  .sub_cat_box:nth-of-type(4n + 1) .d_cat_menu li:hover svg {
    fill: #e16161;
  }

  .sub_cat_box:nth-of-type(4n + 2) .d_cat_menu li:hover svg {
    fill: #2f5b99;
  }

  .sub_cat_box:nth-of-type(4n + 3) .d_cat_menu li:hover svg {
    fill: #cc9e10;
  }

  .sub_cat_box:nth-of-type(4n) .d_cat_menu li:hover svg {
    fill: #4d873b;
  }
}

.sub_cat_box_shopping li > a {
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
  color: #0051c2;
  display: inline-flex;
  font-size: .9em;
  font-weight: 800;
  height: 100%;
  justify-content: flex-start;
  margin: 0;
  padding: 0 8px 0 38px;
  position: relative;
  text-indent: 0;
  width: 100%;
}
.sub_cat_box_shopping:nth-of-type(3n + 1) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #FEF6F5 100%);
	border: 2px solid #e4648e;
}

.sub_cat_box_shopping:nth-of-type(3n + 2) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f0f9f8 100%);
	border: 2px solid #3fc0af;
}

.sub_cat_box_shopping:nth-of-type(3n) li {
  background: linear-gradient(to bottom, #fff 0%, #fff 30%, #FEF9FB 100%);
	border: 2px solid #b173ba;
}

.sub_cat_box_shopping:nth-of-type(3n + 1) h4 {
  border-bottom: 1px solid #e16161;
}

.sub_cat_box_shopping:nth-of-type(3n + 1) h4 p {
  background: #e4648e;
  border-bottom: 1px solid #e4648e;
}

.sub_cat_box_shopping:nth-of-type(3n + 1) h4 p::after {
  border-color: transparent transparent transparent #e4648e;
}

.sub_cat_box_shopping:nth-of-type(3n + 2) h4 {
  border-bottom: 1px solid #3fc0af;
}

.sub_cat_box_shopping:nth-of-type(3n + 2) h4 p {
  background: #3fc0af;
  border-bottom: 1px solid #3fc0af;
}

.sub_cat_box_shopping:nth-of-type(3n + 2) h4 p::after {
  border-color: transparent transparent transparent #3fc0af;
}

.sub_cat_box_shopping:nth-of-type(3n) h4 {
  border-bottom: 1px solid #b173ba;
}

.sub_cat_box_shopping:nth-of-type(3n) h4 p {
  background: #b173ba;
  border-bottom: 1px solid #b173ba;
}

.sub_cat_box_shopping:nth-of-type(3n) h4 p::after {
  border-color: transparent transparent transparent #b173ba;
}

.sub_cat_box_shopping li a:hover, .sub_cat_box_shopping li a:active {
  color: #ea2020;
}

.cateShopping{
  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", ヒラギノ角ゴシック, 
  "ヒラギノ角ゴシック", 
  "Hiragino Kaku Gothic ProN", 
  "ヒラギノ角ゴ ProN W3", 
  Meiryo, "メイリオ", 
  YuGothic, "游ゴシック", 
  sans-serif;
}

.selectWrapShopping{
  font-family: "Hiragino Kaku Gothic ProN", 
  "ヒラギノ角ゴ ProN W3","Hiragino Sans", ヒラギノ角ゴシック, 
  Meiryo, "メイリオ", 
  YuGothic, "游ゴシック", 
  sans-serif;
}

.sub_cat_box_shopping:nth-of-type(3n + 1) .d_cat_menu svg {
  fill: #e4648e;
}

.sub_cat_box_shopping:nth-of-type(3n + 2) .d_cat_menu svg {
  fill: #3fc0af;
}

.sub_cat_box_shopping:nth-of-type(3n) .d_cat_menu svg {
  fill: #b173ba;
}


/*--都道府県--*/

#select_pref h2 {
  width: 936px;
  margin: 15px auto 0;
  padding: 7px 0;
  border: 3px solid #3ea8c2;
  border-radius: 5px 5px 0 0;
  background: #3ea8c2;
  color: #fff;
  font-weight: 800;
  text-align: left;
  text-indent: 1em;
}

.wrap_pref {
  border-radius: 4px;
  position: relative;
  width: 942px;
  height: 578px;
  margin: 5px auto 0;
  background: url("../image/bg_map.png") no-repeat 0 0;
}

.movie_select .wrap_pref {
  position: relative;
  width: 942px;
  height: 578px;
  margin: 0 auto;
  background: url("/pub_movie/image/bg_map.png") no-repeat 0 0;
}

.wrap_pref p.read {
  position: absolute;
  top: 65px;
  left: 125px;
  font-weight: 800;
  font-size: 1.2em;
}

.wrap_pref p.notice {
  position: absolute;
  top: 125px;
  left: 125px;
}

.count_pref {
  position: absolute;
  top: 150px;
  left: 125px;
  background: #fff;
  margin-top: 25px;
  padding: 15px;
  border-radius: 22px;
  text-align: center;
  font-size: 1.2em;
  font-weight: 800;
}

.count_pref span {
  color: #fc5428;
  font-size: 1.3em;
}



/*--都道府県マップ--*/

#map_pref ul {
  height: 493px;
}

#map_pref li {
  position: absolute;
}

#map_pref a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.pref01 {
  top: 40px;
  right: 115px;
}

.pref01 a {
  background: url("../image/area01.png") no-repeat 0 0;
  width: 140px;
  height: 116px;
}

.pref01 a:hover {
  background: url("../image/area01_ov.png") no-repeat 0 0;
}

.pref02 {
  top: 165px;
  right: 113px;
}

.pref02 a {
  background: url("../image/area02.png") no-repeat 0 0;
  width: 142px;
  height: 51px;
}

.pref02 a:hover {
  background: url("../image/area02_ov.png") no-repeat 0 0;
}

.pref03 {
  top: 218px;
  right: 113px;
}

.pref03 a {
  background: url("../image/area03.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref03 a:hover {
  background: url("../image/area03_ov.png") no-repeat 0 0;
}

.pref04 {
  top: 254px;
  right: 113px;
}

.pref04 a {
  background: url("../image/area04.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref04 a:hover {
  background: url("../image/area04_ov.png") no-repeat 0 0;
}

.pref05 {
  top: 218px;
  right: 185px;
}

.pref05 a {
  background: url("../image/area05.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref05 a:hover {
  background: url("../image/area05_ov.png") no-repeat 0 0;
}

.pref06 {
  top: 254px;
  right: 185px;
}

.pref06 a {
  background: url("../image/area06.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref06 a:hover {
  background: url("../image/area06_ov.png") no-repeat 0 0;
}

.pref07 {
  top: 290px;
  right: 113px;
}

.pref07 a {
  background: url("../image/area07.png") no-repeat 0 0;
  width: 142px;
  height: 34px;
}

.pref07 a:hover {
  background: url("../image/area07_ov.png") no-repeat 0 0;
}

.pref08 {
  top: 326px;
  right: 113px;
}

.pref08 a {
  background: url("../image/area08.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref08 a:hover {
  background: url("../image/area08_ov.png") no-repeat 0 0;
}

.pref09 {
  top: 326px;
  right: 149px;
}

.pref09 a {
  background: url("../image/area09.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref09 a:hover {
  background: url("../image/area09_ov.png") no-repeat 0 0;
}

.pref10 {
  top: 326px;
  right: 221px;
}

.pref10 a {
  background: url("../image/area10.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref10 a:hover {
  background: url("../image/area10_ov.png") no-repeat 0 0;
}

.pref11 {
  bottom: 182px;
  right: 149px;
}

.pref11 a {
  background: url("../image/area11.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref11 a:hover {
  background: url("../image/area11_ov.png") no-repeat 0 0;
}

.pref12 {
  bottom: 112px;
  right: 113px;
}

.pref12 a {
  background: url("../image/area12.png") no-repeat 0 0;
  width: 34px;
  height: 68px;
}

.pref12 a:hover {
  background: url("../image/area12_ov.png") no-repeat 0 0;
}

.pref13 {
  bottom: 146px;
  right: 149px;
}

.pref13 a {
  background: url("../image/area13.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref13 a:hover {
  background: url("../image/area13_ov.png") no-repeat 0 0;
}

.pref14 {
  bottom: 110px;
  right: 221px;
}

.pref14 a {
  background: url("../image/area14.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref14 a:hover {
  background: url("../image/area14_ov.png") no-repeat 0 0;
}

.pref15 {
  top: 242px;
  right: 257px;
}

.pref15 a {
  background: url("../image/area15.png") no-repeat 0 0;
  width: 34px;
  height: 82px;
}

.pref15 a:hover {
  background: url("../image/area15_ov.png") no-repeat 0 0;
}

.pref16 {
  top: 249px;
  right: 293px;
}

.pref16 a {
  background: url("../image/area16.png") no-repeat 0 0;
  width: 34px;
  height: 75px;
}

.pref16 a:hover {
  background: url("../image/area16_ov.png") no-repeat 0 0;
}

.pref17 {
  top: 247px;
  right: 329px;
}

.pref17 a {
  background: url("../image/area17.png") no-repeat 0 0;
  width: 34px;
  height: 77px;
}

.pref17 a:hover {
  background: url("../image/area17_ov.png") no-repeat 0 0;
}

.pref18 {
  top: 262px;
  right: 365px;
}

.pref18 a {
  background: url("../image/area18.png") no-repeat 0 0;
  width: 34px;
  height: 62px;
}

.pref18 a:hover {
  background: url("../image/area18_ov.png") no-repeat 0 0;
}

.pref19 {
  bottom: 182px;
  right: 257px;
}

.pref19 a {
  background: url("../image/area19.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref19 a:hover {
  background: url("../image/area19_ov.png") no-repeat 0 0;
}

.pref20 {
  bottom: 182px;
  right: 293px;
}

.pref20 a {
  background: url("../image/area20.png") no-repeat 0 0;
  width: 70px;
  height: 70px;
}

.pref20 a:hover {
  background: url("../image/area20_ov.png") no-repeat 0 0;
}

.pref21 {
  bottom: 182px;
  right: 365px;
}

.pref21 a {
  background: url("../image/area21.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref21 a:hover {
  background: url("../image/area21_ov.png") no-repeat 0 0;
}

.pref22 {
  bottom: 146px;
  right: 257px;
}

.pref22 a {
  background: url("../image/area22.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref22 a:hover {
  background: url("../image/area22_ov.png") no-repeat 0 0;
}

.pref23 {
  bottom: 146px;
  right: 329px;
}

.pref23 a {
  background: url("../image/area23.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref23 a:hover {
  background: url("../image/area23_ov.png") no-repeat 0 0;
}

.pref24 {
  bottom: 133px;
  right: 401px;
}

.pref24 a {
  background: url("../image/area24.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref24 a:hover {
  background: url("../image/area24_ov.png") no-repeat 0 0;
}

.pref25 {
  bottom: 204px;
  right: 401px;
}

.pref25 a {
  background: url("../image/area25.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref25 a:hover {
  background: url("../image/area25_ov.png") no-repeat 0 0;
}

.pref26 {
  top: 268px;
  right: 401px;
}

.pref26 a {
  background: url("../image/area26.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref26 a:hover {
  background: url("../image/area26_ov.png") no-repeat 0 0;
}

.pref27 {
  top: 304px;
  right: 437px;
}

.pref27 a {
  background: url("../image/area27.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref27 a:hover {
  background: url("../image/area27_ov.png") no-repeat 0 0;
}

.pref28 {
  top: 268px;
  right: 473px;
}

.pref28 a {
  background: url("../image/area28.png") no-repeat 0 0;
  width: 34px;
  height: 87px;
}

.pref28 a:hover {
  background: url("../image/area28_ov.png") no-repeat 0 0;
}

.pref29 {
  bottom: 133px;
  right: 437px;
}

.pref29 a {
  background: url("../image/area29.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref29 a:hover {
  background: url("../image/area29_ov.png") no-repeat 0 0;
}

.pref30 {
  left: 435px;
  top: 357px;
}

.pref30 a {
  background: url("../image/area30.png") no-repeat 0 0;
  width: 34px;
  height: 88px;
}

.pref30 a:hover {
  background: url("../image/area30_ov.png") no-repeat 0 0;
}

.pref31 {
  top: 268px;
  left: 364px;
}

.pref31 a {
  background: url("../image/area31.png") no-repeat 0 0;
  width: 69px;
  height: 34px;
}

.pref31 a:hover {
  background: url("../image/area31_ov.png") no-repeat 0 0;
}

.pref32 {
  left: 293px;
  top: 268px;
}

.pref32 a {
  background: url("../image/area32.png") no-repeat 0 0;
  width: 69px;
  height: 34px;
}

.pref32 a:hover {
  background: url("../image/area32_ov.png") no-repeat 0 0;
}

.pref33 {
  left: 364px;
  top: 304px;
}

.pref33 a {
  background: url("../image/area33.png") no-repeat 0 0;
  width: 69px;
  height: 34px;
}

.pref33 a:hover {
  background: url("../image/area33_ov.png") no-repeat 0 0;
}

.pref34 {
  top: 304px;
  left: 293px;
}

.pref34 a {
  background: url("../image/area34.png") no-repeat 0 0;
  width: 69px;
  height: 34px;
}

.pref34 a:hover {
  background: url("../image/area34_ov.png") no-repeat 0 0;
}

.pref35 {
  left: 257px;
  top: 268px;
}

.pref35 a {
  background: url("../image/area35.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref35 a:hover {
  background: url("../image/area35_ov.png") no-repeat 0 0;
}

.pref36 {
  bottom: 146px;
  left: 345px;
}

.pref36 a {
  background: url("../image/area36.png") no-repeat 0 0;
  width: 70px;
  height: 38px;
}

.pref36 a:hover {
  background: url("../image/area36_ov.png") no-repeat 0 0;
}

.pref37 {
  bottom: 186px;
  left: 345px;
}

.pref37 a {
  background: url("../image/area37.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref37 a:hover {
  background: url("../image/area37_ov.png") no-repeat 0 0;
}

.pref38 {
  bottom: 186px;
  left: 273px;
}

.pref38 a {
  background: url("../image/area38.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref38 a:hover {
  background: url("../image/area38_ov.png") no-repeat 0 0;
}

.pref39 {
  bottom: 147px;
  left: 273px;
}

.pref39 a {
  background: url("../image/area39.png") no-repeat 0 0;
  width: 70px;
  height: 37px;
}

.pref39 a:hover {
  background: url("../image/area39_ov.png") no-repeat 0 0;
}

.pref40 {
  left: 168px;
  top: 268px;
}

.pref40 a {
  background: url("../image/area40.png") no-repeat 0 0;
  width: 70px;
  height: 34px;
}

.pref40 a:hover {
  background: url("../image/area40_ov.png") no-repeat 0 0;
}

.pref41 {
  left: 168px;
  top: 304px;
}

.pref41 a {
  background: url("../image/area41.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref41 a:hover {
  background: url("../image/area41_ov.png") no-repeat 0 0;
}

.pref42 {
  left: 132px;
  top: 268px;
}

.pref42 a {
  background: url("../image/area42.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref42 a:hover {
  background: url("../image/area42_ov.png") no-repeat 0 0;
}

.pref43 {
  bottom: 132px;
  left: 168px;
}

.pref43 a {
  background: url("../image/area43.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref43 a:hover {
  background: url("../image/area43_ov.png") no-repeat 0 0;
}

.pref44 {
  bottom: 204px;
  left: 204px;
}

.pref44 a {
  background: url("../image/area44.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref44 a:hover {
  background: url("../image/area44_ov.png") no-repeat 0 0;
}

.pref45 {
  bottom: 132px;
  left: 204px;
}

.pref45 a {
  background: url("../image/area45.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref45 a:hover {
  background: url("../image/area45_ov.png") no-repeat 0 0;
}

.pref46 {
  bottom: 90px;
  left: 168px;
}

.pref46 a {
  background: url("../image/area46.png") no-repeat 0 0;
  width: 70px;
  height: 40px;
}

.pref46 a:hover {
  background: url("../image/area46_ov.png") no-repeat 0 0;
}

.pref47 {
  bottom: 85px;
  left: 115px;
}

.pref47 a {
  background: url("../image/area47.png") no-repeat 0 0;
  width: 34px;
  height: 70px;
}

.pref47 a:hover {
  background: url("../image/area47_ov.png") no-repeat 0 0;
}



/* マップ下ボタン */

.wrap_pref .btn_y_pref {
  position: relative;
}

.wrap_pref .btn_y_pref li {
  position: absolute;
  top: 4px;
}

.wrap_pref .btn_y_pref li:first-child {
  left: 229px;
}

.wrap_pref .btn_y_pref li:last-child {
  right: 214px;
}



/*--市区町村--*/

#select_city h2 {
  width: 942px;
  margin: 10px auto 0;
  padding-top: 5px;
  background: #052b58;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-weight: 800;
  line-height: 42px;
  text-align: left;
  text-indent: 1em;
}

#select_city h2 span {
  font-size: 0.7em;
  padding-left: 15px;
}

#select_city h3 {
  width: 890px;
  margin: 0 auto;
  background: url("../image/icon_ttl_city.png") no-repeat 10px 8px;
  color: #052b58;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 35px;
  text-align: left;
  text-indent: 25px;
}

.wrap_city {
  width: 936px;
  margin: 10px auto 0;
  padding-top: 20px;
  background: #f1f0e8;
  border: 2px solid #052b58;
  border-radius: 4px;
  text-align: left;
}

.map_city_table {
  width: 888px;
  padding: 20px 20px 25px;
  margin: 0 auto 20px;
  background: url("../image/bg_ttl_city.png") repeat-x top left;
  border-bottom: 1px dotted #052b58;
  box-sizing: border-box;
}

.map_city_table:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.map_city_table02 {
  width: 888px;
  padding: 20px 20px 25px;
  margin: 0 auto 20px;
  background: url("../image/bg_ttl_city.png") repeat-x top left;
  border-bottom: none;
  box-sizing: border-box;
}

.map_city_table02:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.map_city_table li,
.map_city_table02 li {
  float: left;
  width: 204px;
  height: 40px;
  margin: 10px 4px 0;
  padding: 0;
  text-align: left;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.map_city_table li > a,
.map_city_table02 li > a {
  display: inline-block;
  width: 204px;
  height: 40px;
  margin: 0;
  padding: 0;
  color: #000;
}

.map_city_table li .in_txt,
.map_city_table02 li .in_txt {
  float: left;
  display: inline-block;
  width: 204px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 40px;
  border: 2px solid #1674b6;
  border-radius: 6px;
  box-sizing: border-box;
  background: url("../image/mrk_srch_list.png") no-repeat 10px center,
  linear-gradient(to bottom, #fff 0%, #fff 30%, #e3f0f1 100%);
  background-size: 20px 20px, auto auto;
  line-height: 36px;
}

.map_city_table li a:hover > .in_txt,
.map_city_table02 li a:hover > .in_txt {
  border: 2px solid #f94a76;
  background: url("../image/mrk_srch_list_ov.png") no-repeat 10px center,
  linear-gradient(to bottom, #fff 0%, #fff 30%, #ffcbd5 100%);
  background-size: 20px 20px, auto auto;
  color: #666;
}

.map_city_table02 li,
.map_city_table02 li > a,
.map_city_table02 li .in_txt {
  width: 274px;
}

.map_city_table li.disabled,
.map_city_table02 li.disabled {
  box-shadow: none;
}

.map_city_table li.disabled .in_txt,
.map_city_table02 li.disabled .in_txt {
  color: #cbcbcb;
  border: 2px solid #cbcbcb;
  background: #fff url("../image/mrk_srch_list_gr.png") no-repeat 10px center;
  background-size: 20px 20px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .map_city_table li a:hover > .in_txt,
  .map_city_table02 li a:hover > .in_txt {
    color: #000;
  }
}

.map_city_table li.city_all,
.map_city_table02 li.city_all {
  width: 410px;
  margin-right: 0;
}

.map_city_table li.city_all > a,
.map_city_table02 li.city_all > a {
  width: 100%;
}

.map_city_table li.city_all .in_txt,
.map_city_table02 li.city_all .in_txt {
  float: left;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0 5px 0 0;
  /*padding:10px 8px 0 40px;
	line-height:1.2;*/
  text-align: left;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid #f31287;
  border-radius: 6px;
  box-sizing: border-box;
  background: url("../image/mrk_srch_list_all_pnk.png") no-repeat 10px center, linear-gradient(to bottom, #f58fb9 0%, #f57eb0 30%, #f44f98 100%);
  background-size: 20px 20px, auto auto;
}

.map_city_table li.city_all .in_txt.city_name_l,
.map_city_table02 li.city_all .in_txt.city_name_l {
  font-size: 15px;
}

.map_city_table li.city_all .in_txt span,
.map_city_table02 li.city_all .in_txt span {
  font-size: 20px;
}

.map_city_table li.city_all a:hover > .in_txt,
.map_city_table02 li.city_all a:hover > .in_txt {
  opacity: 0.7;
  color: #fff;
  font-weight: bold;
  border: 2px solid #f31287;
  background: url("../image/mrk_srch_list_all_pnk.png") no-repeat 10px center, linear-gradient(to bottom, #f58fb9 0%, #f57eb0 30%, #f44f98 100%);
  background-size: 20px 20px, auto auto;
}



/* 全体の一覧から見るボタン */

#map_city_top .map_city_table {
  background: none;
  border: none;
  padding: 10px 20px 15px;
}

#map_city_top .map_city_table li {
  margin: 0 4px;
}

.bnr_box {
  width: 750px;
  margin: 30px auto 0;
  text-align: center;
}

.bnr_box > figure > a > img {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
}

.bnr_box figcaption {
  margin: 5px auto;
  line-height: 1.4;
}

.select_route {
  display: block;
  width: 940px;
  margin: 15px auto 0;
  text-align: left;
  border-collapse: collapse;
}

.selectMenu.step3 + .select_route {
  width: 816px;
}

.select_route:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.select_route dt,
.select_route dd {
  float: left;
  margin: 0;
  padding: 0;
}

.select_route dt {
  margin: 0 10px 5px 0;
  height: 30px;
}

.select_route dd {
  margin: 0 10px 0 0;
  padding-left: 18px;
  height: 30px;
  line-height: 30px;
  font-size: 1.5em;
  font-weight: 800;
  background: url("../image/mrk_rt_arrow.png") no-repeat left center;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.select_route dd:nth-child(2) {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

.clear_both {
  clear: both;
}



/* 口コミから検索 */

.review_select .wrap_pref {
  background: url(/pub_review/image/bg_map.png) no-repeat 0 0;
}