/***** CSSアニメーション *****/
/***** COMMON *****/
* {
  font-family: 'Noto Sans JP',sans-serif;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch
}
ol,
ul {
  list-style-type: none
}
button:focus,
input:focus,
select:focus {
  outline: 0
}
button:-moz-focusring,
input:-moz-focusring,
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000
}
button {
  cursor: pointer
}
a:focus {
  outline: 0
}
.clearfix:after {
  display: block;
  clear: both;
  content: ''
}
.table-layout01 {
  display: table;
  width: 100%
}
.table-layout01 > * {
  display: table-cell
}
figure > img {
  width: 100%
}
.text_b {
  font-weight: 700 !important;
}
.table-fixed {
  table-layout: fixed;
}
.width25 {
  width: 25%;
}
.width50 {
  width: 50%;
}
.word_break_all {
  word-break: break-all;
}
/***** HEADER *****/
.h-top__container {
  display: table
}
.h-top {
  border-bottom: 1px solid #ddd
}
.h-logo {
  display: table-cell;
  vertical-align: middle
}
.h-logo > a {
  display: block
}
.h-logo > a > img {
  display: block;
  width: 100%;
  height: auto
}
/* パンくずリスト */
.h-bottom {
  position: relative;
  overflow-x: hidden
}
.breadcrumbs {
  display: flex;
  align-items: center
}
.h-bottom.no-gnav {
  border-bottom: 1px solid #ddd
}
.breadcrumbs .breadcrumbs_inner {
  white-space: nowrap
}
.breadcrumbs .swiper-slide {
  display: inline-block
}
.breadcrumbs .breadcrumbs_inner::-webkit-scrollbar {
  height: 5px
}
/*バーの太さ*/
.breadcrumbs .breadcrumbs_inner::-webkit-scrollbar-track {
  background: #ddd
}
/*バーの背景色*/
.breadcrumbs .breadcrumbs_inner::-webkit-scrollbar-thumb {
  background: #7d7e7c
}
/*バーの色*/
.breadcrumbs .breadcrumbs_inner .arrow {
  padding: 0 10px
}
/* グローバルナビゲーション */
.gnav__links__icon,
.gnav__links__txt {
  vertical-align: middle
}
.gnav__search {
  position: relative
}
.gnav__search__input {
  display: block;
  border: none;
  border-radius: 5px
}
.gnav__search > .gnav__search__btn-search {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border: none;
  background-color: transparent
}
.gnav__search > .gnav__search__btn-search > .gnav__search__btn-search__icon {
  display: block;
  margin-top: 2px
}
/***** FOOTER *****/
/* フッター注意文 */
.info-attention {
  background-color: #7d7e7c
}
.info-attention > .info-attention__list > .info-attention__tit {
  position: relative
}
.info-attention__tit > .info-attention__tit__txt {
  position: absolute;
  z-index: 1;
  right: 10px;
  display: block;
  background-image: url(/town-library/default/00000/images/std/img_yadokarisu.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 44px auto
}
.info-attention__tit > .info-attention__tit__txt > a {
  display: block
}
.info-attention__tit .info-attention__tit__txt > a > img {
  display: block;
  width: 100%;
  height: auto
}
.info-attention > .info-attention__list > .container > .info-attention__list__main > li {
  font-size: 12px;
  line-height: 20px;
  color: #fff
}
.info-attention > .info-attention__list > .container > .info-attention__list__main {
  display: table;
  margin: 0 auto
}
/* フッターナビゲーション */
.f-middle__nav {
  font-size: 0;
  line-height: 0;
  padding: 5px 10px 0;
  text-align: center;
  background-color: #f6f6f6
}
.f-middle__nav > li {
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  margin-bottom: 5px;
  padding: 0 10px;
  vertical-align: top;
  border-left: 1px solid #7d7e7c
}
.f-middle__nav > li:first-child {
  border-left: none
}
.f-middle__nav > li > a {
  font-size: 10px;
  line-height: 10px;
  display: block;
  text-decoration: none
}
/* コピーライト・ページTOPへ戻るボタン */
.f-bottom {
  position: relative
}
.f-bottom__copyright {
  display: table
}
.f-bottom__copyright > .f-bottom__copy,
.f-bottom__copyright > .f-bottom__copyright__logo {
  display: table-cell;
  vertical-align: middle
}
.f-bottom__copyright > .f-bottom__copy {
  font-size: 11px;
  line-height: 16px
}
.f-bottom__copyright > .f-bottom__copy > .f-bottom__copy__note {
  display: block;
  color: #a1a3a1
}
.f-bottom__copyright > .f-bottom__copyright__logo {
  width: 80px
}
.f-bottom__copyright > .f-bottom__copyright__logo > a,
.f-bottom__copyright > .f-bottom__copyright__logo > a > img {
  display: block;
  width: 52px;
  height: auto;
  margin: 0 auto
}
.pagetop {
  position: fixed;
  z-index: 20;
  display: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent
}
.pagetop > img {
  display: block;
  width: 100%;
  height: auto
}
.town-matching-link {
  position: fixed;
  z-index: 20;
  display: none;
  transition: opacity 0.3s linear;
  animation: float 3s ease-in-out 0.6s infinite;
}
.town-matching-link > img {
  display: block;
  width: 100%;
  height: auto
}
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}
/***** MAIN *****/
.main {
  display: block
}
.bg-color01 {
  background-color: #fff
}
.bg-color02 {
  background-color: #f9f8f4
}
.bg-color03 {
  background-color: #ececeb
}
.bg-color04 {
  background-color: #ececeb
}
body > .section {
  margin-bottom: 0;
  padding-bottom: 30px
}
.img-trimming {
  font-size: 0;
  line-height: 0;
  position: relative;
  z-index: 1;
  overflow: hidden
}
.img-trimming > img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  transform: translateX(-50%) translateY(-50%)
}
.img-trimming.trimming-width > img {
  width: auto;
  height: 100%
}
/* 背景画像付きリード文 */
.with-bg-lead {
  background-image: url(/town-library/default/00000/images/std/bg_town_top_lead_circle.png),url(/town-library/default/00000/images/std/bg_town_top_lead_stripe.jpg);
  background-repeat: no-repeat,repeat-y;
  background-position: center bottom,center top;
  background-size: 100% 100px,2400px auto
}
/* 背景画像付きリード文 :article */
.with-bg-lead--article {
  background-image: url(/town-library/default/00000/images/std/bg_town_top_lead_circle.png),url(/town-library/default/00000/images/std/bg_town_top_lead_stripe--article.jpg);
  background-repeat: no-repeat,repeat-y;
  background-position: center bottom,center top;
  background-size: 100% 100px,2400px auto
}
/* リード文 */
.lead__contents {
  position: relative
}
.lead__contents__txt {
  font-size: 14px;
  line-height: 25px
}
/* 「やどかりす」説明吹き出し ここから */
/*.lead__contents__character {
  position: absolute;
  z-index: 1;
  height: auto
}*/
/*.lead__contents__character_box {
  display: inline-block;
  position: absolute;
  right: 50px;
  top: 0;
}*/
#lc_c_bt{
  cursor: pointer;
}
.lead__contents__character_bt {
  display: contents;
  transition: .4s;
}
.lead__contents__character:hover {
  animation: pyonpyon 3s ease infinite;
}
@keyframes pyonpyon {
  0% {transform: translateY(0)}
  5% {transform: translateY(-10px)}
  10% {transform: translateY(0)}
  20% {transform: translateY(-10px)}
  25% {transform: translateY(0)}
  30% {transform: translateY(-10px)}
  35% {transform: translateY(0)}
  50% {transform: translateY(0)}
  100% {transform: translateY(0)}
}
/* ヤドカリス：TAP */
.lc_c_tap.is-hidden {
  opacity: 0;
}
/* 吹き出し：フレーム */
.lead__contents__character_speech {
  display: none;
  width: 280px;
  padding: 14px 10px 10px;
  border-radius: 10px;
  background-color: #fff;
  border: 2px solid #009688;
  box-shadow: 3px 3px 2px rgba(0, 150, 136, 0.3);
  z-index: 100;
}
/* 吹き出し：文章 */
.lead__contents__character_speech p {
  font-size: 14px;
  line-height: 25px;
  color: #009688;
}
/* 吹き出し：閉じるボタン */
.lc_c_s_close {
  position: absolute;
  right: -12px;
  top: -14px;
  cursor: pointer;
}
.lc_c_s_close img {
  width: 28px;
}
/* 「やどかりす」説明吹き出し ここまで */
/* リード文・SNS付きリード文 */
.section--lead {
  margin-bottom: 0
}
.lead-mainvisual,
.section--half-lead > .half-img-txt,
.section--lead__image {
  position: relative;
  z-index: 2
}
.section--lead__character {
  position: absolute;
  right: 10px
}
.share > .share__buttons {
  display: flex
}
.share .share__buttons > .share__btn {
  margin-right: 15px
}
.section--lead__txt > p {
  font-size: 14px;
  line-height: 25px
}
/* 飾り付きタイトル */
.decoration-tit {
  text-align: center
}
.decoration-tit > .decoration-tit__txt {
  font-weight: 400;
  display: inline-block;
  padding: 0 40px;
  color: #513a0b;
  background-image: url(/town-library/default/00000/images/std/img_tt_decoration_before.png),url(/town-library/default/00000/images/std/img_tt_decoration_after.png);
  background-repeat: no-repeat,no-repeat;
  background-position: left center,right center;
  background-size: 11px auto
}
/* ページタイトル・ページサブタイトル */
.page-sub-title,
.page-title {
  color: #513a0b
}
/* ページタイトル */
.page-title {
  font-weight: 400
}
.page-title .page-title__txt {
  display: block
}
/* アイコン付きタイトル */
.icon-title {
  font-weight: 700;
  display: table;
  width: 100%
}
.icon-title > .icon-tit__icon,
.icon-title > .icon-tit__text {
  display: table-cell;
  vertical-align: top
}
.icon-title > .icon-tit__icon {
  padding-top: 4px
}
.c0r90_panel .icon-tit__icon {
  text-align: left
}
.icon-title > .icon-tit__text {
  position: relative;
  color: #513a0b;
  border-bottom: 3px solid #eee
}
.icon-title > .icon-tit__text:after {
  position: absolute;
  z-index: 1;
  bottom: -3px;
  left: 0;
  display: block;
  width: 35px;
  height: 3px;
  content: '';
  background-color: #009688
}
/* シンプルなアイコン付きタイトル */
.simple-icon-title {
  display: flex;
  align-items: flex-end
}
.simple-icon-title > .icon-tit__text {
  display: block;
  color: #513a0b;
  border-bottom: none
}
.simple-icon-title > .icon-tit__text:after {
  content: none
}
.simple-icon-title > .icon-tit__icon {
  display: flex;
  padding-top: 0;
  align-items: flex-end
}
.simple-icon-title > .icon-tit__icon > .icon-title__icon {
  display: block;
  height: auto
}
/* シンプルなセクション内サブタイトル */
.section-subtitle {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 8px;
  color: #513a0b;
  border-bottom: 2px solid #dddad2
}
/* ユーザー投稿なし */
.no-post {
  text-align: center
}
.no-post__img {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: #e4e2de;
  align-items: center;
  justify-content: center
}
/* 街情報を見る（都道府県選択） */
.select-prefecture__detail {
  background-color: #e8e2d1
}
.select-prefecture__tit {
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  margin-bottom: 20px;
  color: #513a0b
}
.link-list {
  display: flex;
  flex-wrap: wrap
}
.select-prefecture__main {
  padding-bottom: 10px
}
.link-list__item {
  padding-right: 10px;
  padding-bottom: 10px;
  text-align: center
}
.link-list__item > a {
  font-size: 14px;
  line-height: 43px;
  display: block;
  text-decoration: none;
  color: #513a0b;
  border: 1px solid #d1c0a5;
  border-radius: 3px;
  background-color: #fff
}
.link-list__item > span {
  font-size: 14px;
  line-height: 43px;
  display: block;
  text-decoration: none;
  color: #8f887a;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  background-color: #cccccc;
}

