@charset "utf-8";

/* ===============================================
  施設詳細共通
 ================================================ */

html {
  font-size: 62.5%;
}
body{
  font-size: 1.6rem;
}

/* -----------------------------------------------
 レイアウト
 ------------------------------------------------- */
#content {
  position: relative;
  width: 1000px;
  margin: 0 auto 40px;
  padding: 0;
}

#main {
  font-size: 1.5rem;
  line-height: 1.5;
  float: left;
  width: 660px;
  margin: 0;
  text-align: left;
  letter-spacing: .05em;
  word-wrap: break-word;
  word-break: break-all;
}

#side {
  margin-top: 0;
}

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

body #header_new.seitaisrch *,
body #header_new.seitaisrch ~ *,
body #header_new.seitaisrch + *,
body #header_new.seitaisrch ~ * *,
body #header_new.seitaisrch ~ * * > *,
body #header_new.seitaisrch ~ * * > * *,
body #header_new.seitaisrch ~ * > * {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "メイリオ", YuGothic, "游ゴシック", sans-serif;
}

/* -----------------------------------------------
 共通
 ------------------------------------------------- */
.cf::after {
  display: table;
  clear: both;
  content: "";
}

/* グレイ画像 リンク無効化　*/
a:hover img[src*="_gr."],
a:hover img[src*="_gray"] {
  opacity: 1;
  cursor: default;
}

/* レイアウト　中央単体 */
.cmn_center {
  margin: 20px auto 0;
  text-align: center;
}

.cmn_center > * {
  display: inline-block;
}

/* レイアウト　左右2列 リスト float */
.cmn_lst_2col {
  text-align: center;
}

.cmn_lst_2col ul {
  display: inline-block;
}

.cmn_lst_2col ul::after {
  display: table;
  clear: both;
  content: "";
}

.cmn_lst_2col li {
  float: left;
}

.cmn_lst_2col li:nth-child(even) {
  margin-right: 0;
}

/* レイアウト　左右2列 リスト inline-block */
.cmn_fig_2col {
  margin: 15px 0 -20px;
  text-align: center;
}

.cmn_fig_2col figure {
  display: inline-block;
  min-width: 250px;
  vertical-align: top;
  margin: 0 15px 20px;
}

.cmn_fig_2col figure a {
  display: inline-block;
}

.cmn_fig_2col .cap {
  width: 250px;
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px 0 0;
}

/* 飲食店 */
.c106 .io,
.c121 .io,
.c122 .io,
.c149 .io,
.c129 .io,
.c123 .io,
.c124 .io,
.c125 .io,
.c138 .io,
.c126 .io,
.c127 .io,
.c128 .io,
.c137 .io {
  top: -30px;
  left: -29px;
}

/* 工場 */
.plant.io {
  top: -30px !important;
  left: -240px !important;
}

/* -----------------------------------------------
 グローバルメニュー
 ------------------------------------------------- */
#main_menu_general {
  display: table;
  width: 647px;
  height: 32px;
  margin: 0 auto 15px;
  table-layout: fixed;
  text-align: center;
}

#main_menu_general ul {
  display: table-row;
  overflow: hidden;
  width: 100%;
}

#main_menu_general ul li {
  display: table-cell;
  height: 32px;
  text-align: center;
}

#main_menu_general ul li a {
  background: #e86697;
  background: -webkit-linear-gradient(top, #e86697 0%, #df4879 100%);
  background: linear-gradient(to bottom, #e86697 0%, #df4879 100%);
  border: 1px solid #b22e60;
  border-radius: 5px;
  box-shadow: 0 2px 6px 1px #d3d3d3;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  letter-spacing: .03em;
  line-height: 30px;
  margin-right: 5px;
  padding: 0 15px 0 10px;
  position: relative;
  text-indent: -2px;
}

#main_menu_general ul li a::before,
#main_menu_general ul li a::after {
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}

#main_menu_general ul li a::after {
  border: 4px solid transparent;
  border-top: 6px solid #fff;
  box-sizing: border-box;
  height: 10px;
  right: 4px;
  top: 6px;
  width: 8px;
}

#main_menu_general ul li.gn_back a {
  background: #fff7f8;
  background: -webkit-linear-gradient(top, #fff7f8 0%, #f9cddc 100%);
  background: linear-gradient(to bottom, #fff7f8 0%, #f9cddc 100%);
  border: #da5082 solid 1px;
  color: #d32768;
  line-height: 30px;
  padding: 0;
  text-indent: 21px;
  white-space: nowrap;
}
#main_menu_general ul li.gn_back a::after {
  content: none;
}

#main_menu_general ul li.gn_back a::before {
  background: url(/search/image/dtl_new/icon_gn_back_02.png) no-repeat;
  height: 14px;
  left: 9px;
  top: 8px;
  margin: 0;
  width: 14px;
  background-size: contain;
}

#main_menu_general ul li.gn_back a::after {
  border: none;
  height: 0;
  width: 0;
}

#main_menu_general ul li a:hover {
  opacity: .7;
}

#main_menu_general ul li:last-child a {
  margin-right: 0;
}

/* メニューが一つのみ */
#main_menu_general ul li:first-child:last-child a {
  display: inline-block;
  width: 211px;
  padding: 0;
}

/* -----------------------------------------------
 ナビ下の周辺賃貸
 ------------------------------------------------- */
#btn_ar_srch_data a {
  width: 100%;
}

.bnr_hm_syuhen {
  background: #fff;
  border-radius: 5px;
  border: 2px solid #ea4f7a;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  box-sizing: border-box;
  margin: 22px auto 11px;
  width: 600px;
}

.bnr_hm_syuhen a {
  background: #fdeaf0 url(/search/image/dtl_new/bnr_around_rent_photo_w410.png) no-repeat 103% 50%/27.5%;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  position: relative;
  width: 100%;
}

.bnr_hm_syuhen .ttl {
  width: 100%;
}

.bnr_hm_syuhen a:hover .ttl img {
  opacity: 1;
}

.bnr_hm_syuhen .inner {
  align-items: center;
  display: flex;
  box-sizing: border-box;
  padding: 1% 2%;
  transition: all 300ms 0s ease;
}
.bnr_hm_syuhen .inner .head{
  width: 114px;
}
.bnr_hm_syuhen .inner .inner_in{
  width: 300px;
  padding: 0 0 0 20px;
}

.bnr_hm_syuhen a:hover {
  opacity: .7;
}

.bnr_hm_syuhen .name {
  color: #205733;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: .05rem;
  max-width: 100%;
  margin-right: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.bnr_hm_syuhen .add_txt {
  vertical-align: middle;
}

.bnr_hm_syuhen .lnk_btn {
  background: url(/search/image/dtl_new/bg_bnr_around_rent_btn.png) no-repeat 2px top/100%;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

/* -----------------------------------------------
 パンくずリスト
 ------------------------------------------------- */

#siteroute {
  width: 970px;
}

/* ---------------------------------------
 siteroute　施設詳細・施設一覧のみ対応
--------------------------------------- */
#siteroute li:not([class]):last-child > a span,
.breadcrumb li:not([class]):last-child > a span,
#siteroute li .last_crumbs,
.breadcrumb li .last_crumbs,
#siteroute li span, .breadcrumb li span {
  font-size: 16px;
}

/* -----------------------------------------------
 「施設一覧に戻る」ボタン
 ------------------------------------------------- */
.btn_ichiran {
  width: 184px;
  margin: 4px 0 10px auto;
}

/* -----------------------------------------------
 「施設からの経路」ボタン
 ------------------------------------------------- */
 .btn_access_route a {
  align-items: center;
  background: #fff;
  border: 1px solid #0f3486;
  border-radius: 5px;
  box-sizing: border-box;
  color: #0f3486;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  font-feature-settings: "palt" 1;
  font-weight: 600;
  letter-spacing: initial;
  padding: 4px 8px 4px 7px;
  position: relative;
  min-width: 178px;
  white-space: nowrap;
}

.btn_access_route a:hover {
  opacity: .7;
}

.btn_access_route a::before,
.btn_access_route a::after {
  content: "";
  display: block;
}

.btn_access_route a::before {
  background: url(/search/image/dtl_new/ico-search-route-s26.png) no-repeat center;
  background-size: 13px 13px;
  height: 13px;
  width: 13px;
  margin-right: 7px;
}

.btn_access_route a::after {
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #0f3486;
  content: "";
  height: 0;
  width: 0;
  margin-left: 3px;
}

/* -----------------------------------------------
 カテゴリ　と　エリア
 ------------------------------------------------- */
.mod_cate_info {
  margin: 30px 23px 10px;
}

.mod_cate_info .icon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

.mod_cate_info .area {
  line-height: 26px;
  position: relative;
  display: inline-block;
  float: left;
  padding: 0 0 0 30px;
}

.mod_cate_info .cate {
  display: inline-block;
  float: right;
}

.mod_cate_info .cate .parent {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  display: block;
  float: right;
  height: 24px;
  margin: 0 1px 0 0;
  padding: 0 9px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  background: #e24a79;
  box-shadow: 0 0 0 1px #e24a79;
}

.mod_cate_info .cate .current {
  line-height: 26px;
  position: relative;
  float: right;
  padding: 0 22px 0 30px;
}

/* ---------------------------------------
 最下部アニメーション(Canvasアニメーション対応)
 ---------------------------------------- */
* > #bottomanimation {
  clear: both;
  overflow: hidden;
  padding-top: 20px;
}

* > #bottomanimation #flaarea {
  display: block;
  overflow: hidden;
  width: 998px;
  height: 98px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

* > #bottomanimation #steelimgarea {
  display: block;
  overflow: hidden;
  width: 1000px;
  height: 100px;
  margin: 0 auto;
}

/*------------------------------------
 優秀写真作品集 バナー
-------------------------------------*/
.photo_album2 {
  width: 540px;
  margin: 0 auto 25px;
  padding: 20px 20px 15px;
  background-color: #f1fbe2;
}

.photo_album2 p {
  font-size: 15px;
  margin: 10px 0;
  padding: 0 15px;
  color: #555;
  letter-spacing: .17em;
}

.photo_album2 .btn_list {
  font-size: 0;
  width: 412px;
  margin: 0 auto;
  text-align: center;
}

.photo_album2 .btn_list li {
  display: inline-block;
  width: 190px;
  height: 50px;
}

.photo_album2 .btn_list li:nth-child(2n + 1) {
  margin-right: 29px;
}

.photo_album2 .btn_list li.btn_wide {
  margin: 0 110px;
}

/*3並び　4並び*/
.photo_album2 .btn_list.col_s {
  width: 100%;
}

.photo_album2 .btn_list.col_s li {
  width: auto;
  margin: 0 1px;
}

/* ===============================================
 ページ固有部分
 ================================================ */
/* ---------------------------------------
 汎用スタイル
 ---------------------------------------- */
.nobr {
  white-space: nowrap;
}

/*バナー画像に枠線*/
a img.bnr_border {
  border: solid 1px #555;
}

/* ---------------------------------------
 関連サイトバナー mod_bnrlst
---------------------------------------- */
.mod_bnrlst {
  margin: 18px auto 0;
  position: relative;
  text-align: center;
}

.mod_bnrlst_mb {
  margin-bottom: -15px;
}

.box_special_bnr {
  margin: 25px auto -20px;
  text-align: center;
}

.mod_bnrlst + .read_pikaapp {
  border-top: 2px solid #8cb010;
  padding-top: 30px;
}

.mod_lnk_dict + .mod_bnrlst,
.mod_lnk_glo + .mod_bnrlst {
  padding-bottom: 0;
}

.mod_bnrlst .bnr,
.box_special_bnr .bnr {
  display: inline-block;
  position: relative;
}

.box_special_bnr .bnr {
  margin-top: 20px;
}

.mod_bnrlst .bnr img{
  vertical-align: middle;
}

.box_special_bnr .bnr:first-child {
  margin-top: 0;
}

.mod_bnrlst .sp_bnr .bnr:first-child,
.box_special_bnr .sp_bnr .bnr:first-child {
  margin-top: inherit;
}

.mod_bnrlst .bnr:nth-child(n + 2),
.box_special_bnr.bnr:nth-child(n + 2) {
  margin-top: 20px;
}

.mod_bnrlst .cap,
.box_special_bnr .cap {
  font-size: 15px;
  line-height: 1.4em;
  margin: 5px auto 0;
  max-width: 450px;
  text-align: left;
}
.mod_bnrlst .cmn_banner {
  margin-bottom: 20px;
}
.mod_bnrlst.bnr_free_pr .bnr:first-child:last-child a {
  display: inline-block;
}

.mod_bnrlst .bnr.kodokan a {
  margin: 0 auto;
  width: 500px;
}

/* グループサイトバナー mod_bnrlst_mini */
.mod_bnrlst_mini {
  margin: 25px auto 10px;
  text-align: center;
}

.mod_bnrlst_mini figure {
  display: inline-block;
  margin: 0 10px;
}

.mod_bnrlst_mini figure:nth-of-type(n + 2) {
  margin-top: 0;
}

.mod_bnrlst_mini figure:last-of-type {
  margin-top: 20px;
}

.mod_bnrlst_mini figcaption {
  letter-spacing: .03em;
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px 0 0;
}

/* 歌舞伎顔見世レポート */
.mod_kaomise {
  margin: 20px auto 0;
  width: 450px;
}

.mod_kaomise dt {
  line-height: 0;
}

.mod_kaomise dd {
  background: #faf7eb;
  border: 1px solid #8a640b;
}

.mod_kaomise dd p {
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
}

.mod_kaomise dd ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  margin: 0 auto 10px;
  width: 450px;
}

.mod_kaomise dd li a {
  background: #a98907;
  background: -webkit-linear-gradient(top, #a98907 0%, #a08006 100%);
  background: linear-gradient(to bottom, #a98907 0%, #a08006 100%);
  border: 1px solid #6d5700;
  border-radius: 3px;
  box-shadow: 0 1px 2px 1px rgba(4, 0, 0, .25);
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  height: 35px;
  line-height: 34px;
  margin: 15px 0;
  padding-right: 13px;
  position: relative;
  text-align: center;
  width: 205px;
}
.mod_kaomise dd li a::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 0 5px 9px;
  bottom: 0;
  content: "";
  height: 0;
  margin: auto;
  position: absolute;
  right: 6px;
  top: 0;
  width: 0;
}

.mod_kaomise dd li a:hover {
  opacity: .7;
}

/* グループサイトバナー mod_groupsite_bnr */
.mod_groupsite_bnr {
  text-align: center;
}

.mod_groupsite_bnr figure {
  display: inline-block;
  width: 254px;
  margin: 0 10px 25px;
}

.mod_groupsite_bnr figure img {
  width: 254px;
}

.mod_groupsite_bnr figure:nth-of-type(2) img {
  border: #f7e72f 1px solid;
  box-sizing: border-box;
}

/* 横並びバナー */
.cmn_banner:has(.bnr1_2) {
  margin-left: -15px;
  margin-right: -15px;
}
.cmn_banner .bnr1_2 {
  margin: 0 15px !important;
  vertical-align: top;
  width: 300px;
}

/* 区切り線なし */
.mod_bnrlst.sty_noline {
  padding-top: 0;
}

.mod_bnrlst.sty_noline::before {
  content: none;
}

/* お出かけ特集バナー */
.mod_bnrlst .sp_bnr {
  background: #f8f8e4;
  margin: 0 auto;
  padding: 20px 0;
}

.box_special_bnr .sp_bnr {
  background: #f8f8e4;
  margin: 20px auto 0;
  padding: 0 0 20px;
}

.mod_bnrlst .sp_bnr .bnr.new::before {
  background: url("/image_cmn/icon_new.png") no-repeat 0 0;
  content: "";
  height: 20px;
  left: 5px;
  position: absolute;
  top: -4px;
  width: 36px;
  z-index: 1;
}

.sp_bnr_inner {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  margin: 0 auto 5px;
  padding: 10px 35px 15px;
  width: 620px;
}

#js-slick-spbnr .sp_bnr_inner {
  border: 1px solid #bdd485;
}

.sp_bnr_inner figure {
  padding-left: 7px;
  padding-top: 10px;
  padding-right: 7px;
  position: relative;
  vertical-align: top;
}

.sp_bnr_inner .bnr:nth-child(n + 2) {
  margin-top: 0;
}

.sp_bnr_inner .bnr.new::before {
  background: url("/image_cmn/icon_new.png") no-repeat 0 0;
  content: "";
  height: 20px;
  left: 12px;
  position: absolute;
  top: 6px;
  width: 36px;
  z-index: 1;
}

/* スライド */
.js_slick_sp {
  padding-bottom: 20px;
  position: relative;
}
.js_slick_sp .slick-list {
  width: 84%;
  margin: 0 auto;
}
.mod_bnrlst .js_slick_sp .slick-list {
  width: auto;
  margin: 0 auto;
}

.js_slick_sp .bnr {
  margin: 20px 20px 0;
  width: 260px;
}

.mod_bnrlst .js_slick_sp .bnr {
  margin: 20px 2px 0;
  width: 260px;
}

/* トグルボタン */
.js_slick_sp button {
  border: none;
  padding: 0;
}

.js_slick_sp .btn_carousel {
  bottom: 5px;
  overflow: hidden;
  position: absolute;
  right: 20px;
}

.js_slick_sp .btn_toggle {
  bottom: 5px;
  display: none;
  overflow: hidden;
  position: absolute;
  right: 20px;
}

.js_slick_sp .btn_carousel:hover img,
.js_slick_sp .btn_toggle:hover img {
  opacity: .8;
}

/* カルーセル左右矢印 */
.js_slick_sp .slick-arrow {
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 100%;
  left: 0;
  line-height: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 25px;
  z-index: 1;
}

.js_slick_sp .slick-next {
  left: auto;
  right: 0;
}

.js_slick_sp .slick-arrow:hover,
.js_slick_sp .slick-arrow:focus {
  background: transparent;
  color: transparent;
  outline: none;
}

.js_slick_sp .slick-arrow:hover::before,
.js_slick_sp .slick-arrow:focus::before {
  opacity: 1;
}

.js_slick_sp .slick-arrow::before {
  background: #b4cf72 url(/image_cmn/btn_slick_carousel.png) no-repeat center;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 25px;
}

.js_slick_sp .slick-next::before {
  transform: rotate(180deg);
}

/* Dots */
.js_slick_sp .slick-dots {
  bottom: -29px;
  display: block;
  height: 20px;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.js_slick_sp .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 0 5px;
  padding: 0;
  position: relative;
  width: 20px;
}

.js_slick_sp .slick-dots li button {
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
  display: block;
  height: 20px;
  outline: none;
  padding: 5px;
  width: 20px;
}

.js_slick_sp .slick-dots li button:hover,
.js_slick_sp .slick-dots li button:focus {
  outline: none;
}

.js_slick_sp .slick-dots li button:hover::before,
.js_slick_sp .slick-dots li button:focus::before {
  background: #8c7446;
}

.js_slick_sp .slick-dots li button::before {
  background: #cac09a;
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 10px;
}

.js_slick_sp .slick-dots li.slick-active button::before {
  background: #69940d;
}

/* ---------------------------------------
 ページトップへ
 ---------------------------------------- */
#btn_pagetop {
  position: fixed;
  z-index: 100;
  right: 30px;
  bottom: 30px;
  display: none;
  width: 90px;
  border-radius: 6px;
  background: url(/search/image/dtl_new/bg_pagetop_btn.png) no-repeat 0 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  cursor: pointer;
  transition: background 200ms linear;
}

#btn_pagetop:hover {
  background-position: 0 -50px;
}

/* ---------------------------------------
 ページ上部　施設名BOX　facility_name
 ---------------------------------------- */
.facility_name {
  line-height: 1;
  position: relative;
  min-height: 146px;
  width: 649px;
  margin: 15px 6px 19px;
  box-shadow: 0 6px 8px 0 #9a9a9a;
}

/* BOX 上枠 */
.facility_name::before {
  position: absolute;
  top: -6px;
  left: -6px;
  display: block;
  width: 660px;
  height: 60%;
  background: url(/search/image/dtl_new/img_fa_name_line_top_gold.png) no-repeat center top;
  content: "";
}

/* BOX 下枠 */
.facility_name::after {
  position: absolute;
  bottom: -4px;
  left: -6px;
  display: block;
  width: 660px;
  height: 60%;
  background: url(/search/image/dtl_new/img_fa_name_line_btm_gold.png) no-repeat center bottom;
  content: "";
}

.facility_name > .facility_name_inner {
  padding: 17px 24px 30px;
}

.facility_name .fn_cate {
  display: inline-block;
  line-height: 1.5;
}

.facility_name .fn_cate dt {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  z-index: 100;
  display: block;
  float: right;
  height: 24px;
  margin: 1px 1px 0 0;
  padding: 0 9px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  background: #e24a79;
  box-shadow: 0 0 0 1px #e24a79;
}

.facility_name .fn_cate dd {
  line-height: 24px;
  position: relative;
  float: right;
  overflow: hidden;
  padding: 0 12px 0 29px;
  white-space: nowrap;
}

.facility_name .fn_cate dd .icon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.facility_name .fn_cate dd .icon img {
  height: 806px;
  width: 364px;
}

.facility_name .location {
  display: inline-block;
  line-height: 24px;
  position: relative;
  padding: 0 0 0 29px;
}

.facility_name .location .icon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.facility_category_name {
  display: inline-block;
}

.facility_category_name:first-child {
  margin-left: -4px;
}

.facility_category_name:last-child {
  margin-left: -6px;
}

.facility_name .location .icon img {
  height: 806px;
  width: 364px;
}

.facility_name .facility_icon_recommend {
  display: block;
  height: 25px;
  left: 54px;
  position: absolute;
  top: 46px;
  margin-bottom: 8px;
}

.facility_header .main_ttl {
  font-size: 234%;
  display: block;
  clear: both;
}

.facility_name .facility_icon_recommend + .main_ttl {
  margin-top: 37px;
}

.facility_header .main_ttl a:hover {
  color: #f00;
}

/* 施設名が短い場合に、クラス追加 */
.facility_name .ttl_short {
  width: 350px;
  text-align: center;
  padding-left: 0 !important;
}

.facility_name .ttl_short + span {
  width: 305px;
  text-align: center;
}

.pickup_ribbon {
  letter-spacing: normal;
  font-weight: 600;
  width: 159px;
  height: 44px;
  line-height: 44px;
  margin: 3px 0 -20px 28px;
  padding: 0 12px;
  color: #fff;
  background: url(/search/image/dtl_new/bg_pickup_crown.png) no-repeat 0 0;
  text-align: center;
}

.facility_header .main_ttl.link {
  padding: 0 0 0 30px;
  background: url(/search/image/dtl_new/mrk_click.png) no-repeat 0 9px;
}

.mobile .pickup_ribbon {
  width: 116px;
}

.facility_name .main_ttl {
  font: 2.8rem/1.2 "游ゴシック", "メイリオ", Meiryo, sans-serif;
  position: relative;
  z-index: 5;
  margin: 24px 40px 3px;
  padding-left: 18px;
  color: #003092;
  letter-spacing: .01em;
}

.facility_name .main_ttl + span {
  font-size: 12px;
  display: block;
  margin: 0 62px 3px;
  color: #666;
}

.facility_name .main_ttl.link {
  padding: 0 0 0 30px;
  background: url(/search/image/dtl_new/mrk_click.png) no-repeat 0 9px;
}

.facility_name .whole_country_ttl .main_ttl {
  margin: 24px 40px 3px 36px;
  padding-left: 0;
  text-align: left;
}
.facility_name .whole_country_ttl .main_ttl.link {
  padding-left: 30px !important;
}

/* h1上 アイコン用 */
.facility_name .ttl_short {
  width: 350px;
  padding-left: 24px !important;
  text-align: left;
}
.facility_name .onsen_hotel_icon {
  padding-left: 30px;
  padding-top: 2px;
  margin-bottom: -20px;
}

.facility_name .main_ttl .lbl_100sen_wrap {
  display: flex;
}

.facility_name .main_ttl .lbl-100sen {
  display: block;
  height: 25px;
  margin: -19px 15px 6px -2px;
  width: 150px;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-garden {
  background: url(/search/image/dtl_new/icon-100sen-garden.png) no-repeat 0 0 / contain;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-castle {
  background: url(/search/image/dtl_new/icon-100sen-castle.png) no-repeat 0 0 / contain;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-museum {
  background: url(/search/image/dtl_new/icon-100sen-museum.png) no-repeat 0 0 / contain;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-onsen {
  background: url(/search/image/dtl_new/icon-100sen-onsen.png) no-repeat 0 0 / contain;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-shrine {
  background: url(/search/image/dtl_new/icon-100sen-shrine.png) no-repeat 0 0 / contain;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-spot {
  background: url(/search/image/dtl_new/icon-100sen-spot.png) no-repeat 0 0 / contain;
}

.facility_name .main_ttl .lbl-100sen.is-100sen-templ {
  background: url(/search/image/dtl_new/icon-100sen-temple.png) no-repeat 0 0 / contain;
}

/* 全国の関連リンク　表示 */
.facility_name .whole_country {
  position: relative;
  z-index: 5;
  margin: 18px 0 0 20px;
}
.facility_name .whole_country.whole_country_btn {
  margin: 16px 0 0 39px;
}

.facility_name .whole_country li {
  line-height: 1.8em;
}

.facility_name .whole_country.whole_country_btn li a {
  align-items: center;
  background-color: #fff8fa;
  border: 1px solid #e34a7a;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  box-sizing: border-box;
  color: #e34a7a;
  display: flex;
  font-size: 15px;
  font-feature-settings: "palt";
  letter-spacing: .04em;
  line-height: 1.2;
  min-height: 30px;
  padding: 4px 7px 4px 20px;
  width: fit-content;
}
.facility_name .whole_country.whole_country_btn li a::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #e34a7a;
  content: '';
  height: 0;
  margin-left: 17px;
  width: 0;
}
.facility_name .whole_country.whole_country_btn li a:hover {
  opacity: .7;
}

/* グループ店舗・オフィス/工場　リンク表示 */
.facility_name .branch_list {
  font-size: 17px;
  position: relative;
  z-index: 5;
  overflow: hidden;
  margin: 15px 0 -2px;
}

.facility_name .branch_list .icon {
  position: relative;
  display: block;
  float: left;
  margin: 0 6px 0 0;
}

.facility_name .branch_list .icon img {
  position: absolute;
  top: 0;
  left: -30px;
}

.facility_name .branch_list a {
  line-height: 24px;
  display: block;
  float: left;
  height: 24px;
  color: #e34a7a;
}

.facility_name .branch_list a:hover {
  color: #ff002f;
}

.facility_name .branch_list ul {
  position: relative;
}

.facility_name .branch_list ul li {
  font-weight: 600;
  display: inline-block;
  margin: 0 10px 0 0;
}

/* iPad */
@media screen and (max-device-width: 1024px) {
  .facility_name .branch_list {
    font-size: 19px;
  }
}

/*--- 乗り入れ路線表示　交通アクセス ----*/
.facility_name dl.routes {
  line-height: 24px;
  overflow: hidden;
  margin: 12px 0 0;
}

.facility_name dl.routes dt {
  float: left;
  margin: 0 0 0 29px;
  color: #e34a7a;
}

.facility_name dl.routes dt::after {
  padding: 0 0 0 5px;
  content: "：";
}

.facility_name dl.routes dt i {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding-right: 9px;
}

.facility_name dl.routes dd {
  float: left;
  padding: 0 0 0 5px;
}

@media screen and (max-device-width: 1024px) {
  .facility_name dl.routes dt::after {
    padding: 0;
  }

  .facility_name dl.routes dd {
    padding: 0;
  }
}

/* ---------------------------------------
 ページ上部　有料化施設名BOX　paid_facility
卍
 ---------------------------------------- */
 .facility_name.paid_facility {
  width: 993px;
  min-height: 149px;
  box-shadow: none;
 }

 /* BOX 上枠 */
.facility_name.paid_facility::before {
  width: 1000px;
  background: url(/search/image/dtl_new/img_fa_name_line_top_gold_long.png) no-repeat center top;
  background-size: 100%;
  content: "";
}

/* BOX 下枠 */
.facility_name.paid_facility::after {
  width: 1000px;
  background: url(/search/image/dtl_new/img_fa_name_line_btm_gold_long.png) no-repeat center bottom;
  background-size: 100%;
  content: "";
}
.facility_name.paid_facility > .facility_name_inner{
  padding: 17px 24px 24px;
  text-align: left;
}
.facility_name.paid_facility .pickup_ribbon{
  position: absolute;
  font-size: 0;
  width: 112px;
  height: 132px;
  left: 31px;
  top: 10px;
  margin: 0;
  padding: 0;
  background: none;
  z-index: 99;
}
.facility_name.paid_facility .pickup_ribbon img{
  margin: 0;
}
.facility_name.paid_facility .main_ttl + span{
  font-size: 15px;
  display: block;
  margin: 5px 0 3px;
  padding-left: 9.5em;
  text-align: left;
}
.facility_name.paid_facility .main_ttl{
  margin: 18px 100px 3px 142px;
  padding: 0;
  font-weight: 600;
  text-align: left;
}
.facility_name.paid_facility .main_ttl.link{
  background: url(/search/image/dtl_new/mrk_click.png) no-repeat left center;
  
  padding: 0 0 0 30px;
}
.facility_name.paid_facility .location{
  margin-top: 2px;
  margin-left: 142px;
  margin-bottom: 1px;
  text-align: left;
  font-size: 16px;
  padding: 0 0 0 35px;
}
.facility_name.paid_facility .location .icon img{
  margin: 0;
}
 .facility_name.paid_facility .fn_cate {
  font-size: 16px;
}
.facility_name.paid_facility .fn_cate dd{
  padding: 0 2em 0 35px;
  margin-top: 2px;
  font-size: 16px;
}

/* -----------------------------------------
　評価ポイント表示　施設名BOX内
-------------------------------------------*/
/* ---　人気ポイント　----*/
.popular_point {
  height: 40px;
  margin: 10px 0 0 55px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.popular_point dt {
  background: #ffa3bd;
  border-radius: 5px 0 0 5px;
  float: left;
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 10px;
}

.popular_point dd {
  background: #ffeff1;
  border-radius: 0 5px 5px 0;
  float: left;
  font-size: 12px;
  height: 40px;
  line-height: 48px;
  overflow: hidden;
  padding: 0 15px 0 10px;
}

.popular_point dd span {
  color: #f00;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

/* ---- 星 -----*/
.popular_point .star {
  background: url("/search/image/dtl_new/img_rating_5.png") no-repeat 0 -30px;
  background-size: 132px 75px;
  float: left;
  height: 30px;
  margin: 4px 0 0;
  overflow: hidden;
  width: 132px;
}

.popular_point .star span {
  display: inline-block;
  height: 30px;
  overflow: hidden;
  margin: 0;
}

.popular_point .star span.rating_half {
  width: 15px;
}

.popular_point .star span.rating_1 {
  width: 32px;
}

.popular_point .star span.rating_1_5 {
  width: 45px;
}

.popular_point .star span.rating_2 {
  width: 57px;
}

.popular_point .star span.rating_2_5 {
  width: 70px;
}

.popular_point .star span.rating_3 {
  width: 82px;
}

.popular_point .star span.rating_3_5 {
  width: 95px;
}

.popular_point .star span.rating_4 {
  width: 107px;
}

.popular_point .star span.rating_4_5 {
  width: 120px;
}

.popular_point .star span.rating_5 {
  width: 132px;
}

/*----- 評価未達成 -----*/
.popular_point .point_none {
  padding: 0 10px;
  line-height: 37px;
}

.popular_point .point_none span img {
  vertical-align: middle;
}

/* ---------------------------------------
 診療科目　medical_items　病院カテゴリ
 ---------------------------------------- */
.medical_items {
  display: table;
  overflow: hidden;
  margin: 0;
}

.medical_items .data {
  padding: 15px 0 5px 14px;
  overflow: hidden;
  width: 100%;
}

/* 診療科目リスト */
.medical_items ul {
  font-size: 0;
  margin: 0;
  width: 100%;
}

.medical_items ul li {
  background: none;
  font-size: 16px;
  display: inline-block;
  height: 28px;
  margin: 0 9px 8px 0;
  padding: 0;
}
.medical_items ul li:first-child {
  margin-left: 0;
}
.medical_items ul li a {
  display: inline-block;
  position: relative;
  border-radius: 4px;
  border-width: 1px;
  border-bottom-width: 3px;
  border-style: solid;
  box-sizing: border-box;
  background: #ffe0e9;
  color: #000;
  font-feature-settings: "palt" 1;
  height: 28px;
  letter-spacing: .05em;
  line-height: 24px;
  padding: 0 20px 0 8px;
  text-align: center;
  vertical-align: middle;
}
.medical_items ul li a:hover {
  opacity: .8;
}
.medical_items ul li a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 6px;
}
/* spnaタグ対応 */
.medical_items ul li span {
  line-height: 28px;
  display: inline-block;
  height: 28px;
  padding: 0 8px 0;
  color: #000;
  border-radius: 5px;
  background: #b7b7b7;
  text-align: center;
}
/* no_link */
.medical_items ul li.no_link {
  box-sizing: border-box;
  background: #b7b7b7;
  font-size: 100%;
  line-height: 28px;
  position: relative;
  height: 28px;
  margin: 0 8px 4px 0;
  padding: 0 8px 0;
  color: #000;
  border: none;
  text-align: center;
}
.medical_items ul li a[href*="javascript:void(0)"] {
  color: #000;
  background: #b7b7b7;
  pointer-events:none;
}
.medical_items ul li a[href*="javascript:void(0)"]:hover {
  color: #000;
  background: #b7b7b7;
  opacity: 1;
}

/* 救急病院 */
.medical_items ul .bg_color {
  background: none;
}
.medical_items ul .bg_color a {
  border: none;
  background: #e65481;
  color: #fff;
}

/* 診療科目 */
.medical_items ul li.bg_color_type01 a {
  border-color: #ec5c85;
  background: #ffe0e9;
}
.medical_items ul li.bg_color_type02 a {
  border-color: #2fa08c;
  background: #d2f7f1;
}
.medical_items ul li.bg_color_type03 a {
  border-color: #f2b64c;
  background: #fdefd5;
}
.medical_items ul li.bg_color_type04 a {
  border-color: #b168da;
  background: #f1e4f9;
}
.medical_items ul li.bg_color_type05 a {
  border-color: #59a175;
  background: #dcf8d2;
}
.medical_items ul li.bg_color_type06 a {
  border-color: #c2c557;
  background: #fdfedc;
}
.medical_items ul li.bg_color_type07 a {
  border-color: #4391c9;
  background: #e3f2fc;
}
.medical_items ul li.bg_color_type08 a {
  border-color: #ff5252;
  background: #ffe6e0;
}
.medical_items ul li.bg_color_type09 a {
  border-color: #ea7a53;
  background: #fde8de;
}
.medical_items ul li.bg_color_type10 a {
  border-color: #046a2c;
  background: #b3e3c5;
  border-bottom-color: #046a2c;
}
.medical_items ul li.bg_color_type11 a {
  border-color: #a92332;
  background: #eeaeb5;
  border-bottom-color: #a92332;
}
.medical_items ul li.bg_color_type12 a {
  border-color: #9c6c11;
  background: #eccd93;
  border-bottom-color: #9c6c11;
}
.medical_items ul li.bg_color_type13 a {
  border-color: #fc6a6d;
  background: #ffd8de;
}
.medical_items ul li.bg_color_type13 a::after {
  border-color: transparent transparent transparent #000;
}
.medical_items ul li.bg_color_type14 a {
  border-color: #0c7474;
  background: #95e2e2;
  border-bottom-color: #0c7474;
}

.medical_items ul li.bg_color_type01 a::after {
  content: "";
  border-color: transparent transparent transparent #ec5c85;
}
.medical_items ul li.bg_color_type02 a::after {
  content: "";
  border-color: transparent transparent transparent #2fa08c;
}
.medical_items ul li.bg_color_type03 a::after {
  content: "";
  border-color: transparent transparent transparent #f2b64c;
}
.medical_items ul li.bg_color_type04 a::after {
  content: "";
  border-color: transparent transparent transparent #b168da;
}
.medical_items ul li.bg_color_type05 a::after {
  content: "";
  border-color: transparent transparent transparent #59a175;
}
.medical_items ul li.bg_color_type06 a::after {
  content: "";
  border-color: transparent transparent transparent #c2c557;
}
.medical_items ul li.bg_color_type07 a::after {
  content: "";
  border-color: transparent transparent transparent #4391c9;
}
.medical_items ul li.bg_color_type10 a::after {
  content: "";
  border-color: transparent transparent transparent #046a2c;
}
.medical_items ul li.bg_color_type11 a::after {
  content: "";
  border-color: transparent transparent transparent #a92332;
}
.medical_items ul li.bg_color_type12 a::after {
  content: "";
  border-color: transparent transparent transparent #9c6c11;
}
.medical_items ul li.bg_color_type14 a::after {
  content: "";
  border-color: transparent transparent transparent #0c7474;
}
/* -----------------------------------------------
 ページ　メインタイトル下　リード文
 ------------------------------------------------- */
.mod_main_lead {
  font-size: 1.6rem;
  line-height: 1.4;
  width: 630px;
  margin: 15px auto 10px;
}

/* ---------------------------------------
 投稿写真（メイン）BOX post_box
 ---------------------------------------- */
/* ==== タイトル ======*/
.ttl_post_box {
  box-sizing: border-box;
  line-height: 2em;
  margin: 30px 0 5px;
  padding: 0 25px 5px;
  text-align: center;
  word-break: keep-all;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-feature-settings: "palt";
}

.ttl_post_box > span {
  font-size: 22px;
  font-weight: 600;
  color: #e00;
}
.ttl_post_box .nobr{
  white-space: normal;
  display: inline-block;
}

.ttl_post_box span {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
}

.ttl_post_box .shisetsuname{
  display: inline;
}


/* ==== post_box ======*/
.post_box {
  width: 659px;
  margin: 25px 0 25px;
  padding: 10px 0 12px;
  border: 2px solid #199942;
  background: #f9fff8;
  text-align: center;
}

/* ==== 投稿数なしの場合 ======*/
.post_box .new_photo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-height: 630px;
  margin: 5px 0 0 0;
}

.post_box .new_photo > img {
  display: block;
  visibility: hidden;
  margin: 0 auto;
}

.post_box .new_photo.landscape > img {
  width: 628px;
  height: auto;
}

/*東建関連*/
.landscape .io {
  left: 0;
  top: 2px;
}

.post_box .new_photo.landscape img.io {
  width: 300px;
  height: auto;
}

.post_box .new_photo.portrait > img {
  width: auto;
  height: 630px;
}

.post_box .new_photo > img.photo {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 197px;
  height: 40px;
}

.post_box .new_photo > img.illust {
  width: 400px;
  border: 2px solid #ccc;
}

/* 施設名キャプション */
.post_box .new_photo span {
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  padding: 4px 14px 4px 34px;
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  white-space: nowrap;
}

.post_box .new_photo span .icon {
  position: absolute;
  bottom: 4px;
  left: 4px;
  display: block;
}

/* ==== 固定レイアウト（東建ホール等） ======*/
.post_box #photolist {
  overflow: hidden;
  width: 624px;
  margin: 0 auto 15px;
}

.post_box #photolist li {
  font-weight: 600;
  line-height: 108px;
  float: left;
  overflow: hidden;
  width: 144px;
  height: 108px;
  margin: 4px;
  padding: 0;
  border: #fff solid 2px;
  background: #ccc;
  text-align: center;
}

.post_box #photolist li .PhtOv img {
  width: 144px;
}

.post_box #photolist li .PhtOv {
  display: block;
  overflow: hidden;
  width: 144px;
  height: 108px;
  cursor: pointer;
}

.post_box #photolist > li:hover {
  display: block;
  width: 144px;
  height: 108px;
  opacity: .70;
  border: #ff2424 solid 2px;
}

.post_box #photolist > li.noimage {
  opacity: 1;
  border: #ccc solid 2px;
}

/* ==== ページ内施設写真（東建ホール等） ===== */
.artwork {
  overflow: hidden;
  width: 400px;
  height: 300px;
  margin: 40px auto 35px;
  padding: 1px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/* ---------------------------------------
 施設写真(メイン)　main_album
---------------------------------------- */
.main_album {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 639px;
}

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

.main_album .st {
  background: #fff;
  border: 1px solid #888;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.main_album .st > span.PhtOv {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.main_album .st > span.PhtOv a {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

/* ロゴ入写真 */
.main_album .st.logo > span.PhtOv a::before {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 50%;
  display: block;
  width: 100px;
  height: 100px;
  margin: -50px -50px 0 0;
  background: url(/search/image/dtl_new/img_photo_logo.png) no-repeat center center;
  content: "";
}

.main_album .st.logo_under > span.PhtOv a::before {
  position: absolute;
  z-index: 5;
  right: 50%;
  bottom: -15px;
  display: block;
  width: 270px;
  height: 100px;
  margin: 0 -135px 0 0;
  background: url(/image_cmn/official_logo_s.png) no-repeat center center;
  content: "";
}

/* ==== 投稿写真数　レイアウトパターン ===== */
/* 1枚 */
.main_album.sheet01 .st {
  width: 639px;
}

.main_album.sheet01 .st.num01 > span.PhtOv a {
  height: 470px;
}

/* 2枚 */
.main_album.sheet02 .st {
  width: 318px;
}

.main_album.sheet02 .st > span.PhtOv a {
  height: 228px;
}

.main_album.sheet02 .st.num01 {
  float: left;
}

.main_album.sheet02 .st.num02 {
  float: right;
}

/* 3枚 */
.main_album.sheet03 .st {
  width: 210px;
}

.main_album.sheet03 .st > span.PhtOv a {
  height: 151px;
}

.main_album.sheet03 .st.num01 {
  width: 426px;
}

.main_album.sheet03 .st.num01 > span.PhtOv a {
  height: 307px;
}

.main_album.sheet03 .st.num01 {
  float: left;
}

.main_album.sheet03 .st.num02 {
  float: right;
}

.main_album.sheet03 .st.num03 {
  float: right;
  margin-top: 3px;
}

.main_album.sheet03 .st.logo > span.PhtOv a::before {
  background: url(/search/image/dtl_new/img_photo_logo_140_100.png) no-repeat center center;
  height: 100px;
  margin: 0 -70px 0 0;
  width: 140px;
}

/* 4枚 */
.main_album.sheet04 .st {
  width: 155px;
}

.main_album.sheet04 .st > span.PhtOv a {
  height: 112px;
}

.main_album.sheet04 .st.num01 {
  width: 481px;
}

.main_album.sheet04 .st.num01 > span.PhtOv a {
  height: 346px;
}

.main_album.sheet04 .st.num01 {
  float: left;
}

.main_album.sheet04 .st.num02,
.main_album.sheet04 .st.num03,
.main_album.sheet04 .st.num04 {
  float: right;
}

.main_album.sheet04 .st.num03,
.main_album.sheet04 .st.num04 {
  margin-top: 3px;
}

/* 5枚 */
.main_album.sheet05 .st {
  width: 210px;
}

.main_album.sheet05 .st > span.PhtOv a {
  height: 151px;
}

.main_album.sheet05 .st.num01 {
  width: 426px;
}

.main_album.sheet05 .st.num01 > span.PhtOv a {
  height: 307px;
}

.main_album.sheet05 .st.num01 {
  float: left;
}

.main_album.sheet05 .st.num02 {
  float: right;
}

.main_album.sheet05 .st.num03 {
  float: right;
  margin-top: 3px;
}

.main_album.sheet05 .st.num04,
.main_album.sheet05 .st.num05 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet05 .st.num04 > span.PhtOv a,
.main_album.sheet05 .st.num05 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet05 .st.num04 {
  float: left;
}

.main_album.sheet05 .st.num05 {
  float: right;
}

/* 6枚～15枚 4枚までの表示共通 */
.main_album.sheet06 .st,
.main_album.sheet07 .st,
.main_album.sheet08 .st,
.main_album.sheet09 .st,
.main_album.sheet10 .st,
.main_album.sheet11 .st,
.main_album.sheet12 .st,
.main_album.sheet13 .st,
.main_album.sheet14 .st,
.main_album.sheet15 .st {
  width: 155px;
}

.main_album.sheet06 .st > span.PhtOv a,
.main_album.sheet07 .st > span.PhtOv a,
.main_album.sheet08 .st > span.PhtOv a,
.main_album.sheet09 .st > span.PhtOv a, 
.main_album.sheet10 .st > span.PhtOv a,
.main_album.sheet11 .st > span.PhtOv a,
.main_album.sheet12 .st > span.PhtOv a,
.main_album.sheet13 .st > span.PhtOv a,
.main_album.sheet14 .st > span.PhtOv a,
.main_album.sheet15 .st > span.PhtOv a {
  height: 112px;
}

.main_album.sheet06 .st.num01,
.main_album.sheet07 .st.num01,
.main_album.sheet08 .st.num01,
.main_album.sheet09 .st.num01,
.main_album.sheet10 .st.num01,
.main_album.sheet11 .st.num01,
.main_album.sheet12 .st.num01,
.main_album.sheet13 .st.num01,
.main_album.sheet14 .st.num01,
.main_album.sheet15 .st.num01 {
  float: left;
  width: 481px;
}

.main_album.sheet06 .st.num01 > span.PhtOv a,
.main_album.sheet07 .st.num01 > span.PhtOv a,
.main_album.sheet08 .st.num01 > span.PhtOv a,
.main_album.sheet09 .st.num01 > span.PhtOv a,
.main_album.sheet10 .st.num01 > span.PhtOv a,
.main_album.sheet11 .st.num01 > span.PhtOv a,
.main_album.sheet12 .st.num01 > span.PhtOv a,
.main_album.sheet13 .st.num01 > span.PhtOv a,
.main_album.sheet14 .st.num01 > span.PhtOv a,
.main_album.sheet15 .st.num01 > span.PhtOv a {
  height: 346px;
}

.main_album.sheet06 .st.num02,
.main_album.sheet06 .st.num03,
.main_album.sheet06 .st.num04,
.main_album.sheet07 .st.num02,
.main_album.sheet07 .st.num03,
.main_album.sheet07 .st.num04,
.main_album.sheet08 .st.num02,
.main_album.sheet08 .st.num03,
.main_album.sheet08 .st.num04,
.main_album.sheet09 .st.num02,
.main_album.sheet09 .st.num03,
.main_album.sheet09 .st.num04,
.main_album.sheet10 .st.num02,
.main_album.sheet10 .st.num03,
.main_album.sheet10 .st.num04,
.main_album.sheet11 .st.num02,
.main_album.sheet11 .st.num03,
.main_album.sheet11 .st.num04,
.main_album.sheet12 .st.num02,
.main_album.sheet12 .st.num03,
.main_album.sheet12 .st.num04,
.main_album.sheet13 .st.num02,
.main_album.sheet13 .st.num03,
.main_album.sheet13 .st.num04,
.main_album.sheet14 .st.num02,
.main_album.sheet14 .st.num03,
.main_album.sheet14 .st.num04,
.main_album.sheet15 .st.num02,
.main_album.sheet15 .st.num03,
.main_album.sheet15 .st.num04 {
  float: right;
  margin-top: 3px;
}

.main_album.sheet06 .st.num02,
.main_album.sheet07 .st.num02,
.main_album.sheet08 .st.num02,
.main_album.sheet09 .st.num02,
.main_album.sheet10 .st.num02,
.main_album.sheet11 .st.num02,
.main_album.sheet12 .st.num02,
.main_album.sheet13 .st.num02,
.main_album.sheet14 .st.num02,
.main_album.sheet15 .st.num02 {
  margin-top: 0;
}

.main_album.sheet06 .st.num05,
.main_album.sheet06 .st.num06 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet06 .st.num05 > span.PhtOv a,
.main_album.sheet06 .st.num06 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet06 .st.num05 {
  float: left;
}

.main_album.sheet06 .st.num06 {
  float: right;
}

/* 7枚 9枚 10枚 11枚 12枚 13枚 14枚 15枚　5枚～7枚までの表示共通 */
.main_album.sheet07 .st.num05,
.main_album.sheet07 .st.num06,
.main_album.sheet07 .st.num07,
.main_album.sheet09 .st.num05,
.main_album.sheet09 .st.num06,
.main_album.sheet09 .st.num07,
.main_album.sheet10 .st.num05,
.main_album.sheet10 .st.num06,
.main_album.sheet10 .st.num07,
.main_album.sheet11 .st.num05,
.main_album.sheet11 .st.num06,
.main_album.sheet11 .st.num07,
.main_album.sheet12 .st.num05,
.main_album.sheet12 .st.num06,
.main_album.sheet12 .st.num07,
.main_album.sheet13 .st.num05,
.main_album.sheet13 .st.num06,
.main_album.sheet13 .st.num07,
.main_album.sheet14 .st.num05,
.main_album.sheet14 .st.num06,
.main_album.sheet14 .st.num07,
.main_album.sheet15 .st.num05,
.main_album.sheet15 .st.num06,
.main_album.sheet15 .st.num07 {
  float: left;
  margin: 3px 3px 0 0;
  width: 212px;
}

.main_album.sheet07 .st.num06,
.main_album.sheet09 .st.num06,
.main_album.sheet10 .st.num06,
.main_album.sheet11 .st.num06,
.main_album.sheet12 .st.num06,
.main_album.sheet13 .st.num06,
.main_album.sheet14 .st.num06,
.main_album.sheet15 .st.num06 {
  width: 209px;
}

.main_album.sheet07 .st.num07,
.main_album.sheet09 .st.num07,
.main_album.sheet10 .st.num07,
.main_album.sheet11 .st.num07,
.main_album.sheet12 .st.num07,
.main_album.sheet13 .st.num07,
.main_album.sheet14 .st.num07,
.main_album.sheet15 .st.num07 {
  margin-right: 0;
}

.main_album.sheet07 .st.num05 > span.PhtOv a,
.main_album.sheet07 .st.num06 > span.PhtOv a,
.main_album.sheet07 .st.num07 > span.PhtOv a,
.main_album.sheet09 .st.num05 > span.PhtOv a,
.main_album.sheet09 .st.num06 > span.PhtOv a,
.main_album.sheet09 .st.num07 > span.PhtOv a,
.main_album.sheet10 .st.num05 > span.PhtOv a,
.main_album.sheet10 .st.num06 > span.PhtOv a,
.main_album.sheet10 .st.num07 > span.PhtOv a,
.main_album.sheet11 .st.num05 > span.PhtOv a,
.main_album.sheet11 .st.num06 > span.PhtOv a,
.main_album.sheet11 .st.num07 > span.PhtOv a,
.main_album.sheet12 .st.num05 > span.PhtOv a,
.main_album.sheet12 .st.num06 > span.PhtOv a,
.main_album.sheet12 .st.num07 > span.PhtOv a,
.main_album.sheet13 .st.num05 > span.PhtOv a,
.main_album.sheet13 .st.num06 > span.PhtOv a,
.main_album.sheet13 .st.num07 > span.PhtOv a,
.main_album.sheet14 .st.num05 > span.PhtOv a,
.main_album.sheet14 .st.num06 > span.PhtOv a,
.main_album.sheet14 .st.num07 > span.PhtOv a,
.main_album.sheet15 .st.num05 > span.PhtOv a,
.main_album.sheet15 .st.num06 > span.PhtOv a,
.main_album.sheet15 .st.num07 > span.PhtOv a {
  height: 145px;
}

/* 8枚 */
.main_album.sheet08 .st.num05,
.main_album.sheet08 .st.num06,
.main_album.sheet08 .st.num07,
.main_album.sheet08 .st.num08 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet08 .st.num05 > span.PhtOv a,
.main_album.sheet08 .st.num06 > span.PhtOv a,
.main_album.sheet08 .st.num07 > span.PhtOv a,
.main_album.sheet08 .st.num08 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet08 .st.num05,
.main_album.sheet08 .st.num07 {
  float: left;
}

.main_album.sheet08 .st.num06,
.main_album.sheet08 .st.num08 {
  float: right;
}

/* 9枚 */
.main_album.sheet09 .st.num08,
.main_album.sheet09 .st.num09 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet09 .st.num08 > span.PhtOv a,
.main_album.sheet09 .st.num09 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet09 .st.num08 {
  float: left;
}

.main_album.sheet09 .st.num09 {
  float: right;
}

/* 10枚 12枚 13枚 14枚 15枚　8枚～10枚までの表示共通 */
.main_album.sheet10 .st.num08,
.main_album.sheet10 .st.num09,
.main_album.sheet10 .st.num10,
.main_album.sheet12 .st.num08,
.main_album.sheet12 .st.num09,
.main_album.sheet12 .st.num10,
.main_album.sheet13 .st.num08,
.main_album.sheet13 .st.num09,
.main_album.sheet13 .st.num10,
.main_album.sheet14 .st.num08,
.main_album.sheet14 .st.num09,
.main_album.sheet14 .st.num10,
.main_album.sheet15 .st.num08,
.main_album.sheet15 .st.num09,
.main_album.sheet15 .st.num10 {
  float: left;
  margin: 3px 3px 0 0;
  width: 212px;
}

.main_album.sheet10 .st.num09,
.main_album.sheet12 .st.num09,
.main_album.sheet13 .st.num09,
.main_album.sheet14 .st.num09,
.main_album.sheet15 .st.num09 {
  width: 209px;
}

.main_album.sheet10 .st.num10,
.main_album.sheet12 .st.num10,
.main_album.sheet13 .st.num10,
.main_album.sheet14 .st.num10,
.main_album.sheet15 .st.num10 {
  margin-right: 0;
}

.main_album.sheet10 .st.num08 > span.PhtOv a,
.main_album.sheet10 .st.num09 > span.PhtOv a,
.main_album.sheet10 .st.num10 > span.PhtOv a,
.main_album.sheet12 .st.num08 > span.PhtOv a,
.main_album.sheet12 .st.num09 > span.PhtOv a,
.main_album.sheet12 .st.num10 > span.PhtOv a,
.main_album.sheet13 .st.num08 > span.PhtOv a,
.main_album.sheet13 .st.num09 > span.PhtOv a,
.main_album.sheet13 .st.num10 > span.PhtOv a,
.main_album.sheet14 .st.num08 > span.PhtOv a,
.main_album.sheet14 .st.num09 > span.PhtOv a,
.main_album.sheet14 .st.num10 > span.PhtOv a,
.main_album.sheet15 .st.num08 > span.PhtOv a,
.main_album.sheet15 .st.num09 > span.PhtOv a,
.main_album.sheet15 .st.num10 > span.PhtOv a {
  height: 145px;
}

/* 11枚 */
.main_album.sheet11 .st.num08,
.main_album.sheet11 .st.num09,
.main_album.sheet11 .st.num10,
.main_album.sheet11 .st.num11 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet11 .st.num08 > span.PhtOv a,
.main_album.sheet11 .st.num09 > span.PhtOv a,
.main_album.sheet11 .st.num10 > span.PhtOv a,
.main_album.sheet11 .st.num11 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet11 .st.num08,
.main_album.sheet11 .st.num10 {
  float: left;
}

.main_album.sheet11 .st.num09,
.main_album.sheet11 .st.num11 {
  float: right;
}

/* 12枚 */
.main_album.sheet12 .st.num11,
.main_album.sheet12 .st.num12 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet12 .st.num11 > span.PhtOv a,
.main_album.sheet12 .st.num12 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet12 .st.num11 {
  float: left;
}

.main_album.sheet12 .st.num12 {
  float: right;
}

/* 13枚 */
.main_album.sheet13 .st.num11,
.main_album.sheet13 .st.num12,
.main_album.sheet13 .st.num13 {
  float: left;
  margin: 7px 7px 0 0;
  width: 208px;
}

.main_album.sheet13 .st.num12 {
  width: 209px;
}

.main_album.sheet13 .st.num13 {
  margin-right: 0;
}

.main_album.sheet13 .st.num11 > span.PhtOv a,
.main_album.sheet13 .st.num12 > span.PhtOv a,
.main_album.sheet13 .st.num13 > span.PhtOv a {
  height: 145px;
}

/* 14枚 */
.main_album.sheet14 .st.num11,
.main_album.sheet14 .st.num12,
.main_album.sheet14 .st.num13,
.main_album.sheet14 .st.num14 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet14 .st.num11 > span.PhtOv a,
.main_album.sheet14 .st.num12 > span.PhtOv a,
.main_album.sheet14 .st.num13 > span.PhtOv a,
.main_album.sheet14 .st.num14 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet14 .st.num11,
.main_album.sheet14 .st.num13 {
  float: left;
}

.main_album.sheet14 .st.num12,
.main_album.sheet14 .st.num14 {
  float: right;
}

/* 15枚 */
.main_album.sheet15 .st.num11,
.main_album.sheet15 .st.num12,
.main_album.sheet15 .st.num13 {
  float: left;
  margin: 7px 7px 0 0;
  width: 208px;
}

.main_album.sheet15 .st.num12 {
  width: 209px;
}

.main_album.sheet15 .st.num13 {
  margin-right: 0;
}

.main_album.sheet15 .st.num11 > span.PhtOv a,
.main_album.sheet15 .st.num12 > span.PhtOv a,
.main_album.sheet15 .st.num13 > span.PhtOv a {
  height: 145px;
}

.main_album.sheet15 .st.num14,
.main_album.sheet15 .st.num15 {
  margin-top: 3px;
  width: 318px;
}

.main_album.sheet15 .st.num14 > span.PhtOv a,
.main_album.sheet15 .st.num15 > span.PhtOv a {
  height: 228px;
}

.main_album.sheet15 .st.num14 {
  float: left;
}

.main_album.sheet15 .st.num15 {
  float: right;
}

/*--- .main_album.add_st  施設写真プラス ここから ---*/
/* プラス2枚 main_album.add_st2 */
.main_album.add_st2 {
  margin-top: 3px;
}

.main_album.add_st2 .st {
  width: 318px;
}

.main_album.add_st2 .st > span.PhtOv a {
  height: 228px;
}

.main_album.add_st2 .st:nth-child(odd) {
  float: left;
}

.main_album.add_st2 .st:nth-child(even) {
  float: right;
}

/* プラス3枚 main_album.add_st3 */
.main_album.add_st3 {
  margin-top: 7px;
}

.main_album.add_st3 .st {
  float: left;
  width: 210px;
}

.main_album.add_st3 .st > span.PhtOv a {
  height: 145px;
}

.main_album.add_st3 .st:nth-child(1) {
  float: right;
  width: 422px;
}

.main_album.add_st3 .st:nth-child(1) > span.PhtOv a {
  height: 307px;
}

.main_album.add_st3 .st:nth-child(3) {
  margin-top: 7px;
}

/* プラス4枚 main_album.add_st4 */
.main_album.add_st4 {
  margin-top: 7px;
}

.main_album.add_st4 .st {
  width: 316px;
}

.main_album.add_st4 .st > span.PhtOv a {
  height: 228px;
}

.main_album.add_st4 .st:nth-child(odd) {
  float: left;
}

.main_album.add_st4 .st:nth-child(even) {
  float: right;
}

.main_album.add_st4 .st:nth-child(3),
.main_album.add_st4 .st:nth-child(4) {
  margin-top: 7px;
}

/* プラス5枚 main_album.add_st5 */
.main_album.add_st5 {
  margin-top: 7px;
}

.main_album.add_st5 .st {
  float: left;
  width: 210px;
}

.main_album.add_st5 .st > span.PhtOv a {
  height: 145px;
}

.main_album.add_st5 .st:nth-child(1) {
  float: right;
  width: 422px;
}

.main_album.add_st5 .st:nth-child(1) > span.PhtOv a {
  height: 307px;
}

.main_album.add_st5 .st:nth-child(3) {
  margin-top: 7px;
}

.main_album.add_st5 .st:nth-child(4),
.main_album.add_st5 .st:nth-child(5) {
  margin-top: 3px;
  width: 318px;
}

.main_album.add_st5 .st:nth-child(4) > span.PhtOv a,
.main_album.add_st5 .st:nth-child(5) > span.PhtOv a {
  height: 228px;
}

.main_album.add_st5 .st:nth-child(4) {
  float: left;
}

.main_album.add_st5 .st:nth-child(5) {
  float: right;
}

/* .main_album.add_st 施設写真プラス ここまで----------------------------------------------*/

/* 施設名 */
.main_album .st.num01 > span.PhtOv span.fa_name {
  background-color: rgba(0, 0, 0, .5);
  box-sizing: border-box;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  left: 0;
  line-height: 24px;
  max-width: 467px;
  overflow: hidden;
  padding: 5px 9px 5px 36px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 100;
}

.main_album.sheet01 .st.num01 > span.PhtOv span.fa_name {
  max-width: 629px;
}

.main_album.sheet02 .st.num01 > span.PhtOv span.fa_name {
  max-width: 306px;
}

.main_album.sheet03 .st.num01 > span.PhtOv span.fa_name,
.main_album.sheet05 .st.num01 > span.PhtOv span.fa_name {
  max-width: 426px;
}

.main_album .st.num01 > span.PhtOv span.fa_name .icon {
  position: absolute;
  bottom: 5px;
  left: 5px;
  display: block;
}

.main_album .st.num01 > span.PhtOv span.fa_name .icon img {
  height: 806px;
  width: 398px;
}

.main_album.token + .nav_post {
  margin: 20px auto 0;
}

.bnrwrap_addofficial + .main_album {
  margin-top: 10px;
}

/* ---------------------------------------
 アルバムを見るボタン　写真集を見るボタン
---------------------------------------- */
.btn_photos {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-flow: wrap;
  -webkit-flex-flow: wrap;
  width: 580px;
  margin: 15px auto;
  text-align: left;
  word-spacing: 0;
}
.image_photo_box + .btn_photos {
  margin-top: 10px;
}

/* 無料施設の場合 */
.mod_photo_box .btn_photos{
  width: 610px;
  border-bottom: #6e98d7 solid 1px;
  padding: 0 10px 10px;
}

.btn_photos > p {
  width: 187px;
}
.btn_photos a,
.btn_photos .p_slider.no_link {
  background: #0ea2c7;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: .4em .5em .35em .5em;
  position: relative;
  text-align: center;
  text-indent: 15px;
}
.btn_photos a:hover {
  opacity: .7;
}

.p_album a:link,
.p_album a:visited,
.p_slider a:link,
.p_slider a:visited,
.p_collection a:link,
.p_collection a:visited {
  color: #fff;
}

.p_album a,
.p_slider a,
.p_collection a {
  font-size: 14px;
}

.p_album a span,
.p_slider a span,
.p_collection a span {
  font-size: 12px;
}

.p_slider a {
  background: #866ee3;
  cursor: pointer;
}
.btn_photos .p_slider.no_link {
  background: #bbb;
}

.p_collection a {
  background: #e64171;
}

.btn_photos a::before,
.p_slider.no_link::before,
.p_slider a::before,
.p_collection a::before {
  display: block;
  content: '';
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0;
  height: 0;
  left: 16px;
  position: absolute;
  top: 8px;
  width: 0;
}

/* テキスト */
.btn_photos .text {
  margin: 0 .5em 0 0;
  line-height: 1.4;
  color: #e00;
  font-size: 15px;
  text-align: right;
  width: 100%;
}

/* 施設写真下 ※テキスト文 */
.post_box .att {
  clear: both;
  margin: 5px 0 12px;
  padding: 0 10px;
  font-size: 15px;
  text-align: right;
  color: #e00;
  line-height: 1.4;
  text-indent: -1.05em;
  vertical-align: top;
}

/* ==== 実例で見る写真撮影のポイント ピカ写メ撮影ポイント ===== */
.dtl_photo_point {
	border-top: #44d437 solid 1px;
	box-sizing: border-box;
	display: flex;
	font-size: 16px;
	margin: 0 auto 0;
	padding: 11px 0 13px 91px;
	text-align: center;
	width: 629px;
}

.dtl_photo_point li a {
	display: inline-block;
	padding-left: 28px;
	line-height: 1.5;
}

.dtl_photo_point li:first-child a {
	margin-right: 23px;
	background: url(/search/image/dtl_new/ico-dtl-photo-point.png) no-repeat left center;
	background-size: 17px 18px;
}

.dtl_photo_point li:nth-child(2) a {
	margin-right: 23px;
	background: url(/search/image/dtl_new/ico-dtl-photo-pika.png) no-repeat left center;
	background-size: 13px 20px;
}

/* ==== 募集テキスト　「投稿の方法」ボタン（投稿写真なしの場合） ===== */
.post_box .username {
  margin: 5px 0 14px;
  text-align: left;
  clear: both;
  overflow: hidden;
}

.btn_post_houhou {
  float: right;
  margin: 0 20px 0 auto;
}
.btn_post_houhou::after {
  content: '';
  clear: both;
  display: block;
  height: 15px;
  width: 1px;
}
.bnt_post_htxt { 
  background: #fa6498;
  border: solid 1px #aa1940;
  border-radius: 6px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: .3em 1em;
  position: relative;
  text-indent: 20px;
}
.bnt_post_htxt:visited {
  color: #fff;
}
.bnt_post_htxt::before {
  display: block;
  content: '';
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  border-right: 0;
  height: 0;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY( -50% );
  width: 0;
} 
.bnt_post_htxt:hover {
  color: #fff;
  opacity: .7;
}

.post_box .username dl {
  font-size: 17px;
  line-height: 1.7;
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  height: 38px;
  padding: 0 16px 0 4px;
  white-space: nowrap;
}

.post_box .username dl dt {
  display: block;
  float: left;
  width: 91px;
  height: 38px;
  padding: 0 8px 0 0;
}

.post_box .username dl dd {
  font-size: 19px;
  display: block;
  float: left;
  height: 38px;
}

.post_box .username dl dd span {
  font-size: 82.3%;
}

.post_box .username p {
  font-size: 15px;
  line-height: 1.3;
  float: left;
  width: 376px;
  margin: 0 12px 0 55px;
  color: #e00;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
}

.post_box .username p:first-child {
padding-left: 1.4em;
text-indent: -1.4em;
}

.post_box .username p.bosyu_text {
  clear: both;
  font-size: 14px;
  float: none;
  width: 100%;
  margin: 0;
  color: #000;
  text-align: center;
  text-indent: 0;
}

.post_box .username p a {
  color: #e00;
  padding-left: .4em;
}

.post_box .username p:only-child {
  margin: 0;
}

.post_box .username p img.ic_click {
  padding-top: 2px;
  vertical-align: top;
}

.post_box .username p span.top_houhou {
  font-size: 15px;
  margin: 0 0 0 10px;
  padding: 3px 15px;
  color: #fff;
  background: #f00;
}

/* ==== 中央寄せボタン ===== */
.btn_center {
  margin-top: 15px;
  text-align: center;
}

.post_box .btn_center2 {
  position: relative;
  left: -1px;
  margin-top: 15px;
}

/* ---------------------------------------
 投稿写真（メイン）BOX　リンクボタン　/　投稿数の表示　nav_post
---------------------------------------- */
.nav_post {
  line-height: 1;
  width: 630px;
  margin: 0 auto;
  background: #dff8dc;
}

.nav_post > * { 
  box-sizing: border-box;
}

.nav_post.nokuchikomi {
  width: 520px;
}

.nav_post dt {
  background: #22b252;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
  position: relative;
  text-align: center;
}

.nav_post dd {
  display: inline-block;
  margin: 20px auto;
  text-align: center;
}

.nav_post dd > ul {
  display: flex;
  justify-content: center;
}
.nav_post li {
  box-sizing: border-box;
  color: #fff;
  display: block;
  margin: 0 5px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 187px;
}
.nav_post li::before {
  background: url(/search/image/dtl_new/bg_dot.png);
  content: '';
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sec_kuchikomi {
  background: #f1718a;
}
.sec_photo {
  background: #5e92e3;
}
.sec_movie {
  background: #46a565;
}

.ttl_posttype {
  background: url(/search/image/dtl_new/ico_kuchikomi.png) no-repeat left center;
  background-size: 30px auto;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .4em;;
  margin-bottom: 5px;
  padding: 10px 0 10px 40px;
}
.post_count {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.post_btnbox {
  display: flex;
  justify-content: center;
}
.post_btnbox > a {
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
  color: #ca3d59;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 3px;
  padding: 9px 10px 8px 20px;
  position: relative;
  width: 85px;
}
.post_btnbox > a::before {
  display: block;
  content: '';
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ca3d59;
  border-right: 0;
  height: 0;
  left: 10px;
  position: absolute;
  width: 0;
}
.post_btnbox > a:not(.no_link):hover {
  opacity: .7;
}

div .post_btnbox > a.no_link {
  background: #ccc;
  box-shadow: none;
  color: #666;
  pointer-events: none;
}
div .post_btnbox > a.no_link::before {
  border-left-color: #666;
}

.sec_kuchikomi .ttl_posttype{
  letter-spacing: .1em;
}

.sec_photo .ttl_posttype {
  background-image: url(/search/image/dtl_new/ico_photo.png) ;
}
.sec_photo .post_btnbox > a {
  color: #396ec0;
}
.sec_photo .post_btnbox > a::before {
  border-left: 8px solid #396ec0;
}

.sec_movie .ttl_posttype {
  background-image: url(/search/image/dtl_new/ico_movie.png) ;
}
.sec_movie .post_btnbox > a {
  color: #288045;
}
.sec_movie .post_btnbox > a::before {
  border-left: 8px solid #288045;
}

.nav_post li > a {
  display: block;
  margin: 0 auto;
}

.nav_post li > a.entry,
.nav_post li > a.nav_login {
  width: 127px;
  height: 44px;
  margin: 10px auto 0;
}

.nav_post li div.none {
  border: 1px solid #ccc;
}

.nav_post li div.none::after {
  border-color: transparent transparent #ccc transparent;
}

.btn_center  + .post_nav_lead {
  margin: 0;
  padding: 8px 0 0;
  text-align: center;
}

@media screen and (max-device-width: 1024px) {
  .nav_post li div {
    letter-spacing: 0;
  }
}

.post_col {
  margin: 10px auto 7px;
  width: 630px;
}
.btn_post_how {
  margin: .5em 0;
  float: right;
}
.btn_post_how a {
  background: #e5d0fe;
  border: solid 1px #711fd5;
  border-radius: 6px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.2);
  color: #711fd5;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: .5em 1em;
  position: relative;
  text-indent: 40px;
}
.btn_post_how a:hover {
  opacity: .7;
}
.btn_post_how a::before {
  background: url(/search/image/dtl_new/ico_post.png) no-repeat center center /contain;
  content: '';
  display: inline-block;
  height: 20px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}


/* ---------------------------------------
 「（施設）の施設情報」　投稿一覧　帯タイトル
 ---------------------------------------- */
.cmn_thick_ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  box-sizing: border-box;
  width: 600px;
  margin: 20px auto 10px;
  padding: 12px 1em 10px;
  text-align: center;
  background-color: #fff;
  color: #265eb5;
  border: solid 2px #265eb5;
  border-bottom: solid 5px #265eb5;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: 0.05em;
}
.cmn_thick_ttl span {
  display: inline-block;
}

/* ---------------------------------------
 周辺の施設・おすすめの施設 ★
 ---------------------------------------- */
.outer_box {
  display: inline-block;
  width: 640px;
  margin: 30px auto 0;
}

.outer_box dt {
  width: 640px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  text-align: center;
}

.outer_box.outer_area dt {
  background-color: #fb724a;
}

.outer_box.outer_city dt {
  background-color: #13cba2;
}

.outer_box figure {
  position: relative;
}

.outer_box figure a {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 130px;
  height: 130px;
  z-index: 1;
  border: 1px solid #ccc;
}

.outer_box figure a:hover {
  opacity: .7;
}

.outer_box figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 130px;
  padding: 3px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, .6);
  box-sizing: border-box;
}

.outer_box li.slider_cont {
  display: inline-block;
  width: 142px;
  margin-right: 4px;
  padding: 4px;
  border: #ccc 1px solid;
  text-align: center;
  box-sizing: border-box;
}

.outer_box .remove {
  margin-top: 5px;
  font-size: 12px;
  text-align: right;
}

.outer_box .address {
  margin-top: 5px;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 星 */
.outer_box .rating_box {
  display: inline-block;
  text-align: left;
}

.outer_box span.rating_tx {
  color: #f00;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

.outer_box .star {
  background: url("/search/image/dtl_new/img_rating_5.png") no-repeat 1px -19px;
  background-size: 80px 47px;
  float: left;
  height: 18px;
  margin: 0;
  overflow: hidden;
  width: 82px;
}

.outer_box .star span {
  display: inline-block;
  height: 18px;
  overflow: hidden;
  margin: 0;
}

.outer_box .star span.rating_half {
  width: 9px;
}

.outer_box .star span.rating_1 {
  width: 20px;
}

.outer_box .star span.rating_1_5 {
  width: 28px;
}

.outer_box .star span.rating_2 {
  width: 35px;
}

.outer_box .star span.rating_2_5 {
  width: 43px;
}

.outer_box .star span.rating_3 {
  width: 50px;
}

.outer_box .star span.rating_3_5 {
  width: 58px;
}

.outer_box .star span.rating_4 {
  width: 66px;
}

.outer_box .star span.rating_4_5 {
  width: 74px;
}

.outer_box .star span.rating_5 {
  width: 82px;
}

/* ---------------------------------------
 投稿一覧BOX
 ---------------------------------------- */
.mod_post_fa_info {
  margin: 15px auto 0;
  text-align: center;
}

.mod_post_fa_info .invitation {
  font-size: 16px;
  line-height: 36px;
  width: 580px;
  margin: 0 auto 5px;
  padding: 5px 0 10px 30px;
  color: #e00;
  border-bottom: 1px solid #e00;
  background: url(/search/image/dtl_new/ico_arrow.png) no-repeat 0 2px;
}

.mod_post_fa_info .invitation.no_border {
  border: none;
}

.mod_post_fa_info .pmcomment {
  font-size: 14px;
  line-height: 2.2;
  width: 580px;
  margin: 0 auto 17px;
  color: #333;
  text-align: center;
}

/* ---------------------------------------
　投稿一覧BOX 口コミ mod_kuchikomi_box
---------------------------------------- */
.mod_kuchikomi_box {
  width: 656px;
  margin: 0 auto 25px;
  border: 2px solid #e88397;
  border-radius: 8px;
}
.mod_kuchikomi_box > aside {
  padding-bottom: 24px;
}

.mod_kuchikomi_box .text,
.mod_photo_box .text,
.mod_movie_box .text {
  font-feature-settings: "palt";
  font-size: 15px;
  letter-spacing: .1em;
}

.mod_kuchikomi_box .text {
  margin: 20px 31px 5px;
}
.mod_kuchikomi_box .text + .text {
  margin-top: 11px;
}

.mod_photo_box .text {
  letter-spacing: .08em;
  line-height: 1.433;
  margin: 25px 31px 5px;
}

.mod_movie_box .text {
  letter-spacing: .08em;
  line-height: 1.433;
  margin: 24px 31px 5px;
}

.mod_kuchikomi_box .red {
  margin: 13px 31px 0;
}

.mod_kuchikomi_box .my_page {
  box-sizing: border-box;
  margin: 10px auto 15px;
  text-align: center;
  width: 450px;
}

.mod_kuchikomi_box .my_page p {
  font-size: 15px;
  line-height: 1.6;
  text-align: left;
}

.mod_kuchikomi_box .my_page li {
  position: relative;
}

.mod_kuchikomi_box .my_page li a {
  border-radius: 20px;
  box-shadow: 0 2px 2px 0 rgba(129, 115, 87, .35);
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  margin-top: 0;
  padding-left: 40px;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, .7), -1px 1px 1px rgba(255, 255, 255, .7), 1px -1px 1px rgba(255, 255, 255, .7), -1px -1px 1px rgba(255, 255, 255, .7);
  width: 270px;
  left: 0;
}

.mod_kuchikomi_box .my_page li a::before {
  bottom: 0;
  content: "";
  left: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 2;
}

.mod_kuchikomi_box .my_page li a::after {
  background: #dd3232;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  content: "";
  height: 38px;
  top: 0;
  left: 0;
  width: 40px;
  position: absolute;
  z-index: 1;
}

.mod_kuchikomi_box .my_page li a:hover {
  opacity: .8;
}

/* 未ログイン時 */
.mod_kuchikomi_box .my_page.no_login {
  padding-top: 0;
  width: 610px;
}

.mod_kuchikomi_box .my_page.no_login ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 91%;
  margin: 15px auto 20px;
}

.mod_kuchikomi_box .my_page ul .user a {
  background: #ffe9ef;
  background: -moz-linear-gradient(top, #ffe9ef 0%, #f4d0d6 100%);
  background: -webkit-linear-gradient(top, #ffe9ef 0%, #f4d0d6 100%);
  background: linear-gradient(to bottom, #ffe9ef 0%, #f4d0d6 100%);
  border: 1px solid #dd3232;
  color: #d02222;
}

.mod_kuchikomi_box .my_page ul .user::before {
  background-image: url("/search/image/dtl_new/tag-fav-add.png");
}

.mod_kuchikomi_box .my_page ul .user a::before {
  background: url("/search/image/dtl_new/ico-fav-entry-user.png") no-repeat 0 0;
  background-size: cover;
  height: 26px;
  width: 20px;
}

.mod_kuchikomi_box .my_page ul .login a {
  background: #e6f0f9;
  background: -moz-linear-gradient(top, #e6f0f9 0%, #c9ddef 100%);
  background: -webkit-linear-gradient(top, #e6f0f9 0%, #c9ddef 100%);
  background: linear-gradient(to bottom, #e6f0f9 0%, #c9ddef 100%);
  border: 1px solid #124193;
  color: #022d79;
}

.mod_kuchikomi_box .my_page ul .login::before {
  background-image: url("/search/image/dtl_new/tag-fav-login.png");
}

.mod_kuchikomi_box .my_page ul .login a::before {
  background: url("/search/image/dtl_new/ico-fav-entry-login.png") no-repeat 0 0;
  background-size: cover;
  height: 24px;
  width: 20px;
}

.mod_kuchikomi_box .my_page ul .login a::after {
  background: #124193;
}

/* 既ログイン時 */
.mod_kuchikomi_box .my_page .may_page_btn::before {
  background-image: url("/search/image/dtl_new/tag-fav-mypage.png")
}

.mod_kuchikomi_box .my_page .may_page_btn a {
  background: #e6f0f9;
  background: -moz-linear-gradient(top, #e6f0f9 0%, #c9ddef 100%);
  background: -webkit-linear-gradient(top, #e6f0f9 0%, #c9ddef 100%);
  background: linear-gradient(to bottom, #e6f0f9 0%, #c9ddef 100%);
  border: 1px solid #124193;
  color: #022d79;
  width: 350px;
}

.mod_kuchikomi_box .my_page .may_page_btn a::before {
  background: url(/search/image/dtl_new/ico-fav-entry-login.png) no-repeat 0 0;
  background-size: cover;
  height: 24px;
  width: 20px;
}

.mod_kuchikomi_box .my_page .may_page_btn a::after {
  background: #022d79;
}

/* ====== ポイント5倍表示 ====== */
.info_pointup {
  box-sizing: border-box;
  width: 610px;
  height: 68px;
  margin: 0 auto 20px;
  background: #fff9dc;
}

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

.info_pointup .lead {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  float: left;
  margin: 16px 0 0 16px;
  padding: 0 0 0 30px;
  background: url("/search/netad/image_cmn/ico_rcm_fa_s.png") no-repeat 0 center;
}

.info_pointup .lead .red {
  padding: 0 0 0 2px;
}

.info_pointup .btn_lnk_getpoint {
  float: right;
  margin: 16px 16px 0 0;
}

.info_pointup .btn_lnk_getpoint a {
  display: block;
}

.info_pointup .btn_lnk_getpoint img {
  vertical-align: middle;
}

@media screen and (max-device-width: 1024px) {
  .mod_kuchikomi_box .my_page p {
    letter-spacing: 0;
  }
}

/* ---------------------------------------
　投稿　口コミ mod_kuchikomi
---------------------------------------- */
.mod_kuchikomi {
  width: 610px;
  margin: 16px auto 0;
  padding-bottom: 24px;
}
.mod_kuchikomi_box > aside + .mod_kuchikomi{
  margin-top: -8px;
}

.mod_kuchikomi > .ttl {
  font-feature-settings: "palt";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.25;
  box-sizing: border-box;
  width: 610px;
  margin: 0;
  padding: 6px 15px 5px;
  color: #fff;
  background-color: #e88397;
  border-bottom: 3px solid #d24b64;
  border-radius: 7px 7px 0 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mod_kuchikomi > .ttl span.count_number {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

.mod_kuchikomi > .ttl span.osusume_txt {
  margin: 0;
  white-space: nowrap;
}

.mod_kuchikomi .post_emptybox {
  background: #fbe4e9;
  margin-bottom: 20px;
}

.mod_kuchikomi article {
  position: relative;
  overflow: hidden;
  width: 594px;
  margin: 0 auto 5px;
}

.mod_kuchikomi article:not(:last-of-type) {
  border-bottom: 1px solid #e88397;
}

.mod_kuchikomi article:last-of-type {
  margin-bottom: 7px;
}

.mod_kuchikomi article header {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: block;
/*  height: 24px;*/
  line-height: 24px;
  padding: 20px 12px 12px 63px;
  background: url(/search/image/dtl_new/icon_buzz02.png) no-repeat 13px 17px;
}

.mod_kuchikomi article header a {
  display: inline-block;
  max-width: 370px;
  line-height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mod_kuchikomi article header .star {
  position: absolute;
  top: 10px;
  right: 21px;
  overflow: hidden;
  width: 132px;
  height: 30px;
  background: url(/search/image/dtl_new/img_rating_5.png) no-repeat 0 -30px;
  background-size: 132px 75px;
}

.mod_kuchikomi article header .star span {
  display: block;
  overflow: hidden;
  height: 30px;
}

.mod_kuchikomi article header .star span.rating_1 {
  width: 32px;
}

.mod_kuchikomi article header .star span.rating_2 {
  width: 57px;
}

.mod_kuchikomi article header .star span.rating_3 {
  width: 82px;
}

.mod_kuchikomi article header .star span.rating_4 {
  width: 107px;
}

.mod_kuchikomi article header .star span.rating_5 {
  width: 132px;
}

.mod_kuchikomi article p {
  font-size: 15px;
  box-sizing: border-box;
  width: auto;
  margin: 0 15px 0;
  padding: 0 0 4px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-wrap: break-word;
  /*IE・Firefox対応*/
}

.mod_kuchikomi .kuchikomi_photo {
  overflow: hidden;
}

.mod_kuchikomi .kuchikomi_photo::after {
  content: " ";
  display: table;
  clear: both;
}

.mod_kuchikomi .kuchikomi_photo figure {
  float: left;
  display: inline-block;
  box-sizing: border-box;
  width: 130px;
  height: 130px;
  margin-left: 13px;
  padding: 0;
  border: 1px solid #e08b9e;
}

.mod_kuchikomi .kuchikomi_photo figure a {
  width: 128px;
  height: 128px;
}

.mod_kuchikomi .kuchikomi_photo p {
  float: right;
  width: 415px;
  margin: 0 15px 0 0;
  -webkit-line-clamp: 5;
}

.mod_kuchikomi .kuchikomi_infobox {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}

.mod_kuchikomi .kuchikomi_infobox .info_user {
  display: table-cell;
}

.mod_kuchikomi .kuchikomi_infobox dl.poster_name {
  margin: 12px 5px;
  text-align: left;
  word-break: break-all;
}

.mod_kuchikomi .kuchikomi_infobox div.poster_name {
  font-size: 13px;
  margin: 10px 5px 12px 15px;
  text-align: left;
  word-break: break-all;
}

.mod_kuchikomi .kuchikomi_infobox .info_more {
  display: table-cell;
  text-align: right;
  vertical-align: top;
  padding-right: 15px;
}

.mod_kuchikomi .kuchikomi_infobox .info_more.no_photo {
  vertical-align: middle;
}

.mod_kuchikomi .kuchikomi_infobox .info_more p {
  margin: 0;
  padding-bottom: 8px;
}

.mod_kuchikomi .kuchikomi_infobox .info_more dl.poster_name {
  margin: 12px 0;
  text-align: right;
  word-break: break-all;
}

.mod_kuchikomi article p span {
  line-height: 1.6;
  display: inline;
}

.mod_kuchikomi article p span + a {
  line-height: 1.6;
  float: right;
}

.mod_kuchikomi dl.poster_name {
  line-height: 1em;
  margin: 12px 15px 12px;
  text-align: right;
  word-break: break-all;
}

.mod_kuchikomi div.poster_name {
  line-height: 1em;
  margin: 12px 15px 12px;
  text-align: right;
  word-break: break-all;
}

.mod_kuchikomi dl.poster_name dt,
.mod_kuchikomi dl.poster_name dd {
  font-size: 13px;
  display: inline;
}

.mod_kuchikomi div.poster_name span{
  font-size: 13px;
  display: inline;
}

.mod_kuchikomi dl.poster_name dt {
  padding: 0 0 0 6px;
}

.mod_kuchikomi dl.poster_name dt::before {
  content: "[";
}

.mod_kuchikomi dl.poster_name dt::after {
  content: "]";
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .mod_kuchikomi article p span {
    letter-spacing: .05em;
  }

  .mod_kuchikomi > .ttl span.osusume_txt {
    margin-right: 0;
  }
}

/*タイプ別 追記#12002
.type01:写真あり+[施設情報をもっと見る]ボタンあり
.type02：写真あり+[施設情報をもっと見る]ボタンなし
.type03：写真なし+[施設情報をもっと見る]ボタンあり
.type04：写真なし+[施設情報をもっと見る]ボタン無し
*/
.mod_kuchikomi .kuchikomi_infobox.type_02 .info_more p {
  margin-top: 10px;
}

.mod_kuchikomi .kuchikomi_infobox.type_02 dl.poster_name:nth-child(2) {
  margin-bottom: 6px;
}

.mod_kuchikomi .kuchikomi_infobox.type_03 dl.poster_name:nth-child(2) {
  margin-bottom: 6px;
}

.mod_kuchikomi .kuchikomi_infobox.type_04 dl.poster_name {
  width: 272px;
  margin-bottom: 0;
  display: inline-block;
}

.mod_kuchikomi .kuchikomi_infobox.type_04 div.poster_name {
  width: 275px;
  margin-bottom: 0;
  display: inline-block;
}

.mod_kuchikomi .kuchikomi_infobox.type_04 dl.poster_name:nth-child(2) {
  text-align: right;
}

/* ---------------------------------------
 投稿一覧BOX　投稿写真 mod_photo_box
 ---------------------------------------- */
.mod_photo_box {
  width: 656px;
  margin: 28px auto 25px;
  border: 2px solid #6e98d7;
  border-radius: 8px;
}

.mod_photo_box .mod_post_btnbox.noborder {
  border-top: none;
}

/* ---------------------------------------
 投稿写真リスト　mod_photo
 ---------------------------------------- */
.mod_photo {
  width: 610px;
  margin: 17px auto 0;
  padding: 0 0 20px;
}

.mod_photo .ttl {
  font-feature-settings: "palt";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.25;
  box-sizing: border-box;
  width: 610px;
  padding: 6px 15px 5px;
  color: #fff;
  background-color: #6e98d7;
  border-bottom: 3px solid #3054a1;
  border-radius: 7px 7px 0 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mod_photo .ttl span.count_number {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

.mod_photo .ttl span.osusume_txt {
  font-size: 20px;
  margin: 0;
  white-space: nowrap;
}

.mod_photo .photocol {
  background: #dfe8f6;
  font-size: 13px;
  display: block;
  overflow: hidden;
  width: 610px;
  padding-top: 5px;
  margin: 0 auto;
}
.mod_photo .photocol.col2,
.mod_photo .photocol.col3 {
  background: none;
  padding-top: 9px;
}

.mod_photo .photocol.col2 .thumltb,
.mod_photo .photocol.col3 .thumltb {
  display: flex;
  flex-wrap: wrap;
}

.mod_photo .photocol li {
  width: 140px;
  margin: 0 5px 10px;
  text-align: left;
}

.mod_photo .thumltb li .photo_top {
  padding: 0 4px 6px;
}

.mod_photo .thumltb li .photo_top a {
  font-weight: 600;
  color: #007d73;
}

.mod_photo .photocol4 .thumltb dd .photo_up {
  height: auto;
}

.mod_photo .photocol .thumltb .PhtOv {
  display: block;
  overflow: hidden;
  margin: 10px 0 0;
  padding: 0 8px 10px;
}
.mod_photo .photocol.col2 .thumltb .PhtOv,
.mod_photo .photocol.col3 .thumltb .PhtOv {
  padding-bottom: 2px;
}

.mod_photo .photocol .thumltb .PhtOv figure > a {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 1px solid #6e98d7;
}

.mod_photo .photocol .thumltb .PhtOv img {
  overflow: hidden;
}

.mod_photo .thumltb .PhtOv a:hover {
  opacity: .7;
}

.mod_photo .photocol .thumltb .PhtOv figure {
  position: relative;
}

.mod_photo .photocol .thumltb .PhtOv .user_name {
  height: auto;
  margin: 4px 0 0;
  padding: 0 4px;
  word-break: break-all;
}

.mod_photo .photocol .thumltb .PhtOv .user_name a {
  font-weight: 600;
  display: inline;
  color: #007d73;
}

.mod_photo .photocol li .alert {
  height: 17px;
  margin: 8px auto 15px;
  padding: 0;
  text-align: center;
}

.mod_photo .photocol li .alert a {
  font-size: 11px;
  display: inline-block;
  height: 17px;
  padding: 2px 0 0 13px;
  color: #66c;
  background: url(/search/image/dtl/mrk_alert01.gif) no-repeat 0 2px;
  letter-spacing: .05em;
}

.mod_photo .photocol li .alert a:hover {
  color: #f00;
}

.mod_photo .photocol li .edit {
  height: 17px;
  margin: 8px auto 13px;
  padding: 0;
  background: url(/search/image/dtl/btn_edit.gif) no-repeat center 0;
  text-align: center;
  letter-spacing: .05em;
}

.mod_photo .photocol li .edit a {
  font-size: 11px;
  display: inline-block;
  width: 52px;
  height: 17px;
  padding: 2px 0 0 13px;
  color: #66c;
  letter-spacing: .05em;
}

.mod_photo .photocol4 li .edit a:hover {
  color: #f00;
}

/* 2列表示 */
.mod_photo .photocol.col2 .thumltb .PhtOv {
  width: 278px;
}

.mod_photo .photocol.col2 .thumltb .PhtOv:first-of-type,
.mod_photo .photocol.col2 .thumltb .PhtOv:nth-of-type(2n + 1) {
  padding-left: 19px;
}

.mod_photo .photocol.col2 .thumltb .PhtOv:nth-of-type(2n) {
  padding-right: 19px;
}

.mod_photo .photocol.col2 .thumltb .PhtOv figure > a {
  width: 276px;
  height: 183px;
}

/* 3列表示 */
.mod_photo .photocol.col3 .thumltb .PhtOv {
  width: 180px;
}

.mod_photo .photocol.col3 .thumltb .PhtOv:first-of-type,
.mod_photo .photocol.col3 .thumltb .PhtOv:nth-of-type(3n + 1) {
  padding-left: 19px;
}

.mod_photo .photocol.col3 .thumltb .PhtOv:nth-of-type(3n) {
  padding-right: 19px;
}

.mod_photo .photocol.col3 .thumltb .PhtOv figure > a {
  width: 178px;
  height: 117px;
}

/* 4列表示 */
.mod_photo .photocol.col4 .thumltb .PhtOv {
  width: 131px;
}

.mod_photo .photocol.col4 .thumltb .PhtOv:first-of-type,
.mod_photo .photocol.col4 .thumltb .PhtOv:nth-of-type(4n + 1) {
  padding-left: 19px;
}

.mod_photo .photocol.col4 .thumltb .PhtOv:nth-of-type(4n) {
  padding-right: 19px;
}

.mod_photo .photocol.col4 .thumltb .PhtOv figure > a {
  width: 130px;
  height: 130px;
}

/* ---------------------------------------
 投稿写真「いいね」ボタン
---------------------------------------- */
.btn_iine {
  margin: 8px auto;
  text-align: center;
}

.btn_iine:hover img {
  opacity: .5;
  cursor: pointer;
}

.btn_iine.on:hover img {
  opacity: 1;
  cursor: default;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .btn_iine:hover img {
    opacity: 1;
  }
}

/* ---------------------------------------
 エントリー写真取り消しダイアログ
---------------------------------------- */
#confirm_bg {
  line-height: 1;
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #1a1a1a;
}

#confirm {
  font-size: 15px;
  position: fixed;
  z-index: 100001;
  top: 0;
  right: 0;
  bottom: 7%;
  left: 0;
  width: 400px;
  height: 392px;
  margin: auto;
  padding: 24px;
  border: 4px solid #e41d1d;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, .6);
  text-align: center;
}

#confirm .waku_photo {
  margin: 0 auto 20px;
}

#confirm p {
  margin: 0 0 20px;
}

#confirm b#confNo {
  display: inline-block;
  width: 100px;
  margin: 0 50px 0 0;
  padding: 10px 0;
  color: #fff;
  border-bottom: 2px solid #3b74df;
  border-radius: 4px;
  background: #5c94fe;
  cursor: pointer;
}

#confirm b#confYes {
  display: inline-block;
  width: 100px;
  padding: 10px 0;
  color: #fff;
  border-bottom: 2px solid #b70404;
  border-radius: 4px;
  background: #e41d1d;
  cursor: pointer;
}

#edit_alert_iine {
  position: fixed;
  z-index: 2000;
  top: 300px;
  display: none;
  width: 350px;
  height: 210px;
  border: 4px solid #767f94;
  background: #fff url(/entry_pubuser/image_cmn/toko_rei.gif) no-repeat center 60px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
  text-align: center;
}

#edit_alert_iine p {
  font-size: 113%;
  line-height: normal;
  margin: 10px 0 0;
}

/* ---------------------------------------
 投稿一覧BOX　動画 mod_movie_box
 ---------------------------------------- */

.mod_movie_box.post {
  border: 2px solid #33aa5b;
  border-radius: 8px;
  margin: 30px auto 25px;
  padding-right: 2px;
  text-align: left;
  width: 654px;
}

.mod_movie_box.post .mod_post_btnbox.cf {
  padding-top: 20px;
}

.mod_movie_box.post .mod_post_btnbox.cf.noborder {
  border-top: none;
}

/* ---------------------------------------
 投稿動画　mod_movie
 ---------------------------------------- */
.mod_movie {
  width: 610px;
  margin: 10px auto 0;
  padding: 0 0 20px;
}
#videos_data.mod_movie {
  margin: 16px auto 0;
}

.mod_movie .ttl {
  font-feature-settings: "palt";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.25;
  box-sizing: border-box;
  width: 610px;
  padding: 6px 15px 5px;
  color: #fff;
  background-color: #33aa5b;
  border-bottom: 3px solid #106524;
  border-radius: 7px 7px 0 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mod_movie .ttl span.count_number {
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}

.mod_movie .ttl span.osusume_txt {
  font-size: 20px;
  margin: 0;
  white-space: nowrap;
}

.mod_movie.count_ken {
  margin: 10px 10px 8px;
  padding: 2px 8px;
  background: #b2dbc1;
}

.mod_movie .newer_videos {
  background: #dff2e6;
  overflow: hidden;
}
.mod_movie .newer_videos,
.mod_movie .newer_videos.col2,
.mod_movie .newer_videos.col3 {
  display: flex;
  flex-wrap: wrap;
  background: none;
}
.mod_movie .post_emptybox .newer_videos.cf {
  background: #dff2e6;
}

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

.mod_movie .newer_videos article {
  font-size: 93%;
  width: 186px;
  margin: 10px 0 0;
  padding: 0 7px 0 10px;
}

.mod_movie .newer_videos.type_col2 article {
  width: 285px;
}

.mod_movie article figure {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

.mod_movie article figure > a {
  position: relative;
  display: block;
}

.mod_movie .newer_videos article figure .frame {
  position: relative;
  overflow: hidden;
  height: 103px;
  margin: 0;
  padding: 0;
  border: 1px solid #33aa5b;
  background: #000;
}

.mod_movie .newer_videos article figure img {
  position: absolute;
  display: block;
  top: -27px;
  width: 285px;
}

.mod_movie .newer_videos.type_col2 article figure .frame {
  height: 160px;
}

.mod_movie article figure a .frame::before {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 62px;
  height: 61px;
  margin: auto;
  opacity: 1;
  content: url("/image/movie_icon_ss.png");
}

.mod_movie article figure a:hover .frame {
  display: block;
  opacity: .8;
}

/* 2列表示 */
.mod_movie .newer_videos.col2 {
  padding-left: 18px;
  padding-top: 8px;
}
.mod_movie .newer_videos.col2 article {
  width: 285px;
}

.mod_movie .newer_videos.col2 article figure .frame {
  height: 160px;
}

.mod_movie .newer_videos.col2 article figure img {
  top: -27px;
  width: 285px;
}

/* 3列表示 */
.mod_movie .newer_videos.col3  {
  padding-left: 12px;
  padding-top: 8px;
}
.mod_movie .newer_videos.col3 article {
  width: 196px;
  padding: 0 8px;
}

.mod_movie .newer_videos.col3 article figure .frame {
  height: 103px;
}

.mod_movie .newer_videos article figure img {
  top: -18px;
  width: 186px;
}

/* ユーザー名 */
.mod_movie article .user_name {
  margin: 4px 0 10px;
  padding: 0 4px;
  word-break: break-all;
}
.mod_movie .newer_videos.col2 .user_name,
.mod_movie .newer_videos.col3 .user_name {
  margin: 4px 0;
}

.mod_movie article .user_name a {
  font-weight: 600;
  display: inline;
  color: #007d73;
}

.mod_movie article a.v_play_btn {
  position: relative;
  display: none;
  overflow: hidden;
  width: 285px;
  height: 40px;
  background: url(/search/image/dtl_new/btn_play2_ov.png) no-repeat 0 0;
}

.mod_movie article a.v_play_btn:hover img {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 1;
}

.mod_movie article div.onbg {
  width: 186px;
  height: 210px;
  margin: 0;
  padding: 0;
  background: #faf5f5 url(/search/image/dtl/none_logo_s.gif) no-repeat center center;
}

.mod_movie article figure.blank {
  background: url(/search/image/dtl_new/bg_video_gl.png) repeat-x 0 0;
}

.mod_movie article figure.blank .frame {
  overflow: hidden;
  width: 180px;
  padding: 0 0 46px;
}

.mod_movie article .blank_play_btn {
  position: relative;
  overflow: hidden;
  width: 187px;
  height: 34px;
}

.mod_movie article .blank_play_btn img {
  position: absolute;
  top: -38px;
  display: block;
}

/* ---------------------------------------
 投稿一覧BOX　口コミ/写真/動画　タイトルアイコン
 ---------------------------------------- */
.mod_kuchikomi_box h2,
.mod_photo_box h2,
.mod_movie_box h2 {
  position: relative;
}

.mod_ttl_icon {
  position: absolute;
  top: -14px;
  left: 8px;
}

/* ---------------------------------------
 投稿一覧BOX 口コミ/写真/動画　下部ボタン mod_post_btnbox
 ---------------------------------------- */
.mod_post_btnbox {
  position: relative;
  width: 610px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 20px 20px 2px;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.mod_photo .photocol.col2  + .mod_post_btnbox,
.mod_photo .photocol.col3  + .mod_post_btnbox {
  padding-top: 12px;
}
.mod_movie .newer_videos.col2 + .mod_post_btnbox,
.mod_movie .newer_videos.col3 + .mod_post_btnbox {
  padding-top: 18px;
}
.mod_post_btnbox .btn_entry {
  order: 1;
}
.mod_post_btnbox .btn_post_lst {
  order: 3;
}
.mod_post_btnbox .btn_point {
  order: 2;
}

/* 口コミ投稿 2ボタン */
.mod_kuchikomi .mod_post_btnbox {
  background: #fff;
  padding: 0 100px;
}

/* ---------------------------------------
 リサチャン投稿ボタン risachanbox
---------------------------------------- */
.risachanbox {
  clear: both;
  width: 590px;
  margin: 15px auto 0;
  padding: 45px 0 0;
  background: url(/search/image/dtl_new/bg_under_cursor_pink.png) no-repeat center top;
}

.risachanbox > figure {
  background: #fff;
}

.risachanbox > figure.bnr_cam {
  margin: 0 auto 10px;
  background: #fff;
  text-align: center;
}

.risachanbox > p {
  float: left;
}

.risachanbox > p.btn_post_risachan {
  margin: 0;
}

.risachanbox > p.risachan_point {
  margin: 0 8px 0 0;
}

.risachanbox > p.risachan_info {
  margin: 12px 0 0 0;
}

.risachanbox > p.risachan_info a:hover img {
  opacity: .7;
}

/* ---------------------------------------
 投稿 写真_動画投稿が 0 の場合のBOX
---------------------------------------- */
.post_emptybox {
  position: relative;
  width: 610px;
  margin: 0 auto;
  text-align: center;
}

.post_emptybox .mrk_double {
  position: absolute;
  z-index: 10;
  top: 25px;
  left: 70px;
}

.mod_photo .post_emptybox {
  background: #E0E9F7;
}

.post_emptybox img:last-child {
  margin: 15px 0;
}

.post_emptybox .newer_videos img,
.post_emptybox > img {
  height: auto;
}

/* ---------------------------------------
 テレビCMを見る&電子チラシ/カタログ/カレンダーを見る
---------------------------------------- */
.mod_netad_bnr {
  border-top: 2px solid #8cb010;
  border-bottom: 2px solid #8cb010;
  margin: 25px auto 0;
  padding: 30px 0;
  text-align: center;
}

.mod_netad_bnr .lnk {
  display: inline-block;
  margin: 0 15px 15px;
  vertical-align: top;
}

.mod_netad_bnr .lnk:nth-of-type(3),
.mod_netad_bnr .lnk:nth-of-type(4) {
  margin-top: 10px;
}

.mod_netad_bnr .lnk:nth-last-of-type(1),
.mod_netad_bnr .lnk:nth-last-of-type(2) {
  margin-bottom: 0;
}

.mod_netad_bnr .lnk a,
.mod_netad_bnr .lnk span {
  display: inline-block;
  vertical-align: top;
}

.mod_netad_bnr .cap {
  font-size: 14px;
  width: 240px;
  line-height: 1.3;
  margin: 6px auto 0;
}

/*バナー×４の場合に、最初のバナーに.lst_centerを追加*/
.mod_netad_bnr .lnk.lst_center {
  display: block;
}

/* -------- modal_e_pamphlet --------- */
.modal_e_pamphlet {
  width: 390px;
  border: #0087dd 3px solid;
  padding: 15px 15px 15px 15px;
  font-size: 15px;
  box-sizing: border-box;
}

.modal_e_pamphlet .modal_e_pamphlet_box {
  text-align: center;
}

.modal_e_pamphlet .modal_e_pamphlet_box .lead {
  margin: 25px 5px 0 15px;
  text-align: left;
}

.modal_e_pamphlet .modal_e_pamphlet_box li {
  margin-top: 24px;
}

.modal_e_pamphlet .modal_e_pamphlet_box li:nth-of-type(2) {
  margin-top: 12px;
}

.modal_e_pamphlet .modal_e_pamphlet_box .dl_app {
  padding: 10px 0;
  text-align: center;
}

.modal_e_pamphlet .modal_e_pamphlet_box .dl_app a {
  position: relative;
  display: block;
  font-size: 14px;
  padding-left: 19px;
  line-height: 1.4;
  display: inline-block;
}

.modal_e_pamphlet .modal_e_pamphlet_box .dl_app a::before {
  position: absolute;
  top: 4px;
  left: 6px;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 5px solid transparent;
  border-left: 6px solid #274a7b;
}

.pr_free_box .modal_e_pamphlet .modal_e_pamphlet_box .dl_app a:hover::before {
  border-left: 6px solid #ea2020;
}

/* ---------------------------------------
 株情報バナー　mod_stock_bnr
 ---------------------------------------- */
.mod_stock_bnr {
  margin: 0 auto;
  text-align: center;
}

.mod_stock_bnr > ul {
  padding-bottom: 3px;
}

.mod_stock_bnr .lnk {
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
}

.mod_stock_bnr .lnk a,
.mod_stock_bnr .lnk span {
  display: inline-block;
  vertical-align: top;
}

.mod_stock_bnr .cap {
  font-size: 14px;
  width: 270px;
  line-height: 1.3;
  margin: 6px auto 0;
}

/* ---------------------------------------
 所在地BOX　mod_map_box
 ---------------------------------------- */
.mod_map_box {
  overflow: hidden;
  width: 580px;
  margin: 0 auto 50px;
  padding: 0;
  border-radius: 6px;
}

.mod_map_box > .ttl {
  font-size: 17px;
  line-height: 1.3;
  box-sizing: border-box;
  width: 540px;
  margin: 0 auto;
  padding: 10px 60px;
  color: #fff;
  background: #5090e8 url(/search/image/dtl_new/bg_h2_location_dot_w540.png) no-repeat 0 center;
  border-radius: 10px 10px 0 0;
  text-align: center;
}

/* ===== Yahoo地図 ====== */
.y_mapbox {
  width: 568px;
  margin: 20px 0;
}

.y_mapbox .y_map {
  position: relative;
  box-sizing: border-box;
  width: 568px;
  height: 352px;
  padding: 1px;
  border: 2px solid #ccc;
}

#main_img_area .y_mapbox .y_map {
  border: 1px solid #ccc;
  height: 304px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

#main_img_area .y_mapbox .y_map div {
  padding-top: calc(38%) !important;
}

.y_mapbox .y_map img {
  width: 562px;
  height: 344px;
  border: none;
}

.y_mapbox .bnr_yahoo {
  float: left;
  margin: 4px 0 0;
}

.y_mapbox .bnr_yahoo img {
  vertical-align: top;
}

.y_mapbox .bnr_jaf {
  float: right;
  margin: 4px 0 0;
}

.y_mapbox .bnr_jaf img {
  vertical-align: top;
}

.y_mapbox::after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}
/* ===== メイン部分Googleマップ ====== */
#main_img_area .y_mapbox {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

/* ===== 所在地BOX内のYahoo地図 ===== */
.mod_map_box .y_mapbox {
  margin: 0 auto;
  position: relative;
  width: 540px;
}

.mod_map_box .y_mapbox .y_map {
  height: 446px;
  width: 540px;
}

.mod_map_box .y_mapbox .y_map img {
  height: 440px;
  width: 534px;
}

/* --Yahoo地図内　施設写真-- */
.map_ptbox {
  background: url("/search/image/dtl_new/bg_map_pt.png") no-repeat center top;
  background-size: 116px 131px;
  box-sizing: border-box;
  height: 131px;
  left: 50%;
  margin-left: -58px;
  margin-top: -162px;
  padding: 5px;
  position: absolute;
  text-align: center;
  top: 50%;
  vertical-align: top;
  width: 116px;
  z-index: 6;
}
.map_ptbox a:hover {
  opacity: 0.7 !important;
}
#main_img_area .map_ptbox {
  top: 63%;
}
.map_pt {
  height: 78px;
  margin: 0 auto;
  text-align: center;
  width: 100px;
  overflow: hidden;
}

.map_pt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map_facility_name {
  background: #0068b7;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}

.y_map_icn {
  height: 42px;
  left: 50%;
  margin-left: -20px;
  margin-top: -40px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 42px;
}
#main_img_area .y_map_icn {
  top: 63%;
}
.y_map_icn img {
  height: 1056px;
  width: 587px;
}

.y_map_icn.bkb24 img {
  margin-left: -42px;
  margin-top: -322px;
}

.company img {
  margin-top: 0;
}

.nursing img {
  margin-top: -46px;
}

.pet img {
  margin-top: -92px;
}

.gourmet img {
  margin-top: -138px;
}

.clinic img {
  margin-top: -184px;
}

.school img {
  margin-top: -230px;
}

.judo img {
  margin-top: -276px;
}

.sekkotu img {
  margin-top: -322px;
}

.tourist img {
  margin-top: -368px;
}

.hotel img {
  margin-top: -414px;
}

.theater img {
  margin-top: -460px;
}

.pub_race img {
  margin-top: -506px;
}

.insurance img {
  margin-top: -552px;
}

.bank img {
  margin-top: -598px;
}

.gov_office img {
  margin-top: -644px;
}

.broadcast img {
  margin-top: -690px;
}

.securities img {
  margin-top: -736px;
}

.train img {
  margin-top: -782px;
}

.rent_car img {
  margin-top: -828px;
}

.sports img {
  margin-top: -874px;
}

.shop img {
  margin-top: -920px;
}

.wed_hall img {
  margin-top: -966px;
}

.infra img {
  margin-top: -1012px;
}

/* NEW 分類番号設定 */
.bkb02 img {
  margin-top: 0px;
}

.bkb01 img {
  margin-top: -46px;
}

.bkb06 img {
  margin-top: -92px;
}

.bkb13 img {
  margin-top: -138px;
}

.bkb05 img {
  margin-top: -184px;
}

.bkb03 img {
  margin-top: -230px;
}

.bkb04 img {
  margin-top: -276px;
}

.bkb16 img {
  margin-top: -322px;
}

/*-------------------
         旅探
--------------------*/

/*---- 観光名所 ----*/
.mod_map_box .bkb07 img,
.mod_map_box .bc53 img,
.mod_map_box .bc163 img {
  margin: -368px 0 0 0;
}

/*---- テーマパーク ----*/
.bc45 img {
  margin: -368px 0 0 -42px;
}

/*---- 動物園 ----*/
.bc48 img {
  margin: -368px 0 0 -84px;
}

/*---- 植物園 ----*/
.bc01 img {
  margin: -368px 0 0 -126px;
}

/*---- 水族館 ----*/
.bc30 img {
  margin: -368px 0 0 -168px;
}

/*---- 博物館・美術館 ----*/
.bc179 img,
.bc180 img,
.bc181 img {
  margin: -368px 0 0 -210px;
}

/*---- 神社・寺・協会 ----*/
.bc173 img,
.bc174 img,
.bc175 img {
  margin: -368px 0 0 -252px;
}
.bc176 img {
  margin: -368px 0 0 -423px;
}

/*---- 温泉・スパ［健康ランド］ ----*/
.bc64 img,
.bc132 img,
.bc133 img {
  margin: -368px 0 0 -294px;
}

/*---- 日本の祭り・花火 ----*/
.bc56 img,
.bc65 img,
.bc70 img {
  margin: -368px 0 0 -336px;
}

/*---- 日本の城 ----*/
.mod_map_box .bc28 img {
  margin: -368px 0 0 -378px;
}

/*------------------- 旅探 END --------------------*/

.bkb15 img {
  margin-top: -414px;
}

/*-------------------
    　エンタメール
--------------------*/

/*---- エンターテイメント［映画館・劇場・ホール］ ----*/
.mod_map_box .bkb14 img,
.mod_map_box .bc04 img,
.mod_map_box .bc183 img {
  margin: -460px 0 0 0;
}

/*---- 劇場・ホール・会館 ----*/
.bc05 img {
  margin: -460px 0 0 -42px;
}

/*-------------------
      レースマップ
--------------------*/

/*---- 公営競技場・競馬場 ----*/
.mod_map_box .bkb18 img,
.mod_map_box .bc134 img,
.mod_map_box .bc184 img {
  margin: -506px 0 0 0;
}

/*---- 競輪場 ----*/
.bc136 img {
  margin: -506px 0 0 -42px;
}
/*---- 競艇場［ボートレース］ ----*/
.bc135 img {
  margin: -506px 0 0 -84px;
}

.bkb21 img {
  margin-top: -552px;
}

.bkb12 img {
  margin-top: -598px;
}

/*-------------------
      パブリネット
--------------------*/

/*---- 市区町村役場・県庁・省庁・市役所・区役所・町村役場・都道府県庁・官庁・ハローワーク・保健所・保健センター・国税局・税務署・運転免許試験場［運転免許センター］ ----*/
.bkb08 img,
.bc08 img,
.bc10 img,
.bc38 img,
.bc73 img,
.bc104 img,
.bc164 img,
.bc118 img,
.bc119 img,
.bc165 img {
  margin: -644px 0 0 0;
}

/*---- 警察署 ----*/
.bc02 img {
  margin: -644px 0 0 -42px;
}

/*---- 消防署 ----*/
.bc03 img {
  margin: -644px 0 0 -84px;
}

/*---- 図書館 ----*/
.bc32 img {
  margin: -644px 0 0 -126px;
}

/*---- 公園・庭園/緑地 ----*/
.bc14 img {
  margin: -644px 0 0 -168px;
}

/*---- 電力会社・水道局・ガス会社・通信キャリア ----*/
.bc54 img,
.bc55 img,
.bc140 img,
.bc141 img,
.bc161 img {
  margin: -644px 0 0 -210px;
}

/*-------------------
      メディアポ
--------------------*/

/*---- マスコミ・テレビ局 ----*/
.mod_map_box .bkb19 img,
.mod_map_box .bc74 img,
.mod_map_box .bc185 img {
  margin: -690px 0 0 0;
}

/*---- ラジオ局 ----*/
.bc89 img {
  margin: -690px 0 0 -42px;
}

/*---- 新聞社 ----*/
.bc90 img {
  margin: -690px 0 0 -84px;
}

.bkb20 img {
  margin-top: -736px;
}

/*-------------------
      ユキサキナビ
--------------------*/
.bkb09 img {
  margin-top: -782px;
}

/*---- バス停 ----*/
.bc33 img {
  margin: -782px 0 0 -42px;
}

/*---- 空港 ----*/
.bc41 img {
  margin: -782px 0 0 -84px;
}

/*---- 鉄道駅・路面電車 ----*/
.bc46 img,
.bc59 img {
  margin: -782px 0 0 -126px;
}

/*---- ヘリポート ----*/
.bc66 img {
  margin: -782px 0 0 -168px;
}

/*---- フェリー ----*/
.bc109 img {
  margin: -782px 0 0 -210px;
}

/*---- 高速道路 ----*/
.bc49 img,
.bc177 img,
.bc178 img {
  margin: -782px 0 0 -252px;
}

/*------------- ユキサキナビ　END ------------*/

.bkb23 img {
  margin-top: -828px;
}

/*-------------------
      スポランド
--------------------*/

/*---- スポーツ施設 ----*/
.mod_map_box .bkb10 img,
.mod_map_box .bc29 img {
  margin: -874px 0 0 0;
}

/*---- 野球場 ----*/
.bc18 img {
  margin: -874px 0 0 -42px;
}

/*---- サッカースタジアム ----*/
.bc16 img {
  margin: -874px 0 0 -84px;
}

/*---- 陸上競技場 ----*/
.bc17 img {
  margin: -874px 0 0 -126px;
}

/*---- 水泳プール ----*/
.bc43 img {
  margin: -874px 0 0 -168px;
}

/*---- 体育館・スポーツセンター・武道館 ----*/
.bc19 img {
  margin: -874px 0 0 -210px;
}

/*---- 柔道 ----*/
.bc85 img {
  margin: -874px 0 0 -336px;
}

/*---- スキー場 ----*/
.bc42 img {
  margin: -874px 0 0 -252px;
}

/*---- ゴルフ場［ゴルフコース］　ゴルフ練習場 ----*/
.bc21 img,
.bc58 img {
  margin: -874px 0 0 -294px;
}

/*-------------------
    マーケットピア
--------------------*/

/*---- 百貨店デパート　アウトレット　ディスカウント　専門店　スーパー　専門店 ----*/
.mod_map_box .bkb11 img,
.mod_map_box .bc44 img,
.mod_map_box .bc112 img,
.mod_map_box .bc113 img,
.mod_map_box .bc115 img,
.mod_map_box .bc139 img,
.mod_map_box .bc166 img {
  margin: -920px 0 0 0;
}

/*---- 家電店・家具店・ホームセンター ----*/
.bc117 img {
  margin: -920px 0 0 -42px;
}

.bc192 img {
  margin: -920px 0 0 -504px;
}

.bc193 img {
  margin: -920px 0 0 -42px;
}

.bc194 img {
  margin: -920px 0 0 -547px;
}

/*---- 服屋 ----*/
.bc71 img {
  margin: -920px 0 0 -84px;
}

/*---- カー用品・カーディーラー ----*/
.bc96 img,
.bc52 img {
  margin: -920px 0 0 -126px;
}

/*---- 本屋 ----*/
.bc114 img {
  margin: -920px 0 0 -168px;
}

/*---- スポーツショップ ----*/
.bc83 img {
  margin: -920px 0 0 -210px;
}

/*---- ゴルフショップ ----*/
.golfshop img {
  margin: -920px 0 0 -462px;
}

/*---- ペットショップ ----*/
.bc22 img {
  margin: -920px 0 0 -252px;
}

/*---- 道の駅 ----*/
.bc50 img {
  margin: -920px 0 0 -294px;
}

/*---- コンビニ ----*/
.bc24 img {
  margin: -920px 0 0 -336px;
}

/*---- ドラッグストア ----*/
.bc116 img {
  margin: -920px 0 0 -378px;
}

/*---- 刀剣商・刀剣店 ----*/
.bc189 img {
  margin: -920px 0 0 -420px;
}

/*------------------- マーケットピア END --------------------*/

.bkb17 img {
  margin-top: -966px;
}

.bkb22 img {
  margin-top: -1012px;
}

.mod_map_box .y_mapbox .bnr_jaf {
  margin-bottom: 15px;
}

.mod_map_box .map_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  overflow: hidden;
  width: 440px;
}

.mod_map_box .map_link li {
  margin-bottom: 10px;
}

.mod_map_box .map_link li img {
  width: 100%;
  height: auto;
}

.mod_map_box .map_link .btn_mainmap a:hover,
.mod_map_box .map_link .btn_fullmap a:hover {
  opacity: .7;
}

/* インドアビューがある場合 */
.mod_map_box .map_link.side_line {
  margin: 5px auto 0;
}

.mod_map_box .view_box {
  display: inline-block;
  margin: 5px 0 20px;
}

.mod_map_box .view_box dt {
  background: #ff74b3;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.mod_map_box .view_box dd {
  border: 3px solid #ff6d9d;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 25px 0 20px;
}

.mod_map_box .view_box dd ul {
  overflow: hidden;
  margin: 0 28px;
}

.mod_map_box .view_box dd ul li {
  float: left;
  margin: 0 5px;
}

.mod_map_box .arund_link {
  width: 530px;
  margin: 0 auto 15px;
}
.mod_map_box .arund_link .maps a img{
  width: 255px;
  height: auto;
}

/* インドアビューがない場合 */
.mod_map_box .view_box.indoor_none {
  position: relative;
}

.mod_map_box .view_box.indoor_none dd {
  padding: 15px 0 10px;
}

.mod_map_box .view_box.indoor_none::before,
.mod_map_box .view_box.indoor_none::after {
  content: "";
  height: 124px;
  position: absolute;
  top: 0;
  width: 80px;
}

.mod_map_box .view_box.indoor_none::before {
  left: -105px;
}

.mod_map_box .view_box.indoor_none::after {
  right: -105px;
}

/* 各カテゴリイメージキャラクター背景画像 */
.c01 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c01_01.png) no-repeat 0 0;
}

.c01 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c01_02.png) no-repeat 0 0;
}

.c02 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c02_01.png) no-repeat 0 0;
}

.c02 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c02_02.png) no-repeat 0 0;
}

.c03 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c03_01.png) no-repeat 0 0;
}

.c03 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c03_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c04 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c04_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c04 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c04_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c05 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c05_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c05 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c05_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c07 .mod_map_box .view_box.indoor_none::before,
.c172 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c07_01.png) no-repeat 0 0;
}

.c07 .mod_map_box .view_box.indoor_none::after,
.c172 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c07_02.png) no-repeat 0 0;
}

.c13 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c13_01.png) no-repeat 0 0;
}

.c13 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c159_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c14 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c14_01.png) no-repeat 0 0;
}

.c14 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c14_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c20 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c20_01.png) no-repeat 0 0;
}

.c20 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c20_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c21 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c21_01.png) no-repeat 0 0;
}

.c21 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c21_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c22 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c22_01.png) no-repeat 0 0;
}

.c22 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c22_02.png) no-repeat 0 0;
}

.c23 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c23_01.png) no-repeat 0 0;
}

.c23 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c23_02.png) no-repeat 0 0;
}

.c28 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c28_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c28 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c28_02.png) no-repeat 0 0;
}

.c29 .mod_map_box .view_box.indoor_none::before,
.c16 .mod_map_box .view_box.indoor_none::before,
.c17 .mod_map_box .view_box.indoor_none::before,
.c18 .mod_map_box .view_box.indoor_none::before,
.c19 .mod_map_box .view_box.indoor_none::before,
.c43 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c29_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c29 .mod_map_box .view_box.indoor_none::after,
.c16 .mod_map_box .view_box.indoor_none::after,
.c17 .mod_map_box .view_box.indoor_none::after,
.c18 .mod_map_box .view_box.indoor_none::after,
.c19 .mod_map_box .view_box.indoor_none::after,
.c43 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c29_02.png) no-repeat 0 0;
}

.c30 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c30_01.png) no-repeat 0 0;
}

.c30 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c30_02.png) no-repeat 0 0;
}

.c31 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c31_01.png) no-repeat 0 0;
}

.c31 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c31_02.png) no-repeat 0 0;
}

.c32 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c32_01.png) no-repeat 0 0;
}

.c32 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c32_02.png) no-repeat 0 0;
}

.c33 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c33_01.png) no-repeat 0 0;
}

.c33 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c33_02.png) no-repeat 0 0;
  right: -125px;
  width: 110px;
}

.c35 .mod_map_box .view_box.indoor_none::before,
.c68 .mod_map_box .view_box.indoor_none::before,
.c93 .mod_map_box .view_box.indoor_none::before,
.c154 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c35_01.png) no-repeat 0 0;
}

.c35 .mod_map_box .view_box.indoor_none::after,
.c68 .mod_map_box .view_box.indoor_none::after,
.c93 .mod_map_box .view_box.indoor_none::after,
.c154 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c35_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c36 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c36_01.png) no-repeat 0 0;
}

.c36 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c36_02.png) no-repeat 0 0;
}

.c37 .mod_map_box .view_box.indoor_none::before,
.c97 .mod_map_box .view_box.indoor_none::before,
.c100 .mod_map_box .view_box.indoor_none::before,
.c101 .mod_map_box .view_box.indoor_none::before,
.c102 .mod_map_box .view_box.indoor_none::before,
.c162 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c37_01.png) no-repeat 0 0;
}

.c37 .mod_map_box .view_box.indoor_none::after,
.c97 .mod_map_box .view_box.indoor_none::after,
.c100 .mod_map_box .view_box.indoor_none::after,
.c101 .mod_map_box .view_box.indoor_none::after,
.c102 .mod_map_box .view_box.indoor_none::after,
.c162 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c37_02.png) no-repeat 0 0;
}

.c41 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c41_01.png) no-repeat 0 0;
}

.c41 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c41_02.png) no-repeat 0 0;
}

.c42 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c42_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c42 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c42_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c44 .mod_map_box .view_box.indoor_none::before,
.c112 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c44_01.png) no-repeat 0 0;
}

.c44 .mod_map_box .view_box.indoor_none::after,
.c112 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c44_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c45 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c45_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c45 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c45_02.png) no-repeat 0 0;
}

.c46 .mod_map_box .view_box.indoor_none::before,
.c59 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c46_01.png) no-repeat 0 0;
}

.c46 .mod_map_box .view_box.indoor_none::after,
.c59 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c46_02.png) no-repeat 0 0;
}

.c48 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c48_01.png) no-repeat 0 0;
}

.c48 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c48_02.png) no-repeat 0 0;
}

.c50 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c50_01.png) no-repeat 0 0;
}

.c50 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c50_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c51 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c51_01.png) no-repeat 0 0;
}

.c51 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c51_02.png) no-repeat 0 0;
}

.c191 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c191_01.png) no-repeat 0 0;
}

.c191 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c191_02.png) no-repeat 0 0;
}

.c52 .mod_map_box .view_box.indoor_none::before,
.c95 .mod_map_box .view_box.indoor_none::before,
.c96 .mod_map_box .view_box.indoor_none::before,
.c105 .mod_map_box .view_box.indoor_none::before,
.c107 .mod_map_box .view_box.indoor_none::before,
.c108 .mod_map_box .view_box.indoor_none::before,
.c120 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c52_01.png) no-repeat 0 0;
}

.c52 .mod_map_box .view_box.indoor_none::after,
.c95 .mod_map_box .view_box.indoor_none::after,
.c96 .mod_map_box .view_box.indoor_none::after,
.c105 .mod_map_box .view_box.indoor_none::after,
.c107 .mod_map_box .view_box.indoor_none::after,
.c108 .mod_map_box .view_box.indoor_none::after,
.c120 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c52_02.png) no-repeat 0 0;
}

.c53 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c53_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c53 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c53_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c56 .mod_map_box .view_box.indoor_none::before,
.c65 .mod_map_box .view_box.indoor_none::before,
.c70 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c56_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c56 .mod_map_box .view_box.indoor_none::after,
.c65 .mod_map_box .view_box.indoor_none::after,
.c70 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c56_02.png) no-repeat 0 0;
}

.c58 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c58_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c58 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c58_02.png) no-repeat 0 0;
}

.c61 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c61_01.png) no-repeat 0 0;
}

.c61 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c61_02.png) no-repeat 0 0;
}

.c64 .mod_map_box .view_box.indoor_none::before,
.c132 .mod_map_box .view_box.indoor_none::before,
.c133 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c64_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c64 .mod_map_box .view_box.indoor_none::after,
.c132 .mod_map_box .view_box.indoor_none::after,
.c133 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c64_02.png) no-repeat 0 0;
}

.c66 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c66_01.png) no-repeat 0 0;
}

.c66 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c66_02.png) no-repeat 0 0;
}

.c67 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c67_01.png) no-repeat 0 0;
  left: -100px;
}

.c67 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c67_02.png) no-repeat 0 0;
  right: -95px;
}

.c69 .mod_map_box .view_box.indoor_none::before,
.c84 .mod_map_box .view_box.indoor_none::before,
.c131 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c69_01.png) no-repeat 0 0;
}

.c69 .mod_map_box .view_box.indoor_none::after,
.c84 .mod_map_box .view_box.indoor_none::after,
.c131 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c69_02.png) no-repeat 0 0;
}

.c71 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c71_01.png) no-repeat 0 0;
}

.c71 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c71_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c73 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c73_01.png) no-repeat 0 0;
}

.c73 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c73_02.png) no-repeat 0 0;
}

.c74 .mod_map_box .view_box.indoor_none::before,
.c89 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c74_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c74 .mod_map_box .view_box.indoor_none::after,
.c89 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c74_02.png) no-repeat 0 0;
}

.c83 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c83_01.png) no-repeat 0 0;
}

.c83 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c83_02.png) no-repeat 0 0;
}

.c85 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c85_01.png) no-repeat 0 0;
}

.c85 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c85_02.png) no-repeat 0 0;
}

.c90 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c90_01.png) no-repeat 0 0;
}

.c90 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c90_02.png) no-repeat 0 0;
}

.c98 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c98_01.png) no-repeat 0 0;
}

.c98 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c98_02.png) no-repeat 0 0;
}

.c104 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c104_01.png) no-repeat 0 0;
}

.c104 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c104_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c106 .mod_map_box .view_box.indoor_none::before,
.c121 .mod_map_box .view_box.indoor_none::before,
.c122 .mod_map_box .view_box.indoor_none::before,
.c123 .mod_map_box .view_box.indoor_none::before,
.c124 .mod_map_box .view_box.indoor_none::before,
.c125 .mod_map_box .view_box.indoor_none::before,
.c126 .mod_map_box .view_box.indoor_none::before,
.c127 .mod_map_box .view_box.indoor_none::before,
.c128 .mod_map_box .view_box.indoor_none::before,
.c129 .mod_map_box .view_box.indoor_none::before,
.c137 .mod_map_box .view_box.indoor_none::before,
.c138 .mod_map_box .view_box.indoor_none::before,
.c149 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c106_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c106 .mod_map_box .view_box.indoor_none::after,
.c121 .mod_map_box .view_box.indoor_none::after,
.c122 .mod_map_box .view_box.indoor_none::after,
.c123 .mod_map_box .view_box.indoor_none::after,
.c124 .mod_map_box .view_box.indoor_none::after,
.c125 .mod_map_box .view_box.indoor_none::after,
.c126 .mod_map_box .view_box.indoor_none::after,
.c127 .mod_map_box .view_box.indoor_none::after,
.c128 .mod_map_box .view_box.indoor_none::after,
.c129 .mod_map_box .view_box.indoor_none::after,
.c137 .mod_map_box .view_box.indoor_none::after,
.c138 .mod_map_box .view_box.indoor_none::after,
.c149 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c106_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c109 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c109_01.png) no-repeat 0 0;
}

.c109 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c109_02.png) no-repeat 0 0;
}

.c113 .mod_map_box .view_box.indoor_none::before,
.c24 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c113_01.png) no-repeat 0 0;
}

.c113 .mod_map_box .view_box.indoor_none::after,
.c24 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c113_02.png) no-repeat 0 0;
  right: -125px;
  width: 110px;
}

.c114 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c114_01.png) no-repeat 0 0;
}

.c114 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c114_02.png) no-repeat 0 0;
}

.c115 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c115_01.png) no-repeat 0 0;
  left: -125px;
  width: 110px;
}

.c115 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c115_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c116 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c116_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c116 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c116_02.png) no-repeat 0 0;
}

.c117 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c117_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c117 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c117_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c118 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c118_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c118 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c118_02.png) no-repeat 0 0;
}

.c134 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c134_01.png) no-repeat 0 0;
}

.c134 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c134_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c135 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c135_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c135 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c135_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c136 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c136_01.png) no-repeat 0 0;
  left: -125px;
  width: 110px;
}

.c136 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c136_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c155 .mod_map_box .view_box.indoor_none::before,
.c62 .mod_map_box .view_box.indoor_none::before,
.c63 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c155_01.png) no-repeat 0 0;
}

.c155 .mod_map_box .view_box.indoor_none::after,
.c62 .mod_map_box .view_box.indoor_none::after,
.c63 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c155_02.png) no-repeat 0 0;
}

.c156 .mod_map_box .view_box.indoor_none::before,
.c82 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c156_01.png) no-repeat 0 0;
}

.c156 .mod_map_box .view_box.indoor_none::after,
.c82 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c156_02.png) no-repeat 0 0;
}

.c158 .mod_map_box .view_box.indoor_none::before,
.c15 .mod_map_box .view_box.indoor_none::before,
.c80 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c158_01.png) no-repeat 0 0;
}

.c158 .mod_map_box .view_box.indoor_none::after,
.c15 .mod_map_box .view_box.indoor_none::after,
.c80 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c158_02.png) no-repeat 0 0;
}

.c159 .mod_map_box .view_box.indoor_none::before,
.c11 .mod_map_box .view_box.indoor_none::before,
.c12 .mod_map_box .view_box.indoor_none::before,
.c103 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c159_01.png) no-repeat 0 0;
}

.c159 .mod_map_box .view_box.indoor_none::after,
.c11 .mod_map_box .view_box.indoor_none::after,
.c12 .mod_map_box .view_box.indoor_none::after,
.c103 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c159_02.png) no-repeat 0 0;
}

.c160 .mod_map_box .view_box.indoor_none::before,
.c169 .mod_map_box .view_box.indoor_none::before,
.c170 .mod_map_box .view_box.indoor_none::before,
.c190 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c160_01.png) no-repeat 0 0;
}

.c160 .mod_map_box .view_box.indoor_none::after,
.c169 .mod_map_box .view_box.indoor_none::after,
.c170 .mod_map_box .view_box.indoor_none::after,
.c190 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c160_02.png) no-repeat 0 0;
}

.c161 .mod_map_box .view_box.indoor_none::before,
.c54 .mod_map_box .view_box.indoor_none::before,
.c55 .mod_map_box .view_box.indoor_none::before,
.c140 .mod_map_box .view_box.indoor_none::before,
.c141 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c161_01.png) no-repeat 0 0;
}

.c161 .mod_map_box .view_box.indoor_none::after,
.c54 .mod_map_box .view_box.indoor_none::after,
.c55 .mod_map_box .view_box.indoor_none::after,
.c140 .mod_map_box .view_box.indoor_none::after,
.c141 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c161_02.png) no-repeat 0 0;
}

.c163 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c163_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c163 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c163_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c164 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c164_01.png) no-repeat 0 0;
}

.c164 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c164_02.png) no-repeat 0 0;
}

.c165 .mod_map_box .view_box.indoor_none::before,
.c08 .mod_map_box .view_box.indoor_none::before,
.c09 .mod_map_box .view_box.indoor_none::before,
.c10 .mod_map_box .view_box.indoor_none::before,
.c38 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c165_01.png) no-repeat 0 0;
}

.c165 .mod_map_box .view_box.indoor_none::after,
.c08 .mod_map_box .view_box.indoor_none::after,
.c09 .mod_map_box .view_box.indoor_none::after,
.c10 .mod_map_box .view_box.indoor_none::after,
.c38 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c165_02.png) no-repeat 0 0;
}

.c167 .mod_map_box .view_box.indoor_none::before,
.c87 .mod_map_box .view_box.indoor_none::before,
.c119 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c167_01.png) no-repeat 0 0;
}

.c167 .mod_map_box .view_box.indoor_none::after,
.c87 .mod_map_box .view_box.indoor_none::after,
.c119 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c167_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c168 .mod_map_box .view_box.indoor_none::before,
.c72 .mod_map_box .view_box.indoor_none::before,
.c142 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c168_01.png) no-repeat 0 0;
}

.c168 .mod_map_box .view_box.indoor_none::after,
.c72 .mod_map_box .view_box.indoor_none::after,
.c142 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c168_02.png) no-repeat 0 0;
}

.c173 .mod_map_box .view_box.indoor_none::before,
.c174 .mod_map_box .view_box.indoor_none::before,
.c175 .mod_map_box .view_box.indoor_none::before,
.c176 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c173_01.png) no-repeat 0 0;
  left: -125px;
  width: 100px;
}

.c173 .mod_map_box .view_box.indoor_none::after,
.c174 .mod_map_box .view_box.indoor_none::after,
.c175 .mod_map_box .view_box.indoor_none::after,
.c176 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c173_02.png) no-repeat 0 0;
  right: -125px;
  width: 100px;
}

.c178 .mod_map_box .view_box.indoor_none::before,
.c49 .mod_map_box .view_box.indoor_none::before,
.c177 .mod_map_box .view_box.indoor_none::before {
  background: url(/search/image/dtl/chara_illust3/c178_01.png) no-repeat 0 0;
}

.c178 .mod_map_box .view_box.indoor_none::after,
.c49 .mod_map_box .view_box.indoor_none::after,
.c177 .mod_map_box .view_box.indoor_none::after {
  background: url(/search/image/dtl/chara_illust3/c178_02.png) no-repeat 0 0;
}

/* ------------------------------------------
 GoogleMap 全画面モーダル　
------------------------------------------- */
#modal_area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
}

#modal_fullmap {
  width: 100%;
  height: 100%;
}

#closebtn_fullmap {
  position: fixed;
  bottom: 20px;
  right: 44%;
  width: 117px;
  height: 38px;
  background: url(/search/image/dtl_new/btn_map_close.png) no-repeat center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 300;
  cursor: pointer;
}

#closebtn_fullmap:hover {
  background-image: url(/search/image/dtl_new/btn_map_close_on.png);
}

/* ---------------------------------------
 自動車・トトちゃん（自転車）アニメ追加
---------------------------------------- */
.border_line_anime_car {
  overflow: hidden;
  width: 570px;
  margin: 0 0 30px 0;
  text-align: center;
}

.border_line_anime_toto {
  margin: 0 0 20px 0;
  text-align: center;
}

.border_line_anime_train {
  overflow: hidden;
  text-align: center;
}

.line_car_s,
.line_train_s {
  position: relative;
  width: 540px;
  margin: 10px auto 8px;
  background: url(/search/image/dtl/line_bg_car_anime.png) no-repeat center bottom;
  background-size: auto 46px;
  height: 80px;
}

.line_train_s {
  height: 60px;
  margin: 20px auto 25px;
  background: url(/search/image/dtl/img_anime-haikei-train.png) no-repeat center bottom / cover;
}

.trainanimegif {
  position: absolute;
  bottom: 5px;
  left: -311px;
  width: 311px;
  height: 35px;
  transform-origin: left bottom 0;
}

.trainanimegif.train_moved {
  left: 540px;
  transition: 2.7s;
  transition-timing-function: linear
}

.caranimegif{
  position: absolute;
  bottom: 8px;
  left: -200px;
  transform: scale(0.5);
  transform-origin:left bottom 0; 
}

.caranimegif.car_moved{
  left: 600px;
  transition: 3s;
  transition-timing-function : linear	
}

/* ---------------------------------------
 交通情報　mod_traffic_info
 ---------------------------------------- */
.mod_traffic_info {
  width: 292px;
  margin: 25px auto 10px;
}

.mod_traffic_info a {
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  display: block;
  width: 262px;
  height: 50px;
  padding-left: 30px;
  color: #fff;
  background: url(/search/image/dtl_new/btn_traffic_info.png) no-repeat center center;
  text-shadow: 0 -1px #5564b4, 1px 0 #5564b4, 0 1px #5564b4, -1px 1px #5564b4;
  text-align: center;
}

.mod_traffic_info a:hover {
  opacity: .8;
}

/* ---------------------------------------
 施設への?交通情報　traffic_info
---------------------------------------- */
.traffic_info {
  width: 580px;
  margin: 30px auto 0;
  text-align: center;
}

/*周辺施設検索の地図ボックス*/
.traffic_info.near_facility {
  margin: 0 auto 30px;
}

.bus_name + .traffic_info {
  margin: 70px auto 40px;
}

.ic_name + .traffic_info {
  width: 598px;
  margin: 70px auto 40px;
}

.traffic_info h2 {
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  width: 576px;
  margin: 0 0 0;
  padding: 8px 10px 8px;
  color: #fff;
  background: url(/search/image/dtl_new/ttl_traffic_top.png) no-repeat center top,
    url(/search/image/dtl_new/ttl_traffic_btm.png) no-repeat center bottom,
    url(/search/image/dtl_new/ttl_traffic_mid.png) repeat-y center center;
  text-align: center;
}

/* ---------------------------------------
 交通アクセス情報を見る/施設周辺から生活施設を探す
 ---------------------------------------- */
 .mod_access_info,
 .mod_area_facility {
  box-sizing: border-box;
  border: 2px solid #e8668e;
  border-radius: 6px;
  min-height: 170px;
  margin: 20px auto 0;
  overflow: hidden;
  width: 540px;
}
.mod_access_info + .mod_area_facility {
  margin: 32px auto 0;
}
.mod_access_info {
  margin: 20px auto 0;
}
.mod_access_info dt, 
.mod_area_facility dt,
#rent_pr_search .rent_pr dt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  background: #e8668e;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: 600;
  min-height: 48px;
  text-align: center;
  width: 100%;
  color: #fff;
  letter-spacing: .05em;
}
.mod_area_facility dt span:last-child,
#rent_pr_search .rent_pr dt span:last-child {
  display: inline-block;
}
.mod_access_info dt p{
  font-feature-settings: "palt";
  line-height: 1.3;
  padding: 4px 1em;
}
.mod_access_info dt p,
#rent_pr_search .rent_pr dt p {
  color: #fff;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  padding: 8px 5px 7px 66px;
  font-feature-settings: "palt";
}


.mod_area_facility .ttl_serch_box_inner{
  display: flex;
  align-items: center;
}
.mod_area_facility dt p {
  color: #fff;
  text-align: center;
  line-height: 1.3;
  margin: 0 auto;
  padding: 8px 5px 7px 0px;
  font-feature-settings: "palt";
}

.mod_area_facility .cat_name{
  background-color: #fff;
  border-radius: 15px;
  color: #e8668e;
  flex-shrink: 0;
  font-size: 16px;
  margin-left: 10px;
  margin-right: 5px;
  padding: 4px 8px;
}
.mod_access_info dt p {
  background: url(/search/image/dtl_new/icon_koutu.png) no-repeat 10px center / 50px 30px;
}
#rent_pr_search .rent_pr dt p {
  background: url(/search/image/dtl_new/icon_chintai.png) no-repeat 10px center / 50px 30px;
}
.mod_access_info dt span + span {
  display: inline-block;
}
.mod_access_info dd ,
.mod_area_facility dd {
  background: #faf9f1 url(/search/image/dtl_new/mod_area_facility_bg.png) no-repeat -100px 0;
  background-size: auto 100%;
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  padding: 11px 0 10px 100px;
}
.mod_access_info dd {
  background: #f4fcfd url(/search/image/dtl_new/mod_area_access_bg.png) no-repeat 0 0/67% auto;
}
.mod_access_info dd {
  background: none;
  padding: 0 10px 0 20px;
}

.border_line_anime_car + .mod_access_info dd {
  background: none;
  border-radius: 0;
  padding: 0 20px;
  letter-spacing: -.01em;
  line-height: 1.4;
}

.mod_access_info dd p,
.mod_area_facility dd p {
  color: #333;
  display: inline-block;
  letter-spacing: .05em;
  line-height: 1.4;
  padding: 0 20px;
}
.mod_access_info dd a,
.mod_area_facility dd a {
  display: block;
  text-align: right;
  margin: 8px 20px 0 88px;
}

.mod_area_facility dd .btn_srch_area_fa:hover {
  opacity: .7;
}

.mod_access_info dd .mod_access_info_box {
  box-sizing: border-box;
  border-radius: 0;
  display: flex;
  padding: 12px 0 10px;
}

.mod_access_info dd .mod_access_info_btn {
  align-items: center;
  background: linear-gradient(#e76596, #df497a);
  border: 1px solid #b22e60;
  border-radius: 23px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  letter-spacing: .05em;
  margin: 10px auto 0;
  padding: 10px;
  position: relative;
  text-align: center;
  min-width: 220px;
  width: fit-content;
}

.mod_access_info dd .mod_access_info_btn::after {
  border: solid #fff;
  border-width: 2px 2px 0 0;
  content: "";
  height: 5px;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
}

.mod_access_info dd .mod_access_info_btn:hover {
  opacity: .7;
}

/* mod_access_info_route_text 交通アクセス経路リンク */
.mod_access_info .mod_access_info_route_box {
  display: flex;
  padding: 12px 0;
  margin-right: 10px;
}

.mod_access_info .mod_access_info_route_box:not(:first-child) {
  border-top: 2px solid #e8668e;
}

.mod_access_info .mod_access_info_route_box figure {
  margin: 0 20px 0 0;
}

.mod_access_info .mod_access_info_route_box .mod_access_info_route_text {
  text-align: center;
}
.mod_access_info .mod_access_info_route_box .mod_access_info_route_text dl {
  text-align: left;
}
.mod_access_info .mod_access_info_route_box .mod_access_info_route_text p {
  letter-spacing: .05em;
  padding: 0;
  text-align: left;
}

.mod_access_info .mod_access_info_route_box dl dt {
  background: none;
  border-bottom: 1px solid #0d3385;
  color: #0d3385;
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  font-size: 16px;
  font-feature-settings: "palt" 1;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .04em;
  margin-bottom: 4px;
  min-height: auto;
  padding-bottom: 5px;
  text-align: center;
  width: 100%;
}

.mod_access_info .mod_access_info_route_box dd {
  letter-spacing: .05em;
  padding: 0;
}

.mod_access_info .mod_access_info_route_box dl dt > .ft16 {
  font-size: 15px;
  color: #000;
}

.mod_access_info .mod_access_info_route_box .btn_access_route {
  letter-spacing: 0;
  line-height: 1.5;
  margin: 5px auto 0 auto;
  padding: 0;
  text-align: center;
}

.mod_access_info .mod_access_info_route_box .btn_access_route a {
  border-width: 2px;
  display: flex;
  font-size: 13px;
  justify-content: center;
  text-align: left;
  letter-spacing: 0.05em;
  margin: auto;
  padding: 13px 13px 13px 24px;
  min-width: 235px;
  line-height: 1.2;
  text-align: left;
}

/* 距離に関する注意文 */
.box_around_facility .note,
.mod_link_secnd .note{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 15px;
  line-height: 1.4;
}
.box_around_facility .note{
  margin: 5px 15px 0;
}
.mod_link_secnd .note{
  margin: 0 0 0 40px;
}

#outskirts_info dd .note {
  margin: 0px 20px;
}

/* ---------------------------------------
 関連する施設を探す
 ---------------------------------------- */
.related_facilities_box {
  background: #f9f9f1;
  box-sizing: border-box;
  border: 2px solid #12a169;
  border-radius: 6px;
  min-height: 170px;
  margin: 20px auto 30px;
  overflow: hidden;
  position: relative;
  width: 540px;
}
.related_facilities.kaigo .related_facilities_box {
  border-color: #e8668e;
}

.related_facilities_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  background: #12a169;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: 600;
  min-height: 48px;
  text-align: center;
  width: 100%;
  color: #fff;
  letter-spacing: .05em;
}
.related_facilities.kaigo .related_facilities_ttl {
  background: #e8668e;
}

.related_facilities_ttl p {
  background: url(/search/image/dtl_new/icon_shisetsu_green.png) no-repeat 10px center / 50px 30px;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  margin: 0 auto;
  padding: 8px 5px 7px 66px;
  font-feature-settings: "palt";
}
.related_facilities.kaigo .related_facilities_ttl p {
  background: url(/search/image/dtl_new/icon_kaigo.png) no-repeat 10px center / 50px 30px;
}

.related_facilities_ttl p span:last-child {
  display: inline-block;
}


.related_facilities_ttl_inner {
  display: flex;
  align-items: center;
}

.related_facilities_ttl_inner .cat_name{
  background-color: #fff;
  border-radius: 15px;
  color: #12a169;
  flex-shrink: 0;
  font-size: 16px;
  margin-right: 5px;
  margin-left:10px;
  padding: 4px 8px;
}
.related_facilities_ttl .related_facilities_ttl_inner p {
  background: none;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  margin: 0 auto;
  padding: 8px 5px 7px 0px;
  font-feature-settings: "palt";
}

.related_facilities_desc {
  font-size: 16px;
  margin: 15px auto 0;
  text-align: left;
  width: 490px;
}

.related_facilities_desc p {
  display: inline-block;
  line-height: 1.56;
  margin: 0;
}

.related_facilities_chart {
  margin-top: 13px;
}

.related_facilities_chart ol {
  height: 288px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 337px;
}

.related_facilities_chart ol li {
  border-radius: 50%;
  box-sizing: border-box;
  height: 145px;
  position: absolute;
  width: 145px;
}

.related_facilities_chart ol li.facility_01 {
  left: 0;
  margin: auto;
  right: 0;
  z-index: 5;
  width: 172px;
  height: 172px;
  background: url(/search/image/dtl_new/related_facilities_img_01.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 1;
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_01 {
  background-image: url(/search/image/dtl_new/related_facilities_kaigo_img_01.png);
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_01.nolink {
  background-image: url(/search/image/dtl_new/related_facilities_kaigo_img_01_gray.png);
}

.related_facilities_chart ol li.facility_02 {
  right: 0;
  top: 125px;
  background: url(/search/image/dtl_new/related_facilities_img_02.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 2;
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_02 {
  background-image: url(/search/image/dtl_new/related_facilities_kaigo_img_02.png);
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_02.nolink {
  background-image: url(/search/image/dtl_new/related_facilities_kaigo_img_02_gray.png);
}

.related_facilities_chart ol li.facility_03 {
  left: 0;
  top: 125px;
  background: url(/search/image/dtl_new/related_facilities_img_03.png) no-repeat 0 0;
  background-size: 100%;
  z-index: 2;
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_03 {
  background-image: url(/search/image/dtl_new/related_facilities_kaigo_img_03.png);
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_03.nolink {
  background-image: url(/search/image/dtl_new/related_facilities_kaigo_img_03_gray.png);
}

.related_facilities_chart ol li.facility_01::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/search/image/dtl_new/related_facilities_arrow_01.png) no-repeat 0 0;
  background-size: 100%;
  width: 35.5px;
  height: 56px;
  right: -42px;
  bottom: 49px;
}

.related_facilities_chart ol li.facility_02::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/search/image/dtl_new/related_facilities_arrow_03.png) no-repeat 0 0;
  background-size: 100%;
  width: 64.5px;
  height: 24.5px;
  left: -57px;
  bottom: 14px;
}

.related_facilities_chart ol li.facility_03::before {
  position: absolute;
  content: "";
  display: block;
  background: url(/search/image/dtl_new/related_facilities_arrow_02.png) no-repeat 0 0;
  background-size: 100%;
  width: 35.5px;
  height: 56px;
  left: 37px;
  top: -56px;
}

.related_facilities_chart ol li a {
  font-weight: 600;
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 145px;
  letter-spacing: 0;
  line-height: 1.3;
  padding: 71px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(152, 152, 152, .65);
  width: 145px;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
.related_facilities_chart ol li.nolink a {
  pointer-events: none;
}

.related_facilities_chart ol li.facility_01 a {
  position: relative;
  font-size: 14px;
  line-height: 1.2;
  padding-top: 85px;
  width: 172px;
  height: 172px;
  text-shadow: 0px 0px 2px #2a902a, 0px 0px 2px #2a902a, 0px 0px 2px #2a902a, 0px 0px 2px #2a902a, 2px 2px 1px #2a902a, -2px 2px 1px #2a902a, 2px -2px 1px #2a902a, -2px -2px 1px #2a902a, 2px 0px 1px #2a902a, 0px 2px 1px #2a902a, -2px 0px 1px #2a902a, 0px -2px 1px #2a902a, 2px 2px 1px #2a902a, -2px 2px 1px #2a902a, 2px -2px 1px #2a902a, -2px -2px 1px #2a902a, 2px 0px 1px #2a902a, 0px 2px 1px #2a902a, -2px 0px 1px #2a902a, 0px -2px 1px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a;
}

.related_facilities_chart ol li.facility_02 a {
  text-shadow: 0px 0px 2px #f85e81, 0px 0px 2px #f85e81, 0px 0px 2px #f85e81, 0px 0px 2px #f85e81, 2px 2px 1px #f85e81, -2px 2px 1px #f85e81, 2px -2px 1px #f85e81, -2px -2px 1px #f85e81, 2px 0px 1px #f85e81, 0px 2px 1px #f85e81, -2px 0px 1px #f85e81, 0px -2px 1px #f85e81, 2px 2px 1px #f85e81, -2px 2px 1px #f85e81, 2px -2px 1px #f85e81, -2px -2px 1px #f85e81, 2px 0px 1px #f85e81, 0px 2px 1px #f85e81, -2px 0px 1px #f85e81, 0px -2px 1px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81;}

.related_facilities_chart ol li.facility_03 a {
  text-shadow: 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 2px 2px 1px #2e75b8, -2px 2px 1px #2e75b8, 2px -2px 1px #2e75b8, -2px -2px 1px #2e75b8, 2px 0px 1px #2e75b8, 0px 2px 1px #2e75b8, -2px 0px 1px #2e75b8, 0px -2px 1px #2e75b8, 2px 2px 1px #2e75b8, -2px 2px 1px #2e75b8, 2px -2px 1px #2e75b8, -2px -2px 1px #2e75b8, 2px 0px 1px #2e75b8, 0px 2px 1px #2e75b8, -2px 0px 1px #2e75b8, 0px -2px 1px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8;
}
.related_facilities_chart ol li.facility_01.nolink a,
.related_facilities_chart ol li.facility_02.nolink a,
.related_facilities_chart ol li.facility_03.nolink a {
  padding-top: 84px;
  text-shadow: 0 0 black;
}
.related_facilities_chart ol li.facility_01.nolink a {
  padding-top: 102px;
}

.related_facilities_chart ol li a:hover::after {
  display: block;
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, .20);
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.related_facilities_chart ol li a span {
  display: inline-block;
}

.related_facilities_chart ol li.facility_01 a span:nth-child(1) {
  font-size: 19px;
}

.related_facilities_chart ol li.facility_02 a span {
  display: block;
}

.related_facilities_chart ol li a span.btn {
  display: block;
  background: #ffe96d;
  border: none;
  box-shadow: 0 1px 2px 1px rgba(68, 68, 68, .4);
  box-sizing: border-box;
  border-radius: 12px;
  color: #000;
  font-weight: 600;
  height: 22px;
  line-height: 23px;
  letter-spacing: .3em;
  margin: 5px auto;
  padding: 0 7px 0 0;
  position: relative;
  text-align: center;
  text-indent: 0.4em;
  text-shadow: none;
  width: 60px;
}
.related_facilities_chart ol li.nolink a span.btn {
  background: #f5f5f5;
  color: #3b3b3b;
}

.related_facilities_chart ol li.facility_01 a span.btn {
  margin: 12px auto 0;
  width: 68px;
  height: 26px;
  font-size: 16px;
  line-height: 26px;
}

.related_facilities_chart ol li a span.btn::after {
  border: 4px solid transparent;
  border-left: 4px solid #f00;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: 7px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}
.related_facilities_chart ol li.nolink a span.btn::after {
  border-left-color: #3b3b3b;
}

.related_facilities_chart ol li.facility_02 a span,
.related_facilities_chart ol li.facility_03 a span {
  font-size: 12px;
}

.related_facilities_chart ol li.facility_02 a span:nth-child(1),
.related_facilities_chart ol li.facility_03 a span:nth-child(1) {
  display: block;
  font-size: 14px;
}
.related_facilities.kaigo .related_facilities_chart ol li.facility_02 a span:nth-child(1),
.related_facilities.kaigo .related_facilities_chart ol li.facility_03 a span:nth-child(1) {
  font-size: 17px;
}

/* ---------------------------------------
 周辺物件情報 「施設周辺の賃貸物件を検索」
 ---------------------------------------- */
#loading_ar_srch_databox {
  padding: 0 0 30px 0;
  text-align: center;
}

/*-- タイトル部分の修正 20190404#16221 --*/
#loading_ar_srch_databox .box {
  background: url(/search/image/dtl_new/bnr_around_rent_photo_w410.png) #fff no-repeat 103% 50%/25%;
  border: 0;
  border-bottom: 2px solid #ec5c84;
  border-radius: 1px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

#loading_ar_srch_databox .inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  background-color: #fdeaf0;
  border-radius: 1px 0 0 1px;
  box-sizing: border-box;
  padding: 1% 0 1% 2%;
  transition: all 300ms 0s ease;
  width: 77.25%;
}
#loading_ar_srch_databox .inner .inner_in{
  padding-left: 20px;
  width: 69%;
}
#loading_ar_srch_databox .ttl {
  padding-top: .25em;
  width: 100%;
}

#loading_ar_srch_databox .name {
  color: #205733;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: .05rem;
  max-width: 100%;
  margin-right: .5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

#loading_ar_srch_databox .add_txt {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: .05rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  vertical-align: middle;
}

/*-- タイトル部分の修正ココマデ --*/

#dummy {
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.mobile #dummy {
  cursor: pointer;
}

.mod_bkn_info .btn {
  margin: 20px auto 0;
  width: 630px;
}

.mod_bkn_info .btn a {
  display: block;
  margin: 0 auto;
  width: 600px;
}

.mod_bkn_info .btn img {
  cursor: pointer;
}

.mod_bkn_info .btn img:hover {
  opacity: .8;
}

.mod_bkn_info #loading_ar_srch_databox.loading {
  padding: 0 0 25px 0;
  text-align: center;
  background: url(/search/image_cmn/dtl/loading.gif) no-repeat center center;
  background-size: 50px 50px;
  min-height: 50px;
}

.mod_bkn_info .loading img {
  border-radius: 2px 2px 0 0;
}

.mod_bkn_info .box {
  display: none;
  background-color: #fff;
  border: 3px solid #ec5c84;
  border-radius: 5px;
  padding: 0;
  position: relative;
  text-align: left;
  top: 0;
  width: 734px;
  z-index: 220;
}

.mod_bkn_info .js-close {
  display: inline-block;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -63px;
}

.mod_bkn_info .js-close:hover {
  opacity: .8;
}

/* ---------------------------------------
　周辺の賃貸物件　スライド領域内　mod_bkn_data
---------------------------------------- */
.mod_bkn_data {
  width: 599px;
  margin: 0 auto 77px;
}

/* ホームメイトバナー */
.mod_bkn_info .box .hm_bnr {
  text-align: center;
  margin: 20px auto 15px;
}

.mod_bkn_info .box .hm_bnr a {
  display: inline-block;
  line-height: 1;
}

.mod_bkn_info .box .hm_bnr figcaption {
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px auto 15px;
}

.mod_bkn_data .hm_bnr a img {
  vertical-align: top;
}

.mod_bkn_data > .ttl {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #205733;
  text-align: center;
}

.mod_bkn_data > .ttl::before {
  content: '';
  background: url(/search/image/dtl_new/ico-h2.png) no-repeat;
  background-size: 100%;
  background-position: bottom;
  display: inline-block;
  width: 28px;
  height: 21px;
  vertical-align: text-bottom;
  margin-right: 10px;
}

.mod_bkn_data > .ttl > .nobr.ttl_inner {
  color: #000;
  font-weight: normal;
}

.mod_bkn_data > .ttl > .nobr > .diff_color {
  color: #de667f;
  font-weight: 600;
}

.mod_bkn_data > .ttl > .nobr > .bold {
  font-weight: 600;
}

.mod_bkn_data > .ttl .nobr,
.mod_bkn_data > .text .nobr,
#outskirts_info .nobr {
  display: inline-block;
  white-space: normal;
}

.mod_bkn_data .text {
    margin-bottom: 37px;
}

.mod_bkn_data .text,
.rental_facilities_text {
  font-size: 90%;
  margin: 0 auto 30px;
  color: #000;
  text-align: center;
  max-width: 540px;
}

.mod_bkn_data .bkn_srch {
  margin-bottom: 20px;
}

.mod_bkn_data .bkn_srch > .ttl {
  position: relative;
  padding: 5px 20px;
  min-height: 34px;
  border-radius: 6px 6px 0 0;
  background: #e0658c;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}

.mod_bkn_data .bkn_srch_or {
  margin-top: 24px;
}

.mod_bkn_data .bkn_srch_or > .ttl {
  background: #0068b7;
}

.mod_bkn_data .bkn_srch .cont {
  padding: 9px 11px 0;
  border-right: 2px solid #e0658c;
  border-bottom: 2px solid #e0658c;
  border-left: 2px solid #e0658c;
}
.mod_bkn_data .bkn_srch_or .cont {
  border-color: #0068b7;
}

.mod_bkn_data .bkn_srch .rowbox {
  position: relative;
  min-height: 46px;
  padding: 9px 0 15px 10px;
}

.mod_bkn_data .bkn_srch .rowbox:first-child > dd {
  overflow: inherit;
}

.mod_bkn_data .bkn_srch .rowbox:nth-of-type(2) > dt > img {
  margin-top: 10px;
}

.mod_bkn_data .bkn_srch .rowbox > dd {
  overflow: hidden;
}

.mod_bkn_data .bkn_srch .rowbox.bkn_map > dt img {
  margin-top: 4px;
}

.mod_bkn_data .bkn_srch .rowbox.bkn_map > dd > dl > dt {
  width: 280px;
}

.mod_bkn_data .bkn_srch .rowbox > dl {
  min-height: 46px;
  margin: 0 11px 0;
}

.mod_bkn_data .bkn_srch .rowbox > dt {
  margin: 0;
}

.mod_bkn_data .bkn_srch .rowbox > dt:not(.item) {
  font-size: 17px;
  font-weight: 600;
  color: #b40b41;
  text-indent: -1rem;
  padding-left: 1rem;
  line-height: 17px;
}
.mod_bkn_data .bkn_srch_or .rowbox > dt:not(.item) {
  color: #0068b7;
}

.mod_bkn_data .bkn_srch_or .rowbox dt > .highlight {
  color: #000;
}

.mod_bkn_data .bkn_srch .rowbox > dt span.fac_name {
  display: inline-block;
  max-width: 66%;
  height: 24px;
  overflow: hidden;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  line-height: 17px;
  text-indent: 0;
}

.mod_bkn_data .bkn_srch .item::after {
  display: table;
  clear: both;
  content: "";
}

.mod_bkn_data .bkn_srch .item > dt {
  position: relative;
  font-size: 93%;
  line-height: 1.3;
  float: left;
  width: 230px;
  padding: 10px 0 7px 44px;
}

.mod_bkn_data .bkn_srch .item > dt::before {
  content: "";
  background: url("/search/image/dtl_new/ico-search_around.png") #b40b41 no-repeat center/24px;
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto 0;
  border-radius: 5px;
  height: 36px;
  width: 36px;
}
.mod_bkn_data .bkn_srch_or .item > dt::before{
  background-color: #0068b7;
}

.mod_bkn_data .bkn_srch .item > dd {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

.mod_bkn_data .bkn_srch .bkn_map .item > dd {
  margin-top: 0;
}

.mod_bkn_data .bkn_srch .btn_all_bkn,
.mod_bkn_data .bkn_srch .item > dd a {
  display: block;
  box-sizing: border-box;
  border-radius: 5px;
  background: #e0426d;
  box-shadow: inset 0 -3px 0 #cc1d3f;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  min-width: 200px;
}

.mod_bkn_data .bkn_srch .box_btn_all_bkn > .btn_all_bkn {
  position: relative;
}

.mod_bkn_data .bkn_srch .box_btn_all_bkn > .btn_all_bkn::after {
  content: '';
  background: url(/search/image/dtl_new/ico-link.png) no-repeat;
  background-size: 80%;
  background-position: right;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.mod_bkn_data .bkn_srch_or .item > dd a {
  background: #0068b7;
  box-shadow: inset 0 -3px 0 #005a97;
}

.mod_bkn_data .bkn_srch .item > dd a:hover {
  opacity: .7;
}

.mod_bkn_data .bkn_srch .rent {
  position: relative;
}

.mod_bkn_data .bkn_srch .rent > dd {
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
  width: 251px;
  height: 44px;
  border-radius: 5px;
  background: #e0426d;
  box-shadow: inset 0 -3px 0 #cc1d3f;
  cursor: pointer;
  z-index: 100001;
}

.mod_bkn_data .bkn_srch .rent > dd::after {
  content: "検索";
  position: absolute;
  right: 7px;
  top: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 6px;
}

.mod_bkn_data #range_tgl #range_btn {
  height: 39px;
  padding-top: 7px;
}

.mod_bkn_data .bkn_srch .rent > dd span {
  font-size: 12px;
  line-height: 30px;
  display: block;
  width: 160px;
  height: 30px;
  padding: 0 20px 0 0;
  margin: 0 0 0 6px;
  color: #4d4d4d;
  border-radius: 4px;
  background: #fff url(/search/image/dtl_new/mark_pulldown_pink.png) no-repeat 166px center;
  box-shadow: inset 1px 2px 2px rgba(219, 120, 141, .3);
  text-align: center;
  letter-spacing: 1px;
}

.mod_bkn_data .bkn_srch .twobtn > dt {
  width: 490px;
}

.mod_bkn_data .bkn_srch .twobtn > dd {
  float: none;
  text-align: center;
}

.mod_bkn_data .bkn_srch .twobtn li {
  display: inline-block;
  margin: 10px 4px 5px;
}

.mod_bkn_data .bkn_srch .bkn_map .ttl {
  margin-bottom: 10px;
}

#range_tgl.fixed {
  width: 258px;
  height: 44px;
  padding: 0;
  font-size: 14px;
}

#range_tgl.fixed a {
  display: block;
  height: 30px;
  padding: 6px 0 0 6px;
}

#range_tgl.fixed span {
  background: #fff;
  width: 170px;
  height: 30px;
  padding: 0 5px 0;
  margin: 0;
  line-height: 30px;
  font-size: 12px;
  letter-spacing: .5px;
}

.mod_bkn_data .commute_search {
  overflow: hidden;
  width: 580px;
  margin: 0 auto 20px;
  border: 2px solid #2fa553;
  border-radius: 6px 6px 0 0;
}

.mod_bkn_data .commute_search .ttl {
  font-size: 22px;
  font-weight: 600;
  margin: -2px -2px 0;
  padding: 5px 28px;
  color: #fff;
  background: #2fa553;
}

.mod_bkn_data .commute_search .rowbox {
  line-height: 36px;
  margin: 10px 20px 20px 25px;
}

.mod_bkn_data .commute_search .rowbox::after {
  display: table;
  clear: both;
  content: "";
}

.mod_bkn_data .commute_search .rowbox dt {
  position: relative;
  font-size: 93%;
  line-height: 1.3;
  float: left;
  width: 280px;
  padding: 8px 10px 7px 41px;
}

.mod_bkn_data .commute_search .rowbox dt::before {
  content: "";
  background: url("/search/image/dtl_new/ico-search_around.png") #137943 no-repeat center/24px;
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto 0;
  border-radius: 5px;
  height: 36px;
  width: 36px;
}

.mod_bkn_data .commute_search .rowbox dd {
  float: right;
  padding: 3px 0 0;
}

.mod_bkn_data .commute_search .rowbox > dd a {
  display: block;
  box-sizing: border-box;
  border-radius: 5px;
  background: #16874b;
  box-shadow: inset 0 -3px 0 #0c4f31;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  height: 42px;
  line-height: 42px;
  padding: 0 20px;
  min-width: 200px;
}

.mod_bkn_data .commute_search .rowbox > dd a:hover {
  opacity: .7;
}

.mod_bkn_data .commute_search .twobtn dt {
  width: 517px;
}

.mod_bkn_data .commute_search .twobtn dd {
  float: none;
  text-align: center;
}

.mod_bkn_data .commute_search .twobtn li {
  display: inline-block;
  margin: 15px 4px 5px;
}

#js_btn_ar_srch_data {
  display: none;
}

/* 物件イメージ画像 */
.photolist.syuhenbukken {
  overflow: hidden;
  width: 560px;
  margin: 0 auto;
  text-align: center;
}

.photolist.syuhenbukken li {
  float: left;
  margin: 3px;
  border: #c2ad90 solid 1px;
}

.photolist.syuhenbukken li > img {
  margin: 1px;
}

/* 店舗の不動産情報 */
.mod_bkn_data .commute_search.tenpo > dl > dt {
  font-size: 16px;
  font-weight: 600;
  color: #16874b;
  background: url(/search/image/dtl_new/icon_search_location.png) no-repeat 0 5px;
}

/* ピカ写メボタン */
.mod_bkn_data .map_pikasyame {
  width: 580px;
  margin: 15px auto 20px;
  text-align: center;
}

.mod_bkn_data .map_pikasyame .pikasyame {
  display: inline-block;
  margin-top: 35px;
}

.mod_bkn_data .pikasyame li {
  float: left;
}

.mod_bkn_data .pikasyame li a img {
  box-shadow: 3px 3px 3px rgb(190, 190, 190);
}

.mod_bkn_data .pikasyame li:first-child {
  margin-right: 10px;
}

/* 地図検索系ボタンボタン */

.mod_bkn_data .search_rental_map {
  margin: 15px auto 35px;
}

.mod_bkn_data .search_rental_map li {
  margin: 0 auto 10px;
  width: 385px;
}

/* 賃貸物件を探すボタン */
.mod_bkn_data .map_pikasyame .search_rental {
  display: flex;
  justify-content: space-between;
}

.mod_bkn_data .map_pikasyame .search_rental li {
  margin-bottom: 10px;
}

.mod_bkn_data .map_pikasyame .search_rental li a {
  align-items: center;
  background: #4c9b2e;
  border: 2px solid #1f7418;
  border-radius: 5px;
  box-shadow: 0 4px 7px 0 rgba(255, 255, 255, .5) inset,
    0 -4px 7px 0 rgba(72, 57, 62, .5) inset;
  color: #fff;
  display: inline-flex;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  min-height: 42px;
  padding: 10px 15px 10px 55px;
  position: relative;
  text-align: left;
  width: 210px;
}

.mod_bkn_data .map_pikasyame .search_rental li a span.text_outline {
  color: #ff0d00;
  display: inline-block;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}


.mod_bkn_data .map_pikasyame .search_rental li a:hover {
  opacity: .7;
}

.mod_bkn_data .map_pikasyame .search_rental li a:before {
  background: url(/search/image/dtl_new/ico_ar_srch_data_photo.png);
  content: "";
  display: block;
  height: 33px;
  left: 12px;
  position: absolute;
  width: 33px;
}

.mod_bkn_data .map_pikasyame .search_rental li span.gr {
  background: #ddd;
  border: 2px solid #bbb;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(72, 57, 62, .2) inset,
    0 -2px 5px 0 rgba(255, 255, 255, .5) inset;
  color: #999;
  display: inline-flex;
  font-size: 17px;
  font-weight: 600;
  min-height: 42px;
  padding: 10px 15px 10px 55px;
  position: relative;
  text-align: left;
  width: 210px;
  line-height: 1.2;
  align-items: center;
}

.mod_bkn_data .map_pikasyame .search_rental li span.gr:before {
  background: url(/search/image/dtl_new/ico_ar_srch_data_photo_gr.png);
  content: "";
  display: block;
  height: 33px;
  left: 12px;
  position: absolute;
  width: 33px;
}

.mod_bkn_data .map_pikasyame .search_rental li:last-child {
  padding: 0;
}

.mod_bkn_data .search_rental_map .gps_search {
  display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .mod_bkn_data .search_rental_map .gps_search {
    display: block;
  }
  .mod_bkn_data .map_pikasyame .search_rental li a:hover {
    opacity: 1;
  }
}

/* modal */
.js_modal_content.mod_modal_gps {
  box-sizing: border-box;
  width: 700px;
  margin: 150px 0;
  padding: 40px 0 50px;
  border: 3px solid #ff6699;
  border-radius: 8px;
  text-align: center;
  background: url(/image/top/bg_gps_search.png) no-repeat 447px bottom,
    url(/image/top/bg_gps_search_btm.png) no-repeat center bottom,
    linear-gradient(to bottom, #ffd5ec 0%, #fff 45%, #fff 100%);
}

.js_modal_content.mod_modal_gps .about_gps dt {
  letter-spacing: .02em;
}

/*セレクトボックス　リスト*/
#dummy_cover {
  width: 100%;
  height: 40px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100001;
}

#menuContent {
  position: absolute;
  z-index: 100000;
  top: 40px;
  left: 0;
  display: none;
  width: 249px;
  border: 1px solid #e0426d;
  border-top: none;
  background: #fff;
  background-position: right center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}

#menuContent li {
  line-height: 2;
}

#menuContent li.none {
  padding: 1px 0 1px 14px;
}

#menuContent li a {
  display: block;
  padding: 1px 0 1px 10px;
  color: #555;
  list-style: none;
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0;
}

#menuContent li a:hover {
  color: #333;
  background: #ffdee8;
  opacity: 1;
}

/* ---------------------------------------
 お気に入り施設に登録／閲覧 favo_facility
 ---------------------------------------- */
.favo_facility {
  width: 420px;
  margin: 30px auto;
}

.favo_facility .title {
  font-size: 120%;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 10px;
  color: #de667f;
}

.favo_facility .title::before {
  margin: 0 6px 0 0;
  content: "■";
}

.favo_facility section {
  font-size: 16px;
  width: 416px;
  margin: 0 0 5px 0;
  border: 2px solid #dd667e;
  text-align: center;
}

.favo_facility section h2 {
  margin: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #de667f;
  text-align: center;
}

.favo_facility section ul {
  overflow: hidden;
  width: 346px;
  margin: 0 auto;
  padding: 20px 0 20px;
}

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

.favo_facility section ul li {
  float: left;
  padding: 0;
}

.favo_facility section ul li:nth-child(2) {
  float: right;
  padding: 0 0 0 10px;
}

/*　「直近の検索履歴を見る」　*/
.favo_facility .other_btns {
  font-size: 16px;
}

.favo_facility .other_btns a {
  line-height: 16px;
  width: 200px;
  margin: 0 auto;
  padding: 2px 0 0 17px;
}

.favo_facility .other_btns a.mk_search {
  background: url(/search/image/dtl_new/mark_search.png) no-repeat 0 4px;
}

.favo_facility .other_btns a.mk_mail {
  background: url(/search/image/dtl_new/mark_mail.png) no-repeat 0 4px;
}

.favo_facility .other_btns a[href*="javascript:void(0)"] {
  cursor: default;
  color: #777;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.contact_box {
  overflow: hidden;
  width: 497px;
  margin: 20px auto 30px;
  padding: 0 0 8px;
  border: 2px solid #f37587;
  border-radius: 6px;
  box-sizing: border-box;
}

.favo_facility section ul li#addFav:hover img {
  opacity: .7;
  cursor: pointer;
}

@media screen and (max-device-width: 1024px) {

  .favo_facility .other_btns a.mk_search,
  .favo_facility .other_btns a.mk_mail {
    background-position: 0 5px;
  }
}

/* ---------------------------------------
 施設にお問合せ
 ---------------------------------------- */
.contact_box h2 {
  font-size: 113%;
  line-height: 1.3;
  box-sizing: border-box;
  width: 493px;
  margin: 0 0 15px;
  padding: 4px 60px 5px;
  padding-top: 4px;
  padding-bottom: 5px;
  color: #fff;
  background: #f37587 url(/search/image/dtl_new/bg_h2_contact_dot_w493.png) no-repeat 0 center;
  background-size: 493px 9px;
  text-align: center;
  white-space: nowrap;
  letter-spacing: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.contact_box h2 span {
  white-space: normal;
}

.contact_box ul {
  overflow: hidden;
  margin: 0 auto 7px;
  text-align: center;
}

.contact_box ul li {
  display: inline-block;
  padding: 0 4px;
}

.contact_box ul li a:hover {
  opacity: .7;
}

.contact_box ul li img {
  width: 218px;
  height: 47px;
}

.contact_box a.i_light {
  font-size: 87%;
  position: relative;
  left: 35px;
  display: inline-block;
  padding: 2px 0 2px 21px;
  background: url(/search/image/dtl_new/icon_light.png) no-repeat 0 center;
  text-align: center;
}

/* ------------------------------------------
 生活施設検索 mod_living_fa (周辺の賃貸物件情報)
------------------------------------------- */
.mod_living_fa {
  width: 584px;
  margin: 0 auto 35px;
  padding: 0 0 2px;
  border-radius: 6px;
  background: #093;
}

.mod_living_fa .ttl {
  overflow: hidden;
}

.mod_living_fa .cont {
  margin: 0 2px;
  padding: 10px 10px 10px 25px;
  border-radius: 0 0 3px 3px;
  background: #fff;
}

.mod_living_fa .dscrpt {
  line-height: 1.3;
  display: table-cell;
  width: 276px;
  padding: 0 10px 0 44px;
  background: url(/search/image/dtl_new/icon_search_green.png) no-repeat left center;
  vertical-align: middle;
}

.mod_living_fa .btn_off {
  display: table-cell;
  vertical-align: middle;
}

/* ------------------------------------------
最新の施設情報を連絡する
------------------------------------------- */
.new_info_box {
  border: 2px solid #f16bba;
  display: block;
  margin: 20px auto 25px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  width: 593px;
}

.new_info_box_inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;
}

.new_info {
  background: url(/search/image/dtl_new/mark_cyan_arrow.png) no-repeat right center;
  box-sizing: border-box;
  color: #00718f;
  margin: 0;
  padding: 0 25px 0 0;
  text-align: right;
  width: 195px;
}

.new_info a:hover {
  color: #f00;
}

.new_info_box .new_txt {
  font-size: 90%;
  font-feature-settings: "palt" 1;
  margin: 0;
  text-align: left;
  vertical-align: middle;
  min-width: 378px;
}

.new_info_box .new_info {
  font-size: 88%;
}

/* ---------------------------------------
 スキー・スノーボード用品の配送サービス
---------------------------------------- */

.ski_delivery {
  border: 2px solid #ffe4ee;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px 24px 15px;
  width: 590px;
}

.ski_delivery p.attention {
  font-size: 14px;
}

.ski_delivery_ttl {
  margin: 0 auto;
  text-align: center;
}

.ski_delivery_ttl span {
  display: inline-block;
  border-bottom: 1px solid #f75586;
  font-size: 17px;
  font-weight: 600;
  padding: 0 3px;
}

.ski_delivery_lst {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 12px 0 10px;
}

.ski_delivery_lst li {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.ski_delivery_lst .company_01 .name {
  color: #cc0000;
}

.ski_delivery_lst .company_02 .name {
  color: #edc301;
}

.ski_delivery_lst .company_03 .name {
  color: #3b4a9f;
}

.ski_delivery_lst a.btn {
  align-items: center;
  border-radius: 5px;
  color: #000;
  display: flex;
  font-feature-settings: "palt";
  justify-content: center;
  margin-top: 2px;
  min-height: 38px;
  padding-right: 8px;
  position: relative;
  text-align: center;
}

.ski_delivery_lst a.btn:after {
  background: url(/search/image/dtl_new/ico-ski-delivery.png) no-repeat left center;
  background-size: contain;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  right: 10px;
  transform: translateY(1px);
  width: 14px;
}

.ski_delivery_lst a.btn:hover {
  opacity: .7;
}

.ski_delivery_lst .company_01 a.btn {
  background-color: #fbe5e8;
  border: 1px solid #cc0000;
  box-shadow: inset 0 -1px 0 #cc0000;
}

.ski_delivery_lst .company_02 a.btn {
  background-color: #ffed98;
  border: 1px solid #d9b40c;
  box-shadow: inset 0 -1px 0 #d9b40c;
}

.ski_delivery_lst .company_03 a.btn {
  background-color: #cdd1ec;
  border: 1px solid #3b4a9f;
  box-shadow: inset 0 -1px 0 #3b4a9f;
  font-size: 13px;
  line-height: 1;
}

/* ---------------------------------------
 ブログ・公式サイトのバナー・東建区分　mod_offical_bnr
---------------------------------------- */
.mod_offical_bnr {
  margin: 15px auto;
  text-align: center;
}

.mod_offical_bnr_box {
  text-align: center;
}

.mod_offical_bnr .bnr {
  display: inline-block;
  margin: 0 12px;
}

.mod_offical_bnr .bnr a {
  vertical-align: top;
}

.mod_offical_bnr .cap {
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px auto 20px;
}

/* 1列バナー */
.mod_offical_bnr .bnr.block {
  display: block;
}

.mod_offical_bnr .bnr.block a {
  display: inline-block;
}

.mod_offical_bnr .lay_offical_bnr a {
  display: inline-block;
}

.mod_offical_bnr .ten_official {
  margin-top: 6px;
}

.mod_group_site_bnr {
  text-align: center;
}

.mod_group_site_bnr figure {
  display: inline-block;
  width: 300px;
  margin: 10px;
}

.mod_group_site_bnr figure a {
  display: inline-block;
}

.mod_group_site_bnr figcaption {
  margin-top: 2px;
  font-size: 13px;
  letter-spacing: .03em;
}

.mod_offical_bnr + .read_pikaapp {
  border-top: 2px solid #8cb010;
  padding: 30px 0 0;
}

/* ---------------------------------------
 階層ページリンク
 ---------------------------------------- */
.mod_link_secnd {
  width: 610px;
  margin: 25px auto 0;
}
.mod_movie_box.post + .mod_link_secnd {
  margin-top: 32px;
}

.mod_link_secnd > dt {
  background-color: #e34770;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  padding: 8px 26px 8px;
}

.mod_link_secnd.golf > dt {
  background-color: #0eab5f;
}

.mod_link_secnd > dd {
  background: #faedf1;
  padding: 2px 3px;
}

.mod_link_secnd.golf > dd {
  background: #def2e6;
}

.mod_link_secnd > dd > ul {
  margin: 21px auto 23px;
  width: 610px;
}

.mod_link_secnd > dd > dl {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto 3px;
  padding: 6px 16px 13px;
}

.mod_link_secnd > dd > dl:last-of-type {
  margin-bottom: 8px;
}

.mod_link_secnd > dd > dl > dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: 2px;
  padding-left: 30px;
  position: relative;
}

.mod_link_secnd > dd > dl > dt:after {
  background: url(/search/image/dtl_new/ico-star.png) no-repeat left top;
  background-size: 26px;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 26px;
}

.mod_link_secnd > dd > dl > dt span {
  font-size: 122%;
  color: #1e8d3e;
  font-weight: 600;
}

.syuhen_item_box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
}

.syuhen_item_box li {
  background-color: #fff;
  border: 1px solid #e9c4cf;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-right: 9px;
  position: relative;
  width: 136px;
}

.syuhen_item_box li:nth-child(4n + 0) {
  margin-right: 0;
}

.syuhen_item_box .item_box dt {
  background-color: #e34770;
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  margin-bottom: 3px;
  overflow: hidden;
  padding: 6px 10px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.syuhen_item_box .item_box dd {
  padding: 5px 10px 15px;
}

.syuhen_item_box .item_photo {
  height: 92px;
  max-width: 134px;
  overflow: hidden;
}

.syuhen_item_box .item_photo img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.syuhen_item_box .desc {
  line-height: 1.2;
  margin-bottom: 12px;
  min-height: 36px;
  overflow: hidden;
}

.syuhen_item_box .count_away {
  margin-bottom: 15px;
  padding-left: 27px;
  position: relative;
}

.syuhen_item_box .count_away:after {
  background: url(/search/image/dtl_new/ico-away.png) no-repeat top left;
  background-size: 20px;
  content: "";
  height: 20px;
  left: 3px;
  position: absolute;
  right: 0;
  width: 20px;
}

.syuhen_item_box .btn_link_detail {
  position: relative;
  display: block;
  padding: 2px 20px 6px 14px;
  height: 26px;
  width: 110px;
  border: 1px solid #e3476e;
  border-radius: 4px;
  box-shadow: 0 3px #e3476e;
  background-color: #fff;
  box-sizing: border-box;
  color: #010101;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.syuhen_item_box .btn_link_detail:after {
  border-bottom: 4px solid transparent;
  border-left: 6px solid #e3476e;
  border-top: 4px solid transparent;
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
}

.syuhen_item_box .btn_link_detail:hover {
  color: #010101;
  background-color: #fde6e8;
}

.syuhen_item_box .index1 {
  margin: 0 auto;
  width: 106px;
}

.syuhen_item_box .syuhen_viewmore {
  background-color: transparent;
  border: none;
  margin: -35px auto 15px;
  text-align: center;
  width: 100%;
}
.syuhen_item_box.open .syuhen_viewmore {
  margin: -9px auto 15px;
}
.syuhen_item_box .syuhen_viewmore button {
  background: transparent;
  border: none;
  color: #00f;
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto;
  position: relative;
  text-indent: 10px;
}
.syuhen_item_box .syuhen_viewmore button::before {
  border-color: #1825ce transparent transparent transparent;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  content: "";
  display: inline-block;
  height: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 0;
}
.syuhen_item_box.open .syuhen_viewmore button::before {
  transform: translateY(-50%) rotate(180deg);
}

.syuhen_item_box li:nth-child(n + 5):nth-child(-n + 8) {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: .5s;
}
.syuhen_item_box.open li:nth-child(n + 5):nth-child(-n + 8) {
  max-height: 800px;
  opacity: 1;
  overflow: visible;
  transition: .5s;
}

.mod_link_secnd .bnr {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto 10px;
}

.mod_link_secnd .bnr:hover a {
  opacity: .8;
}

.mod_link_secnd a {
  align-items: center;
  color: #fff;
  display:flex;
  font-size: 16px;
  justify-content: center;
  margin-bottom: 2px;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 350px;
}
.mod_link_secnd .bnr .bnr_txt {
  font-size: 18px;
  font-weight: 600;
}
.mod_link_secnd .bnr a img {
  width: 450px;
}
.mod_link_secnd .market a {
  background: #2277b7;
  box-shadow: 0px 3px 0px 0px rgba(4, 77, 127, 1);
  border-radius: 6px;
}

.mod_link_secnd .market a::before {
  background: url(/search/image/dtl_new/ico_link_arund_marketing.png) no-repeat center;
  background-size: contain;
  content: '';
  height: 22px;
  margin-right: 25px;
  width: 35px;
}

.mod_link_secnd .market .market_text{
  padding-right: 20px;
}


.mod_link_secnd .arund a {
  background: #3b9568;
  box-shadow: 0px 3px 0px 0px #22543b;
  border-radius: 6px;
}

.mod_link_secnd .arund a::before {
  background: url(/search/image/dtl_new/ico_link_arund_imagemovie.png) no-repeat center;
  background-size: contain;
  content: '';
  height: 25px;
  margin-right: 10px;
  width: 36px;
}

.mod_link_secnd .syuhencategory a {
  background: #d24672;
  box-shadow: 0px 3px 0px 0px #91304f;
  border-radius: 6px;
}

.mod_link_secnd .syuhencategory a::before {
  background: url(/search/image/dtl_new/ico_link_arund_shisetsulist.png) no-repeat center;
  background-size: contain;
  content: '';
  height: 24px;
  margin-right: 45px;
  width: 18px;
}

.mod_link_secnd .syuhencategory .shisetsu_text{
  padding-right: 35px;
}

.mod_btm_arow {
  height: 32px;
  margin: 0 0 8px !important;
  border: none;
  background: url(/search/image/dtl_new/bg_under_cursor_pink.png) no-repeat center;
}

.mod_link_secnd.golf > dd > dl > dt {
  border-bottom: 2px solid #0796ce;
  height: 33px;
  line-height: 33px;
  padding-left: 48px;
}

.mod_link_secnd.golf > dd > dl > dt::after {
  content: "";
  height: 32px;
  position: absolute;
  top: -1px;
  width: 34px;
}
.mod_link_secnd.golf > dd > dl.golf > dt::after {
  background: url(/search/image/dtl_new/ico-golf.png) no-repeat left top / 100% auto;
  left: 10px;

}

.mod_link_secnd.golf > dd > dl.golfrange > dt::after {
  background: url(/search/image/dtl_new/ico-golfrange.png) no-repeat left top / 100% auto;
  left: 5px;
}

.mod_link_secnd.golf .syuhen_item_box li {
  border: 1px solid #82bf81;
}

.mod_link_secnd.golf .syuhen_item_box dt {
  background-color: #0eab5f;
}

.mod_link_secnd.golf .count_away::after {
  background: url(/search/image/dtl_new/ico-away_golf.png) no-repeat top left;
  background-size: 20px;
  content: "";
  height: 20px;
  left: 3px;
  position: absolute;
  right: 0;
  width: 20px;
}

.mod_link_secnd.golf .btn_link_detail {
  background-color: #2fb574;
  box-shadow: 0 3px #20781f;
}

/* ---------------------------------------
 「ホームメイト・リサーチ会員」様の募集バナー
---------------------------------------- */
.bnr_layout_frm {
  width: 520px;
  font-size: 14px;
}

@media screen and (max-device-width: 1024px) {
  .btn_userbosyu_info,
  .bnr_layout_frm {
    letter-spacing: 0;
  }
}

.btn_userbosyu_info {
  font-size: 14px;
  margin: 0 auto 15px;
  width: 450px;
}
.btn_userbosyu_info {
  margin-bottom: 23px;
}
.btn_userbosyu_info a {
  display: block;
}

.bnr_layout_frm {
  width: 520px;
  margin: 15px auto 0;
}

.btn_userbosyu_info figcaption,
.bnr_layout_frm figcaption,
.bnr_commuting figcaption {
  font-size: 15px;
  margin-top: 5px;
  text-align: center;
}
.btn_userbosyu_info figcaption {
  text-align: left;
}
/* ==== 境界線 ===== */
hr.info_line {
  display: none;
  width: 490px;
  height: 5px;
  margin: 30px auto 20px;
  border: none;
  background-color: #ffa5c9;
}

/* ---------------------------------------
 ランキング　mod_ranking
 ---------------------------------------- */
.mod_ranking {
  margin: 20px auto 10px;
  text-align: center;
  padding-bottom: 27px;
  background: url(/search/image/dtl_new/bg_under_cursor_pink.png) no-repeat center bottom;
}

.mod_ranking .header {
  text-align: center;
  margin: 0 0 10px;
  padding-bottom: 40px;
  background: url(/search/image/dtl_new/bg_under_cursor_pink.png) no-repeat center bottom;
  height: unset;
}

.mod_ranking .header .cate_name {  
  align-items: center;
  background: url(/search/image/dtl_new/bg_ranking_title2.png) no-repeat center center / 598px auto;
  border: solid 1px #fff;
  box-sizing: border-box;
  color: #000; 
  display: flex;
  justify-content: center;
  min-height: 42px;
  margin: 30px auto 15px auto;
  overflow-wrap: break-word;
  outline: solid 2px #c6b27e;
  position: relative;
  width: 596px;
}
.mod_ranking .header .cate_name div{
  font-feature-settings: "palt";
  font-size: 21px;
  padding: 3px 100px;
  line-height: 1.2;
}
.c36 .mod_ranking .header .cate_name div {
  font-size: 20px;
}
.mod_ranking .header .cate_name div span{
  display: inline-block;
}
.c119 .mod_ranking .header .cate_name {
  font-size: 20px;
  padding: 3px 0;
}
.mod_ranking .ranking_frame {
  position: relative;
  display: block;
  text-align: center;
  margin: -5px 15px 7px;
  padding: 40px 42px 30px;
  background: url(/search/image/dtl_new/ranking/bg_ranking_frame_f3.png)
      no-repeat 0 bottom,
    url(/search/image/dtl_new/ranking/bg_ranking_frame_f4.png) no-repeat right
      bottom,
    url(/search/image/dtl_new/ranking/bg_ranking_frame_f1.png) no-repeat 0 0,
    url(/search/image/dtl_new/ranking/bg_ranking_frame_f2.png) no-repeat right 0,
    url(/search/image/dtl_new/ranking/bg_ranking_frame_f5.png) repeat-x center 0,
    url(/search/image/dtl_new/ranking/bg_ranking_frame_f6.png) repeat-x center
      bottom;
  background-size: 75px 75px, 75px 75px, 75px 500px, 75px 500px, auto 15px,
    auto 15px;
}

.mod_ranking .ranking_box {
  display: inline-block;
  min-width: 370px;
  margin: 0 auto 10px;
  padding: 0 0 5px;
  text-align: center;
  border: 2px solid #f84976;
  border-radius: 6px;
}

.mod_ranking .faname {
  position: relative;
  padding: 10px 25px;
  margin: 0 auto 20px;
  border-radius: 4px 4px 0 0;
  line-height: 1.2;
  text-align: center;
  font-size: 115%;
  font-feature-settings: "palt";
  color: #fff;
  background: url(/search/image/dtl_new/ranking/bg_ranking_box_l_t.gif)
      no-repeat left top,
    url(/search/image/dtl_new/ranking/bg_ranking_box_l_b.gif) no-repeat left
      bottom,
    url(/search/image/dtl_new/ranking/bg_ranking_box_r_t.gif) no-repeat right
      top,
    url(/search/image/dtl_new/ranking/bg_ranking_box_r_b.gif) no-repeat right
      bottom,
    url(/search/image/dtl_new/ranking/bg_ranking_box_l_m.gif) repeat-y left top,
    url(/search/image/dtl_new/ranking/bg_ranking_box_r_m.gif) repeat-y right top,
    url(/search/image/dtl_new/ranking/bg_ranking_box_m_t.gif) repeat-x left top,
    url(/search/image/dtl_new/ranking/bg_ranking_box_m_b.gif) repeat-x left
      bottom,
    #f84976;
}

.mod_ranking .ranking_box table tr {
  border-bottom: 1px solid #fff;
}

.mod_ranking .ranking_box table th,
.mod_ranking .ranking_box table td {
  height: 40px;
  font-weight: 600;
}

.mod_ranking .ranking_box table th {
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
}

.mod_ranking .ranking_box table td {
  padding: 0 10px 0;
  color: #008000;
  text-align: right;
}

.mod_ranking .ranking_box .link figcaption {
  color: #f7275c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

/*アクセスランキング・人気ランキングBOX*/
.mod_ranking .access_box,
.mod_ranking .ninki_box {
  display: inline-block;
  width: 235px;
  padding: 0 15px 0;
}

.mod_ranking .ranking_box table {
  min-width: 200px;
  max-width: 360px;
  margin: 0 auto 10px;
  font-size: 16px;
  background: #fedbe4;
  text-align: left;
}

.mod_ranking .ranking_box table tr {
  border-bottom: 1px solid #fff;
}

.mod_ranking .ranking_box table th,
.mod_ranking .ranking_box table td {
  height: 40px;
  font-weight: 600;
}

.mod_ranking .ranking_box table th {
  padding: 0 0 0 10px;
  text-align: left;
  vertical-align: middle;
}

.mod_ranking .ranking_box table td {
  padding: 0 10px 0;
  color: #008000;
  text-align: right;
}

.mod_ranking .ranking_box .link {
  margin: 0 auto;
  text-align: center;
}

.mod_ranking .ranking_box .link a {
  display: inline-block;
  line-height: 1;
}

.mod_ranking .ranking_box .link img {
  vertical-align: top;
}

.mod_ranking .note_box {
  text-align: left;
}

.mod_ranking .note {
  position: relative;
  font-size: 13px;
  padding: 0 0 0 1em;
}

.mod_ranking .note::before {
  content: "■";
  position: absolute;
  top: 3px;
  left: 0;
  line-height: 13px;
  font-size: 10px;
  color: #093;
}
/* ------------------------------------
  ランキングボタン修正
--------------------------------------*/
.ranking_box .link a{
    height:75px;
    width:300px;
    position: relative;
}
.ranking_box .link a span{
    color:#000;
    font-size:17px;
    font-weight:bold;
    display: block;
    position: absolute;
    left: 50%;
    top: 36%;
    transform: translate(-52%, -50%);
    -webkit-transform: translate(-52%, -50%);
    -ms-transform: translate(-52%, -50%);
}
/* ---------------------------------------
 贈呈ポイント
 ---------------------------------------- */
.sns_consent_msg {
  font-size: 85%;
  display: block;
  width: 640px;
  margin: 30px auto;
  padding: 0;
  text-align: center;
}

.sns_consent_msg:nth-last-child(2) {
  margin: 0 auto;
}

.sns_consent_msg p a {
  padding: 0 0 0 14px;
  background: url(/search/image/dtl/mrk_arrowlink_blue.gif) no-repeat 0 2px;
}

.point_count {
  margin: 0 auto 30px;
}

.point_count_btn {
  width: 272px;
  margin: 7px auto 0;
}
.point_count_btn.point_count_btn_present_point_ok{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 0 60px;
}
.point_count_btn .point_cap{
  padding-right: 30px;
  position: relative;
  width: 330px;
  font-feature-settings: "palt";
}
.point_count_btn .point_cap::after{
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 9px;
  border-color: transparent transparent transparent #f75586;
  display: inline-block;
}

.point_count_btn.point_count_btn_present_point_ok{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  padding: 0 60px;
}
.point_count_btn .point_cap{
  padding-right: 30px;
  position: relative;
  width: 330px;
  font-feature-settings: "palt";
}
.point_count_btn .point_cap::after{
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 9px;
  border-color: transparent transparent transparent #f75586;
  display: inline-block;
}

@media screen and (max-device-width: 1024px) {
  .sns_consent_msg p a {
    background-position: 0 3px;
  }
}

/* ---------------------------------------
 贈呈ポイント　モーダル内容
 ---------------------------------------- */
#mod_point_box {
  font-size: 15px;
  line-height: 1.5;
  display: none;
  overflow: hidden;
  width: 330px;
  min-height: 340px;
  max-height: 448px;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  text-align: left;
  letter-spacing: .05em;
}

#mod_point_box > .ttl {
  margin: 0 0 10px;
}

#mod_point_box > .text {
  margin: 0 10px 8px;
}

#mod_point_box .subttl {
  width: 306px;
  margin: 0 auto;
}

#mod_point_box .data {
  width: 290px;
  margin: 10px auto 0;
  border-bottom: 1px dotted #008079;
}

#mod_point_box .data .name {
  margin: 0 0 4px;
  padding: 0 0 0 18px;
  color: #7d0022;
  background: url(/search/image/dtl_new/marks.png) no-repeat 4px -564px;
}

#mod_point_box .data .val {
  font-size: 87%;
  padding: 0 4px 2px 0;
  text-align: right;
}

#mod_point_box .data .val span {
  font-size: 154%;
  font-weight: 600;
  padding: 0 6px 0 0;
  color: #e00;
}

#mod_point_box .facerank {
  width: 250px;
  height: 120px;
  margin: 20px auto 0;
}

/* ---------------------------------------
 googleMap　モーダル表示
---------------------------------------- */
* html #glayLayer {
  position: absolute;
}

#glayLayer {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  background: #222;
}

#overLayer {
  position: relative;
  position: fixed;
  z-index: 120;
  top: 50%;
  left: 50%;
  display: none;
  width: 658px;
  padding: 10px;
  background: #fff;
}

#overLayer #map_box {
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #fff;
}

#map_area {
  display: none;
  margin: 0 auto;
  border: 3px solid #e0e0e0;
  background: #ececec;
}

#overLayer #map {
  position: relative;
  overflow: hidden;
  width: 648px;
  height: 525px;
}

#btnmap_l {
  cursor: pointer;
}

#overLayer .close {
  position: absolute;
  z-index: 150;
  top: -36px;
  right: -36px;
  display: block;
  width: 72px;
  height: 72px;
  cursor: pointer;
}

/* ---------------------------------------
　お問合せ　電話番号　モーダル表示　tel_window
---------------------------------------- */
#tel_window {
  text-align: center;
}

#tel_window h2 {
  font-size: 17px;
  line-height: 1.3;
  margin: 0 0 30px;
  padding: 4px 60px 5px;
  color: #fff;
  background: #ec5267;
}

#tel_window strong {
  font-size: 40px;
  line-height: 40px;
  display: inline-block;
  margin: 0 0 30px;
  color: #c33;
}

#overLayer #tel_window .close {
  bottom: 10px;
}

/* ----------------------------------------------
 （カテゴリ別）イメージビデオ 動画表示 mod_img_v
 -------------------------------------------- */
.mod_img_v {
  width: 410px;
  margin: 20px auto 40px;
  text-align: center;
}

.mod_img_v > .ttl {
  display: table-cell;
  box-sizing: border-box;
  width: 410px;
  margin: 0 0 2px;
  padding: 8px 4px;
  border-radius: 5px 5px 0 0;
  background: #c23c3c;
  vertical-align: middle;
}

.mod_img_v > .ttl .cate {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  margin: 0 auto;
  padding: 8px 0 8px 36px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.mod_img_v > .ttl .cate::before {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  margin: -16px 0 0;
  background: url(/search/image/dtl_new/ico_image_video.png) no-repeat 0 0;
  content: "";
}

.mod_img_v > .ttl .inttl {
  padding: 0 2px;
  white-space: nowrap;
}

.mod_img_v .cont {
  box-sizing: border-box;
  width: 410px;
  height: 254px;
  padding: 12px 0 0;
  background: url(/search/image/dtl_new/bg_img_v_l.png) no-repeat center top;
}

.mod_img_v .cont .img {
  position: relative;
  overflow: hidden;
  width: 330px;
  height: 162px;
  margin: 0 auto 7px;
  background: #fff;
}

.mod_img_v .cont .img a::after {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: 50%;
  display: block;
  width: 80px;
  height: 80px;
  margin: -40px -40px 0 0;
  background: url(/search/image/dtl_new/ico_video_arrow_l.png) no-repeat 0 0;
  content: "";
}

.mod_img_v .cont .img:hover {
  opacity: .8;
}

/* ---------------------------------------
 youtube動画　動画表示 　
---------------------------------------- */
.mod_imgvideo .btn_img_v {
  margin-bottom: 0;
}

.txt_yt_info {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.5;
  width: 460px;
  margin: 0 auto 15px;
  padding: 0;
  color: #e00;
  border-bottom: 1px solid #e00;
  text-align: center;
  letter-spacing: .01em;
}

.lesson_movie,
.tokencup_movie_large {
  display: block;
  width: 409px;
  margin: 0 auto 40px;
}

.lesson_movie > .ttl,
.tokencup_movie_large > .ttl {
  margin: 0 0 3px;
}

/* 動画を見るがあるパターン */
.lesson_movie .watch_visible {
  width: 409px;
  height: 280px;
  background: url(/search/image/d_movie_bg.png) no-repeat top center;
  background-size: contain;
}

.tokencup_movie_large .watch_visible {
  width: 409px;
  height: 255px;
  background: url(/search/image/d_movie_bg.png) no-repeat top center;
  background-size: contain;
}

/* 動画を見るが無いパターン */
.lesson_movie .watch_unvisible {
  padding: 10px 0;
  background: url(/search/image/d_movie_bg_single.png) no-repeat top center;
  background-size: 409px 204px;
}

.lesson_movie .position_box {
  position: relative;
  display: block;
  width: 329px;
  height: 162px;
  padding: 12px 40px 10px;
}

.lesson_movie .position_box a {
  display: block;
  overflow: hidden;
  width: 329px;
  height: 162px;
}

.lesson_movie .position_box a:hover {
  opacity: .9;
}

/* 動画再生ボタン */
.lesson_movie .position_box a::after {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 80px;
  height: 80px;
  margin: auto;
  background: url(/image/movie_icon.png) no-repeat center;
  background-size: 80px 80px;
  content: "";
}

.lesson_movie .position_box a:hover::after {
  opacity: .8;
}

/* 動画の枠を非表示 */
.lesson_movie .position_box .movie_area {
  margin: -45px 0;
}

/* レッスン動画を見る */
.watch_lesson,
.watch_tokencup_large {
  z-index: 10;
  display: block;
  overflow: hidden;
  height: 64px;
  margin: 0 auto 5px;
  text-align: center;
}

/* レッスン動画ロールオーバー */
.watch_lesson a,
.watch_tokencup_large a {
  display: block;
  width: 310px;
  height: 64px;
  margin: 0 auto;
}

.watch_lesson img,
.watch_tokencup_large img {
  border: none;
}

.watch_lesson a:hover img {
  margin-top: -64px;
}

.watch_tokencup_large a:hover img {
  opacity: .7;
}

/* -------------------------------------------
　YouTube動画　動画表示　複数 横並び
---------------------------------------------- */
.lnk_video_small {
  width: 660px;
  margin: 0 auto 20px;
  padding: 0;
  text-align: center;
}

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

.lnk_video_small li {
  display: inline-block;
  width: 310px;
  margin: 0 4px 0;
}

.lesson_movie_small,
.tokencup_movie_small {
  display: block;
  width: 310px;
  margin: 0 auto 15px;
}

/* 動画を見るがあるパターン */

.lesson_movie_small .watch_visible_small,
.tokencup_movie_small .watch_visible_small {
  width: 310px;
  height: 192px;
  background: url(/search/image/d_movie_bg.png) no-repeat top center;
  background-size: contain;
}

.position_box_small {
  position: relative;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 12px 40px 10px;
}

.position_box_small a {
  display: block;
  overflow: hidden;
}

.position_box_small a:hover {
  opacity: .9;
}

/* 動画の枠を非表示 */
.position_box_small img.movie_area_small {
  margin: -45px 0;
}

/* 動画再生ボタン */
.position_box_small img.bt_reproduce_small {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/* レッスン動画を見る */
.watch_lesson_small,
.watch_tokencup_small {
  z-index: 10;
  display: block;
  overflow: hidden;
  height: 51px;
  margin: 0 auto 5px;
  text-align: center;
}

/* レッスン動画ロールオーバー */
.watch_lesson_small a,
.watch_tokencup_small a {
  display: block;
  width: 310px;
  margin: 0 auto;
}

.watch_lesson_small img,
.watch_tokencup_small img {
  border: none;
}

.watch_lesson_small a:hover img,
.watch_tokencup_small a:hover img {
  opacity: .7;
}

/*------------------------------------
 写真コンテスト優秀写真作品集 リンクBOX photo_album2
-------------------------------------*/
.photo_album2 {
  width: 540px;
  margin: 0 auto 25px;
  padding: 20px 20px 15px;
  background-color: #f1fbe2;
}

.photo_album2 p {
  font-size: 15px;
  margin: 10px 0;
  padding: 0 15px;
  letter-spacing: .17em;
  color: #555;
}

.photo_album2 .btn_list {
  font-size: 0;
  width: 412px;
  margin: 0 auto;
  text-align: center;
}

.photo_album2 .btn_list li {
  display: inline-block;
  width: 190px;
  height: 50px;
}

.photo_album2 .btn_list li:nth-child(2n + 1) {
  margin-right: 29px;
}

.photo_album2 .btn_list li.btn_wide {
  margin: 0 110px;
}

/*3並び　4並び*/
.photo_album2 .btn_list.col_s {
  width: 100%;
}

.photo_album2 .btn_list.col_s li {
  width: auto;
  margin: 0 1px;
}

/* ----------------------------------------------
 SNS　mod_sns
 -------------------------------------------- */
/* 公式アカウント */
.mod_sns {
  width: 550px;
  margin: 20px auto 20px;
}

.mod_sns > .ttl {
  font-size: 150%;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 10px;
  padding: 0;
  color: #2584d5;
  text-indent: 45px;
}

.mod_sns > .ttl::before {
  font-size: 120%;
  font-weight: 600;
  line-height: 1;
  margin: 0 6px 0 0;
  margin: 0 0 10px;
  padding: 0;
  color: #2584d5;
  content: "■";
}

.mod_sns .official {
  width: 454px;
  margin: 0 auto;
  padding: 1px;
  border: 2px solid #1170c0;
}

.mod_sns .official > .ttl {
  margin: 0 0 18px;
  padding: 3px 0;
  background: #2584d5;
  text-align: center;
}

.mod_sns .official .cont {
  width: 400px;
  height: 95px;
  margin: 0 auto;
}

.mod_sns .official .cont li {
  float: left;
  margin: 0 10px 0 5px;
}

.mod_sns .official .cont li:first-child {
  margin: 0 10px 0 15px;
}

.mod_sns .official .cont li a {
  display: block;
}

.mod_sns .official .cont li a:hover {
  opacity: .8;
}

.mod_sns .official .account {
  margin: 0 15px;
  border-top: 1px solid #358cd0;
  text-align: center;
}

.mod_sns .official .account a {
  font-weight: 600;
  line-height: 1.4;
  display: block;
  width: 398px;
  margin: 18px auto;
  padding: 7px 0;
  border: 1px solid #b7d3ea;
  border-radius: 4px;
  background: #d3e5f4;
}

/*シェアボタン*/
.mod_sns .shere {
  width: 460px;
  margin: 0 auto;
}

.mod_sns .shere > .ttl {
  width: 460px;
  margin: 0 auto 10px;
  background: #0272c5;
  text-align: center;
}

.mod_sns .shere .btn {
  line-height: 1;
  display: block;
  float: left;
  width: 100px;
  height: 30px;
  margin: 0 6px;
  padding: 10px 0 0;
  border: 1px solid #b7d3ea;
  border-radius: 4px;
  background: #d3e5f4;
  text-align: center;
}

.mod_sns .mk_mail + .cap {
  font-size: 85%;
  display: block;
  text-align: center;
}

@media screen and (max-device-width: 1024px) {
  .mod_sns .mk_mail + .cap {
    letter-spacing: 0;
  }
}

/*  fb,tw,yt,ig banner  */
.sns_bnr_frm {
  display: block;
  margin-top: 20px;
  text-align: center;
}

.sns_bnr_frm ul {
  display: inline-block;
  width: 460px;
  margin: 0 auto;
}

.sns_bnr_frm li {
  display: inline-block;
  float: left;
  width: 225px;
  margin-right: 10px;
}

.sns_bnr_frm li:nth-of-type(2n) {
  margin-right: 0;
}

/* ---------------------------------------
 バナー　
 ---------------------------------------- */
/* ====　ピカ写メ バナー ====　*/
.mod_pikashame {
  width: 630px;
  margin: 20px auto 40px;
}

/* ピカ写メシリーズバナー */
.mod_officialapp {
  padding-bottom: 0;
}

/* ====　観光マップ　バナー ====　*/
.bnr_tourmap {
  position: relative;
}

.bnr_tourmap p a {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  position: absolute;
  top: 12px;
  left: 68px;
  padding: 0 10px;
  color: #fff;
  border-radius: 3px;
  background: #3aad7d;
  cursor: pointer;
  letter-spacing: .1em;
}

@media screen and (max-device-width: 1024px) {
  .bnr_tourmap p a {
    left: 70px;
  }
}

.bnr_tourmap:hover {
  opacity: .7;
}

.bnr_tourmap a:hover [src*="bnr_"] {
  opacity: 1;
}

/* ==== ドラとらバナー ==== */
.cmn_banner02 .btn_doratora {
  margin: 20px auto;
}

.cmn_banner02 .btn_doratora a {
  width: 380px;
  margin: 0 auto;
}

.cmn_banner02 .btn_doratora figcaption {
  margin: 0 auto 20px;
  text-align: center;
}

/* ==== 歌舞伎パンダ　センター ===== */
.cmn_banner.line_panda {
  width: 425px;
  margin: 40px auto;
}

/* ==== 中日クラウンズ ===== */
.cmn_banner.crowns + .cmn_banner {
  margin-top: -8px;
}

.cmn_banner.crowns figcaption {
  font-size: 16px;
  line-height: 140%;
  margin: 2px 3px 0;
  padding: 3px 0 0;
  color: #e00;
  text-align: center;
}

/* ---------------------------------------
 警察柔道選手権大会バナー（警察署）
---------------------------------------- */
.btn_police_judo {
  display: block;
  position: relative;
  width: 540px;
  height: 75px;
  margin: 20px auto 40px;
}

/* ---------------------------------------
 テキストボックス
---------------------------------------- */
.cmn_textbox {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
  clear: both;
  width: 520px;
  margin: 15px auto;
  padding: 8px 15px;
  color: #03842e;
  border: 3px double #ddd;
  border-radius: 6px;
  letter-spacing: 0 !important;
  word-wrap: break-word;
  /*半角コメント用*/
}

/* ---------------------------------------
 キャラクターイラスト
 ---------------------------------------- */
.chara_illust_foot {
  clear: both;
  width: 998px;
  margin: 0 auto 0;
  padding-top: 5px;
}

/* ---------------------------------------
 Lightbox　
 ---------------------------------------- */
#jquery-overlay {
  position: absolute;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #jquery-overlay {
    min-width: 1024px !important;
    width: 100%;
  }
}

#jquery-lightbox {
  line-height: 0;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

#jquery-lightbox a img {
  border: currentColor;
}

#jquery-lightbox.horizontal #lightbox-image {
  max-width: 640px;
  max-height: 480px;
  min-height: 375px;
  margin: 0px auto;
  object-fit: contain;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, 
	#jquery-lightbox.horizontal #lightbox-image {
		height: auto !important;
		min-height: auto !important;
	} /* IE11 */
  }

#jquery-lightbox.vertical #lightbox-image {
  max-width: 480px;
  max-height: 640px;
  margin: 0 auto;
}

/* 縦横サイズ */
#jquery-lightbox.horizontal #lightbox-container-image-box {
  width: 640px !important;
  height: auto;
}

#jquery-lightbox.vertical #lightbox-container-image-box {
  width: 640px !important;
}

#lightbox-container-image {
  padding: 0 !important;
}

#jquery-lightbox.horizontal #lightbox-container-image {
  width: 640px !important;
}

#jquery-lightbox.vertical #lightbox-container-image {
  width: 640px !important;
}

#jquery-lightbox.horizontal #lightbox-container-image-data-box {
  width: 640px !important;
}

#jquery-lightbox.vertical #lightbox-container-image-data-box {
  width: 640px !important;
}

#jquery-lightbox.vertical #lb_summary .lb_summary_title {
  width: 620px;
}

#jquery-lightbox.vertical #lb_summary .lb_summary_msg {
  width: 624px;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: anywhere;
}

#jquery-lightbox.horizontal .lb_summary_ttl_only {
  width: 640px;
}

#jquery-lightbox.vertical .lb_summary_ttl_only {
  width: 640px;
}

#jquery-lightbox.horizontal #lb_summary .lb_summary_faName {
  width: 470px;
}

#lightbox-container-image-box {
  position: relative;
  min-height: 250px;
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}

#lightbox-loading {
  line-height: 0;
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  height: 25%;
  text-align: center;
}

#lightbox-nav {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#lightbox-container-image-box > #lightbox-nav {
  left: 0;
}

#lightbox-nav-btnPrev {
  display: block;
  zoom: 1;
  width: 49%;
  height: 100%;
}

#lightbox-nav-btnNext {
  display: block;
  zoom: 1;
  width: 49%;
  height: 100%;
}

#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}

#lightbox-nav-btnNext {
  right: 0;
  float: right;
}

#lightbox-container-image-data-box {
  font: 10px/1.4em Verdana, Helvetica, sans-serif;
  font-size-adjust: none;
  font-stretch: normal;
  overflow: auto;
  margin: -10px auto 0;
  padding: 10px 10px 15px;
  background-color: rgb(255, 255, 255);
  text-align: center;
}

#lightbox-container-image-data {
  padding: 0;
  color: #000;
  text-align: center;
}

#lightbox-container-image-data #lightbox-image-details {
  text-align: left;
}

#lightbox-image-details-currentNumber {
  font-size: 12px;
  display: block;
  clear: left;
  padding-top: 5px;
}

#lightbox-secNav {
  float: none;
  clear: both;
}

#lightbox-secNav-btnClose {
  float: none;
  clear: both;
  width: 86px;
}

[id^="lightbox-post"] {
  font-size: 17px;
  float: left;
}

#lightbox-postuser dd {
  font-weight: 600;
  padding-top: 3px;
  color: #007d73;
}

body:nth-of-type(1) #lightbox-postuser dd {
  padding-top: 2px;
}

body:first-of-type #lightbox-postuser dd {
  padding-top: 2px;
}

[id^="lightbox-post"] dt {
  float: left;
  padding: 0 10px 0 0;
  letter-spacing: nowrap;
}

[id^="lightbox-post"] dd {
  float: left;
  padding: 0 20px 0 0;
  letter-spacing: nowrap;
}

/* 写真LightBoxにメッセージ追加20140305miyano */
#lightbox-container-image-data-box #lb_summary {
  font-size: 13px;
}

#lightbox-container-image-data-box #lb_summary *{
  word-wrap: break-word; 
  word-break: break-all;
  overflow-wrap: anywhere;
}

#lb_summary .lb_summary_title,
.lb_summary .lb_summary_title {
  border: #c3dfda solid 2px;
  line-height: 1.2;
  display: inline-block;
  width: 620px;
  height: auto;
  margin: 0 0 4px 0;
  padding: 4px 0;
  background: #f2f8f7;
}

#lb_summary dt,
.lb_summary dt {
  font-weight: 600;
  color: #1a8175;
}

#lb_summary .lb_summary_title dt,
.lb_summary .lb_summary_title dt {
  display: block;
  float: left;
  text-align: left;
  width: 115px;
  padding: 0 0 0 12px;
}

#lb_summary .lb_summary_title dd,
.lb_summary .lb_summary_title dd {
  float: left;
  margin: 0;
  padding: 0;
  width: 77%;
}

#lb_summary .lb_summary_msg {
  line-height: 1.3;
  display: inline-block;
  float: none;
  clear: both;
  width: 624px;
  padding: 4px 0 0;
  border-bottom: 1px solid #c3dfda;
}

#lb_summary .lb_summary_msg dt {
  margin: 0 0 3px 0;
  padding: 0 0 0 12px;
  text-align: left;
  width: 115px;
}

#lb_summary .lb_summary_msg dd {
  margin: 0 0 8px 0;
  padding: 0;
  width: 77%;
}

#lb_summary .lb_summary_data {
  line-height: 1.3;
  clear: both;
  margin: 0 0 2px 0;
  padding: 2px 0 2px;
}

#lb_summary .lb_summary_data.date {
  margin: 0 0 10px 0;
  padding: 4px 0 0;
	border-top: 1px solid #c3dfda;
	width: 624px;
	box-sizing: border-box;
}

#lb_summary .lb_summary_data dt {
  float: left;
  text-align: left;
  width: 115px;
  margin: 0;
  padding: 0 5px 0 14px;
}

#lb_summary .lb_summary_data dd {
  float: left;
  margin: 0;
  padding: 0;
}

/* 写真LightBoxの情報欄_東建用_タイトルのみの表示バージョン */
.lb_summary_ttl_only {
  border: #c3dfda solid 2px;
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  margin: 0 0 10px;
  padding: 0;
  background: #f2f8f7;
  text-align: center;
}

#lightbox-injustice {
  clear: both;
  overflow: hidden;
  width: 422px;
  margin: 18px auto 10px;
  padding: 10px 0 10px 0;
  border: #c3dfda solid 2px;
  background: #f2f8f7;
}

#lightbox-injustice::after {
  font-size: 0;
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
}

#lightbox-injustice p.lnk_lead {
  font-size: 15px;
  width: auto;
  margin: 0 0 9px;
  text-align: center;
}

#lightbox-injustice p#lnk {
  line-height: 17px;
  display: block;
  height: 17px;
  margin: 0;
}

#lightbox-injustice p#lnk a {
  font-size: 15px;
  display: inline-block;
  padding: 0 0 0 25px;
  color: #66c;
  background: url(/search/image/dtl/mrk_alert01.gif) no-repeat 0 center;
  letter-spacing: .05em;
}

#lightbox-injustice p#lnk a:hover {
  color: #f00;
}

/*Lightbox　ここまで ----------------- */

/* ---------------------------------------------
 未ログイン時、投稿するボタン＞モーダル Fancybox_login
 ---------------------------------------------- */
.fancybox-overlay {
  background: #000;
}

.mordal_login.fancybox-opened {
  z-index: 8030;
  padding: 0;
}

.mordal_login.fancybox-arrow {
  padding: 0 61px 0 0;
  background: url(/search/image/dtl/please_bg_arrow.png) no-repeat right 20px;
}

.mordal_login .fancybox-skin {
  position: relative;
  z-index: 8040;
  color: #444;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
  text-shadow: none;
}

.mordal_login .fancybox-close {
  background-image: url('/js/fancybox/fancybox_close-btn.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  right: -25px;
  top: -25px;
  width: 50px;
}

#please,
#please *,
#please02,
#please02 * {
  box-sizing: border-box;
}

#please,
#please02 {
  display: none;
  width: 590px;
  padding: 4px 0 0;
  text-align: center;
}

#please > h2,
#please02 > h2 {
  background-color: #f75586;
  border-radius: 5em;
  color: #fff;
  font-feature-settings: "palt";
  font-size: 25px;
  line-height: 1.25;
  padding: 9px 10px 8px;
  text-align: center;
  width: 100%;
}
#please > h2 span,
#please02 > h2 span {
  display: inline-block;
}

#please #box_nonmember,
#please02 #box_nonmember {
  margin: 18px auto 0;
  padding: 0;
  border: 1px solid #dbbb83;
  border-radius: 5px;
  max-width: 597px;
  width: 100%;
}
#please #box_nonmember {
  background: none;
  border: none;
}
#please #box_nonmember > h3,
#please02 #box_nonmember > h3 {
  color: #ad7a20;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 14px 0 0;
  padding: 0;
}

#please #box_nonmember .demo,
#please02 #box_nonmember .demo {
  border-bottom: 1px solid #dbbb83;
  margin: 39px auto 0;
  padding-bottom: 3px;
  position: relative;
  width: 91%;
}
#please #box_nonmember .demo {
  border: none;
}
#please #box_nonmember .demo::before,
#please02 #box_nonmember .demo::before {
  border-style: solid;
  border-width: 19px 20px;
  border-color: #f75586 transparent transparent;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: -27px;
  transform: translateX(-50%);
  width: 0;
}
#please #box_nonmember .demo a,
#please02 #box_nonmember .demo a {
  display: inline-block;
  margin: 0 auto;
}

#please #box_nonmember .demo a img,
#please02 #box_nonmember .demo a img {
  opacity: 1;
}

#please #box_nonmember .demo a img:hover,
#please02 #box_nonmember .demo a img:hover {
  opacity: .7;
}

#please p.tameyo,
#please02 p.tameyo {
  margin: 20px auto 0;
}

#please p.btn_about,
#please02 p.btn_about {
  margin: 15px auto 23px;
}

#please p.youcan,
#please02 p.youcan {
  color: #000;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin-top: 9px;
  padding: 0;
}
#please p.youcan span,
#please02 p.youcan span {
  font-weight: 600;
}

/*fancybox　ここまで ----------------- */

.art_photo_list {
  margin: 0px auto 0;
  padding-top: 14px;
  width: 540px;
}
.art_photo_list div{
  background: url( "/search/image/dtl_new/bg_body_bronze_photo.png" ) bottom / 100% no-repeat #fff5da;
  padding: 16px 23px;
  margin-bottom: 36px;
}
.btn_art_photo_list {
  padding: 10px 15px;
  letter-spacing: 0.09em;
}
.cap_art_photo_list {
  font-size: 16px;
  padding: 10px 15px;
  letter-spacing: 1.3px;
}
_::-webkit-full-page-media, _:future, :root .cap_art_photo_list {
	letter-spacing: .3px;
}
.ttl_art_photo_list {
  background: url(/search/image/dtl_new/bg_title_bronze_photo.png);
  background-size: cover;
  color: #fff;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
  font-size: 18px;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 4px;
  position: relative;
  text-align: center;
}
.ttl_art_photo_list::before {
  background: url(/search/image/dtl_new/ico_ttl_deco01.png) no-repeat center;
  background-size: 80%;
  content: '';
  display: block;
  height: 19px;
  left: 95px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 27px;
}
.ttl_art_photo_list::after {
  background: url(/search/image/dtl_new/ico_ttl_deco01.png) no-repeat center;
  background-size: 80%;
  content: '';
  display: block;
  height: 19px;
  right: 104px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 27px;  
}
.main_art_photo_list {
  display: flex;
}
.main_art_photo_list li{
  width: 50%;
  position: relative;
}
.main_art_photo_list li a{
  display: block;
}
.main_art_photo_list li a:hover {
  opacity: .7;
}
.main_art_photo_list li:first-child {
  margin-right: 15px;
}
.main_art_photo_list li img {
  width: 100%;
}
.main_art_photo_list a::after {
  background: url(/search/image/dtl_new/ico-zoom01.png) no-repeat;
  background-size: 100%;
  bottom: 0;
  content: '';
  display: block;
  height: 26px;
  position: absolute;
  right: 0;
  width: 26px;
}
.btn_art_photo_list a{
  background-color: #fff;
  border: 1px solid #8b6f3b;
  border-radius: 3px;
  box-shadow: 0px 1px 0px 0px #8b6f3b;
  color: #8b6f3b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  width: 106px;
  margin: 0px -13px 0 auto;
  padding: 2px 0 2px 12px;
  position: relative;
}
.btn_art_photo_list a:hover {
  opacity: .7;
}
.btn_art_photo_list {
  margin-top: -18px;
}
.btn_art_photo_list a::after {
  background: url(/search/image/dtl_new/icon_window.png) no-repeat;
  background-size: 100%;
  top: 5px;
  content: '';
  display: block;
  height: 17px;
  position: absolute;
  right: 12px;
  width: 14px;
}
/* -------------------------------------------------------------
 周辺の賃貸物件情報内　モーダル対応　
-------------------------------------------------------------- */
/* ===== モーダルボックス ======= */
.fancybox-wrap.bdr_r {
  border: 3px solid #fd3585;
  border-radius: 6px;
}

.fcb_ar_srch {
  display: none;
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 5px;
  font-size: 15px;
  letter-spacing: .05em;
  padding: 0;
  position: relative;
  text-align: left;
  top: 0;
  width: 700px;
  z-index: 220;
}

.ttl_ar_srch_type {
  width: 645px;
  margin: 0 auto;
  position: relative;
  padding: 0.3rem 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 26px;
  color: black;
  background-color: #0068b7;
  background-image: repeating-linear-gradient(-30deg, #cfdfec 0, #cfdfec 1px, transparent 1px, transparent 2px);
  background-repeat: no-repeat;
  background-size: 100% 6px;
  background-position: bottom;
}

.ttl_ar_srch_type .srch_type {
  font-size: 22px;
  display: block;
  margin: 0;
  padding: 15px 15px 18px 50px;
  color: #fff;
  background: url(/search/image/dtl_new/ico_ttl_ar_srch_type.gif) no-repeat 0 0 /50px;
  text-align: left;
}

.ttl_ar_srch_type .srch_type .nowrap {
  white-space: nowrap;
}

/* パンくず */
.fcb_ar_srch .breadcrumb {
  padding: 10px 0 5px 25px;
  width: 970px;
}

/* ===== ttl_ar_srch_fa_name ======= */
.ttl_ar_srch_fa_name {
  font-size: 18px;
  line-height: 1.2;
  box-sizing: border-box;
  margin: 20px auto 0;
  padding: 0 0 5px 20px;
  color: #0068b7;
  border-bottom: 3px solid #0068b7;
  background: url(/search/image/dtl_new/ico_ttl_ar_srch_fa_name.gif) no-repeat 0 0;
}

#fcb_category .ttl_ar_srch_fa_name {
  width: 604px;
}

[id^="fcb_madori"] .ttl_ar_srch_fa_name {
  width: 620px;
}

[id^="fcb_yachin"] .ttl_ar_srch_fa_name {
  width: 594px;
}

.ttl_ar_srch_fa_name span.fac_name {
  display: inline-block;
  vertical-align: middle;
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ttl_ar_srch_fa_name .nowrap {
  white-space: nowrap;
}

.ttl_ar_srch_fa_name .count {
  padding: 0 0 0 5px;
  color: #444;
}

/* ===== srch_in ======= */
.fcb_ar_srch .srch_in {
  margin: 15px auto 0;
}

#fcb_category .srch_in {
  width: 604px;
}

[id^="fcb_madori"] .srch_in {
  width: 620px;
}

[id^="fcb_yachin"] .srch_in {
  width: 594px;
}

.lead_ex {
  line-height: 1.4;
  margin: 0 auto;
  padding: 0;
}

.lead_arrow {
  line-height: 1.4;
  margin: 5px auto 15px;
  padding: 0 0 0 20px;
  background: url(/search/image/dtl_new/ico_lead_arrow.gif) no-repeat 0 4px;
}

.fcb_ar_srch .bnrbox {
  width: 645px;
  margin: 0 auto 30px;
  padding: 24px 0 0;
  border-top: 1px solid #0068b7;
  text-align: center;
}

.fcb_ar_srch .bnrbox figure.w540 {
  width: 540px;
  margin: 0 auto;
}

.fcb_ar_srch .bnrbox figcaption {
  line-height: 1.4;
  margin: 5px 0 0;
  text-align: left;
}

/* ------------------------------------------
 * .ar_srch_lst 共通, お得な賃貸物件
 *
 *  以下に同一スタイルあり
 *  /search/css/dtl002/dtl_main.css
 *  /search/css/dtl/d_main.css
 *  /search/netad/css/access.css
------------------------------------------- */
.ar_srch_lst {
  background: url(/search/image/dtl_new/bg_ar_srch_lst_category.gif) repeat-y right -5px;
  width: 604px;
}

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

.ar_srch_lst li {
  height: 55px;
  margin: 0 0 20px;
  width: 292px;
}

.ar_srch_lst li:hover {
  background: #fff;
}

.ar_srch_lst li a {
  background: url(/search/image/dtl_new/btn_ar_srch_category.gif) no-repeat left 10px center #16874b;
  background-size: 35px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  height: 55px;
  width: 292px;
  box-shadow: 0 -3px #0f5e34 inset;
  border-radius: 6px;
}

.ar_srch_lst li a > span {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  padding-left: 60px;
  text-shadow: 2px 2px 5px #20781f,
    -2px 2px 5px #20781f,
    2px -2px 5px #20781f,
    -2px -2px 5px #20781f;
}

.ar_srch_lst li a > span .txt_s {
  font-size: 14px;
}

.ar_srch_lst li.row2 a > span {
  height: auto;
  line-height: 1.2;
  margin-top: 15px;
}

.ar_srch_lst li a:hover {
  opacity: .7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ar_srch_lst li a:hover {
    opacity: 1;
  }
}

.ar_srch_lst li.even {
  margin-left: 20px;
}

#fcb_category .ar_srch_lst li {
  float: left;
}

/* ------------------------------------------
 * .ar_srch_lst 間取り
 *
 *  以下に同一スタイルあり
 *  /search/css/dtl002/dtl_main.css
 *  /search/css/dtl/d_main.css
 *  /search/netad/css/access.css
------------------------------------------- */
[id^="fcb_madori"] .ar_srch_lst,
[id^="fcb_madori"] .srch_lst_box {
  background: url(/search/image/dtl_new/bg_ar_srch_lst_madori.gif) repeat-y right 0;
  overflow: hidden;
  width: 620px;
}

[id^="fcb_madori"] .ar_srch_lst li {
  float: left;
  height: 40px;
  margin: 0 0 10px 0;
  width: 200px;
}

[id^="fcb_madori"] .ar_srch_lst li.left {
  margin: 0 0 10px 0;
}

[id^="fcb_madori"] .ar_srch_lst li input[type="checkbox"] {
  opacity: 0;
  outline: none;
  position: absolute;
}

[id^="fcb_madori"] .ar_srch_lst li label {
  background: url(/search/image/dtl_new/btn_ar_srch_check_200.gif)  no-repeat left 10px center #16874b;
  background-size: 17px;
  box-shadow: 0 -3px #0f5e34 inset;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  line-height: 42px;
  text-indent: 35px;
  text-shadow: 2px 2px 5px #20781f,
    -2px 2px 5px #20781f,
    2px -2px 5px #20781f,
    -2px -2px 5px #20781f;
  width: 200px;
  border-radius: 6px;
}

[id^="fcb_madori"] .ar_srch_lst li label:hover {
  cursor: pointer;
  opacity: .7;
}

[id^="fcb_madori"] .ar_srch_lst li label .count {
  font-size: 15px;
  padding-left: 3px;
}

[id^="fcb_madori"] .ar_srch_lst li label .txt_s {
  font-size: 13px;
}

@-moz-document url-prefix() {
  [id^="fcb_madori"] .ar_srch_lst li label .count {
    letter-spacing: -.05em;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  [id^="fcb_madori"] .ar_srch_lst li label:hover {
    opacity: 1;
  }

  [id^="fcb_madori"] .ar_srch_lst li label {
    font-size: 15px;
  }

  [id^="fcb_madori"] .ar_srch_lst li label .count {
    font-size: 14px;
    letter-spacing: -.05em;
    margin-left: -5px;
    padding-left: 0;
  }

  .form_btnbox input[type="image"]:hover {
    opacity: 1;
  }
}

[id^="fcb_madori"] .ar_srch_lst li label.on {
  background: url(/search/image/dtl_new/btn_ar_srch_check_200_on.gif) no-repeat left 10px center #16874b;
  background-size: 17px;
}

.form_btnbox{
  position:relative;
  text-align: center;
  margin: 15px 0 30px;
}

.form_btnbox .mod_rent_submit {
  display: inline-block;
}

.form_btnbox.form_btnbox02{
  margin-top: 0;
}

.form_btnbox input[type="image"] {
  vertical-align: top;
}
.form_btnbox input[type="image"]:hover {
  opacity: .7;
}

[id^="fcb_madori"] ul.madori_left,
[id^="fcb_madori"] ul.madori_center,
[id^="fcb_madori"] ul.madori_right {
  float: left;
  margin-left: 10px;
  width: 200px;
}

[id^="fcb_madori"] ul.madori_left {
  margin: 0;
}

/* モーダル戻るボタン 追加*/

.form_btnbox .mod_rent_back02 {
  width: 170px;
  height: 50px;
  display: inline-block;
  margin-top: 1px;
  margin-right: 10px;
}
.mod_rent_back02 a{
  border: solid 1px #0068b7;
  background: #cfdfec;
  border-radius: 6px;
  color: #000;
  letter-spacing: .25em;
  font-size: 18px;
  line-height: 50px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  padding-left: 28px;
  box-sizing: border-box;
}
.form_btnbox .mod_rent_back02 a::before {
  content: '';
  width: 1em;
  height: 1em;
  background: url(/search/image/dtl_new/ico_back.png) no-repeat center center /contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc( 50% - 2em);
}
.mod_rent_back02 a:hover{
  opacity: .7;
}


/* ------------------------------------------
 * .ar_srch_lst 家賃
 *
 *  以下に同一スタイルあり
 *  /search/css/dtl002/dtl_main.css
 *  /search/css/dtl/d_main.css
 *  /search/netad/css/access.css
------------------------------------------- */
[id^="fcb_yachin"] .ar_srch_lst {
  background: url(/search/image/dtl_new/bg_ar_srch_lst_yachin.gif) repeat-y right 0;
  overflow: hidden;
  width: 594px;
}

[id^="fcb_yachin"] .ar_srch_lst li {
  display: inline-block;
  height: 45px;
  margin: 0 0 10px;
  overflow: hidden;
  vertical-align: bottom;
  width: 285px;
}

[id^="fcb_yachin"] .ar_srch_lst li input[type="radio"] {
  opacity: 0;
  outline: none;
  position: absolute;
}

[id^="fcb_yachin"] .ar_srch_lst li label {
  background: url(/search/image/dtl_new/btn_ar_srch_radio_285.gif) #16874b no-repeat  10px center /20px;
  box-shadow: 0 -3px #0f5e34 inset;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  height: 45px;
  line-height: 47px;
  text-indent: 45px;
  text-shadow: 2px 2px 5px #20781f,
    -2px 2px 5px #20781f,
    2px -2px 5px #20781f,
    -2px -2px 5px #20781f;
  width: 285px;
  border-radius: 6px;
}

[id^="fcb_yachin"] .ar_srch_lst li label:hover {
  cursor: pointer;
  opacity: .7;
}

[id^="fcb_yachin"] .ar_srch_lst li label .count {
  font-size: 15px;
  padding-left: 3px;
}

[id^="fcb_yachin"] .ar_srch_lst li label .txt_s {
  font-size: 13px;
}

@-moz-document url-prefix() {
  [id^="fcb_yachin"] .ar_srch_lst li label .count {
    letter-spacing: -.05em;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  [id^="fcb_yachin"] .ar_srch_lst li label:hover {
    opacity: 1;
  }

  [id^="fcb_yachin"] .ar_srch_lst li label {
    font-size: 15px;
  }

  [id^="fcb_yachin"] .ar_srch_lst li label .count {
    font-size: 14px;
    letter-spacing: -.05em;
    margin-left: -5px;
    padding-left: 0;
  }
}

[id^="fcb_yachin"] .ar_srch_lst li label.on {
  background-image: url(/search/image/dtl_new/btn_ar_srch_radio_285_on.gif) ;
}

.ar_srch_lst li.yachin_left {
  float: left;
  padding-right: 24px;
}

/*--- 周辺の賃貸物件情報内 モーダル対応 ここまで---------- */

/* ---------------------------------------
 お気に入りに登録しました。ウィンドウ
---------------------------------------- */
#edit_alert {
  box-sizing: border-box;
  background: #fff;
  border: 3px solid #eda500;
  border-radius: 15px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
  display: none;
  height: auto;
  padding: 20px;
  position: fixed;
  z-index: 2000;
  top: 15%;
  text-align: center;
  width: 470px;
}
#edit_alert h2 {
  color: #fff;
  background: url(/entry_pubuser/image_cmn/ttl-favorite-shisetsu.png) no-repeat center;
  background-size: contain;
  font-size: 20px;
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  text-shadow: 1px 2px 0px rgba(174, 102, 0, 1);
  width: 310px;
}
#edit_alert p {
  color: #000;
  font-size: 15px;
  margin: 15px 0 0;
}
#edit_alert p.error_favorite_shisetsu {
  margin: 0;
}
#edit_alert .edit_alert_img {
  height: 315px;
  margin: 15px auto 0;
  width: 420px;
}
#edit_alert .edit_alert_img img {
  height: auto;
  width: 100%;
}
#edit_alert .btn_favorite_shisetsu {
  margin: 15px auto 0;
  width: 220px;
}
#edit_alert .btn_favorite_shisetsu a {
  background: #e56b8a;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2),0px 4px 0px 0px rgba(205, 47, 87, 1);
  border: 1px solid #fff;
  border-radius: 300px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .03em;
  position: relative;
  padding: 9px 0 10px;
  text-shadow: 0px 1px 2px rgba(201, 46, 85, 1);
  width: 100%;
}
#edit_alert .btn_favorite_shisetsu a::after {
  display: block;
  content: "";
  background: url(/entry_pubuser/image_cmn/ico-arrow-white-right.png) no-repeat;
  background-size: cover;
  height: 13px;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
}
#edit_alert .btn_favorite_shisetsu a:hover {
  opacity: .7;
}
#edit_alert .clsbtn {
  position: absolute;
	display: block;
	top:-18px;
	right:-18px;
	width:34px;
	height: 34px;
	cursor:pointer;
	background: url(/image/top/btn_modal_close_s.png) no-repeat left top;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index:102;
}

/* -----------------------------------------
 SEOテキストエリア
------------------------------------------ */
.sec_seotext {
  width: 620px;
  margin: 25px auto 0;
}

.sec_seotext .seotext_box {
  position: relative;
  width: 620px;
  margin: 0 auto 20px;
  border-radius: 6px;
  box-shadow: 0 0 6px 2px #f4edf0;
}

.sec_seotext .seotext_box:last-child {
  margin-bottom: 25px;
}

.sec_seotext .seotext_box h2 {
  position: absolute;
  background: url("/search/image/dtl_new/bg_seotext_about.png") no-repeat scroll left top transparent;
  width: 565px;
  height: 44px;
  font-size: 17px;
  color: #fff;
  line-height: 44px;
  padding: 0 0 0 55px;
  box-shadow: 0 1px 3px 1px #d7cace;
  font-feature-settings: "palt";
}

.sec_seotext .seotext_box .sentence_box {
  background-color: #ffeff4;
  border-radius: 6px;
  border-right: 1px solid #cdc3a6;
  border-bottom: 1px solid #cdc3a6;
  border-left: 1px solid #cdc3a6;
  padding: 15px 20px;
}

.sec_seotext .seotext_box .sentence_box p {
  text-align: justify;
  padding: 20px 0 0;
}

.sec_seotext .seotext_box p:first-child {
  padding: 45px 0 0;
}

.sec_seotext #seo_about h2 {
  background-image: url("/search/image/dtl_new/bg_seotext_about.png");
}

.sec_seotext #seo_about .sentence_box {
  background-color: #ffeff4;
}

.sec_seotext #seo_basicidea h2 {
  background-image: url("/search/image/dtl_new/bg_seotext_basicidea.png");
}

.sec_seotext #seo_basicidea .sentence_box {
  background-color: #f2fbe7;
}

.sec_seotext #seo_history h2 {
  background-image: url("/search/image/dtl_new/bg_seotext_history.png");
}

.sec_seotext #seo_history .sentence_box {
  background-color: #f3f8fd;
}

.read_section .read_section_hidden {
  display: none;
}

.read_main_box_text {
  position: relative;
  width: 700px;
  margin: 0 auto 1em;
}

.js_read_inner {
  position: relative;
  width: 630px;
  margin: 25px auto 0;
}

.js_read_btn_more {
  width: 640px;
  text-align: right;
  margin-top: -5px;
}

.js_read_btn_more a.active{
  margin-top: 5px;
  margin-bottom: 5px;
}

.read_section .btn_more a .txt_inner {
  background-color: #9d1528;
}

.read_section .btn_more a {
  border: 1px solid #9d1528;
  background: #fff;
  z-index: 1;
  position: relative;
  border-radius: 3px;
  display: inline-block;
  min-width: 140px;
  padding: 1px;
  transition: all .2s;
}

.read_section .btn_more a:hover {
  opacity: .6;
}

.read_section .btn_more a .txt_inner {
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  padding: 5px 20px 5px 10px;
  position: relative;
  text-align: center;
}
.read_section .btn_more a .txt_inner:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 9px solid #fff;
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.read_section .btn_more a.active .txt_inner:before {
  border-bottom: 9px solid #fff;
  border-top: transparent;
}

.js-chg_size {
  margin: 0;
  line-height: 1.5;
}

/* ------------------------------------------
 鉄道駅［電車駅］　乗り入れ　交通アクセス　noriirebox　
------------------------------------------- */
.noriire_layout {
  border-left: 10px solid #333;
  border-right: 10px solid #333;
  box-sizing: border-box;
  margin: 22px auto 0;
  min-height: 300px;
  padding: 0 0 30px;
  width: 630px;
}

.noriirebox {
  border-bottom: #333 solid 1px;
  border-top: #666 solid 1px;
  margin: 0 auto;
  padding: 20px 0 5px;
  width: 100%;
  background: #FFFEF3;
}

.noriirebox::after {
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  background: #f60;
  content: " ";
}

.mobile .noriirebox {
  width: 530px;
}

.rosen_link_around span,
.rosen_link span {
  display: inline-block;
  color: #333;
  vertical-align: top;
}

.rosen_link span:first-child {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: .5px;
  vertical-align:middle;
}

.rosen_link_around span a,
.rosen_link span a {
  background-image: linear-gradient(#dd6391, #d53c76);
  border-radius: 18px;
  box-shadow: 0 2px 0 0 #ccc;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 19px;
  font-weight: 600;
  padding: 6px 18px 6px 42px;
  position: relative;
  height: 41px;
  vertical-align: top;
}
.rosen_link_around span a {
  background-image: linear-gradient(#30c4cd, #19adb6);
}
.rosen_link_around a:hover,
.rosen_link span a:hover {
  opacity: .8;
}

.rosen_link span a:before {
  background: url(/search/image/dtl_new/traffic/btn-icon.png) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 27px;
  position: absolute;
  top: calc(50% - 14px);
  left: 5px;
  width: 27px;
}
.rosen_link_around span a:before {
  background: url(/search/image/dtl_new/traffic/icon_point.png) no-repeat center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 27px;
  position: absolute;
  top: calc(50% - 13px);
  left: 5px;
  width: 27px;
}
.rosen_link_around span a:after,
.rosen_link span a:after {
  background: url(/search/image/dtl_new/traffic/icon_arrow.png) no-repeat center;
  background-size: 7px;
  content: "";
  display: inline-block;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  right: 3px;
  width: 30px;
}
.noriirebox > dt {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  color: #3f9e51;
  letter-spacing: 1.6px;
  line-height: 0;
  margin: 0 auto 10px;
  padding: 0;
  text-align: center;
  height: 45px;
  font-size: 28px;
  justify-content: center;
  font-weight: 600;
  width: 288px;
}

.noriirebox > dd {
  margin: 0 50px;
}

.noriirebox > dd > dl ,
.airport_platform dl > dd > dl{
  padding: 0;
  text-align: center;
}
.noriirebox > dd > dl > dd{
  text-align: left;
}

.noriirebox > dd > dl + div,
.airport_platform dl > dd > dl + div {
  margin-top: 12px;
}

.relate_info {
  box-sizing: border-box;
  display: flex;
  margin: auto;
  padding: 15px 21px 13px;
  width: 520px;
}

.ferry_platform .relate_info{
  padding: 15px 21px 13px  0;
}

.relate_info_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  line-height: 1.4;
}

.map_info {
  display: flex;
  margin: 0 auto 22px;
  justify-content: space-between;
  text-align: center;
  width: 462px;
}

.map_info a:hover {
  opacity: .8;
}

.relate_info_inner > * {
  box-sizing: border-box;
  margin: 5px 5px 0;
  padding-left: 31px;
  width: 227px;
}

.relate_info .relate_info_inner > .gotouchi {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_top.png) no-repeat 3px -45px;
  background-size: 18px;
}
.relate_info .relate_info_inner > .data {
  background: url(/search/image/dtl_new/icon_data.png) no-repeat 5px 5px;
  background-size: 15px;
}

.relate_info .relate_info_inner > .tourism {
  background: url(/search/image/dtl_new/traffic/icon_maps.png) no-repeat 4px 2px;
  background-size: 18px;
}

.relate_info .relate_info_inner > .shisetsu {
  background: url(/search/image/dtl_new/traffic/icon_shisetsu.png) no-repeat 2px 7px;
  background-size: 22px;
}

.noriirebox > dd > dl > dt {
  display: inline-block;
  text-align: center;
  font-size: 180%;
  margin: 0;
  padding: .1em 0;
  line-height: 1.2;
  max-width: 360px;
}
.noriirebox > dd > dl > dt > span {
  padding-left: 26px;
  position: relative;
}
.noriirebox > dd > dl > dt span::before {
  background: url(/search/image/dtl_new/traffic/mrk_noriire_st.png) no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 17px;
}
.noriirebox > dd > dl > dt > span + img {
  vertical-align:middle;
}
@media (max-width: 1024px){
  .noriirebox > dd > dl > dt {
    background: none;
  }
}

.noriirebox > dd > dl > dd > p {
  margin: 0 40px;
}

.noriirebox > dd > dl > dd > p > .keitai {
  font-size: 95%;
  font-weight: 600;
  color: #080;
}

.noriirebox > dd > dl > dd > .note {
  font-size: 85%;
}

/* 乗換案内 */
.noriirebox > dd > dl > dd >.ttl_rosen_route {
  background: url(/search/image/dtl_new/traffic/bg-ttl-rosen-route.png) repeat-x center;
  background-size: 2px 5px;
  text-align: center;
  margin: 0 auto 7px;
  width: 270px;
}
.noriirebox > dd > dl > dd >.ttl_rosen_route > span {
  background: #FFFEF3;
  color: #167545;
  font-size: 21px;
  font-weight: 600;
  padding: 0 10px;
  position: relative;
}
.noriirebox > dd > dl > dt.rosen_link + dd{
  margin-top: 10px;
}
.noriirebox > dd > dl > dd >.read_rosen_route {
  margin-bottom: 10px;
  text-align: center;
  font-feature-settings: "palt" 1;
}

/* ルート検索ボタン */
.traffic_route {
  margin: 11px auto 9px;
  width: 470px;
}

.traffic_route.traffic_route_station .btn_timetable,
.traffic_route.traffic_route_station .btn_price {
  margin-top: 12px;
}

.traffic_route_ferry {
  margin: 11px auto 20px;
}

.traffic_route_row {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.traffic_route_row > a {
  display: inline-block;
}

.traffic_route_row > a:not(:last-child) {
  margin-right: 12px;
}

.airport_platform_inner .traffic_route {
  margin-top: 0;
}

.traffic_route .btn_search,
.traffic_route .btn_route,
.traffic_route .btn_timetable,
.traffic_route .btn_price,
.traffic_route .btn_diainfo {
  align-items: baseline;
  background: #fff;
  border: 2px solid #0F3486;
  box-shadow: 0 3px 0 #0F3486;
  border-radius: 19px;
  box-sizing: border-box;
  color: #0F3486;
  display: flex;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 5px auto;
  padding: 6px 0 5px 12px;
  position: relative;
  width: 270px;
  height: 36px;
}

.c33 .traffic_route .btn_search,
.c33 .traffic_route .btn_route,
.c33 .traffic_route .btn_timetable,
.c33 .traffic_route .btn_price,
.c33 .traffic_route .btn_diainfo {
  padding: 0;
  width: 228px;
}

.traffic_route .btn_timetable,
.traffic_route .btn_price,
.traffic_route .btn_diainfo {
  margin-top: 18px;
  height: 60px;
  border-radius: 0;
  box-shadow: 0px 1px 3px 0 rgb(0 0 0 / 35%);
}

.c33 .traffic_route .btn_timetable,
.c33 .traffic_route .btn_price,
.c33 .traffic_route .btn_diainfo {
  height: 50px;
}

.traffic_route .btn_diainfo {
  margin-top: 5px;
}

.traffic_route.traffic_route_airport .btn_timetable {
  margin-top: 0;
  margin-bottom: 25px;
}

.traffic_route_search .btn_search {
  margin: 0;
  padding-left: 0;
  padding-right: 12px;
  width: 190px;
}
.traffic_route_search .btn_search:not(:last-child) {
  margin-right: 12px;
}

.btn_timetable_img,
.btn_price_img,
.btn_diainfo_img {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 130px;
  text-align: center;
  line-height: 1.3;
  letter-spacing: normal;
  font-size: 15px;
  font-weight: 600;
  left: 0;
}

.c33 .btn_timetable_img,
.c33 .btn_price_img,
.c33 .btn_diainfo_img {
  padding-left: 32px;
  left: 72px;
  display: block;
}

.c33 .btn_price_img {
  text-indent: -0.25em;
}

.btn_diainfo_img {
  padding-left: 143px;
}

.btn_timetable_img::before,
.btn_price_img::before,
.btn_diainfo_img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 85px;
  transform: translateY(-50%);
}

.c33 .btn_timetable_img::before,
.c33 .btn_price_img::before,
.c33 .btn_diainfo_img::before {
  left: 0;
}

.btn_timetable_img::before {
  background: url("/search/image/dtl_new/traffic/ico-clock.png") no-repeat center / 100%;
  height: 20px;
  width: 20px;
}

.c33 .btn_timetable_img::before {
  height: 18px;
  width: 18px;
}

.btn_price_img::before {
  background: url("/search/image/dtl_new/traffic/ico-price.png") no-repeat center / 100%;
  height: 19px;
  width: 25px;
}

.c33 .btn_price_img::before {
  height: 18px;
  width: 24px;
}

.btn_diainfo_img::before {
  background: url("/search/image/dtl_new/traffic/ico-service-info.png") no-repeat center / 100%;
  height: 26px;
  width: 18px;
}

.traffic_route a {
  justify-content: center;
}

.traffic_route .btn_search:hover,
.traffic_route .btn_route:hover,
.traffic_route .btn_timetable:hover,
.traffic_route .btn_price:hover,
.traffic_route .btn_diainfo:hover {
  opacity: .8;
}

.traffic_route .btn_search:before,
.traffic_route .btn_route:before,
.traffic_route .btn_timetable:before {
  content: "";
  height: 18px;
  left: 15px;
  position: absolute;
  top: calc(50% - 9px);
  width: 18px;
}

.traffic_route .btn_search:before {
  background: url("/search/image/dtl_new/traffic/ico-search-route.png") no-repeat center/100%;
}

.traffic_route .traffic_route_search .btn_search:before {
  content: none;
}

.traffic_route .btn_route:before {
  background: url("/search/image/dtl_new/traffic/ico-train.png") no-repeat center/100%;
}

.traffic_route .btn_timetable::before,
.traffic_route .btn_price::before,
.traffic_route .btn_diainfo::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  width: 75px;
  height: 52px;
}

.c33 .traffic_route .btn_timetable::before,
.c33 .traffic_route .btn_price::before,
.c33 .traffic_route .btn_diainfo::before {
  width: 55px;
  height: 42px;
}

.traffic_route .btn_timetable::before {
  background: url("/search/image/dtl_new/traffic/img-timetable-station.png") no-repeat center/ cover;
}

.traffic_route .btn_timetable.btn_bus_timetable::before {
  background: url("/search/image/dtl_new/traffic/img-timetable-bus.png") no-repeat center/ cover;
}

.traffic_route .btn_timetable.btn_ferry_timetable::before {
  background: url("/search/image/dtl_new/traffic/img-timetable-ferry.png") no-repeat center/ cover;
}

.traffic_route .btn_price::before {
  background: url("/search/image/dtl_new/traffic/img-price.png") no-repeat center/ cover;
}

.traffic_route .btn_diainfo::before {
  background: url("/search/image/dtl_new/traffic/img-service-info.png") no-repeat center/ cover;
}

.traffic_route .btn_timetable::after,
.traffic_route .btn_price::after,
.traffic_route .btn_diainfo::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}

.bc188 .traffic_route .btn_timetable::after,
.bc188 .traffic_route .btn_price::after,
.bc188 .traffic_route .btn_diainfo::after {
  width: 11px;
  height: 11px;
}

.traffic_route .btn_timetable::after {
  background: url("/search/image/dtl_new/traffic/ico_link.png") no-repeat center/100%;
}

.traffic_route .btn_price::after {
  background: url("/search/image/dtl_new/traffic/ico_link.png") no-repeat center/100%;
}

.traffic_route .btn_diainfo::after {
  background: url("/search/image/dtl_new/traffic/ico_link.png") no-repeat center/100%;
}

.traffic_route.traffic_route_airport .btn_timetable::before {
  background: url("/search/image/dtl_new/traffic/img-timetable-airport.png") no-repeat center/ cover;
}

.traffic_route .btn_search:after,
.traffic_route .btn_route:after {
  content: "";
  border-bottom: 4px solid transparent;
  border-left: 6px solid #0F3486;
  border-top: 4px solid transparent;
  position: absolute;
  right: 16px;
  top: calc(50% - 4px);
}

.traffic_nearby {
  border: 2px solid #2a9a14;
  border-radius: 7px;
  box-sizing: border-box;
  margin: auto;
  padding-bottom: 20px;
  width: 505px;
  background: #FFF;
}

.traffic_nearby .ttl_traffic {
  align-items: center;
  background: #2a9a14;
  box-sizing: border-box;
  display: flex;
  padding: 0 0 2px 37px;
  height: 31px;
  position: relative;
  color: #fff;
  font-size: 15px;
}

.traffic_nearby .ttl_traffic::before {
background: url(/search/image/dtl_new/traffic/ttl-traffic.png) no-repeat;
background-size: contain;
content: "";
display: block;
height: 17px;
left: 12px;
position: absolute;
top: 7px;
width: 17px;
}

.traffic_des {
  margin: 11px 22px 16px 20px;
  text-align: center;
}
.traffic_des p{
  display: inline-block;
  text-align: left;
}

.traffic_kind,
.traffic_kind .traffic_kind_block,
.traffic_kind,
.traffic_kind .traffic_kind_block_col4 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.traffic_kind .traffic_kind_block_col4 .traffic_station,
.traffic_kind .traffic_kind_block_col4 .traffic_streetcar {
  margin-bottom: 11px;
}

.traffic_kind > span,
.traffic_kind a {
  align-items: center;
  background: #2748B6;
  border-radius: 24px;
  box-shadow: 0 3px 0 #1F316E;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 5px;
  padding-left: 45px;
  position: relative;
  justify-content: center;
  text-align: center;
  width: 225px;
  height: 45px;
  font-size: 13px;
  font-weight: 600;
}

.traffic_kind a:hover {
  opacity: .8;
}

.traffic_kind > span:after,
.traffic_kind a:after {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #fff;
  border-top: 4px solid transparent;
  content: "";
  right: 10px;
  position: absolute;
  top: calc(50% - 4px);
}

.traffic_kind > span {
  opacity: .7;
}

.traffic_kind > span img,
.traffic_kind a img {
  position: absolute;
  top: 1px;
  left: 1px;
}

.traffic_kind a .facilities_count {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin-top: 3px;
}

.traffic_kind > a:first-child {
  margin: 0 40px 11px;
}

.noriirebox > dd > .gotouchi {
  font-size: 120%;
  line-height: 1.3;
  margin: 15px 0 15px 5px;
  padding: 0 0 0 25px;
  color: #999;
  background: url(/search/image/dtl_new/traffic/mrk_noriire_top.png) no-repeat 0 -48px;
}

.noriirebox > dd > .data,
.noriirebox > dd > .tourism {
  font-size: 120%;
  line-height: 1.3;
  margin: 15px 0 15px 5px;
  padding: 0 0 0 25px;
  color: #999;
  background: url(/search/image/dtl_new/icon_data.png) no-repeat 0 0;
}

/* 乗換案内　乗換駅一覧 */
.noriirebox > dd > dl > dd > .station_list {
  padding: 0 2px 0;
}
.noriirebox > dd > dl > dd > .station_list > div[class*="station_"] {
  margin-bottom: 12px;
  overflow: hidden;
}
.noriirebox > dd > dl > dd > .station_list .station_ttl,
.ic_name .station_list .station_ttl {
  font-size: 15px;
  height: 28px;
  padding-left: 13px;
  padding-top: 4px;
  width: 66px;
}
.noriirebox > dd > dl > dd > .station_list .station_ttl:after {
  border-right: 26px solid transparent;
  right: -26px;
}

.inf_list_wrap{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.noriirebox > dd > dl > dd > .station_list .inf_list {
  background: none;
  padding: 8px 0 0 10px;
  margin-right: -14px;
  min-width: 50% !important;
  width: auto;
}
.noriirebox > dd > dl > dd > .station_list .inf_list.inf_list01{
  width: 50%;
}
.noriirebox > dd > dl > dd > .station_list .inf_list.inf_list01 > li {
  width: 100%;
}

.noriirebox > dd > dl > dd > .station_list .inf_list > .inf_item {
  margin-bottom: 1px;
  margin-right: 14px;
  margin-left: 14px;
  width: 224px;
  display: inline-block;
  float: left;
}
.inf_list_wrap .inf_list.inf_list01:first-child:last-child,
.inf_list_wrap .inf_list.inf_list01:first-child:last-child li{
  width: 100% !important;
}
.noriirebox > dd > dl > dd > .station_list .inf_list > .inf_item:before {
  display: none;
}
.noriirebox > dd > dl > dd > .station_list .inf_list > .inf_item > a:after {
  border-bottom: 3px solid transparent;
  border-left: 5px solid #1825ce;
  border-top: 3px solid transparent;
  right: initial;
  left: 1px;
  top: 6px;
}
.station_list .inf_list > .inf_item > a {
  color: #2029f2;
  font-size: 17px;
  font-weight: 600;
  font-feature-settings: "palt" 1;
  line-height: 1.3;
  letter-spacing: .015em;
  padding: 0 0 0 11px;
  display: inline-block;
}
.station_list .inf_list > .inf_item > a:before {
  display: none;
}
.station_list .inf_list > .inf_item > a > span {
  color: #2029f2;
  font-size: 18px;
  font-weight: 600;
}

.station_list + .traffic_route {
  margin-top: 0;
  margin-bottom: 17px;
  width: 520px;
}

.station_label {
  flex: 0 0 59px;
  padding: 6px 3px;
  border: 1px solid #9ce29a;
  line-height: 1;
  font-size: 13px;
  font-weight: bold;
  color: #1b9b10;
  text-align: center;
  box-sizing: content-box;
  display: inline-block;
  white-space: nowrap;
}

.noriirebox>dd>dl>dd>.station_list .inf_list >.inf_item {
  padding: 3px 0 1px;
  width: calc(50% - 28px);
  flex-wrap: wrap;
  display: inline-block;
}

.noriirebox>dd>dl>dd>.station_list .station_02 .inf_list>.inf_item {
  display: inline-block;
  width: fit-content;
  min-width: calc(50% - 28px);
}

.inf_item_company {
  align-items: center;
  margin-bottom: 3px;
  padding-left: 25px;
  clear: both;
  width: 100%;
  display: inline-flex;
}

.inf_list .inf_item_company .inf_item_company-link {
  padding: 5px 5px 4px;
  font-size: 15px;
  font-weight: normal;
}

.noriirebox > dd > dl > dd > .station_list .station_02 .inf_list > .inf_item:last-child {
  margin-bottom: 0;
}

.station_00 .inf_list .inf_item .inf_item_company-link:before,
.station_01 .inf_list .inf_item .inf_item_company-link:before,
.station_02 .inf_list .inf_item .inf_item_company-link:before {
  content: none;
}

.inf_list .inf_item .inf_item_company-link:after {
  content: none;
}

.noriirebox>dd>dl>dd>.station_list .inf_list>.inf_item.inf_item_company>a:after {
  content: none;
}

/* 乗降用経路検索タイトル */
.traffic_route_search {
  margin: 0 auto 10px;
  width: 390px;
}
.traffic_route_search_title {
  color: #0f3486;
  font-weight: bold;
  margin-bottom: 8px;
  position: relative;
  text-align: center;
  z-index: 1;
}
.traffic_route_search_title::after {
  background-color: #0f3486;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.traffic_route_search_title > span {
  background: #FFFEF3 url("/search/image/dtl_new/traffic/ico-search-route.png") no-repeat 8px center / 1.8rem;
  padding: 5px 13px 5px calc(13px + 1.8rem);
}

/* --------------------------------------------------------------
 交通アクセスカテゴリ　
 鉄道の時に徒歩経路検索　md_walking_route
---------------------------------------------------------------- */
.md_walking_route {
  background: #fff;
  border: 2px solid #2a9a14;
  border-radius: 7px;
  box-sizing: border-box;
  margin: auto;
  padding-bottom: 16px;
  width: 505px;
}

.md_walking_route .ttl_walking_route {
  align-items: center;
  background: #2a9a14;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 15px;
  padding: 0 0 2px 37px;
  position: relative;
  height: 31px;
}

.md_walking_route .ttl_walking_route::before {
  background: url(/search/image/dtl_new/traffic/ico-route-ttl-search.png) no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 17px;
  left: 12px;
  position: absolute;
  top: 7px;
  width: 17px;
}

.md_walking_route .walking_route_read {
  font-size: 15px;
  font-feature-settings: "palt" 1;
  line-height: 1.5;
  margin: 12px -2px 0;
  padding-left: 26px;
  padding-right: 21px;
}

/* 鉄道の時に徒歩経路検索 > 当駅近辺の施設ボタン */
.md_walking_route .walking_route_box {
  margin: 20px 21px 0;
}

.md_walking_route .walking_route_box {
  display: flex;
  justify-content: center;
}

/* 鉄道の時に徒歩経路検索の周辺施設ボタン */
.md_walking_route_aroundfa {
  padding-bottom: 21px;
}

.md_walking_route_aroundfa .btn_access_route {
  margin: 16px auto 0 17px;
}
.md_walking_route_aroundfa .btn_access_route a {
  border-radius: 100px;
  font-feature-settings: "palt";
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 230px;
  border: 2px solid #0F3486;
  box-shadow: 0 3px 0 #0f3486;
  font-weight: normal;
  font-size: 16px;
  font-weight: 600;
}
.md_walking_route_aroundfa .btn_access_route a::before {
  background: url(/search/image/dtl_new/traffic/ico-search-facility-s24.png) no-repeat right center;
  background-size: contain;
  width: 20px;
  height: 20px;
}

/* --------------------------------------------------------------
 交通アクセスカテゴリ　
 当施設周辺の鉄道駅/バス停/IC・SA・PA/レンタカー／レンタカー会社　transportation_link
---------------------------------------------------------------- */
.transportation_link {
  position: relative;
  width: 580px;
  margin: 12px auto 0;
  text-align: center;
}

.transportation_link::before {
  position: absolute;
  top: -48px;
  left: 272px;
  width: 46px;
  height: 32px;
  background: url(/search/image/dtl_new/bg_under_cursor02.png) no-repeat center;
  content: "";
}

.transportation_link .ttl {
  padding: 0 0 5px;
}

.transportation_link .box {
  position: relative;
  width: 580px;
  height: 363px;
}

.transportation_link .box.box_station {
  background: url(/search/image/dtl_new/bg_transportation_link_station.png) no-repeat 0 0;
}

.transportation_link .box.box_ic {
  background: url(/search/image/dtl_new/bg_transportation_link_ic.png) no-repeat 0 0;
}

.transportation_link .box.box_bus {
  background: url(/search/image/dtl_new/bg_transportation_link_bus.png) no-repeat 0 0;
}

.transportation_link ul li {
  position: absolute;
  width: 156px;
  height: 46px;
}

/* 鉄道・バス停・レンタカー／レンタカー会社・IC/SA/PA　共通 */
.transportation_link ul li:nth-child(1) {
  top: 64px;
  left: 213px;
}

.transportation_link ul li:nth-child(2) {
  top: 144px;
  left: 332px;
}

.transportation_link ul li:nth-child(4) {
  top: 264px;
  left: 213px;
}

.transportation_link ul li:nth-child(5) {
  top: 144px;
  left: 94px;
}

/* 鉄道・バス停カテゴリの場合 */
.transportation_link .box.box_station li:nth-child(3),
.transportation_link .box.box_bus li:nth-child(3) {
  top: 214px;
  left: 213px;
}

/* IC/SA/PAカテゴリの場合 */
.transportation_link .box.box_ic li:nth-child(2) {
  top: 114px;
  left: 213px;
}

.transportation_link .box.box_ic li:nth-child(3) {
  top: 184px;
  left: 332px;
}

.transportation_link .box.box_ic li:nth-child(4) {
  top: 264px;
  left: 213px;
}

.transportation_link .box.box_ic li:nth-child(5) {
  top: 184px;
  left: 94px;
}

/* ===== parking_box ====== */
.parking_box {
  width: 582px;
  margin: 0 auto 35px;
  padding: 0 29px 60px;
  background: url(/search/image/dtl/line_train.gif) no-repeat 0 bottom;
}

.parking_box h2 {
  font-size: 100%;
  line-height: 2.1;
  margin: 0 0 32px;
  padding: 0 0 0 8px;
  background: #eee;
}

.parking_box h2::before {
  margin: 0 1px 0 0;
  content: "■";
}

.parking_box h2 span {
  font-weight: 100;
}

.parking_box p {
  margin: 0 20px 9px;
}

.parking_box a {
  display: block;
}

.parking_box .guide_map_btn {
  text-align: center;
}

.parking_box .btn_guidemap {
  width: 214px;
  height: 58px;
  margin: 0 auto;
  padding: 0;
}

.parking_box .btn_guidemap a {
  font-size: 20px;
  font-weight: 600;
  line-height: 58px;
  display: block;
  width: 214px;
  height: 58px;
  margin: 0;
  padding: 0;
  color: #fff;
  border: none;
  background: url(/search/image/dtl_new/btn_guidemap.png) no-repeat center center;
  box-shadow: none;
  text-align: center;
  text-indent: 40px;
  letter-spacing: .05em;
}

.parking_box .btn_guidemap.disabled a {
  color: #f5f5f5;
  background: url(/search/image/dtl_new/btn_guidemap_gr.png) no-repeat center center;
}

/*---------------------------------------------------
「当施設周辺の鉄道駅・バス停・IC・レンタカー／レンタカー会社」 #8507
-----------------------------------------------------*/
.traffic_name_box dl {
  width: 490px;
  margin: 17px auto 11px;
  text-align: center;
}

.c178 .traffic_name_box dl {
  margin: 18px auto 11px;
}

.traffic_name_box .traffic_name_bus.middle dl dt {
  font-size: 26px;
}

.traffic_name_box dl ul {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  font-size: 16px;
  justify-content: center;
  line-height: 21px;
  margin: 16px 0 -15px 0;
}

.traffic_name_box dl ul li {
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 15px;
  width: 230px;
  letter-spacing: normal;
  text-align: left;
}
.relate_info_inner p{
  font-size: 16px;
}
.traffic_name_box dl ul li.gotouchi {
  padding: 0 0 0 27px;
  background: url("/search/image/dtl_new/icon_gotouchi.png") no-repeat 2px 0;
}

.traffic_name_box dl ul li.data {
  padding: 0 0 0 27px;
  background: url("/search/image/dtl_new/icon_data.png") no-repeat 2px 0;
}

.traffic_name_box dl ul li.tourism {
  padding: 0 0 0 27px;
  background: url("/search/image/dtl_new/traffic/icon_maps.png") no-repeat 2px 0;
}

.traffic_name_box dl ul li.tourism:last-child {
  padding-bottom: 0;
  background: url("/search/image/dtl_new/traffic/icon_shisetsu.png") no-repeat 0 4px;
}

.traffic_btm_arow {
  width: 536px;
  height: 70px;
  border: none;
  background: url("/search/image/dtl_new/bg_traffic_btm_arow.png") no-repeat 0 0;
}

/*---- インターチェンジ ---*/
.ic_name {
  width: 536px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  background: url("/search/image/dtl_new/bg_ic_name_btm.png") no-repeat 0 bottom,
    url("/search/image/dtl_new/bg_ic_name_mid.png") repeat-y 0 0;
}

.rosen_link {
  margin-bottom: 17px;
  text-align: right;
}
.ic_name dl .rosen_link_around,
.ic_name dl .rosen_link {
  position: relative;
  font-size: 26px;
  margin-right: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  align-items: center;
}
.ic_name dl .rosen_link_around {
  margin-top: 24px;
  margin-bottom: 30px;
}
.ic_name dl .rosen_link span:first-child{
  position: relative;
  display: flex;
  text-align: left;
  padding-left: 50px;
}

.ic_name dl .rosen_link span:first-child::before {
  content: "";
  display: block;
  width: 41px;
  height: 20px;
  background: url(/search/image/dtl_new/icon_ic_name.png) no-repeat center / contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.ic_name dl .rosen_link span:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 9px;
}
.ic_name .rosen_link_around span a,
.ic_name .rosen_link span a {
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  width: 258px;
  padding: 0 16px 0 26px;
  letter-spacing: normal;
}

.ic_name dt img {
  height: auto;
}

.rosen_title {
  position: relative;
  display: inline-block;
  padding: 0 71px;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
  color: #167545;
  margin-top: 15px;
}

.rosen_title::before,
.rosen_title::after {
  content: "";
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 65px;
  height: 2px;
  border-top: 2px solid #167545;
  border-bottom: 2px solid #167545;
}

.rosen_title::before {
  left: 0;
}

.rosen_title::after {
  right: 0;
}

.ic_name .rosen_text {
  margin: 8px 0 10px;
  text-align: center;
  font-size: 15px;
  line-height: calc(21 / 15);
}

.rosen_info {
  padding: 15px 14px;
  background-color: #fefee5;
  margin-bottom: 12px;
}

.rosen_info .rosen_info_item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: auto;
  margin: 0;
}

.rosen_info_item:last-of-type {
  margin-top: 5px;
}

.rosen_info_item:last-of-type .rosen_info_name .rosen_arrow {
  font-size: 17px;
}

.rosen_info_meta {
  width: 75px;
  margin-right: 16px;
  padding: 6px 0;
  line-height: 1;
  font-size: 14px;
  letter-spacing: 0;
  background-color: #9ce29a;
}

.rosen_info_name {
  text-align: left;
  width: 330px;
}
.rosen_arrow {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  font-size: 15px;
  letter-spacing: normal;
  color: #1825ce;
  min-width: 49%;
  box-sizing: border-box;
}

.rosen_arrow::before {
  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #1825ce;
  border-width: 4px 0 4px 5px;
  border-style: solid;
}

/*---- バス停 ---*/
.bus_name {
  position: relative;
  width: 532px;
  margin: 0 auto;
  padding: 25px 0 15px;
  border: solid 3px #d9d9d9;
  border-radius: 10px;
  box-shadow: 0px 4px 0px 0px rgba(165, 165, 165, 1);
}

.bus_name::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 503px;
  height: 11px;
  background-color: #93af7f;
}

.bus_name > dt {
  background-color: #37a532;
  color: #fff;
  font-size: 22px;
  margin: 0 auto;
  padding: 4px 0;
  text-align: center;
  width: 320px;
  font-weight: 600;
}

.traffic_name_box.bus_name dl {
  margin-top: 23px;
}

.bus_name dl dt {
  align-items: center;
  background: url("/search/image/dtl_new/icon_bus_name.png") no-repeat left top / 30px 54px;
  display: flex;
  flex-direction: column;
  min-height: 54px;
  height: auto;
  justify-content: center;
  margin: 0 auto 15px;
  padding-left: 50px;
  position: relative;
  min-width: calc(265px - 50px);
  width: fit-content;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.5;
}

.bus_name dl dt span {
  font-size: 20px;
  line-height: 22px;
  display: block;
  color: #444;
  font-weight: normal;
}

.bus_name dl dt.nocompany {
  padding-top: 10px;
}

.bus_name dl {
  padding-bottom: 20px;
}

.bus_name .traffic_route .btn_timetable,
.bus_name .traffic_route .btn_price {
  margin-top: 3px;
}

/* ------------------------------------------
 医者・医師・ドクター検索入り口
------------------------------------------- */

.doctors_interview {
  margin-top: 40px;
  overflow: hidden;
  padding: 0 0 7px;
  text-align: left;
}

.doctors_interview h3.doctors_interview_ttl {
  color: #FFFFFF;
  font-size: 16px;
  width: 644px;
  height: 40px;
  margin: 0 auto 25px;
}

.doctors_interview h3.doctors_interview_ttl+.bnr_att {
  margin-bottom: 10px;
}

.doctors_interview .interview_box {
  border: solid 1px #6f171e;
  background: linear-gradient(0deg, #f6dad7, #fff);
  margin: 0 auto 15px;
  width: 620px;
  height: 116px;
  position: relative;
}

.doctors_interview .interview_box.ib02 {
  height: 146px;
}

.doctors_interview .interview_box.ib02.inter09 {
	height: 128px;
}

.interview_box .doctor_photo {
  width: 91px;
  height: 91px;
  margin: 11px 16px 0 11px;
  float: left;
  background: #ffffff;
  padding: 2px;
}

.interview_box .doctor_name,
.interview_box.ib02 .doctor_name {
  background: url(/doctor-map/image/doctors/bg-ttl-interview.png) 0 bottom no-repeat;
  background-size: contain;
  color: #6f171e;
  display: flex;
  font-family: arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  padding: 10px 0 0 0;
  width: 486px;
  align-items: center;
  flex-wrap: wrap;
}

.interview_box.ib02 .doctor_name {
  align-items: flex-start;
  height: 66px;
  padding: 14px 0 0 0;
}

.interview_box.ib02.inter09 .doctor_name {
	font-size: 16px;
	height: 48px;
	line-height: 20px;
}

.interview_box.ib02.inter09 .doctor_name .name {
  margin-top: 10px;
  margin-left: auto;
}

.interview_box .doctor_name .yakushoku {
  color: #000;
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin-left: auto;
  margin-top: 2px;
  padding-left: 5px;
}

.interview_box.ib02 .doctor_name .yakushoku {
  margin-top: 12px;
  text-align: right;
}

.interview_box.ib02.inter09 .doctor_name .yakushoku {
	font-size: 16px;
  margin-top: 0;
  margin-left: 10px;
  text-align: left;
}

.interview_box .doctor_name .name {
  font-family: arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  margin-left: 8px;
}

.interview_box.ib02 .doctor_name .name {
  line-height: 1.2;
  margin-left: 10px;
}

.interview_box .txt_lead {
  display: inline-block;
  font-size: 15px;
  line-height: 1.7;
  margin-left: 7px;
  padding: 0px 5px;
}

.interview_box .btn_interview_read {
  position: absolute;
  bottom: 7px;
  right: 9px;
  width: 172px;
  height: 26px;
  background: url("/clinic/image/doctors/btn_interview_read_bg.gif") no-repeat scroll 0 0;
}

.btn_doctorsinterview_box_heli {
  position: relative;
  height: 88px;
  margin: 0 auto 30px;
  width: 610px;
}

.btn_doctorsinterview_box_heli .doctor_name {
  margin: 0 auto;
  max-width: 450px;
}

.btn_doctorsinterview_box_heli .btn_interview_read {
  background: url(/clinic/image/doctors/btn_interview_read_bg.gif) no-repeat scroll 0 0;
  bottom: 26px;
  height: 22px;
  position: absolute;
  right: 84px;
  width: 141px;
}

.btn_doctorsinterview_box_heli .btn_interview_read > a > img {
  width: 142px;
  height: 21px;
  object-fit: cover;
}

/* 施設詳細 */
.doctors_interview .shisetsu_interview_box {
  background: url("/doctor-map/image/doctors/btn_interview_allow.png") bottom right no-repeat,linear-gradient(0deg, #e7f7f7, #fff);
  background-size: 23px;
  border: 1px solid #2bafaf;
  display: flex;
  margin: 0 auto 10px;
  width: 490px;
}

.doctors_interview .shisetsu_interview_box:hover {
  opacity: .6;
}

.shisetsu_interview_box .doctor_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 3px 10px 0 30px;
}

.shisetsu_interview_box .doctor_info .hostital {
  color: #008389;
  display: block;
  font-size: 17px;
  line-height: 1.3;
}

.shisetsu_interview_box.interview_09 .doctor_info .hostital {
  font-size: 15px;
  line-height: 1.15;
  margin-bottom: 2px;
}

.shisetsu_interview_box .doctor_info .hostital_2 {
  color: #008389;
  display: inline-block;
}

.shisetsu_interview_box .doctor_info .doctor_name_2 {
  margin-top: -3px;
}

.shisetsu_interview_box .doctor_info .position {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  margin-right: 15px;
}

.shisetsu_interview_box.interview_09 .doctor_info .doctor_name {
  line-height: 1;
}

.shisetsu_interview_box.interview_09 .doctor_info .position {
  font-size: 13px;
  line-height: 1.3;
}

.shisetsu_interview_box .doctor_info .name {
  color: #000;
  font-size: 22px;
  line-height: 1.2;
}

.shisetsu_interview_box.interview_09 .doctor_info .name {
  display: inline-block;
  line-height: 1;
  transform: translateY(3px);
}

/* リーダーナビリンク */
.doctors_interview .shisetsu_leader_box {
  background: url("/doctor-map/image/doctors/btn_interview_allow_red.png") bottom right no-repeat,linear-gradient(0deg, #f8f2d5, #fff);
  background-size: 23px;
  border: 1px solid #891a1f;
  display: flex;
  margin: 0 auto 10px;
  width: 490px;
}

.doctors_interview .shisetsu_leader_box:hover {
  opacity: .6;
}

.shisetsu_leader_box .doctor_info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px 0 30px;
  padding-top: 3px;
}

.shisetsu_leader_box .doctor_info .hostital {
  color: #6f171e;
  display: block;
  font-size: 17px;
  line-height: 1.3;
}

.shisetsu_leader_box .doctor_info .hostital_2 {
  display: inline-block;
}

.shisetsu_leader_box .doctor_info .doctor_name_2 {
  margin-top: -3px;
}

.shisetsu_leader_box .doctor_info .position {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  margin-right: 15px;
}

.shisetsu_leader_box .doctor_info .name {
  color: #000;
  font-size: 22px;
  line-height: 1.2;
}

.doctors_interview .attention {
  clear: both;
  font-size: 13px;
  margin: 0 auto;
  text-align: left;
  width:490px;
}

.doctors_interview .attention::before {
  content: "※ ";
}

.doctors_interview .attention img {
  margin: 0 6px 4px 0;
}

/* ----------------------------------------------
 レジデンス・多度温泉 バナー
---------------------------------------------- */
.bnrwrap_tado {
  margin: 30px auto 0;
}

.bnrwrap_tado .cont {
  width: 640px;
  margin: 15px auto 0;
}

.bnrwrap_tado .cont .left {
  float: left;
}

.bnrwrap_tado .cont .bnr:nth-child(2),
.bnrwrap_tado .cont .bnr:nth-child(3) {
  float: right;
  margin: 0 0 17px;
}

.bnrwrap_tado .bnr:last-child {
  margin: 0;
  border: 1px solid #000;
}

/* ---------------------------------------
 求人バナー　（東建区分）　mod_recruit_bnr
---------------------------------------- */
.mod_recruit_box {
  width: 640px;
  margin: 30px auto;
  overflow: hidden;
  border: 2px solid #093;
  border-radius: 6px;
}

.mod_recruit_box .ttl {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  padding: 4px 0 5px;
  background: #093 url(/search/image/dtl_new/bg_h2_dot.png) no-repeat center;
}

.mod_recruit_box .cont {
  text-align: center;
  padding: 14px 0;
}

.mod_recruit_box .bnr {
  display: inline-block;
  margin: 0 4px;
  border: 1px solid #ccc;
}

/* ---------------------------------------
 観光・レジャーマップ エリア別バナー mod_bnr_tourmap
---------------------------------------- */
.mod_bnr_tourmap {
  margin: 20px auto 0;
  position: relative;
  text-align: center;
}

.mod_bnr_tourmap a .area {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  position: absolute;
  top: 11px;
  left: 68px;
  height: 26px;
  padding: 0 10px;
  letter-spacing: .1em;
  color: #fff;
  border-radius: 3px;
  background: #3aad7d;
}

.mod_bnr_tourmap a:hover .area {
  opacity: .8;
}

.mod_bnr_tourmap_top {
  text-align: center;
  width: 450px;
  margin: 10px auto 15px;
}
.mod_bnr_tourmap_top figcaption{
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  margin: 5px 0 0;
  text-align: left;
  letter-spacing: 0.075em;
  font-feature-settings: "palt";
}
.mod_town_info + .mod_bnr_tourmap_top{
  margin-top: 30px;
}

.mod_bnr_ukiyoe {
  text-align: center;
  margin: 30px auto 0;
}
.mod_bnr_ukiyoe a {
  position: relative;
  margin: auto;
}
.mod_bnr_ukiyoe img {
  width: 450px;
  border: 1px solid #B38F5F;
}
.mod_bnr_ukiyoe_facilityName {
  display: block;
  min-width: 28%;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  padding: 0.8em 2em;
  background: rgba(255, 255, 255, .85);
  box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
  color: #000;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
  font-weight: 600;
}
a:hover .mod_bnr_ukiyoe_facilityName {
  opacity: 0.6;
}
.mod_bnr_ukiyoe figcaption{
  font-size: 15px;
  margin: 5px auto 0;
  max-width: 450px;
  text-align: left;
}

/* ---------------------------------------
 おすすめ施設　(老人ホーム・サ高住)
---------------------------------------- */
.box_top01 {
  overflow: hidden;
  margin: 20px 0 30px 0;
  padding: 0 0 10px 0;
  background: #ffd8ef;
}

.box_top01 > .ttl {
  font-size: 16px;
  height: 40px;
  padding: 10px 0 0 10px;
  color: #fff;
  background: url(/search/image/dtl_new/h2_003.jpg) 0 0;
  text-align: left;
}

.box_top01 > .ttl div.osusume_btn_bg {
  font-size: 110%;
  line-height: 30px;
  float: left;
  width: 250px;
}

.box_top01 > .ttl div.osusume_all_btn {
  float: right;
  height: 27px;
  margin-right: 10px;
}

.box_top01 .box {
  display: block;
  float: left;
  width: 207px;
  margin: 8px 0 0 8px;
  border: #b0b0b0 1px solid;
  background: #fff;
  text-align: left;
}

.box_top01 .box .title {
  font-weight: 600;
  height: 58px;
  margin: 2px 2px 0 2px;
  background: url(/search/image/dtl_new/bg_002.jpg) no-repeat 0 0;
}

.box_top01 .box .title .name {
  font-size: 15px;
  float: left;
  margin: 5px 0 0 10px;
}

.box_top01 .box .title .name a {
  color: #e80101;
}

.box_top01 .box .title .name a:hover {
  text-decoration: underline;
}

.box_top01 .box .title .pic {
  float: right;
}

.box_top01 .box .more {
  display: inline;
  float: right;
  margin: 10px 10px 10px 0;
  padding-left: 12px;
  background: url(/search/image/dtl_new/icon_001.png) no-repeat center left;
  text-align: right;
}

.box_top01 .box .txt {
  line-height: 1.4;
  margin: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .box_top01 .box .title .name {
    float: left;
    margin: 3px 0 0 10px;
  }
}

/*-------------------------------------------------------------------
 施設紹介ビデオ (岐阜大学医学部附属病院ヘリポート) movie_listbox
 ------------------------------------------------------------------*/
.movie_listbox {
  margin: 40px 0;
  text-align: center;
}

.movie_listbox header {
  height: 47px;
  margin: 0 auto;
  border-radius: 6px 6px 0 0;
  background: #0f55a4;
}

.movie_listbox header img {
  margin-top: 8px;
}

.movie_listbox.list3 header {
  width: 630px;
  height: 38px;
}

.movie_listbox header h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  padding: 8px 0;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.movie_listbox .cont_box {
  width: 630px;
  margin: 0 auto;
  padding-bottom: 15px;
}

.movie_listbox.list3 .cont_box {
  width: 630px;
  background: url(/search/image/dtl_new/bg_movie_list3.png) no-repeat center;
}

.movie_listbox .cont_box .movlist {
  display: inline-block;
  margin: 5px 0 0 -14px;
}

.movie_listbox .cont_box .movlist li {
  position: relative;
  display: inline-block;
  float: left;
  width: 186px;
  margin: 14px 0 0 14px;
}

.movie_listbox.list3 .cont_box .movlist li {
  width: 186px;
}

.movie_listbox.list3 .cont_box .movlist .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  width: 186px;
  height: 105px;
}

.movie_listbox .cont_box .movlist .thumb:hover {
  opacity: .8;
}

.movie_listbox.list3 .cont_box .movlist .thumb::after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: table-cell;
  width: 186px;
  height: 105px;
  margin-top: 23px;
  content: url(/image/movie_icon_ss.png);
}

.movie_listbox figcaption {
  display: inline-block;
  width: 186px;
}

.movie_listbox .cont_box .movlist a.btn {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  display: block;
  width: 186px;
  height: 27px;
  margin: 5px 0 0;
  color: #fff;
  background: rgba(255, 255, 255, .3);
}

.movie_listbox .cont_box .movlist a.btn:hover {
  background: rgba(255, 255, 255, .2);
}

.movie_listbox .cont_box > .btn {
  display: inline-block;
  margin: 15px auto 0;
}

.movie_listbox.list1 .cont_box > .btn {
  margin: 20px auto 0;
}

.movie_listbox .cont_box > .btn:hover {
  opacity: .8;
}

/* --------------------------------------------------
 .mod_risachan リサチャン動画 .list1～.list4
 動画数によってレイアウト変更 risachan_listbox
--------------------------------------------------- */
.risachan_listbox {
  margin: 25px auto;
  text-align: center;
}

.risachan_listbox > .ttl {
  height: 47px;
  margin: 0 auto;
  border-radius: 6px 6px 0 0;
  background: #d94a67;
}

.risachan_listbox > .ttl img {
  margin-top: 8px;
}

.risachan_listbox.tado > .ttl {
  height: 47px;
  margin: 0 auto;
  border-radius: 6px 6px 0 0;
  background: #35ab5a;
}

.risachan_listbox.tado > .ttl img {
  margin-top: 0;
}

.risachan_listbox.list3 .ttl {
  width: 630px;
}

.risachan_listbox.list4 .ttl,
.risachan_listbox.list2 .ttl {
  width: 432px;
}

.risachan_listbox.list1 .ttl {
  width: 400px;
}

.risachan_listbox .cont_box {
  width: 630px;
  margin: 0 auto;
  padding-bottom: 15px;
}

.risachan_listbox.list3 .cont_box {
  width: 630px;
  background: url(/search/image/dtl_new/bg_risachan_list3.png) repeat-y center;
}

.risachan_listbox.list4 .cont_box,
.risachan_listbox.list2 .cont_box {
  width: 432px;
  background: url(/search/image/dtl_new/bg_risachan_list2.png) repeat-y center;
}

.risachan_listbox.list1 .cont_box {
  width: 400px;
  margin: 0 auto;
  padding-bottom: 20px;
  background: url(/search/image/dtl_new/bg_risachan_list1.png) repeat-y center;
}

.risachan_listbox .cont_box .movlist {
  display: inline-block;
  margin: 0 0 0 -14px;
}

.risachan_listbox.list4 .cont_box .movlist {
  margin: 0 0 0 14px;
}

.risachan_listbox .cont_box .movlist li {
  position: relative;
  display: inline-block;
  float: left;
  width: 186px;
  margin: 14px 0 0 14px;
}

.risachan_listbox.list3 .cont_box .movlist li,
.risachan_listbox.list2 .cont_box .movlist li {
  width: 186px;
}

.risachan_listbox.list1 .cont_box .movlist li {
  width: 358px;
}

.risachan_listbox.list4 .cont_box .movlist .thumb,
.risachan_listbox.list3 .cont_box .movlist .thumb,
.risachan_listbox.list2 .cont_box .movlist .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  width: 186px;
  height: 105px;
}

.risachan_listbox.list1 .cont_box .movlist .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  width: 358px;
  height: 165px;
}

.risachan_listbox .cont_box .movlist .thumb:hover {
  opacity: .8;
}

.risachan_listbox.list4 .cont_box .movlist .thumb::after,
.risachan_listbox.list3 .cont_box .movlist .thumb::after,
.risachan_listbox.list2 .cont_box .movlist .thumb::after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: table-cell;
  width: 186px;
  height: 105px;
  content: url(/search/image/dtl_new/bg_risachan_play_mrk.png);
}

.risachan_listbox.list1 .cont_box .movlist .thumb::after {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: table-cell;
  width: 358px;
  height: 165px;
  content: url(/search/image/dtl_new/bg_risachan_play_mrk_l.png);
}

.risachan_listbox figcaption {
  display: inline-block;
  width: 186px;
}

.risachan_listbox .cont_box .movlist a.btn {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  display: block;
  width: 186px;
  height: 27px;
  margin: 5px 0 0;
  color: #fff;
  background: rgba(255, 255, 255, .3);
}

.risachan_listbox .cont_box .movlist a.btn:hover {
  background: rgba(255, 255, 255, .2);
}

.risachan_listbox .cont_box > .btn {
  display: inline-block;
  margin: 15px auto 0;
}

.risachan_listbox.list1 .cont_box > .btn {
  margin: 20px auto 0;
}

.risachan_listbox .cont_box > .btn:hover {
  opacity: .8;
}

/* ---------------------------------------
 福岡ソフトバンクホークス動画
---------------------------------------- */
#hawks_tv {
  display: block;
  overflow: hidden;
  width: 600px;
  margin: 10px 5px 30px 30px;
}

#hawks_tv p.read {
  margin-top: 15px;
  margin-bottom: 10px;
}

#hawks_tv p.read_box {
  height: 50px;
  margin-bottom: 5px;
  padding-bottom: 7px;
}

#hawks_tv span.data {
  font-size: 12px;
  font-weight: 600;
  color: #666;
}

#hawks_tv img {
  display: block;
  float: left;
}

#hawks_tv ul.hawkstv_list > li {
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
  background: #e4e3e2;
}

#hawks_tv ul.hawkstv_list > li:nth-child(odd) {
  background: #fdedb5;
}

#hawks_tv ul.hawkstv_list > li > img {
  float: left;
  margin: 0 0 3px 2px;
}

#hawks_tv .viedo_thumb {
  float: left;
  width: 150px;
  margin: 6px 0 0 0;
  padding: 3px;
  background: #fff;
}

#hawks_tv dl.hawkstv_broadcast {
  float: right;
  width: 410px;
  margin-top: 8px;
}

#hawks_tv dl.hawkstv_broadcast dt {
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  height: 15px;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url("/search/image/yahoo/hawks_tv_07.png") no-repeat left center;
}

#hawks_tv dl.hawkstv_broadcast dd {
  padding-left: 20px;
}

#hawks_tv dl.hawkstv_broadcast dd a {
  line-height: 25px;
  display: block;
  float: left;
  width: 121px;
  height: 30px;
  margin: -20px 0 5px 268px;
  padding-left: 13px;
  background: url("/search/image/yahoo/hawks_tv_11.png") no-repeat;
  text-align: center;
}

@media screen and (max-device-width: 1024px) {
  #hawks_tv p.read_box {
    height: 50px;
    margin-bottom: 2px;
  }

  #hawks_tv .viedo_thumb {
    margin: 8px 0 0;
  }
}

/*　______________ 福岡ソフトバンクホークス動画ここまで　*/

/* ---------------------------------------
 通信・モバイル情報 communicate_info
---------------------------------------- */
.communicate_info {
  width: 596px;
  margin: 25px auto 30px;
  padding: 0 0 16px;
  border: 1px solid #009512;
}

.communicate_info h2 {
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  width: 576px;
  margin: 0 0 0;
  padding: 8px 10px 8px;
  color: #fff;
  background: url(/search/image/dtl_new/ttl_mobile_top.png) no-repeat center top,
    url(/search/image/dtl_new/ttl_mobile_btm.png) no-repeat center bottom,
    url(/search/image/dtl_new/ttl_mobile_mid.png) repeat-y center center;
  text-align: center;
}

.communicate_info h2 nobr {
  display: inline-block;
}

.communicate_info .contact {
  overflow: hidden;
  width: 494px;
  margin: 15px auto 2px;
}

.communicate_info .contact li {
  float: left;
  width: 235px;
  padding: 0 6px;
}

.communicate_info .contact li img {
  width: 234px;
  height: 53px;
}

.communicate_info .i_light {
  margin: 0 15px;
}

.communicate_info p {
  margin: 5px auto 20px;
  text-align: center;
}

.communicate_info dl {
  line-height: 2;
  overflow: hidden;
  width: 568px;
  margin: 0 15px;
}

.communicate_info dl dt {
  float: left;
  clear: both;
  width: 142px;
  margin: 0 0 10px;
  padding: 0 0 0 9px;
  color: #fff;
  background: #555;
}

.communicate_info dl dd {
  float: left;
  margin: 0 0 10px;
  padding: 0 0 0 9px;
}

.communicate_info table {
  line-height: 1.3;
  width: 536px;
  margin: 0 15px 18px;
}

.communicate_info table:last-child {
  margin: 0 30px 0 30px;
}

.communicate_info table tr {
  border-bottom: 10px solid #fff;
}

.communicate_info table tr:last-child {
  border-bottom: none;
}

.communicate_info table th {
  clear: both;
  width: 142px;
  padding: 5px 0 6px 9px;
  color: #fff;
  background: #34a55a;
}

.communicate_info table.token th {
  width: 140px;
  text-align: left;
  vertical-align: middle;
}

.communicate_info table.token th.empty {
  background: #888;
}

.communicate_info table td {
  padding: 0 0 0 9px;
}

.communicate_info table th.qrcode_title {
  height: 92px;
  padding: 0 9px 0 9px;
  vertical-align: middle;
  white-space: nowrap;
}

.communicate_info table td.qrcode_inf_mark {
  padding: 0;
}

.communicate_info table td.qrcode_inf_mark span {
  display: table-cell;
  width: 253px;
  height: 92px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  vertical-align: middle;
}

.communicate_info table td.qrcode_inf_mark img {
  float: right;
  border: 1px solid #333;
}

.communicate_info table td.tel {
  font-size: 120%;
}

.communicate_info ul.sns_btn {
  width: 576px;
  height: 40px;
  margin: 0 auto;
}

.communicate_info ul.sns_btn li {
  float: left;
  width: 136px;
  padding: 0 4px;
}

.communicate_info ul.sns_btn li a {
  display: block;
}

/* ---------------------------------------
 関連会社リンク　.relation_link
---------------------------------------- */
.relation_link {
  width: 528px;
  margin: 22px auto 45px;
  padding: 20px 20px 16px;
  background: #ffe8ed;
}

.relation_link ul {
  overflow: hidden;
}

.relation_link ul li {
  float: left;
  width: 240px;
  margin: 0 0 4px 24px;
}

.relation_link ul li a {
  line-height: 1.8;
  display: inline-block;
  padding: 0 0 0 19px;
  background: url(/search/image/dtl_new/icon_relation_link.png) no-repeat 0
    center;
}

.relation_link.green {
  background: #d8f2db;
}

.relation_link.green ul li a {
  background: url(/search/image/dtl_new/icon_green_link.png) no-repeat 0 center;
}

/* ---------------------------------------
 施設へのお問合せ　TEL単独BOX
---------------------------------------- */
.tel_contact_box {
  position: relative;
  overflow: hidden;
  width: 340px;
  margin: 0 auto 12px;
  padding: 0 0 12px;
  border: 2px solid #ec5267;
  border-radius: 6px 6px 0 0;
  text-align: center;
}

.tel_contact_box h2 {
  font-size: 113%;
  line-height: 1.3;
  margin: 0 0 12px;
  padding: 6px 20px 5px;
  color: #fff;
  background: #ec5267;
  text-align: center;
}

.tel_contact_box dl.tel_contact {
  font-size: 130%;
}

.tel_contact_box dl.tel_contact dt {
  font-weight: 600;
  display: inline-block;
  padding: 0 0 0 25px;
  color: #0b0;
  background: url(/search/image/dtl_new/marks.png) no-repeat 0 -621px;
}

.tel_contact_box + p {
  width: 344px;
  margin: 0 auto 35px;
}

.contact_facility_name {
  font-size: 120%;
  font-weight: 600;
  margin: 0 0 7px;
  color: #e5176a;
  text-align: center;
}

/* ---------------------------------------
 JS モーダル表示 GPSから検索
---------------------------------------- */
.mod_modal_gps {
  z-index: 1010000000 !important;
  box-sizing: border-box;
  width: 700px;
  padding: 80px 0 40px;
  border: 3px solid #ff6699;
  text-align: center;
  background: url(/image/top/bg_gps_search.png) no-repeat 447px bottom,
    url(/image/top/bg_gps_search_btm.png) no-repeat center bottom,
    linear-gradient(to bottom, #ffd5ec 0%, #fff 45%, #fff 100%);
}

.mod_modal_gps .lead {
  width: 450px;
  margin: 0 auto 0 0;
}

.mod_modal_gps .gps_cate_name {
  width: 400px;
  height: 53px;
  margin: 15px auto 15px 25px;
  overflow: hidden;
  text-align: center;
}

.mod_modal_gps .gps_cate_name div {
  display: inline-block;
  margin: 0 auto;
}

.mod_modal_gps .gps_cate_name div img {
  vertical-align: bottom;
}

.mod_modal_gps .gps_cate_name span {
  display: inline-block;
  height: 53px;
  background: url(/image_cmn/bg_gps_cate_name_m.png) repeat-x center bottom;
  padding: 0;
  font-size: 20px;
  line-height: 50px;
  color: #000;
}

.mod_modal_gps .alertbox {
  box-sizing: border-box;
  width: 400px;
  margin: 15px 25px;
  padding: 10px;
  border: 3px double #ff6347;
  background: #fff;
}

.mod_modal_gps .alertbox p {
  font-size: 15px;
  line-height: 1.4;
}

.mod_modal_gps .alertbox p.em_lead {
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #ff4500;
}

.mod_modal_gps .about_gps {
  width: 350px;
  margin: 15px auto 0;
  padding: 8px 0;
  border-top: 1px solid #ff6347;
}

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

.mod_modal_gps .about_gps dt {
  padding: 0 0 8px;
  font-size: 13px;
}

.mod_modal_gps .about_gps dd {
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 5px;
  padding: 0 0 0 12px;
  background: #eaffea;
  font-size: 14px;
  text-align: left;
  border-radius: 4px;
  box-sizing: border-box;
}

.mod_modal_gps .about_gps dd.android {
  width: 180px;
  margin: 0 0 0 10px;
}

.mod_modal_gps .about_gps dd a {
  padding: 0 0 0 18px;
  background: url(/image_cmn/ico_outsite.gif) no-repeat left center;
}

/* ---------------------------------------
 事典バナー　mod_lnk_dict
 用語辞典バナー　mod_lnk_glo
---------------------------------------- */
*{
  image-rendering: auto;
}

.mod_lnk_dict,
.mod_lnk_glo {
  text-align: center;
  margin: 17px auto 0;
  position: relative;
}

.bnr.mod_bnr_tourmap_top + .mod_lnk_dict,
.mod_lnk_glo + .bnr_honeymoon{
 margin-top: 25px;
}
.mod_town_info + .mod_lnk_dict {
 margin-top: 35px;
}

.mod_lnk_dict > a,
.mod_lnk_glo > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 528px;
  height: 85px;
  line-height: 1.1;
  margin: 0 auto;
  font-size: 21px;
  font-weight: 600;
  font-feature-settings: "palt" 1;
  text-align: center;
  color: #582907;
  letter-spacing: 0;
  text-shadow: 0 3px 1px #fff, 0 2px 1px #fff, 1px 2px 1px #fff, 2px 2px 1px #fff, 2px 1px 1px #fff, 2px 0 1px #fff, 3px 0 1px #fff, 2px -1px 1px #fff, 2px -2px 1px #fff, 2px -3px 1px #fff, 1px -3px 1px #fff, 0 -3px 1px #fff, -1px -3px 1px #fff, -2px -3px 1px #fff, -3px -3px 1px #fff, -3px -2px 1px #fff, -3px -1px 1px #fff, -3px 0 1px #fff, -3px 1px 1px #fff, -3px 2px 1px #fff, -2px 2px 1px #fff, -1px 2px 1px #fff;
  background: url(/search/image/dtl_new/btn_dictionary_lg_w528.png) no-repeat 0 0;
  background-size: cover;
  padding-bottom: 25px;
  box-sizing: border-box;
}

.mod_lnk_dict a[href*="javascript:void(0)"],
.mod_lnk_glo a[href*="javascript:void(0)"] {
  color: #999;
  text-shadow: 0 3px 1px #fff, 0 2px 1px #fff, 1px 2px 1px #fff, 2px 2px 1px #fff, 2px 1px 1px #fff, 2px 0 1px #fff, 3px 0 1px #fff, 2px -1px 1px #fff, 2px -2px 1px #fff, 2px -3px 1px #fff, 1px -3px 1px #fff, 0 -3px 1px #fff, -1px -3px 1px #fff, -2px -3px 1px #fff, -3px -3px 1px #fff, -3px -2px 1px #fff, -3px -1px 1px #fff, -3px 0 1px #fff, -3px 1px 1px #fff, -3px 2px 1px #fff, -2px 2px 1px #fff, -1px 2px 1px #fff;
  background: url(/search/image/dtl_new/btn_dictionary_lg_w528_gr.png) no-repeat 0 0;
  background-size: cover;
  cursor: default;
}

.mod_lnk_dict a:hover,
.mod_lnk_glo a:hover {
  opacity: .8;
}

.mod_lnk_dict a:hover[href*="javascript:void(0)"],
.mod_lnk_glo a:hover[href*="javascript:void(0)"] {
  opacity: 1;
}

.mod_lnk_dict > a > strong > span,
.mod_lnk_glo > a  > strong > span {
  font-size: 20px;
}

/*-- 用語辞典 --*/
.mod_lnk_glo {
  margin: 24px auto 0;
}

.mod_lnk_glo > a {
  color: #970000;
  background: url(/search/image/dtl_new/btn_grossary_lg_w528.png) no-repeat 0 0;
  background-size: cover;
}

.mod_lnk_glo a[href*="javascript:void(0)"] {
  background: url(/search/image/dtl_new/btn_grossary_lg_w528_gr.png) no-repeat 0 0;
  background-size: cover;
}

.mod_lnk_dict span.small_size,
.mod_lnk_glo span.small_size{
  font-size: 24px;
}

/* ---------------------------------------
 日本の城：詳細ページ「日本の城特集」
---------------------------------------- */
.ft_feature_castle {
  display: inline-block;
  width: 646px;
  background-color: #eef3f8;
  border: #004b9b 2px solid;
  box-sizing: border-box;
  margin-bottom: 5px;
}

.ft_feature_castle h2 {
  border-bottom: #7cb1e9 1px solid;
}

.ft_feature_castle .ft_stories {
  position: relative;
  display: block;
  width: 605px;
  margin: 20px auto;
  background: url(/castle/image/ft_bg_feature_cont.jpg) no-repeat left top;
  border-right: 6px solid #040000;
  border-left: 6px solid #e0001a;
}

.ft_feature_castle .ft_stories::before,
.ft_feature_castle .ft_stories::after {
  content: "";
  display: block;
  height: 6px;
  width: 100%;
  background: -webkit-linear-gradient(left, #e0001a, #040000);
  background: linear-gradient(to right, #e0001a, #040000);
}

.ft_feature_castle .ft_stories .ft_icon_scroll {
  position: absolute;
  top: -11px;
  left: -12px;
}

.ft_feature_castle .ft_stories h3 {
  position: relative;
  margin: 5px auto 20px 30px;
}

.ft_feature_castle .ft_stories h3 .ft_btn_detail {
  position: absolute;
  top: 8px;
  right: 12px;
}

.ft_feature_castle .ft_stories ul {
  display: inline-block;
  margin: 0 0 14px 30px;
}

.ft_feature_castle .ft_stories li {
  float: left;
  display: table;
  width: 275px;
}

.ft_feature_castle .ft_stories li:first-of-type {
  float: left;
  display: table;
  width: 275px;
  margin-right: 12px;
}

.ft_feature_castle .ft_stories figure {
  display: table-cell;
  width: 118px;
  padding-right: 10px;
  vertical-align: top;
}

.ft_feature_castle .ft_stories dl {
  position: relative;
  display: table-cell;
  width: 146px;
}

.ft_feature_castle .ft_stories dt {
  color: #136de9;
  font-weight: 600;
  font-size: 18px;
}

.ft_feature_castle .ft_stories dt span {
  color: #191919;
  font-size: 16px;
}

.ft_feature_castle .ft_stories dd {
  line-height: 1.3;
  margin-top: 5px;
  color: #191919;
  font-size: 13px;
}

.ft_feature_castle .ft_stories dd:last-of-type {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0;
}

.ft_feature_castle .ft_castle_sp {
  position: relative;
  display: block;
  width: 605px;
  margin: 20px auto;
  background: url(/castle/image/ft_bg_feature_cont.jpg) no-repeat left top;
  border-right: 6px solid #08a14f;
  border-left: 6px solid #020403;
}

.ft_feature_castle .ft_castle_sp::before,
.ft_feature_castle .ft_castle_sp::after {
  content: "";
  display: block;
  height: 6px;
  width: 100%;
  background: -webkit-linear-gradient(left, #020403, #08a14f);
  background: linear-gradient(to right, #020403, #08a14f);
}

.ft_feature_castle .ft_castle_sp .ft_icon_scroll {
  position: absolute;
  top: -11px;
  right: -16px;
}

.ft_feature_castle .ft_castle_sp h3 {
  position: relative;
  margin: 10px 28px 15px 15px;
}

.ft_feature_castle .ft_castle_sp h3 .ft_btn_detail {
  position: absolute;
  top: 3px;
  right: 0;
}

.ft_feature_castle .ft_castle_sp .ft_rankbtn {
  display: inline-block;
  margin: 0 0 20px 15px;
}

.ft_feature_castle .ft_castle_sp .ft_rankbtn a {
  display: inline-block;
  width: 274px;
  height: 106px;
  margin-right: 12px;
}

.ft_feature_castle .ft_castle_sp .ft_rankbtn a:last-of-type {
  margin-right: 0;
}

.ft_feature_castle .ft_quiz {
  display: block;
  width: 620px;
  margin: 20px auto;
  padding: 8px;
  background: url(/castle/image/ft_bg_quiz.png) no-repeat left top;
  box-sizing: border-box;
}

.ft_feature_castle .ft_quiz .ft_quiz_inner {
  background: url(/castle/image/ft_bg_quiz_inner.jpg) no-repeat left top;
  border-radius: 5px;
}

.ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont {
  position: relative;
  display: inline-block;
  width: 600px;
  height: 142px;
  margin: 0 auto 6px;
  background: url(/castle/image/ft_quiz_cont_bg.png) no-repeat center top;
}

.ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .quiz_tx {
  margin: 30px 0 0 130px;
  font-size: 13px;
  font-weight: 600;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .quiz_tx {
    font-size: 14px;
    letter-spacing: 0em;
  }
}

.ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .ft_ico_new {
  position: absolute;
  bottom: 18px;
  right: 170px;
}

.ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .ft_quiz_in {
  position: absolute;
  width: 105px;
  top: 20px;
  right: 38px;
}

.ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .ft_quiz_in a {
  display: inline-block;
  width: 120px;
  height: 125px;
  background: url(/castle/image/ft_quiz_img_off.png) no-repeat;
  background-size: 100px 104px;
}

.ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .ft_quiz_in a:hover {
  background: url(/castle/image/ft_quiz_img_on.png) no-repeat;
  background-size: 100px 104px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ft_feature_castle .ft_quiz .ft_quiz_inner .ft_quiz_cont .ft_quiz_in a:hover {
    background: url(/castle/image/ft_quiz_img_off.png) no-repeat;
    background-size: 100px 104px;
  }
}

.ft_feature_castle .ft_whole_castle {
  width: 620px;
  margin: 20px auto;
  border: #78a7e1 1px solid;
  background: url(/castle/image/ft_bg_whole_castle.jpg) no-repeat center top;
  text-align: center;
}

.ft_feature_castle .ft_whole_castle h3 {
  position: relative;
  width: 100%;
  height: 67px;
  padding: 11px 0 7px 20px;
  border-bottom: #014691 1px solid;
  text-align: left;
  box-sizing: border-box;
}

.ft_feature_castle .ft_whole_castle h3 .ft_btn_detail {
  position: absolute;
  top: 13px;
  right: 12px;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image {
  display: inline-block;
  margin: 20px 20px 0;
  text-align: center;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image a {
  float: left;
  display: inline-block;
  height: 126px;
  vertical-align: top;
  margin-right: 6px;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image a:first-of-type {
  height: 240px;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image a:nth-of-type(5),
.ft_feature_castle .ft_whole_castle .ft_whole_castle_image a:nth-of-type(9) {
  margin-right: 0;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image a:hover figcaption {
  color: #f00;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image a:hover img {
  opacity: .7;
}

.ft_feature_castle .ft_whole_castle .ft_whole_castle_image figcaption {
  margin-top: 6px;
  color: #014691;
  font-size: 15px;
}

/* -----------------------------------------------------------
 劇場・ホール・会館：詳細ページ「歌舞伎劇場へ行こう」 バナー
----------------------------------------------------------- */
.kabukihall_info {
  margin-top: 30px;
  text-align: center;
}

.kabukihall_info figure a {
  display: inline;
}

.kabukihall_info figcaption {
  margin: 5px auto 0;
  max-width: 450px;
  text-align: left;
}

/* -----------------------------------------------------------
 賃貸ブログ バナー
----------------------------------------------------------- */
.bnr_chintaiblog_box {
  text-align: center;
}

/* ----------------------------------------------
 プロスポーツチーム情報 mod_teaminfo
 ------------------------------------------- */
.mod_teaminfo {
  width: 540px;
  margin: 40px auto 0;
  overflow: hidden;
}

.mod_teaminfo:last-of-type {
  margin-bottom: 40px;
}

.mod_teaminfo ul {
  overflow: hidden;
  padding: 10px 0;
}

.mod_teaminfo dt {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  height: 37px;
  line-height: 37px;
  text-align: center;
}

.mod_teaminfo dd {
  padding: 10px 20px;
}

.mod_teaminfo dd li {
  float: left;
  padding-right: 18px;
}

.mod_teaminfo dd li:last-child {
  padding-right: 0;
}

.mod_teaminfo._baseball {
  background: #e3f5db;
}

.mod_teaminfo._baseball dt {
  background: url("/search/image/dtl_new/bg_ttl_teaminfo_baseball.png") no-repeat 0 0;
}

.mod_teaminfo._baseball dt::before {
  content: url("/search/image/dtl_new/icon_teaminfo_baseball.png");
  position: relative;
  top: 6px;
  padding-right: 10px;
}

.mod_teaminfo._soccer {
  background: #d6e9f0;
}

.mod_teaminfo._soccer dt {
  background: url("/search/image/dtl_new/bg_ttl_teaminfo_soccer.png") no-repeat 0 0;
}

.mod_teaminfo._soccer dt::before {
  content: url("/search/image/dtl_new/icon_teaminfo_soccer.png");
  position: relative;
  top: 6px;
  padding-right: 10px;
}

.mod_teaminfo .team_sns li {
  padding: 0 16px 0 0;
}

/* ----------------------------------------------
 施設詳細 SNSバナー インクルード用
 -------------------------------------------- */
#sns_box {
  margin-top: 10px;
}

.official_tools_box li {
  margin: 0 auto 10px;
}

/* ----------------------------------------------
イメージアニメ・イメージビデオ mod_movie_box #11664
 -------------------------------------------- */
.mod_movie_box {
  margin: 0 auto 35px;
  width: 665px;
  font-size: 0;
  text-align: center;
  padding: 0 15px 0 0;
  border: none;
}

.mod_movie_box.mt40{
  margin-top: 0 !important;
}
.mod_movie_box.point_after {
  margin-top: 30px;
}

.mod_movie_box.point_after,
.point_count + .mod_movie_box{
  border-top: 2px solid #8cb010;
  padding: 30px 0 0;
}

.c66 .mod_movie_box {
  margin: 35px auto 35px;
}

.mod_movie_box dl {
  display: inline-block;
  margin: 0 30px 0 0;
  width: 200px;
}

.mod_movie_box dl.video_l {
  box-sizing: border-box;
  width: 260px;
  /* width: 420px; */
}

.mod_movie_box dl.video_l.w_2col {
  width: 420px;
}

.mod_movie_box dl.video_l.w_3col {
  width: 645px;
  margin: 0 10px;
}

.mod_movie_box dl.video_l.w_2col dt {
  margin: 0 5px;
}

.mod_movie_box dl.video_l dt .ttl_text {
  padding-left: 10px;
}

.mod_movie_box dl.video_l dd.cont {
  width: 100%;
  margin: 0;
  text-align: center;
}

.mod_movie_box dl.video_l .thumb {
  height: 140px;
  width: 260px;
  margin: 5px auto;
}

.mod_movie_box dl.video_l .thumb_list{
  margin: 5px -5px;
  overflow: hidden;
}
.mod_movie_box dl.video_l .thumb_list li {
  width: 200px;
  text-align: center;
  display: inline-block;
  margin: 0 4px;
}

.mod_movie_box dl.video_l.w_3col .thumb_list li {
  margin: 0 8px;
}

.mod_movie_box dl.video_l .thumb_list .caption {
  color: #000;
  font-weight: 600;
  font-size: 16px;
}

.mod_movie_box dl.video_l .thumb_list .caption.txt_long {
  font-size: 15px;
}

.mod_movie_box dl.video_l .thumb_cols {
  height: 110.5px;
  position: relative;
  width: 200px;
}

.mod_movie_box dl.video_l .thumb_cols:hover {
  opacity: .8;
}

.mod_movie_box dl.video_l .thumb_cols a {
  display: block;
  position: relative;
}

.mod_movie_box dl.video_l .thumb_cols a::after {
  background: url("/search/image/dtl_new/ico_mv_arrow_ss.png") no-repeat 0 0;
  content: "";
  height: 61px;
  left: 68px;
  position: absolute;
  top: 25px;
  width: 62px;
}

.mod_movie_box dl.video_l .cont {
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  background-image: none;
}

.mod_movie_box dl.video_l .cont::before {
  background: url("/search/image/dtl_new/bg_movie_frame_l.png") no-repeat 0 0;
  width: 100%;
}

.mod_movie_box dl.video_l .cont::after {
  background: none;
}

.mod_movie_box dl.video_l .cont.cols::before {
  background: none;
}

.mod_movie_box dl.video_l .btn_allmovie {
  width: 100%;
  margin: 0;
  position: relative;
}

.mod_movie_box dl.video_l .thumb a::after {
  background: url("/search/image/dtl_new/ico_mv_arrow_l.png") no-repeat 0 0;
  content: "";
  height: 56px;
  margin: auto;
  position: absolute;
  width: 56px;
}

.mod_movie_box dl.mod_img_video.video_l dt::before {
  content: "";
  background: url("/search/image/dtl_new/ico_image_video_02.png") no-repeat 0 0;
  background-size: contain;
  left: 70px;
  height: 35px;
  position: absolute;
  top: 6px;
  width: 35px;
}


/* アニメ・ビデオ 1つだけ用 */
.mod_movie_box dl.video_l.lay_resize {
  width: 260px;
}

.mod_movie_box dl.video_l.lay_resize dt {
  text-indent: 40px;
}

.mod_movie_box dl.video_l.lay_resize dt img{
  width: 190px;
  height: auto;
  padding-bottom: 4px;
}


/* アニメ・ビデオ 1つだけ用 ゴルフレッスン大専用 */
.mod_movie_box dl.video_l.lay_resize.mod_kabuki_interview dt {
  text-indent: 0;
  width: 100%;
  margin: 0;
}

.mod_movie_box dl.video_l.lay_resize dt::before {
  left: 15px;
}

.mod_movie_box dl.video_l.lay_resize .thumb {
  height: 140px;
  width: 260px;
}


.mod_movie_box dl:first-child:last-child {
  margin: 0 auto;
}
.mod_movie_box dl:last-child {
  margin: 0;
}

.mod_movie_box dt {
  border-radius: 5px 5px 0 0;
  height: 45px;
  line-height: 40px;
  position: relative;
  text-align: center;
}

.mod_movie_box .mod_risachan_video dt {
  background: #ef6384;
}

.mod_movie_box dl.video_l.lay_resize.mod_risachan_video dt {
  text-indent: 0;
}

.mod_movie_box .mod_img_anime dt {
  background: #d73e3e;
  text-indent: 36px;
}

.mod_movie_box .mod_img_anime dt::before {
  content: "";
  background: url("/search/image/dtl_new/ico_image_anime.png") no-repeat 0 0;
  background-size: cover;
  left: 20px;
  height: 35px;
  position: absolute;
  top: 6px;
  width: 35px;
}

.mod_movie_box .mod_img_video dt {
  background: #a260b2;
  text-indent: 36px;
}

.mod_movie_box .mod_img_video dt::before {
  content: "";
  background: url("/search/image/dtl_new/ico_image_video_02.png") no-repeat 0 0;
  background-size: cover;
  left: 20px;
  height: 35px;
  position: absolute;
  top: 6px;
  width: 35px;
}

.mod_movie_box .mod_kabuki_interview dt {
  background: #438b1b;
}

.mod_movie_box .mod_tokencup{
  margin-bottom: 30px;
}
.mod_movie_box .mod_tokencup + .mod_kabuki_interview{
  margin-bottom: 0;
}
.mod_movie_box .mod_tokencup dt {
  background: #366ebb;
}
.mod_movie_box *{
  box-sizing: border-box;
}
.mod_movie_box .post_emptybox img:last-child{
  padding: 0;
  margin: 15px auto;
}
.mod_movie_box .cont {
  margin:0;
  padding:0;
  position: relative;
}

.mod_movie_box .thumb {
  height: 112.5px;
  margin: 5px 0;
  position: relative;
  width: 200px;
}
.mod_movie_box .thumb a{
  border: solid 1px #d83e3e;
}

.mod_movie_box .mod_img_video .thumb a{
  border: solid 1px #a260b2;
}
.mod_movie_box .mod_img_video .thumb a{
  border: solid 1px #a260b2;
}
.mod_movie_box .mod_tokencup  .thumb a{
  border: solid 1px #366ebb;
}
.mod_movie_box .mod_kabuki_interview .thumb a{
  border: solid 1px #438b1b;
}
.mod_movie_box .mod_risachan_video .thumb a,
.mod_movie_box .mod_risachan_video .thumb_cols a{
  border: solid 1px #f66b8c;
}

.mod_movie_box .thumb:hover {
  opacity: .8;
}

.mod_movie_box .thumb a {
  display: block;
  position: relative;
}

.mod_movie_box .thumb a::after {
  background: url("/search/image/dtl_new/ico_mv_arrow_ss.png") no-repeat 0 0;
  content: "";
  height: 61px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 62px;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
}

.mod_movie_box .mod_movie_box{
  margin-bottom: 0;
}


/* ---------------------------------------
 youtube動画　動画表示 　
---------------------------------------- */
.txt_yt_info02 {
  font-size: 17px;
  font-weight: 600;
  color: #333;
  line-height: 1.5;
  margin: 0 auto 10px;
  text-align: center;
}

.txt_yt_info02 .txt_yt {
  color: #f52323;
}

.txt_yt_info02::before {
  content: url(/search/image/dtl_new/ico_yt_info.png);
  position: relative;
  top: 3px;
  padding-right: 8px;
}

.fav_box {
  box-sizing: border-box;
  margin: 30px auto;
  width: 620px;
}

.fav_box_inner h2 {
  background: #f75586;
  color: #fff;
  font-size: 18px;
  padding: .4em 0;
  text-align: center;
  border-radius: 4px 4px 0 0 ;
}

.fav_box_inner .fav_box_bg {
  background: #f6eee0;
  border: 1px solid #f75586;
  border-top: none;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}

.fav_box_inner p {
  font-feature-settings: "palt";
  font-size: 15px;
  letter-spacing: .1em;
  line-height: 20px;
  margin: 15px auto 0;
  padding-left: 5px;
  width: 550px;
}

.fav_box_inner p a {
  font-weight: 600;
}

.fav_box_inner p a:visited {
  color: #0051c2;
}

.fav_box_inner p a:hover {
  color: #f00;
}

.fav_box_inner ul {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 12px auto 20px;
  width: 574px;
}
.fav_box_inner li {
  border-radius: 6px;
  display: inline-block;
  position: relative;
}

.fav_box_inner li a,
.fav_box_inner li span {
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  height: 41px;
  line-height: 41px;
  position: relative;
  width: 270px;
  background: #c80d46;
  color: #fff;
}

.fav_box_inner li a::after,
.fav_box_inner li span::after {
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 2;
}

.fav_box_inner li span:hover {
  cursor: default;
}

.fav_box_inner li a:hover {
  opacity: .8;
}

.fav_img {
  margin-bottom: 20px;
  min-height: 318px;
  padding: 0 25px;
  position: relative;
}
.fav_img img {
  height: auto;
  left: 0;
  margin: auto;
  right: 0;
  width: 568px;
}
.fav_img figcaption {
  bottom: 175px;
  font-feature-settings: "palt";
  left: 335px;
  position: absolute;
  width: 260px;
  z-index: 10;
}

/* 確認の仕方BOX */
.fav_tglbtn{
  text-align: center;
  padding-bottom: .2em;
}
.fav_tglbtn a{
  color: -webkit-link;    
  pointer-events: none;
  font-weight: 600;
}
.fav_tglbtn a:after{
  content: '▼';
  padding-left: 1em;
}
.fav_tglbtn a.open{
  color: #c80d46 !important;
  font-size: 18px;
  background: #fff;
  display: inline-block;
  padding: .5em 1.2em;
  margin: 0 auto;
  position: relative;
  letter-spacing: .05em;
}
.fav_tglbtn a.open:after{
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  color: #fff;
  padding-left: 0;
}
.ttl_htc{
  text-align: center;
  color: #c80d46;
  position: relative;
  font-size: 18px;
  margin-top: 30px;
}
.ttl_htc:before{
  content: '';
  display: block;
  background: #c80d46;
  box-shadow: 0px 1px 0px 0px rgb(255 255 255);
  width: calc( 100% - 16px);
  height: 1px;
  position: absolute;
  left: 8px;
  bottom: 50%;
  z-index: 1;
}
.ttl_htc span{
  padding: 0 15px;
  background: #f6eee0;
  display: inline-block;
  position: relative;
  z-index: 2;
}
.howtocheck{
  display: none;
  padding-bottom: 10px;
}
.howtocheck.open{
  display: block;
  margin-top: -0.5em;
}
.howtocheck figure{
  text-align: center;
  margin: 1em auto;
}
.howtocheck img{
  width: 573px;
  height: auto;
  text-align: center;
}

/* ログイン後 */
.fav_box .fav_box_inner ul .favorite:not(#addFav)::before {
  background-image: url("/search/image/dtl_new/tag-fav-entry-after.png");
}

.fav_box .fav_box_inner ul .favorite:not(#addFav) span {
  background: #eda500;
  border: 1px solid #c9961e;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}

.fav_box .fav_box_inner ul .favorite:not(#addFav) span::before {
  background: url("/search/image/dtl_new/ico-fav-entry-star_entry.png") no-repeat 0 0;
  background-size: cover;
  height: 24px;
  left: 8px;
  width: 24px;
  bottom: 0;
  content: "";
  left: 11px;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 2;
}

.fav_box .fav_box_inner ul .favorite:not(#addFav) span::after {
  background: #fff;
  height: 38px;
  top: 0;
}

.fav_box .fav_box_inner ul #addFav span {
  background: -webkit-linear-gradient(top, rgba(234, 253, 219, 1) 0%, rgba(197, 222, 186, 1) 100%);
  background: linear-gradient(to bottom, rgba(234, 253, 219, 1) 0%, rgba(197, 222, 186, 1) 100%);
  border: 1px solid #68B12E;
  color: #2F7E43;
}

.fav_box .fav_box_inner ul #addFav::before {
  background-image: url("/search/image/dtl_new/tag-fav-entry-before.png");
}

.fav_box .fav_box_inner ul #addFav span::after {
  background: url("/search/image/dtl_new/ico-fav-entry-star.png") no-repeat 0 0;
  background-size: cover;
  height: 24px;
  left: 8px;
  width: 24px;
}

.fav_box .fav_box_inner #addFav span:hover {
  cursor: pointer;
  opacity: .8;
}

.fav_box .fav_box_inner ul .read a {
  background: -webkit-linear-gradient(top, rgba(255, 230, 240, 1) 0%, rgba(248, 187, 209, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 230, 240, 1) 0%, rgba(248, 187, 209, 1) 100%);
  border: 1px solid #E45A8A;
  color: #BA183A;
  padding-left: 23px;
}

.fav_box .fav_box_inner ul .read a::after {
  background: url("/search/image/dtl_new/ico-fav-entry-note.png") no-repeat 0 0;
  background-size: cover;
  height: 24px;
  width: 22px;
  left: 10px;
}

.fav_box .fav_box_inner ul .read::after {
  background-image: url("/search/image/dtl_new/tag-fav-entry-read.png");
}


/* ログイン前 .no_login */
.fav_box.no_login .fav_box_inner ul .user a {
  padding-right: 29px;
}

.fav_box.no_login .fav_box_inner ul .user a::after {
  background: url(/search/image/dtl_new/ico-circle-arrow-white.png) no-repeat center;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  right: 12px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.fav_box.no_login .fav_box_inner ul .login a {
  padding-right: 15px;
}

.fav_box.no_login .fav_box_inner ul .login a::after {
  background: url(/search/image/dtl_new/ico-lock.png) no-repeat center center;
  content: "";
  display: block;
  height: 21px;
  margin: auto;
  width: 18px;
  z-index: 2;
  position: absolute;
  right: 60px;
}

/*-------------------------
 上げ馬神事 専用スタイル
---------------------------*/
.start_movie {
  max-width: 700px;
  max-height: 394px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

/*-------------------------
 新しいお部屋探しのご提案 #rent_pr_search
---------------------------*/
#rent_pr_search .rent_pr {
  background: #faf9f1;
  box-sizing: border-box;
  border: 2px solid #e8668e;
  border-radius: 6px;
  min-height: 170px;
  margin: 20px auto 0;
  overflow: hidden;
  position: relative;
  width: 540px;
}

#rent_pr_search .rent_pr_inner {
  font-size: 16px;
  margin: 15px auto 0;
  text-align: left;
  width: 490px;
}

#rent_pr_search .rent_pr_inner p {
  display: inline-block;
  line-height: 1.56;
  margin: 0;
}

#rent_pr_search p span.rent_arrow::before {
  border: 5px solid transparent;
  border-left: 7px solid #000;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  margin-left: 0.25em;
  width: 0;
}

/* イラスト */
#rent_pr_search .chart {
  margin-top: 12px;
}
#rent_pr_search .chart .chart_list {
  margin-bottom: 12px;
}

#rent_pr_search .chart ol {
  background: url("/search/image/dtl_new/rent-pr-illust-dtl.png") no-repeat 0 0;
  background-size: 100%;
  height: 288px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 336px;
}
#rent_pr_search .chart ol.chart_list {
  background: url("/search/image/dtl_new/rent-pr-illust-dtl01.png") no-repeat center / contain;
  width: 374px;
}

#rent_pr_search .chart li {
  border-radius: 50%;
  box-sizing: border-box;
  height: 142px;
  position: absolute;
  width: 142px;
}

#rent_pr_search .chart li a {
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 142px;
  letter-spacing: 0;
  line-height: 1.4;
  padding: 72px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(152, 152, 152, .65);
  width: 142px;
}
#rent_pr_search .chart .chart_list li a {
  border-radius: 50%;
  height: 144px;
  padding-top: 61px;
  width: 144px;
}
#rent_pr_search .chart .chart_list li img {
  width: 80%;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #rent_pr_search .chart li a {
    font-weight: 600;
  }
}

#rent_pr_search .chart li a::before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 25px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 9px;
  right: 0;
  width: 25px;
}
#rent_pr_search .chart .chart_list li a::before {
  content: none;
}

#rent_pr_search .chart li a:hover {
  opacity: 1;
}

#rent_pr_search .chart li a:hover::after {
  background: rgba(255, 255, 255, .20);
  border-radius: 50%;
  content: "";
  height: 142px;
  left: 0;
  position: absolute;
  top: 0;
  width: 142px;
}

#rent_pr_search .chart li:nth-child(1) a:hover::after {
  height: 183px;
  width: 183px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #rent_pr_search .chart li a:hover::after {
    content: none;
  }
}

#rent_pr_search .chart li span {
  display: inline-block;
  white-space: nowrap;
}

#rent_pr_search .chart li .rent_arrow::before {
  border: 5px solid transparent;
  border-left: 7px solid #fff;
  box-sizing: border-box;
  content: '';
  display: inline-block;
  height: 0;
  margin-left: 5px;
  width: 0;
}

#rent_pr_search .chart li .btn {
  background: #ffe96d;
  border: none;
  box-shadow: 0 1px 2px 1px rgba(68, 68, 68, .4);
  box-sizing: border-box;
  border-radius: 12px;
  color: #000;
  display: block;
  font-weight: 600;
  height: 22px;
  line-height: 23px;
  letter-spacing: .3em;
  margin: 5px auto;
  padding: 0 7px 0 0;
  position: relative;
  text-align: center;
  text-indent: .4em;
  text-shadow: none;
  width: 54px;
}

#rent_pr_search .chart li .btn::after {
  border: 4px solid transparent;
  border-left: 4px solid #f00;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: 7px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}

/* 施設周辺から検索 */
#rent_pr_search .chart li:nth-child(1) {
  left: -1px;
  margin: auto;
  right: 0;
  z-index: 5;
  width: 182px;
  height: 182px;
}
#rent_pr_search .chart .chart_list li:nth-child(1) {
  height: 173px;
  left: 0;
  top: 5px;
  width: 173px;
}

#rent_pr_search .chart li:nth-child(1) a {
  font-size: 13px;
  line-height: 1.2;
  padding-top: 85px;
  width: 182px;
  height: 182px;
  text-shadow: 0px 0px 2px #2a902a, 0px 0px 2px #2a902a, 0px 0px 2px #2a902a, 0px 0px 2px #2a902a, 2px 2px 1px #2a902a, -2px 2px 1px #2a902a, 2px -2px 1px #2a902a, -2px -2px 1px #2a902a, 2px 0px 1px #2a902a, 0px 2px 1px #2a902a, -2px 0px 1px #2a902a, 0px -2px 1px #2a902a, 2px 2px 1px #2a902a, -2px 2px 1px #2a902a, 2px -2px 1px #2a902a, -2px -2px 1px #2a902a, 2px 0px 1px #2a902a, 0px 2px 1px #2a902a, -2px 0px 1px #2a902a, 0px -2px 1px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a, 0px 0px 3px #2a902a;
}
#rent_pr_search .chart .chart_list li:nth-child(1) a {
  height: 100%;
  padding-top: 69px;
  width: 100%;
}

#rent_pr_search .chart li:nth-child(1) .rent_cate_name {
  font-size: 15px;
  max-width: 150px;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#rent_pr_search .chart li:nth-child(1) .btn {
  margin: 8px auto 0;
  width: 62px;
  height: 25px;
  font-size: 16px;
  line-height: 25px;
}
#rent_pr_search .chart .chart_list li:nth-child(1) .btn {
  margin-top: 6px;
}

#rent_pr_search .chart li:nth-child(1) .btn::after {
}

/* こだわりから検索 */
#rent_pr_search .chart li:nth-child(2) {
  right: 0;
  top: 127px;
}
#rent_pr_search .chart .chart_list li:nth-child(2) {
  top: 138px;
}

#rent_pr_search .chart li:nth-child(2) a {
  text-shadow: 0px 0px 2px #f85e81, 0px 0px 2px #f85e81, 0px 0px 2px #f85e81, 0px 0px 2px #f85e81, 2px 2px 1px #f85e81, -2px 2px 1px #f85e81, 2px -2px 1px #f85e81, -2px -2px 1px #f85e81, 2px 0px 1px #f85e81, 0px 2px 1px #f85e81, -2px 0px 1px #f85e81, 0px -2px 1px #f85e81, 2px 2px 1px #f85e81, -2px 2px 1px #f85e81, 2px -2px 1px #f85e81, -2px -2px 1px #f85e81, 2px 0px 1px #f85e81, 0px 2px 1px #f85e81, -2px 0px 1px #f85e81, 0px -2px 1px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81, 0px 0px 3px #f85e81;
 }

/* 希望の地域・家賃・間取りからお部屋を探す */
#rent_pr_search .chart li:nth-child(3) {
  left: 0;
  top: 127px;
}
#rent_pr_search .chart .chart_list li:nth-child(3) {
  top: 138px;
}

#rent_pr_search .chart li:nth-child(3) a {
  white-space: nowrap;
  text-shadow: 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 2px 2px 1px #2e75b8, -2px 2px 1px #2e75b8, 2px -2px 1px #2e75b8, -2px -2px 1px #2e75b8, 2px 0px 1px #2e75b8, 0px 2px 1px #2e75b8, -2px 0px 1px #2e75b8, 0px -2px 1px #2e75b8, 2px 2px 1px #2e75b8, -2px 2px 1px #2e75b8, 2px -2px 1px #2e75b8, -2px -2px 1px #2e75b8, 2px 0px 1px #2e75b8, 0px 2px 1px #2e75b8, -2px 0px 1px #2e75b8, 0px -2px 1px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8, 0px 0px 3px #2e75b8;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #rent_pr_search .chart li:nth-child(3) a {
    letter-spacing: -.06em;
  }
}

#rent_pr_search .chart li:nth-child(3) a::before {
}


/*-- 希望の地域・家賃・間取りからお部屋を探す モーダル --*/
.js-modal_content.modal_rent_pr_area {
  background: #fff;
  border: 5px solid #ff90b0;
  border-radius: 10px;
  box-sizing: border-box;
  color: #333;
  display: none;
  position: relative;
  width: 800px;
}

.modal_rent_pr_area .area_list_wrap > dt {
  background: #ff90b0;
  font-size: 23px;
  font-weight: 600;
  height: 45px;
  letter-spacing: 0;
  line-height: 45px;
  position: relative;
  text-align: left;
  text-indent: 45px;
}

.modal_rent_pr_area .area_list_wrap > dt::before {
  background: url("/search/image/dtl_new/rent-pr-modal-area-ico-srh.png") no-repeat 0 0;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 20px;
  left: 15px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}

.modal_rent_pr_area .area_list_wrap > dd {
  background: url("/search/image/dtl_new/rent-pr-modal-area-img-map.png") no-repeat top 60px right 10px;
  background-size: 465px 457px;
  padding: 18px 20px 10px;
}

.modal_rent_pr_area .area_list > dt {
  color: #ea4f7b;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.modal_rent_pr_area .area_list > dt::before,
.modal_rent_pr_area .area_list > dt::after {
  background: url("/search/image/dtl_new/rent-pr-modal-area-bg-ttl.png") repeat-x 0 0;
  background-size: 18px 20px;
  bottom: 0;
  content: "";
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 250px;
}

.modal_rent_pr_area .area_list > dt::before {
  left: 0;
}

.modal_rent_pr_area .area_list > dt::after {
  right: 0;
}

.modal_rent_pr_area .area_list p {
  font-size: 15px;
  letter-spacing: .05em;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: left;
}

.modal_rent_pr_area .area_list dl {
  align-items: center;
  border-bottom: 1px solid #d7be9b;
  box-sizing: border-box;
  display: flex;
  height: 55px;
  flex-wrap: nowrap;
}

.modal_rent_pr_area .area_list dl:last-child {
  border-bottom: none;
}

.modal_rent_pr_area .area_list dl dt {
  box-sizing: border-box;
  font-feature-settings: "palt"1;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  padding-right: 10px;
  text-align: center;
  width: 100px;
}

.modal_rent_pr_area .area_list dl dd {
  flex-grow: 1;
}

.modal_rent_pr_area .area_list dl ul {
  display: flex;
  flex-wrap: nowrap;
}

.modal_rent_pr_area .area_list dl ul li {
  background: #fff;
  border-radius: 5px;
  height: 34px;
  margin-right: 8px;
  text-align: center;
  width: 65px;
}

.modal_rent_pr_area .area_list dl ul li:last-child {
  margin-right: 0;
}

.modal_rent_pr_area .area_list dl ul li a {
  border: 2px solid rgba(0, 0, 0, .1);
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 2px 0 0 rgba(102, 102, 102, .3);
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  height: 34px;
  letter-spacing: .3em;
  line-height: 30px;
  text-indent: .3em;
  width: 65px;
}

.modal_rent_pr_area .area_list dl ul .adjust a {
  letter-spacing: .05em;
  text-indent: 0;
}

.modal_rent_pr_area .area_list dl ul li a:hover {
  opacity: .7;
}

.modal_rent_pr_area .area_list .area_01 li a {
  background: #384fc1;
}

.modal_rent_pr_area .area_list .area_02 li a {
  background: #29a2a7;
}

.modal_rent_pr_area .area_list .area_03 li a {
  background: #08915c;
}

.modal_rent_pr_area .area_list .area_04 li a {
  background: #608c00;
}

.modal_rent_pr_area .area_list .area_05 li a {
  background: #e47b00;
}

.modal_rent_pr_area .area_list .area_06 li a {
  background: #d95593;
}

.modal_rent_pr_area .area_list .area_07 li a {
  background: #d24855;
}

.modal_rent_pr_area .btn_box {
  background: #fff;
  border-radius: 17px;
  height: 34px;
  position: absolute;
  right: 15px;
  top: 3px;
  width: 100px;
}

.modal_rent_pr_area .btn_box::before,
.modal_rent_pr_area .btn_box::after {
  border: 1px solid #fff;
  bottom: 0;
  content: "";
  height: 10px;
  left: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2;
}

.modal_rent_pr_area .btn_box::before {
  transform: rotate(45deg);
}

.modal_rent_pr_area .btn_box::after {
  transform: rotate(135deg);
}

.modal_rent_pr_area .btn_box .close {
  background: #fff;
  border: 2px solid #986b30;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  border-radius: 18px;
  color: #9a6c41;
  font-size: 16px;
  font-weight: 600;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  text-indent: 25px;
  width: 100px;
}

.modal_rent_pr_area .btn_box .close::before {
  background: #aa7c45;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 16px;
  left: 11px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 16px;
  z-index: 1;
}

.modal_rent_pr_area .btn_box .close:hover {
  cursor: pointer;
  opacity: .8;
}

/*-------------------------
 基本のバナーボックス
---------------------------*/
.cmn_bnrbox {
  margin: 15px auto 20px;
  max-width: 640px;
  text-align: center;
}

.cmn_bnrbox a {
  position: relative;
}

.cmn_bnrbox .bnr {
  margin: 20px auto 0;
  width: 450px;
}

.cmn_bnrbox .cap {
  font-feature-settings: 'palt'1;
  -webkit-font-feature-settings: 'palt'1;
  font-size: 15px;
  line-height: 1.4em;
  margin: 5px auto 0;
  max-width: 450px;
  text-align: left;
}
.cmn_bnrbox .cap_center .cap{
  text-align: center;
}
.cmn_bnrbox .bnr-town .cap {
  text-align: left;
}
.c165 aside.cmn_bnrbox .bnr a img.lazy {
  width: 450px;
  height: auto;
}
.bnr_att {
  clear: both;
  font-size: 13px;
  margin: 0 0 20px auto;
  padding-right: 1.8em;
  text-align: right;
}

.bnr_att::before {
  content: "※ ";
}

.interview_box + .medical_items {
  margin-top: 2em;
}

.bnr-town,
.bnr-txt {
  position: relative;
}

.bnr-town a:hover,
.bnr-txt a:hover {
  opacity: 0.7;
}

.bnr-town a img:hover,
.bnr-txt a img:hover {
  opacity: 1;
}

.bnr-label {
  box-shadow: 0px 1px 2px  #ccc;
  color: #000;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translatex(-50%);
  padding: 10px 15px;
  font-weight: bold;
  background-color: #fff;
  border-radius: 8px;
  min-width: 5.5em;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

.bnr-txt .bnr-label {
  top: 8px;
  padding: 15px 25px;
  white-space: nowrap;
}

.bnr-label-left {
  left: 70px;
  transform: none;
}
.cmn_bnrbox_2col .bnr-label-left {
  left: 50px;
}
.bnr-label-left-bottom {
  bottom: 4px;
  box-sizing: border-box;
  font-feature-settings: "palt";
  left: 25%;
  letter-spacing: normal;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  top: auto;
  white-space: nowrap;
}

.bnr-label-bottom {
  bottom: 4px;
  top: auto;
}
.bnr-label-bottom02,
.bnr-label-bottom02-01 {
  bottom: 7px;
  top: auto;
}

/* 神社・寺院の国宝建造物特集バナー */
.cmn_bnrbox.cmn_bnrbox_nt .bnr_link {
  position: relative;
}
.cmn_bnrbox.cmn_bnrbox_nt .bnr_link:hover .bnr_title {
  background-color: #fff;
  opacity: 0.7;
}
.cmn_bnrbox.cmn_bnrbox_nt .bnr_title {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translatex(-50%);
  padding: 10px 15px;
  font-weight: bold;
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  min-width: 5.5em;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

/* ご当地キャラバナー */
.local_character_bnr {
  margin: 0 auto 25px;
  width: 450px;
}

.local_character_name {
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translatex(-50%);
  padding: 0 15px;
  min-width: 180px;
  min-height: 27px;
  line-height: 27px;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  color: #010101;
  background-color: #fff;
  border-radius: 10px;
  white-space: nowrap;
  box-sizing: border-box;
}

.local_character_bnr_link {
  position: relative;
}

.local_character_bnr_link:hover {
  opacity: 0.7;
}

.local_character_bnr_text {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.4375;
  letter-spacing: 0.025em;
}

/* 2カラムバナー */
.cmn_bnrbox_2col {
  margin-top: 30px;
}
.cmn_bnrbox_2col ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 0;
  width: 620px;
}
.cmn_bnrbox_2col ul li {
  margin: 19px 0 0 0;
  padding: 0;
  width: 300px;
}
.cmn_bnrbox_2col ul li:nth-child(even) {
  margin-left: 20px;
}
.cmn_bnrbox_2col ul li:first-child,
.cmn_bnrbox_2col ul li:nth-child(2) {
  margin-top: 0;
}

.cmn_bnrbox_2col ul li .cap {
  font-size: 15px;
  font-feature-settings: "palt" 1;
  letter-spacing: .03em;
  line-height: 1.4;
  margin-top: 6px;
}

/* ゴルフのバナーで下部詰め */
.cmn_bnrbox_2col.cmn_bnrbox_2col_golf {
  margin-bottom: -11px;
}

/*-------------------------
 多度 ストリートビュー
---------------------------*/
.tado_street {
  width: 530px;
  margin: 0 auto 20px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cmn_bnrbox a:hover img {
    opacity: 1;
  }
}

/*-------------------------
 多度 宿泊プラン
---------------------------*/
.tado_plan {
  background: #f9e4cf;
  margin: 20px auto 25px;
  padding-bottom: 15px;
  width: 630px;
}

.tado_plan > dd > p {
  font-size: 16px;
  line-height: 1;
  margin: 20px auto;
  text-align: center;
}

.tado_plan .column_block {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}

.tado_plan .column_block dl,
.tado_plan .column_block dt,
.tado_plan .column_block dd {
  max-width: 201px;
}

.tado_plan .column_block > * {
  margin-right: 10px;
}

.tado_plan .column_block > *:last-child {
  margin-right: 0;
}

.tado_plan .column_block dt {
  color: #c72961;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.tado_plan .column_block dt figure {
  margin: 5px auto 0;
}

.tado_plan .column_block dt figure img {
  height: auto;
  width: 190px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .tado_plan .column_block dd p {
    line-height: 1.3;
    font-feature-settings: "palt";
  }
}

.tado_plan .column_block dd {
  margin: 10px auto 0;
}

.tado_plan .column_block dd.tado_event_txt{
  max-width: 190px;
  min-height: 3.9em;
}

.tado_plan .column_block dd p {
  line-height: 1.3;
  font-feature-settings: "palt";
}

.tado_plan .column_block dd .date {
  font-size: 15px;
}

.tado_plan .column_block dd .dtl {
  font-size: 14px;
}

.tado_plan .column_block dd:nth-last-child(1) {
  text-align: center;
}

/* 多度ccスキー */
.contact_btn a {
  background-color: #31619F;
  border-radius: 500px;
  box-shadow: 0px 2px #153F75;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 1em auto;
  max-width: 200px;
  padding: 0.5em 2.5em 0.5em 1.5em;
  position: relative;
  transition: 0.3s;
}
.contact_btn a::after {
  background: url(/search/image/dtl_new/ico_lnk_fs.png) no-repeat center /cover;
  bottom: 0;
  content: '';
  display: block;
  height: 1em;
  margin: auto;
  position: absolute;
  right: .75em;
  top: 0;
  width: 1em;
}
.contact_btn a:hover {
  opacity: .7;
}

/* -----------------------------------------
  新しいお部屋探し物件モーダル #13741
----------------------------------------- */
/*-- 共通 --*/

#modal_rent_pr_floor.modal_rent_area {
  border: 5px solid #ff90b0;
  border-radius: 10px;
  box-sizing: border-box;
  display: none;
  padding: 0;
  position: relative;
  width: 800px;
}

#modal_rent_pr_floor .ttl_modal_rent {
  background: #ff90b0;
  font-size: 23px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  margin: 0;
  position: relative;
  text-align: left;
  text-indent: 45px;
}

#modal_rent_pr_floor .ttl_modal_rent::before {
  background: url("/search/image/dtl_new/rent-pr-modal-area-ico-srh.png") no-repeat 0 0;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 20px;
  left: 15px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}

#modal_rent_pr_floor .box_modal_rent {
  background: #fff;
  box-sizing: border-box;
  padding: 18px 0 10px;
}

#modal_rent_pr_floor .box_modal_rent.pr {
  background: url("/search/image/dtl_new/rent-pr-modal-area-img-map.png") #fff no-repeat top 60px right 10px;
  background-size: 465px 457px;
  border-radius: 0 0 5px 5px;
}

#modal_rent_pr_floor .ttl_area_list {
  color: #ea4f7b;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 24px;
  margin: 0 20px;
  position: relative;
  text-align: center;
}

#modal_rent_pr_floor .ttl_area_list::before,
#modal_rent_pr_floor .ttl_area_list::after {
  background: url("/search/image/dtl_new/rent-pr-modal-area-bg-ttl.png") repeat-x 0 0;
  background-size: 18px 20px;
  bottom: 0;
  content: "";
  height: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 250px;
}

#modal_rent_pr_floor .ttl_area_list::before {
  left: 0;
}

#modal_rent_pr_floor .ttl_area_list::after {
  right: 0;
}

#modal_rent_pr_floor .box_area_list_read {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
}

#modal_rent_pr_floor .area_list_read {
  font-size: 15px;
  letter-spacing: .05em;
  margin: 20px 0;
  text-align: left;
}

#modal_rent_pr_floor .area_list_count {
  font-size: 16px;
}

#modal_rent_pr_floor .area_list_count strong {
  margin-left: 20px;
}

#modal_rent_pr_floor .btn_clear_count {
  background: #aa7c45;
  border: 2px solid #986b30;
  border-radius: 18px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  height: 34px;
  line-height: 30px;
  position: relative;
  text-align: center;
  width: 100px;
}

#modal_rent_pr_floor .btn_clear_count:hover {
  background: #d5a46a;
}

#modal_rent_pr_floor.modal_rent_area .btn_box {
  background: #fff;
  border-radius: 17px;
  height: 34px;
  position: absolute;
  right: 15px;
  top: 3px;
  width: 100px;
}

#modal_rent_pr_floor.modal_rent_area .btn_box::before,
#modal_rent_pr_floor.modal_rent_area .btn_box::after {
  border: 1px solid #fff;
  bottom: 0;
  box-sizing: border-box;
  content: "";
  height: 10px;
  left: 20px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 2;
}

#modal_rent_pr_floor.modal_rent_area .btn_box::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#modal_rent_pr_floor.modal_rent_area .btn_box::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#modal_rent_pr_floor.modal_rent_area .btn_box .close {
  background: #fff;
  border: 2px solid #986b30;
  border-radius: 18px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
  box-sizing: border-box;
  color: #9a6c41;
  font-size: 16px;
  font-weight: 600;
  height: 34px;
  line-height: 30px;
  text-shadow: none;
  opacity: 1;
  padding: 0;
  position: relative;
  text-align: center;
  text-indent: 25px;
  width: 100px;
}

#modal_rent_pr_floor.modal_rent_area .btn_box .close::before {
  background: #aa7c45;
  border-radius: 50%;
  bottom: 0;
  content: "";
  height: 16px;
  left: 11px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 16px;
  z-index: 1;
}

#modal_rent_pr_floor.modal_rent_area .btn_box .close:hover {
  cursor: pointer;
  opacity: .8;
}

#modal_rent_pr_floor .ttl_section {
  background: url("/search/image/dtl_new/bg-ttl-city-list.png") #efe1ce repeat 0 0 / 2px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto;
  padding: 10px 10px 10px 1em;
  text-align: left;
}

/*-- 都道府県 --*/
#modal_rent_pr_floor .area_list {
  margin: 0 20px;
}

#modal_rent_pr_floor .area_list dl {
  align-items: center;
  border-bottom: 1px solid #d7be9b;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  height: 55px;
}

#modal_rent_pr_floor .area_list dl:last-child {
  border-bottom: none;
}

#modal_rent_pr_floor .area_list dl dt {
  box-sizing: border-box;
  font-feature-settings: 'palt'1;
  -webkit-font-feature-settings: 'palt'1;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .05em;
  padding-right: 5px;
  text-align: center;
  width: 100px;
}

#modal_rent_pr_floor .area_list dl dd {
  flex-grow: 1;
}

#modal_rent_pr_floor .area_list dl ul {
  display: flex;
  flex-wrap: nowrap;
}

#modal_rent_pr_floor .area_list dl ul li {
  background: #fff;
  border-radius: 5px;
  height: 34px;
  margin-right: 8px;
  width: 65px;
}

#modal_rent_pr_floor .area_list dl ul li:last-child {
  margin-right: 0;
}

#modal_rent_pr_floor .area_list dl ul li a {
  border-radius: 5px;
  box-shadow: 0 2px 0 0 rgba(102, 102, 102, .3);
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  height: 34px;
  letter-spacing: .3em;
  line-height: 32px;
  text-align: center;
  text-indent: .3em;
  width: 65px;
}

#modal_rent_pr_floor .area_list dl ul .adjust a {
  letter-spacing: .05em;
  text-indent: 0;
}

#modal_rent_pr_floor .area_list dl ul li a:hover {
  opacity: .7;
}

#modal_rent_pr_floor .area_list .area_01 li a {
  background: #384fc1;
}

#modal_rent_pr_floor .area_list .area_02 li a {
  background: #29a2a7;
}

#modal_rent_pr_floor .area_list .area_03 li a {
  background: #08915c;
}

#modal_rent_pr_floor .area_list .area_04 li a {
  background: #608c00;
}

#modal_rent_pr_floor .area_list .area_05 li a {
  background: #e47b00;
}

#modal_rent_pr_floor .area_list .area_06 li a {
  background: #d95593;
}

#modal_rent_pr_floor .area_list .area_07 li a {
  background: #d24855;
}

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

#modal_rent_pr_floor .box_city_list {
  margin: 15px 0 0;
}

#modal_rent_pr_floor .box_city_list dt {
  align-items: center;
  border-bottom: 2px solid #ff90b0;
  box-sizing: border-box;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  height: 30px;
  left: 2px;
  padding: 0 0 0 5px;
  position: relative;
  text-align: left;
  top: 0;
}

#modal_rent_pr_floor .box_city_list dt::before {
  background-image: linear-gradient(
    to bottom,
    #f9adc6 0%,
    #f9adc6 49%,
    #f990b1 50%,
    #f990b1 100%
  );
  border: 1px solid #fd81a8;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 20px;
  margin-right: .7em;
  width: 13px;
}

#modal_rent_pr_floor .city_list {
  border: 1px solid #dc97a4;
  box-sizing: border-box;
  height: 365px;
  margin: 0 auto;
  -webkit-overflow-scrolling: auto;
  overflow-y: auto;
  padding: 5px 5px 20px;
  width: 99%;
}

#modal_rent_pr_floor .city_list::-webkit-scrollbar {
  width: 20px;
}

#modal_rent_pr_floor .city_list::-webkit-scrollbar-track {
  background-color: #fee6e9;
  background-image: url("/search/image/dtl_new/bg-scroll-next.png"),
    url("/search/image/dtl_new/bg-scroll-prev.png");
  background-position: center 345px, center 10px;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 10px;
}

#modal_rent_pr_floor .city_list::-webkit-scrollbar-thumb {
  background: #f4698e;
  border-radius: 10px;
}

#modal_rent_pr_floor .city_list_inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
}

#modal_rent_pr_floor .city_list_inner li {
  border-radius: 5px;
  box-sizing: border-box;
  margin: 10px 0 0 10px;
  padding: 8px 0 8px 5px;
  position: relative;
  text-align: left;
  min-height: 44px;
  width: calc(100% / 3.2);
}

/*.city_list_inner.l4 li {
  width: calc(100% / 4.25);
}

.city_list_inner.l3 li {
  width: calc(100% / 3.3);
}*/

#modal_rent_pr_floor .city_list_inner li:first-child,
#modal_rent_pr_floor .city_list_inner li:nth-child(2),
#modal_rent_pr_floor .city_list_inner li:nth-child(3) {
  margin-top: 10px;
}

#modal_rent_pr_floor .city_list_inner li.city_all {
  box-sizing: border-box;
  margin: 12px 10px 15px;
  position: relative;
  width: 100%;
}

#modal_rent_pr_floor .city_list_inner li.city_all::after {
  border-bottom: 1px solid #ff90b0;
  bottom: -12px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}

#modal_rent_pr_floor .city_list_inner li.chk {
  background: #fee2e6;
}

#modal_rent_pr_floor .city_list_inner input[type="checkbox"] {
  display: none;
}

#modal_rent_pr_floor .city_list_inner input[type="checkbox"] + label {
  align-items: center;
  background: url("/search/image_cmn/bg_checkbox_off.png") no-repeat left center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 100;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 8px 0 8px 30px;
  vertical-align: middle;
}

#modal_rent_pr_floor .city_list_inner input[type="checkbox"]:checked + label {
  background: url("/search/image_cmn/bg_checkbox_on.png") no-repeat left center;
}

#modal_rent_pr_floor .city_list_inner input[disabled="disabled"] + label {
  opacity: .4;
  cursor: auto;
}

#modal_rent_pr_floor .city_list_inner input[type="checkbox"] + label .srch_count {
  display: inline-block;
  white-space: nowrap;
}

/* 間取り */
#modal_rent_pr_floor .layout_list {
  border: 1px solid #d6b484;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5px 5px 20px;
  width: 99%;
}

#modal_rent_pr_floor .layout_list:nth-of-type(3) {
  margin-top: 20px;
}

#modal_rent_pr_floor .layout_list input[type="checkbox"] {
  display: none;
}

#modal_rent_pr_floor .layout_list input[type="checkbox"] + label {
  align-items: center;
  background: url("/search/image_cmn/bg_checkbox_off.png") no-repeat left center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-weight: 100;
  height: 26px;
  padding-left: 30px;
}

#modal_rent_pr_floor .layout_list input[type="checkbox"]:checked + label {
  background: url("/search/image_cmn/bg_checkbox_on.png") no-repeat left center;
}

#modal_rent_pr_floor .layout_list input[disabled="disabled"] + label {
  background: url("/search/image_cmn/bg_checkbox_gr.png") no-repeat left center;
  cursor: auto;
}

#modal_rent_pr_floor .box_rent_lst {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: 20px 10px 0;
}

#modal_rent_pr_floor .custom_select {
  position: relative;
  width: 150px;
}

#modal_rent_pr_floor .custom_select select {
  display: none;
}

#modal_rent_pr_floor .select-selected {
  background-image: linear-gradient(to bottom, #fff 0%, #ffedee 100%);
  border: 1px solid #ea4f7b;
  border-radius: 3px;
}

#modal_rent_pr_floor .select-selected:after {
  border: 8px solid transparent;
  border-color: #ea4f7b transparent transparent transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: 17px;
  width: 0;
}

/*-- セレクトボックス --*/
/*point the arrow upwards when the select box is open (active):*/
#modal_rent_pr_floor .select-selected.select-arrow-active:after {
  border-color: transparent transparent #ea4f7b transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
#modal_rent_pr_floor .select-items div,
#modal_rent_pr_floor .select-selected {
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  line-height: 40px;
  padding: 0 10px;
  text-align: left;
}

/*style items (options):*/
#modal_rent_pr_floor .select-items {
  background: #fff;
  border-bottom: 1px solid #ea4f7b;
  border-left: 1px solid #ea4f7b;
  border-right: 1px solid #ea4f7b;
  box-sizing: border-box;
  height: 280px;
  left: 0;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
#modal_rent_pr_floor .select-hide {
  display: none;
}

#modal_rent_pr_floor .select-items div:hover {
  background-color: #ffedee;
}

#modal_rent_pr_floor .box_rent_option {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
}

#modal_rent_pr_floor .box_rent_option li {
  border-radius: 5px;
  box-sizing: border-box;
  margin: 5px 0 0 10px;
  padding: 5px;
  /*width: 175px;*/
}

#modal_rent_pr_floor .box_rent_option li:nth-child(2) {
  margin-left: 15px;
}

#modal_rent_pr_floor .box_rent_option li.chk {
  background: #fee2e6;
}

#modal_rent_pr_floor .box_layout_lst {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 20px 10px 0;
}

#modal_rent_pr_floor .box_layout_lst li {
  border-radius: 5px;
  box-sizing: border-box;
  margin: 5px 0 0 10px;
  padding: 5px;
  text-align: left;
  width: calc(100% / 5.5);
}

#modal_rent_pr_floor .box_layout_lst li:first-child,
#modal_rent_pr_floor .box_layout_lst li:nth-child(2),
#modal_rent_pr_floor .box_layout_lst li:nth-child(3) {
  margin-top: 0;
}

#modal_rent_pr_floor .box_layout_lst li.chk {
  background: #fee2e6;
}

/* 送信ボタン */
#modal_rent_pr_floor .box_send_btn {
  margin: 25px auto 20px;
  position: relative;
  text-align: center;
}

#modal_rent_pr_floor .btn_send a {
  align-items: center;
  background: #f5698e;
  border: 3px solid #ea4f7b;
  border-radius: 25px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  letter-spacing: 2px;
  line-height: 45px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
}

#modal_rent_pr_floor .btn_send a::after {
  background: url(/search/image/gps/ico-arrow-wht.svg) no-repeat center/cover;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 18px;
  margin-left: 5px;
  position: relative;
  top: 2px;
  width: 18px;
}

#modal_rent_pr_floor .btn_send a:hover {
  background: #ff94b0;
}

#modal_rent_pr_floor .btn_send.dis a {
  box-shadow: none;
  opacity: .4;
  pointer-events: none;
}

#modal_rent_pr_floor .btn_back {
  left: 27px;
  margin: 0;
  position: absolute;
  top: 20px;
}

#modal_rent_pr_floor .btn_back a {
  align-items: center;
  color: #0a7bda;
  display: flex;
  font-size: 14px;
  letter-spacing: 2px;
}

#modal_rent_pr_floor .btn_back a::before {
  background: url(/search/image/dtl_new/ico-arrow-blu.svg) no-repeat
    center/cover;
  content: "";
  display: block;
  height: 14px;
  margin-right: 3px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 14px;
}

#modal_rent_pr_floor .btn_back a:hover {
  color: #f00;
}

/* 文字色・サイズ */
.txt_col_pnk {
  color: #f34f7b;
}

.txt_col_wht {
  color: #fff;
}

.txt_col_blk {
  color: #333;
}

.txt_size_20 {
  font-size: 20px;
}

.txt_size_25 {
  font-size: 25px;
}

.txt_size_13 {
  font-size: 13px;
}

.txt_bold {
  font-weight: 600;
}
@media screen and (min-width: 1025px) {
  img {
  image-rendering: -webkit-optimize-contrast;
  }
}
/* ipad */
@media screen and (min-width: 480px) and (max-width: 1024px) {
  #modal_rent_pr_floor .btn_clear_count:hover {
    background: #aa7c45;
  }

  #modal_rent_pr_floor .btn_send a:hover {
    background: #f5698e;
  }

  #modal_rent_pr_floor .btn_back a:hover {
    color: #0a7bda;
  }
}

/*-------------------------
ホームメイトのおすすめ物件
-------------------------*/
.mod_bkn_data > *:not(.accordion_section, .bkn_srch.bkn_recommend, .bkn_srch.bkn_house) {
  margin-left: auto;
  margin-right: auto;
  max-width: 584px;
}

.mod_bkn_data .bkn_srch.bkn_recommend > .ttl::before {
    background: url('/search/image/dtl_new/ico_star.png') no-repeat center / contain;
    content: '';
    display: inline-block;
    height: 1em;
    margin-right: 7px;
    width: 1em;
}

.mod_bkn_data .bkn_srch.bkn_recommend {
    background: #f8efdc url('/search/image/dtl_new/bg_bkn_recommend.png') no-repeat 100% 13px / auto 30px;
    border-radius: 5px;
    box-shadow: 0 2px 0 #f4dca9;
    margin-bottom: 25px;
    padding: 10px 0 14px;
}

.mod_bkn_data .bkn_srch.bkn_recommend .house_item_box {
    background-image: none;
}

.mod_bkn_data .bkn_srch.bkn_recommend .house_item_box:nth-of-type(1) {
  margin-top: 0;
}

.mod_bkn_data .bkn_srch.bkn_recommend > .ttl {
    background: transparent;
    color: #000;
    font-weight: 600;
    padding-left: 16px;
}

.mod_bkn_data .bkn_srch.bkn_recommend > .ttl::before {
    background: url('/search/image/dtl_new/ico_star.png') no-repeat center / contain;
    content: '';
    display: inline-block;
    height: 1em;
    margin-right: 7px;
    width: 1em;
}

.mod_bkn_data .bkn_srch.bkn_recommend .house_item_box li:not(.house_block_blank) {
    position: relative;
}

.mod_bkn_data .bkn_srch.bkn_recommend .house_item_box li:not(.house_block_blank)::after {
    background: url('/search/image/dtl_new/ico_pr.png') no-repeat center / contain;
    content: '';
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 27px;
}

/*-------------------------
施設周辺の賃貸物件
-------------------------*/
.mod_bkn_data .bkn_house {
  margin-bottom: 15px;
  padding: 0 0 9px;
  background: #ffe3ec;
  border-radius: 6px;
}

.mod_bkn_data .bkn_house:nth-last-child(7),
.mod_bkn_data .accordion_section .bkn_house:last-of-type {
  margin-bottom: 25px;
}

.mod_bkn_data .bkn_house > .ttl {
  font-size: 21px;
  font-weight: normal;
  padding: 8px 20px 3px;
}

.mod_bkn_data .bkn_srch.bkn_house > .ttl {
    padding-left: 28px;
}

.mod_bkn_data .bkn_house > .ttl .ttl_block {
  display: inline-block;
}

.mod_bkn_data .bkn_house .ttl .ttl_block > .white_background {
  background-color: #fff;
  color: #e0658c;
  padding: 5px;
  margin: 0 5px;
}

.mod_bkn_data .bkn_srch .house_item_box {
  align-content: stretch;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
  padding: 0 0 0 17px;
}

.mod_bkn_data .bkn_srch .house_item_box:nth-of-type(1) {
  margin-top: 14px;
}

.mod_bkn_data .bkn_srch.bkn_house {
    padding-bottom: 13px;
}

.house_item_box {
  background: url(/search/image/dtl_new/bg-srch-house.png) no-repeat bottom 8px
    right 8px;
  background-size: 426px auto;
}

.house_item_box li {
  background-color: #fff;
  border: 1px solid #e0658c;
  box-sizing: border-box;
  margin: 0 4px 10px 0;
  padding-bottom: 36px;
  position: relative;
  width: 138px;
}

.house_item_box li.house_block_blank {
  background: #FEFBF7;
  border: none;
}

.house_item_box li.house_block_blank img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.house_item_box li:nth-child(4n + 0) {
  padding-right: 0;
}

.house_item_box li .house_block {
  box-sizing: border-box;
  width: 136px;
}

.house_item_box .item_box {
  padding: 6px 9px 0;
}

.house_item_box .item_box dt {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.house_item_box .distance_facility {
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.2;
  margin-top: 3px;
}

.house_item_box .distance_facility span {
  color: #E0426D;
}

.house_item_box .distance_walk {
  font-feature-settings: "palt";
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.2;
  margin-bottom: 3px;
}

.count_box {
  margin-bottom: 8px;
}

.count_box .range_name {
  background-color: #e0658c;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
  padding: 3px 6px;
  white-space: nowrap;
}

.count_box .range_number {
  color: #e0426d;
  display: inline-block;
  font-weight: 600;
  white-space: nowrap;
}
.count_box .unit {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}
.btn_link {
  bottom: 10px;
  height: 30px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 136px;
}

.btn_link a {
  background-color: #e0426d;
  border-radius: 3px;
  box-shadow: 0 3px #cc1d3f;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto;
  padding: 6px 0 3px;
  text-align: center;
  width: 118px;
}

.btn_link a:hover {
  color: #fff;
  opacity: .7;
}

.box_btn_all_bkn .btn_all_bkn {
  margin: 10px 10px 0 auto;
  width: 40%;
}

.box_btn_all_bkn .btn_all_bkn:hover {
  opacity: .7;
}

.mod_bkn_data .btn_wrap {
  text-align: center;
  padding: 0;
}

.mod_bkn_data .btn_wrap .btn_brown {
  display: inline-block;
  width: 40%;
}

.mod_bkn_data .btn_wrap .btn_brown:hover {
  color: #fff;
  opacity: .7;
}

.btn_brown .txt_inner {
  background-color: #e0426d;
  border-radius: 5px;
  box-shadow: inset 0 -3px 0 #cc1d3f;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3px;
  padding: 8px 26px 8px 28px;
  position: relative;
  text-align: center;
}

.btn_brown .txt_inner::before {
  content: '';
  background: url(/search/image/dtl_new/ico-link.png) no-repeat;
  background-size: 80%;
  background-position: right;
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .btn_link a:hover {
    opacity: 1;
  }
  .box_btn_all_bkn .btn_all_bkn:hover {
    opacity: 1;
  }
  .box_btn_all_bkn .btn_all_bkn:hover {
    opacity: 1;
  }
}

/*-- 動画用ボックス追加 --*/
/*-- 汎用クラス --*/
.box_add_movie {
  margin: 15px auto 0;
  padding: 15px 0 25px;
}

.box_add_movie .box_inner_movie {
  cursor: pointer;
  display: block;
  margin: 15px auto 0;
  overflow: hidden;
  width: 480px;
}

.box_add_movie .ttl_main {
  border-bottom: 1px solid #613232;
  box-sizing: border-box;
  display: inline-block;
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  line-height: 1.8;
  margin: 0 auto;
  padding: 0 20px;
}

.box_add_movie .read {
  text-align: center;
  padding: 0;
}

/*--　大刀剣市　--*/
.box_add_movie.daitouken_2018 {
  background-image: linear-gradient(to bottom, #ece3ce 0%, #d8c394 100%);
  background-image: -webkit-linear-gradient(top, #ece3ce 0%, #d8c394 100%);
  width: 580px;
}

/*-- 刀剣展示施設紹介 ＃15809 --*/
#movie_relation_ss.box_add_movie {
  margin: 30px auto 20px;
  padding: 0;
}
.box_add_youtube .ttl_box,
#movie_relation_ss .ttl_box {
  background-image: url("/search/image/dtl_new/bg-ttl-relation-movie_l.png"), url("/search/image/dtl_new/bg-ttl-relation-movie_r.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 120px 100%, 120px 100%;
  box-sizing: border-box;
  height: 55px;
  margin: 0 auto;
  width: 620px;
}
.box_add_youtube .ttl_box{
  margin-bottom: 20px;;
}
/*-- 刀剣テキスト入力バナー --*/

.has_text.bnr_has_textlink{
  width: 450px;
  margin: 15px auto;
  box-sizing: border-box;
}
.has_text.bnr_has_textlink a{
  position: relative;
  border: 2px solid #b38f5f;
}
.has_text.bnr_has_textlink img{
  width: 100%;
  height: auto;
}
.has_text.bnr_has_textlink span.bnr_txt{
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 600;
  background-color: #fff;
  box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
  color: #000;
  font-feature-settings: "pkna";
  letter-spacing: .06em;
  line-height: 1.2;
  margin: 0 auto;
  min-height: 30px;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "HG明朝E", "ryo-display-plusn", serif;
  margin-right: 0;
  padding: 1% 1.2%;
  width: 343px;
  display: inline-block;
  border: 1px solid #5c2f2d;
  position: absolute;
  right: 43px;
  bottom: 13px;
}
.has_text.bnr_has_textlink a::after{
background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/btn_chronology_arrow.png) no-repeat 0 0;
background-size: 100% auto;
bottom: 0;
content: "";
display: block;
height: 26px;
width: 26px;
position: absolute;
right: 0;
}

.has_text_s a {
  margin: auto;
  width: 400px;
}
.has_text_s.bnr_has_textlink span.bnr_txt {
  bottom: 8px;
  right: 55px;
  width: 200px;
}
.box_add_youtube  .ttl_main,
#movie_relation_ss .ttl_main {
  align-items: center;
  background: url("/search/image/dtl_new/bg-ttl-relation-movie_c.png") repeat-x center / auto 100%;
  border-bottom: none;
  box-sizing: border-box;
  color: #fff;
  display: block;
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  font-family: serif;
  font-size: 2.1rem;
  font-weight: 100;
  height: 55px;
  letter-spacing: .05em;
  line-height: 55px;
  padding: 0;
  position: relative;
  margin: 0 auto;
  width: 380px;
}
.box_add_youtube .ttl_main {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 19px;
  justify-content: center;
  line-height: 18px;
  margin-top: 30px;
  padding: 7px 0;
  text-align: center;
}

.box_add_youtube .ttl_main::before,
.box_add_youtube .ttl_main::after,
#movie_relation_ss .ttl_main::before,
#movie_relation_ss .ttl_main::after {
  background: url("/search/image/dtl_new/ico-ttl-relation-movie.png") no-repeat 0 0 / 100%;
  bottom: 0;
  content: "";
  display: block;
  height: 16px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 24px;
}

#movie_relation_ss .ttl_main::before {
  left: 18%;
}

#movie_relation_ss .ttl_main::after {
  right: 18%;
}

.box_add_youtube .ttl_main::before {
  left: 25px;
}

.box_add_youtube .ttl_main::after {
  right: 25px;
}

#movie_relation_ss .box_outer_movie,
.movie_relation_ss .box_outer_movie {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 600px;
  margin: 0 auto;
}

#movie_relation_ss .box_inner_movie,
.movie_relation_ss .box_inner_movie {
  height: 160px;
  position: relative;
  width: 290px;
}

#movie_relation_ss .box_inner_movie.box_inner_movie_col3 {
  height: 106px;
  width: 190px;
}

#movie_relation_ss .read {
  margin: 20px auto 0;
  padding: 0 4%;
}

#movie_relation_ss .box_inner_movie a, 
.movie_relation_ss .box_inner_movie a {
  display: block;
  height: 100%;
  width: 100%;
}
#movie_relation_ss .box_inner_movie .js_modal_video::after,
#movie_relation_ss .box_inner_movie a::after,
.movie_relation_ss .box_inner_movie a::after {
  content: url("/search/image/dtl_new/ico_play.png");
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 62px;
  height: 61px;
  margin: auto;
}

.box_add_youtube .box_outer_movie .box_inner_movie a:hover,
#movie_relation_ss .box_inner_movie a:hover {
  opacity: .7;
}
.box_add_youtube .box_outer_movie{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 586px;
  margin: 0 auto;
}
.box_add_youtube .box_outer_movie .box_inner_movie{
  width: 185px;
}
.box_add_youtube .box_outer_movie .box_inner_movie a{
  cursor: pointer;
  display: block;
  height: 100px;
  overflow: hidden;
  margin-bottom: 6px;
  position: relative;
}
.box_add_youtube .box_outer_movie .box_inner_movie a::after{
  content: "";
  background: url(/search/image/dtl_new/ico_play.png) no-repeat;
  background-size: 26px 27px;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 33px;
  margin: auto;
}
.box_add_youtube .box_outer_movie .box_inner_movie p{
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 8px;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.box_add_youtube .box_outer_movie .box_inner_movie img{
  object-fit: cover;
  margin-top: -20px;
}
.box_add_youtube .box_outer_movie:last-child .box_inner_movie:nth-child(2){
  background: url(/search/image/dtl_new/bg_blank_yel.png) no-repeat;
  background-size: 80%;
  background-position: center center;
}
.box_add_youtube .box_outer_movie:last-child .box_inner_movie:nth-child(3){
  background: url(/search/image/dtl_new/bg_blank_vio.png) no-repeat;
  background-size: 100%;
  background-position: center center;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #movie_relation_ss .box_inner_movie a:hover {
    opacity: 1;
  }
}

#movie_relation_ss .box_inner_movie img,
.movie_relation_ss .box_inner_movie img {
  top: -28px;
  height: auto;
  position: relative;
  width: 100%;
}

#movie_relation_ss .box_inner_movie.box_inner_movie_col3 img {
  top: -18px;
}
/* modal動画 */
.thumbnail {
  cursor: pointer;
}
#modal_video {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0 , .9 );
  transition: .5s;
  z-index: 999;
}
#modal_video.close {
    filter: opacity(0);
    visibility: hidden;
  }
#modal_video.open {
  filter: opacity(1);
  visibility: visible;
}
#modal_video iframe {
  width: 64vw;
  height: 36vw;
}
/* img */

.overlay {
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  position: fixed;
  inset:0 auto 0 0;
  height: 100%;
  overflow: hidden;
  width: 100%;
  z-index: 999;
}
.modalWrap {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.modalContent {
  max-width: 660px;
  max-height: calc(var(--vh) * 80);
  min-height: 375px;
  margin: 0px auto;
  object-fit: contain;
}
@media print, screen and (max-width: 767px) {
  .modalContent {
    max-width: 80vw;
    min-height: auto;
  }
}
.modalWrap figure {
  position: relative;
}
.is-active {
  overflow: hidden;
}

#modal_video::after,
.modalWrap figure::after {
  background: url(//www.homemate-research.com/image/modal/close-btn.png) no-repeat left top/contain;
  display: inline-block;
  content: '';
  height: 52px;
  position: absolute;
  right: -30px;
  top: -28px;
  width: 52px;
}
#modal_video::after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translate(32vw, -18vw);
}

@media print, screen and (max-width: 767px) {
  #modal_video iframe {
    width: 90vw;
    height: 51vw;
  }
  #modal_video::after {
    transform: translate(42vw, -26vw);
  }
}
/*---------------------------------
　ハローワーク検索　施設一覧ページ
　東建コーポレーションの求人募集バナー
　追加
 ---------------------------------*/
.req_bnr {
  text-align: center;
}

.req_bnr p {
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
}

.req_bnr img {
  width: 95%;
}

/*---------------------------------
　施設近くの情報を見るローディング画像調整
 ---------------------------------*/
.near_loding {
  width: 6%;
  margin: 0 auto;
}

/*---------------------------------
  観光特集
----------------------------------*/
#tour_recommend.box_tour_recod {
  background: #fbf3de;
  margin: 30px auto 0;
  position: relative;
  padding: 0 0 20px;
  width: 660px;
}

#tour_recommend.box_tour_recod h2 img {
  margin-top: -9px;
}

#tour_recommend.box_tour_recod .read {
  margin: 15px auto 0;
  text-align: center;
}

#tour_recommend .lst_tour_recod {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: 0 40px;
}

#tour_recommend .slick-dots {
  margin: 0 auto;
  width: 10%;
}

#tour_recommend .slick-dots li {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 10px;
  cursor: pointer;
}

#tour_recommend .slick-dots li:nth-child(2) {
  margin: 0 17%;
}

#tour_recommend .slick-dots li button {
  display: block;
  padding: 0;
  background: none;
  border: none;
  font-size: 0;
  width: 10px;
  height: 10px;
}

#tour_recommend .slick-dots li::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  background: #0b1e57;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  text-align: center;
}

#tour_recommend .slick-dots li:hover::before {
  background: #6577ac;
}

#tour_recommend .slick-dots li.slick-active::before {
  background: #6577ac;
}

#tour_recommend .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  padding: 0;
  background: none;
  border: none;
  height: 25px;
  width: 25px;
  font-size: 0;
}

#tour_recommend .slick-next.slick-arrow {
  right: 9px;
}

#tour_recommend .slick-prev.slick-arrow {
  left: 9px;
  z-index: 10;
}

#tour_recommend .slick-arrow::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("/search/image/dtl_new/ico_arrow_recm_tour.png") #0b1e57
    no-repeat 0 0 / cover;
  height: 25px;
  width: 25px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}

#tour_recommend .slick-arrow:hover::before {
  background: url("/search/image/dtl_new/ico_arrow_recm_tour.png") #6577ac no-repeat 0 0 /cover;
}

#tour_recommend .slick-next.slick-arrow::before {
  transform: rotate(-180deg);
}

#tour_recommend .lst_tour_recod li {
  margin: 10px 0 0;
  width: 280px;
}

#tour_recommend.box_tour_recod figcaption {
  margin: 5px auto 0;
}

/*---------------------------------
  祭礼・祭事紹介動画
----------------------------------*/
.box_fes_movie {
  margin: 5px auto 0;
  width: 562px;
}

.lst_fes_movie {
  align-items: flex-start;
  column-gap: 7px;
  display: flex;
  justify-content: space-between;
  margin: 15px auto 0;
  width: 100%;
}

.lst_fes_movie li {
  width: 180px;
}

.lst_fes_movie figure {
  width: 100%;
}

.lst_fes_movie a:hover {
  opacity: .7;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .lst_fes_movie a:hover {
    opacity: 1;
  }
}

.thum_fes_box {
  position: relative;
  display: block;
  width: 100%;
  height: 96px;
  overflow: hidden;
}

.thum_fes_box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: url("../../image/dtl_new/festival_movie/btn-play.png") no-repeat 0
    0 / cover;
  margin: auto;
  width: 54px;
  height: 54px;
}

.thum_fes_box img {
  width: 100%;
  height: auto;
  margin-top: -9%;
}

.cap_des_box {
  box-sizing: border-box;
  color: #fff;
  margin: .5em auto;
  padding: 0 3%;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}
.lst_fes_movie li{
  background: #000;
  border: solid 2px #000;
}
/*１つの場合*/
.lst_fes_movie.one {
  justify-content: center;
}
.lst_fes_movie.one li{
  background: #000;
  width: 410px;
}
.lst_fes_movie.one figure {
  box-sizing: border-box;
  background-size: 100% 236px;
  width: 100%;
}
.one .cap_des_box {
  text-align: center;
}

.one .thum_fes_box {
  height: 226px;
}

.one .cap_des_box{
  text-align: center;
}

/*---------------------------------
  周辺生活施設
----------------------------------*/
.mod_town_info {
  position: relative;
  box-sizing: border-box;
  margin: 27px auto 0;
  padding: 27px 0 30px;
  background: #faedf1;
  width: 610px;
}

.mod_town_info.under_link_secnd{
  margin: 0 auto;
  padding: 10px 0 30px;
}

.mod_town_info h2 {
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.mod_town_info h2::before {
  position: absolute;
  left: 103px;
  top: -15px;
  content: "";
  height: 72px;
  width: 71px;
  z-index: 1;
  background-image: url("/search/image/dtl_new/marketing/ico-ttl-town-info.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.mod_town_info h2 span {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  background: #178a3d;
  padding: 0 30px;
  height: 40px;
  width: 413px;
  line-height: 40px;
  font-size: 20px;
  text-indent: 50px;
  color: #fff;
}

.mod_town_info h2 span::before,
.mod_town_info h2 span::after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 45px;
  position: absolute;
  top: -5px;
  width: 60px;
}

.mod_town_info h2 span::before {
  left: -60px;
}

.mod_town_info h2 span::after {
  right: -60px;
  transform: scale(-1, 1);
}

.mod_town_info h2 span::before,
.mod_town_info h2 span::after {
  background-image: url("/search/image/dtl_new/marketing/ttl-ribbon-grn.png");
}

.mod_town_info .lead_txt {
  margin: 30px auto 0;
  width: 80%;
  text-align: center;
}

.box_fa_data .data3 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  width: 500px;
}

.box_fa_data .data3 a[href="JavaScript:void(0);"] {
  pointer-events: none;
}

.box_fa_data .data3 li {
  display: table;
  margin: 15px auto 0;
  width: calc(490px / 2.1);
}

.box_fa_data .data3 li:first-child,
.box_fa_data .data3 li:nth-child(2) {
  margin: 0 auto;
}

.box_fa_data .data3 li a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #1e84c1 0%, #2172ad 100%);
  background: linear-gradient(to bottom, #1e84c1 0%, #2172ad 100%);
  border-radius: 25px;
  box-shadow: 0 1px 2px 1px rgba(116, 99, 66, .6);
  padding: 0 10px 0 45px;
  height: 45px;
  width: 100%;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  vertical-align: initial;
  font-feature-settings: "palt";
}
.box_fa_data .data3 li a span span{
  display: inline-block;
}
.box_fa_data .data3 li a .facility {
  line-height: 1.2;
  padding-bottom: 0.15em;
}
.box_fa_data .data3 li.is_gr a {
  background: -webkit-linear-gradient(top, #bababa 0%, #b3b3b3 100%);
  background: linear-gradient(to bottom, #bababa 0%, #b3b3b3 100%);
}

.box_fa_data .data3 li a:hover {
  opacity: .8;
}

.box_fa_data .data3 li a::before {
  content: "";
  left: 17px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  width: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 24px;
}

.box_fa_data .data3 .rsch a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-facility.png");
}

.box_fa_data .data3 .gotouchi a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-map.png");
}

.box_fa_data .data3 .mtrsch a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-data.png");
  background-size: contain;
  height: 17px;
}

.box_fa_data .data3 .map a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-pin.png");
}

.box_fa_data .data3 .price a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-price.png");
}

.box_fa_data .data3 .route_navi a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-traffic-train.png");
}

.box_fa_data .data3 .web_travel a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-web-travel.png");
  width: 24px;
  height: 20px;
  background-size: contain;
}

.box_fa_data .data3 .mapsearch a::before {
  background-image: url("/search/image/dtl_new/marketing/ico-map-search.png");
}

.box_fa_data .data3 .population a::before {
  background: #fff; 
  -webkit-mask-image: url("/search/image/dtl_new/marketing/ico-population.svg");
  mask-image: url("/search/image/dtl_new/marketing/ico-population.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; 
}

.box_fa_data .data3 .btn_fa_data .area {
  font-size: 12px;
  font-weight: 100;
}

.bnr_box_top {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.bnr_box_top + .mod_map_box {
  margin: 25px auto 0;
}

/*---------------------------------
  周辺生活施設 > パブリネットタウン情報
----------------------------------*/
.box_fa_data_public .data3 {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e87698;
  border-radius: 7px;
  margin: 10px auto 0;
  justify-content: flex-start;
  overflow: hidden;
  width: 534px;
}
.box_fa_data_public .data3:first-child {
  margin-top: 20px;
}
.box_fa_data_public .data3 dt {
  box-sizing: border-box;
  background: #e87698;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-shadow: 1px 1px 0px rgba(194, 46, 90, 0.6);
  padding: 10px 0 10px 45px;
  position: relative;
  width: 35.6%;
}
.box_fa_data_public .data3 dt::before {
  bottom: auto;
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  top: auto;
}
.box_fa_data_public .data3 dd {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 13px;
  width: 64%;
}
.box_fa_data_public .data3 dd p {
  width: 49%;
}
.box_fa_data_public .data3 dd a {
  background: #2072ad;
  box-shadow: 0px 3px 0px 0px rgba(4, 77, 127, 1);
  border-radius: 40px;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding: 4px 0 2px;
  margin-bottom: 2px;
  position: relative;
  text-align: center;
  width: 100%;
}
.box_fa_data_public .data3 dd a::after {
  border-bottom: 4px solid transparent;
  border-left: 6px solid #fff;
  border-top: 4px solid transparent;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.box_fa_data_public .data3 dd a:hover {
  color: #fff;
  opacity: .7;
}
/*  rsch */
.box_fa_data_public .data3.rsch dt::before {
  background: url(/search/image/dtl_new/marketing/ico-facility02.png) no-repeat center;
  background-size: contain;
  left: 20px;
  height: 23px;
  width: 19px;
}
/*  gotouchi */
.box_fa_data_public .data3.gotouchi dt::before {
  background: url(/search/image/dtl_new/marketing/ico-map02.png) no-repeat center;
  background-size: contain;
  left: 15px;
  height: 23px;
  width: 25px;
}
/*  mtrsch */
.box_fa_data_public .data3.mtrsch dt::before {
  background: url(/search/image/dtl_new/marketing/ico-data02.png) no-repeat center;
  background-size: contain;
  left: 16px;
  height: 22px;
  width: 24px;
}
/*  mapsearch */
.box_fa_data_public .data3.mapsearch dt::before {
  background: url(/search/image/dtl_new/marketing/ico-map-search.png) no-repeat center;
  background-size: contain;
  filter: drop-shadow(1px 1px 0 #d14b73);
  left: 16px;
  height: 22px;
  width: 24px;
}
/*  map */
.box_fa_data_public .data3.map dt::before {
  background: url(/search/image/dtl_new/marketing/ico-pin02.png) no-repeat center;
  background-size: contain;
  left: 21px;
  height: 23px;
  width: 19px;
}
/*  price */
.box_fa_data_public .data3.price dt::before {
  background: url(/search/image/dtl_new/marketing/ico-price02.png) no-repeat center;
  background-size: contain;
  left: 18px;
  height: 23px;
  width: 25px;
}
/*  route_navi */
.box_fa_data_public .data3.route_navi dt::before {
  background: url(/search/image/dtl_new/marketing/ico-traffic-train02.png) no-repeat center;
  background-size: contain;
  left: 20px;
  height: 23px;
  width: 20px;
}
/*  web_travel */
.box_fa_data_public .data3.web_travel dt::before {
  background: url(/search/image/dtl_new/marketing/ico-web-travel.png) no-repeat center;
  background-size: contain;
  filter: drop-shadow(1px 1px 0px rgba(194, 46, 90, 0.6));
  left: 17px;
  height: 23px;
  width: 20px;
}
/* population */
.box_fa_data_public .data3.population dt::before {
  background: #fff; 
  filter: drop-shadow(1px 1px 0px rgba(194, 46, 90, 0.6));
  -webkit-mask-image: url("/search/image/dtl_new/marketing/ico-population.svg");
  mask-image: url("/search/image/dtl_new/marketing/ico-population.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; 
  left: 19px;
  height: 23px;
  width: 20px;
}

/*--------------------------------------------------
 ○○市のタウン情報／生活施設を探す
----------------------------------------------------*/
.pref_category {
  margin: 34px auto 30px ;
  padding: 15px 45px 67px;
  width: 660px;
  background-color: #f4ebd9;
  box-sizing: border-box;
}

.pref_category_title {
  text-align: center;
}
.pref_category_title span {
  background: url(/search/image/dtl_new/ico_arondfac.png) no-repeat left top /40px;
  border-bottom: solid 3px #ff3e70;
  display: inline-block;
  font-feature-settings: "palt";
  font-size: 21px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0 0 6px 50px; 
  text-align: center;
}

.pref_category_list {
  background: url(/search/image/srh/pref-category-blank.png) no-repeat right 1px bottom / 418px auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
  position: relative;
}

.pref_category_item {
  background-color: #fff;
  display: flex;
  height: 56px;
  max-height: 56px;
  position: relative;
  width: 25%;
}

.pref_category_item::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 49%;
  right: 0;
  width: 1px;
  height: 42px;
  transform: translateY(-50%);
  background-color: #beaf91;
}
.pref_category_item:nth-last-child(2)::after {
  content: none;
}

.pref_category_item:nth-child(4n)::after {
  content: none;
}

.pref_category_item:nth-child(1) .pref_category_link,
.pref_category_item:nth-child(5) .pref_category_link,
.pref_category_item:nth-child(9) .pref_category_link,
.pref_category_item:nth-child(13) .pref_category_link,
.pref_category_item:nth-child(17) .pref_category_link,
.pref_category_item:nth-child(21) .pref_category_link {
  margin-left: 7px;
  padding-left: 0;
}

.pref_category_item:nth-child(4n) .pref_category_link {
  margin-right: 7px;
  padding-right: 0;
}

.pref_category_item.border_b_none .pref_category_link,
.pref_category_item:nth-last-child(2) .pref_category_link {
  border-bottom: none;
}

.pref_category_item:nth-child(n + 1):nth-child(-n + 4) .pref_category_link {
  border-top: none;
}

.pref_category_name {
  line-height: 1.25;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: 15px;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: -0.06em;
  padding-bottom: 1px;
  transform: rotate(0.05deg);
}

/* 2行 */
.pref_category_item.name_line2 .pref_category_name{
  padding-bottom: 0;
}

.pref_category_link {
  border-top: 1px solid #beaf91;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 2px 7px 0 7px;
  text-align: center;
  width: 100%;
}

.pref_category_link.border_b_none {
  border-bottom: none;
}

.pref_category_item.border_l_none::after {
  content: none;
}

.pref_category_link:hover {
  opacity: .6;
}

.pref_category_link_null:hover {
  opacity: 1;
}

.pref_category_link_null img {
  filter: grayscale(100%);
  opacity: .5;
}

.pref_category_item_btn {
  border-radius: 3px;
  bottom: -52px;
  left: 6%;
  max-height: none;
  height: auto;
  position: absolute;
  width: 38%;
}
.pref_category_item_btn::after {
  content: none;
}

/* 生活施設ボタン追加 */
.pref_category_item_btn + .pref_category_item_btn {
  left: auto;
  right: 6%;
  width: 48%;
}
.pref_category_item_btn .pref_category_text {
  letter-spacing: normal;
  padding: .5em 0;
}

.pref_category_btn {
  align-items: center;
  background-color: #ad7a20;
  border: solid 2px #ad7a20;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}
.pref_category_btn::before,
.pref_category_btn::after {
  background: url(/search/image/srh/category_btn_frame_left.png) no-repeat left center / contain;
  display: inline-block;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
.pref_category_btn::after {
  transform: rotate(180deg);
}

.pref_category_btn:hover {
  opacity: .6;
}

.pref_category_text {
  border: solid 1px #fff;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  padding: .5em 1em;
  position: relative;
  text-align: center;
  width: 100%;
}
.pref_category_text::after {
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  content: '';
  display: inline-block;
  margin-left: .5em;
}

/*  */

/*mt,mb,pt,pb*/
.mt00 {
  margin-top: 0;
}
.mt10 {
  margin-top: 10px;  
}
.mt15 {
  margin-top: 15px;  
}
.mt20 {
  margin-top: 20px; 
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mb00 {
  margin-bottom: 0;
}
.mb10 {
  margin-bottom: 10px;  
}
.mb15 {
  margin-bottom: 15px;  
}
.mb20 {
  margin-bottom: 20px; 
}
.mb25 {
  margin-bottom: 25px;
}
.pt00 {
  padding-top: 0;
}
.pt10 {
  padding-top: 10px;  
}
.pt15 {
  padding-top: 15px;  
}
.pt20 {
  padding-top: 20px; 
}
.pt25 {
  padding-top: 25px;
}
.pb00 {
  padding-bottom: 0;
}
.pb10 {
  padding-bottom: 10px;  
}
.pb15 {
  padding-bottom: 15px;  
}
.pb20 {
  padding-bottom: 20px; 
}
.pb25 {
  padding-bottom: 25px;
}

/*------------------------------
 名古屋刀剣ワールド施設詳細
-------------------------------*/
.touken_bnr {
  text-align: center;
  margin: 20px auto 0; 
  width: 500px;
}
.touken_bnr figcaption.cap{
  margin: auto;
  padding-top: 5px;
  max-width: 450px;
  text-align: left;
}

.meihaku_bnr_size {
  text-align: center;
}

/*------------------------------
 施設詳細間リンク
-------------------------------*/
.bnr_facility_relation {
  margin: 20px auto 0;
  width: 85%;
  text-align: center;
}

.bnr_facility_relation.bnr_relation_w600{
  width: 100%;
}

.bnr_facility_relation .read{
  margin: 10px auto 0;
  max-width: 450px;
  text-align: left;
}

.bnr_facility_relation.bnr_relation_w600 .read{
  margin: 5px auto 0;
}

.bnr_facility_relation a{
  display: flex;
  width: 450px;
  height: 60px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.bnr_facility_relation.bnr_relation_w600 a{
  width: 600px;
  height: 70px;
}

.bnr_facility_relation_img a{
  background: url("/search/image/dtl_new/bnr-facilities-bg.png") no-repeat;
  background-size: 450px 60px;
}

.bnr_facility_relation_img a:hover {
  opacity: 0.7;
}

.bnr_facility_relation .fac_name{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 75%;
  margin: 0 auto;
  padding: 0;
  background: rgba(255,255,255,.8);
  border-radius: 5px;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
}

/*----------------------------
 岐阜関ケ原古戦場記念館　文言追加
 ---------------------------*/
.open_announce {
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  letter-spacing: .2em;
  margin-bottom: -32px;
  color: #DF497A;
}

/*----------------------------
 近くのXX施設 トグルボタン　#arounde_facility
----------------------------*/
.box_around_facility {
  background: #FDE8EE;
  transition: all 300ms 0s ease;
  margin: 12px auto 0;
  padding: 0;
  width: 600px;
  border-radius: 5px;
}

.btn_around_facility {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  transition: all 300ms 0s ease;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border: 1px solid #EC4675;
  border-radius: 5px;
  padding: 8px 11.8% ;
  width: 100%;
  min-height: 70px;
  line-height: 1;
  font-size: 1.95rem;
  font-feature-settings: "palt";
  font-weight: 600;
  text-shadow: 2px 1px 3px #FDEFF3, 1px 2px 3px #FDEFF3, -2px 1px 1px #FDEFF3;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro","游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.btn_around_facility:focus {
  outline: none;
}

.open .btn_around_facility {
  border-radius: 5px 5px 0 0;
}

.btn_around_facility::before {
  background: #f75586;
  border-radius: 300px;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.43%;
  margin: auto 0;
  width: 30px;
}
.c156 .box_around_facility[data-bc="116"] .btn_around_facility{
  border: 2px solid #339966;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  height:85px;
}
.c156 .box_around_facility[data-bc="116"] .btn_around_facility::before {
  background: #339966;
  border-radius: 300px;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.43%;
  margin: auto 0;
  width: 30px;
}
.box_around_facility[data-bc="116"] .inline_image{
    position:absolute;
    left:13px;
}
.box_around_facility[data-bc="116"] .inline_textline{
  padding-left: 75px;
  transition: all 300ms 0s ease;
  line-height: 1;
  font-size: 1.95rem;
  font-feature-settings: "palt";
  font-weight: 600;
  text-align: left;
  text-shadow: 2px 1px 3px #e6fef2, 1px 2px 3px #e6fef2, -2px 1px 1px #e6fef2;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}
.btn_around_facility::after {
  content: "";
  display: block;
  position: absolute;
  top: 39%;
  bottom: 0;
  right: 4.85%;
  margin: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 300ms 0s ease;
}

.open .btn_around_facility::after {
  top: 46%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btn_around_facility span {
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin: 0;
  letter-spacing: 0.01em;
  line-height: 1.4;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro","游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.btn_around_facility {
  background-position: center center;
  background-color: #fdeaf0;
}

.box_around_facility[data-bc="01"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc01.png");  
}

.box_around_facility[data-bc="02"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc02.png");
}

.box_around_facility[data-bc="03"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc03.png");
}

.box_around_facility[data-bc="07"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc07.png");
}

.box_around_facility[data-bc="106"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc106.png");
}

.box_around_facility[data-bc="112"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc112.png");
}

.box_around_facility[data-bc="113"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc113.png");
}

.box_around_facility[data-bc="114"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc114.png");
}

.box_around_facility[data-bc="116"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc116.png");
}

.c156 .box_around_facility[data-bc="116"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc116-gren.png");
}

.box_around_facility[data-bc="118"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc118.png");
}

.box_around_facility[data-bc="119"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc119.png");
}

.box_around_facility[data-bc="13"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc13.png");
}

.box_around_facility[data-bc="154"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc154.png");
}

.box_around_facility[data-bc="62"] .btn_around_facility,
.box_around_facility[data-bc="155"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc155.png");
}

.box_around_facility[data-bc="156"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc156.png");
}

.box_around_facility[data-bc="158"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc158.png");
}

.box_around_facility[data-bc="159"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc159.png");
}

.box_around_facility[data-bc="160"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc160.png");
}

.box_around_facility[data-bc="163"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc163.png");
}

.box_around_facility[data-bc="168"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc168.png");
}

.box_around_facility[data-bc="174"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc174.png");
}

.box_around_facility[data-bc="175"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc175.png");
}

.box_around_facility[data-bc="176"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc176.png");
}

.box_around_facility[data-bc="182"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc182.png");
}

.box_around_facility[data-bc="183"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc183.png");
}

.box_around_facility[data-bc="184"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc184.png");
}

.box_around_facility[data-bc="185"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc185.png");
}

.box_around_facility[data-bc="165"] .btn_around_facility,
.box_around_facility[data-bc="186"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc186.png");
}

.box_around_facility[data-bc="188"] .btn_around_facility,
.box_around_facility[data-bc="46"] .btn_around_facility,
.box_around_facility[data-bc="59"] .btn_around_facility{
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc188.png");
}

.box_around_facility[data-bc="104"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc104.png");
}

.box_around_facility[data-bc="41"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc41.png");
}

.box_around_facility[data-bc="12"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc12.png");
}

.box_around_facility[data-bc="14"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc14.png");
}

.box_around_facility[data-bc="15"] .btn_around_facility,
.box_around_facility[data-bc="80"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc15.png");
}

.box_around_facility[data-bc="20"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc20.png");
}

.box_around_facility[data-bc="21"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc21.png");
}

.box_around_facility[data-bc="22"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc22.png");
}

.box_around_facility[data-bc="23"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc23.png");
}

.box_around_facility[data-bc="24"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc24.png");
}

.box_around_facility[data-bc="29"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc29.png");
}

.box_around_facility[data-bc="31"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc31.png");
}

.box_around_facility[data-bc="33"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc33.png");
}

.box_around_facility[data-bc="35"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc35.png");
}

.box_around_facility[data-bc="36"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc36.png");
}

.box_around_facility[data-bc="37"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc37.png");
}

.box_around_facility[data-bc="42"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc42.png");
}

.box_around_facility[data-bc="44"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc44.png");
}

.box_around_facility[data-bc="50"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc50.png");
}

.box_around_facility[data-bc="51"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc51.png");
}

.box_around_facility[data-bc="52"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc52.png");
}

.box_around_facility[data-bc="53"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc53.png");
}

.box_around_facility[data-bc="58"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc58.png");
}

.box_around_facility[data-bc="61"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc61.png");
}

.box_around_facility[data-bc="64"] .btn_around_facility,
.box_around_facility[data-bc="132"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc64.png");
}

.box_around_facility[data-bc="67"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc67.png");
}

.box_around_facility[data-bc="69"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc69.png");
}

.box_around_facility[data-bc="71"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc71.png");
}

.box_around_facility[data-bc="74"] .btn_around_facility  {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc74.png");
}

.box_around_facility[data-bc="83"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc83.png");
}

.box_around_facility[data-bc="87"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc87.png");
}

.box_around_facility[data-bc="89"] .btn_around_facility  {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc89.png");
}
.box_around_facility[data-bc="96"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc96.png");
}

.box_around_facility[data-bc="98"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc98.png");
}

.box_around_facility[data-bc="11"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc159.png");
}

.box_around_facility[data-bc="103"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc159.png");
}

.box_around_facility[data-bc="104"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc104.png");
}

.box_around_facility[data-bc="109"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc109.png");
}

.box_around_facility[data-bc="169"] .btn_around_facility,
.box_around_facility[data-bc="170"] .btn_around_facility,
.box_around_facility[data-bc="190"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc160.png");
}

.box_around_facility[data-bc="45"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc45.png");
}

.box_around_facility[data-bc="30"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc30.png");
}
.box_around_facility[data-bc="48"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc48.png");
}

.box_around_facility[data-bc="53"] .btn_around_facility{
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc53.png");
}

.box_around_facility[data-bc="65"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc65.png");
}

.box_around_facility[data-bc="66"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc66.png");
}

.box_around_facility[data-bc="28"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc28.png");
}

.box_around_facility[data-bc="133"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc64.png");
}

.box_around_facility[data-bc="19"] .btn_around_facility,
.box_around_facility[data-bc="18"] .btn_around_facility,
.box_around_facility[data-bc="17"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc29.png");
}

.box_around_facility[data-bc="85"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc85.png");
}
.box_around_facility[data-bc="16"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc16.png");
}
.box_around_facility[data-bc="18"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc18.png");
}
.box_around_facility[data-bc="43"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc43.png");
}

.box_around_facility[data-bc="115"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc115.png");
}
.box_around_facility[data-bc="117"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc117.png");
}

.box_around_facility[data-bc="97"] .btn_around_facility ,
.box_around_facility[data-bc="100"] .btn_around_facility ,
.box_around_facility[data-bc="101"] .btn_around_facility ,
.box_around_facility[data-bc="102"] .btn_around_facility ,
.box_around_facility[data-bc="162"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc37.png");
}

.box_around_facility[data-bc="08"] .btn_around_facility,
.box_around_facility[data-bc="09"] .btn_around_facility,
.box_around_facility[data-bc="10"] .btn_around_facility,
.box_around_facility[data-bc="164"] .btn_around_facility,
.box_around_facility[data-bc="32"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc186.png");
}

.box_around_facility[data-bc="73"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc73.png");
}

.box_around_facility[data-bc="05"] .btn_around_facility,
.box_around_facility[data-bc="04"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc183.png");
}

.box_around_facility[data-bc="49"] .btn_around_facility,
.box_around_facility[data-bc="177"] .btn_around_facility,
.box_around_facility[data-bc="178"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc178.png");
}

.box_around_facility[data-bc="134"] .btn_around_facility{
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc184.png");
}

.box_around_facility[data-bc="135"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc135.png");
}

.box_around_facility[data-bc="136"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc136.png");
}

.box_around_facility[data-bc="90"] .btn_around_facility  {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc90.png");
}

.box_around_facility[data-bc="72"] .btn_around_facility,
.box_around_facility[data-bc="142"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc168.png");
}

.box_around_facility[data-bc="179"] .btn_around_facility,
.box_around_facility[data-bc="180"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc180.png");
}

.box_around_facility[data-bc="191"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc191.png");
}

.box_around_facility[data-bc="192"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc192.png");
}

.box_around_facility[data-bc="193"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc193.png");
}

.box_around_facility[data-bc="194"] .btn_around_facility {
  background-image: url("/search/image/dtl_new/bg-arounde_facility-bc194.png");
}

.box_around_facility.not-found-nearby .btn_around_facility {
  background-image: none;
}

.btn_around_facility span.name{
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans W6", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: normal;
  line-height: 1.4;
}

.btn_around_facility span.around_cat{
  color: #1d532d;
  display: inline;
  width: auto;
  padding-left: 3px;
  padding-right: 3px;
}

.btn_around_facility:hover {
  opacity: .7;
}

.box_around_facility .syuhen_item_box {
  margin: 0 auto;
  width: 568px;
}

.box_around_facility .js-loading {
    text-align: center;
    padding: 10px 0 0;
}
.box_around_facility .block_around_facility {
    display: none;
    padding-bottom: 20px;
}
.c156 .box_around_facility[data-bc="116"] .block_around_facility {
  background-color: #e6fef2;
}

.mod_access_info_02 .box_around_facility .block_around_facility {
  border: solid #156041;
  border-width: 0 2px 2px 2px;
}

.mod_access_info_02 .box_around_facility .btn_around_facility_access + .block_around_facility {
  padding-bottom: 0;
}

.block_around_facility.block_around_facility_route_search {
  padding-bottom: 0;
}

.search_box_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 568px;
  margin: 0 auto;
}
.search_box_btn_area .btn_close_around_facility.btn-close-facility{
  margin: 15px 0 0 8px;
}

#arounde_facility,
.js-other_bunrui,
.js-other_bunrui_top,
.js-bunrui-cd {
  display: none;
}

.loading_ar_srch_data,
.loading_around_facility,
.loading_other_bunrui,
.loading_other_bunrui_top,
.loading_bunrui {
  text-align: center;
  padding-top: 1em;
}

@keyframes fadeIn {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}

.box_around_facility .syuhen_item_box li {
  margin-top: 15px;
}

.btn_close_around_facility {
  display: block;
  position: relative;
  align-items: center;
  justify-content: center;
  background: #F35981 no-repeat 0 0;
  border: 2px solid #BF224C;
  border-radius: 5px;
  color: #fff;
  margin: 15px auto 0;
  padding: 8px 0;
  width: 130px;
  font-size: 1.5rem;
  letter-spacing: .15rem;
  font-feature-settings: "palt";
  font-weight: 600;
}

.btn_close_around_facility:hover {
  opacity: .7;
}

.btn_close_around_facility::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 0;
  right: 10%;
  margin: auto 0;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.btn_inner_nationwide {
  background: #2e7340 no-repeat 0 0;
  border: solid #174e26 2px;
  width: auto;
  padding: 8px 40px 8px 22px;
  max-width: 424px;
  letter-spacing: normal;
  letter-spacing: 0.075em;
  margin: 15px 0 0;
}


.btn_inner_nationwide:visited,
.btn_inner_nationwide:hover {
  color: #fff;
}

.btn_inner_nationwide::after {
  top: 0;
  right: 14px;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .btn_around_facility:hover {
    opacity: 1;
  }

  .btn_close_around_facility:hover {
    opacity: 1;
  }
}

/*Css title isStation*/
.noriirebox > dt.detail-station {
    border-bottom: none;
    border-top: none;
    margin: 0 auto 14px;
    position: relative;
}
@media (max-width: 1024px){ 
  .noriirebox > dt.detail-station {
    margin: 0 auto 15px;
  }
}
.noriirebox > dt.detail-station .detail-station_icon {
  position: absolute;
  left: -108px;
  top: -6px;
}
/*End css title isStation*/
.bnr_commuting {
  padding: 12px 0;
}
.bnr_commuting figure {
  width: 600px;
  margin: 22px auto 0;
  text-align: center;
}
.bnr_commuting figure img {
  max-width: 100%;
}

/*----------------------------
 近くの生活施設一覧を見るボタン
----------------------------*/
.box_syuhen_cat {
  background: #FDE8EE;
  transition: all 300ms 0s ease;
  margin: 12px auto 0;
  padding: 0;
  width: 600px;
  border-radius: 5px;
}

.box_syuhen_cat a {
  color: #000;
}

.btn_syuhen_cat {
  background-image: url(/search/image/dtl_new/bg-arounde_facility-syuhencategory.png);
  background-color: #fdeaf0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  transition: all 300ms 0s ease;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: 1px solid #EC4675;
  border-radius: 5px;
  padding: 8px 11.8%;
  line-height: 1;
  font-size: 1.95rem;
  font-feature-settings: "palt";
  font-weight: 600;
  text-shadow: 2px 1px 3px #FDEFF3, 1px 2px 3px #FDEFF3, -2px 1px 1px #FDEFF3;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.btn_syuhen_cat:hover {
  color: #000;
  opacity: .7;
}

.btn_syuhen_cat span {
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin: 0;
  letter-spacing: 0.01em;
  line-height: 1.4;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.btn_syuhen_cat span.name {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans W6", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: normal;
  line-height: 1.4;
}

.btn_syuhen_cat span.around_cat {
  color: #1d532d;
  display: inline;
  width: auto;
  padding-left: 3px;
  padding-right: 3px;
}

.btn_syuhen_cat span {
  display: block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin: 0;
  letter-spacing: 0.01em;
  line-height: 1.4;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
}

.box_syuhen_cat .lnk_btn {
  background: url(/search/image/dtl_new/bg-bnr-syuhen-cat-btn.png) no-repeat 0px top / 100%;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}




/*----------------------------
 通勤時間から物件検索
----------------------------*/
.bnr_hm_commute {
  background-color: #fdeaf0;
  border-radius: 5px;
  border: 2px solid #ea4f7a;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  box-sizing: border-box;
  height: 70px;
  font-size: 20px;
  font-weight: 600;
  margin: 12px auto;
  width: 600px;
}
.bnr_hm_commute:hover {
  opacity: .7;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .bnr_hm_commute:hover {
    opacity: 1;
  }
}
.bnr_hm_commute a {
  background: url("/search/image/dtl_new/img-hm-commute.png") no-repeat center right -50px;
  background-size: contain;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  height: 100%;
  line-height: 1.25;
  padding: 10px 0 0 60px;
  position: relative;
  text-shadow: 0px 0px 10px #fdeaf0, 0px 0px 10px #fdeaf0,0px 0px 10px #fdeaf0, 0px 0px 5px #fdeaf0, 0px 0px 5px #fdeaf0, 0px 0px 5px #fdeaf0;
  width: 100%;
}
.bnr_hm_commute a::before {
  background: url("/search/image/dtl_new/ico-hm-commute.png") no-repeat center;
  background-size: contain;
  content: "";
  display: block;
  height: 30px;
  left: 19px;
  top: 17px;
  position: absolute;
  width: 21px;
}
.bnr_hm_commute a .name {
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  color: #205733;
}
.bnr_hm_commute a .add_txt {
  display: block;
  font-size: 19px;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

/*----------------------------
 城郭断面図 #castle_crosssection
----------------------------*/
.box_crosssection {
  border: 1px solid #cdc3a6;
  border-radius: 8px;
  margin: 20px auto 0; 
  width: 620px;
}

.box_crosssection .ttl {
  background-image: linear-gradient(to bottom, #f3d475 0%,#fff 50%,#f3d475 100%);
  border-bottom: 1px solid #cdc3a6;
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-weight: 600;
  line-height: 42px;
  padding: 2px;
  text-align: left;
}

.box_crosssection .ttl_inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #a5221a;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 2px 1px 6px rgba(0,0,0,.5);
  font-size: 17px;
  padding: 0 12px;
}

.box_crosssection .ttl_inner .ico {
  background: #fff;
  border-radius: 15px;
  display: inline-block;
  line-height: 1.15;
  margin-right: 10px;
  text-align: center;
  padding: 4px 5px;
  width: 20px;
  height: 22px;
}

.lst_crosssection {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #fff2ee;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px 12px;
  width: 100%;
}

.lst_crosssection li {
  cursor: pointer;
  position: relative;
  width: calc(100% / 2.05);
}

.lst_crosssection li img {
  position: relative;
  z-index: 0;
}

.lst_crosssection button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #c03b38;
  bottom: 15px;
  color: #c03b38;
  font-size: 15px;
  padding: 8px 12px 8px 10px;
  position: absolute;
  right: 15px;
  z-index: 1;
}

.lst_crosssection button img {
  margin-right: 5px;
}

.js_modal_content.box_modal_crosssection {
  display: none;
  background: #8e1b14;
  border: 3px solid #8e1b14;
  border-radius: 5px;
  margin: auto;
  padding: 0;
  position: absolute;
  text-align: center;
  width: auto;
}

.js_modal_content.box_modal_crosssection figcaption {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 10px;
  text-align: center;
}

.box_modal_crosssection button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  height: 36px;
  overflow: hidden;
  position: absolute;
  right: -33px;
  top: -15px;
  z-index: 1;
}

/*------------------
 #18370無料施設会員
 ------------------*/
 .pr_area {
  width: 706px;
  margin: 30px auto 0;
}
.pr_area_m {
  padding: 18px 27px 26px;
  margin: 38px auto 0px;
  color: #000;
  background: #FFE5EE;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.pr_area_m *{
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.pr_area_m h2 {
  background: url(/search/image/dtl_new/bg_pr_area_m.png) no-repeat right 2px bottom;
  background-size: 212px;
  border-bottom: 1px solid #e64f7f;
  display: block;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.05em;
  margin-bottom: 16px;
  padding-bottom: 10px;
}

.pr_area_m h2.pr_ttl .pr_line{
  padding-left: 15px;
  display: inline-block;
  position: relative;
}

.pr_area_m h2.pr_ttl .pr_line:before{
  content: '';
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left:0;
  background-color: #e64f7f;
  width: 5px;
  height: calc( 100% - .3em );
}

.pr_area_m h2 img {
position: absolute;
top: -35px;
left: -12px;
}

.pr_area p {
  line-height: 1.62;
  text-align: left;
  font-size: 16px;
  padding-left: 3px;
}

.generalmenu_area {
  width: 630px;
  margin: 0 auto;
}

.generalmenu_area a:hover,
.generalmenu_area a:hover img{
  opacity: .70;
}

.offcial_menu_ttl {
  background: -webkit-linear-gradient(to top, rgba(229, 46, 104, 1), #e5608b);
  background: linear-gradient(to top, rgba(229, 46, 104, 1), #e5608b);
  padding: 8px;
  color: white;
  text-align: center;
  border-radius: 10px 10px 0px 0px;
  margin-top: 25px;
  margin-bottom: 20px;
}

.generalmenu {
background: #fff;
border: 2px solid #e64f7f;
display: flex;
flex-direction: column;
margin: 10px auto;
padding: 18px 20px 0;
width: 568px;
background-color: rgb(249, 248, 244);
}

.generalmenu_list {
display: flex;
flex-direction: column;
margin-bottom: 12px;
}

.generalmenu_list .generalmenu_item {
border-bottom: 1px solid #eda8be;
padding: 10px 0;
}

.generalmenu_list .generalmenu_item:first-child:last-child,
.generalmenu_list .generalmenu_item:nth-child(2):last-child,
.generalmenu_list .generalmenu_item:nth-child(3):last-child {
  border-bottom: none;
  padding-bottom: 0;
  }

.generalmenu_list .generalmenu_item .me_container {
  display: flex;
  width: 100%;
}

.generalmenu_list .generalmenu_item .me_content p {
font-size: 100%;
letter-spacing: 1px;
}

.generalmenu_list .generalmenu_item .me_container > div:first-child.recommended {
  padding-left: 3px;
}

.generalmenu_list .generalmenu_item div figure {
background: #fff;
border: 2px solid #eda8be;
box-sizing: border-box;
height: 138px;
position: relative;
width: 138px;
}

.generalmenu_list .generalmenu_item .img_liquid {
height: 100%;
width: 100%;
}

.generalmenu_list .generalmenu_item .me_content {
position: relative;
width: 420px;
word-break: break-all;
}

.generalmenu_list .generalmenu_item .me_content .me_tit {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.generalmenu_list .generalmenu_item .me_content .re_flag {
background: #c5000f;
border-radius: 4px;
color: #fff;
font-size: 92%;
padding: 2px 9px;
display: inline-block;
white-space: nowrap;
margin-left: 5px;
}

.generalmenu_list .generalmenu_item .me_content h2,
.generalmenu_list .generalmenu_item .me_content h3 {
-webkit-box-orient: vertical;
color: #000;
display: -webkit-box;
font-size: 113.5%;
font-weight: 600;
-webkit-line-clamp: 2;
line-height: 1.3;
margin: 10px 0;
padding-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
}


.generalmenu_list .generalmenu_item p.price {
color: #8c121d;
display: inline-block;
font-size: 18px;
font-weight: 600;
margin-top: 6px;
}

.generalmenu .price .unit {
font-size: 13px;
}

.generalmenu_list .generalmenu_item .me_image {
  margin-right: 10px;
}

.figure_img a::after {
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
display: block;
width: 16px;
height: 16px;
background: url(/search/image/dtl_new/ico_st_zoom.gif) no-repeat 0 0;
content: "";
}

.btn_right {
  margin-top: 10px;
  text-align: right;
}

.btn_right.btn_all_memu {
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid #eda8be;
}

.btn_all_memu a{
  background: url(/search/image/dtl_new/bg_btn_allmemu.png) repeat center center #ffbed6;
  padding: 9px 15px;
  display: inline-block;
  margin: 0 0 15px ;
  color: #c94a73;
  border-radius: 7px;
  font-feature-settings: "palt";
  text-shadow:
      white 2px 0px,  white -2px 0px,white 0px -2px, white 0px 2px,
      white 2px 2px, white -2px 2px,white 2px -2px, white -2px -2px,
      white 1px 2px,  white -1px 2px,white 1px -2px, white -1px -2px,
      white 2px 1px,  white -2px 1px,white 2px -1px, white -2px -1px;
      box-shadow:
        -2px 2px 5px rgba(0, 0, 0, 0.2),
        0px 2px 2px rgba(255,255,255,0.5) inset,-1px -4px 4px 3px rgba(200,70,100, 0.7) inset;  
   text-align: center;
}
.btn_all_memu *{
  font-weight: 600;
  font-family: ヒラギノ角ゴシック ProN, ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Meiryo, メイリオ, ＭＳ Ｐゴシック,MS PGothic,arial,sans-serif;
}

.ttl_official_p_box {
margin: 32px auto 15px;
text-align: center;
position: relative;
line-height: 1.4;
width: 480px;
border-bottom: 1px solid #22b252;
}

.ttl_official_p_box > span {
font-size: 22px;
font-weight: 600;
padding: 0px 10px 5px 0;
color: #22b252;
display: inline-block;
text-indent: 0;
position: relative;
}

.ttl_official_p_box .shisetsuname {
  display: inline-block;
}

.ttl_official_p_box > span::before {
  display: inline-block;
  content: "";
  padding-right: 5px;
background: url(../../image/ico_official_mark.png) no-repeat 0 0;
position: static;
width: 18px;
height: 22px;
}

.main_album .st.num01 > span.PhtOv span.fa_name .mark {
  position: absolute;
  bottom: 5px;
  left: 9px;
  display: block;
}

.official_p_att {
clear: both;
margin: 17px 0px;
padding: 0px 0px 0px 17px;
font-size: 15px;
text-align: right;
color: #e00;
line-height: 1.4;
text-indent: -1.05em;
vertical-align: top;
}

.official_p_btnbox {
position: relative;
width: 638px;
margin: 15px auto;
text-align: center;
}

.official_p_btnbox .btn_entry {
float: left;
}

.official_p_btnbox .btn_post_lst {
float: right;
}

.user_att {
clear: both;
padding: 0 10px;
font-size: 15px;
text-align: right;
color: #e00;
line-height: 1.4;
text-indent: -1.05em;
border-bottom: #6e98d7 solid 1px;
padding-bottom: 10px;
}


/* ----------------------------------------------------------
無料施設会員 募集バナー 
---------------------------------------------------------- */

.bnr_free_member {
  margin: 30px auto 0;
}
.bnr_free_member figure {
  margin: 0 auto;
  text-align: center;
}
.bnr_free_member figure img {
  max-width: 100%;
}
.bnr_free_member figcaption {
  font-size: 1.6rem;
  margin-top: 5px;
  text-align: center;
}

.bnr_free_pr + .bnr_free_member {
  margin: 20px auto 25px ;
}
.bnr_free_pr .cap {
  font-size: 15px;
  margin-top: 7px;
}
.bnr_free_pr .cap br {
  display: none;
}

/* ----------------------------------------------------------
無料施設会員 募集バナー ここまで
---------------------------------------------------------- */

/*----------------------------
 無料施設会員・有料施設会員機能紹介
 ---------------------------*/
 .member_function_box *{
  font-feature-settings: "palt";
  box-sizing: border-box;
 }
.member_function_box{
  width: 610px;
  margin: 20px auto 25px;
}
.tit_member_function{
 color: #fff;
 background: #e34770;
 font-size: 18px;
 font-weight: 600;
 padding: .5em 0 .4em;
 text-align: center;
}
.tit_member_function2{
 border-left: solid 4px #e34770;
 padding-left: 7px;
 color: #b80651;
 font-size: 17px;
 font-weight: 600;
 letter-spacing: .02em;
 margin: 1.4em 0 .6em;
 line-height: 1.3em;
}
.member_function_con{
 background: repeating-linear-gradient(45deg,#fcf2f5 0,#fcf2f5 2px,#faeef2 3px,#faeef2 4px);
 border: solid 1px #eed3db;
 border-top: none;
 padding: 20px 20px 20px;
}
.fct_list_box{
 background: #fff;
 padding: 16px 4px 12px 12px;
 margin-bottom: .5em;
}
.fct_list{
 display: flex;
 flex-wrap: wrap;
 letter-spacing: normal;
 padding-left: 3px;
}
.fct_list li{
 width: 33.33%;
 margin-bottom: 6px;
 padding: 0 2px 0 .8em;
 font-size: 15px;
 letter-spacing: normal;
 text-indent: -.8em;
 line-height: 1.4;
 white-space: nowrap;
}
.fct_list li::before{
 content: '';
 width: 7px; height: 7px;
 margin: 0 .3em 2px 0;
 border-radius: 4px;
 display: inline-block;
 background: #e34770;
}
.fct_attn{
 text-align: right;
 font-size: 13px;
 margin-right: -5px;
}

/* ---------------- 機能出し分け ---------------- */
/* 小売店［ショッピング施設］ */
.fct_c44 .fct_pay02, .fct_c44 .fct_pay04{   display: none;}
/* デパート［百貨店］ */
.fct_c112 .fct_pay02, .fct_c112 .fct_pay04{   display: none;}
/* ブックストア［本屋・書店］ */
.fct_c114 .fct_pay02, .fct_c114 .fct_pay04{   display: none;}
/* ドラッグストア［薬局・薬店］ */
.fct_c116 .fct_pay02, .fct_c116 .fct_pay04{   display: none;}
/* 家電店・家具店・ホームセンター */
.fct_c117 .fct_pay02, .fct_c117 .fct_pay04{   display: none;} 
/* 服屋・洋服店［アパレルショップ］ */
.fct_c71 .fct_pay02, .fct_c71 .fct_pay04{  display: none;} 
/* スポーツショップ */
.fct_c83 .fct_pay02, .fct_c83 .fct_pay04{  display: none;} 
/* アウトレットモール */
.fct_c139 .fct_pay02, .fct_c139 .fct_pay04{  display: none;}
/* スーパー */
.fct_c113 .fct_pay02, .fct_c113 .fct_pay04{  display: none;}
/* コンビニ */
.fct_c24 .fct_pay02, .fct_c24 .fct_pay04{  display: none;}
/* ディスカウントストア */
.fct_c115 .fct_pay02, .fct_c115 .fct_pay04{  display: none;}
/* カー用品店［カーショップ］ */
.fct_c96 .fct_pay02, .fct_c96 .fct_pay04{  display: none;}
/* カーディーラー［自動車販売店］ */
.fct_c52 .fct_pay02, .fct_c52 .fct_pay04{  display: none;}
/* ペットショップ */
.fct_c22 .fct_pay02, .fct_c22 .fct_pay04{  display: none;}
/* 道の駅 */
.fct_c50 .fct_pay02, .fct_c50 .fct_pay04{  display: none;}
/* 動物病院 */
.fct_c36 .fct_pay04{  display: none;}
/* 進学塾・予備校 */
.fct_c160 .fct_pay04,
.fct_c169 .fct_pay04,
.fct_c170 .fct_pay04{  display: none;}
/* 競馬場 競艇場［ボートレース］ 競輪場 */
.fct_c134 .fct_pay04, .fct_c135 .fct_pay04, .fct_c136 .fct_pay04{ display: none;}
/* 上場企業 */
.fct_c35 .fct_pay01, .fct_c35 .fct_pay02, .fct_c35 .fct_pay03 ,.fct_c35 .fct_pay04,
.fct_c154 .fct_pay01, .fct_c154 .fct_pay02, .fct_c154 .fct_pay03 ,.fct_c154 .fct_pay04{ display: none;}
/* 観光スポット・旅行・レジャー */
.fct_c53 .fct_pay04{ display: none;}
/* テーマパーク */
.fct_c45 .fct_pay04{ display: none;}
/* 動物園 */
.fct_c48 .fct_pay04{ display: none;}
/* 水族館 */
.fct_c30 .fct_pay04{ display: none;}
/* 植物園［ガーデニング］ */
.fct_c01 .fct_pay04{ display: none;}
/* 神社・寺院 */
.fct_c173 .fct_pay04,
.fct_c174 .fct_pay04,
.fct_c175 .fct_pay04,
.fct_c176 .fct_pay04{ display: none;}
/* 博物館／美術館 */
.fct_c181 .fct_pay04,
.fct_c179 .fct_pay04,
.fct_c180 .fct_pay04{ display: none;}
/* 温泉・スパ［健康ランド］ */
.fct_c64 .fct_pay04,
.fct_c132 .fct_pay04,
.fct_c133 .fct_pay04{ display: none;}
/* 旅行会社 */
.fct_c163 .fct_pay04{ display: none;}
/* 日本の城 */
.fct_c28 .fct_pay02, .fct_c28 .fct_pay04{ display: none;}
/* 証券会社 */
.fct_c98 .fct_pay01, .fct_c98 .fct_pay03, .fct_c98 .fct_pay04{  display: none;}
/* 金融機関 ゆうちょ銀行 ネット銀行 */
.fct_c37 .fct_pay02, .fct_c37 .fct_pay03, .fct_c37 .fct_pay04{  display: none;}
/* 都市銀行 */
.fct_c97 .fct_pay02, .fct_c97 .fct_pay03, .fct_c97 .fct_pay04{  display: none;}
/* 地方銀行［地銀］ */
.fct_c100 .fct_pay02, .fct_c100 .fct_pay03, .fct_c100 .fct_pay04{  display: none;}
/* 信託銀行 */
.fct_c101 .fct_pay02, .fct_c101 .fct_pay03, .fct_c101 .fct_pay04{  display: none;}
/* JA［農協］ */
.fct_c162 .fct_pay02, .fct_c162 .fct_pay03, .fct_c162 .fct_pay04{  display: none;}
/* 信用金庫 */
.fct_c102 .fct_pay02, .fct_c102 .fct_pay03, .fct_c102 .fct_pay04{  display: none;}
/* 保険会社 */
.fct_c168 .fct_pay04{  display: none;}
/* 生命保険 */
.fct_c72 .fct_pay04{  display: none;}
/* 損害保険会社 */
.fct_c142 .fct_pay04{  display: none;}
/* レンタカー／レンタカー会社 */
.fct_c07 .fct_pay04{ display: none;}

.btn_link_sty {
  text-align: center;
}
.btn_link_sty a{
  display: inline-block;
  width: auto;
  background-color: #f35981;
  background-image: linear-gradient(to top, rgba(3, 0, 0, .15), rgba(255, 255, 255, .15));
  border-radius: 4px;
  box-shadow: 0 3px #bf224c;
  box-sizing: border-box;
  color: #fff;
  font-weight: 600;
  padding: 8px 18px 7px 18px;
  position: relative;
  text-align: center;
  line-height: 1.3;
}
.btn_link_sty a:hover{
  opacity: .7;
}

@media screen and (min-width: 768px) {
  .syuhen-item-block-same-bunrui {
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #E34770;
    box-sizing: border-box;
    margin-right: 8px;
    position: relative;
    width: 136px;
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
  }
  .syuhen-item-block-same-bunrui.recommendation::before {
    content: "";
    background: url(/search/image/dtl_new/ico-pickup-crown-r.png) no-repeat top left / 100%;
    display: inline-block;
    width: 84px;
    height: 30px;
    position: absolute;
    top: -8px;
    left: -4px;
  }
  .syuhen-item-block-same-bunrui::before {
    background: none;
  }
  .syuhen-item-block-same-bunrui:nth-child(4n + 0) {
    margin-right: 0;
  }
  .syuhen-item-box-same-bunrui .content_box dd {
    padding: 3px 10px 15px;
  }
  .syuhen-item-box-same-bunrui .content_box dt {
    background-color: #e34770;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 32px;
    margin-bottom: 3px;
    overflow: hidden;
    padding: 5px 10px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .syuhen-item-box-same-bunrui .syuhen-item-block-same-bunrui.not_item {
    display: none;
  }
}

.att_box {
  border: 2px solid #f75586;
  margin: 20px auto 30px;
  max-width: 563px;
  overflow: hidden;
}

.att_box .inner {
  background-color: #f75586;
  border: 2px solid #fff;
  box-sizing: border-box;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 7px;
  position: relative;
}
.att_box .inner:before{
  content: "";
  border-bottom: solid 2px #f75586;
  position: absolute;
  width: calc(100% + 8px);
  height: 100%;
  top: 2px;
  left: -4px;
}
.att_box p {
  margin: 10px auto 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
}
.att_box .link_group {
  display: flex;
  justify-content: center;
  margin: 8px auto 18px;
}
.att_box .link_btn {
  background-color: #e54575;
  border-radius: 10px;
  box-shadow: 0px 3px #990a35;
  margin: 0 5px;
}

.att_box .link_btn a {
  color: #FFF;
  text-align: center;
  position: relative;
  display: block;
  padding: 8px 25px 8px 10px;
  width: 200px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .03em;
}

.att_box .link_btn a::after {
  border: 7px solid transparent;
  border-left: 7px solid #fff;
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  right: 5px;
}

.att_box .link_btn a:hover {
  opacity: .7;
}

/* ----------------------------------------------------------
施設詳細に自由にバナーを設置できる 
---------------------------------------------------------- */

.bnr_free_area{
  margin: 30px auto;
}
.bnr_free_area figure {
  margin: 0 auto;
  text-align: center;
}
.bnr_free_area figure img {
  max-width: 100%;
}
.bnr_free_area figcaption {
  margin-top: 5px;
  text-align: center;
}

/* ----------------------------------------------------------
ログインエリア 投稿ユーザー様からの口コミ投稿のうえ
---------------------------------------------------------- */
.mod_user_box {
  margin: 20px auto 33px;
  width: 658px;
}

/*--- ttl_box タイトル ------------------*/
.mod_user_box .ttl {
  color: #fff;
  background: #f75586;
  border-radius: 6px 6px 0 0;
  margin: 0;
  padding: 9px 0 6px;
  text-align: center;
}
.mod_user_box .ttl .ttl_box {
  font-weight: 600;
  font-size: 17px;
  letter-spacing: .14em;
  padding: 2px 0 3px 0;
  position: relative;
}
.mod_user_box .ttl .ttl_box::before,
.mod_user_box .ttl .ttl_box::after{
  content: "";
  display: block;
  position: absolute;
}
.mod_user_box .ttl .ttl_box::before {
  background: url(/search/image/dtl_new/img-star-top.png) no-repeat center;
  height: 25px;
  left: 33px;
  top: 3px;
  width: 29px;
}
.mod_user_box .ttl .ttl_box::after {
  background: url(/search/image/dtl_new/img-star-bottom.png) no-repeat center;
  top: 2px;
  height: 26px;
  right: 32px;
  width: 28px;
}
.mod_user_box .ttl .ttl_box strong {
  font-weight: 600;
  font-size: 19px;
  padding-left: 10px;
}
.mod_user_box .ttl .ttl_box strong > span {
  font-size: 17px;
}

/*--- user_content ログイン内容 ------------------*/
.mod_user_box .user_content {
  background: #f6eee0;
  border: #f75586 solid 1px;
  border-radius: 0 0 6px 6px;
  padding: 15px 12px 20px 8px;
}

/* 登録リード文 */
.mod_user_box .user_regist_read {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 18px 0 16px;
  position: relative;
}

.mod_user_box .user_regist_read .user_regist_text {
  font-size: 15px;
  font-feature-settings: "palt" 1;
  line-height: 1.6;
  letter-spacing: .05em;
  margin-right: 16px;
  width: 414px;
}
/* 特典ボタン */
.mod_user_box .user_regist_read .btn_tokuten {
  font-size: 14px;
  line-height: 1.7;
  width: 180px;
}
.mod_user_box .user_regist_read .btn_tokuten a {
  background: #fff;
  border: #c80d46 solid 2px;
  border-radius: 6px;
  box-shadow: -2px -2px 6px 0px rgba(255, 255, 255, 1),0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  color: #c80d46;
  display: block;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  padding: 6px 11px 5px 0;
  position: relative;
  width: 100%;
}
.mod_user_box .user_regist_read .btn_tokuten a:after {
  background: url(/search/image/dtl_new/ico-circle-arrow-red.png) no-repeat center;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  right: 10px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.mod_user_box .user_regist_read .btn_tokuten a:hover {
  background: #c80d46;
  border: #c80d46 solid 2px;
  color: #fff;
}
.mod_user_box .user_regist_read .btn_tokuten a:hover:after {
  background: url(/search/image/dtl_new/ico-circle-arrow-white.png) no-repeat center;
}

/* 登録・ログイン */
.mod_user_box .user_login_box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 10px auto 0;
  width: 573px;
}
.mod_user_box .btn_flat a {
  background: #c80d46;
  border-radius: 10px;
  box-shadow: -1px -1px 3px 0 rgb(255 255 255 / 0%), 0 1px 3px 0 rgb(0 0 0 / 25%);
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 18px;
  font-feature-settings: "palt" 1;
  font-weight: 600;
  height: 42px;
  line-height: 42px;
  letter-spacing: .01em;
  position: relative;
  text-align: center;
  width: 270px;
}
.mod_user_box .btn_flat a::after {
  content: "";
  display: block;
}
.mod_user_box .btn_flat a:hover{
  background: #e34a78;
  opacity: 1;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mod_user_box .user_login_box .btn_flat a:hover{
    background: #c80d46;
    opacity: 1;
  }
}
/* 新規投稿ユーザー登録ボタン */
.mod_user_box .btn_flat.btn_regist a {
  padding-right: 24px;
}
.mod_user_box .btn_flat.btn_regist a:after {
  background: url(/search/image/dtl_new/ico-circle-arrow-white.png) no-repeat center;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 20px;
  right: 12px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.mod_user_box .btn_flat.btn_regist a:hover {
  background: #e34a78;
  color: #fff;
}
/* ログインボタン */
.mod_user_box .btn_flat.btn_please a {
  padding: 0 0 0 30px;
}
.mod_user_box .btn_flat.btn_please a::before {
  background: url(/search/image/dtl_new/ico-lock.png) no-repeat center center;
  bottom: 0;
  content: "";
  display: block;
  height: 21px;
  left: 87px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 18px;
  z-index: 2;
}

/* ログイン後のマイページボタン */
.mod_user_box .btn_mypage {
  margin: 20px auto 0;
  width: 595px;
}
.mod_user_box .btn_mypage::before {
  background: url(/search/image/dtl_new/ico-maypage-posticon.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 40px;
  margin-right: 60px;
  margin-left: 30px;
  width: 275px;
  vertical-align: top;
}

.mod_user_box .btn_mypage a {
  padding-left: 53px;
  display: inline-block;
  width: 230px;
}
.mod_user_box .btn_mypage a::before {
  background: url(/search/image/dtl_new/ico-mypage.png) no-repeat center center;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  left: 38px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 2;
}

/* 野球サッカー公式サイトバナー*/
.bnr_baseinfo_soccer,
.bnr_officialsite_baseball,
.bnr_baseinfo_baseball,
.bnr_officialsite_soccer{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 16px;
}
.bnr_baseinfo_soccer a,
.bnr_officialsite_baseball a,
.bnr_baseinfo_baseball a,
.bnr_officialsite_soccer a{
  width: 563px;
  height: 75px;
  margin: 0 auto 10px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000;
  letter-spacing: normal;
}
.bnr_officialsite_soccer a,
.bnr_officialsite_baseball a{
  background: url("/search/image/dtl_new/bnr-baseball-site-1126x150.png") no-repeat center center /contain;
  height: 100px;
  position: relative;
}

.bnr_officialsite_soccer a {
  background: url("/search/image/dtl_new/bnr-soccer-site-1126x150.png") no-repeat center center /contain;
}

.bnr_officialsite_soccer a .tx_officialsite,
.bnr_officialsite_baseball a .tx_officialsite {
  display: none;
}

.bnr_officialsite_soccer a .bnr_officialsite_name,
.bnr_officialsite_baseball a .bnr_officialsite_name {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  height: 43px;
  justify-content: center;
  line-height: 20px;
  padding: 0;
  position: absolute;
  right: 17px;
  text-align: center;
  top: 30px;
  width: 310px;
}

.bnr_baseinfo_soccer a,
.bnr_baseinfo_baseball a {
  background: url("/search/image/dtl_new/bnr-baseball-baseinfo-1126x150.png") no-repeat center center /contain;
  position: relative;
}

.bnr_baseinfo_soccer a {
  background: url("/search/image/dtl_new/bnr-soccer-baseinfo-1126x150.png") no-repeat center center /contain;
}

.bnr_baseinfo_soccer a .tx_baseinfo,
.bnr_baseinfo_baseball a .tx_baseinfo {
  display: none;
}

.bnr_baseinfo_soccer a .bnr_baseinfo_name,
.bnr_baseinfo_baseball a .bnr_baseinfo_name {
  background: #B91019;
  border-radius: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  min-width: 150px;
  padding: 3px 10px;
  position: absolute;
  text-align: center;
  top: 38px;
}

.bnr_officialsite_baseball *,
.bnr_officialsite_soccer *{
  line-height: 1.25;
}
.bnr_officialsite_name{
  font-weight: 600;
  font-size: 23px;
}
.bnr_officialsite_baseball .tx_officialsite,
.bnr_officialsite_soccer .tx_officialsite{
  font-size: 16px;
}
.bnr_officialsite_baseball a:hover,
.bnr_officialsite_soccer a:hover{
  opacity: 0.7;
}

.bnr_company_search {
  margin: 25px auto 0;
  text-align: center;
  width: 450px;
}
.c28 .bnr_company_search {
  text-align: left;
}
.bnr_company_search_img {
  box-shadow: 0 2px 3px 0px rgb(0 0 0 / 30%);
}

.bnr_company_search_text {
  margin-top: 13px;
  font-size: 15px;
  line-height: 1;
}

.bnr_honeymoon {
  width: 450px;
  margin: 7px auto 22px;
}

.bnr_honeymoon img {
  height: auto;
  width: 100%;
}

.ferry_platform,
.airport_platform {
  background: #fff8ee url(/search/image/dtl_new/traffic/img-namiline-l.png) no-repeat bottom 32px center;
  border-left: 10px solid #333;
  border-right: 10px solid #333;
  border-top: 2px solid #333;
  font-size: 15px;
  margin: 22px auto 30px;
  width: 611px;
}

.ferry_platform:after,
.airport_platform:after {
  background: #fff;
  border-top: 2px solid #333;
  content: "";
  display: block;
  height: 30px;
  width: 100%;
}
.airport_platform:after{
  border-top-color: #1d3867;
  border-top-width: 3px; 
}

.ttl_station {
  background-color: #0a88d8;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 30px;
  margin: 20px auto 21px;
  padding: 5px 0 5px;
  text-align: center;
  width: 315px;
}

.ferry_platform_inner,
.airport_platform_inner {
  margin: 0 auto;
  padding-bottom: 23px;
  width: 506px;
}

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

.ttl_rosen {
  background: url(/search/image/dtl_new/traffic/img-namiline-s.png) no-repeat bottom center;
  color: #111;
  display: block;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 -0.5% 21px;
  padding-bottom: 33px;
  text-align: center;
  width: 101%;
}

.ttl_rosen span{
  padding-left: 30px;
  display: inline-block;
  position: relative;
  text-align: left;
}

.related_pages {
  margin: 40px auto 50px;
  width: 562px;
}

.related_pages .ttl {
  background: url("/search/image/dtl_new/bg-related-pages-ttl.png") repeat 0 0;
  border-top: 2px solid #c9ac5b;
  font-size: 20px;
  line-height: 1.3;
  padding: 9px 60px 7px;
  position: relative;
  text-align: center;
}

.ttl_rosen span:before {
  background: url(/search/image/dtl_new/traffic/ico-ferry.png) no-repeat center center;
  content: "";
  display: block;
  height: 27px;
  margin: auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  z-index: 1;
}

.ferry_platform .traffic_nearby_wrap {
  padding: 0 0 12px 0;
}

/* airport platform */
.airport_platform {
  background: #fff;
  border-left: 5px solid #1d3867;
  border-right: 5px solid #1d3867;
  border-top: 3px solid #1d3867;
}

.airport_platform .ttl_station {
  background-color: #1365ee;
  margin: 1px auto 0;
  padding: 6px 0 5px;
  width: 100%;
  letter-spacing: 0.09em;
}

.airport_platform_inner {
  width: 100%;
  padding-bottom: 24px;
}

.airport_platform .ttl_rosen {
  background: #fff;
  border-bottom: 1px solid #1d3867;
  margin: 0 auto;
  padding: 14px 10px 10px ;
  width: 100%;
  box-sizing: border-box;
}

.airport_platform .ttl_rosen span:before {
  background: url(/search/image/dtl_new/ico-plane-blue.png) no-repeat center center;
  content: "";
  height: 23px;
  left: 3px;
  top: 2px;
}

.airport_platform dl > dd > div:first-child {
  background: #e6f5fb;
  padding-bottom: 12px;
}

.airport_platform dl > dd > div:first-child > div {
	border-top: 3px solid #000;
	margin-top: 2px;
	padding-top: 25px;
}

.airport_platform .bg_blue {
  background: #e6f5fb;
  padding-bottom: 10px;
  width: 100%;
}

.airport_platform .md_walking_route_aroundfa {
  margin-bottom: 12px;
  padding-bottom: 22px;
}

.airport_platform .map_info {
  margin: 6px auto 1px;
}

/* 交通アクセス アコーディオン */
.mod_access_info.mod_access_info_facility {
  border: none;
  margin-bottom: 30px;
}

.mod_access_info .info_wrapper {
  margin: auto;
  width: 500px;
  background-color: transparent;
}

.mod_access_info .info_wrapper {
  margin-top: 16px;
}

.mod_access_info .info_wrapper + .info_wrapper {
  margin-top: 25px;
  margin-bottom: 6px;
}

.mod_access_info .info_wrapper p {
  font-size: 15px;
  line-height: 1.6;
}

.mod_access_info .info_wrapper .point_change {
  margin: 14px 0;
  text-align: center;
}

.block_around_facility_access {
  padding-top: 16px;
  background-color: #fff7eb;
}

.info_inner {
  box-shadow: 0 7px 3px -5px rgb(0, 0, 0, 0.3);
}

.mod_access_info .info_inner {
  margin-top: 6px;
  background-color: transparent;
  border: none;
  padding-bottom: 0;
}

.mod_access_info .open .info_inner {
  box-shadow: none;
}

.mod_access_info .info_wrapper.open:last-child {
  margin-bottom: 0;
}

.mod_access_info.mod_access_info_02 .info_inner {
  box-shadow: none;
}

.mod_access_info_title h2 {
  padding: 12px 5px 10px;
  text-align: center;
  background-color: #fff;
  border: solid 2px #265eb5;
  border-bottom: solid 5px #265eb5;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #265eb5;
  line-height: 1.3;
}

.mod_access_info_02 .mod_access_info_title h2 {
  border: solid 2px #12a169;
  border-bottom: solid 5px #12a169;
  color: #156041;
}

.mod_access_info .info_inner .lead {
  margin-top: 15px;
  padding: 0 20px;
  width: auto;
  letter-spacing: .08em;
  line-height: 1.6;
  font-size: 15px;
  text-align: left;
}

div.mod_search.area .lead {
  padding: 0 30px;
}

.mod_access_info .info_inner .block_around_facility_access .lead {
  margin-top: 0;
}

.mod_access_info .info_inner .lead .note {
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.mod_access_info .info_inner .lead .note::before {
  content: "※";
}

.mod_access_info .info_inner .type {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 18px auto 0;
  width: auto;
  border: none;
  background-color: transparent;
  overflow: hidden;
}

.mod_access_info .info_inner .type.train {
  margin-top: 15px;
}

.mod_access_info .btn_around_facility {
  padding: 10px 0 8px 0;
  border: solid 1px #053173;
  border-radius: 0;
  box-shadow: inset 0 2px 0 #7c9ed2;
  background-color: #255eb4;
  min-height: 100%;
}

.mod_access_info.mod_access_info_02 .btn_around_facility {
  background: transparent url('/search/image/dtl_new/access/bg-around-facility-access-1.png') no-repeat center center / 100% auto;
  border: solid 2px #156041;
  border-radius: 5px;
  box-shadow: none;
  min-height: 67px;
}

.mod_access_info.mod_access_info_02 .btn_around_facility.btn_around_facility_access {
  background-image: url('/search/image/dtl_new/access/bg-around-facility-access-2.png');
}

.mod_access_info.mod_access_info_02 .open .btn_around_facility {
  border-radius: 5px 5px 0 0;
}

.mod_access_info .btn_around_facility::before {
  content: "";
  display: block;
  position: absolute;
  top: 70%;
  right: 16px;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 300px;
}

.mod_access_info.mod_access_info_02 .btn_around_facility::before {
  background: #05943b;
  top: 40%;
  right: 14px;
  width: 30px;
  height: 30px;
}

.mod_access_info .btn_around_facility::after {
  content: "";
  display: block;
  position: absolute;
  top: 35%;
  right: 22px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fb6004;
  border-right: 3px solid #fb6004;
  transform: rotate(135deg);
  transition: all 300ms 0s ease;
}

.mod_access_info.mod_access_info_02 .btn_around_facility::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.mod_access_info .open .btn_around_facility::after {
  content: "";
  top: 40%;
  transform: rotate(-45deg);
}

.mod_access_info .btn_around_facility span {
  display: inline-block;
  position: relative;
  padding-left: 64px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: 15px;
  text-shadow: none;
  color: #fff;
}

.mod_access_info .btn_around_facility_access span {
  padding-left: 61px;
}

.mod_access_info .btn_around_facility span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  width: 31px;
  height: 22px;
  background: url(/search/image/dtl_new/access/ico-info.png) no-repeat 0 0;
  background-size: cover;
}

.mod_access_info .btn_around_facility_access span::before {
  content: "";
  left: 22px;
  width: 21px;
  height: 24px;
  background: url(/search/image/dtl_new/access/ico-route-search.png) no-repeat 0 0;
  background-size: cover;
}

.mod_access_info.mod_access_info_02 .btn_around_facility span::before,
.mod_access_info.mod_access_info_02 .btn_around_facility_access span::before,
.mod_access_info .btn_around_facility span::after {
  content: none;
}

.mod_access_info .info_inner .type .route_list {
  margin: 0 auto;
  padding: 13px 21px 20px 21px;
  width: 460px;
  text-align: left;
  background-color: #fff;
  box-sizing: border-box;
}

dt.route_list_head {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: center; 
  margin: 0 auto;
  background: none ;
}
.route_list_head figure  {
  margin-right: 11px;
  width: 128px;
  height: 40px;
}
.route_list_head figure img {
  display: block;
  max-width: 100%;
  height: 100%;
  margin: 0;
}

.mod_access_info .info_inner .type .route_list p.route_ttl {
  background: none;
  border-bottom: 1px solid #9b733c;
  box-sizing: border-box;
  color: #000;
  flex: 0 0 221px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .05em;
  margin: 0;
  min-height: auto;
  padding: 0;
}

.mod_access_info .info_inner .type .route_list dt::before {
  content: none;
}

.mod_access_info .info_inner .type .route_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  line-height: 1.3;
  margin-top: 16px;
  padding-left: 0;
  position: relative;
}

.mod_access_info .info_inner .type .route_list li::before {
  display: none;
}

.mod_access_info .info_inner .type .route_list li .route_list_text {
  margin: 0;
  padding: 0 0 0 22px;
  font-size: 14px;
  line-height: 1.3;
  position: relative;
}
.mod_search.route .js_modal_content  {
  transform: translate(0);
}
.mod_access_info dd .btn_access_route {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 155px;
}

.route_list_body .route_list_text a {
  display: inline;
  margin: 0;
  text-align: left;
}

.route_list_body .btn_access_route a {
  border: 1px solid #113d7e;
  color: #113d7e;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  flex-wrap: wrap;
  justify-content: center;
  padding: 7px 10px 7px 30px;
  position: relative;
  letter-spacing: .05em;
  line-height: 1.25;
  margin: 0;
  min-width: 100%;
  text-align: left;
  width: 155px;
  white-space: normal;
}

.mod_access_info .btn_access_route a::before {
  content: "";
  margin: 0;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
}

.mod_access_info .btn_access_route a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

/* ICの経路は削除 */
.mod_access_info .info_inner .type.ic .route_list li .route_list_text {
  padding-right: 0;
  width: 100%;
}

.mod_access_info .info_inner .type .route_list li .route_list_text::before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 14px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 14px;
}

.mod_access_info .info_inner .type .route_list li .route_list_text::before {
  background-image: url(/search/image/dtl_new/access/ico-rhombus-red.png);
}

.mod_access_info .info_inner .bus .route_list li .route_list_text::before {
  background-image: url(/search/image/dtl_new/access/ico-rhombus-green.png);
}

.mod_access_info .info_inner .ic .route_list li .route_list_text::before {
  background-image: url(/search/image/dtl_new/access/ico-rhombus-navy.png);
}

.mod_access_info .info_inner .type .route_list li span {
  display: inline-block;
  font-weight: bold;
}

.mod_access_info .info_inner .type .route_list li em {
  display: inline-block;
  font-style: normal;
  font-size: 14px;
}

/*-- 経路検索 route --*/
.route .mod_ttl {
  background: #9dbeec;
}

.mod_access_info_02 .route .mod_ttl,
.mod_access_info_02 .area .mod_ttl {
  background: #60e2b0;
}

.route .mod_ttl span {
  background: #133b91;
  letter-spacing: .1em;
  padding: 0 5px 0 39px;
}

.mod_access_info_02 .route .mod_ttl span,
.mod_access_info_02 .area .mod_ttl span {
  background: #098a58;
}

.mod_search.route {
  margin-bottom: 25px;
}

.mod_search.parking {
  margin-bottom: 20px;
}

.mod_search.area {
  margin-bottom: 20px;
}

div.mod_search {
  margin: auto;
  width: 460px;
  background-color: #fff;
}

.mod_search_wrapper {
  padding: 20px 0;
  background-color: #eaf6ff;
}

.mod_access_info_02 .mod_search_wrapper {
  background-color: #e4fff5;
  padding-bottom: 20px;
}

.route .mod_ttl span::before {
  background-image: url(/search/image/dtl_new/access/ico-search-route.png);
  height: 34px;
  left: 10px;
  width: 34px;
}

.mod_search .mod_ttl span::before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
}

.mod_search .mod_ttl span::after {
  border-style: solid;
  border-width: 30px 0 0 30px;
  content: "";
  height: 0;
  right: -30px;
  position: absolute;
  top: 0;
  width: 0;
}

.mod_search .mod_ttl::after {
  background: url(/search/image/dtl_new/access/ico-search.png) no-repeat 0 0;
  background-size: cover;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 36px;
}

.mod_search .mod_ttl {
  height: 30px;
  position: relative;
  text-align: left;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.route.mod_search .mod_ttl {
  border-bottom-color: #133b91;
}

.parking.mod_search .mod_ttl {
  border-bottom-color: #008caa;
}

.area.mod_search .mod_ttl {
  border-bottom-color: #265eb5;
}

.mod_access_info_02 .route.mod_search .mod_ttl,
.mod_access_info_02 .area.mod_search .mod_ttl {
  border-bottom-color: #156041;
}

.mod_ttl span {
  display: inline-block;
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  background: #133b91;
  letter-spacing: .1em;
}

.route .mod_ttl span::before {
  background-image: url("/search/image/dtl_new/access/ico-search-route.png");
  left: 10px;
  height: 19px;
  width: 19px;
}

.route .mod_ttl span::after {
  border-color: transparent transparent transparent #133b91;
}

.mod_access_info_02 .route .mod_ttl span::after,
.mod_access_info_02 .area .mod_ttl span::after {
  border-color: transparent transparent transparent #098a58;
}

.route .lead {
  box-sizing: border-box;
  position: relative;
  margin: 16px 0 0;
  padding: 0 5%;
  width: 100%;
  letter-spacing: 0;
  text-align: left;
  line-height: 1.35;
}

.route .lead .gps_txt {
  display: none;
}

.route .lead .txt_bold {
  font-weight: 600;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .route .lead .gps_txt {
      display: inline-block;
  }
}

.route .use_map {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  margin: 0 auto 10px;
  width: 91%;
  text-align: right;
  font-size: 13px;
  color: #3367d6;
  letter-spacing: 0;
}

.route .use_map::before {
  background: url(/search/image/dtl_new/access/ico-question.png.png) no-repeat 0 0;
  background-size: cover;
  content: "";
  margin: 0 5px 0 0;
  height: 15px;
  width: 15px;
}

.route .use_map:hover {
  color: #f00;
}

.route .point_change {
  line-height: 47px;
}

.route .point_change a {
  color: #3367d6;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding-left: 40px;
  position: relative;
}

.route .point_change a:hover {
  color: #f00;
}

.route .point_change a::before {
  background: url("/search/image/dtl_new/access/ico-route-exchange.png") no-repeat 0 0;
  background-size: cover;
  content: "";
  height: 35px;
  left: 0;
  position: absolute;
  top: -8px;
  width: 30px;
}

div.mod_search form {
  margin: 15px auto 0;
  padding-bottom: 20px;
  width: 420px;
}

div.mod_search.route form {
  margin-top: 0;
}

/* modal */
.js_modal_content.modal_content_usemap {
  background: #eefcff;
  border: 4px solid #83c8ff;
  border-radius: 10px;
  box-sizing: border-box;
  height: 594px;
  padding: 0 0 30px;
  width: 680px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .js_modal_content.modal_content_usemap {
      top: 40px !important;
  }
}

.js_modal_content.modal_content_usemap img {
  float: none;
}

.js_modal_content.modal_content_usemap dt {
  background: #006cc2;
  border-radius: 6px 6px 0 0;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  line-height: 50px;
  height: 50px;
  margin: 0 0 30px;
  padding: 0;
}

.js_modal_content.modal_content_usemap dd p {
  font-size: 15px;
  margin: 15px auto 0;
  text-align: left;
  width: 555px;
}
.js_modal_content.modal_content_usemap .note {
  font-size: 13px;
  margin-top: 5px;
  padding-right: 0;
  text-align: right;
  width: auto;
}
.js_modal_content.modal_content_usemap .note::before {
  content: "※";
  left: 0;
  position: absolute;
  top: 0;
}

.js_modal_content.modal_content_usemap dd:last-child:before {
  content: none;
}

.mod_search.route .selbox {
  align-items: center;
  background-color: #fbe8f0;
  display: flex;
  margin: 0 auto 25px;
}

.selbox .selbox_item {
  display: flex;
  column-gap: 20px;
  font-size: 15px;
  padding: 10px 14px;
}

.mod_search.route .selbox .selbox_item.td {
  margin-left: 10px;
  padding: 0;
}

.selbox .selbox_item.th {
  background-color: #f75586;
  color: #fff;
  font-weight: 600;
  width: 135px;
  padding: 13px 0;
}

.selbox .selbox_item .selbox_lb {
  padding: 0;
}

.selbox .selbox_lb input[type="radio"] {
  display: none;
}

.selbox .selbox_lb span {
  display: block;
  padding-left: 23px;
  position: relative;
}

.selbox .selbox_lb input[type="radio"]:checked+span:after,
.selbox .selbox_lb input[type="radio"]+span:before {
  content: "";
  background: #fff;
  border-radius: 50%;
  border: 1px solid #0748dc;
  box-sizing: border-box;
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}

.selbox .selbox_lb input[type="radio"]:checked+span:after {
  background: #0748dc;
  height: 10px;
  left: 4px;
  top: 50%;
  width: 10px;
}

input[type="text"].inp_transport {
  width: calc(100% - 55px);
}

.w100p, .mod_search .point_input_box input[type="text"].w100p {
  width: 100%;
}
.mod_search .point_input_box input[type="text"] {
  border: 1px solid #3367d6;
  border-left: none;
  border-radius: 0;
  box-sizing: border-box;
  height: 40px;
  left: 0;
  font-size: 15px;
  outline: none;
  padding-left: 20px;
}

.point_input_box {
  display: flex;
}

.mod_search_btn {
  display: block;
  margin-top: 20px;
  text-align: center;
}

/*-- コインパーキング parking --*/
.parking .mod_ttl {
  background: #99d1dd;
}

.parking .mod_ttl span {
  background: #008caa;
  padding: 0 10px 0 43px;
}

.parking .mod_ttl span::before {
  background-image: url("/search/image/dtl_new/access/ico-search-parking.png");
  left: 11px;
  height: 23px;
  width: 23px;
}

.parking .mod_ttl span::after {
  border-color: transparent transparent transparent #008caa;
}

.parking .lead {
  margin: 16px 0 0;
  padding: 0 20px;
  line-height: 1.35;
}

.evenlist {
  margin: 0 auto 0px;
  width: 300px;
  text-align: center;
}

.bnr_access:not(:last-child) {
  margin-bottom: 10px;
}

.bnr_access figcaption {
  display: inline-block;
  margin-top: 6px;
  text-align: left;
  line-height: 1.3;
}
.box_around_facility .bnr_access figcaption br{
  display: none;
}

/*-- 全域エリア area --*/
.area .mod_ttl {
  background: #cfe2ff;
}

.area .mod_ttl span {
  background: #265eb5;
  padding: 0 10px 0 42px;
}

.area .mod_ttl span::before {
  background-image: url("/search/image/dtl_new/access/ico-search-area.png");
  left: 12px;
  height: 20px;
  width: 20px;
}

.area .mod_ttl span::after {
  border-color: transparent transparent transparent #265eb5;
}

.area .lead {
  margin-top: 16px;
  padding: 0 41px;
}

.area .list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
  padding: 0 0 20px;
}

.area .list li {
  display: inline-block;
  height: 45px;
}

.area .list li:not(:last-child) {
  margin-bottom: 20px;
}

.area .list li:nth-child(2n) {
  margin-right: 0;
}

.area .list li a {
  background: rgb(41,161,223);
  background: -moz-linear-gradient(top, rgba(41,161,223,1) 0%, rgba(13,126,203,1) 100%);
  background: -webkit-linear-gradient(top, rgba(41,161,223,1) 0%,rgba(13,126,203,1) 100%);
  background: linear-gradient(to bottom, rgba(41,161,223,1) 0%,rgba(13,126,203,1) 100%);
  border-radius: 22px;
  box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.5),0px 2px 1px 0px #7cc5eb inset,0px -2px 1px 0px #063e65 inset;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 45px;
  line-height: 47px;
  padding-left: 25px;
  position: relative;
  text-align: center;
  width: 330px;
  font-weight: 600;
}

.area .list li a:hover {
  opacity: 0.7;
}

.area .list li a::before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: "";
  margin: auto;
  top: 0;
  position: absolute;
}

.area .list .train a::before {
  background-image: url("/search/image/dtl_new/access/ico-train.png");
  height: 32px;
  left: 25px;
  width: 25px;
}

.area .list .bus a::before {
  background-image: url("/search/image/dtl_new/access/ico-bus.png");
  height: 31px;
  left: 24px;
  width: 29px;
}

.area .list .ic a {
  letter-spacing: -0.03em;
  padding-left: 55px;
}

.area .list .ic a::before {
  background-image: url("/search/image/dtl_new/access/ico-ic.png");
  height: 29px;
  left: 20px;
  width: 34px;
}

.area .list .car a::before {
  background-image: url("/search/image/dtl_new/access/ico-car.png");
  height: 30px;
  left: 20px;
  width: 35px;
}

.area .list .air a::before {
  background-image: url("/search/image/dtl_new/access/ico-airport.png");
  height: 28px;
  left: 20px;
  width: 28px;
}

.area .list .ferry a::before {
  background-image: url("/search/image/dtl_new/access/ico-ferry.png");
  height: 24px;
  left: 20px;
  width: 36px;
}

.related_pages .ttl:after,
.related_pages .ttl:before {
  background: url("/search/image/dtl_new/bg-related-pages-illust.png") no-repeat 0 0;
  content: "";
  display: block;
  height: 38px;
  left: 4px;
  position: absolute;
  top: 1px;
  width: 58px;
}

.related_pages .ttl:after {
  left: initial;
  right: 4px;
  transform: scaleX(-1);
}

.related_pages .inner {
  background: #f7f6e8 url("/search/image/dtl_new/bg-related-pages-body.png") no-repeat right -2px bottom -2px;
  border: 2px solid #c9ac5b;
  border-top-width: 3px;
  padding: 30px 30px 24px;
}

.list_related_pages li + li {
  margin-top: 9.7px;
}

.list_related_pages li a {
  font-size: 17px;
  padding-left: 26px;
  position: relative;
}

.list_related_pages li a:before {
  border-color: transparent transparent transparent #ad7515;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  content: "";
  display: inline-block;
  height: 0;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 0;
}

/*  TV番組表バナー  */

.bnr_s {
  margin: 15px auto 20px;
  max-width: 640px;
  text-align: center;
}

.bnr_s a {
  display: inline;
}
.bnr_s img {
  height: auto;
}

.bnr_s figcaption{
  margin-top: 7px;
}

/*  天気予報バナー  */
 .weather_bnr {
  margin: 30px auto 0;
  width: 450px;
}
.weather_bnr + .weather_bnr {
  margin-top: 20px;
}

.weather_bnr_link {
  position: relative;
  display: inline-block;
  line-height: normal;
  transition: opacity 0.3s;
}

.weather_bnr_link:hover {
  opacity: 0.7;
}

.weather_bnr_title {
  position: absolute;
  top: 4px;
  left: 50%;
  width: 68%;
  transform: translateX(-50%);
  text-align: center;
  line-height: 1.38;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 3px 0 #000;
  letter-spacing: 0.05em;
  z-index: 10;
}

.weather_bnr_title_facility {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 17px;
  font-family: "cross-platform-yu-mincho", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "HGS明朝E", メイリオ, Meiryo, serif;
}

.weather_bnr_large_title {
  display: block;
  font-size: 22px;
  font-family: "cross-platform-yu-mincho", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "HGS明朝E", メイリオ, Meiryo, serif;
}

.weather_bnr_text {
  margin-top: 5px;
  line-height: 1.4;
  font-size: 15px;
  color: #000;
}

.weather-bnr-small_text {
  display: block;
  font-size: calc(1em - 1px);
}

.sec_seotext #seo_about .sentence_box .weather_bnr_text {
  font-size: 15px;
  margin-top: 0;
}
.sec_seotext #seo_about .sentence_box .weather-bnr-small_text {
  font-size: 13px;
  margin-bottom: 5px;
}

/* not-found-nearby bg image settings */

.box_around_facility.not-found-nearby .btn_around_facility
 {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto 86%;
  position: relative;
}


.box_around_facility.not-found-nearby[data-bc="69"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/69_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="84"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/35_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="131"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/131_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="35"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/35_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="154"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/154_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="68"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/154_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="182"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/155_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="158"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/158_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="15"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/15_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="80"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/80_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="31"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/31_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="61"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/61_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="155"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/155_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="62"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/62_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="63"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/63_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="159"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/159_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="12"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/12_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="11"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/11_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="103"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/103_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="13"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/13_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="160"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/160_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="169"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/169_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="170"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/170_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="190"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/170_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="87"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/87_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="23"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/23_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="156"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/156_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="67"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/67_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="36"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/36_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="53"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/45_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="45"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/45_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="48"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/48_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="01"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/01_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="30"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/30_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="173"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/173_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="174"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/174_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="175"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/175_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="176"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/176_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="56"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/56_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="65"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/65_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="70"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/70_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="28"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/28_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="64"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/64_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="132"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/132_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="133"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/133_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="163"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/163_home3.png);
  background-size: auto;
}

.box_around_facility.not-found-nearby[data-bc="181"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/181_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="181"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/181_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="179"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/181_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="180"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/181_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="51"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/51_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="29"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/29_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="18"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/18_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="16"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/16_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="17"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/17_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="43"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/43_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="19"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/19_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="85"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/85_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="42"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/42_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="21"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/21_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="44"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/44_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="112"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/112_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="117"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/117_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="71"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/71_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="139"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/139_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="115"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/115_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="96"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/96_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="52"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/52_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="95"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/52_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="105"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/52_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="107"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/52_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="108"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/52_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="120"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/52_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="114"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/114_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="83"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/83_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="22"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/22_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="50"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/50_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="24"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/24_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="116"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/116_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="113"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/113_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="106"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/106_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="121"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/121_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="122"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/122_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="149"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/149_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="129"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/129_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="123"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/123_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="125"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/125_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="124"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/124_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="138"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/138_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="126"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/126_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="127"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/127_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="128"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/128_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="137"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/137_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="37"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/37_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="97"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/97_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="100"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/100_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="101"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/101_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="102"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/102_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="162"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/162_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="186"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/165_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="165"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/165_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="08"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/08_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="09"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/09_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="10"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/10_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="38"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/38_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="164"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/164_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="02"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/02_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="03"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/03_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="32"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/32_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="14"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/14_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="73"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/73_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="118"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/118_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="104"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/104_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="119"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/119_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="183"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/183_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="05"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/05_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="04"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/04_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="188"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/188_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="46"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/46_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="59"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/59_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="33"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/33_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="178"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/49_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="49"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/49_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="177"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/49_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="41"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/41_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="66"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/66_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="109"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/109_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="20"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/20_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="184"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/184_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="134"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/134_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="135"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/135_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="136"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/136_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="185"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/185_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="74"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/74_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="89"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/89_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="90"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/90_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="98"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/98_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="168"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/168_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="72"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/72_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="142"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/142_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="187"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/187_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="161"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/161_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="54"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/54_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="141"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/141_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="140"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/140_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="55"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/55_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="07"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/07_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="87"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/172_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="45"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/45_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="58"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/58_home3.png);
}

.box_around_facility.not-found-nearby[data-bc="191"] .btn_around_facility {
  background-image: url(/search/image/dtl/title/191_home3.png);
}

.box_around_facility.not-found-nearby .btn_around_facility::before {
  background: url(/search/image/dtl_new/ico-search.png) 0 0 no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 40px;
  left: 19px;
  position: absolute;
  width: 40px;
}

.box_around_facility.not-found-nearby .btn_around_facility::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 3.7%;
  margin: 0;
  width: 15.5px;
  height: 15.5px;
  border-top: 4px solid #f75586;
  border-right: 4px solid #f75586;
  transform: translateY(-14px) rotate(135deg);
  transition: all 300ms 0s ease;
  text-shadow: 2px 1px 3px #fff, 1px 2px 3px #fff, -2px 1px 1px #fff;
}

.box_around_facility.not-found-nearby.open .btn_around_facility::after{
  transform: translateY(-3px) rotate(-45deg);
}

.box_around_facility.not-found-nearby .syuhen_item_box .btn_link_detail {
  background-color: #f25a81;
  border-radius: 4px;
  border: 0;
  box-shadow: 0 3px #bd204b;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: normal;
  height: 26px;
  padding: 2px 20px 6px 14px;
  position: relative;
  text-align: center;
  width: 110px;
}

.box_around_facility.not-found-nearby.open .syuhen_item_box .btn_link_detail {
  background-color: #f25a81;
  border-radius: 4px;
  border: 0;
  box-shadow: 0 3px #bd204b;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: normal;
  height: 26px;
  padding: 2px 20px 6px 14px;
  position: relative;
  text-align: center;
  width: 110px;
}

.box_around_facility.not-found-nearby .syuhen_item_box .btn_link_detail:after {
  border-bottom: 4px solid transparent;
  border-left: 6px solid #fff;
  border-top: 4px solid transparent;
  content: "";
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
}

.box_around_facility.not-found-nearby .syuhen_item_box .btn_link_detail:hover {
  opacity: .8;
}

.box_around_facility.not-found-nearby {
  border-radius: 5px 5px 0 0;
}

.txt_b {
  font-weight: 600;
}

.access_line {
  position: relative;
  padding-left: 10px;
  margin-right: 30px;
  max-width: 100%;
  width: calc( 55% - 30px);
  font-weight: normal;
}

.traffic_access_item .access_line strong {
  font-size: 15px;
}

.access_line::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
  display: inline-block;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #0f3486;
}

.access_link {
  width: 42%;
}

.search_map_list_item {
  margin-top: 3px;
  margin-left: 7px;
  text-align: center;
}
.traffic_access_item:only-child .access_line {
  padding-left: 0;
}
.traffic_access_item:not(:only-child) .access_line::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #64af86;
  position: absolute;
  top: 0.5em;
  left: 0;
}

.search_map_list_link {
  position: relative;
  padding-left: 28px;
  padding-right: 28px;
  margin-left: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #0e3386;
  letter-spacing: 0.03em;
}

.search_map_list_link:visited {
  color: #0e3386;
}

.search_map_list_link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 17px;
}

.search_map_list_link.train_route::before {
  background: url(/search/image/dtl_new/ico-access-train.png) no-repeat center / contain;
}

.search_map_list_link.highway_route::before {
  background: url(/search/image/dtl_new/ico-access-expressway.png) no-repeat center / contain;
}

.search_map_list_link.bus_route::before {
  background: url(/search/image/dtl_new/ico-access-bus.png) no-repeat center / contain;
}

.search_map_list_link::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #0f3486;
  width: 0;
  height: 0;
}

.btn_route_search {
  display: flex;
  justify-content: center;
  gap: 0 8px;
  width: 100%;
  text-align: center;
}

.btn_route_search .btn_search_map {
  width: calc(50% - 6px);
  max-width: 260px;  /* 1カラムの時に伸びすぎないように */
}

.btn_search_map .txt_b {
  display: block;
  font-size: 15px;
}

.btn_search_map .txt_b .allow {
  font-size: 11px;
  margin-right: 22px;
  position: relative;
}

.btn_search_map .txt_b .allow:after {
  content: "";
  display: inline-block;
  background: url(/search/image/dtl_new/ico-arrow.png) no-repeat center / contain;
  width: 16px;
  height: 9px;
  position: absolute;
  top: 43%;
  left: 39px;
  transform: translateY(-50%);
}

.btn_search_map.btn_search_map01 .txt_b .allow:after {
  left: 26px;
}

.btn_route_search .btn_map {
  display: inline-block;
  width: 100%;
  padding: 4px 20px 4px 28px;
  font-weight: normal;
  line-height: 1.16;
  font-size: 13px !important;
  border-width: 1px;
  box-shadow: inset 0 -1px 0 #0f3486;
  font-feature-settings: "palt";
  letter-spacing: 0.07em;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #0f3486;
  color: #0f3486;
  position: relative;
  box-sizing: border-box;
}

.btn_route_search .btn_map::before {
  content: "";
  display: inline-block;
  background: url(/search/image/dtl_new/ico-search-route-s26.png) no-repeat center / contain;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
}

.btn_route_search .btn_map::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #0f3486;
}

/*------------------------------------
近隣地域ページリンク
-------------------------------------*/
.near_area_cate {
  overflow: hidden;
  width: 650px;
  margin: 30px auto 20px;
  padding: 0;
}

.near_area_cate .outskirts_srch_ttl {
  clear: both;
  margin: 0 0 15px;
  padding: 6px 10px 5px 26px;
  background: #D8F1DB;
  color: #009512;
  font-size: 17px;
  font-weight: normal;
  text-align: left;
}

.near_area_cate .area_list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px 0 22px;
}

.near_area_cate .area_list li {
  background-color: #e1658d;
  border-radius: 5px;
  border-bottom: solid 3px #d64d74;
  box-sizing: border-box;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin: 0 3px 6px;
  min-width: 76px;
}

.near_area_cate .area_list li:hover {
  background-color: #f17ca2;
}

.near_area_cate .area_list li a {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0;
  padding: 0 5px;
}

.area_list + .outskirts_srch_ttl {
  margin-top: 10px;
}

/*------------------------------------
イメージ写真
-------------------------------------*/

.image_photo_box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 20px auto 10px;
  width: 639px;
}

/*------------------------------------
ゴルフトーナメントバナー
-------------------------------------*/
.golf_tournament_bnr,
.golf_tournament_bnr * {
  box-sizing: border-box;
}

.golf_tournament_bnr {
  margin: 25px auto 0;
  width: 563px;
}

.golf_tournament_bnr_link {
  display: block;
  position: relative;
}

.golf_tournament_bnr_link:hover {
  opacity: 0.7;
}

.golf_tournament_bnr_title {
  align-items: center;
  bottom: 4px;
  display: flex;
  height: 30px;
  justify-content: center;
  left: 0;
  padding: 4px 10px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.golf_tournament_bnr_text {
  color: #000;
  font-size: 15px;
  line-height: 1.4;
  margin: 5px auto 0;
  max-width: 450px;
  text-align: left;
}
.golf_tournament_bnr_title .golf_tournament_name {
  color: #fff;
  font-feature-settings: "palt";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 3px #333333;
  white-space: nowrap;
  width: 100%;
}

.etenkyo_bnr{
    text-align: center;
    margin: 15px auto 30px;
    max-width: 640px;
}

aside + aside.etenkyo_bnr {
  border-top: 2px solid #16903e;
  padding-top: 20px;
}
