@charset "utf-8";

/* 
施設詳細共通で使用するパーツ 
========================================================================== */

@media only screen and (min-width: 768px) {
    body.scrolled {
        padding-top: 75px;
    }
}


/* 見出し
========================================================================== */
.ttl03 {
  position: relative;
  margin-bottom: 10px;
}

.ttl_kana {
  font-size: 0.94em;
  margin: 0 0 4px 0;
}

.ttl03_l .ttl_kana {
  width: 500px;
}

.ttl03_ttl {
    margin-bottom: 5px;
}

.ttl03_ttl .nw {
    display: inline-block;
    white-space: normal;
}

.ttl03_ttl .wb_ap {
    word-break: auto-phrase
}

.ttl03_l .ttl03_ttl {
  width: 720px;
  line-height: 1.1;
  padding-top: 1em;
}

.ttl_location {
  color: #666;
  font-size: 0.86em;
  width: 500px;
}

.ttl04 {
  background: #0085b2;
  border: solid 1px #00698c;
  color: #fff;
  font-size: 1.06em;
  font-weight: normal;
  padding: 6px 10px;
}

.ttl05 {
  border-left: solid 5px #d2e3ae;
  border-bottom: solid 2px #d2e3ae;
  font-size: 1.06em;
  font-weight: normal;
  padding: 5px 0 5px 15px;
}

.ttl06 {
  background: #d2e3ae;
  border: solid 1px #b7d27d;
  font-weight: normal;
  padding: 8px 10px;
}

.ttl07 {
  border-left: solid 5px #92b940;
  border-bottom: solid 2px #92b940;
  font-size: 1.06em;
  font-weight: normal;
  padding: 5px 0 5px 6px;
}

.pt0 {
  padding-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.search_link {
  margin-bottom: 5px;
}

.search_link span {
  color: #999;
  position: relative;
}

.search_link span::before {
  content: url(/static/detail/image_cmn/img_arw01_icon01_g.png);
  left: -10px;
  line-height: 0;
  position: absolute;
  top: 0.4em;
}

.ttl03_right_box {
  position: absolute;
  top: 8px;
  right: 20px;
  text-align: right;
  width: 480px;
}

.favorite_box {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  justify-content: flex-end;
}

.favorite_btn {
  display: flex;
}

.favorite_btn li {
  margin-left: 10px;
}

.link_btn01 a,
button.link_btn01 {
  background: #0168b7;
  border: 1px solid #0d579b;
  border-radius: 4px;
  box-shadow:0 2px 2px rgba(0,0,0,0.2),0 1px 1px rgba(255,255,255,.5) inset;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
  transition: none;
}

.facility_area .link_btn01 a {
    color: #000;
    background: #fff;
    border: 2px solid #0168b7;
    border-radius: 25px;
    box-shadow: 0 3px 0 #cdcccc;
    font-size: 15px;
    padding: 7px 10px;
}

.link_btn01 a:before,
button.link_btn01:before {
    content: "";
    left: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #ffffff;
}
.facility_area .link_btn01 a::before {
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #0168b7;
    left: initial;
    right: 15px;
}
.pc .link_btn01 a:hover, .pc button.link_btn01:hover, .pc .link_btn01 a.hover {
  background: -webkit-linear-gradient(top, #689be0 0%,#3374ca 100%);
  background: linear-gradient(to bottom, #689be0 0%,#3374ca 100%);
  border-color: #0f4795;
  color: #fff;
}
.pc .link_btn01 a:hover {
    background: #ff6600;
    border-color: #bd5a01;
    opacity: 0.7;
}
.pc .facility_area .link_btn01 a:hover {
    background: #0168b7;
    border: 2px solid #0168b7;
    box-shadow: none;
    opacity: 1;
}

.pc .link_btn01 a:hover:before, .pc button.link_btn01:hover:before, .pc .link_btn01 a.hover:before {
  content: "";
  margin-top: auto;
  border-color: transparent transparent transparent #fff;
}
.link_btn01.link_btn_l a:before {
  content: url(/static/image_cmn/img_arw03_icon01.png);
  height: 17px;
  width: 9px;
  margin: auto 0;
  border: none;
}
.link_btn01.link_btn_l a:hover:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  border-color: transparent transparent transparent #e24b58;
}
.btn_regist.link_btn01 a {
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,236,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,236,247,1) 100%);
}
.btn_regist.link_btn01 a:hover {
  background: #fff;
  border: 1px solid #e24b58;
  color: #e24b58;
}

.link_btn01.regist_link a,
.link_btn01.brows_link a {
  display: inline-block;
  font-size: 0.9em;
}

.link_btn01.regist_link a,
.link_btn01.brows_link a {
  padding: 4px 20px 4px 22px;
}

.btn_gray.brows_link,
.btn_gray.regist_link {
  padding: 4px 20px 4px 22px;
  font-size: 0.9em;
  font-weight: 600;
}

.btn_gray.brows_link:before,
.btn_gray.regist_link:before {
  line-height: 0;
  margin-top: -3px;
}

.btn_gray.btn_registed {
  background: #ddf0fd;
  background: -webkit-linear-gradient(top, #ddf0fd 0%, #addfff 100%);
  background: linear-gradient(to bottom, #ddf0fd 0%, #addfff 100%);
  border: 1px solid #0c4594;
  color: #333;
}

.btn_gray.btn_registed:before {
  content: none;
}

.facility_post_txt {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 10px auto 0;
}
.post_link {
  display: inline-block;
  text-align: center;
  margin: auto;
  width: 200px;
}
.facility_post_txt p:last-child {
  flex-grow: 1;
}

.ttl03.ttl03_child {
    display: flex;
    padding: 0;
}

.dtl03_ttl_box {
  display: flex;
  align-items: center;
  padding: 12px 12px 12px 20px;
  width: 700px;
  min-height: 92px;
}

.shop_details {
  display: inline-block;
  font-weight: normal;
  line-height: 1.2;
  width: auto;
}

.shop_details a::before {
  content: url(/static/detail/image_cmn/img_arw_back.png);
  display: inline-block;
  line-height: 0;
  padding-right: 5px;
  vertical-align: bottom;
}

figure.shop_photo_img {
  border: 1px solid #fff;
  border-left: none;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0px;
  width: 293px;
}

figure.shop_photo_img::before {
  background: -webkit-linear-gradient(left, rgba(243, 240, 233, 1) 0%, rgba(243, 240, 233, 0.96) 4%, rgba(243, 240, 233, 0.87) 12%, rgba(243, 240, 233, 0) 57%, rgba(243, 240, 233, 0) 99%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(243, 240, 233, 1) 0%, rgba(243, 240, 233, 0.96) 4%, rgba(243, 240, 233, 0.87) 12%, rgba(243, 240, 233, 0) 57%, rgba(243, 240, 233, 0) 99%);
  /* IE6-9 */
  content: "";
  display: block;
  height: 100%;
  width: 54%;
}

/* メニューナビ 
========================================================================== */
#detail_nav {
  position: relative;
  z-index: 2;
}

#detail_nav > ul {
  display: flex;
  width: 644px;
  width: auto;
}

#detail_nav > ul.no_post > li {
  width: calc(100% / 3);
}

#detail_nav > ul > li {
  border: 1px solid #8b7b6c;
  border-left: none;
  position: relative;
  width: 200px;
  height: 42px;
  cursor: pointer;
}

#detail_nav > ul > li.current {
  cursor: default;
}

#detail_nav > ul > li:first-child {
  border-left: 1px solid #8b7b6c;
}

#detail_nav > ul > li > a,
#detail_nav > ul > li > span {
  background: rgb(234, 225, 209);
  background: -webkit-linear-gradient(top, rgba(234, 225, 209, 1) 0%, rgba(226, 215, 193, 1) 100%);
  background: linear-gradient(to bottom, rgba(234, 225, 209, 1) 0%, rgba(226, 215, 193, 1) 100%);
  border: 1px solid #fff;
  color: #000;
  font-size: 1.3em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 600;
  display: block;
  line-height: 1;
  letter-spacing: 0.08em;
  padding: 0.55em 0.3em 0.4em;
  text-align: center;
}

@media all and (-ms-high-contrast:none) {

  #detail_nav > ul > li > a,
  #detail_nav > ul > li > span {
    padding: 0.5em 0.3em 0.2em;
  }
}

.pc #detail_nav > ul > li:hover > a,
.pc #detail_nav > ul > li:hover > span:not(.nav_disable),
#detail_nav > ul > li.detail_nav_on > span {
  background: rgb(161, 136, 79);
  background: -webkit-linear-gradient(top, rgba(161, 136, 79, 1) 0%, rgba(122, 101, 56, 1) 100%);
  background: linear-gradient(to bottom, rgba(161, 136, 79, 1) 0%, rgba(122, 101, 56, 1) 100%);
  color: #fff;
  border: 1px solid rgb(161, 136, 79);
}

#detail_nav > ul > li.current {
  border: 1px solid #02378c;
}

.pc #detail_nav > ul > li.current > span,
#detail_nav > ul > li.current > span {
  background: #0168b7;
  border: 1px solid #568cce;
  color: #fff;
}

#detail_nav > ul > li > ul {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: solid 1px #8a7a6c;
  display: none;
  position: absolute;
  left: -1px;
  width: 200px;
}

.pc #detail_nav > ul > li:hover > ul,
.tablet #detail_nav > ul > li.detail_nav_on > ul {
  display: block;
}

#detail_nav > ul > li > ul > li {
  position: relative;
  border-bottom: dashed 1px #bab0a7;
  line-height: 41px;
  text-indent: 20px;
}

#detail_nav > ul > li > ul > li:before {
  content: url(/static/image_cmn/img_arw01_icon01.png);
  position: absolute;
  left: -10px;
  top: -0.2em;
}

#detail_nav ul li ul li:last-child {
  border-bottom: none;
}

#detail_nav > ul > li > ul > li a {
  display: block;
}

#detail_nav > ul > li > ul > li a:hover {
  background: #f9f5e7;
}

#detail_nav > ul > li#nav_back a,
#detail_nav > ul > li#nav_back span {
  background: rgb(225, 110, 153);
  background: -webkit-linear-gradient(-45deg, rgb(225, 110, 153) 0%, rgb(225, 110, 153) 100%);
  background: linear-gradient(135deg, rgb(225, 110, 153) 0%, rgb(225, 110, 153) 100%);
  color: #fff !important;
}

#detail_nav > ul > li#nav_back span {
  cursor: default;
}

#detail_nav > ul > li#nav_back a:hover {
  opacity: 0.7;
}

/* メニューナビ 下バナー
========================================================================== */
.around_area_search_box {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px 1px 6px 1px;
}

.around_area_search_box * {
    box-sizing: border-box;
}

.around_area_search_box .ajax_loading {
    width: 490px;
}

.bnr_hm_syuhen {
    background: #fdeaf0 no-repeat right top / auto 95%;
    border-radius: 2px;
    outline: 2px solid #ea4f7a;
    box-shadow: 0px 4px 4px rgba(143, 143, 143, .5);
    width: 490px;
}
.bnr_hm_syuhen:not(:last-child) {
    margin-right: 20px;
}
.bnr_hm_syuhen.around_fac {
    background-image: url('/static/detail/image/bnr_around_fac_photo.png');
}
.bnr_hm_syuhen.around_rent {
    background-image: url('/static/detail/image/bnr_around_rent_photo_w556.png');
}

.bnr_hm_syuhen:hover {
    opacity: .7;
}

.bnr_hm_syuhen a {
    color: #205733;
    display: block;
    min-height: 86px;
    position: relative;
    width: 100%;
}

.bnr_hm_syuhen .inner .head img {
  height: auto;
  padding-top: 1px;
  width: 105px;
}

.bnr_hm_syuhen .inner {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  min-height: 85px;
  padding: 0 2%;
  transition: all 300ms 0s ease;
}

.bnr_hm_syuhen .inner .inner_in{
  padding: 0 0 0 8px;
}

.bnr_hm_syuhen .name {
  font-feature-settings: "palt";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .05em;
  max-width: 250px;
  margin-left: .1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  padding-top: .05em;
}

.bnr_hm_syuhen .lnk_btn {
  bottom: -1px;
  position: absolute;
  right: -1px;
  z-index: 1;
}

/* SP用fancybox調整（SP版作成までの暫定対応）
========================================================================== */

.fancybox-wrap-sp {
  top: 430px !important;
}

/* ギャラリー 
========================================================================== */

.detail_gallery {
  background: #fff;
  border: solid 2px #bab0a7;
  border-bottom: 2px solid #bab0a7;
  margin-top: 16px;
  padding: 30px 13px 20px;
  overflow: hidden;
}

.detail_galleryBox {
  display: flex;
  position: relative;
  margin: 0 auto;
  width: 910px;
}
.detail_main_title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 9px 18px 9px 13px;
  max-width: 670px;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
}
.detail_main_text {
  line-height: 1.2;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: bold;
  font-family: "游明朝",YuMincho,"Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","HGS明朝E",メイリオ,Meiryo,serif;
  color: #fff;
  text-shadow: 0 2px #000;
}

.photo_area {
  position: relative;
  top: 0;
  width: 606px;
  height: 431px;
  margin: 1px 5px 0 0;
  box-shadow: 0px 0px 0px 1px #888;
  box-sizing: border-box;
  overflow: hidden;
}

.photo_area.photo_s {
  width: 100%;
  margin: 1px 4px 6px;
}


/* ギャラリーメイン画像 */

.detail_gallery .mainphoto {
  height: 534px;
  position: absolute;
  top: 0;
  max-height: 534px;
  max-width: 708px;
  overflow: hidden;
  width: 708px;
}

.detail_gallery .photo_s .mainphoto {
  width: 100%;
  max-width: initial;
  max-height: inherit;
}


/* ギャラリーサムネール */

.detail_gallery .gallery_thumb {
  width: calc(100% - 606px);
  margin-top: 1px;
}

.detail_gallery .thumb li {
  box-shadow: 0 0 0 1px #888;
  height: 213px;
  margin-bottom: 5px;
  overflow: hidden;
  width: 100%;
}

.detail_gallery .thumb li:hover {
  cursor: pointer;
  opacity: 0.5;
}

.detail_gallery .thumb .no_image {
  background-color: #f7f7f7;
  background-size: inherit !important;
}

.detail_gallery .thumb .no_image:hover {
  cursor: default;
  opacity: 1;
}

.detail_gallery .gallery_thumb.gallery_thumb_btm{
  width: 910px;
  margin: 0 auto 5px;
}
.detail_gallery .gallery_thumb_btm .thumb{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.detail_gallery .gallery_thumb_btm .thumb li {
  height: 135px;
  width: 19.5%;
}


/* ========================================
ギャラリー投稿なし 
========================================*/
/* ギャラリーメイン画像 */

.none_gallery .gallery_image_wrapper {
  display: flex;
  border: solid 1px #eae8e3;
  margin: 0 auto 16px;
  padding: 8px;
  justify-content: center;
  width: fit-content;
}

.none_gallery .gallery_image {
  width: 380px;
  background-position: center;
  background-size: cover;
}

.family_restaurant {
  background: url(/static/detail/image/bg_family_restaurant.png) no-repeat;
}

.cafe {
  background: url(/static/detail/image/bg_cafe.png) no-repeat;
}

.chinese_food {
  background: url(/static/detail/image/bg_chinese_food.png) no-repeat;
}

.european_dish {
  background: url(/static/detail/image/bg_european_dish.png) no-repeat;
}

.fast_food {
  background: url(/static/detail/image/bg_fast_food.png) no-repeat;
}

.izakaya {
  background: url(/static/detail/image/bg_izakaya.png) no-repeat;
}

.japanese_food {
    background: url(/static/detail/image/bg_japanese_food.png) no-repeat;
}

.udon_soba {
    background: url(/static/detail/image/bg_udon_soba.png) no-repeat;
}

.noodles {
  background: url(/static/detail/image/bg_noodles.png) no-repeat;
}

.okonomiyaki {
  background: url(/static/detail/image/bg_okonomiyaki.png) no-repeat;
}

.steakhouse {
  background: url(/static/detail/image/bg_steakhouse.png) no-repeat;
}

.sushi {
  background: url(/static/detail/image/bg_sushi.png) no-repeat;
}

.yakiniku {
  background: url(/static/detail/image/bg_yakiniku.png) no-repeat;
}

.gallery_image_txt_area {
  background: #f3f0e9;
  padding: 26px 36px 10px;
  width: 430px;
  font-size: 16px;
}

.gallery_image_txt01 {
  color: #d80000;
  font-size: 1.12em;
  margin-bottom: 8px;
}

.gallery_image_txt_area .link_arw01 {
  margin: 8px 0 24px;
  font-size: 15px;
}
.gallery_image_txt_area .btn_area {
  width: auto;
}
.detail_gallery.none_gallery .gallery_image_txt_area .btn_area li {
  width: 48%;
}

/* ギャラリー人気ポイント、ランキング */
.star2 span.star_txt {
  display: inline-block !important;
  padding: 8px 0 0 28px;
}

.ranking_area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 99.5%;
  margin: 0 auto;
}