/* 記事一覧（リスト型） */
.txt-list__date,
.txt-list__tit {
  line-height: 20px
}
.txt-list > li > .txt-list__info {
  width: 100%;
  background: url(/town-library/default/00000/images/std/bg_dotline.png) repeat-x left bottom transparent
}
.txt-list__tit > a {
  color: #000000
}
/* インフォメーション */
.info-article-list > .txt-list > li > .txt-list__info > .txt-list__date {
  color: #806b4b
}
/* プルダウンする記事一覧 */
.list-pulldown > .txt-list > li {
  display: none
}
.list-pulldown > .txt-list > li:nth-child(-n+10) {
  display: block
}
.list-pulldown.open > .txt-list > li {
  display: block
}
.list-pulldown > .btn-cover > .btn-list-more,
.list-pulldown .btn-list-more-area,
.list-pulldown .img-btn-list-more-area {
  font-weight: 700;
  display: block;
  margin: 0 auto;
  padding-bottom: 5px;
  color: #009688;
  border: none;
  border-bottom: 1px solid #64b2a7;
  background: 0 0
}
.list-pulldown > .btn-cover > .btn-list-more:before,
.list-pulldown .btn-list-more-area:before,
.list-pulldown .img-btn-list-more-area:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  content: '';
  transform: rotate(45deg);
  border-right: 1px solid #009688;
  border-bottom: 1px solid #009688
}
.list-pulldown.open > .btn-cover > .btn-list-more:before,
.list-pulldown .close-btn-list-more-area:before {
  margin-bottom: -5px;
  transform: rotate(225deg)
}
.style-list-more-area .hide {
  display: none !important;
}

