@media (max-width:767px) {
    .school_txt {
        margin: 20px auto;
    }
    .school_txt > p {
        font-size: 10px!important;
        line-height: 1.8;
    }
    /***** COMMON *****/
    .hidden-phone {
        display: none!important
    }
    .table-layout03 {
        display: table;
        width: 100%
    }
    .table-layout03>* {
        display: table-cell
    }
    .container {
        padding-right: 10px;
        padding-left: 10px
    }
    .container--mb {
        margin-bottom: 40px
    }
    .container.container__pad0 {
        padding-right: 0;
        padding-left: 0
    }
    html.open {
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%
    }
    /***** HEADER *****/
    .header {
        position: relative
    }
    .h-top .h-top__container {
        height: 50px
    }
    .h-logo>a {
        width: 80px;
        height: 18px
    }
    /* パンくずリスト */
    .breadcrumbs {
        height: 40px
    }
    .breadcrumbs p,
    .breadcrumbs p>a,
    .breadcrumbs p>span {
        font-size: 10px;
        line-height: 15px
    }
    /* グローバルナビゲーション */
    .gnav__btn-close,
    .gnav__btn-menu {
        position: absolute;
        z-index: 1;
        right: 0;
        width: 45px;
        height: 45px;
        border: none;
        background-color: #009688
    }
    .gnav__cover {
        position: fixed;
        z-index: 100;
        top: 90px;
        left: 0;
        display: none;
        width: 100%;
        height: calc(100% - 90px);
        background-color: rgba(0, 165, 150, .95)
    }
    .gnav__main {
        overflow-y: scroll;
        height: 100%;
        padding: 0 0 10px 0
    }
    .close .gnav__cover,
    .open .gnav__cover {
        display: block;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .open .gnav__cover {
        -webkit-animation-name: opa0-1;
        animation-name: opa0-1
    }
    .close .gnav__cover {
        -webkit-animation-name: opa1-0;
        animation-name: opa1-0
    }
    .gnav__main__tit {
        font-size: 17px;
        line-height: 28px;
        padding: 8.5px 10px;
        text-align: center;
        color: #fff;
        background-color: #009688
    }
    .gnav__main__head {
        position: relative
    }
    .gnav__btn-close {
        top: 0
    }
    .gnav__links {
        padding-bottom: 50px;
    }
    .gnav__links>li {
        border-bottom: 1px solid #fff
    }
    .gnav__links__has-links>.gnav__links__hierarchy01 {
        background-color: #007e72
    }
    .gnav__links__has-links.open>.gnav__links__hierarchy01 {
        background-color: transparent
    }
    .gnav__links__hierarchy01>.gnav__links__link,
    .gnav__links__hierarchy02 {
        padding-right: 20px;
        padding-left: 20px
    }
    .gnav__links__hierarchy01>.gnav__links__link,
    .gnav__links__hierarchy02>li>a {
        text-decoration: none
    }
    .gnav__links__hierarchy01>.gnav__links__link {
        position: relative;
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff
    }
    .gnav__links__hierarchy01>.gnav__links__link:after {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 25px;
        display: block;
        width: 10px;
        height: 10px;
        content: '';
        transform: rotate(45deg) translateY(-50%);
        border-top: 1px solid #fff;
        border-right: 1px solid #fff
    }
    .gnav__links__has-links>.gnav__links__hierarchy01>.gnav__links__link:after {
        transform: rotate(45deg) translateY(-60%);
        border-top: none;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: none
    }
    .gnav__links__has-links.open>.gnav__links__hierarchy01>.gnav__links__link:after {
        border-top: 1px solid #fff;
        border-right: none;
        border-bottom: none;
        border-left: 1px solid #fff
    }
    .gnav__links__icon {
        margin-right: 10px
    }
    .gnav__links__hierarchy02 {
        display: none;
        padding-bottom: 5px
    }
    .gnav__links__has-links.open>.gnav__links__hierarchy02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .gnav__links__hierarchy02>li {
        display: flex;
        width: 46.3%;
        margin-bottom: 15px
    }
    .gnav__links__hierarchy02>li>.current,
    .gnav__links__hierarchy02>li>a,
    .gnav__links__hierarchy02>li>span {
        font-size: 14px;
        line-height: 24px;
        display: block;
        width: 100%;
        padding: 8px 5px;
        text-align: center;
        border-radius: 3px
    }
    .gnav__links__hierarchy02>li>a {
        color: #009688;
        background-color: #fff
    }
    .gnav__links__hierarchy02>li>span {
        color: #009688;
        background-color: #10b9a9
    }
    .gnav__links__hierarchy02>li>.current {
        color: #009688;
        background-color: #4ac6bb
    }
    .gnav__search {
        padding: 20px 20px 50px
    }
    .gnav__search>.gnav__search__input {
        width: 100%;
        height: 40px;
        padding: 0 40px 0 15px;
        color: #009688;
        background-color: #ccefec
    }
    .icon-map {
        margin-right: 14px
    }
    .icon-article {
        margin-top: 3px
    }
    .gnav__search__input::-webkit-input-placeholder {
        color: #009688
    }
    .gnav__search__input::-moz-placeholder {
        color: #009688
    }
    .gnav__search__input:-ms-input-placeholder {
        color: #009688
    }
    .gnav__search__input::-ms-input-placeholder {
        color: #009688
    }
    .gnav__search__input::placeholder {
        color: #009688
    }
    .gnav__search__input:-ms-input-placeholder {
        color: #009688
    }
    .gnav__search__input::-ms-input-placeholder {
        color: #009688
    }
    .gnav__search>.gnav__search__btn-search {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        transform: translateY(0)
    }
    .gnav__search__btn-search__icon {
        margin: 0 auto;
        vertical-align: middle
    }
    .gnav__main__character {
        display: block;
        width: 52px;
        height: auto;
        margin: 0 auto
    }
    /***** FOOTER *****/
    /* フッター注意文 */
    .info-attention__tit .info-attention__tit__txt {
        top: -64px;
        width: 243px;
        padding-top: 15px;
        padding-right: 45px;
        padding-bottom: 4px
    }
    .info-attention .info-attention__list {
        padding: 10px 0
    }
    /* コピーライト・ページTOPへ戻るボタン */
    .f-bottom {
        padding-left: 0
    }
    .f-bottom__copyright {
        padding: 20px 0 75px
    }
    .pagetop {
        right: 5px;
        bottom: 10px;
        width: 54px
    }
    .town-matching-link {
        left: 0;
        bottom: 0;
        width: 139px;
    }
    /***** MAIN *****/
    .section {
        padding-bottom: 40px
    }
    .section_modal {
        padding: 10px
    }
    .main>.section:last-child,
    .main>div:last-child>.section:last-child {
        padding-bottom: 94px
    }
    .bg-color01+.bg-color02,
    .bg-color02+.bg-color01 {
        padding-top: 40px
    }
    .top-bg-color01 {
        padding-top: 40px
    }
    /* 背景画像付きリード文 */
    .with-bg-lead {
        position: relative;
        z-index: 2;
        padding-top: 25px;
        background-size: 140% 40px, 2400px auto
    }
    .with-bg-lead.with-bg-lead-subpage>.lead__contents>.lead__contents__character {
        bottom: -30px
    }
    /* リード文 */
    .lead>.lead__contents {
        padding-bottom: 30px
    }
    .with-bg-lead:not(.with-bg-lead-subpage)>.lead__contents {
        padding-bottom: 0
    }
    .with-bg-lead.with-bg-lead-subpage>.lead__contents {
        padding-bottom: 30px
    }
    /* 「やどかりす」説明吹き出し ここから*/
    /* .lead__contents__character {
        right: 10px;
        bottom: -64px;
        width: 50px
    } */
    .lead__contents__character_box {
        display: inline-block;
        position: absolute;
        right: 10px;
        /*bottom: -67px;*/
    }
      .lead__contents__character {
        width: 50px;
        height: auto;
    }
      /* ヤドカリス：TAP */
      .lc_c_tap {
        position: absolute;
        top: 5px;
        right: 53px;
        transition: opacity 200ms;
    }
    /* 吹き出し：フレーム */
    .lead__contents__character_speech {
        position: absolute;
        bottom: 20px;
        right: 23px;
    }
    /* 吹き出し；矢印 */
    .lead__contents__character_speech::before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        right: 13px;
        bottom: -13px;
        border-style: solid;
        border-width: 13px 13px 0 13px;
        border-color: #009688 transparent transparent transparent;
        -webkit-filter: drop-shadow(3px 3px 2px rgba(0, 150, 136, 0.3));
        -moz-filter: drop-shadow(3px 3px 2px rgba(0, 150, 136, 0.3));
        -ms-filter: drop-shadow(3px 3px 2px rgba(0, 150, 136, 0.3));
        filter: drop-shadow(3px 3px 2px rgba(0, 150, 136, 0.3));
    }
    .lead__contents__character_speech::after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        right: 11px;
        bottom: -11px;
        border-style: solid;
        border-width: 15px 15px 0 15px;
        border-color: #ffffff transparent transparent transparent;
    }
    /* 「やどかりす」説明吹き出し ここまで */
    /* リード文・SNS付きリード文 */
    .section--lead {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .section--lead>.page-sub-title:last-child {
        margin-bottom: 0
    }
    .lead-mainvisual {
        padding-bottom: 66.66666%
    }
    .section--half-lead>.half-img-txt>.section--lead__image>.lead-mainvisual {
        padding-bottom: 56%
    }
    .section--lead__txt {
        position: relative
    }
    .section--lead>.section--lead__txt {
        padding-bottom: 20px
    }
    .section--half-lead>.half-img-txt>.section--lead__txt {
        padding-top: 15px
    }
    .section--half-lead.section--with-sns-lead>.half-img-txt>.section--lead__txt,
    .section--with-sns-lead>.section--with-sns-lead__txt {
        padding-top: 13.5%
    }
    .section--half-lead>.half-img-txt>.section--lead__txt>.btn-cover {
        padding-top: 20px
    }
    .share {
        width: 100%;
        padding: 0 10px
    }
    .section--lead__txt>.share {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        padding: 2.8% 10px
    }
    .share .share__buttons>.share__btn {
        width: 10.6666%
    }
    .share .share__buttons>.share__btn>a>img {
        display: block;
        width: 100%;
        height: auto
    }
    .section--lead__character {
        z-index: 3;
        right: 5px;
        bottom: 25px;
        width: 46px;
        height: auto
    }
    .section--with-sns-lead__character {
        bottom: -40px;
        bottom: -10.6vw;
        width: 11.733333%;
        max-width: 55px
    }
    .section--half-lead>.half-img-txt {
        padding-bottom: 20px
    }
    .section--with-sns-lead.section--half-lead>.half-img-txt {
        padding-bottom: 30px
    }
    /* 飾り付きタイトル */
    .decoration-tit {
        margin-bottom: 20px
    }
    .decoration-tit>.decoration-tit__txt {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        padding-top: 6px;
        padding-bottom: 6px
    }
    /* アイコン付きタイトル */
    .icon-title {
        margin-bottom: 25px
    }
    .icon-title>.icon-tit__icon {
        width: 35px
    }
    .c0r90_panel .icon-tit__icon {
        width: 25px
    }
    .icon-title>.icon-tit__icon>.icon-title__icon {
        width: 26px;
        height: 26px
    }
    .c0r90_panel .icon-title>.icon-tit__icon>.icon-title__icon {
        width: 18px;
        height: 18px
    }
    .icon-title>.icon-tit__text {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px
    }
    /* シンプルなアイコン付きタイトル */
    .simple-icon-title {
        margin-bottom: 30px
    }
    .simple-icon-title>.icon-tit__text {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 0
    }
    .simple-icon-title>.icon-tit__icon {
        width: 55px
    }
    .simple-icon-title>.icon-tit__icon>.icon-title__icon {
        width: 44px;
        height: auto
    }
    /* ページタイトル */
    .page-title {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 10px
    }
    /* ページサブタイトル */
    .page-sub-title {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 25px
    }
    .section--with-sns-lead>.page-sub-title {
        margin-bottom: 15px
    }
    /* シンプルなセクション内サブタイトル */
    .section-subtitle {
        font-size: 14px
    }
    /* 関連サイトのおすすめ記事 */
    .section--related-sites-list>.txt-list>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .section--related-sites-list>.txt-list>li>a>.txt-list__info>.txt-list__tit {
        font-size: 12px;
        line-height: 20px
    }
    /* ユーザー投稿なし */
    .no-post {
        margin-bottom: 25px
    }
    .no-post__img {
        width: 66px;
        height: 66px;
        margin-bottom: 25px
    }
    .no-post__icon {
        transform: scale(.5, .5)
    }
    .no-post__txt {
        font-size: 12px;
        line-height: 22px
    }
    /* 街情報を見る（都道府県選択） */
    .select-prefecture__links>.select-prefecture__detail {
        padding: 20px 0 0 10px
    }
    .select-prefecture__links>.select-prefecture__detail>.select-prefecture__block>.select-prefecture__tit {
        font-size: 14px
    }
    .select-prefecture__links>.select-prefecture__detail>.select-prefecture__block>.select-prefecture__main>.link-list>.link-list__item>a:hover {
        opacity: 1;
        color: #009688;
        border: 1px solid #009688
    }
    .link-list__item {
        width: 25%
    }
    /* 記事一覧（リスト型） */
    /* インフォメーション */
    .info-article-list>.txt-list>li>.txt-list__info>.txt-list__date,
    .info-article-list>.txt-list>li>.txt-list__info>.txt-list__tit {
        display: block
    }
    .info-article-list>.txt-list>li>.txt-list__info>.txt-list__date {
        font-size: 12px;
        padding-top: 15px
    }
    .info-article-list>.txt-list>li:first-child>.txt-list__info>.txt-list__date {
        padding-top: 0
    }
    .info-article-list>.txt-list>li>.txt-list__info>.txt-list__tit {
        font-size: 14px;
        padding-bottom: 15px
    }
    /* プルダウンする記事一覧 */
    .list-pulldown>.btn-cover,
    .list-pulldown .btn-list-more-area-cover {
        padding-top: 25px
    }
    .list-pulldown>.btn-cover>.btn-list-more,
    .list-pulldown .btn-list-more-area-cover > .btn-list-more-area,
    .list-pulldown .btn-list-more-area-cover > .img-btn-list-more-area {
        font-size: 12px
    }
    .list-pulldown>.no-post+.btn-cover,
    .list-pulldown>.no-post+.btn-list-more-area-cover{
        padding-top: 0
    }
    /* トピックス */
    .topics-article-list>.txt-list>li>.txt-list__info {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .topics-article-list>.txt-list>li>.txt-list__info>.txt-list__comment,
    .topics-article-list>.txt-list>li>.txt-list__info>.txt-list__tit {
        vertical-align: middle
    }
    .topics-article-list>.txt-list>li>.txt-list__info>.txt-list__comment {
        width: 30px;
        text-align: left
    }
    .topics-article-list>.txt-list>li>.txt-list__info>.txt-list__tit {
        font-size: 14px
    }
    .topics-article-list>.txt-list>li>.txt-list__info>.txt-list__comment>.icon-topics {
        width: 16px;
        height: 16px;
        vertical-align: middle
    }
    /* 記事一覧（ブロック型） */
    .img-txt-list {
        margin-bottom: -10px
    }
    .img-txt-list.with-btn {
        margin-bottom: 20px
    }
    .img-txt-list>li {
        margin-bottom: 10px
    }
    .img-txt-list__info {
        margin-bottom: 5px
    }
    .img-txt-list__date {
        margin-top: 5px;
        padding-top: 16.5px
    }
    .img-txt-list__description {
        max-height: 75px;
        margin-bottom: 20px;
    }
    .img-txt-list+.article-list-info {
        padding-top: 25px
    }
    /* 記事リスト下のページャー */
    .img-txt-list+.article-list-info+.pager.mw100 {
        padding-bottom: 0
    }
    /* 記事大一覧 */
    .section--large-article-list {
        padding: 25px 0 0
    }
    /* 記事小一覧 */
    .section--short-article-list {
        margin-top: -15px
    }
    /* 記事一覧情報 */
    .article-list-info {
        margin-bottom: 20px
    }
    .list-result {
        margin-bottom: 15px;
        text-align: center
    }
    .list-sort-option {
        justify-content: center
    }
    .list-sort-option>.list-sort-option__sort:before {
        right: 10px
    }
    .list-sort-option>.list-sort-option__sort>.sort {
        width: 120px;
        height: 25px;
        padding: 0 25px 0 10px
    }
    /* 周辺を360°見渡す */
    .section--view__main>.section--view__visual {
        width: auto;
        height: 100%
    }
    /* 駅で暮らす */
    .link-blocks>li {
        margin-bottom: 5px
    }
    .link-blocks__img {
        width: 46%
    }
    .link-blocks__txt {
        width: 55%
    }
    .link-blocks__tit {
        font-size: 14px;
        line-height: 24px
    }
    .link-blocks__tit.short-border-tit:after {
        display: block;
        margin: 0 auto;
        content: '';
        background-color: #513a0b
    }
    .link-blocks__tit__txt {
        padding-bottom: 10px
    }
    .link-blocks__txt>dd>p {
        font-size: 12px;
        line-height: 20px
    }
    /* ページャー */
    .pager {
        margin-bottom: 20px
    }
    .pager.mw100 {
        padding-bottom: 30px
    }
    .pager__inner {
        height: 25px;
        padding: 0 80px
    }
    .pager__btn-next>a,
    .pager__btn-prev>a {
        line-height: 23px;
        width: 80px
    }
    .pager-list>li {
        font-size: 12px;
        line-height: 25px;
        width: 25px
    }
	a.link-line:after {
		right:8px;
	}
    a.link-line span{
		margin: 20px 20px 0 5px;
		text-align: left;
		font-size: 12px;
	}

    /* 近隣リンク */
    .two-neighborhood-links>.section--neighborhood-links:last-child {
        padding-bottom: 94px
    }
    .near-neighborhoods-links__detail {
        margin-bottom: 20px
    }
    .main>.section--neighborhood-links:last-child {
        padding-bottom: 60px
    }
    .near-neighborhoods-links__detail>.neighborhoods-tit {
        font-size: 14px;
        margin-bottom: 5px
    }
    .near-neighborhoods-links__list>li>.current,
    .near-neighborhoods-links__list>li>.is-inactive,
    .near-neighborhoods-links__list>li>a {
        font-size: 12px
    }
    /* 周辺の不動産会社 */
    .section-realtor .import-realtor-company {
        margin-bottom: 20px;
    }
    .realtor-list {
        margin-bottom: 20px
    }
    .realtor-list>li {
        margin-bottom: 10px
    }
    /* C0RMU ここから▽▽ */
    .realtor-list>li:last-child {
        margin-bottom: 0;
    }
    /* C0RMU ここまで△△ */
    .realtor-list>li>a {
        padding: 10px;
        border-width: 1px 1px 2px
    }
    .realtor-list__introduction {
        display: flex;
        padding-bottom: 10px;
        align-items: flex-start
    }
    .realtor-list__thumbnail {
        width: 29.85%;
        padding-bottom: 21.5%
    }
    .realtor-list__thumbnail_fs {
        width: 100%;
        padding-bottom:75%
    }
    .realtor-list__txt {
        width: 70.1%;
        padding-left: 10px
    }
    .realtor-list__txt__name {
        font-size: 14px;
        line-height: 25px
    }
    .realtor-list__txt__description {
        font-size: 12px;
        line-height: 21px;
        overflow: hidden;
        height: auto;
        max-height: 63px
    }
    .realtor-list__info {
        width: 89.55%
    }
    /* 周辺の物件を探す */
    .periphery-list__block {
        width: 46.5%;
        margin-bottom: 10px
    }
    .periphery-list__block__cover {
        padding: 7px 0;
        border-width: 1px 1px 2px
    }
    .periphery-list__block__icon {
        width: 27%;
        padding-left: 5px;
        text-align: left
    }
    .periphery-list__block__icon>img {
        width: 85.7%;
        height: auto
    }
    .periphery-list__block__tit {
        width: 73%
    }
    .periphery-list__block.is-inactive .periphery-list__block__cover {
        background: #e4e2de;
        color: #c4c4c4;
    }
    .periphery-list__block.is-inactive .periphery-list__block__cover:hover {
        opacity: 1;
    }
    /* コメント */
    .comment-list__info__img {
        width: 66px
    }
    .comment-list__detail__date,
    .comparison-list__detail__txt,
    .comparison-list__tit {
        font-size: 12px;
        line-height: 20px
    }
    .comparison-list__detail__txt,
    .comparison-list__tit {
        word-break: break-all;
        padding: 5px 10px 0
    }
    .comment-list__detail__date {
        padding: 5px 10px 10px
    }
    .comment-list__info__txt>p {
        font-size: 10px;
        line-height: 15px
    }
    .section__lead {
        margin-bottom: 15px
    }
    /* 周辺MAP */
    .section--map__lead {
        margin-bottom: 15px
    }
    .section--map__map-cover {
        padding: 5px 0;
        border-top: 1px dotted #8a826f;
        border-bottom: 1px dotted #8a826f
    }
    .section--map__btn-more {
        width: 95%
    }
    .section--map__btn-more>a {
        font-size: 14px;
        line-height: 18px;
        padding: 6px 5px;
        border-radius: 15px
    }
    .section--map__btn-more>a>.section--map__icon {
        width: 18px;
        height: 18px;
        margin-left: 5px
    }
    .section--map__btn-large>a {
        font-size: 10px;
        line-height: 10px
    }
    /* 未来地図 */
    .section--map-future>.section--map__map-cover>.section--map__map {
        height: 390px
    }
    .section--map-future>.section--map__map-cover>.section--map__map.img-trimming>img {
        width: auto
    }
    .section--map-future>.section--map__map-cover>.section--map__btn-more {
        width: 200px
    }
    .section--map-future>.section--map__map-cover>.section--map__btn-more>a>.section--map__icon {
        width: 22px;
        height: 22px
    }
    /* 物件を探す（おすすめ物件・物件を探す） */
    /* C0RMU ここから▽▽ */
    .recommend-periphery .import-recommend-property {
        padding-right: 10px;
        padding-left: 10px;
    }
    /* C0RMU ここまで△△ */
    /* モーダル（写真） */
    /* モーダル（相場） */
    .fancybox-container.modal--market__info>.fancybox-inner>.fancybox-toolbar>.fancybox-button--close {
        right: 10px
    }
    /* モーダル（相場）・モーダル（フォーム） */
    .fancybox-container.modal--iframe>.fancybox-inner>.fancybox-stage>.fancybox-slide {
        padding-right: 10px;
        padding-left: 10px
    }
    .fancybox-inner>.fancybox-main>.fancybox-navigation>.fancybox-button,
    .fancybox-inner>.fancybox-toolbar>.fancybox-button--close {
        padding: 10px
    }
    /* モーダル（フォーム） */
    .fancybox-container.modal--form>.fancybox-inner>.fancybox-stage>.fancybox-slide {
        padding: 50px 10px
    }
    .form-table {
        padding: 10px;
        background: #ffffff;
        border-radius: 5px;
    }
    .fancybox-container.modal--form>.fancybox-inner>.fancybox-toolbar>.fancybox-button--close>.icon-modal__close {
        width: 30px;
        height: 30px
    }
    .form-table--tit>h1 {
        margin-bottom: 20px
    }
    .form-table--form-type {
        padding: 5px 10px 10px
    }
    .form-table--main {
        margin-bottom: 10px
    }
    .form-table--main--detail>.input-cover>textarea {
        height: 240px
    }
    .form-table--main--detail>.input-cover>textarea.image-comment {
        height: 6em
    }
    .form-table--note-list {
        line-height: 24px;
        margin-bottom: 25px
    }
    .form-table--privacy {
        height: 170px;
        margin-bottom: 15px
    }
    .form-table--tit {
        padding: 10px
    }
    .form-table--step-flow>li {
        width: 38%
    }
    .form-table--step-flow>li:not(.form-table--step-flow03) {
        margin-right: -6.35%
    }
    .form-table--main {
        border-bottom: 2px solid #eee
    }
    .form-table--main>.form-table--main--row {
        border-right: 2px solid #eee;
        border-left: 2px solid #eee
    }
    .form-table--main>.form-table--main--row>.form-table--main--tit {
        background-color: #eee
    }
    .form-table>.btn--post {
        font-size: 18px;
        line-height: 50px;
        width: 100%;
        border: none
    }
    .fancybox-slide {
        position: relative
    }
    .fancybox-main {
        display: flex
    }
    .fancybox-image {
        position: relative;
        display: flex;
        flex-direction: column
    }
    .fancybox-spaceball {
        display: none
    }
    .fancybox-caption {
        position: relative
    }
    .fancybox-navigation {
        display: none
    }
    .fancybox-caption {
        padding: 10px;
        text-align: left;
        background: 0 0
    }
    .fancybox-button {
        background: 0 0
    }
    .fancybox-navigations {
        position: relative
    }
    .fancybox-navigations>.fancybox-button:disabled {
        opacity: .1
    }
    .fancybox-button--arrow_left,
    .fancybox-button--arrow_right {
        position: absolute
    }
    .fancybox-button--arrow_left {
        left: 0
    }
    .fancybox-button--arrow_right {
        right: 0
    }
    /* モーダル（確認）: */
    .form-table>.btn--secondary,
    .form-table--confirm>.form-table--tit-area {
        margin-bottom: 20px
    }
    /* モーダル（フォーム）:サンクスページ */
    .form-thanks {
        padding-bottom: 40px
    }
    .form-thanks__tit {
        font-size: 18px;
        margin-bottom: 30px;
        padding-top: 40px
    }
    .form-thanks__txt {
        margin-bottom: 40px
    }
    /* section--top-grand-menu */
    .section--top-grand-menu>.half-img-txt:not(:last-child) {
        margin-bottom: 40px
    }
    .section--top-grand-menu>.half-img-txt>.section--lead__image>.lead-mainvisual {
        height: auto;
        margin-bottom: 15px;
        padding-bottom: 56%
    }
    .section--top-grand-menu>.half-img-txt>.section--lead__txt>dl>.link-blocks__tit {
        font-size: 18px
    }
    .section--top-grand-menu>.half-img-txt>.section--lead__txt>dl>dd>.btn--post {
        font-size: 12px;
        line-height: 26px;
        width: 100%;
        max-width: 280px;
        padding-right: 10px;
        padding-left: 10px
    }
    /* select-table */
    .select-table>.select-table--col>.select-table--col--tit>.band-tit__title {
        padding: 18px 10px
    }
    .select-table--col--main--detail>li:nth-child(odd) {
        background-color: #eee
    }
    .select-table--col--main--detail>li:nth-child(even) {
        background-color: #f7f7f7
    }
    .select-table--col--main--detail>li>a {
        position: relative;
        display: block;
        padding: 15px 10px;
        text-decoration: none
    }
    .select-table--col--main--detail>li>a:after {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 15px;
        display: block;
        width: 10px;
        height: 10px;
        content: '';
        transform: rotate(45deg) translateY(-50%);
        border-top: 2px solid #513a0b;
        border-right: 2px solid #513a0b
    }
    /* l-select-links */
    .l-select-links--link {
        border-width: 1px 1px 2px
    }
    .l-select-links--list--train {
        padding: 0 5px 0 0
    }
    .l-select-links--list--area {
        padding: 0 0 0 5px
    }
    .l-select-links--text>strong {
        font-size: 16px;
        padding-right: 5px
    }
    /* ranking-links-list-main */
    .ranking-links-list>.ranking-links-list-tit {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 5px
    }
    .section--ranking-links>.ranking-links-list:not(:last-child) {
        margin-bottom: 25px
    }
    .ranking-links-list-main>li:not(:last-of-type) {
        margin-bottom: 10px
    }
    .ranking-links-list-main>li>a {
        height: 65px;
        border-width: 1px 1px 2px;
 		 align-items: center
    }
    .ranking-links-list-main--icon {
        padding: 0 20px 0 10px
    }
    .ranking-links-list-main--txt {
        font-size: 14px;
        line-height: 24px
    }
    /* 検索結果 */
    .search-result {
        padding-bottom: 20px
    }
    .search-list {
        margin-bottom: 20px
    }
    .search-list>li>a {
        padding: 15px 40px 15px 0
    }
    .search-list>li>a>.search-list--arrow {
        right: 0
    }
    .search-list--page-title {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 5px
    }
    .search-result>.pager {
        padding: 0
    }
    .search-result>.pager>.pager__inner {
        height: 50px;
        padding: 0 50px
    }
    .search-result>.pager>.pager__inner>.pager-list>li {
        padding: 0 10px
    }
    /* 地図 */
    .map-area,
    .map-area__map {
        height: calc(100vh - 92px)
    }
    .map-area__map {
        padding-bottom: 50px
    }
    .map-area__map>.map {
        height: calc(100% - 50px)
    }
    .map-area__sidebar {
        position: fixed;
        z-index: 3;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .map-area__derail-search {
        display: flex;
        height: 50px;
        background-color: #009688
    }
    .map-area__show-info {
        position: relative;
        display: flex;
        width:33.3%
    }
    .st_location_out{
        position: relative;
        display: flex;
        width:33.3%
        text-align:center;
    }
     .st_location_out #btn_start_location{
        margin: 8px;
     }
    .st_location_out:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    display: block;
    width: 1px;
    height: 80%;
    content: '';
    transform: translateY(-50%);
    background-color: #4db6ac;
    }
    .st_location_out .btn{
        width: 100%;
        border-width: 0;
        border-radius: 0;
        -webkit-appearance: none;
    }
    /*.map-area__search,*/
    .map-area__sidebar__help__btn-open {
        position: fixed;
        z-index: 2
    }
    .map-area__search {
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        padding: 0
    }
    .map-area__search.open {
        display: none
    }
    .map-area__search__btn-search {
        top: 0;
        right: 10px
    }
    .map-area__sidebar__help__btn-open {
        bottom: 75px;
        left: 10px
    }
    .map-area__help__modal {
        position: absolute;
        bottom: 115px;
        left: 10px;
        width: calc(100% - 20px)
    }
    .info-periphery:after {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 0;
        display: block;
        width: 1px;
        height: 80%;
        content: '';
        transform: translateY(-50%);
        background-color: #4db6ac
    }
    .btn--si-open {
        width: 100%;
        text-align: center;
        color: #fff;
        border: none;
        background-color: #009688
    }
    .btn--si-open>.btn--si-open__txt,
    .btn--si-open>img {
        vertical-align: middle
    }
    .btn--si-open>img {
        display: inline-block;
        margin-right: 10px
    }
    .map-area__show-info-main {
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        display: none;
        overflow-y: scroll;
        width: 100%;
        height: 100%;
        padding: 20px;
        background-color: #f2f2f2
    }
    .map-area__show-info-main.close,
    .map-area__show-info-main.open {
        display: flex;
        flex-direction: column;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .map-area__show-info-main.open {
        -webkit-animation-name: opa0-1;
        animation-name: opa0-1
    }
    .map-area__show-info-main.close {
        -webkit-animation-name: opa1-0;
        animation-name: opa1-0
    }
    .map-area__info-list,
    .map-area__show-info-tit {
        position: relative;
        z-index: 2;
        margin-bottom: 50px
    }
    .map-area__show-info-tit {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
        color: #009688
    }
    .map-area__show-info-main>.btn--map-submit {
        font-size: 18px;
        font-weight: 700;
        line-height: 60px;
        width: 100%;
        margin-top: 0;
        border-width: 1px 1px 2px;
        flex-shrink: 0
    }
    .map-area__alert {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100% - 20px);
        margin: 0 10px;
        height: 100%;
    }
    .map-area__alert-box {
        width: 100%;
        padding: 25px 60px;
        background: rgba(6, 152, 138, 0.8);
        border-radius: 5px;
        color: #ffffff;
        font-size: 16px;
        z-index: 3;
        line-height: 24px;
        text-align: center;
    }
    /***** 街TOP *****/
    /***** 記事ページ *****/
    .article-head>h1 {
        margin-bottom: 20px
    }
    .article-head>.categories-list {
        margin-bottom: 15px
    }
    .article-body {
        margin-top: -25px;
        padding-bottom: 40px
    }
    .article-body>.share {
        padding: 0
    }
    .article-body>.share .share__buttons>.share__btn:last-child {
        margin-right: 0
    }
    .article-body>h2 {
        margin-top: 30px;
        font-size: 18px;
    }
    /* ページいっぱいに広がるメインビジュアル */
    .wide-mainvisual {
        padding-bottom: 86.4%
    }
    .wide-mainvisual>.mainvisual-tit {
        font-size: 18px;
        font-size: 4.8vw;
        line-height: 28px;
        line-height: 7.4666666vw;
        top: 33.846%
    }
    /* middle-img-list */
    .middle-img-list>li {
        margin-bottom: 10px
    }
    /***** こどもと暮らす_市区郡 *****/
    /* こどもと暮らす_市区郡中央 */
    /* こどもと暮らす_市区郡下 */
}