.ranking_inner {
  display: flex;
  border-top: 1px solid #bab0a7;
  padding-top: 15px;
}
.ranking_inner_spe{
  border-top: none;
}

.box_open_date {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  height: 80px;
  background: url(/static/image_cmn/bg_ttl01.png) repeat-y right top ,#062964 url(/static/image_cmn/bg_ttl01.png) repeat-y left top ;
  border: 4px solid #004d89;
  background-size: contain;
  box-shadow: 0 0 0 1px rgb(106, 127, 162) inset;
  color: #fff;
  font-size: 1.25em;
  font-weight: 600;
  padding: 11px 4%;
  letter-spacing: 2px;
  min-width: 290px;
}
.dtl_yuraku .detail_gallery {
  padding-bottom: 10px;
}

.rating,
.rank {
  float: left;
  margin: 0 14px 5px 15px;
  width: 234px;
}

.rank.mr0 {
  margin-right: 0;
}

.rank_ttl {
  background: #0168b7;
  color: #fff;
  font-size: 1.06em;
  margin-bottom: 8px;
  padding: 3px 0;
  text-align: center;
  width: 234px;
}

.rating.j_txt dd.rating_star {
  align-items: baseline;
  display: flex;
  justify-content: center;
  padding-left: 20px;
}

.rating.j_txt dd.rating_star .star {
  transform: scale(1.2);
  margin-right: 8px;
}

.rating.j_txt dd .star span {
  display: inline-block;
}

.rank_ttl span {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 3px 0;
  display: block;
}

.rank_ttl a {
  color: #fff;
}

.rating.j_txt dd {
  margin: 13px 10px 0px 10px;
}

.rank dd {
  font-size: 0.93em;
  padding: 0 15px;
}

.rank dd dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 210px;
}

.rank .national {
  text-align: left;
}

.rank .prefecture {
  text-align: left;
  white-space: nowrap;
}

.rank dl dd {
  text-align: right;
  white-space: nowrap;
}

.rank_number {
  font-size: 1.25em;
  margin-right: 3px;
}


.favrank_number {
  font-size: 1.25em;
  margin: 0 3px 0 58px;
}

.national .favrank_number {
  font-size: 1.25em;
  margin: 0 3px 0 48px;
}



/*追記CSS_end*/


/* ギャラリーリード文 */

/*追記CSS*/
.box_open_date + .gallery_txt {
  border-top: none;
  padding: 0 15px 0 15px;
}

.gallery_txt {
  line-height: 1.5;
  padding: 0 5px 0 0;
  width: 458px;
}


/* アルバムを見る、写真集を見る */

.lead_area {
  margin-bottom: 10px;
  overflow: hidden;
}

.pict_lead {
  padding-left: 1em;
}

.pict_lead.reset {
  float: none;
  margin-bottom: 10px;
}

.pict_area {
  display: inline-flex;
  float: right;
  padding-left: 0;
  padding-right: 29px;
}

.box_line_brown .pict_area {
  float: none;
  width: 100%;
}

.box_line_brown .pict_area .btn_area {
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}

.box_line_brown .pict_area .btn_album {
  margin-right: 0;
  width: 30%;
}

.box_line_brown .pict_area .btn_album:nth-of-type(2) {
  width: 37%;
}

.box_line_brown .pict_area .btn_album a span {
  width: 100%;
}

/* アルバムを見る、写真集を見るボタン */

.btn_area {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: space-around;
  /* Safari */
  justify-content: space-around;
  margin: 0 auto 20px;
  width: 642px;
}

.btn_area.album_box li {
  width: 100%;
}

.btn_album {
  margin: 0 6px;
}
.btn_album a {
  border-radius: 4px;
  box-shadow: 0 3px 3px rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
  cursor: pointer;
  display: block;
  font-size: 0.95em;
  font-weight: 600;
  padding: 10px 0 10px 36px;
  position: relative;
  background: #38adc4;
  border: solid 1px #3d9daf;
  color: #fff;
  transition: none;
  text-align: center;
}

.btn_album.btn_slide a {
  background: #9079e4;
  border: solid 1px #6c5aab;
  
}
.btn_album.btn_photoalbum a {
  background: #ef6292;
  border: solid 1px #d25f87;
  
}

ul li.btn_album a:hover {
  opacity: 0.7;
}

.btn_album a span {
  display: inline-block;
  text-align: center;
}

.detail_gallery none_gallery .btn_album.btn_gray {
    padding: 9px 10px 9px 36px;
    width: 224px;
    position: relative;
}

.btn_album.btn_gray:before {
  content: none;
}

.btn_album a span img,
.btn_album.btn_gray img {
  left: 10px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 31px;
  height: auto;
}

.facility_area {
  background: #fff;
  border: 1px solid #062865;
  border-top: 0px;
  overflow: hidden;
  padding: 0 27px 20px 27px;
}

.btn_post_01 {
  box-sizing: border-box;
  margin: 20px 16px 0 0;
  width: 182px;
}

.btn_post_01:last-child {
  box-sizing: border-box;
  margin: 20px 0 0;
  width: 182px;
}

.btn_post_02 {
  box-sizing: border-box;
  margin: 0 16px 0 0;
  width: 192px;
}

.btn_post_02:last-child {
  box-sizing: border-box;
  margin: 0px;
  width: 192px;
}


/* お気に入り、SNS登録 
========================================================================== */
.registration_area {
  background: #fff;
  border: solid 2px #bab0a7;
  border-top: none;
  display: flex;
  justify-content: space-between;
  padding: 14px;
}

.registration_inner {
  background: #dbeeff;
  width: 231px;
}

.lead_customize + .ranking_area .registration_inner,
.none_gallery .registration_inner {
  margin-top: 0;
}

.pict_area > a.btn_lead{
  font-size: 15px;
  padding: 5px 32px 5px 40px;
  }


.registration_ttl {
  background: #146aba;
  color: #fff;
  font-weight: normal;
  padding: 4px;
  text-align: center;
  margin: 0 0 10px 0;
}

.registration_btn {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 270px;
}

.registration_btn li {
  text-align: center;
  width: 47%;
}

.registration_btn_history {
  text-align: right;
}

.registration_sns {
  display: flex;
  margin: 0 auto 10px;
  padding: 5px 0 2px;
  width: 180px;
}

.registration_sns li {
  background-size: 42px auto;
  display: block;
  float: left;
  height: 42px;
  margin: 0 9px;
  overflow: hidden;
  position: relative;
  width: 42px;
}

.registration_sns li.tw img {
  position: absolute;
  top: -45px;
}

.registration_sns li.ln img {
  position: absolute;
  top: -89px;
}

/* FBアイコンレイアウト微調整（デフォルトはFB側依存） */
.registration_sns .fb_iframe_widget {
  top: -1px;
}

/* Gogle+アイコンレイアウト微調整 */
.goglebtn {
  padding: 0px 6px 5px 28px !important;
}


/*この施設の口コミ／写真／動画を見る・投稿する
========================================================================== */

/*この施設の口コミ／写真／動画を見る・投稿する見出し*/
.ttl03_t {
  background: #0168b7 url(/static/detail/image/bg_ttl03.png) repeat-y right top;
  color: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.2em;
  padding: 9px 5px 6px 5px;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 0px;
  margin-top: 40px;
  border: 1px solid #0168b7;
}

.facility_nav_post{
  margin: 0 auto;
  width: 600px;
}

.facility_area {
  background: #fff;
  border: 1px solid #0168b7;
  border-top: 0;
  overflow: hidden;
  padding: 0 20px 20px 20px;
  text-align: center;
}