/* トピックス */
.topics-article-list > .txt-list > li > .txt-list__info {
  display: table
}
.topics-article-list > .txt-list > li > .txt-list__info > .txt-list__comment,
.topics-article-list > .txt-list > li > .txt-list__info > .txt-list__tit {
  display: table-cell
}
/* 関連サイトのおすすめ記事 */
.section--related-sites-list > .txt-list > li {
  border-bottom: 1px dotted #897d6b
}
.section--related-sites-list > .txt-list > li > a {
  display: block;
  text-decoration: none;
  color: #000
}
.section--related-sites-list > .txt-list > li > a > .txt-list__info > .txt-list__thumb,
.section--related-sites-list > .txt-list > li > a > .txt-list__info > .txt-list__tit {
  vertical-align: middle
}
.section--related-sites-list > .txt-list > li > a > .txt-list__info > .txt-list__thumb {
  width: 50px
}
.section--related-sites-list > .txt-list > li > a > .txt-list__info > .txt-list__thumb > img {
  display: block;
  width: 100%;
  height: auto
}
.section--related-sites-list > .txt-list > li > a > .txt-list__info > .txt-list__tit {
  padding-left: 30px
}
/* 記事一覧（ブロック型） */
.img-txt-list > li {
  position: relative;
  display: flex;
  padding-top: 2px;
  background-color: #fff;
  flex-wrap: wrap;
  align-items: stretch
}
.img-txt-list > li:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: ''
}
.img-txt-list a {
  text-decoration: none
}
.img-txt-list > li.category-town:before {
  background-color: #2196f3
}
.img-txt-list > li.category-house:before {
  background-color: #ff8f00
}
.img-txt-list > li.category-life:before {
  background-color: #7cb342
}
.img-txt-list > li.category-other:before {
  background-color: #e91e63
}
.img-txt-list__main {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  border: 5px solid #ede9de
}
.img-txt-list__thumbnail {
  position: relative;
  display: block;
  height: 100%;
  min-height: 0
}
.img-txt-list > li.new-article > .img-txt-list__main > .img-txt-list__thumbnail:after {
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  display: block;
  width: 56px;
  height: 56px;
  content: '';
  background: url(/town-library/default/00000/images/std/icon_new.png) no-repeat right top transparent;
  background-size: 100% auto
}
.img-txt-list__thumbnail > img {
  display: block;
  width: 100%;
  height: auto
}
.img-txt-list__description,
.img-txt-list__info,
.img-txt-list__tags {
  margin-left: 10px;
  margin-right: 10px;
  left: 0;
}
.img-txt-list__info {
  position: absolute;
  left: 10px;
  display: flex;
  display: -ms-flexbox;
  margin: 0;
  margin-top: 15px;
  padding: 0;
  flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: center;
  -ms-flex-align: center
}
.categories-list {
  display: inline-block;
  width: 120px;
  text-align: center
}
.categories-list > .categories-list__cat > a {
  font-size: 12px;
  line-height: 25px;
  display: block;
  text-decoration: none;
  color: #fff
}
.categories-list__cat.town > a {
  background-color: #2196f3
}
.categories-list__cat.house > a {
  background-color: #ff8f00
}
.categories-list__cat.life > a {
  background-color: #7cb342
}
.categories-list__cat.other > a {
  background-color: #e91e63
}
.img-txt-list__date {
  font-size: 12px;
  line-height: 12px;
  display: block;
  padding: 21.5px 10px 20px;
  text-align: right;
  color: #806b4b
}
.img-txt-list__description {
  width: calc(100% - 20px);
  overflow: hidden;
  font-size: 14px;
  line-height: 25px;
  max-height: 57px;
  text-decoration: none;
  color: #000;
  flex-grow: 1;
  -ms-flex-positive: 1;
}
.img-txt-list__description > a {
  text-decoration: none;
  color: #000
}
.img-txt-list__tags {
  position: absolute;
  bottom: 0;
  width: calc(100% - 20px);
  min-height: 0;
  padding-bottom: 10px;
  pointer-events: none;
  align-self: flex-end;
  -ms-flex-item-align: end
}
.img-txt-list__tags > .img-txt-list__tag {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  pointer-events: auto
}
.img-txt-list__tags > .img-txt-list__tag > a {
  font-size: 12px;
  line-height: 20px;
  display: block;
  min-width: 90px;
  max-width: 285px;
  padding: 0 10px;
  text-align: center;
  text-decoration: none;
  color: #513a0b;
  border: 1px solid #d1c0a5;
  border-radius: 3px;
  background-color: #faf9f8;
  word-wrap: break-word
}
.room-list .link-blocks__tit {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  text-align: center;
  text-decoration: none;
  color: #000
}
/* 記事大一覧 */
.img-txt-list {
  margin-bottom: 30px
}
/* 記事一覧情報 */
.article-list-info {
  margin-bottom: 15px;
  color: #009688
}
.list-sort-option {
  display: flex;
  align-items: center
}
.list-sort-option__tit {
  padding-right: 15px
}
.list-result {
  font-size: 14px;
  line-height: 24px
}
.list-result > .list-result__total-num {
  margin-right: 10px
}
.list-sort-option {
  font-size: 12px;
  line-height: 22px
}
.list-sort-option > .list-sort-option__sort {
  position: relative;
  border: 2px solid #009688;
  border-radius: 3px;
  background-color: #fff
}
.list-sort-option > .list-sort-option__sort:before {
  position: absolute;
  z-index: 0;
  top: 50%;
  display: block;
  content: '▼';
  transform: translateY(-50%)
}
.list-sort-option > .list-sort-option__sort > .sort {
  position: relative;
  z-index: 1;
  display: block;
  color: #009688;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.list-sort-option > .list-sort-option__sort > .sort::-ms-expand {
  display: none
}
/* 駅で暮らす */
.link-blocks > li > a {
  position: relative;
  display: flex;
  transform: translate3d(0,0,0);
  text-align: center;
  text-decoration: none;
  border: 1px solid #dddad2;
  border-radius: 5px;
  background-color: #fff
}
.link-blocks > li > a:after {
  font-size: 14px;
  line-height: 26px;
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 10px;
  display: block;
  width: 26px;
  content: '→';
  text-align: center;
  color: #513a0b;
  border-radius: 13px;
  background-color: #dddad2
}
.link-blocks__img > .img-trimming {
  padding-bottom: 100%;
  border-radius: 50%
}
.link-blocks__tit {
  font-weight: 700;
  margin-bottom: 15px;
  padding: 10px 10px 15px;
  color: #513a0b
}
.link-blocks__tit.short-border-tit:after {
  height: 1px
}
.link-blocks__tit__txt {
  display: block
}
.short-border-tit:after {
  width: 60px
}
.link-blocks__img {
  padding: 30px 10px
}
.link-blocks__txt {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 40px
}
.link-blocks__txt > dd {
  text-align: left
}
.link-blocks__txt > dd > p {
  color: #000
}