@media (max-width:767px) and (orientation:landscape) {
    .map-area__search__btn-search,
    .map-area__search__input {
        height: 35px
    }
    .map-area__search__input {
        font-size: 14px
    }
    .map-area__sidebar__help__btn-open {
        bottom: 80px;
    }
    .map-area__help__modal {
        bottom: 100px
    }
    .map-area__search {
        top: 5px;
        left: 5px;
        width: calc(100% - 10px)
    }
}

@media (max-width:350px) {
    .section--map__btn-more>a {
        font-size: 12px
    }
    /* dev_CSITE-7857_20221213 追加ここから */
    /***** 〇〇駅でつぶやかれているツイート *****/
    .tweet-area > .custom-popover {
        transform: scale(0.9);
    }
    @keyframes poyopoyo {
        0%, 40%, 60%, 80% {
          transform: scale(0.9);
        }
        50%, 70% {
          transform: scale(0.8);
        }
    }
    /* .custom-popover位置 */
    #tweet .tweet-area > .custom-popover:nth-of-type(1) {
        left: 7%;
    }
    /* dev_CSITE-7857_20221213 追加ここまで */
}

@media (max-width: 767px) {
    .h-bottom {
        background-color: #f0f0f0
    }
    .h-bottom:after {
        display: block;
        width: calc(100% - 45px);
        height: 45px;
        content: '';
        background: url(/town-library/default/00000/images/std/img_town.png) repeat-x bottom right #f0f0f0;
        background-size: 330px auto
    }
    .h-bottom.no-gnav:after {
        content: none
    }
    .gnav__btn-menu {
        top: 90px;
        padding-top: 2px
    }
    .gnav__btn-close>img,
    .gnav__btn-menu>img {
        display: block;
        margin: 0 auto;
        vertical-align: middle
    }
    .gnav__btn-menu__icon>g>.cls-1,
    .gnav__btn-menu__icon>g>.cls-2 {
        fill: none
    }
    .gnav__btn-menu__icon>g>.cls-2 {
        stroke: #fff;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2.82px
    }
    /* dev_CSITE-7857_20221213 追加ここから */
    /***** 〇〇駅でつぶやかれているツイート *****/
    .tweet-area .tweet-area__bgimg--pc {
        display: none;
    }
    .tweet-area .tweet-area__bgimg--sp {
        display: block;
    }
    .tweet-trend {
        margin-top: 10px;
    }
    .tweet-trend-area {
        margin-top: 20px;
    }
    .tweet-trend-area__title,
    .tweet-trend__title {
        font-size: 16px;
    }
    .tweet-trend-area__list {
        padding: 0;
        border: 0;
        background-color: initial;
    }
    .tweet-trend-area__list li {
        width: calc(100% / 3 - calc(8px * 2 / 3));
        margin-bottom: 10px;
    }
    .tweet-trend-area__list li:not(:nth-of-type(3n)) {
        margin-right: 8px;
    }
    .tweet-trend-area__list li a {
        min-height: 36px;
        border: 2px solid #D1C0A5;
    }
    .tweet-trend-area__text {
        margin-top: 6px;
    }
    /* .custom-popoverサイズ・位置 */
    .tweet-area > .custom-popover:nth-of-type(1) {
        top: 34%;
        left: 13%;
        width: 219px;
        height: 84px;
        font-size: 24px;
        z-index: 15;
    }
    .tweet-area > .custom-popover:nth-of-type(2) {
        top: 59%;
        left: 43%;
        width: 190px;
        height: 71px;
        font-size: 22px;
        z-index: 14;
    }
    .tweet-area > .custom-popover:nth-of-type(3) {
        top: 15%;
        left: 5%;
        width: 160px;
        height: 62px;
        font-size: 20px;
        z-index: 13;
    }
    .tweet-area > .custom-popover:nth-of-type(4) {
        top: 83%;
        left: 6%;
        width: 149px;
        height: 55px;
        font-size: 18px;
        z-index: 12;
    }
    .tweet-area > .custom-popover:nth-of-type(5) {
        top: 2%;
        left: 46%;
        width: 129px;
        height: 50px;
        font-size: 16px;
        z-index: 11;
    }
    .tweet-area > .custom-popover:nth-of-type(-n+5) .arrow-before {
        width: 35px;
        height: 30px;
    }
    .tweet-area > .custom-popover:nth-of-type(-n+5) .arrow-after {
        width: 30px;
        height: 25px;
    }
    .tweet-area > .custom-popover:nth-of-type(6) {
        top: 58%;
        left: 4%;
        width: 123px;
        height: 43px;
        font-size: 14px;
        z-index: 10;
    }
    .tweet-area > .custom-popover:nth-of-type(7) {
        top: 22%;
        left: 52%;
        z-index: 9;
    }
    .tweet-area > .custom-popover:nth-of-type(8) {
        top: 72%;
        left: 15%;
        z-index: 8;
    }
    .tweet-area > .custom-popover:nth-of-type(9) {
        top: 89%;
        left: 73%;
        z-index: 7;
    }
    .tweet-area > .custom-popover:nth-of-type(10) {
        top: 77%;
        left: 76%;
        z-index: 6;
    }
    .tweet-area > .custom-popover:nth-of-type(11) {
        top: 3%;
        left: 4%;
        z-index: 5;
    }
    .tweet-area > .custom-popover:nth-of-type(12) {
        top: 45%;
        left: 77%;
        z-index: 4;
    }
    .tweet-area > .custom-popover:nth-of-type(13) {
        top: 17%;
        left: 76%;
        z-index: 3;
    }
    .tweet-area > .custom-popover:nth-of-type(14) {
        top: 82%;
        left: 51%;
        z-index: 2;
    }
    .tweet-area > .custom-popover:nth-of-type(15) {
        top: 32%;
        left: 77%;
        z-index: 1;
    }
    .tweet-area > .custom-popover:nth-of-type(n+7) {
        width: 75px;
        height: 37px;
        font-size: 12px;
    }
    .tweet-area > .custom-popover:nth-of-type(n+6) .arrow-before {
        width: 17px;
        height: 17px;
    }
    .tweet-area > .custom-popover:nth-of-type(n+6) .arrow-after {
        width: 12px;
        height: 12px;
    }
    /* dev_CSITE-7857_20221213 追加ここまで */
}

/* クチコミモダール */

.show-modal {
    width: 100%;
    height: 100%;
    overflow: hidden;
}



@media (max-width:767px) {

	/* link_article */
	.link_article{
		padding:10px;
	}
	.link_article_anchor{
		text-decoration: none;}

	.link_article_area{
		padding:15px;
		overflow: hidden;
		margin: 0;
		border: 1px solid #dddad2;
		border-width: 1px 1px 3px;
		justify-content: flex-end;
	}
	.link_article_thumbnail_area{
		float:none;
		margin-right: 15px;
		width: 100%;
	}
	.link_article_thumbnail_area img{
		width:auto;
		height:auto;
		max-width:100%;
		max-height:100%;
	}
}