/* 投稿部分簡素化 */
.facility_post_ul {
  display: flex;
  justify-content: center;
  margin: 20px -5px 0 -5px;
}
.facility_post_ul li {
  box-sizing: border-box;
  color: #fff;
  display: block;
  margin: 0 5px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 180px;
}
.facility_post_ul li::before {
  background: url(/static/detail/image/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(/static/detail/image/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;
  letter-spacing: .2em;
  margin: 0 3px;
  padding: 7px 8px 7px 20px;
  position: relative;
  width: 75px;
}
.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;
  top: 11px;
  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(/static/detail/image/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(/static/detail/image/ico_movie.png) ;
}
.sec_movie .post_btnbox > a {
  color: #288045;
}
.sec_movie .post_btnbox > a::before {
  border-left: 8px solid #288045;
}

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

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

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

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



/* 基礎情報、基本情報
========================================================================== */
.icon_map:before {
  content: url(/static/detail/image_cmn/ico_map.png);
  margin-right: 10px;
  position: relative;
  top: 2px;
}

/*テーブル*/
.table01 {
  background: #fff;
  border: 2px solid #bab0a7;
  border-collapse: collapse;
  box-sizing: border-box;
  width: 100%;
}

.table01 th {
  background: #fff3da;
  border: 1px solid #bab0a7;
  width: 24%;
}

.table01 th,
.table01 td {
  padding: 5px 10px;
  border: 1px solid #bab0a7;
  word-break: break-all;
}

.table01 td {
  padding-left: 24px;
}

.table01.table01_no_data {
  border-color: #a6ad9e;
  border-width: 1px;
  margin: 0 auto;
  width: 90%;
}
.table01.table01_no_data th {
  background: #9ea499;
  border-color: #a6ad9e;
  border-width: 1px;
  color: #fff;
}
.table01.table01_no_data td {
  background: #dbe1d2;
  border-bottom-color: #a6ad9e;
  border-width: 1px;
}

.table01_01 {
  border-bottom: none;
}
.table01_02 {
  border-top: none;
}
.table01_02 th {
  background: #ead8b5;
}

.basic_info_traffic_td {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
  padding-top: 7px;
  align-items: center;
  display: flex;
  width: 100%;
}
.btn_route_search {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 7px;
}
.btn_route_search a{
  font-size: 13px;
  padding: 2px 12px 2px 17px;
}
.btn_route_search a.btn_map {
  border-width: 1px;
  border-bottom-width: 2px;
  font-weight: 300;
  letter-spacing: 0.07em;
  line-height: 1.16;
  min-width: 208px;
  text-align: center;
}
.btn_route_search .btn_map::before {
  left: 4px;
}
.btn_route_search .btn_map::after {
  right: 4px;
}

.dtl_memb_info_box .btn_search_map {
  text-align: center;
  margin-top: 5px;
}

.btn_search_map .txt_b {
  display: block;
  font-size: 15px;
  font-weight: 600;
}

.btn_search_map .txt_b .allow {
  font-size: 11px;
  position: relative;
}

.btn_search_map .txt_b .allow:after {
  content: "";
  display: inline-block;
  background: url(/static/detail/image/ico-arrow.png) no-repeat center / contain;
  width: 16px;
  height: 9px;
  margin: 0 3px;
  position: relative;
  transform: translateY(-1px);
}

/* 地図を見るアイコン */
.icon_map {
  margin-left: 10px;
  white-space: nowrap;
}

/* 基本情報を投稿するボタン */
.btn_basic_info_post {
  font-size: 1.06em;
  text-align: center;
  margin: 0 auto;
  width: 240px;

}

/* 交通アクセス　徒歩分に関する注意文 */
.access_attention {
  font-size: 14px;
  margin-bottom: 6px;
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
}

/* Directions by google map */
.btn_access_route {
  align-items: center;
	display: flex;
	justify-content: center;
}

.basic_info_traffic_td .btn_access_route {
  margin-right: 10px;
  margin-bottom: 5px;
}

.basic_info_traffic_td .btn_access_route a {
  white-space: nowrap;
  line-height: 1.2;
  text-align: left;
  font-size: 13px;
  }

.access_list02 li {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.access_list02 .btn_access_route {
  padding-top: 0;
}

/* 交通アクセス追加 */

.access_line {
  position: relative;
  padding-left: 10px;
  margin-right: 20px;
  max-width: 100%;
  width: calc( 55% - 20px);
  font-weight: normal;
}

.access_line strong {
  font-size: 14px;
}
.access_line::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  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%;
}
.basic_info_traffic_td:only-child .access_line {
  padding-left: 0;
}
.basic_info_traffic_td:not(:only-child) .access_line::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #0f3486;
  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(/static/image_cmn/ico-access-train.png) no-repeat center / contain;
}
.search_map_list_link.highway_route::before {
  background: url(/static/image_cmn/ico-access-expressway.png) no-repeat center / contain;
}
.search_map_list_link.bus_route::before {
  background: url(/static/image_cmn/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;
}



/* ========================================
基本情報投稿なし 
========================================*/
.none_basic_info02 {
  background: #fff;
  border: solid 1px #bab0a7;
  margin: 0 0 10px;
}

.none_basic_info02 > img{
  border-left: solid 1px #bab0a7;
  border-right: solid 1px #bab0a7;
}

.none_basic_info02 dl {
  border: solid 1px #bab0a7;
  display: table;
}

.none_basic_info02 dt,
.none_basic_info02 dd {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

.none_basic_info02 dt {
  background: #ead8b5;
  border-right: 1px solid #ede9e0;
  font-weight: 600;
  text-align: center;
  width: 140px;
}

.none_basic_info02 dd p {
  color: #e23964;
  text-align: center;
  margin: 0 0 10px;
}

.none_basic_info02 ul {
  margin: 0 0 0 70px;
}

.none_basic_info02 dd li {
  display: inline-block;
  text-align: left;
  margin: 0 30px 10px 0;
}




/* 通信・モバイル情報
========================================================================== */
.table02 dl {
  display: table;
  margin-bottom: 3px;
}

.table02 dt,
.table02 dd {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;

}

.table02 dt {
  background: #ffbdbd;
  color: #000;
  font-weight: 600;
  text-align: center;
  width: 160px;
}

.table02 dd {
  background: #fff;
  padding-left: 28px;
}

/* QRコード　セル*/
.cell_qr {
  width: 100px;
  text-align: right;
}


/* ホームメイト・リサーチ　会員情報
========================================================================== */
/*施設の詳細情報トグルボタン*/
.hmr_member_info_btn_area,
.hmr_member_info_btn_area_gray {
  font-size: 1.06em;
  margin: 0 auto;
  text-align: center;
  width: 240px;
}

.hmr_member_info_btn_area_gray + #free_member_area {
  margin: 30px auto 35px;
  text-align: center;
}

.toggle_open01,
.toggle_close01 {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(220, 236, 247, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(220, 236, 247, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(220, 236, 247, 1) 100%);
  border: 1px solid #0f4795;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
  color: #333;
  display: block;
  padding: 8px 36px 8px 16px;
  position: relative;
  transition: none;
}

.toggle_open01:after {
  content: url(/static/detail/image_cmn/ico_toggle_open01.png);
  right: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

.toggle_close01:after {
  content: url(/static/detail/image_cmn/ico_toggle_close01.png);
  right: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

.toggle_open01:hover,
.toggle_close01:hover {
  cursor: pointer;
  color: #e24b58;
}

/*  施設検索　会員情報 */
.hmr_member_info_area {
  margin: 0 auto;
  width: 624px;
}

/*テーブル*/
.table04 {
  border: 3px solid #999;
  border-collapse: collapse;
  box-sizing: border-box;
  width: 100%;
}

.table04 th {
  background: #ddd;
  border: 1px solid #bbb;
  width: 24%;
}

.table04 th,
.table04 td {
  padding: 10px;
  border: 1px solid #bbb;
}

.table04 td {
  background: #eee;
}

.list_square {
  width: 450px;

}

.list_square li {
  position: relative;
  padding-left: 15px;
  min-width: 220px;
  display: inline-block;
}

.list_square li::after {
  display: block;
  content: '';
  position: absolute;
  top: .3em;
  left: 0;
  width: 10px;
  height: 10px;
  background: #999;
}

.list_square li.long {
  width: 275px;
}

/* 予約・お問合わせ */
.reserve_area {
  text-align: center;
}

.reserve_btn_area {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 480px;
}

.reserve_btn_area li {
  width: 230px;
}


/* 投稿情報
========================================================================== */

.ttl_post01 {
  background: #eae3d4;
  border: 2px solid #bab0a7;
  border-bottom: none;
  font-size: 1.2em;
  margin-bottom: 16px;
  margin-top: 32px;
  padding: 8px 10px 8px 80px;
}

/* 見出し内の右にテキストがある場合 */

.ttl_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.ttl_area h3 {
  letter-spacing: -0.5px;
  word-break: break-all;
}

.ttl_area h3.photo:before {
  content: url(/static/detail/image_cmn/icon_parts01.png);
  left: 6px;
  position: absolute;
  top: -19px;
}

.ttl_area h3.movie:before {
  content: url(/static/detail/image_cmn/icon_parts02.png);
  left: 3px;
  position: absolute;
  top: -19px;
}

.ttl_area h3.mouth:before {
  content: url(/static/detail/image_cmn/icon_parts03.png);
  left: 3px;
  position: absolute;
  top: -19px;
}

.ttl_area p:last-child {
  font-size: 0.9rem;
}


/* ---------------------------------------
 投稿情報
---------------------------------------- */
.post_box {
  margin: auto;
  width: 550px;
}

/* 投稿数 */
.post_number_area {
  display: flex;
  justify-content: space-between;
}
.box_line_beige.post_number_area {
  padding: 0;
}

.post_number_area dl {
  box-sizing: border-box;
  display: table;
  width: calc(100% / 3);
  border-left: 1px solid #dcd0b8;
  padding: 10px;
}

.post_number_area dl:first-child {
  border: none;
}

.post_number_area dt,
.post_number_area dd {
  display: table-cell;
  text-align: center;
}

.post_number_area dt {
  width: 75px;
  text-align: left;
}

.post_number_area dd > span {
  font-size: 1.25em;
}

.icon_photo:before {
  content: url(/static/detail/image_cmn/ico_photo.png);
  margin-right: 10px;
}

.icon_movie:before {
  content: url(/static/detail/image_cmn/ico_movie.png);
  margin-right: 10px;
}

.icon_buzz:before {
  content: url(/static/detail/image_cmn/ico_buzz.png);
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.link_btn01.btn_view_all a,
.btn_view_all .btn_gray {
  display: inline-block;
  font-size: 0.9em;
  font-weight: 600;
  margin-top: -7px;
  padding: 8px 12px 8px 24px;
}

.btn_view_all span.btn_gray:before {
  margin-top: -12px;
}

/* ---------------------------------------
 投稿情報--写真
---------------------------------------- */


.post_photo_area li a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.post_photo_area > ul {
  display: flex;
  justify-content: center;
}

/*
投稿写真をグリッドに
*/
.list_post_photo li img {
  height: 100%;
  object-fit: cover;
  width:100%;
}

.list_post_photo li:nth-last-of-type(n+1):nth-last-of-type(-n+3) {
  border-bottom: none;
  margin-bottom: 0;
}

/*写真枠線*/
.list_post_photo li > a {
  border: solid 1px #333;
  display: block;
  margin-bottom: 10px;
  position: relative;
  height: 115px;
  overflow: hidden;
}

/* 虫眼鏡 */
.list_post_photo li .ico_zoom {
  background: url(/static/detail/image_cmn/ico_st_zoom.gif);
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 16px;
  width: 16px;
  z-index: 5;
}

/*写真施設名キャプション*/

.post_photo_area .restaurant_name_s {
  max-width: 260px;
}

.post_photo_area .restaurant_name::before {
  content: url(/static/detail/image_cmn/ico_restaurant.png);
  position: absolute;
  margin-left: -2em;
}


/* 写真を投稿ボタン */
.photo_link_area {
  border-top: solid 2px #dcd0b8;
  margin-bottom: 20px;
  padding-top: 15px;
}

.photo_btn02_area {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 320px;
}

.photo_btn02_area li {
  width: 47%;
  text-align: center;
}

.photo_notice {
  color: #d80000;
  font-size: 0.93em;
  text-align: center;
}

/*投稿ボタン*/
.post_btn_area {
  font-size: 1.2em;
  text-align: center;
  margin: 0 auto 10px;
  width: 250px;
}

/* ========================================
投稿写真なし 投稿募集
========================================*/
.none_post_collect_txt {
  background: #f3f1e9;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  margin: 0 0 10px 0;
}

.none_post_collect_img {
  margin: 0 0 20px -14px;
}
.none_post_collect_img img {
  max-width: 100%;
  width: auto;
}


/* ---------------------------------------
 投稿情報--動画
---------------------------------------- */
.list_post_photo,
.list_post_movie {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -15px;
}

.list_post_photo li,
.list_post_movie li {
  border-bottom: dashed 1px #bab0a7;
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.list_post_col3 li {
  padding: 0 8px 14px;
  width: 33.333%;
}

.list_post_col1 li {
  padding: 0 8px 14px;
  width: 100%;
}

.list_post_col2 li {
  padding: 0 8px 14px;
  width: 50%;
}

.list_post_col4 li {
    padding: 0 8px 14px;
    width: 25%;
}

.post_movie_link {
  display: block;
}

.post_movie {
  background: #000;
  border: 1px solid #333;
  margin: 0 auto;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.post_movie:after {
  background: url(/static/detail/image_cmn/btn_movie_icon.png);
  background-size: contain;
  content: "";
  height: 46px;
  left: 50%;
  margin-top: -23px;
  margin-left: -23px;
  position: absolute;
  top: 50%;
  width: 46px;
}

.post_movie img {
  opacity: 0.8;
  max-width: 100%;
}

.list_post_col1 .post_movie img {
  margin-top: -60px;
  width: 100%;
}
.list_post_col2 .post_movie img {
  margin-top: -30px;
}
.list_post_col3 .post_movie img {
  object-fit: cover;
  width: 155px;
  height: 86px;
}
.list_post_col4 .post_movie img {
  margin-top: -12px;
}

.post_movie:hover img {
  opacity: 1;
}

/*動画撮影ポイント　すべての動画を見る*/
.movie_link_box {
  border-top: solid 2px #dcd0b8;
  margin-bottom: 20px;
  padding-top: 15px;
}

/* ---------------------------------------
 投稿情報--口コミ
---------------------------------------- */
.box_kuchikomi_lst {
  margin: 14px 0 0;
}

.box_kuchikomi_lst > ul:first-child{
  margin-top: 20px;
}

.box_kuchikomi_lst .pager_number {
  margin: 0 15px;
}

#kuchikomi_list .pager_line_top,
#kuchikomi_list .pager_line_bottom02 {
  margin: 14px 0;
}
#kuchikomi_list hr.pager_line_top:first-child{
  display: none;
}

.post_reviews_area {
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  margin: 15px auto 0;
  padding: 15px 20px ;
  width: 99.5%;
  box-shadow: 0 1px 5px #8a7444;
}

/*口コミ　タイトル　星評価*/
.post_reviews_ttl_area {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: solid 2px #dc5d73;
  padding-bottom: 5px;
}

.post_reviews_ttl {
  font-size: 1.06em;
  font-size: 1.06em;
  width: 81%;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.post_reviews_ttl:before {
  content: url(/static/detail/image_cmn/ico_buzz.png);
  margin-right: 5px;
  position: relative;
  top: 3px;
}

/*口コミユーザー名　投稿日*/
.post_reviews_user_area {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 7px auto 10px;
  width: 98%; 
}
.post_reviews_user_area .txt_notes {
  font-size: 14px;
  margin: 3px 0 0 auto;
}
.post_reviews_day {
  text-align: right;
}

.post_reviews_user {
  font-size: 12px;
  margin-top: 3px;
}
.post_reviews_user_name {
  font-weight: 600;
}

.post_reviews_txt {
  word-break: break-all;
}

.post_reviews_txt:after {
  content: "";
  display: block;
  clear: both;
}

.post_reviews_txt .text_hide {
  display: none;
}

.post_reviews_txt .read_more {
  display: inline-block;
  margin-left: 5px;
}

/* 口コミに投稿写真 */
.reviews_area {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 10px auto 0;
}

.reviews_area .kuchikomi_img {
  margin-right: 15px;
}

.reviews_area .kuchikomi_img img{
  border: 1px solid #333;
  height: 100px;
  object-fit: cover;
  width: 100px;
}

.reviews_area .kuchikomi_img figcaption {
  margin: 5px auto;
  font-size: 0.8rem;
  text-align: center;
}

.reviews_area .kuchikomi_img + .post_reviews_txt {
  width: 460px;
}


/*続きをみるボタン*/
.post_reviews_btn_area {
  float: right;
  font-size: 0.93em;
  margin: 10px 0 0 20px;
  text-align: center;
  width: 120px;
}

.post_reviews_btn {
  background: rgb(173, 143, 89);
  background: -webkit-linear-gradient(top, rgb(190, 168, 121) 0%, rgb(173, 143, 89) 100%);
  background: linear-gradient(to bottom, rgb(190, 168, 121) 0%, rgb(173, 143, 89) 100%);
  border: 1px solid #8a7444;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 8px 10px 8px 16px;
  position: relative;
  transition: none;
}

.post_reviews_btn:hover {
  background: #bda777;
  color: #fff;
}

.post_reviews_btn:before {
  content: url(/static/image_cmn/img_arw01_icon01_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -3px;
  position: absolute;
  top: 50%;
}


/*口コミ投稿写真*/

.post_reviews_photo_area {
  margin: 0 10px;
}

.post_reviews_photo {
  display: flex;
  flex-wrap: wrap;
}

.post_reviews_photo {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  font-size: 0px;
  justify-content: space-between;
  margin: 15px auto 0;
}

.post_reviews_photo li {
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #e08b9e;
  margin: 0 0 5px 0;
}

.post_reviews_photo li a {
  display: block;
}

/* 画像1枚・2枚 */
.post_reviews_photo.lay_01 li,
.post_reviews_photo.lay_02 li {
  height: 330px;
  margin-right: 0;
  width: 440px;
}

.post_reviews_photo.lay_01 li a,
.post_reviews_photo.lay_02 li a {
  height: 328px;
  width: 438px;
}

/* 画像3枚・4枚・5枚 */
.post_reviews_photo.lay_03 li,
.post_reviews_photo.lay_04 li,
.post_reviews_photo.lay_05 li {
  height: 204px;
  width: 272px;
}

.post_reviews_photo.lay_03 li a,
.post_reviews_photo.lay_04 li a,
.post_reviews_photo.lay_05 li a {
  height: 202px;
  width: 270px;
}

.post_reviews_photo.lay_03 li:first-child,
.post_reviews_photo.lay_05 li:first-child {
  height: 330px;
  width: 100%;
}

.post_reviews_photo.lay_03 li:first-child a,
.post_reviews_photo.lay_05 li:first-child a {
  height: 328px;
  width: 438px;
}

/* 画像6枚 */
.post_reviews_photo.lay_06 li {
  height: 135px;
  width: 180px;
}

.post_reviews_photo.lay_06 li a {
  height: 133px;
  width: 178px;
}

/* 画像7枚 */
.post_reviews_photo.lay_07 li {
  height: 204px;
  width: 272px;
}

.post_reviews_photo.lay_07 li a {
  height: 202px;
  width: 270px;
}

.post_reviews_photo.lay_07 li:nth-child(n+5) {
  height: 135px;
  width: 180px;
}

.post_reviews_photo.lay_07 li:nth-child(n+5) a {
  height: 133px;
  width: 178px;
}

/* 画像8枚 */
.post_reviews_photo.lay_08 li {
  height: 132px;
  width: 132px;
}

.post_reviews_photo.lay_08 li a {
  height: 130px;
  width: 130px;
}

/*すべての口コミを見る*/
.reviews_link_box {
  border-top: solid 2px #dcd0b8;
  margin-bottom: 20px;
  padding-top: 15px;
}

/*施設名見出し*/
.post_reviews_area .facility_name_area {
  margin: 0 0 15px;
}

/*ページャー*/
#kuchikomi_list .pager01_area {
  position: relative;
}

#kuchikomi_list .cont_lst_foot_area {
  margin-top: 25px;
  border-top: solid 1px #bab0a7;
}


/*詳細ページ口コミ*/
#kuchikomi_list .ttl_post01 {
  border-bottom: 2px solid #bab0a7;
}

/* 投稿で商品ポイント
========================================================================== */
/* ユーザー情報ボタン-ログイン状態 */
.btn_member_info_area {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 94%;
}

.login_mypage_btn_area {
  font-size: 1.06em;
  text-align: center;
  margin: 10px auto;
  width: 460px;
}

/* 投稿方法ボタン */
.post_poin_btn_box {
  text-align: center;
  margin: 0 auto 10px;
  width: 220px;
}

.post_poin_btn_box a {
  font-weight: 600;
}

/* 贈呈ポイント */
.point_count {
  margin: 20px auto 30px;
  padding: 10px 0;
  text-align: center;
  display: inline-block;
}
.point_cap {
  margin-left: 30px;
  padding-right: 30px;
  position: relative;
  width: 330px;
  font-feature-settings: "palt";
  display: inline-block;
}
 .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;
}

/* ----------------------------------------------------------
ログインエリア 投稿ユーザー様からの口コミ投稿のうえ
---------------------------------------------------------- */
.mod_user_box {
  margin: 20px auto 15px;
  width: 612px;
}

/*--- 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(/static/detail/image_cmn/img-star-top.png) no-repeat center;
  height: 25px;
  left: 10px;
  top: 3px;
  width: 29px;
}
.mod_user_box .ttl .ttl_box::after {
  background: url(/static/detail/image_cmn/img-star-bottom.png) no-repeat center;
  top: 2px;
  height: 26px;
  right: 10px;
  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 20px 5px 0;
  position: relative;
  width: 100%;
}
.mod_user_box .user_regist_read .btn_tokuten a:after {
  background: url(/static/detail/image_cmn/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(/static/detail/image_cmn/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(/static/detail/image_cmn/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.login_mypage_btn_area {
  font-size: 18px;
  text-align: center;
  margin: 0;
  width: auto;
}
.mod_user_box .btn_flat.btn_please a {
  padding: 0 0 0 30px;
}
.mod_user_box .btn_flat.btn_please a::before {
  background: url(/static/detail/image_cmn/ico-lock2.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: 560px;
}
.mod_user_box .btn_mypage::before {
  background: url(/static/detail/image_cmn/ico-maypage-posticon2.png) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 40px;
  margin-right: 50px;
  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(/static/detail/image_cmn/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;
}

/* 電子チラシ・パンフレット
========================================================================== */
.flyer_area {
  display: flex;
  justify-content: space-around;
  width: 540px;
  margin: 0 auto;
}

/* 周辺マーケティング　周辺施設ボタン
========================================================================== */
.syuhen_btn {
  margin: 20px auto 0;
  width: 440px;
}

.syuhen_btn li {
  position: relative;
}

.syuhen_btn li a {
  font-size: 1.2em;
  padding: 8px 16px 8px 44px;
}

.syuhen_btn li a img {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -16px;
}

.syuhen_btn li#syuhen_shisetsu a img {
    left: 20px;
}
/*---------------------------------
  祭礼・祭事紹介動画
----------------------------------*/
.box_fes_movie {
  margin: 30px 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: 5px;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: url("/static/detail/image_cmn/btn_movie_icon.png") no-repeat 0
    0 / cover;
  margin: auto;
  width: 42px;
  height: 42px;
}

.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;
}
/* 地図
========================================================================== */
.y_map {
  position: relative;
  border: 2px solid #ccc;
  box-sizing: border-box;
  height: 382px;
  padding: 1px;
  width: 614px;
  margin-bottom: 25px !important;
}

.y_map_icn {
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 5;
}

.y_map_icn img {}

.map_view_btn_area {
  font-size: 1.1em;
  margin: 0 auto;
  text-align: center;
}

.map_view_btn_area li {
  display: inline-block;
  margin: 0 6px;
}

.map_arund_view_btn_area {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 270px;
}

.map_view_btn_area li a {
  border-radius: 21px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  padding: 9px 8px 9px 34px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
  width: 210px;
}

.map_view_btn_area li.btn_mainmap a {
  background: #4e8fd7;
  background: -webkit-linear-gradient(top, #82bae6 0%, #378bd3 50%, #1e60b3 100%);
  background: linear-gradient(to bottom, #82bae6 0%, #378bd3 50%, #1e60b3 100%);
  font-weight: 600;
  border: 1px solid #257dd7;
}

.map_view_btn_area li.btn_aerial a {
  background: #d06774;
  background: -webkit-linear-gradient(top, #ee9fac 0%, #e05b70 50%, #c13343 100%);
  background: linear-gradient(to bottom, #ee9fac 0%, #e05b70 50%, #c13343 100%);
  font-weight: 600;
  border: 1px solid #cc475b;
}

.map_view_btn_area li.btn_streetview a {
  background: #53b4b9;
  background: -webkit-linear-gradient(top, #65d6cb 0%, #12b4a2 50%, #088573 100%);
  background: linear-gradient(to bottom, #65d6cb 0%, #12b4a2 50%, #088573 100%);
  font-weight: 600;
  border: 1px solid #2eaeb1;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 25px;
}

.map_view_btn_area li.btn_streetview_in a {
  background: #ec9358;
  background: -webkit-linear-gradient(top, #ec9358 0%, #ef7732 100%);
  background: linear-gradient(to bottom, #ec9358 0%, #ef7732 100%);
  border: 1px solid #ef7732;
  padding-top: 12px;
  padding-bottom: 12px;
}

.map_view_btn_area li.btn_streetview a.btn_gray,
.map_view_btn_area li.btn_streetview_in a.btn_gray {
  background: rgb(234, 234, 234);
  background: -webkit-linear-gradient(top, rgb(234, 234, 234) 0%, rgb(221, 221, 221) 100%);
  background: linear-gradient(to bottom, rgb(234, 234, 234) 0%, rgb(221, 221, 221) 100%);
  border: 1px solid #9e9e9e;
  box-shadow: none;
  color: #999;
  pointer-events: none;
  padding-top: 12px;
  padding-bottom: 12px;
  text-shadow: none;
}

.map_view_btn_area li a:hover {
  opacity: 0.8;
}

.map_view_btn_area li a img {
  left: 12px;
  margin-top: -13px;
  position: absolute;
  top: 49%;
}

.map_view_btn_area_streetview {
  background: #fff;
  border: 2px solid #ff74b3;
  display: inline-block;
  margin: 0 auto 24px;
  padding: 1px;
  min-width: 320px;
}

.map_view_btn_area_streetview h3 {
  background: #ff74b3;
  color: #fff;
  font-size: 1.13em;
  padding: 5px 8px;
  text-align: center;
}

.map_view_btn_area_streetview .map_view_btn_area {
  padding: 15px 24px;
}

.map_arund_view_btn_area li {
  text-align: center;
  width: 270px;
}

/* マップにアイコン表示 */
.map_ptbox {
  background: url(/static/detail/image_cmn/bg_map_pt.png) no-repeat center top;
  background-size: 116px 131px;
  box-sizing: border-box;
  margin-left: -58px;
  margin-top: -122px;
  padding: 5px;
  position: absolute;
  top: 187px;
  left: 50%;
  width: 116px;
  height: 131px;
  vertical-align: top;
  text-align: center;
  z-index: 6;
}
a:hover .img_liquid {
  opacity: 1;
}
.map_ptbox a:hover {
  opacity: .7;
}
.map_ptbox .map_pt {
  height: 78px;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

.map_facility_name {
  background: #0068b7;
  box-sizing: border-box !important;
  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;
}

/* ---------------------------------------
 交通アクセス
---------------------------------------- */
.access_ttl {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.access_ttl_train:before {
  content: url(/static/detail/image_cmn/ico_train.png);
  position: relative;
  top: 5px;
}

.access_ttl_bus:before {
  content: url(/static/detail/image_cmn/ico_bus.png);
  position: relative;
  top: 5px;
}

.access_ttl_highway:before {
  content: url(/static/detail/image_cmn/ico_highway.png);
  position: relative;
  top: 5px;
}

.access_list {
  margin-left: 50px;
  font-size: 0.93em;
}

.access_list ul {
  display: flex;
  flex-wrap: wrap;
}

.access_list ul li {
  margin-bottom: 4px;
  position: relative;
  min-width: 230px;
  margin-right: 20px;
}

.access_list ul li::after {
  background-color: #333;
  border-radius: 100%;
  content: '';
  display: block;
  height: 4px;
  left: -0.8em;
  position: absolute;
  top: .5em;
  width: 4px;
}

.btn_access_area {
  margin: 0 auto;
  width: 280px;
  text-align: center;
}

.btn_access a {
  text-align: center;
  padding-left: 50px;
}

.link_btn01.btn_access a:before,
.link_btn01.btn_access a:hover:before {
  content: url(/static/detail/image_cmn/ico_train_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  border: none;
}

.btn_access a:hover:before {
  opacity: 0.8;
}

/* 施設周辺から生活施設を探す ボタン */
.box_around_area .box_line_brown {
  background: url("/static/detail/image/mod_area_facility_bg.png") #fff no-repeat -31% 100% /50%;
}

.btn_around_area {
  margin: 0 auto 0 170px;
  width: 280px;
  text-align: center;
}

.box_around_area .lead_area {
  text-align: left;
  padding-left: 160px;
}

.lead_area {
  text-align: center;
}

.box_access_area .lead_area {
  text-align: left;
}

.lead_customize .pict_lead{
  margin-top: 8px;
  width: 660px;
  float: left;
}


/* ---------------------------------------
無料／有料施設会員で使用できる機能
---------------------------------------- */
#features {
  margin-top: 30px;
}
#features .ttl02{
  border-top: 4px solid #0168b7;
  padding: .4em 1.2em .4em;
  font-size: 1.16rem;
}
#features h3{
  border-left: solid 4px #062b68;
  color: #062b68;
  font-size: 1rem;
  margin: 1em 0 .8em -1px;
  padding-top: .1em;
  padding-left: .5em;
  line-height: 1.3em;
}
#features h3 span {
  font-size: 1.26em;
}
.ftr_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fbf5de;
  padding: 18px 15px 12px 18px;
  margin-top: .5em;
}
.ftr_list li {
  width: 32.5%;
  font-size: .94em;
  font-feature-settings: "palt";
  margin-bottom: .5em;
  padding-left: .8em;
  line-height: 1.2;
  position: relative;
  }
.ftr_list li:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #074f98;
  display: inline-block;
  position: absolute;
  top: .28em;
  left: 0;
  }
#features .box_line_brown{
  padding: 15px 20px 20px 20px;
}
#features .link_btn01 span{
  font-size: 1.2em;
}
#features .link_btn01 a{
  padding: 8px 30px;
}
/* ---------------------------------------
 経路検索、パーキング検索
---------------------------------------- */
.search_route,
.search_parking {
  padding: 0 0 14px 0;
  margin: 0 0 14px 0;
}

.point_input_area {
  display: flex;
}

.search_route input[type="text"],
.search_parking input[type="text"] {
  border: 1px solid #969696;
  box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
  height: 34px;
  padding: 0 8px;
  margin-right: auto;
  vertical-align: middle;
  width: 340px;
}

.point_change {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  margin: 10px;
}

.point_change_arw {
  margin: 0 20px 0 0;
}

.point_change_arw02 {
  margin: 0 4px 0 0;
}

/* 現在地、当施設設定ボタン */
#btn_here,
#btn_facility,
#btn_parking {
  border: none;
  display: block;
  height: 36px;
  width: 120px;
}

#btn_here {
  background: url(/static/detail/image_cmn/btn_here_set.png) no-repeat;
}

#btn_facility,
#btn_parking {
  background: url(/static/detail/image_cmn/btn_facility_set.png) no-repeat;
}

#btn_here:hover,
#btn_facility:hover,
#btn_parking:hover {
  opacity: .8;
  cursor: pointer;
}