.margin_h20{margin:20px 0;}
.margin_ht20{margin-top:20px;}
a.link-line {
  position: relative;
  display: flex;
  transform: translate3d(0,0,0);
  text-align: center;
  text-decoration: none;
  border: 1px solid #dddad2;
  border-radius: 5px;
  background-color: #fff;
  color: #513a0b;
  vertical-align: middle;
}
a.link-line:after {
  z-index: 1;
  content: '';
  width: 8px;
  height: 8px;
  top: 45%;
  right:15px;
  border-top: solid 2px #513a0b;
  border-right: solid 2px #513a0b;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}
a.link-line:hover:after {
  border-top: solid 2px #009688;
  border-right: solid 2px #009688;
}
a.link-line span{
  margin: 20px 0 0 15px;
}
a.link-line:hover {
  opacity: 1;
  border: 1px solid #009688;
  box-shadow: 0 0 1px 1px #009688;
}
a.link-line img {
  border-radius: 5px 0 0 5px;
  display:inline-block;
  vertical-align: middle;
}

/* ページャー */
.pager.mw100 {
  margin-bottom: 0
}
.pager__inner {
  position: relative;
  margin: 0 auto
}
.pager.mw100 > .pager__inner {
  max-width: 100%
}
.pager__btn-next,
.pager__btn-prev {
  position: absolute;
  z-index: 2;
  top: 0
}
.pager-list > li > a,
.pager-list > li > span,
.pager__btn-next > a,
.pager__btn-prev > a {
  text-decoration: none
}
.pager__btn-next > a,
.pager__btn-prev > a {
  font-size: 12px;
  display: block;
  text-align: center;
  color: #009688;
  border: 1px solid #dddad2;
  border-radius: 3px;
  background-color: #fff
}
.pager__btn-prev {
  left: 0
}
.pager__btn-next {
  right: 0
}
.pager-list {
  display: flex;
  justify-content: center
}
.pager-list > li {
  text-align: center
}
.pager-list > li > a {
  color: #009688;
  border-bottom: 1px solid #64b2a7
}
.pager-list > li > .current {
  color: #000
}
/* 近隣リンク */
.section--neighborhood-links {
  padding-top: 20px
}
.section--neighborhood-links + .section--neighborhood-links {
  padding-top: 0
}
.near-neighborhoods-links__detail > .neighborhoods-tit {
  font-weight: 700
}
.near-neighborhoods-links__list {
  display: flex;
  max-width: 850px;
  flex-wrap: wrap;
  align-items: center
}
.near-neighborhoods-links__list > li {
  margin-right: 5px;
  padding: 5px 0
}
.near-neighborhoods-links__list > li > .current,
.near-neighborhoods-links__list > li > .is-inactive,
.near-neighborhoods-links__list > li > a {
  line-height: 28px;
  display: block;
  min-width: 110px;
  padding: 0 5px;
  text-align: center;
  border-radius: 3px
}
.near-neighborhoods-links__list > li > a {
  text-decoration: none;
  color: #000;
  border: 1px solid #fff;
  background-color: #fff
}
.near-neighborhoods-links__list > li > .current {
  color: #fff;
  background-color: #009688
}
.near-neighborhoods-links__list > li > .is-inactive{
  color: #8f887a;
  border: 1px solid #bbbbbb;
  background-color: #cccccc;
}
.section--neighborhood-links > .near-neighborhoods-links__main > .near-neighborhoods-links__detail:last-child {
  margin-bottom: 0
}
/* 周辺の不動産会社 */
.realtor-list > li > a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #000;
  border-style: solid;
  border-color: #dddad2;
  border-radius: 5px;
  background-color: #fff
}
.realtor-list__txt__name {
  font-weight: 700;
  color: #513a0b
}
.realtor-list__info {
  padding-top: 10px;
  border-top: 1px dotted #dfdcd5
}
.realtor-list__info > li {
  font-size: 12px;
  line-height: 16px;
  display: flex;
  margin-bottom: 5px;
  align-items: center
}
.realtor-list__txt__detail__info__icon {
  display: flex;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border-radius: 8px;
  background-color: #dedede;
  align-items: center;
  justify-content: center
}
.realtor-list__txt {
  display: block
}
/* C0RMU ここから▽▽ */
.section-realtor .import-realtor-company{
  width: 100%;
}
/* C0RMU ここまで△△ */
/* 周辺の物件を探す */
.periphery-list,
.periphery-list__block {
  display: flex
}
.periphery-list {
  flex-wrap: wrap;
  justify-content: space-between
}
.periphery-list__block__cover {
  display: flex;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #000;
  border-style: solid;
  border-color: #dddad2;
  border-radius: 5px;
  background-color: #fff;
  align-items: center
}
.periphery-list__block__tit {
  font-size: 14px;
  line-height: 18px
}
/* コメント */
.comment-main {
  margin-bottom: 15px
}
.comment-list {
  padding-bottom: 25px
}
.comment-list__block {
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  align-items: flex-start
}
.comment-list > .comment-list__block:nth-child(even) {
  flex-direction: row-reverse
}
.comment-list__info {
  padding-right: 25px;
  padding-left: 0
}
.comment-list > .comment-list__block:nth-child(even) > .comment-list__info {
  padding-right: 0;
  padding-left: 25px
}
.comment-list__detail {
  position: relative;
  width: 100%;
  min-height: 95px;
  padding-top: 5px;
  border: 1px solid #dddad2;
  border-radius: 10px;
  background-color: #fff
}
.comment-list__detail:after,
.comment-list__detail:before {
  position: absolute;
  display: block;
  content: ''
}
.comment-list__detail:before {
  z-index: 1;
  top: 32px;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent
}
.comment-list__block:nth-child(odd) > .comment-list__detail:before {
  left: -15px;
  border-right: 15px solid #dddad2
}
.comment-list__block:nth-child(even) > .comment-list__detail:before {
  right: -15px;
  border-left: 15px solid #dddad2
}
.comment-list__detail:after {
  z-index: 2;
  top: 33px;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent
}
.comment-list__block:nth-child(odd) > .comment-list__detail:after {
  left: -14px;
  border-right: 15px solid #fff
}
.comment-list__block:nth-child(even) > .comment-list__detail:after {
  right: -14px;
  border-left: 15px solid #fff
}
.comment-list__info__img {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 100%;
  border: 1px solid #fff;
  border-radius: 50%
}
.comment-list__info__txt > p {
  color: #513a0b
}
.comparison-list__tit {
  font-weight: 700
}
.comparison-list__merit-tit {
  color: #f50057
}
.comparison-list__demerit-tit {
  color: #0056c0
}
.section__lead {
  font-size: 14px;
  line-height: 25px
}
/* 周辺MAP */
.section--map {
  padding-bottom: 35px
}
.section--map__lead {
  font-size: 14px;
  line-height: 25px
}
.section--map__map-cover {
  position: relative;
  margin-bottom: 30px;
  background-color: #fff
}
.section--map__map {
  height: 255px;
  background-color: #f0f0f0
}
.section--map__btn-more {
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center
}
.section--map__btn-more > a {
  font-weight: 700;
  display: flex;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  box-shadow: 0 3px 3px 1px #dddad2;
  justify-content: center;
  align-items: center
}
.section--map__btn-more > a > .section--map__icon {
  display: block
}
.section--map__btn-large {
  position: absolute;
  z-index: 1;
  top: 15px;
  right: 15px
}
.section--map__btn-large > a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #000;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 3px 1px #b2b2b2
}
/* 周辺MAP */
/* 未来地図 */
.section--map-future > .section--map__map-cover {
  margin-bottom: 0
}
.section--map-future > .section--map__map-cover > .section--map__btn-more {
  z-index: 3
}
.section--map-future > .section--map__map-cover > .section--map__map {
  position: relative
}
.section--map-future > .section--map__map-cover > .section--map__btn-more {
  top: 50%;
  bottom: auto;
  transform: translateX(-50%) translateY(-50%)
}
.section--map-future > .section--map__map-cover > .section--map__btn-more > a {
  box-shadow: 0 3px 3px 3px #009688
}
/* 物件を探す（おすすめ物件・物件を探す） */
.recommend-periphery .import-recommend-property{
  width: 100%;
}
.recommend-periphery > .container.container__pad0 {
  margin-bottom: 40px
}
.recommend-periphery > .container.container__pad0:last-child {
  margin-bottom: 0!important
}
/* モーダル */
/* モーダル（写真） */
.modal--img-post {
  transform: translate3d(0,0,0)
}
.fancybox-active{
  overflow: hidden;
}
.fancybox-inner > .fancybox-main > .fancybox-navigation > .fancybox-button:disabled {
  opacity: .1
}
.fancybox-inner > .fancybox-main > .fancybox-navigation > .fancybox-button,
.fancybox-inner > .fancybox-main > .fancybox-toolbar {
  visibility: visible;
  opacity: 1
}
.fancybox-inner > .fancybox-main > .fancybox-navigation > .fancybox-button,
.fancybox-inner > .fancybox-toolbar > .fancybox-button--close {
  width: auto;
  height: auto;
  margin-right: 0;
  padding: 0;
  background: 0 0
}
.fancybox-inner > .fancybox-main > .fancybox-caption > .fancybox-caption__body {
  text-align: left
}
.fancybox-inner > .fancybox-main > .fancybox-caption {
  background: 0 0
}
.fancybox-container.modal--img-post > .fancybox-inner > .fancybox-main > .fancybox-stage > .fancybox-slide--image > .fancybox-content > .fancybox-image {
  display: block
}
.fancybox-container.modal--img-post > .fancybox-inner > .fancybox-main > .fancybox-stage > .fancybox-slide--image > .fancybox-content {
  cursor: default
}
.fancybox-container.modal--img-post > .fancybox-inner > .fancybox-toolbar {
  margin-right: 0
}
/* モーダル（相場） */
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-navigation > .fancybox-button:disabled {
  opacity: .1
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-navigation > .fancybox-button,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar {
  visibility: visible;
  opacity: 1
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-navigation > .fancybox-button,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar > .fancybox-button--close {
  width: auto;
  height: auto;
  padding: 0;
  transition-timing-function: cubic-bezier(.47,0,.74,.71);
  transition-duration: inherit;
  transition-property: opacity;
  opacity: 0;
  background: 0 0
}
.fancybox-is-open.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-navigation > .fancybox-button,
.fancybox-is-open.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar > .fancybox-button--close {
  opacity: 1
}
.fancybox-container.modal--market__info > .fancybox-inner,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage > .fancybox-slide,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage > .fancybox-slide > .fancybox-content > .fancybox-iframe {
  position: relative
}
.fancybox-container.modal--market__info > .fancybox-inner {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  align-items: center
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar > .fancybox-button--close {
  position: absolute;
  z-index: 1;
  top: -30px
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar > .fancybox-button--close > .icon-modal__close {
  display: block
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage > .fancybox-slide,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage > .fancybox-slide > .fancybox-content > .fancybox-iframe {
  width: 100%!important
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-navigation > .fancybox-button,
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar {
  position: relative
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-navigation {
  display: none!important
}
.modal--market__info > .fancybox-inner > .fancybox-stage > .fancybox-slide > .fancybox-content {
  max-width: 980px;
  width:100%!important;
  height:440px;
  overflow-y:scroll;
  -webkit-overflow-scrolling:touch;
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-toolbar {
  width: 100%;
  max-width: 1068px
}
.fancybox-container.modal--market__info > .fancybox-inner > .fancybox-stage > .fancybox-slide {
  min-height: 80px
}
/* モーダル（フォーム） */
.form-table--tit {
  margin-bottom: 10px;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #009688
}
.form-table--tit > h1 {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.form-table--tit > h1 > .txt,
.form-table--tit > h1 > img {
  display: block
}
.form-table--tit > h1 > .txt {
  padding-left: 15px
}
.form-table--step-flow {
  display: flex;
  justify-content: flex-start;
  align-items: center
}
.form-table--step-flow > li {
  font-weight: 700;
  line-height: 40px;
  position: relative;
  padding-left: 10px;
  text-align: center;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}
.form-table--step-flow > .form-table--step-flow01 {
  position: relative;
  z-index: 3;
  padding-left: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px
}
.form-table--step-flow > .form-table--step-flow02 {
  z-index: 2
}
.form-table--step-flow01 {
  color: #fff;
  background-color: #80cbc4
}
.form-table--step-flow02 {
  color: #fff;
  background-color: #4db6ac
}
.form-table--step-flow03 {
  z-index: 1;
  color: #fff;
  background-color: #27a69a
}
.form-table--step-current {
  color: #009688;
  background-color: #fff
}
.form-table--form-type {
  position: relative;
  margin-bottom: 35px;
  border: 2px solid #dddad2;
  border-radius: 5px
}
.form-table--form-type:after,
.form-table--form-type:before {
  position: absolute;
  display: block;
  content: ''
}
.form-table--form-type:before {
  z-index: 1;
  bottom: -14px;
  left: 25px;
  border-top: 14px solid #dddad2;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent
}
.form-table--form-type:after {
  z-index: 2;
  bottom: -11px;
  left: 27px;
  border-top: 12px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent
}
.form-table--form-type > dt {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 5px;
  color: #666
}
.form-table--form-type > dd {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px
}
.form-table--main--detail,
.form-table--main--tit {
  padding: 20px
}
.form-table--main--tit {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: relative
}
.form-table--main--tit > .required {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 20px;
  display: block;
  padding: 0 5px;
  color: #fff;
  border-radius: 3px;
  background-color: #e91e63
}
.form-table--main--detail > .note,
.form-table--main--detail > p,
.input-txt {
  font-size: 16px;
  line-height: 24px
}
.form-table--main--detail > p {
  margin-bottom: 20px
}
.form-table--main--detail > p:last-child {
  margin-bottom: -10px
}
.form-table--main--detail > .note {
  display: block;
  margin-bottom: 10px;
  padding-top: 20px;
  text-align: right
}
.form-table--main--detail > .note:last-child {
  margin-bottom: 0
}
.check-list {
  margin-bottom: -10px
}
.input-label {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle
}
.input-cover > input[type=date],
.input-cover > input[type=email],
.input-cover > input[type=tel],
.input-cover > input[type=text],
.input-cover > textarea {
  display: block;
  width: 100%;
  border: 1px solid #606060
}
.input-cover > input[type=date],
.input-cover > input[type=email],
.input-cover > input[type=tel],
.input-cover > input[type=text] {
  height: 30px;
  padding: 0 10px
}
.input-label > input[type=date],
.input-label > input[type=email],
.input-label > input[type=tel],
.input-label > input[type=text] {
  font-size: 16px;
  width: 200px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #606060
}
.input-cover > textarea {
  font-size: 14px;
  line-height: 24px;
  padding: 20px
}
.input-cover > textarea.image-comment {
  padding: 3px 10px
}
.input-button,
.input-txt {
  display: inline-block
}
.input-label > input[type=checkbox],
.input-label > input[type=radio] {
  display: none
}
.checkbox-label:before,
.radio-label:before {
  display: inline-block;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  content: '';
  vertical-align: middle;
  border: 1px solid #636363;
  background: linear-gradient(#f8f8f8,#d3d3d3)
}
.radio-label:before {
  border-radius: 10px
}
.input-radio + .input-txt:after,
.input-radio + .input-txt:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  visibility: hidden;
  content: '';
  transform: translateY(-50%)
}
.input-radio + .input-txt:before {
  z-index: 2;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff
}
.input-radio + .input-txt:after {
  z-index: 1;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #4e89f5
}
.input-radio:checked + .input-txt:after,
.input-radio:checked + .input-txt:before {
  visibility: visible
}
.input-button {
  vertical-align: middle
}
.input-cover > select {
  font-size: 16px;
  width: 235px;
  height: 30px
}
.input-txt {
  padding-right: 20px;
  padding-left: 10px;
  vertical-align: middle
}
.input-txt.between {
  margin-bottom: 10px;
  padding: 0 10px
}
.input-button {
  width: 45px;
  height: 30px;
  border: none;
  background: 0 0
}
.input-button > img {
  display: block;
  width: 20px;
  height: auto;
  margin: 0 auto
}
.form-table--note-list {
  font-size: 16px;
  font-weight: 700;
  padding-left: 1em;
  text-indent: -1em
}
.form-table--privacy {
  overflow-y: scroll;
  padding: 20px;
  border: 2px solid #dddad2;
  border-radius: 5px
}
.form-table--privacy > dd,
.form-table--privacy > dt {
  line-height: 24px
}
.form-table--privacy > dt {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px
}
.form-table--privacy > dd {
  font-size: 14px
}
.form-table--privacy-note {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
  text-align: center
}
.check-list.clearfix > .left {
  display: block;
  float: left
}
/* モーダル（フォーム）: 確認*/
.form-table--main--detail > .form-table__txt {
  margin-bottom: 35px
}
.form-table--main--detail > .form-table__img > img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto
}
.form-table--confirm > .form-table--tit-area > .form-table--main > .form-table--main--row > .form-table--main--detail > p:last-child {
  margin-bottom: 0
}
/* flatpickr */
body > .flatpickr-calendar {
  box-sizing: content-box;
  width: 280px;
  border: 10px solid #fff;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 0 1px #bbb
}
body > .flatpickr-calendar.arrowTop:after,
body > .flatpickr-calendar.arrowTop:before {
  content: none
}
.flatpickr-calendar > .flatpickr-months > .flatpickr-month,
.flatpickr-month > .flatpickr-current-month > .flatpickr-monthDropdown-months {
  background-color: #009688
}
.flatpickr-calendar > .flatpickr-months > .flatpickr-month {
  height: 40px
}
.flatpickr-month > .flatpickr-current-month {
  display: flex;
  flex-direction: row-reverse;
  /*padding-top: 0;*/justify-content: center
}
.flatpickr-month > .flatpickr-current-month > .flatpickr-monthDropdown-months,
.flatpickr-month > .flatpickr-current-month > .numInputWrapper {
  font-size: 18px
}
.flatpickr-month > .flatpickr-current-month > .numInputWrapper {
  width: 90px
}
.flatpickr-month > .flatpickr-current-month > .numInputWrapper > input.cur-year {
  height: 26px;
  padding-right: 1em
}
.flatpickr-month > .flatpickr-current-month > .numInputWrapper:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 15px;
  display: block;
  margin-top: -.5em;
  content: '\5E74'
}
.flatpickr-calendar > .flatpickr-innerContainer {
  border-bottom: none
}
.flatpickr-innerContainer > .flatpickr-rContainer {
  width: 280px
}
.flatpickr-rContainer > .flatpickr-weekdays,
.flatpickr-rContainer > .flatpickr-weekdays > .flatpickr-weekdaycontainer > span.flatpickr-weekday {
  font-weight: 400;
  color: #000;
  background-color: #fff
}
.flatpickr-rContainer > .flatpickr-days {
  border-right: none;
  border-left: none
}
.flatpickr-days > .dayContainer {
  min-width: 280px;
  max-width: 280px
}
.dayContainer > .flatpickr-day {
  line-height: 28px;
  max-width: 38px;
  height: 30px;
  margin-top: 2px;
  padding: 0 5px;
  text-align: right;
  border: 1px solid #bbb;
  border-radius: 0
}
.dayContainer > .flatpickr-day.today {
  border: 1px solid #99d5cf;
  background-color: #99d5cf
}
.dayContainer > .flatpickr-day:hover {
  color: #009688;
  border: 1px solid #009688;
  background-color: #fff
}
body > .flatpickr-calendar.arrowBottom:after,
body > .flatpickr-calendar.arrowBottom:before {
  content: none
}
/* モーダル（フォーム）:エラー */
.error-text,
.error-text > p {
  font-size: 16px;
  line-height: 24px;
  color: #e91e63
}
.error-text {
  display: block;
  padding-top: 10px
}
.form-table--main > .error-text {
  margin-bottom: 10px;
  padding-top: 0
}
.check-list.error {
  margin-bottom: 0
}
.check-list.error > .error-text {
  padding-top: 0
}
.input-cover.error > .input-label:first-child > input[type=date],
.input-cover.error > .input-label:first-child > input[type=email],
.input-cover.error > .input-label:first-child > input[type=tel],
.input-cover.error > .input-label:first-child > input[type=text],
.input-cover.error > .input-label:first-child > select,
.input-cover.error > .input-label:first-child > textarea,
.input-cover.error > input[type=date]:first-child,
.input-cover.error > input[type=email]:first-child,
.input-cover.error > input[type=tel]:first-child,
.input-cover.error > input[type=text]:first-child,
.input-cover.error > select:first-child,
.input-cover.error > textarea:first-child {
  border: 1px solid #e91e63
}
.check-list.error > .checkbox-label:first-of-type:before,
.check-list.error > .radio-label:first-of-type:before {
  border: 1px solid #e91e63
}
/* モーダル（フォーム）:サンクスページ */
.form-thanks__tit {
  text-align: center;
  color: #513a0b
}
.form-thanks__txt {
  font-size: 14px;
  line-height: 25px;
  display: table;
  max-width: 700px;
  margin: 0 auto
}
.form-thanks > .btn--secondary {
  margin: 0 auto
}
/* section--top-grand-menu */
.section--top-grand-menu > .half-img-txt > .section--lead__txt > dl > .link-blocks__tit {
  text-align: center
}
.section--top-grand-menu > .half-img-txt > .section--lead__txt > dl > dd > p {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 15px
}
.section--top-grand-menu > .half-img-txt > .section--lead__txt > dl > dd > .btn--post {
  font-weight: 400;
  min-width: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px
}
/* select-table */
.select-table--col--main--detail > li > a {
  font-size: 14px;
  line-height: 20px;
  color: #513a0b
}
/* l-select-links */
.l-select-links--list {
  display: flex;
  justify-content: space-between
}
.l-select-links--list > li {
  width: 50%
}
.l-select-links--link {
  display: flex;
  flex-direction: column;
  height: 210px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #000;
  letter-spacing: -0.04em;
  border-style: solid;
  border-color: #dddad2;
  border-radius: 5px;
  background-color: #fff;
  justify-content: center;
  align-items: center
}
span.l-select-links--link {
  display: flex;
  flex-direction: column;
  height: 210px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #636363;
  border-style: solid;
  border-color: #9a9a9a;
  border-radius: 5px;
  background-color: #cccccc;
  justify-content: center;
  align-items: center
}
.l-select-links--link > .l-select-links--icon {
  display: flex;
  justify-content: center;
  align-items: center
}
.l-select-links--link > .l-select-links--icon {
  width: 100px;
  height: 100px;
  margin-bottom: 20px
}
.l-select-links--text {
  font-size: 14px;
  line-height: 24px
}
/* ranking-links-list-main */
.ranking-links-list > .ranking-links-list-tit {
  font-weight: 700
}
.ranking-links-list-main > li > a {
  display: flex;
  padding: 10px;
  text-decoration: none;
  color: #000;
  border-style: solid;
  border-color: #dddad2;
  border-radius: 5px;
  background-color: #fff;

}
.ranking-links-list-main--txt {
  font-weight: 700;
  color: #513a0b
}
/* 検索結果 */
.search-list > li > a {
  position: relative;
  display: block;
  text-decoration: none;
  border-top: 1px dotted #897d6b
}
.search-list > li > a > .search-list--arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -15px
}
.search-list > li:last-child > a {
  border-bottom: 1px dotted #897d6b
}
.search-list--page-title {
  color: #513a0b
}
.search-list--page-url {
  color: #006621
}
.search-list--page-title {
  font-weight: 700
}
.search-list--page-description,
.search-list--page-url {
  font-size: 14px;
  line-height: 25px
}
.search-list--page-description {
  margin-bottom: 5px;
  color: #000
}
.search-list--page-description span {
  display: inline-block;
  background-color: #fff778
}
.search-list div > span {
  display: inline-block;
  background-color: #fff778
}
.search-list div {
  color: #000;
  font-size: 14px;
  word-wrap: break-word;
}
.search-list--page-url {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
/* 地図 */
.map-area {
  position: relative;
  overflow: hidden
}
.map-area__map {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%
}
.map-area__map > .map {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover
}
.map-area__detail::-webkit-scrollbar {
  height: 10px
}
/*バーの太さ*/
.map-area__detail::-webkit-scrollbar-track {
  background: #ddd
}
/*バーの背景色*/
.map-area__detail::-webkit-scrollbar-thumb {
  background: #888
}
/*バーの色*/
.map-area__search {
  position: absolute;
  z-index: 10;
  border-radius: 5px;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}
.map-area__search__input {
  font-size: 16px;
  display: block;
  width: 100%;
  height: 60px;
  padding-right: 50px;
  padding-left: 15px;
  color: #999;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  -webkit-appearance: none;
  appearance: none
}
.map-area__search__btn-search {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 60px;
  border: none;
  background-color: transparent
}
.map-area__sidebar__help__btn-open {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  background-color: #009688
}
.map-area__help__modal {
  z-index: 5;
  display: none;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 5px 5px 0 rgba(0,0,0,.2)
}
.map-area__help__modal.close,
.map-area__help__modal.open {
  display: block;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.map-area__help__modal.open {
  -webkit-animation-name: opa0-1;
  animation-name: opa0-1
}
.map-area__help__modal.close {
  -webkit-animation-name: opa1-0;
  animation-name: opa1-0
}
.map-area__sidebar__help__btn-close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -5px;
  width: 20px;
  height: 20px;
  padding: 0;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #009688
}
.map-area__help__modal__txt {
  font-size: 14px;
  line-height: 20px
}
.map-area__help__modal__txt > ul > li {
  padding-left: 1em;
  text-indent: -1em
}
.map-area__show-info-tit {
  font-weight: 700
}
.map-area__info-list {
  background-color: #fff
}
.map-area__info-list__detail,
.map-area__info-list__tit {
  padding-right: 20px;
  padding-left: 20px
}
.map-area__info-list__tit {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  padding-top: 15px;
  padding-bottom: 5px
}
.map-area__info-list__detail {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd
}
.map-area__info-list__detail:last-of-type {
  border-bottom: none
}
.map-area__info-list__txt {
  font-size: 13px;
  line-height: 23px;
  letter-spacing: -.01em
}
.map-area__info-list__detail > select {
  font-size: 14px;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
  border: 1px solid #dddad2
}
.map-area__info-list__check,
.map-area__info-list__radio {
  position: relative;
  display: inline-block;
  width: 48.8%;
  vertical-align: top
}
.lease > .map-area__info-list__detail > .new-house,
.lease > .map-area__info-list__detail > .second-hand-apartment,
.lease > .map-area__info-list__detail > .used-house,
.new-house > .map-area__info-list__detail > .lease,
.new-house > .map-area__info-list__detail > .second-hand-apartment,
.new-house > .map-area__info-list__detail > .used-house,
.second-hand-apartment > .map-area__info-list__detail > .lease,
.second-hand-apartment > .map-area__info-list__detail > .new-house,
.second-hand-apartment > .map-area__info-list__detail > .used-house,
.used-house > .map-area__info-list__detail > .lease,
.used-house > .map-area__info-list__detail > .new-house,
.used-house > .map-area__info-list__detail > .second-hand-apartment {
  display: none
}
.map-area__info-list__check > input[type=checkbox] {
  display: none
}
.map-area__info-list__check > input[type=checkbox] + .map-area__info-list__txt:before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  content: '';
  vertical-align: middle;
  border: 2px solid #dddad2
}
.map-area__info-list__check > input[type=checkbox]:checked + .map-area__info-list__txt:before {
  border: 2px solid #4e89f5;
  background-color: #4e89f5
}
.map-area__info-list__check > input[type=checkbox]:checked + .map-area__info-list__txt:after {
  position: absolute;
  z-index: 1;
  top: 9px;
  left: 3px;
  display: block;
  width: 6px;
  height: 3px;
  content: '';
  transform: rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff
}
.map-area__info-list__radio:before {
  margin-right: 5px;
  vertical-align: middle;
  border: 2px solid #dddad2;
  background: #fff
}
.map-area__info-list__radio > .map-area__info-list__txt {
  padding: 0
}
.marker > .balloon {
  position: absolute;
  z-index: 100;
  display: none;
  width: 100%
}
.marker > .balloon.open {
  display: block
}
.marker > .balloon:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 15px;
  height: 15px;
  content: '';
  transform: translate(-50%,-50%) rotate(-45deg);
  background: #fff;
  box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4)
}
.marker > .balloon > .detail {
  position: absolute;
  top: 0;
  left: 50%;
  box-sizing: border-box;
  padding: 12px;
  transform: translate(-50%,-100%);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 7px 1px rgba(0,0,0,.3)
}
.gm-style-iw,
.place-info {
  width: 300px
}
.place-info {
  position: relative;
  box-sizing: border-box
}
.place-info > dt {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px
}
.place-info > dd > .map-other {
  padding-bottom: 5px
}
.place-info > dd > .map-other > .address,
.place-info > dd > .map-other > .icon {
  vertical-align: middle
}
.place-info > dd > .map-other > .address {
  font-size: 12px;
  line-height: 18px
}
.place-info > dd > .map-other > .icon {
  width: 25px;
  padding-left: 5px
}
.place-info > dd > .map-market > dd,
.place-info > dd > .map-market > dt,
.place-info > dd > .map-property > dd,
.place-info > dd > .map-property > dt {
  vertical-align: top
}
.place-info > dd > .map-property > dd,
.place-info > dd > .map-property > dt {
  font-size: 12px;
  line-height: 18px
}
.place-info > dd > .map-property > dt {
  width: 50px
}
.place-info > dd > .map-market > dd,
.place-info > dd > .map-market > dt {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px
}
.place-info > dd > .map-market > dt {
  width: 47px
}
.place-info > dd > .btn-cover {
  padding-top: 15px
}
.place-info > dd > .btn-cover > .btn {
  font-size: 14px;
  width: 100%;
  min-width: 0;
  padding: 0
}
.marker > .pin {
  padding-top: 15px
}
.marker > .pin > img {
  cursor: pointer
}
.btn-balloon-close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #009688
}
.map__accessories,
.map__accessories > img {
  position: absolute;
  z-index: 1
}
.map__accessories {
  right: 0;
  bottom: 0
}
.map__accessories > .map__accessories__buttons {
  right: 10px;
  bottom: 20px
}
.map__accessories > .map__accessories__copyright {
  right: 0;
  bottom: 0
}
/* ページいっぱいに広がるメインビジュアル */
.wide-mainvisual {
  position: relative;
  overflow: hidden;
  background-color: #ebeae5
}
.wide-mainvisual > .visual {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
.wide-mainvisual > .mainvisual-tit {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 25px #27aff6;
  -webkit-text-shadow: 0 0 15px #27aff6
}
/* .container--mb */
.container--mb > .btn-cover {
  padding-top: 30px
}
/* middle-img-list */
.middle-img-list > li > p {
  font-size: 14px;
  line-height: 25px
}
.middle-img-list > li > .middle-img,
.middle-img-list > li > .top-txt {
  margin-bottom: 10px
}
.middle-img-list > li > .top-txt {
  font-weight: 700
}
.middle-img-list > li > .middle-img {
  display: block;
  width: 100%;
  height: auto
}
.middle-img-list > li > .bottom-txt {
  text-align: right
}
/***** 街TOP *****/
/***** 記事ページ：inner style *****/
.article-head > h1 {
  text-align: left
}
.article-body > figure,
.article-body > h2,
.article-body > h3,
.article-body > h4,
.article-body > h5,
.article-body > h6,
.article-body > p {
  line-height: 25px;
  margin-top: 35px;
  margin-bottom: 35px
}
.article-body > h2 {
  font-weight: 400;
  color: #513a0b
}
.article-body > h3 {
  font-size: 16px;
  font-weight: 400
}
.article-body > h4,
.article-body > h5,
.article-body > h6
{
  font-weight: normal
}
.article-body > p {
  font-size: 14px
}
.article-body > figure > figcaption {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
/***** //記事：inner style *****/
/***** 記事ページ *****/
.article-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.article-links__item {
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}
.article-links__item > a {
  font-size: 12px;
  display: inline-block; /* 横幅を文字の長さに合わせる */
  min-width: 100px;
  margin-top: 20px;
  padding: 9px;
  text-align: center;
  text-decoration: none;
  color: #009688;
  border: 1px solid #009688;
  border-radius: 3px;
  background-color: #fff;
  word-wrap: break-word
}
.link_style3_item > .article-links__item > a {
  margin-top: 10px;
}
.article-links__item > a:hover {
  opacity: 1;
  color: #fff;
  background-color: #009688
}

/***** 記事ページ：見出し *****/
.midashi_background {
  background-color:#f1f1f1;
  padding:10px;
}
.midashi_left_deco {
  border-left:3px solid #36474f;
  padding: 5px 10px;
}
.midashi_small {
  font-size:13px !important;
}
h2.midashi_underline {
  text-decoration:underline solid #513a0b;
}
.midashi_underline {
  text-decoration:underline solid #000000;
}

/***** 記事ページ：テキスト *****/
.text_size1 {
  font-size:15px;
  line-height: 25px;
}
.text_size2 {
  font-size:18px;
  line-height: 25px;
}
.text_size3 {
  font-size:13px;
  line-height: 25px;
}
.font_red {
  color:#ff2a34
}
.font_grey {
  color:#9f9f9f
}

/***** 記事ページ：リンク 記事 *****/
.link_article_area {
  border: 1px solid #e8e8ec;
}
.link_article_description_cont {
  color:#aaa;
}

/***** 記事ページ：表 *****/
.article_ckeditor {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flow-root;
  overflow: hidden;
  word-break:break-all;
}
.article_ckeditor table {
  border-collapse: separate;
  margin: auto;
}
.article_ckeditor sub {
  vertical-align:text-bottom;
  font-size:small;
}
.article_ckeditor sup {
  vertical-align:text-top;
  font-size:small;
}
.article_ckeditor table th,
.article_ckeditor table td{
  border: solid 1px black;
  vertical-align: middle;
}
.article_ckeditor h2{
  font-size: 18px;
}
.article_ckeditor ol{
	list-style-type: decimal;
  margin-left: 24px;
}
.article_ckeditor ul{
	list-style-type: disc;
  margin-left: 24px;
}


/***** こどもと暮らす_市区郡 *****/
/***** javascriptが無効になっている時に表示される注意文 *****/
.ns-alert {
  padding-top: 15px;
  padding-bottom: 15px
}
.site-alert {
  padding: 1em 15px;
  text-align: left;
  border: 1px solid #faebcc;
  background: #fcf8e3
}
.site-alert > .atention {
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  color: #8a6d3b
}
@keyframes opa0-1 {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes opa0-1 {
  from {
    opacity: 0
  }
  99.9%,
  to {
    opacity: 1
  }
}
@-webkit-keyframes opa1-0 {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes opa1-0 {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
/* dev_CSITE-7857_20221213 追加ここから */
/***** 〇〇駅でつぶやかれているツイート *****/
.section--twitter img {
  max-width: 100%;
  height: auto;
}
.tweet-area {
  position: relative;
  overflow: hidden;
}
.custom-popover {
  position: absolute;
  transition: all 0.3s;
  cursor: default;
}
.custom-popover-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 5px #ffffff;
  border-radius: 10px;
  color: #ffffff;
  font-weight: bold;
  overflow: hidden;
}
.custom-popover-arrow {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.custom-popover-arrow .arrow-before,
.custom-popover-arrow .arrow-after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.custom-popover-arrow .arrow-before {
  top: 4px;
  background-color: #fff;
}
.custom-popover-arrow .arrow-after {
  margin-top: -1px;
  overflow: hidden;
}

.custom-popover--clickable {
  cursor: pointer;
  animation: poyopoyo 2s ease-out infinite;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.9);
  }
}
.custom-popover--clickable .custom-popover-inner::before,
.custom-popover--clickable .custom-popover-arrow .arrow-after::before {
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.custom-popover--clickable .custom-popover-arrow .arrow-after::before {
  top: -250%;
  left: -600%;
}
.custom-popover--clickable:hover .custom-popover-inner::before,
.custom-popover--clickable:hover .custom-popover-arrow .arrow-after::before {
  animation: kiran 1s linear 1;
}
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.custom-popover-text {
  width: 100%;
  padding: 0 2.5%;
  max-height: 2em;
  text-align: center;
  word-break: break-all;
}
.tweet-area > .custom-popover .custom-popover-text {
  opacity: 0;
}
.custom-popover.appeartext .custom-popover-text {
  opacity: 1;
}
.text-fadein span {
  opacity: 0;
}
.custom-popover.appeartext .text-fadein span {
  animation: fadein 1s ease-out forwards;
}
@keyframes fadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
.custom-popover--small .arrow-before {
  width: calc(var(--arrowWidth) + 5px);
  height: calc(var(--arrowHeight) + 5px);
}
.custom-popover--small .arrow-after {
  width: var(--arrowWidth);
  height: var(--arrowHeight);
}
.custom-popover--hidden {
  transform: scale(0.5);
  opacity: 0;
}
.tweet-area__modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51,51,51,0.1);
  visibility: hidden;
  transition: all 0.6s;
  opacity: 0;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  z-index: 100;
}
.tweet-area__modal.open {
  visibility: visible;
  opacity: 1;
}
.modal__close-button {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 20;
  pointer-events: auto;
}
.modal__inner {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* つぶやき傾向 */
.tweet-trend {
  margin-top: 29px;
}
.tweet-trend__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.tweet-trend__list li {
  margin-bottom: 8px;
  font-weight: bold;
}
.tweet-trend__list li:not(:last-of-type) {
  margin-right: 16px;
}
.tweet-trend__list li a {
  color: inherit;
  text-decoration: none;
}
/* つぶやき傾向が似ている街 */
.tweet-trend-area {
  margin-top: 24px;
}
.tweet-trend-area__title,
.tweet-trend__title {
  margin-bottom: 22px;
  padding-left: 6px;
  border-left: 6px solid #513A0B;
  color: #513A0B;
  font-size: 24px;
}
.tweet-trend-area__list {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 35px;
  border: 5px solid #EDE9DE;
  background-color: #ffffff;
}
.tweet-trend-area__list li {
  display: flex;
  width: calc(100% / 6 - calc(16px * 5 / 6));
}
.tweet-trend-area__list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 3px;
  border: 1px solid #D1C0A5;
  border-radius: 4px;
  background-color: #FAF9F8;
  color: #513A0B;
  font-size: 14px;
  text-decoration: none;
}
.tweet-trend-area__text {
  margin-top: 24px;
  color: #707070;
  font-size: 12px;
  line-height: 1.6;
}
/* カテゴリ別カラー */
.cate_013 {
  color: #625692;
}
.cate_013-bg .custom-popover-inner,
.cate_013-bg .arrow-after {
  background-color: #625692;
}
.cate_013-bg::after {
  border-color: #625692 transparent transparent transparent;
}
.cate_010 {
  color: #A9D05F;
}
.cate_010-bg .custom-popover-inner,
.cate_010-bg .arrow-after {
  background-color: #A9D05F;
}
.cate_010-bg::after {
  border-color: #A9D05F transparent transparent transparent;
}
.cate_001 {
  color: #8F97D6;
}
.cate_001-bg .custom-popover-inner,
.cate_001-bg .arrow-after {
  background-color: #8F97D6;
}
.cate_001-bg::after {
  border-color: #8F97D6 transparent transparent transparent;
}
.cate_004 {
  color: #E6A2C0;
}
.cate_004-bg .custom-popover-inner,
.cate_004-bg .arrow-after {
  background-color: #E6A2C0;
}
.cate_004-bg::after {
  border-color: #E6A2C0 transparent transparent transparent;
}
.cate_003 {
  color: #3BB9E8;
}
.cate_003-bg .custom-popover-inner,
.cate_003-bg .arrow-after {
  background-color: #3BB9E8;
}
.cate_003-bg::after {
  border-color: #3BB9E8 transparent transparent transparent;
}
.cate_009 {
  color: #E3735D;
}
.cate_009-bg .custom-popover-inner,
.cate_009-bg .arrow-after {
  background-color: #E3735D;
}
.cate_009-bg::after {
  border-color: #E3735D transparent transparent transparent;
}
.cate_005 {
  color: #D65A60;
}
.cate_005-bg .custom-popover-inner,
.cate_005-bg .arrow-after {
  background-color: #D65A60;
}
.cate_005-bg::after {
  border-color: #D65A60 transparent transparent transparent;
}
.cate_017 {
  color: #B46838;
}
.cate_017-bg .custom-popover-inner,
.cate_017-bg .arrow-after {
  background-color: #B46838;
}
.cate_017-bg::after {
  border-color: #B46838 transparent transparent transparent;
}
.cate_012 {
  color: #3664D4;
}
.cate_012-bg .custom-popover-inner,
.cate_012-bg .arrow-after {
  background-color: #3664D4;
}
.cate_012-bg::after {
  border-color: #3664D4 transparent transparent transparent;
}
.cate_011 {
  color: #8E8661;
}
.cate_011-bg .custom-popover-inner,
.cate_011-bg .arrow-after {
  background-color: #8E8661;
}
.cate_011-bg::after {
  border-color: #8E8661 transparent transparent transparent;
}
.cate_008 {
  color: #B84B9D;
}
.cate_008-bg .custom-popover-inner,
.cate_008-bg .arrow-after {
  background-color: #B84B9D;
}
.cate_008-bg::after {
  border-color: #B84B9D transparent transparent transparent;
}
.cate_016 {
  color: #ECC173;
}
.cate_016-bg .custom-popover-inner,
.cate_016-bg .arrow-after {
  background-color: #ECC173;
}
.cate_016-bg::after {
  border-color: #ECC173 transparent transparent transparent;
}
.cate_014 {
  color: #58A76F;
}
.cate_014-bg .custom-popover-inner,
.cate_014-bg .arrow-after {
  background-color: #58A76F;
}
.cate_014-bg::after {
  border-color: #58A76F transparent transparent transparent;
}
.cate_007 {
  color: #A5AAD4;
}
.cate_007-bg .custom-popover-inner,
.cate_007-bg .arrow-after {
  background-color: #A5AAD4;
}
.cate_007-bg::after {
  border-color: #A5AAD4 transparent transparent transparent;
}
/* dev_CSITE-7857_20221213 追加ここまで */