/* Googleマップボタン、iPosNetボタン */
.btn_route_area {
  text-align: center;
  margin: 0 auto 10px;
  width: 270px;
}

.btn_parking_area {
  text-align: center;
  margin: 0 auto;
  width: 370px;
}

.question {
  color: #dc5d73;
}

/* エラーメッセージ色 */
.search_route_message,
.search_parking_message::-webkit-input-placeholder {
  color: #f00;
}

.search_route_message,
.search_parking_message::-moz-placeholder {
  color: #f00;
}

.search_route_message,
.search_parking_message:-ms-input-placeholder {
  color: #f00;
}


/* 施設周辺の賃貸物件
========================================================================== */
/*施設周辺の賃貸物件ボタン*/
.box_rent {
  margin: 50px auto 0px;
  padding-bottom: 30px;
  text-align: center;
  width: 630px;
}

/* ホームメイトバナー */
.bnr_homemate {
  margin-bottom: 32px;
  text-align: center;
}

.bnr_homemate .cap {
  margin-top: 5px;
}



/* ---------------------------------------
 周辺物件情報 「施設周辺の賃貸物件を検索」
 ---------------------------------------- */

#loading_srch_databox {
  display: none;
  padding: 0 0 30px 0;
  text-align: center;
}

#dummy {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.mobile #dummy {
  cursor: pointer;
}

.mod_bkn_info .btn {
  width: 500px;
  margin: 15px auto;
}

.mod_bkn_info .btn img {
  cursor: pointer;
}

.mod_bkn_info .btn img:hover {
  opacity: 0.8;
}

.mod_bkn_info .loading {
  display: none;
  padding: 0 0 30px 0;
  text-align: center;
}

.mod_bkn_info .box {
  display: none;
}

/* ホームメイトバナー */

.mod_bkn_info .box .hm_bnr {
  text-align: center;
  margin: 30px auto 20px;
}

.mod_bkn_info .box .hm_bnr a {
  display: inline-block;
}

.mod_bkn_info .box .hm_bnr figcaption {
  font-size: 13px;
  line-height: 1.4em;
  margin: 5px auto 20px;
}

/* 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: 0.02em;
}

/* ------------------------------------------
 生活施設検索 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: 340px;
  padding: 0 10px 0 44px;
  background: url(/static/detail/image/icon_search_green.png) no-repeat left center;
  vertical-align: middle;
}

.mod_living_fa .btn_off {
  display: table-cell;
  vertical-align: middle;
}

/*セレクトボックス　リスト*/

#menuContent {
  position: absolute;
  z-index: 1000;
  top: 40px;
  left: 0;
  display: none;
  width: 245px;
  background: #fff;
  background-position: right center;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #E0426D;
}

#menuContent li {
  font-size: 13px;
  line-height: 2;
}

#menuContent li.none {
  padding: 1px 0 1px 14px;
}

#menuContent li a {
  display: block;
  padding: 1px 0 1px 10px;
  color: #000;
  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 span.sml{
  font-size: .8em;
}

#menuContent li a:hover {
  color: #333;
  background: #ffdee8;
  opacity: 1;
}

#menuContent li.cls {
  text-align: center;
  margin-top: 2px;
}

#menuContent li.cls a{
  background: #a23917;
  color: #fff;
  padding: 0 3em;
  border-radius: 3em;
  font-size: 12px;
  display: inline-block;
  margin: 0 auto .5em;
  text-align: center;
  min-width: auto;
  line-height: 28px;
}

#menuContent li.cls a:hover {
  background: #a23917;
  opacity: .7;
}


/* ---------------------------------------
 周辺のお部屋検索 old
---------------------------------------- */
.around_search_area {
  border-bottom: solid 1px #dcd0b8;
  margin-bottom: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.around_search_area:last-child {
  border-bottom: none;
  margin-bottom: 6px;
  padding-bottom: 0;
}

.around_search {
  float: left;
  width: 330px;
}

.around_search_btn_area {
  float: right;
  width: 190px;
}

.around_search_btn_area02 {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari */
  justify-content: center;
}

.around_search_btn_area02 > li {
  text-align: center;
  width: 170px;
}

.around_search_btn_area02 > li:first-child {
  margin-right: 20px;
}

/* ピカ写メバナー */
.pika {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 510px;
}

/* 施設周辺の生活施設検索 */
.tit_living_facilities_img {
  padding-bottom: 2px;
  margin-right: 20px;
}


/* ランキング
========================================================================== */
#ranking .indent01 > p {
  text-indent: 1em;
}

.rank_no_area {
  display: inline-block;
}

.rank_no_area:last-child .rank_no{
  margin-left: 20px;
  width: auto;
}

.rank_no {
  margin: 0 auto;
  width: 215px;
}

.rank_no dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.rank_no dt {
  min-width: 60px;
  text-align: left;
}

.rank_no dd {
  min-width: 150px;
  text-align: right;
}

.rank_no dd span {
  padding: 0 10px;
}

#ranking .list01 li {
  margin-left: 2em;
  margin-right: 1em;
}


#ranking section.box_line_brown  {
  text-align: center;
  padding-bottom: 5px;
}


/* ---------------------------------------
 おすすめ店スライダー 
---------------------------------------- */
.slider01 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 546px;
  padding-left: 6px;
  position: relative;
}

.pick_fa {
  width: 612px;
  overflow: hidden;
  margin: 0 auto;
}

.pick_fa .ttl02 span {
  color: #ba1c2b;
  font-size: 113%;
}

.slider01 li {
  padding: 10px;
  width: 172px;
  margin-right: 10px;
  background-color: #fff3da;
}

.slider_thumb {
  display: block;
  height: 110px;
  width: 154px;
  margin-bottom: 14px;
}

.slider_thumb a {
  display: block;
  height: 110px;
  width: 154px;
}

.slider_thumb img {
  width: 100%;
}

.slider01 .area_txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.86em;
}

/*サムネール*/
.slider01 .slick-dots {
  text-align: center;
}

.slider01 .slick-dots li {
  width: 15px;
  text-align: center;
  display: inline-block;
  font-size: 0px;
  line-height: 0px;
  padding: 0px;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 5px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.slider01 .slick-dots li button {
  height: 12px !important;
  width: 12px !important;
  border-radius: 6px;
  position: relative;
  /* PIEを動作させるために追加 */
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-color: #CCC;
  font-size: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}

.slider01 .slick-dots .slick-active button {
  background-color: #666 !important;
}

/*コントローラー*/
.slider01 button.slick-arrow {
  font-size: 0px;
  line-height: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  height: 26px;
  width: 26px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.slider01 button.slick-arrow:hover {
  opacity: 0.5;
}

.slider01 button.slick-prev {
  background-image: url(/static/detail/image_cmn/slider_arw_l.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 90px;
  left: -26px;
  z-index: 10;
}

.slider01 button.slick-next {
  background-image: url(/static/detail/image_cmn/slider_arw_r.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 90px;
  right: -26px;
  z-index: 10;
}

.slider_ttl a {
  display: block;
  font-size: 1.06em;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slider_rating_area {
  display: flex;
  justify-content: space-between;
  margin: 5px 0 0 0;
}

.slider_rating_tx {
  color: #ff3737;
  text-align: right;
}


/* モーダル
========================================================================== */
/*モーダル基本スタイル*/
/*背景*/
#modal_area01,
#modal_area02 {
  background: #fff;
  position: relative;
}

.fancybox-inner {
  overflow-x: hidden !important;
}

/*閉じるボタン*/
.btn_modal_close {
  position: absolute;
  right: 10px;
  top: 10px;
}

/*モーダル　タイトル*/
.modal_ttl01 {
  background: rgb(245, 242, 235);
  background: -webkit-linear-gradient(top, rgb(245, 242, 235) 0%, rgb(235, 228, 214) 100%);
  background: linear-gradient(to bottom, rgb(245, 242, 235) 0%, rgb(235, 228, 214) 100%);
  border: solid 1px #fff;
  border-bottom: solid 1px #d9ccb3;
  font-size: 1.25em;
  font-weight: normal;
  padding: 10px 20px;
}

.modal_ttl02 {
  border-left: solid 5px #093888;
  font-size: 1.2em;
  padding: 0 0 0 8px;
}

/*モーダル　インナー枠*/
.modal_inner {
  padding: 0 20px 20px 20px;
}

/* ---------------------------------------
 基本情報編集フォーム
 ---------------------------------------- */
/*モーダル枠*/
.modal_w930 {
  width: 930px;
}

/*テーブル*/
.table03 {
  border: 3px solid #bab0a7;
  border-collapse: collapse;
  box-sizing: border-box;
  width: 100%;
}

.table03 th {
  background: #f3f1e9;
  border: 1px solid #bab0a7;
  width: 14%;
}

/*必須アイコン*/
th.required {
  background: url(/static/detail/image_cmn/ico_required.png) no-repeat top left #f3f1e9;
}

.table03 th,
.table03 td {
  padding: 10px;
  border: 1px solid #dbd6d0;
}

.table03 td {
  width: 36%;
}

/*フォーム横並び*/
.form_list li {
  display: inline-block;
  margin: 4px 10px 4px 0;
}

.form_list li:after {
  margin-right: 0px;
}

/*フォーム　テキスト、テキストエリア*/
.form01 input[type="text"],
.form01 textarea {
  border: 1px solid #88abda;
  padding: 4px;
}

/*フォーム　テキスト、テキストエリア高さ*/
.h60 {
  height: 60px;
}

.h130 {
  height: 140px;
}

/*フォーム　テキスト、テキストエリア横幅*/
.w40 {
  width: 40%;
}

.w100 {
  width: 100%;
  box-sizing: border-box;
}

/*フォーム　チェックボックス*/
.checkbox01 input[type="checkbox"] {
  display: none;
}

.checkbox01 label {
  cursor: pointer;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  position: relative;
}

.checkbox01 label::before {
  background: #fff;
  border: 1px solid #88abda;
  content: '';
  margin: -10px 0 0 0;
  position: absolute;
  left: 0;
  top: 50%;
  height: 18px;
  width: 18px;
}

.checkbox01 input[type="checkbox"]:checked + label::after {
  border-left: 2px solid #88abda;
  border-bottom: 2px solid #88abda;
  content: '';
  position: absolute;
  left: 3px;
  top: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 5px;
  width: 13px;
}

/*フォーム　ラジオボタン*/
.radio01 input[type="radio"] {
  display: none;
}

.radio01 label {
  cursor: pointer;
  display: inline-block;
  padding: 3px 3px 3px 24px;
  position: relative;
}

.radio01 label::before {
  background: #fff;
  border: 1px solid #88abda;
  border-radius: 100%;
  content: '';
  margin: -10px 0 0;
  position: absolute;
  left: 0;
  top: 50%;
  height: 18px;
  width: 18px;
}

.radio01 input[type="radio"]:checked + label::after {
  background: #88abda;
  border-radius: 100%;
  content: '';
  margin-top: -6px;
  position: absolute;
  left: 4px;
  top: 50%;
  height: 10px;
  width: 10px;
}

/*フォーム　アラート*/
input[type="text"].form_alert,
textarea.form_alert,
.form_alert label::before {
  background: #ffcccc;
  border: solid 1px #cc0000;
}

/*フォーム　駐車場台数*/
.parking_number {
  width: 60px;
  margin-right: 2px;
}

/*フォーム　部品半透明*/
.form_opacity {
  opacity: .5
}

/*注釈*/
.notes01 {
  color: #cc0000;
  font-size: 0.95em;
}

/*inputボタン　サイズ*/
/*色指定は下部「ボタン関連」にあり*/
.input_btn01 {
  cursor: pointer;
  font-size: 1.22em;
  width: 230px;
}

/*inputボタン１つ　位置センター*/
.input_btn_center {
  margin: 0 auto;
}

.form_btn_area {
  margin: 0 auto;
  width: 54%;
}

/*アラート文*/
.form_alert_txt_area {
  display: table;
}

.alert_box,
.alert_txt01 {
  display: table-cell;
  vertical-align: middle;
}

.alert_txt01 {
  color: #cc0000;
}

.alert_box {
  border: solid 1px #cc0000;
  background: #ffcccc;
  display: inline-block;
  height: 30px;
  margin: 0 2px 0 0;
  width: 100px;
}


/*施設情報完了画面　プレゼント*/
.prize_choose_area {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 580px;
}

.btn_prize_choose {
  line-height: 1;
  text-align: center;
  width: 200px;
}

/* ---------------------------------------
 ログイン促進モーダル
 ---------------------------------------- */
.modal_login_ttl {
  background: rgb(203, 185, 147);
  background: -webkit-linear-gradient(top, rgb(203, 185, 147) 0%, rgb(181, 156, 103) 100%);
  background: linear-gradient(to bottom, rgb(203, 185, 147) 0%, rgb(181, 156, 103) 100%);
  color: #fff;
  font-size: 1.47em;
  font-weight: normal;
  padding: 30px 0;
  text-align: center;
}

/*モーダル枠　吹き出し*/

#modal_area02 {
  display: inline-block;
  position: relative;
  width: 600px;
  margin-right: 330px;
  background-color: #fff;
  z-index: 1000;
}

#modal_area02:after {
  border: 20px solid transparent;
  border-left: 20px solid #fff;
  position: absolute;
  content: " ";
  height: 0;
  width: 0;
  left: 100%;
  top: 50%;
  margin-top: -20px;
}

.modal_login_inner {
  background: #f5f2eb;
  padding: 20px;
  margin: 20px;
  text-align: center;
}

/* タイトル*/
.login_please_ttl {
  font-size: 1.47em;
}

/* 施設検索説明ボタン*/
.btn_login_please_hmr {
  width: 90%;
  margin: 0 auto;
}

.btn_login_please_hmr p,
.btn_login_please_hmr img {
  display: inline-block;
}


/* ---------------------------------------
 贈呈ポイント
 ---------------------------------------- */
#mod_point_box {
  font-size: 15px;
  line-height: 1.5;
  overflow: hidden;
  max-width: 350px;
  min-height: 340px;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  text-align: left;
  letter-spacing: 0.05em;
  overflow: visible;
}

#mod_point_box > .ttl {
  margin: 0 0 10px;
}

#mod_point_box > .text {
  margin: 0 10px 8px;
}

#mod_point_box .subttl {
  border-left: 4px solid #062b68;
  padding: 3px 0 3px 8px;
  width: 306px;
  margin: 0 auto;
}

#mod_point_box .data {
  width: 290px;
  margin: 10px auto 0;
  border-bottom: 1px dashed #aaa;
}

#mod_point_box .data .name {
  margin: 0 0 4px;
  padding: 0 0 0 14px;
  background: url(/static/image_cmn/img_arw01_icon01.png) no-repeat 4px 8px;
}

#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 全画面モーダル
 ---------------------------------------- */
#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;
  left: 50%;
  width: 104px;
  height: 33px;
  margin-left: -52px;
  background: url(/static/image_cmn/btn_lightbox_close.png)no-repeat center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 300;
  cursor: pointer;
}

#modal_fullmap div {
  box-sizing: content-box;
}

/* ----------------------------------------------
イメージアニメ・イメージビデオ
 -------------------------------------------- */
.mod_movie_box {
  margin: 30px auto 0;
  font-size: 0;
  text-align: center;
  padding: 0;
  border: none;
}

.mod_movie_box.mt40 {
  margin-top: 30px !important;
}

.mod_movie_box dl {
  display: inline-block;
  margin: 0 14px 0 0;
  width: 211px;
}

.mod_movie_box dl.video_l {
  box-sizing: border-box;
  width: 200px;
}

.mod_movie_box dl.video_l.w_3col {
  width: 100%;
}

.mod_movie_box dl.video_l.w_3col .thumb_list {
  display: flex;
  justify-content: center;
}

.mod_movie_box dl.video_l dt {
  width: 100%;
  margin: 0;
}

.mod_movie_box dl.video_l dt .ttl_text {
  padding-left: 10px;
}

.mod_movie_box dl.video_l dd.cont {
  width: 100%;
  margin: 0;
}

.mod_movie_box dl.video_l .thumb {
  height: 112px;
  margin: 8px auto;
  width: 200px;
  border: solid 1px #d73e3e;
}

.mod_movie_box dl.video_l .thumb_list li {
  width: 210px;
  text-align: center;
  display: block;
}

.mod_movie_box dl.video_l.w_3col .thumb_list li {
  padding: 0 5px;
  overflow: hidden;
}
.mod_movie_box .mod_risachan_video .thumb_list li a {
  border: solid 1px #ef6384;
}

.mod_movie_box dl.video_l .thumb_list .caption {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}

.mod_movie_box dl.video_l .thumb_list .caption.txt_long {
  font-size: 15px;
}

.mod_movie_box dl.video_l .thumb_cols {
  height: 112px;
  margin: 8px auto 2px;
  position: relative;
  width: 200px;
}

.mod_movie_box dl.video_l .thumb_cols:hover {
  opacity: 0.8;
}

.mod_movie_box dl.video_l .thumb_cols a {
  display: block;
  position: relative;
}


.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:last-child {
  margin: 0;
}

.mod_movie_box dt {
  border-radius: 5px 5px 0 0;
  height: 45px;
  line-height: 40px;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  text-align: center;
  width: 200px;
}

.mod_movie_box dl.video_l.mod_risachan_video dt {
  background: #ef6384;
  margin: 0 auto;
  width: 620px;
}

.mod_movie_box .mod_img_anime dt {
  background: #d73e3e;
}

.mod_movie_box .cont {
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
}


.mod_movie_box .thumb {
  height: 110px;
  margin: 25px 5px 34px;
  position: relative;
  width: 195px;
}

.mod_movie_box .thumb:hover {
  opacity: 0.8;
}

.mod_movie_box .img_liquid a:after {
  background: url(/static/detail/image_cmn/btn_movie_icon.png);
  background-size: contain;
  content: "";
  height: 46px;
  left: 50%;
  margin-top: -23px;
  margin-left: -23px;
  position: absolute;
  top: 50%;
  width: 46px;
}

.mod_movie_box .thumb a {
  display: block;
}

/* ---------------------------------------
Googleマップの使い方
 ---------------------------------------- */
.modal_w600 {
  width: 600px;
  background: #fff;
}

.howto_gmap_img {
  border: solid 1px #666;
  margin: 0 auto 20px;
  width: 557px;
  height: auto;
}

/* ---------------------------------------
ボトムバナー
 ---------------------------------------- */
#bottom_banner {
  padding: 15px 40px 16px;
}

#bottom_banner figure {
  padding-bottom: 16px;
}



/* 定番スタイル-調整など
========================================================================== */
/* スター 小*/
.star_s {
  background: url(/static/image_cmn/img_ranking_star5.png)no-repeat left -17px;
  background-size: 74px 32px;
  width: 74px;
}

.star_s span {
  display: block;
  height: 16px;
  overflow: hidden;
}

.star_s .rating_05 {
  width: 8px;
}

.star_s .rating_10 {
  width: 18px;
}

.star_s .rating_15 {
  width: 24px;
}

.star_s .rating_20 {
  width: 32px;
}

.star_s .rating_25 {
  width: 39px;
}

.star_s .rating_30 {
  width: 47px;
}

.star_s .rating_35 {
  width: 53px;
}

.star_s .rating_40 {
  width: 61px;
}

.star_s .rating_45 {
  width: 67px;
}

.star_s .rating_50 {
  width: 74px;
}

.star_s span img {
  height: auto;
  max-width: none;
  width: 74px;
}

/* ---------------------------------------
 ボタン関連
---------------------------------------- */
/* ボタン配置 */
/* 横並び*/
.btn_col {
  display: flex;
  justify-content: space-between;
}

/* ボタン2カラム */
.btn_col2 > li {
  width: 48%;
}

/* ボタン　ターコイズブルー */
.link_btn_turquoise input[type="submit"],
li.link_btn_turquoise a,
p.link_btn_turquoise a {
  background: rgb(99, 192, 197);
  background: -webkit-linear-gradient(top, rgba(99, 192, 197, 1) 0%, rgba(25, 151, 158, 1) 100%);
  background: linear-gradient(to bottom, rgba(99, 192, 197, 1) 0%, rgba(25, 151, 158, 1) 100%);
  border: 1px solid #0c8991;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
  text-shadow: 0 1px 1px rgba(8, 94, 100, 1);
  transition: none;
}

/* ボタン　ターコイズブルー円 */
p.link_btn_turquoise a.circle {
  display: inline-block;
  padding: 8px 25px;
  min-width: 200px;
  border-radius: 20px;
}

.arw01_w a.circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto 0;
  width: 20px;
  height: 22px;
  background: url("/static/image_cmn/ico_login_key.png") no-repeat 0 0 /cover;
}

.link_btn_turquoise a:hover,
.link_btn_turquoise input[type="submit"]:hover,
li.link_btn_turquoise a:hover {
  background: #64c1c6;
}

/* ボタンブルー */
.link_btn_blue a {
  background: rgb(0, 153, 219);
  background: -webkit-linear-gradient(top, rgba(0, 153, 219, 1) 0%, rgba(0, 116, 188, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 153, 219, 1) 0%, rgba(0, 116, 188, 1) 100%);
  border: 1px solid #1d68ad;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 8px;
  position: relative;
  text-shadow: 0 1px 1px rgba(8, 94, 100, 1);
  transition: none;
}

.link_btn_blue a:hover {
  background: #0b9ada;
}

/* ボタンピンク */
.link_btn_pink a,
.link_btn_pink input[type="submit"] {
  background: rgb(226, 88, 140);
  background: -webkit-linear-gradient(top, rgb(234, 134, 172) 0%, rgb(226, 88, 140) 100%);
  background: linear-gradient(to bottom, rgb(234, 134, 172) 0%, rgb(226, 88, 140) 100%);
  border: 1px solid #cf4181;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  padding: 8px 16px;
  position: relative;
  text-shadow: 0 1px 1px rgba(219, 47, 112, 1);
  transition: none;
}
.link_btn_pink a {
  font-weight: 600;
}

.link_btn_pink a:hover,
.link_btn_pink input[type="submit"]:hover {
  background: #e97ea6;
}

/* ボタンベージュ */
.link_btn_beige a {
  background: rgb(173, 143, 89);
  background: -webkit-linear-gradient(top, rgb(190, 168, 121) 0%, rgb(173, 143, 89) 100%);
  background: linear-gradient(to bottom, rgb(190, 168, 121) 0%, rgb(173, 143, 89) 100%);
  border: 1px solid #8a7444;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  padding: 8px 16px;
  position: relative;
  transition: none;
}

.link_btn_beige a:hover {
  background: #bda777;
}

/* ボタンうす水色 */
.link_btn_skyblue a {
  background: rgb(222, 241, 253);
  background: -webkit-linear-gradient(top, rgb(222, 241, 253) 0%, rgb(182, 223, 250) 100%);
  background: linear-gradient(to bottom, rgb(222, 241, 253) 0%, rgb(182, 223, 250) 100%);
  border: 1px solid #3366a8;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #333;
  display: block;
  padding: 8px 16px;
  position: relative;
  transition: none;
}

/* ボタングリーン */
.link_btn_green a {
  background: rgb(137, 193, 23);
  background: -webkit-linear-gradient(top, rgba(137, 193, 23, 1) 0%, rgba(82, 158, 1, 1) 100%);
  background: linear-gradient(to bottom, rgba(137, 193, 23, 1) 0%, rgba(82, 158, 1, 1) 100%);
  border: 1px solid #3a7401;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 8px 16px;
  position: relative;
  text-shadow: 0 1px 1px rgba(8, 94, 100, 1);
  transition: none;
}

.link_btn_green a:hover {
  background: #89c117;
}


/* アイコン三角矢印-白 */
.arw01_w a:before {
  content: url(/static/image_cmn/img_arw01_icon01_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -3px;
  position: absolute;
  top: 50%;
}


/* アイコン日本地図-白 */
.icon_jp_w a:before {
  content: url(/static/detail/image_cmn/ico_jp_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -15px;
  position: absolute;
  top: 50%;
}

/* アイコン地点-白 */
.icon_map_w a:before {
  content: url(/static/detail/image_cmn/ico_map_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン経路検索　設定ボタン　矢印-青 */
.icon_route a:before {
  content: url(/static/detail/image_cmn/ico_route.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン写真　白 */
.icon_photo_w a:before {
  content: url(/static/detail/image_cmn/ico_photo_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン動画　白 */
.icon_movie_w a:before {
  content: url(/static/detail/image_cmn/ico_movie_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン口コミ　白 */
.icon_buzz_w a:before {
  content: url(/static/detail/image_cmn/ico_buzz_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン電車　白 */
.icon_train_w a:before {
  content: url(/static/detail/image_cmn/ico_train_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン電車　白 */
.icon_bus_w a:before {
  content: url(/static/detail/image_cmn/ico_bus_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン 高速道路　白 */
.icon_highway_w a:before {
  content: url(/static/detail/image_cmn/ico_highway_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

/* アイコン　レンタカー／レンタカー会社（車）　白 */
.icon_car_w a:before {
  content: url(/static/detail/image_cmn/ico_car_w.png);
  left: 10px;
  line-height: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}

.arw01_g li:before {
  content: url(/static/detail/image_cmn/img_arw01_icon01_g.png);
  left: 10px;
  margin-top: -11px;
  position: absolute;
  top: 40%;
}

/* テキストリンク -円ベージュ内三角矢印*/
.link_arw02_03 a,
.link_arw02_03 span {
  position: relative;
}

.link_arw02_03 a:before,
.link_arw02_03 span:before {
  content: url(/static/detail/image_cmn/img_arw02_icon03.png);
  left: -16px;
  line-height: 0;
  position: absolute;
  top: 0.3em;
}

.link_arw02_03_gray {
  color: #999;
}

.link_arw02_03_gray span:before {
  content: url(/static/detail/image_cmn/img_arw02_icon03_gray.png);
}

/* テキストリンク -メールアイコン*/
.link_mail {}

.link_mail a {
  position: relative;
  font-size: 0.8em;
  padding: 8px 5px;
  margin: 0 10px 14px 10px;
}

.link_mail a span {
  display: inline-block;
  padding-left: 30px;
  text-align: center;
  width: 190px;
}

.link_btn01 .link_mail  a {
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(220,236,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,236,247,1) 100%);
  color: #333;
}

/*snsエリア このページを友達に教える*/

.pc .link_btn01.mailbtn a:hover:before,
.pc button.link_btn01.mailbtn:hover:before,
.pc .link_btn01.mailbtn a.hover:before {
  content: url(/static/detail/image_cmn/ico_mail.png);
}

.link_mail a:before {
  content: url(/static/detail/image_cmn/ico_mail.png);
  top: -15px;
  border: none;

}

/* テキストリンク -アラートアイコン*/
.link_alert {
  margin-left: 26px;
}

.link_alert a {
  position: relative;
}

.link_alert a:before {
  content: url(/static/detail/image_cmn/ico_alert.png);
  left: -26px;
  line-height: 0;
  position: absolute;
  top: 0.05em;
}

/* テキストリンク -戻る*/
.link_arw_back {
  bottom: 10px;
  position: absolute;
  right: 20px;
}

.link_arw_back a {
  position: relative;
}

.link_arw_back a:before {
  content: url(/static/detail/image_cmn/img_arw_back.png);
  left: -24px;
  line-height: 0;
  position: absolute;
  top: 0em;
}

/* リンク未設定グレーボタン -三角矢印*/
.btn_gray li,
li.btn_gray,
p.btn_gray,
span.btn_gray {
  background: rgb(234, 234, 234);
  background: -webkit-linear-gradient(top, rgb(234, 234, 234) 0%, rgb(221, 221, 221) 100%);
  background: linear-gradient(to bottom, rgb(234, 234, 234) 0%, rgb(221, 221, 221) 100%);
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  color: #999;
  display: block;
  font-weight: 600;
  /* padding: 8px 10px 8px 16px; */
  padding: 10px 0 10px 36px;
  position: relative;
  text-align: center;
  font-size: 0.95em;
}

.btn_gray li:before,
li.btn_gray:before,
p.btn_gray:before,
span.btn_gray:before {
  content: url(/static/detail/image_cmn/img_arw01_icon01_g.png);
  left: 10px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
}

/* テキストリンク未実装-三角グレー*/
p .arw_gray,
.arw_gray li,
li.arw_gray {
  color: #999;
  position: relative;
  padding-left: 10px
}

p .arw_gray:before,
.arw_gray li:before,
li.arw_gray:before {
  content: url(/static/detail/image_cmn/img_arw01_icon01_g.png);
  left: 0px;
  line-height: 0;
  position: absolute;
  top: 0.5em;
}

/* リンク未設定 -円グレー内三角矢印*/
.arw02_03_gray {
  opacity: .5;
  position: relative;
}

.arw02_03_gray:before {
  content: url(/static/detail/image_cmn/img_arw02_icon03_g.png);
  left: -16px;
  line-height: 0;
  position: absolute;
  top: 0.2em;
}

/* ---------------------------------------
 ボックス枠　線
---------------------------------------- */
.box_line_beige {
  background: #fff;
  border: solid 4px #e0d5bf;
  box-shadow: 0 0 0 1px #d7cbc4;
  padding: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.box_line_brown {
  background: #fff;
  border: solid 2px #bab0a7;
  padding: 14px;
}

/* 施設から交通アクセス */
.box_access_area .box_line_brown {
  background: url("/static/detail/image/mod_area_access_bg.png") #fff no-repeat 0 0 /auto 100%;
  min-height: 183px;
  padding: 30px 14px 14px 160px;
}

.ttl_post01 + .box_line_brown,
.ttl02 + .box_line_brown {
  border-top: none;
}

/* border-top　線*/
.ad_bnrbox {
    border-top: 2px solid #0168b7;
    padding-top: 28px;
}

/* ---------------------------------------
 見出し
---------------------------------------- */

.ttl_area p:last-child {
  font-size: 13px;
  margin-left: auto;
}

/* ---------------------------------------
 マージン
---------------------------------------- */
.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb90 {
  margin-bottom: 90px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

/* ---------------------------------------
パディング
---------------------------------------- */
.pb52 {
  padding-bottom: 52px;
}

.pd10 {
  padding: 10px;
}

.pd15 {
  padding: 15px;
}

.pd20 {
  padding: 20px;
}

.pdt20 {
  padding-top: 20px;
}

.pdt25 {
  padding-top: 25px;
}

.pdb10 {
  padding-bottom: 10px;
}

.pdb15 {
  padding-bottom: 15px;
}

.pdb20 {
  padding-bottom: 20px;
}

.pdb25 {
  padding-bottom: 25px;
}

/* ---------------------------------------
 位置
---------------------------------------- */
.center_auto {
  margin: 0 auto;
}

.center_auto_img {
  display: block;
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  float: left;
}

/* ---------------------------------------
 フォント
---------------------------------------- */
.font_nomal {
  font-weight: normal;
}

/* ---------------------------------------
 1行目インデント
---------------------------------------- */
.txt_indent01 {
  padding-left: 1em;
  text-indent: -1em;
}

/* ---------------------------------------
 店舗編集ウェイトスクリーン
---------------------------------------- */
.LoginWaitScreenBodyDetailEdit {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 40;
  /*border-radius: 8px;*/
}

.loadingCenterDetailEdit {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -80px;
  width: 160px;
}

.loadingCenterDetailEdit .loadingBackGroundDetailEdit {
  background: #fff;
  padding: 8px;
  width: auto;
  text-align: center;
  width: 160px;
}

.loadingCenterDetailEdit .loadingMesDetailEdit {
  font-size: 11px;
  color: #555;
}

/*-------------------------
 新しいお部屋探しのご提案 #rent_pr_search
---------------------------*/
.rent_search_wrap {
  background: #faf9f1;
  border: 2px solid #e8668e;
  box-sizing: border-box;
  border-radius: 6px;
  margin: 30px auto 0;
  width: 644px;
}

#rent_pr_search .rent_pr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  padding-bottom: 18px;
  width: 600px;
}

#rent_pr_search .dtl_rent_pr_ttl {
    align-items: center;
    background-color: #e8668e;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: flex;
    font-size: 19px;
    font-feature-settings: "palt";
    font-weight: 600;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -20px;
    min-height: 50px;
    padding: 8px 5px 7px 18px;
    position: relative;
    text-align: center;
    width: 640px;
}
#rent_pr_search .dtl_rent_pr_ttl:before {
  content: "";
  background: url('/static/detail/image/icon_chintai.png') no-repeat;
  background-size: cover;
  position: relative;
  width: 50px;
  height: 30px;
  left: -8px;
}

#rent_pr_search .rent_pr_inner {
  font-size: 15px;
  margin-top: 30px;
  text-align: left;
  width: 245px;
}

#rent_pr_search .rent_pr_inner p {
  display: inline-block;
  letter-spacing: 0.02em;
  line-height: 1.7;
  margin: 0;
}

 .mod_area_facility {
  box-sizing: border-box;
  border: 2px solid #e8668e;
  border-radius: 6px;
  min-height: 170px;
  margin: 32px auto 0;
  overflow: hidden;
  width: 644px;
}

.mod_area_facility dt {
  align-items: center;
  background: #e8668e;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .05em;
  min-height: 48px;
  text-align: center;
  width: 100%;
}

.ttl_serch_box_inner p span {
    font-size: 19px;
    letter-spacing: normal;
}

.mod_area_facility dt span:last-child {
  display: inline-block;
}


.mod_area_facility .ttl_serch_box_inner{
  align-items: center;
  display: flex;
}
.mod_area_facility dt p {
  color: #fff;
  font-feature-settings: "palt";
  line-height: 1.3;
  margin: 0 auto;
  padding: 8px 5px 7px 0px;
  text-align: center;
}

.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_area_facility dd {
  background: #faf9f1 url(/static/detail/image/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_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;
  margin: 8px 20px 0 88px;
  text-align: right;
}

.mod_area_facility dd .btn_srch_area_fa:hover {
  opacity: .7;
}


/* -----------------------------------------
  新しいお部屋探し物件モーダル #13741
----------------------------------------- */
/*-- 共通 --*/

.modal_rent_area {
  background: #fff;
  border: 5px solid #ff90b0;
  border-radius: 10px;
  box-sizing: border-box;
  display: none;
  position: relative;
  width: 800px;
}

.ttl_modal_rent {
  background: #ff90b0;
  font-size: 23px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-align: left;
  text-indent: 45px;
}

.ttl_modal_rent::before {
  background: url("https://www.homemate-research.com/static/detail/image/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;
}

.box_modal_rent {
  background: #fff;
  box-sizing: border-box;
  padding: 18px 0 10px;
}

.box_modal_rent.pr {
  background: url("https://www.homemate-research.com/static/detail/image/rent-pr-modal-area-img-map.png") #fff no-repeat top 60px right 10px;
  background-size: 465px 457px;
}

.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;
}

.ttl_area_list::before,
.ttl_area_list::after {
  background: url("https://www.homemate-research.com/static/detail/image/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;
}

.ttl_area_list::before {
  left: 0;
}

.ttl_area_list::after {
  right: 0;
}

.box_area_list_read {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
}

.area_list_read {
  font-size: 15px;
  letter-spacing: .05em;
  margin: 20px 0;
  text-align: left;
}

.area_list_count {
  font-size: 16px;
}

.area_list_count strong {
  margin-left: 20px;
}

.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;
}

.btn_clear_count:hover {
  background: #d5a46a;
}

.btn_box {
  background: #fff;
  border-radius: 17px;
  height: 34px;
  position: absolute;
  right: 15px;
  top: 3px;
  width: 100px;
}

.btn_box::before,
.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;
}

.btn_box::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn_box::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.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;
  position: relative;
  text-align: center;
  text-indent: 25px;
  width: 100px;
}

.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;
}

.btn_box .close:hover {
  cursor: pointer;
  opacity: .8;
}

.ttl_section {
  background: url("https://www.homemate-research.com/static/detail/image/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;
}

/*-- 都道府県 --*/
.area_list {
  margin: 0 20px;
}

.area_list dl {
  align-items: center;
  border-bottom: 1px solid #d7be9b;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  height: 55px;
}

.area_list dl:last-child {
  border-bottom: none;
}

.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: 10px;
  text-align: center;
  width: 97px;
}

.area_list dl dd {
  flex-grow: 1;
}

.area_list dl ul {
  display: flex;
  flex-wrap: nowrap;
}

.area_list dl ul li {
  background: #fff;
  border-radius: 5px;
  height: 34px;
  margin-right: 8px;
  width: 65px;
}

.area_list dl ul li:last-child {
  margin-right: 0;
}

.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;
}

.area_list dl ul .adjust a {
  letter-spacing: .05em;
  text-indent: 0;
}

.area_list dl ul li a:hover {
  opacity: .7;
}

.area_list .area_01 li a {
  background: #384fc1;
}

.area_list .area_02 li a {
  background: #29a2a7;
}

.area_list .area_03 li a {
  background: #08915c;
}

.area_list .area_04 li a {
  background: #608c00;
}

.area_list .area_05 li a {
  background: #e47b00;
}

.area_list .area_06 li a {
  background: #d95593;
}

.area_list .area_07 li a {
  background: #d24855;
}

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

.box_city_list {
  margin: 15px 0 0;
}

.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;
}

.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: 0.7em;
  width: 13px;
}

.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%;
}

.city_list::-webkit-scrollbar {
  width: 20px;
}

.city_list::-webkit-scrollbar-track {
  background-color: #fee6e9;
  background-image: url("https://www.homemate-research.com/static/detail/image/bg-scroll-next.png"), url("https://www.homemate-research.com/static/detail/image/bg-scroll-prev.png");
  background-position: center 345px, center 10px;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 10px;
}

.city_list::-webkit-scrollbar-thumb {
  background: #f4698e;
  border-radius: 10px;
}


.city_list_inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
}

.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 li:first-child,
.city_list_inner li:nth-child(2),
.city_list_inner li:nth-child(3) {
  margin-top: 10px;
}

.city_list_inner li.city_all {
  box-sizing: border-box;
  margin: 12px 10px 15px;
  position: relative;
  width: 100%;
}

.city_list_inner li.city_all::after {
  border-bottom: 1px solid #ff90b0;
  bottom: -12px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}

.city_list_inner li.chk {
  background: #fee2e6;
}

.city_list_inner input[type="checkbox"] {
  display: none;
}

.city_list_inner input[type="checkbox"] + label {
  align-items: center;
  background: url("https://www.homemate-research.com/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: normal;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 8px 0 8px 30px;
  vertical-align: middle;
}

.city_list_inner input[type="checkbox"]:checked + label {
  background: url("https://www.homemate-research.com/search/image_cmn/bg_checkbox_on.png") no-repeat left center;
}

.city_list_inner input[disabled="disabled"] + label {
  cursor: auto;
  opacity: .4;
  pointer-events: none;
}

.city_list_inner input[type="checkbox"] + label .srch_count {
  display: inline-block;
  white-space: nowrap;
}

/* 間取り */
.layout_list {
  border: 1px solid #d6b484;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5px 5px 20px;
  width: 99%;
}

.layout_list:nth-of-type(3) {
  margin-top: 20px;
}

.layout_list input[type="checkbox"] {
  display: none;
}

.layout_list input[type="checkbox"] + label {
  align-items: center;
  background: url("https://www.homemate-research.com/search/image_cmn/bg_checkbox_off.png") no-repeat left center;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 26px;
  padding-left: 30px;
}

.layout_list input[type="checkbox"]:checked + label {
  background: url("https://www.homemate-research.com/search/image_cmn/bg_checkbox_on.png") no-repeat left center;
}

.layout_list input[disabled="disabled"] + label {
  cursor: auto;
  opacity: .4;
  pointer-events: none;
}

.box_rent_lst {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: 20px 10px 0;
}

.custom_select {
  position: relative;
  width: 150px;
}

.custom_select select {
  display: none;
}

.select-selected {
  background-image: linear-gradient(to bottom, #fff 0%, #ffedee 100%);
  border: 1px solid #ea4f7b;
  border-radius: 3px;
}

.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):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #ea4f7b transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  line-height: 40px;
  padding: 0 10px;
  text-align: left;
}


/*style items (options):*/
.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:*/
.select-hide {
  display: none;
}

.select-items div:hover {
  background-color: #ffedee;
}

.box_rent_option {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-left: 15px;
}

.box_rent_option li {
  border-radius: 5px;
  box-sizing: border-box;
  margin: 5px 0 0 10px;
  padding: 5px;
  width: 175px;
}

.box_rent_option li:nth-child(2) {
  margin-left: 15px;
}

.box_rent_option li.chk {
  background: #fee2e6;
}

.box_layout_lst {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 20px 10px 0;
}

.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);
}

.box_layout_lst li:first-child,
.box_layout_lst li:nth-child(2),
.box_layout_lst li:nth-child(3),
.box_layout_lst li:nth-child(4),
.box_layout_lst li:nth-child(5) {
  margin-top: 0;
}

.box_layout_lst li.chk {
  background: #fee2e6;
}

/* 送信ボタン */
.box_send_btn {
  margin: 25px auto 20px;
  position: relative;
  text-align: center;
}

.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;
}

.btn_send a::after {
  background: url(https://www.homemate-research.com/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;
}

.btn_send a:hover {
  background: #ff94b0;
}

.btn_back {
  left: 27px;
  position: absolute;
  top: 20px;
}

.btn_back a {
  align-items: center;
  color: #0a7bda;
  display: flex;
  font-size: 14px;
  letter-spacing: 2px;
}

.btn_back a::before {
  background: url(https://www.homemate-research.com/static/detail/image/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;
}

.btn_back a:hover {
  color: #f00;
}

/* 文字色・サイズ */
.txt_col_pnk {
  color: #f34f7b;
}

.txt_col_red {
  color: #cc0000;
}

.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;
}

/* ipad */
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .btn_clear_count:hover {
    background: #aa7c45;
    ;
  }

  .btn_send a:hover {
    background: #f5698e;
  }

  .btn_back a:hover {
    color: #0a7bda;
  }
}

/* イラスト */
#rent_pr_search .chart {
  margin-top: 30px;
}

#rent_pr_search .chart ol {
  background: url("/static/image_cmn/rent-pr-illust-dtl.png") no-repeat 0 0;
  background-size: 100%;
  height: 280px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 335px;
}

#rent_pr_search .chart li {
  border-radius: 50%;
  box-sizing: border-box;
  height: 143px;
  line-height: 1.2;
  position: absolute;
  width: 143px;
}
#rent_pr_search .chart .chart_list li {
  aspect-ratio: 1 / 1;
  height: auto;
  z-index: 10;
}

#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: 143px;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 70px 4px 0;
  position: relative;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(152, 152, 152, 0.65);
  width: 143px;
}
#rent_pr_search .chart .chart_list li a {
  height: 100%;
  padding-top: 62px;
  width: 100%;
}

#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:hover {
  opacity: 1;
}

#rent_pr_search .chart li a:hover::after {
  background: rgba(255, 255, 255, 0.20);
  border-radius: 50%;
  content: "";
  height: 143px;
  left: 0;
  position: absolute;
  top: 0;
  width: 143px;
}
#rent_pr_search .chart .chart_list li a:hover::after {
  height: 100%;
  width: 100%;
}

#rent_pr_search .chart li:nth-child(1) a:hover::after {
  width: 180px;
  height: 180px;
}
#rent_pr_search .chart .chart_list li:nth-child(1) a:hover::after {
  height: 100%;
  width: 100%;
}

@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;
  overflow: hidden;
}

#rent_pr_search .chart li .btn {
  background: #ffe96d;
  background: -moz-linear-gradient(top, #ffe96d 0%, #ffdd48 100%);
  background: -webkit-linear-gradient(top, #ffe96d 0%, #ffdd48 100%);
  background: linear-gradient(to bottom, #ffe96d 0%, #ffdd48 100%);
  border: none;
  box-shadow: 0px 1px 2px 1px rgba(68, 68, 68, 0.4);
  box-sizing: border-box;
  border-radius: 12px;
  color: #000;
  display: block;
  font-weight: 600;
  height: 22px;
  line-height: 23px;
  letter-spacing: 0.3em;
  margin: 5px auto;
  padding: 0 7px 0 0;
  position: relative;
  text-align: center;
  text-indent: 0.4em;
  text-shadow: none;
  width: 54px;
}
#rent_pr_search .chart .chart_list li .btn {
  margin-bottom: 0;
}

#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: 0;
  margin: auto;
  right: 0;
  z-index: 5;
  width: 180px;
  height: 182px;
}
#rent_pr_search .chart .chart_list li:nth-child(1) {
  height: 170px;
  left: -1px;
  top: 3px;
  width: 172px;
}

#rent_pr_search .chart li:nth-child(1) a {
  padding-top: 70px;
  width: 180px;
  height: 182px;
  font-size: 18px;
  line-height: 1;
  text-shadow: 0px 0px 2px #2a902a, 3px 3px 1px #2a902a, -3px 3px 0px #2a902a, 3px -3px 1px #2a902a, -3px -3px 0px #2a902a, 3px 0px 1px #2a902a, 0px 3px 0px #2a902a, -3px 0px 1px #2a902a, 0px -3px 0px #2a902a;
}
#rent_pr_search .chart .chart_list li:nth-child(1) a {
  height: 100%;
  width: 100%;
}

#rent_pr_search .chart li:nth-child(1) a .min {
  font-size: 80%;
}

#rent_pr_search .chart li:nth-child(1) a::before {
  background-image: url("https://www.homemate-research.com/static/detail/image/rent-pr-ico-01-dtl.png");
}

#rent_pr_search .chart li:nth-child(1) .btn {
  width: 70px;
  height: 25px;
  line-height: 25px;
}

/* こだわりから検索 */
#rent_pr_search .chart li:nth-child(2) {
  right: 2px;
  top: 126px;
}

#rent_pr_search .chart li:nth-child(2) a {
  white-space: nowrap;
  text-shadow: 0px 0px 2px #f85e81, 3px 3px 1px #f85e81, -3px 3px 0px #f85e81, 3px -3px 1px #f85e81, -3px -3px 0px #f85e81, 3px 0px 1px #f85e81, 0px 3px 0px #f85e81, -3px 0px 1px #f85e81, 0px -3px 0px #f85e81;
}

#rent_pr_search .chart li:nth-child(2) a::before {
  background-image: url("https://www.homemate-research.com/static/detail/image/rent-pr-ico-02-dtl.png");
}

/* 希望の地域から検索 */
#rent_pr_search .chart li:nth-child(3) {
  left: 0;
  top: 126px;
}

#rent_pr_search .chart li:nth-child(3) a {
  white-space: nowrap;
  text-shadow: 0px 0px 2px #2e75b8, 0px 0px 2px #2e75b8, 3px 3px 1px #2e75b8, -3px 3px 0px #2e75b8, 3px -3px 1px #2e75b8, -3px -3px 0px #2e75b8, 3px 0px 1px #2e75b8, 0px 3px 0px #2e75b8, -3px 0px 1px #2e75b8, 0px -3px 0px #2e75b8;
}

#rent_pr_search .chart li:nth-child(3) a::before {
  background-image: url("https://www.homemate-research.com/static/detail/image/rent-pr-ico-03-dtl.png");
}

#rent_pr_search .chart li:nth-child(1) .rent_cate_name {
  max-width: 185px;
  overflow: hidden;
  padding: 0 .2em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 最新の施設情報を連絡する ボタン */
.btn_latest_info {
  font-weight: 600;
  margin: 0 auto;
  text-align: center;
  width: 280px;
}

/* ページ/カテゴリ */
.page_cate {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
}

.ttl_page_cate {
  background: url(/static/detail/image/ico-page-cate.png) no-repeat left center/31px auto;
  color: #020d21;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 5px;
  padding-left: 40px;
  width: 200px;
}

.page_lst {
  display: flex;
  flex-wrap: wrap;
  width: 870px;
}

.page_lst li {
  align-items: center;
  background: #e9e0d0;
  border-radius: 3px;
  color: #021027;
  display: flex;
  flex-grow: 1;
  font-size: 15px;
  justify-content: center;
  margin-left: 6px;
  margin-top: 5px;
  min-width: 106px;
  position: relative;
  text-align: center;
}

.page_lst li a,
.page_lst li span {
  background: #d48a07;
  border-radius: 3px;
  color: #fff;
  display: flex;
  flex-grow: 1;
  font-size: 15px;
  justify-content: center;
  padding: 6px 19px 5px 5px;
  position: relative;
  text-align: center;
}

.page_lst li a:hover,
.page_lst li span:hover {
  background: #2262a2;
}

.page_lst li a:after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  display: inline-block;
  height: 8px;
  margin-top: 6px;
  position: absolute;
  right: 7px;
  top: 6px;
  transform: rotate(45deg);
  width: 8px;
}

/*~~ customize css 1171 ~~*/
#detail_nav.list_customize a,
#detail_nav.list_customize span {
  font: normal 18px"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Sans", ヒラギノ角ゴシック, Meiryo, "メイリオ", YuGothic, "游ゴシック", sans-serif;
  padding: .35em .3em .25em;
  width: 100%;
}

#detail_nav.list_customize > ul > li.current:hover > a,
#detail_nav.list_customize > ul > li.current:hover > span:not(.nav_disable) {
  background: linear-gradient(to bottom, rgba(2, 55, 140, 1) 0%, rgba(0, 38, 102, 1) 100%);
  color: #fff;
}

#detail_nav.list_customize > ul > li > span.nav_short_text,
#detail_nav.list_customize > ul > li > a.nav_short_text {
  letter-spacing: 8px;
  padding: .35em .3em .25em .5em;
}

#detail_nav.list_customize .nav_disable {
  background: #e8e8e8;
  color: #999;
}

#detail_nav.list_customize .nav_disable:hover {
  background: #e8e8e8;
  color: #999;
  cursor: default;
}

#detail_nav.list_customize > ul > li {
  display: flex;
  min-width: 125px;
}

#detail_nav.list_customize > ul > li:last-child > a,
#detail_nav.list_customize > ul > li:last-child > span {
  letter-spacing: .5px;
  padding: .35em .2em .25em;
}

.btn_lead {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(220, 236, 247, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(220, 236, 247, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(220, 236, 247, 1) 100%);
  border: 1px solid #0f4795;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 8px 30px 8px 40px;
  position: relative;
  transition: none;
}

.btn_lead:hover {
  background: #fff;
  border: 1px solid #e24b58;
  color: #e24b58;
  transition: .2s;
}

.btn_lead:before {
  border-bottom: 4px solid transparent;
  border-left: 5px solid #0c4594;
  border-top: 4px solid transparent;
  content: "";
  left: 15px;
  position: absolute;
  top: calc(50% - 4px);
}

.btn_lead:hover:before {
  border-left: 5px solid #e24b58;
}

.btn_lead_small {
  font-size: 93.4%;
  padding: 8px 15px 8px 18px;
}

.btn_lead_small:before {
  border-bottom: 3px solid transparent;
  border-left: 4px solid #0c4594;
  border-top: 3px solid transparent;
  left: 7px;
  top: calc(50% - 3px);
}

.living_area {
  background: #fff url("../../image/banner/bg-living.png") no-repeat bottom center/100%;
  border: 5px solid #e0d5bf;
  margin-top: 40px;
  padding: 20px 27px;
}

.living_area h2 {
  align-items: center;
  border-bottom: 1px solid #e0d5bf;
  display: flex;
  font-size: 125%;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  word-break: break-word;
}

.living_area p {
  line-height: 1.55;
}

.living_area h2 .ticky_cus {
  background: #8c121d;
  border-radius: 3px;
  color: #fff;
  font-size: 80%;
  font-weight: normal;
  letter-spacing: 2px;
  margin-right: 25px;
  padding: 3px 15px;
  position: relative;
  text-align: center;
  word-break: initial;
}

.living_area h2 .ticky_cus:after {
  border-bottom: 5px solid transparent;
  border-left: 9px solid #8c121d;
  border-top: 5px solid transparent;
  content: "";
  position: absolute;
  right: -9px;
  top: calc(50% - 5px);
}

.menu_area {
  background: #fff;
  border: 2px solid #bab0a7;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 18px 14px 12px;
  width: 612px;
}

.menu_list {
  display: flex;
  flex-direction: column;
}

.menu_list .menu_item {
  border-bottom: 1px solid #dcd0b8;
  padding: 17px 0;
}

.bb_child_none .menu_item:last-child {
  border-bottom: none;
}

.menu_list .menu_item .me_container {
  display: flex;
}

.menu_list .menu_item .me_content p {
  font-size: 100%;
  letter-spacing: 1px;
}

.menu_list.grid_layout .menu_item .me_content p {
  font-size: unset;
}

.menu_list .menu_item .me_container > div:first-child {
  margin-right: 12px;
}

.menu_list .menu_item div figure {
  background: #fff;
  border: 2px solid #eae3d4;
  box-sizing: border-box;
  height: 136px;
  position: relative;
  width: 136px;
}

.menu_list .menu_item .img_liquid {
  height: calc(100% - 4px);
  margin: 2px;
  width: calc(100% - 4px);
}

.menu_list .menu_item img {
  height: 126px;
  left: 3px;
  object-fit: cover;
  position: absolute;
  top: 3px;
  width: 126px;
}

.menu_list .menu_item .me_image img:hover {
  border-color: #c7b48b;
  cursor: pointer;
  opacity: .7;
  transition: .5s;
}

.menu_list .menu_item .me_image .lightbox_info {
  display: none;
}

.menu_list .menu_item .me_content {
  position: relative;
  width: calc(100% - 148px);
}

.menu_list .menu_item .me_content .re_flag {
  background: #8c121d;
  border-radius: 2px;
  color: #fff;
  font-size: 80%;
  padding: 2px 9px;
  position: absolute;
  right: 0;
  top: 9px;
}

.menu_list .menu_item .me_content h3,
.menu_list .menu_item .me_content h4 {
  -webkit-box-orient: vertical;
  color: #000;
  display: -webkit-box;
  font-size: 113.5%;
  font-weight: bold;
  -webkit-line-clamp: 2;
  line-height: 1.3;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.menu_list .menu_item .me_content.recommended h3,
.menu_list .menu_item .me_content.recommended h4 {
  width: 82%;
}

.menu_list .menu_item dd a:hover {
  color: #e24b58;
}

.menu_area .btn_lead {
  align-self: flex-end;
  margin: 10px 0 0;
}

.btn_lead_gray,
.btn_lead_gray:hover {
  background: linear-gradient(#eee, #ddd);
  border-color: #b0b0b0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(70, 70, 70, 0.1) inset;
  color: #aaa;
}

.btn_lead_gray:hover {
  cursor: default;
}

.btn_lead_gray:before,
.btn_lead_gray:hover:before {
  border-left: 4px solid #aaa;
}

.menu_list .menu_item p.price {
  color: #8c121d;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  margin-top: 3px;
}

.menu_area .price .unit {
  font-size: 13px;
}

.basicinfo_customize {
  margin-bottom: 0;
}

.seating_info_area {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.seating_info_area .seating_info_item {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.seating_list .seating_info_item {
  border-top: 1px solid #dcd0b8;
  padding: 17px 0;
  width: 100%;
}

.seating_info_item figure {
  border: 2px solid #eae3d4;
  flex: 235px 0 0;
  height: 235px;
  position: relative;
}

.seating_list .seating_info_item:first-child {
  border-top: none;
  padding-top: 0;
}

.seating_list .seating_info_item:last-child {
  padding-bottom: 0;
}

.seating_info_area figure .img_liquid {
  height: calc(100% - 8px);
  margin: 4px;
  width: calc(100% - 8px);
}

.seating_info_area figure img {
  height: 227px;
  left: 2px;
  object-fit: cover;
  padding: 2px;
  position: absolute;
  top: 2px;
  width: 227px;
}

.seating_info_area figure .lightbox2 img:hover {
  border-color: #c7b48b;
  cursor: pointer;
  opacity: .7;
  transition: .5s;
}

.seating_info_area .terrace_ttl {
  display: -webkit-box;
  font-size: 113.2%;
  font-weight: bold;
  margin: 12px 0 8px;
}

.seating_info {
  margin-left: 15px;
  width: calc(100% - 250px);
}

.seating_info .more_info {
  background: #f3f1e9;
  display: flex;
  margin-top: 5px;
  padding: 7px 7px 2px;
}

.more_info th {
  background: #e0d5bf;
  border-bottom: 5px solid #f3f1e9;
  font-size: 95.26%;
  padding: 7px 17px;
  white-space: nowrap;
}

.more_info td {
  padding: 5px 0 4px 10px;
}

.more_info span:not(.time_smoking) {
  background: #e0d5bf;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 7px 16px;
  text-align: center;
}

.more_info span.can_smoking {
  height: 55px;
  padding: 18px 16px;
}

.more_info img {
  margin-bottom: 3px;
}

.more_info p:last-child {
  margin-bottom: 0;
}

.more_info .time_smoking {
  display: inline-block;
  font-size: 14px;
  word-break: break-word;
}

.more_info .seat_type span {
  background: #fff;
  border: 1px solid #062964;
  border-radius: 2px;
  color: #062964;
  display: block;
  float: left;
  font-size: 80%;
  font-weight: bold;
  margin-right: 5px;
  padding: 2px 10px;
}

.more_info .seat_type span.short_text {
  letter-spacing: 4px;
  padding: 2px 8px 2px 12px;
}

.seating_info_area .btn_lead {
  margin: 25px 0 2px;
  padding: 8px 25px 8px 32px;
  text-align: center;
}

.introducing_area {
  text-align: center;
}

.introducing_area figcaption {
  font-size: 13px;
  margin-top: 6px;
}

.gallery_customize_style2 .gallery_thumb {
  width: 216px;
}

.detail_gallery.gallery_customize_style2 .mainphoto {
  width: 730px;
}

.gallery_customize_style2 .thumb li {
  float: left;
  width: calc(50% - 4px);
}

.gallery_customize_style2 .thumb li:nth-child(2n - 1) {
  margin-right: 8px;
}

.menu_nav {
  border-right: 1px solid #bab0a7;
  border-top: 4px solid #817366;
  display: flex;
  margin: 30px auto 0;
  width: 612px;
}

.menu_nav li {
  width: 20%;
}

.menu_nav li:first-child {
  border: none;
}

.menu_nav li a:before,
.menu_nav li span:before {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #817366;
  content: "";
  left: 9px;
  position: absolute;
  top: calc(50% - 2px);
}

.menu_nav li span:before {
  border-top: 4px solid #a79c93;
}

.menu_nav li a,
.menu_nav li span {
  background-image: linear-gradient(#fffcf8, #eae3d4);
  border-left: 1px solid #bab0a7;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 14.5px;
  font-weight: bold;
  padding: 10px 10px 9px;
  position: relative;
  text-align: center;
  transition: .2s;
}

.menu_nav li a:hover {
  opacity: .6;
}

.menu_nav li span {
  color: #aaa;
  cursor: default;
}

.menu_type {
  background: #eae3d4;
  font-size: 19px;
  font-weight: bold;
  margin-top: -1px;
  padding: 6px 20px;
}

.des_menu {
  margin: 10px 5px 0;
}

.grid_layout {
  flex-direction: row;
  flex-wrap: wrap;
}

.grid_layout .menu_item {
  border-bottom: none;
  border-top: 1px dashed #bab0a7;
  margin: 0;
  width: 25%;
}

.grid_layout .menu_item .me_container {
  flex-direction: column;
  text-align: center;
}

.grid_layout .menu_item:nth-child(4n - 2) .me_container {
  margin-left: 3px;
}

.grid_layout .menu_item:nth-child(4n - 1) .me_container {
  margin-left: 6px;
}

.grid_layout .menu_item:nth-child(4n) .me_container {
  margin-left: 9px;
}

.grid_layout .menu_item:nth-child(-n+4) {
  border-top: none;
}

.grid_layout .menu_item .me_content {
  margin: 8px 0 -3px;
  padding: 0 8px;
  width: 135px;
}

.grid_layout .menu_item .me_content a {
  color: #1863e0;
}

.menu_area_mb40 {
  margin-bottom: 40px;
  padding-bottom: 10px;
}

.menu_head {
  margin: auto;
  width: 612px;
}

.official_photo {
  background: url("../../image/banner/bg-photo.png") no-repeat center/100%;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  height: 36px;
  margin: 9px 0 13px 5px;
  padding: 6px 20px 6px 33px;
  position: relative;
  width: 148px;
}

.official_photo.active {
  padding-left: 42px;
}

.official_photo:nth-child(n + 2) {
  margin-top: 23px;
}

.official_photo.active:before {
  background: url("/static/image/banner/bg-tick-photo.png") no-repeat center/100%;
  content: "";
  height: 20px;
  left: 14px;
  position: absolute;
  top: calc(50% - 10px);
  width: 20px;
}

.terrace_seats {
  margin: 30px auto 40px;
  padding: 15px;
  width: 612px;
}

.terrace_list dl.menu_item {
  padding: 24px 0;
}

.terrace_list dl:first-child {
  border-top: none;
  padding-top: 0;
}

.terrace_list dl:last-child {
  padding-bottom: 0;
}

.group_album {
  justify-content: space-between;
}

.group_album li {
  margin: 0;
}

.group_album .btn_album a {
  padding: 10px 22px 10px 56px;
}

.group_album .btn_album a span {
  width: auto;
}

.seating_info_area dl.menu_item dt {
  margin-right: 15px;
}

/* modal blog */
.js_lightbox_modal {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.over_modal {
  background: #000;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.main_modal {
  background: #fff;
  margin: 20px auto;
  padding: 4px;
  width: 580px;
}

.modal_img {
  display: flex;
  overflow: hidden;
  position: relative;
}

.scroll_slide {
  transition: transform cubic-bezier(0.18, 0.89, 0.32, 1.28) .5s;
}

.modal_img img {
  float: left;
  margin: 0 0 10px;
}

.slide_step {
  bottom: 10px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.slide_step a {
  background: url("/static/image_cmn/img_lightbox_prev.png") left 48% no-repeat;
  bottom: 0;
  left: 0;
  opacity: .4;
  position: absolute;
  right: 50%;
  top: 0;
  transition: .6s;
}

.slide_step a:hover {
  opacity: 1;
  transition: .6s;
}

.slide_step a.md_next {
  background-position: left 52%;
  left: 50%;
  right: 0;
  transform: rotate(180deg);
}

.info_list {
  padding: 2px 6px 6px;
}

.info_list li {
  border-bottom: 1px dashed #ccc;
  padding: 8px 0;
}

.info_list li b {
  margin-right: 8px;
}

.main_modal .pk_lead {
  background-color: #e3f1f7;
  border: 1px solid #cee7f1;
  margin: 5px 6px;
  padding: 10px;
}

.main_modal .pk_lead p:last-child {
  text-align: right;
}

.main_modal .pk_lead a:before {
  content: url('/static/image_cmn/img_alert01.png');
  display: inline-block;
}

.modal_cls {
  border-top: 2px solid #eee;
  display: flex;
  justify-content: center;
  margin: 10px 0 0 -4px;
  padding: 10px 0 6px;
  width: calc(100% + 8px);
}

.modal_cls button {
  background: url("/static/image_cmn/btn_lightbox_close.png") top left no-repeat;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: none;
  height: 33px;
  opacity: .7;
  text-align: center;
  transition: .5s;
  width: 103px;
}

.modal_cls button:hover {
  opacity: 1;
  transition: .5s;
}

/* END modal blog */

.box_freemember {
  margin: 20px auto -15px;
  width: 480px;
}

.box_register {
  margin-top: 5px;
}

.box_register .link_register {
  align-items: center;
  display: flex;
  margin-top: 3px;
  position: relative;
}

.box_register .link_register:before {
  border-color: transparent transparent transparent #226ae1;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: "";
  display: block;
  height: 0;
  margin: 0 5px 2px 0;
  width: 0;
}

/*周辺施設リンクボタン*/
.around_info_box {
  margin-top: 30px;
  margin-bottom: 0;
}

.ttl_around_info {
  background: #0085b2;
  border: solid 1px #00698c;
  color: #fff;
  font-size: 1.06em;
  font-weight: normal;
  padding: 6px 10px;
}

.around_info_box .read {
  margin: 20px auto 0;
  text-align: center;
}

.lnk_around_info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 580px;
}

.lnk_around_info li {
  display: table;
  margin: 15px auto 0;
  width: calc(580px / 2.1);
}

.lnk_around_info a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #1e84c0 0%, #1a71af 100%);
  background: linear-gradient(to bottom, #1e84c0 0%, #1a71af 100%);
  border: 1px solid #1d68ad;
  border-radius: 4px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
  padding: 0 15px 0 50px;
  height: 50px;
  width: 100%;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(8, 94, 100, 1);
}

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

.lnk_around_info a::before {
  content: "";
  left: 18px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 24px;
  width: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 24px;
}


.lnk_around_info .rsch a::before,
.box_fa_data_city .dtl_mkt_rsch dt::before {
  background-image: url("/static/detail/image_cmn/ico-facility.png");
}

.lnk_around_info .gotouchi a::before,
.box_fa_data_city .dtl_mkt_gotouchi dt::before {
  background-image: url("/static/detail/image_cmn/ico-map.png");
}

.lnk_around_info .mtrsch a::before,
.box_fa_data_city .dtl_mkt_mtrsch dt::before {
  background-image: url("/static/detail/image_cmn/ico-data.png");
}

.lnk_around_info .map a::before,
.box_fa_data_city .dtl_mkt_map dt::before {
  background-image: url("/static/detail/image_cmn/ico-pin.png");
}

.lnk_around_info .price a::before,
.box_fa_data_city .dtl_mkt_price dt::before {
  background-image: url("/static/detail/image_cmn/ico-price.png");
}

.lnk_around_info .route_navi a::before,
.box_fa_data_city .dtl_mkt_route_navi dt::before {
  background-image: url("/static/detail/image_cmn/ico-traffic-train.png");
}

.lnk_around_info .web_travel a::before,
.box_fa_data_city .dtl_mkt_webtravel dt::before {
  width: 29px;
  height: 24px;
  background-image: url("/static/detail/image_cmn/ico-web-travel.png");
}

.lnk_around_info .population a::before,
.box_fa_data_city .dtl_mkt_population dt::before {
  background-image: url("/static/detail/image_cmn/ico-population.svg");
  filter: brightness(0) invert(1);
  height: 24px;
  width: 24px;
}

.lnk_around_info .mapsearch a::before,
.box_fa_data_city .dtl_mkt_mapsearch dt::before {
  background-image: url("/static/detail/image_cmn/ico-map-search.png");
}

.lnk_around_info span {
  display: block;
}

.lnk_around_info span.area {
  font-size: 65%;
  font-weight: 100;
}

.lnk_around_info span.area::after {
  content: "の";
}

.lnk_around_info a.btn_gray,
.town_info_btn_area a.btn_gray {
  background: #ccc;
  border: 1px solid #9e9e9e;
  box-shadow: none;
  pointer-events: none;
  text-shadow: none;
}

/* 周辺情報（タウン情報）政令指定都市の表示 */
.box_fa_data.box_fa_data_city {
  margin-top: 20px;
}
.box_fa_data_city .data3 {
  background: #fff;
  border: 1px solid #ff6a93;
  border-radius: 7px;
  display: flex;
  margin: 8px auto 0;
  justify-content: flex-start;
  overflow: hidden;
  width: 534px;
}
.box_fa_data_city .data3 dt {
  background: #ff6a93;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-shadow: 1px 1px 0px rgba(194, 46, 90, 0.6);
  padding: 13px 0 13px 45px;
  position: relative;
  width: 35.6%;
}
.box_fa_data_city .data3 dt::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 24px;
  left: 14px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 22px;
}
.box_fa_data_city .data3 dd {
  box-sizing: border-box;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 13px;
  width: 64%;
}
.box_fa_data_city .data3 dd p {
  width: 49%;
}
.box_fa_data_city .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: 6px 0 5px;
  margin-bottom: 2px;
  position: relative;
  text-align: center;
  width: 100%;
}
.box_fa_data_city .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_city .data3 dd a:not(.disabled):hover {
  color: #fff;
  opacity: .7;
}
.box_fa_data_city .data3 dd a.disabled {
  background: #bbb linear-gradient(to bottom, #c0c0c0 0%, #bdbdbd 100%) !important;
  border: 1px solid #bdbdbd !important;
  box-shadow: none;
  color: #fff;
  pointer-events: none 
}


/*----------------------------
 近くのXX施設 トグルボタン　#arounde_facility
----------------------------*/
.box_around_facility {
  background: #b4d8ed;
  transition: all 300ms 0s ease;
  margin: 10px auto 0;
  padding: 0;
  width: 600px;
  border-radius: 5px;
}

.open.box_around_facility {
  padding: 0 0 15px;
}

.syuhen_item_box {
  display: none;
  margin: 0 auto;
  width: 571px;
}

.open .syuhen_item_box {
  display: flex;
  animation-name: fadeIn;
  animation-duration: 3s;
}

.syuhen_item_box li {
  background-color: #fff;
  border: 1px solid #e9c4cf;
  box-sizing: border-box;
  margin-right: 9px;
  position: relative;
  width: 136px;
}

.syuhen_item_box {
  display: flex;
  flex-wrap: wrap;
}

.syuhen_item_box li {
  background-color: #fff;
  border: 1px solid #e9c4cf;
  box-sizing: border-box;
  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: 5px 10px 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.syuhen_item_box .item_box dd {
  padding: 3px 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: 14px;
  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(/static/detail/image/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 {
  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;
  display: block;
  font-weight: 600;
  height: 28px;
  padding: 5px 6px 4px 0;
  position: relative;
  text-align: center;
  width: 106px;
}

.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: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.syuhen_item_box .btn_link_detail:hover {
  color: #fff;
  opacity: .7;
}

.syuhen_item_box .index1 {
  margin: 0 auto;
  width: 106px;
}


.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: 2px solid #1a6896;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 35% 0 10%;
  width: 100%;
  height: 70px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: .05rem;
  color: #fff;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-feature-settings: "palt";
  line-height: 1.25;
}

.btn_around_facility:focus {
  outline: none;
}

.open .btn_around_facility {
  border-radius: 5px 5px 0 0;
}

.btn_around_facility::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto 0;
  width: 12px;
  height: 12px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 300ms 0s ease;
}

.open .btn_around_facility::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btn_around_facility span {
  display: block;
  overflow: hidden;
  width: 100%;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.btn_around_facility.stock {
  background-image: url("/static/detail/image/bg-arounde_facility-bc98.png"),linear-gradient(to bottom, #6dbae9 0%, #1d64b3 100%);
  background-image: url("/static/detail/image/bg-arounde_facility-bc98.png"),-webkit-linear-gradient(top, #6dbae9 0%, #1d64b3 100%);
}

.open .btn_around_facility.stock {
  background-image: url("/static/detail/image/bg-arounde_facility-bc98.png");
  background-image: url("/static/detail/image/bg-arounde_facility-bc98.png");
  background-color: #1d64b2;
}

.btn_around_facility.stock:hover {
  opacity: .7;
}

.box_around_facility .syuhen_item_box {
  display: none;
  margin: 0 auto;
  width: 571px;
}

.open.box_around_facility .syuhen_item_box {
  display: flex;
  animation-name: fadeIn;
  animation-duration: 3s;
}

@keyframes fadeIn {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}

.box_around_facility .syuhen_item_box li {
  margin-top: 15px;
}

.btn_close_around_facility {
  display: none;
  position: relative;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #6dbae9 0%, #1d64b3 100%) no-repeat 0 0;
  border: 2px solid #1a6896;
  border-radius: 5px;
  margin: 15px auto 0;
  padding: 8px 0;
  width: 130px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  font-size: 1rem;
  letter-spacing: .15rem;
  color: #fff;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  font-feature-settings: "palt";
}

.btn_close_around_facility:hover {
  opacity: .7;
}

.btn_close_around_facility::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  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);
}

.open .btn_close_around_facility {
  display: flex;
  animation-name: fadeIn;
  animation-duration: 3s;
}

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

  .btn_close_around_facility:hover {
    opacity: 1;
  }
}
/* -------------------------------------------------
    サイト関連図
-------------------------------------------------- */
.box_relation_site {
    background: #fff;
    border: 2px solid #e0d5bf;
    box-sizing: border-box;
    margin: 40px auto 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.ttl_relation_site {
    background: #f75586;
    box-shadow: 0 5px 3px -3px rgba(137,127,100,0.45);
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    height: 35px;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: .05em;
    line-height: 35px;
    margin: 0;
    padding: 0 55px 0 40px;
    position: absolute;
    top: 20px;
    text-align: center;
    width: 92%;
}

    .ttl_relation_site::before {
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 18px 0 18px 20px;
        content: "";
        height: 0;
        position: absolute;
        left: -1px;
        top: 0;
        width: 0;
        z-index: 1;
    }

    .ttl_relation_site::after {
        border-color: transparent #fff transparent transparent;
        border-style: solid;
        border-width: 18px 20px 18px 0;
        content: "";
        height: 0;
        position: absolute;
        right: -1px;
        top: 0;
        width: 0;
        z-index: 1;
    }

.txt_relation_site {
    font-feature-settings: "palt";
    letter-spacing: .05em;
    line-height: 1.7;
    margin: 71px auto 0;
    width: calc(100% - 50px);
}

.img_relation {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.img_relation_site {
    margin: 18px auto 10px;
    position: relative;
    width: 542px;
}

.lnk_relation_site {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

    .lnk_relation_site li {
        align-items: flex-end;
        display: flex;
        height: 210px;
        justify-content: center;
        position: absolute;
        width: 155px;
    }

    .lnk_relation_site .lnk_left_top {
        left: 5px;
        top: -3px;
        z-index: 3;
    }

    .lnk_relation_site .lnk_right_top {
        right: 3px;
        top: -5px;
        z-index: 3;
    }

    .lnk_relation_site .lnk_left_bottom {
        align-content: flex-end;
        bottom: 88px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        right: -43px;
        width: 249px;
        z-index: 2;
    }

    .lnk_relation_site .lnk_center_bottom {
        bottom: 0;
        right: 236px;
    }

    .lnk_relation_site .lnk_center {
        left: 50%;
        top: 41%;
        transform: translate(-50%, -50%);
    }

    .lnk_relation_site .lnk_right_bottom {
        bottom: 89px;
        left: 2px;
        z-index: 2;
    }

    .lnk_relation_site .btn {
        align-items: center;
        background: #f00;
        border-radius: 20px;
        box-shadow: 0px 2px 6px 0px rgba(51, 51, 51, 0.65);
        color: #fff;
        display: flex;
        font-size: 13px;
        font-weight: 600;
        height: 40px;
        justify-content: center;
        line-height: 1.1;
        position: relative;
        text-indent: -1em;
        width: 100%;
    }

        .lnk_relation_site .btn::after {
            border-style: solid;
            border-width: 4px 0 4px 6px;
            border-color: transparent transparent transparent #fff;
            bottom: 0;
            content: "";
            height: 0;
            margin: auto 0;
            position: absolute;
            right: 11px;
            top: 0;
            width: 0;
        }

        .lnk_relation_site .btn.cookdoor {
            background: #e52335;
        }

    .lnk_relation_site span.btn.cookdoor {
        background: #fff;
        border: 2px solid #e52335;
        color: #e52335;
        text-indent: 0;
        width: 78%;
    }

    .lnk_relation_site a.btn.cookdoor:hover {
        background: #ef8d96;
    }

    .lnk_relation_site .btn.kitchen {
        background: #f8791e;
        width: 78%;
    }

        .lnk_relation_site .btn.kitchen:hover {
            background: #ffb077;
        }

    .lnk_relation_site .btn.school {
        background: #437cf8;
        width: 75px;
    }

        .lnk_relation_site .btn.school:nth-child(2) {
            width: 90px;
        }

        .lnk_relation_site .btn.school::after {
            right: 5px;
        }

        .lnk_relation_site .btn.school:hover {
            background: #8caef9;
        }

        .lnk_relation_site .btn.school span {
            font-size: 12px;
            margin-left: -.5em;
            text-indent: 0;
        }

    .lnk_relation_site .btn.nasluck {
        background: #3f87d2;
        width: 127px;
    }

        .lnk_relation_site .btn.nasluck span {
            margin-left: -1em;
            text-indent: 0;
        }

        .lnk_relation_site .btn.nasluck:hover {
            background: #78a2ce;
        }

    .lnk_relation_site .btn.homemate {
        background: #e74985;
        width: 119px;
    }

        .lnk_relation_site .btn.homemate:hover {
            background: #ff7ba5;
        }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .lnk_relation_site a.btn.cookdoor:hover {
        background: #e52335;
    }

    .lnk_relation_site .btn.kitchen:hover {
        background: #f8791e;
    }

    .lnk_relation_site .btn.school:hover {
        background: #437cf8;
    }

    .lnk_relation_site .btn.nasluck:hover {
        background: #3f87d2;
    }

    .lnk_relation_site .btn.homemate:hover {
        background: #f2769e;
    }
}

.selbox {
  background-color: #f9f8f4;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}
.selbox .selbox_item {
  display: flex;
  padding: 10px 15px;
}
.selbox .selbox_item.th {
  background-color: #eae3d3;
  font-weight: 600;
}
.selbox .selbox_item.td {
  padding: 0 20px 0 30px;
}
.selbox .selbox_lb {
  padding: 0 20px;
}
.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 {
  display: block;
  content: "";
  background: #fff;
  height: 18px;
  width: 18px;
  border: 1px solid #bab0a7;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.selbox .selbox_lb input[type="radio"]:checked + span:after {
  background: #09255c;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 4px;
}
input[type="text"].inp_transport {
  width: calc(100% - 55px);
}

/* btn search map */
.btn_map {
  background-color: #fff;
  border-radius: 5px;
  border: 2px solid #0f3486;
  color: #0f3486;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.6;
  padding: 5px 21px 5px 29px;
  position: relative;
  text-align: left;
}

.btn_map:hover {
  color: #0f3486 !important;
  opacity: 0.7;
}

.btn_map::before {
  -webkit-transform: translateY(-50%);
  background: url(/static/detail/image/ico-circle.png) no-repeat;
  content: "";
  height: 14px;
  left: 8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}

.btn_map::after {
  -webkit-transform: translateY(-50%);
  background: url(/static/detail/image/ico-arrow-right.png) no-repeat;
  content: "";
  height: 10px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
}

.btn_map_small {
  font-size: 12px;
  min-width: 170px;
  padding: 6px 20px 6px 27px;
  line-height: 1.2;
}

.btn_map_small::after {
  right: 9px;
}

/* 店舗SNS情報
========================================================================== */

.store_info_hp .table01.table01_no_data {
    width: 100%;
}

.store_info_hp .table01.table01_no_data th {
    padding: 5px;
    width: 19%;
}
.store_info_hp .table01.table01_no_data td {
    padding-left: 7px;
}

.table01.table01_no_data td.store_sns {
    padding: 6px;
}

.store_sns_list,
.store_sns_list * {
    box-sizing: border-box;
}

.store_sns_list {
    display: flex;
}

.store_sns_item {
    align-items: center;
    background-color: #fcfcfc;
    border: 1px solid #838383;
    border-radius: 5px;
    box-shadow: 0 1px 0 #838383;
    display: flex;
    font-size: 13px;
    font-weight: 300;
    justify-content: center;
    min-height: 35px;
    min-width: 114px;
    opacity: .8;
    text-align: center;
}
.store_sns_item:not(:last-child) {
    margin-right: 5px;
}

.store_sns_item img {
    display: inline-block;
    height: 24px;
    margin-right: 5px;
    object-fit: contain;
    width: auto;
}