/*
 Theme Name: LIQUID MAGAZINE　Child
 Theme URI: https://lqd.jp/wp/theme_magazine.html
 Description: LIQUID PRESS SERIES　Child Theme
 Author: LIQUID DESIGN Ltd.
 Author URI: https://lqd.jp/wp/
 License: GPLv2 or later
 Template: liquid-magazine
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, e-commerce, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain: liquid-magazine　Child
 Version: 1.2.2
 */
 
 
 
/* 2021.05.27 add */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,600,700&display=swap&subset=japanese');
@font-face {
  font-family: "utsukushi";
  src: url("/font/utsukushi.eot?") format('eot'),
       url("/font/utsukushi.woff") format('woff'),
       url("/font/utsukushi.otf") format('opentype'),
       url('/font/utsukushi.ttf') format('truetype');
}


/*standard size = 15px*/

/* base font size */
*:first-child+html body {
	font-family: "游ゴシック", "Yu Gothic", "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", sans-serif;
	font-size: 93.75%;
} /* for ie7 */



html>/**/body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3","游ゴシック", "Yu Gothic", "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", sans-serif;
	font-size: 93.75%;
} /* for ie8 */


html:not(:target) body {
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
} /* for modern browser */

html>/**/body .wf-mincho { font-family: 'Noto Serif JP', serif; } /* for ie8 */
html:not(:target) body .wf-mincho { font-family: 'Noto Serif JP', serif; } /* for modern browser */

.wf-utsukushi {
  font-family: "utsukushi";
  font-weight: normal !important;
}

/* 右下 reCAPTCHA のマークを非表示 */
.grecaptcha-badge { visibility: hidden; }

/* アイコンフォント　カテゴリーを非表示 */
.row i.icon { display: none; }
.post_cat { display: none; }
.post_cat.post_cat_30,
.post_cat.post_cat_89,
.post_cat.post_cat_280 {
    display: block;
    margin-bottom: 0.5em;
    font-size: 93.34%;
    font-weight: 500;
    color: #7d0000;
}

.tagBlockWrapper {
    padding: 26px 0 36px;
    background: #f2eceb;
}
.tagBlock {
    position: relative;
    max-width:94%; 
    margin: 1em auto;
}
footer {
    background: #e9d1da;
    padding-bottom: 0;
}

/* パンくず */
ul.breadcrumb {
    border: none !important;
    background: rgba(0,0,0,0.04);
    padding-left: 15px;
    font-size: 15px;
    letter-spacing: 0.04em;
}
body.page_map ul.breadcrumb { display: none; }
/* 記事 */
body.single-post .mainarea {
    margin-top: 16px !important;
    padding: 50px 30px !important;
    background: #fff;
}
.eyecatch-caption-text {
    font-size: 12px;
    margin-top: -0.7em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: right;
    color: #777;
    letter-spacing: 0.05em;
}

@media screen and ( max-width: 580px) {
    body.single-post .mainarea {
        margin-top: 16px !important;
        padding: 35px  20px 20px !important;
        background: #fff;
    }
    .eyecatch-caption-text {
        text-align: left;
    }
}/*==== // end @media */



.post_meta {
    text-align: right;
    font-size: 14px;
    letter-spacing: 0.1em !important;
}
.post_meta .date,
.post_meta .updated {
    font-size: 13px;
    letter-spacing: 0.1em !important;
} 

body.single-post .mainarea .wp-block-image {
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}
.mainarea .detail_text .tag { margin-top: -10px; padding: 0 20px 20px; }
.mainarea .detail_text .tag a {
    display: inline-block;
    margin: 0.3em 0.08em 0.5em;
    padding: 0.2em 0.8em 0.26em;
    font-size: 15px !important;
    letter-spacing: 0.05em; 
    line-height: 1.5em;
    border: solid 1px #999;
    border-radius: 3px;
    color: #555;
}
.mainarea .detail_text .tag a:hover {
    text-decoration: none;
    border: solid 1px #585050;
    background: #585050;
    color: #fff;
}

body.single-post ul.breadcrumb { font-size: 13px; }
body.single-post ul.breadcrumb li:last-child { display: none; }
body.single-post .post_body { line-height: 1.9; letter-spacing: 0.05em; }
body.single-post .post_body p {margin-bottom: 1.9em; font-size: 106.67% }
body.single-post .post_body h2,
body.single-post .post_body h3,
body.single-post .post_body h4,
body.single-post .post_body h5,
body.single-post .post_body h6 { margin-bottom: 1.5em; font-weight: 500; line-height: 1.4; letter-spacing: 0.1em; }


@media screen and ( min-width: 768px) {

    body.single-post .post_body h2 { font-size: 24px; }
    body.single-post .post_body h3 { font-size: 22px; }
    body.single-post .post_body h4 { font-size: 20px; }
    body.single-post .post_body h5 { font-size: 18px; }
    body.single-post .post_body h6 { font-size: 16px; }
    
}/*==== // end @media */
@media screen and ( max-width: 767px) {
    
    body.single-post .post_body p { margin-bottom: 1.9em; font-size:100% }
    body.single-post .post_body h2 { font-size: 24px; letter-spacing: 0.05em; }
    body.single-post .post_body h3 { font-size: 22px; letter-spacing: 0.05em; }
    body.single-post .post_body h4 { font-size: 20px; letter-spacing: 0.05em; }
    body.single-post .post_body h5 { font-size: 18px; letter-spacing: 0.05em; }
    body.single-post .post_body h6 { font-size: 16px; letter-spacing: 0.05em; }
    
}/*==== // end @media */

.post_body.mark,
.post_body mark {
    padding: .2em .15em .4em .15em;
    background:linear-gradient(transparent 62%, rgba(183,65,64,0.13) 66%);
}
.post_body figcaption { line-height: 1.35; }
.mainarea { min-height: auto; height: auto;}
.mainarea .authorbox {
    margin-top: 25px !important;
}
.mainarea .authorbox,
.mainarea .authorbox .avatar {
    border-color: #F2CBD8;
    background-color: rgba(241,202,216,0.15);
}
.mainarea .authorbox + .authorbox,
.mainarea .authorbox + .authorbox .avatar {
    border-color: #CBDFF2;
    background-color: rgba(203,223,242,0.15);
}
.mainarea .authorbox .authorttl {
    display: inline-block;
	font-weight: bold;
	margin: 1rem 0 .5rem 0;
    padding-right: 1em;
    padding-bottom: 0.5em;
	border-bottom: 5px dotted #F2CBD8;
}

.mainarea .authorbox + .authorbox .authorttl {
    display: inline-block;
	font-weight: bold;
	margin: 1rem 0 .5rem 0;
	border-bottom: 5px dotted #CBDFF2;
}

.authorbox + .wp-block-image img {
    text-align: center;
    width: 280px;
    max-width: 70vw;
    height: auto;
    margin-bottom: 3px;
}
.authorbox + .wp-block-image figcaption {
    font-weight: 500;
    font-size: 93.34%;
    color: #444;
}
/* SNS */
.share { text-align: right;  }
.share a { font-size: 80%; opacity: 0.7; border-radius: 2px;}
.share a:hover {  opacity: 1.0; }

/* h1 */
.mainarea h1.ttl_h1 {
    font-family: "utsukushi", serif;
    font-weight: normal !important;
    font-size: 30px;
    letter-spacing: 0.14em;
    line-height: 1;
}
body.single-post h1.ttl_h1.entry-title {
    margin-top: 1em;
    margin-bottom: 1.5em;
    letter-spacing: 0.14em;
    font-size: 28px;
    line-height: 1.5;
    font-family: "utsukushi", serif;
    color: #000;
    font-weight: normal !important;
}


body.page_map h1.ttl_h1,
body.page_feature h1.ttl_h1,
body.page_tag-list h1.ttl_h1,
.tagBlockWrapper h2.ttl_h2 {
    margin-top: 10px;
    font-size: 13px;
    color: #7d0000;
    line-height: 30px;
    vertical-align: middle;
    border-bottom: none ;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    font-weight: medium;
    font-weight: 400;
}
.tagBlockWrapper h2.ttl_h2 {
    max-width:94%; 
    margin: 0 auto 30px;
}
body.page_map h1.ttl_h1::before,
body.page_feature h1.ttl_h1::before,
body.page_tag-list h1.ttl_h1::before,
.tagBlockWrapper h2.ttl_h2::before {
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi";
    font-weight: normal !important;
    color: #000;
}
body.page_map h1.ttl_h1::before{
    content: "まっぷ";
}
body.page_feature h1.ttl_h1::before{
    content: "すぺしゃる";
}
body.page_tag-list h1.ttl_h1::before {
    content: "たぐ";
}
body.archive.tag h1.ttl_h1::before  {
    content: "たぐ";
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi";
    color: #000;
    font-weight: normal !important;
}
.tagBlockWrapper h2.ttl_h2::before  {
    content: "たぐ";
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 26px;
    font-family: "utsukushi";
    color: #000;
    font-weight: 500 !important;
}
body.archive.post-type-archive h1.ttl_h1::before {
    content: "あーかいぶ";
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi";
    color: #000;
    font-weight: normal !important;
}
body.archive.tag h1.ttl_h1,
body.archive.post-type-archive h1.ttl_h1 {
    margin-top: 10px;
    font-size: 16px;
    color: #7d0000;
    line-height: 30px;
    vertical-align: middle;
    border-bottom: none ;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    letter-spacing: 0.1em;
    font-weight: medium;
    font-weight: 400;
}
body.archive.post-type-archive h1.ttl_h1 span {
    margin-top: 10px;
    font-size: 16px;
    color: #7d0000;
    line-height: 30px;
    vertical-align: top;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    letter-spacing: 0.1em;
    font-weight: medium;
    font-weight: 400;
}
body.archive.post-type-archive h1.ttl_h1 span::after {
content: "一覧";
}
body.archive.category h1.ttl_h1 {
    border-bottom: none;
}
body.archive.post-type-archive h1.ttl_h1 {
    border-bottom: none;
}

body.archive.tag h1.ttl_h1 span,
body.archive.category h1.ttl_h1 span {
    display: inline-block;
    margin-left: 0.6em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi", serif;
    color: #000;
    font-weight: normal !important;
    border-bottom: none;
}

body.archive.post-type-archive h1.ttl_h1 + .ttl,
body.archive.tag h1.ttl_h1 + .ttl,
body.archive.category h1.ttl_h1 + .ttl,
body.archive.category h1.ttl_h1 + .cat_info + .ttl {
    color: #7d0000;
    font-weight: 400;
    letter-spacing: 0.1em;
}
body.archive.post-type-archive h1.ttl_h1 + .ttl { display: none; }
body.search.search-results h1.ttl_h1::before {
    content: "けんさく";
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi";
    color: #000;
    font-weight: normal !important;
}
body.search.search-results h1.ttl_h1 {
    margin-top: 10px;
    font-size: 16px;
    color: #7d0000;
    line-height: 30px;
    vertical-align: middle;
    border-bottom: none ;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    letter-spacing: 0.1em;
    font-weight: medium;
    font-weight: 400;
}
body.search.search-results h1.ttl_h1 span {
    display: inline-block;
    margin-left: 0.6em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi", serif;
    color: #000;
    font-weight: normal !important;
}
h1.ttl_h1::after,
h2.ttl_h2::after {
    content: "";
    display: block;
    font-size: 13px;
    width: 60px;
    height: 1px;
    margin-top: 0.9em;
    background-color: #000; 
}
h1.ttl_h1.entry-title::after { content: none; }
/* font size */
.post_time, .post_cat {
    margin-bottom: 0.2em;
    font-size: 100%;
    opacity: 0.8;
    letter-spacing: 0.05em;
}
@media screen and ( max-width: 900px) {

    body.single-post h1.ttl_h1.entry-title {
        font-size: 24px;
    }
 
 }/*==== // end @media */
@media screen and ( max-width: 680px) {

    body.single-post h1.ttl_h1.entry-title {
        font-size: 20px;
    }
 
 }/*==== // end @media */
 
@media screen and ( max-width: 580px) {


    .list .post_time, .list .post_cat {
        font-size: 13px;
    }
 
 }/*==== // end @media */
 
.list .post_ttl {
    font-size: 120%;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 0;
    letter-spacing: 0.1em;
}
.post_links .list-block h3 {
    margin-bottom: 0.6em;
    font-size: 120%;
}
.post_links .list-block p { font-size: 14px; line-height: 1.5; letter-spacing: 0.05em; }
.post_links:hover { background-color: #fff; }
@media screen and ( max-width: 1000px) {

    .post_links .list-block h3 {
        margin-bottom: 0.4em;
    }
    .post_links .list-block p { font-size: 13px; }

}/*==== // end @media */
@media screen and ( max-width: 580px) {
    .list-block .list-title.post_ttl {
        font-size: 100%;
    }
    .post_links .list-block p { display: none; }

}/*==== // end @media */

.list .post_links .list-text {
    padding: 10px 20px;
}
.post_links:hover h3,
.post_links:hover .list-block p {
    text-decoration: none;  
}
.list .post_links:hover .post_thumb:after {
    background-color: rgba(255, 255, 255, 0.15);
}
.list .post_links:hover:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: calc( 100% + 2px );
    height: calc( 100% + 2px );
    border: solid 1px #aaa;

}
.list .post_links .post_thumb {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -ms-background-size: cover !important;
}
.list .post_links .post_thumb span {
}
.list .post_links .list-text .post_time {
    margin-bottom: 0.4em;
    ont-size: 80%;
    color: #666;
    letter-spacing: 0.05em;
}
#sb_instagram .sb_instagram_header h3 { 
    font-size: 120%;
    letter-spacing: 0.05em;
    font-weight: 500;
}
#sb_instagram .sb_instagram_header p {
    font-size: 93.34%;
    letter-spacing: 0.05em;
}
.copy {
    padding: 2em;
    font-size: 80%;
    letter-spacing: 0.05em;
    background: #665656;
    color: #fff;
}
.copy a { color: #fff !important;}
.copy a:hover { color:#E9D1DA !important;}


@media screen and ( max-width: 767px) {

    .list .post_links .list-text .post_time {
        margin-bottom: 0.35em;
    }
    
}/*==== // end @media */




/* お問い合わせ非表示 */
nav.navbar .navbar-nav li:last-child { display: none; }

nav.navbar .navbar-nav li {}
nav.navbar .navbar-nav li a {
    display: inline-block;
    box-sizing: border-box;
    line-height: 1;
    padding-top: 0.05em;
    padding-bottom: 0.1em;
}

nav.navbar .navbar-nav li a:hover::after {
    content:"";
    position: absolute;
    left: 10%;
    bottom: -5px;
    display: block;
    width: 80%;
    height: 1px;
    background: #B74140;
} 

/* header */
@media (min-width:576px){
    .container,
    .tagBlock,
    .tagBlockWrapper h2.ttl_h2 { max-width:91%; }
}/*==== // end @media */
@media (min-width:768px){
    .container,
    .tagBlock,
    .tagBlockWrapper h2.ttl_h2 { max-width:96%; }
    nav.navbar .navbar-nav li:first-child a i { display: none; }
    nav.navbar .navbar-nav li:first-child { 
        border-right: solid 1px #333;
        margin-right: 0.5em;
    }
    nav.navbar .navbar-nav li#menu-item-518 { 
        border-left: solid 1px #333;
        margin-left: 0.5em;
    }
    nav.navbar .navbar-nav li:first-child a { margin-right: 0.5em; }
    nav.navbar .navbar-nav li#menu-item-518 a { margin-left: 0.5em; }
    
}/*==== // end @media */
@media (min-width:992px){
    .container,
    .tagBlock,
    .tagBlockWrapper h2.ttl_h2 { max-width:96%; }
}/*==== // end @media */
@media (min-width:1200px){
    .container,
    .tagBlock,
    .tagBlockWrapper h2.ttl_h2 { max-width:1140px }
}/*==== // end @media */
@media screen and ( min-width: 768px) {
    .headline {
        position: relative;
        box-sizing: border-box;
        height: 126px;
        padding: 25px 0 0 0;
    }
    nav.navbar {
        position: absolute;
        right: 0px;
        top: 90px;
        z-index: 100;
        height: 36px;
        width: calc( 96% - 220px );
        width: 100%;
        /*min-width: 930px;*/
        padding: 0 !important; 
        border-bottom: none !important; 
        background: none !important;
    }

    nav.navbar .navbar-nav {
        position: absolute;
        right: 0px;
        bottom: 13px;
        /*padding: 0 370px 0 0;*/
        padding: 0 10px 0 0;/* お問い合わせ非表示 */
        height: 1.25em;
    }

}/*==== // end @media */
@media (min-width:1150px){
    nav.navbar {
        width: calc( 45vw + 350px );
        width: 100%;
    }
}/*==== // end @media */
@media (min-width:1200px){
    .headline {
        padding: 30px 0 0 0;
    }
}/*==== // end @media */
@media screen and ( min-width: 768px) and ( max-width: 1000px) {

    nav.navbar {
        width: calc( 96% - 170px );
        width: 100%;
    }
    nav.navbar .container { max-width:100%; }
							
						   
				   
					 
								 
															  
					
	 


}/*==== // end @media */



@media screen and ( min-width: 768px) {
    
    nav.navbar {
        padding: 0 !important;
    }
    nav.navbar li {}  
    nav.navbar li:last-child {
        position: absolute;
        right: 0px;
        bottom: -15px;
        padding: 0;
        display: inline-block;
        height: 126px;
        vertical-align: middle;
    }

    nav.navbar li a {
        position: relative;
        letter-spacing: 0.2em;
        font-size: 16px;
        font-weight: 400;
    }
    nav.navbar li a:hover {
        text-decoration: none;
																 
    }
    
}/*==== // end @media */
@media screen and ( min-width: 1350px) {
    
    nav.navbar .navbar-nav {
        right: calc( 50vw -  670px );/* お問い合わせ非表示 */
    }
}/*==== // end @media */
@media screen and ( min-width: 1460px) {
    
    nav.navbar .navbar-nav {
        right: calc( 50vw - 700px );/* お問い合わせ非表示 */
    }
}/*==== // end @media */

@media screen and ( min-width: 768px)  and ( max-width: 1000px) {
  
    nav.navbar .navbar-nav {
        position: absolute;
        /*padding: 0 350px 0 0;*/
        padding: 0 10px 0 0;/* お問い合わせ非表示 */
    }

    nav.navbar li:last-child {
        bottom: -15px;
    }
    nav.navbar li a {
        font-size: 14px;
        padding: 0px 0.7rem;
    }
       
}/*==== // end @media */
@media screen and ( min-width: 768px)  and ( max-width: 900px) {
  
    nav.navbar .navbar-nav {
        /*padding: 0 160px 0 0;*/
        padding: 0 5px 0 0;/* お問い合わせ非表示 */
	 
					 
						
    }
    nav.navbar .navbar-nav li:first-child a i { display: inline; }
    nav.navbar .navbar-nav li:first-child a span { display: none; }
    
}/*==== // end @media */

@media screen and ( min-width: 768px) {

    nav.navbar li:last-child a {
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        height: 126px;
        padding: 0px 1.8em;
        line-height: 126px; 
        letter-spacing: 0.15em;
        font-size: 87.5%;
        background:#585050;
        vertical-align: middle;
    }
    nav.navbar li:last-child a:hover {
        background:#8C8080;
        text-decoration: none;
    }

    .headline .col-sm-6:nth-child(1)  {
        position:relative;
        -ms-flex:0 0 290px;
        flex:0 0 290px;
        width: 290px;
        min-height:1px;
        padding-right:15px;
        padding-left:15px;
    }
    .headline .col-sm-6:nth-child(2) {
        -ms-flex-basis: calc( 100% - 290px );
        flex-basis: calc( 100% - 290px );
        vertical-align: middle;
    }
}/*==== // end @media */

@media screen and ( max-width: 767px) {
    
    .headline {
        height: 90px;
        padding: 0;
    }
    nav.navbar {  padding: 10px 10px 0; }
    nav.navbar ul,
    nav.navbar ul li{
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
    }
    nav.navbar .navbar-nav li:first-child a i { display: none; }
    nav.navbar .navbar-nav li a {
        display: block;
        letter-spacing: 0.2em;
        padding-left: 37px !important;
        border-bottom: none;
        line-height: 2.2 !important;
        font-size: 16px !important;
        font-weight: 400;
    }
    nav.navbar .navbar-nav li:first-child a { margin-bottom: 1.5em; }
    nav.navbar .navbar-nav li#menu-item-518 a { margin-top: 1.5em;  }
    nav.navbar .navbar-nav li:first-child a,
    nav.navbar .navbar-nav li#menu-item-518 a {  
        border-top: 1px solid rgba(119, 119, 119, 0.2);
    }

    nav.navbar .navbar-nav li:first-child a,
    nav.navbar .navbar-nav li#menu-item-518 a,
    nav.navbar .navbar-nav li#menu-item-18 a,
    nav.navbar .navbar-nav li#menu-item-143 a {  
        padding-left: 22px !important;
        border-bottom: 1px solid rgba(119, 119, 119, 0.2);
    }
    
}/*==== // end @media */

.headline a.logo {
    position: relative;
    display: block;
    width: 260px;
    height: 0px;
    padding-top: 60px;
    line-height: 60px;
    overflow: hidden;
    background: url("/images/logo_kyoto2.png") no-repeat center center;
    -webkit-background-size: 260px 60px;
    background-size: 260px 60px;
    z-index: 2000 !important;
}

.headline .subttl {
    position: absolute;
    left: 20px;
    top: 3px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: 0.05em;
    z-index: 2000 !important;
}
@media screen and ( min-width: 768px)  and ( max-width: 1000px) {

    .headline .col-sm-6:nth-child(1)  {
        -ms-flex:0 0 220px;
        flex:0 0 220px;
        width: 220px;
    }
    .headline .col-sm-6:nth-child(2) {
        -ms-flex-basis: calc( 100% - 220px );
        flex-basis: calc( 100% - 220px );
    }
    .headline a.logo {
        width: 221px;
        padding-top: 51px;
        -webkit-background-size: 221px 51px;
        background-size: 221px 51px;
    }
    .headline .subttl {
        left: 40px;
        top: 6px;
        line-height: 40px;
    }     
}/*==== // end @media */
@media screen and ( min-width: 768px)  and ( max-width: 880px) {

    .headline .subttl {
        left: -147px;
        top: -30px;
        line-height: 42px;
        font-weight: 400;
        color: #444;
        font-size: 12px;
    }  
    
}/*==== // end @media */

@media screen and ( max-width: 767px)  {
    
    .headline .row { padding-top: 30px;}
    .headline a.logo {
        box-sizing: border-box;
        width: 221px;
        padding-top: 51px;
        -webkit-background-size: 221px 51px;
        background-size: 221px 51px;
    }
    .headline .col-sm-6:nth-child(2) {
        position: absolute;
        left: 20px;
        top: 5px;
    }
    .headline .subttl {
        left: 85px;
        top: -5px;
        line-height: 42px;
        font-weight: 400;
        color: #444;
        font-size: 12px;
    }  

    /* navbar-toggler */
    .navbar-toggler {
        top: -55px;
        right: 15px;
        z-index: 2000;
        padding:.25rem .75rem;
        font-size:1.25rem;
        line-height:1;
        background-color:transparent;
        border:none;
        border-radius:.25rem;
        background: #ccc;
    }

    .navbar-toggler .icon-bar {
        display: block;
        width: 30px;
        height: 1px;
        border-radius: 1px;
    }
    .navbar-toggler .middle-bar {
        width: 20px;
        margin-left: 10px;
    }
    .navbar-toggler .bottom-bar {
        width: 15px !important;
        margin-left: 15px !important;
    }
    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 10px;
    }

    /* Animated “x” icon */

    .navbar-toggler .top-bar {
        transform: rotate(-45deg);
        transform-origin: 100% 0%;
        -moz-transform: rotate(-45deg);
        -moz-transform-origin: 100% 0%;
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: 100% 0%;
        -o-transform: rotate(-45deg);
        -o-transform-origin: 100% 0%;
        -ms-transform: rotate(-45deg);
        -ms-transform-origin: 100% 0%;
    }
    .navbar-toggler .middle-bar {
        opacity: 0;
    }
    .navbar-toggler .bottom-bar {
        width: 30px !important;
        margin-left: 0px !important;
        transform: rotate(45deg);
        transform-origin: 100% 100%;
        -moz-transform: rotate(45deg);
        -moz-transform-origin: 100% 100%;
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin:100% 100%;
        -o-transform: rotate(45deg);
        -o-transform-origin: 100% 100%;
        -ms-transform: rotate(45deg);
        -ms-transform-origin: 100% 100%;
    }
    .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
    }

    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggler.collapsed .bottom-bar {
        width: 15px !important;
        margin-left: 15px !important;
        transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
    }


}/*==== // end @media */
@media screen and ( max-width: 575px) {
    .headline .col-sm-6:nth-child(2) {
        position: absolute;
        left: -5px;
        top: 5px;
    }
    .detail.type-post img.thumbnail_top.wp-post-image {
        max-width: 100% !important;
        width: 100% !important;
        margin: -1rem 0 1rem 0;
    }
    .headline .subttl {
        left: 77px;
        font-size: 12px;
    }  
}/*==== // end @media */

@media screen and ( max-width: 400px) {
    .headline {
        height: 75px;
        padding: 0;
    }
    .headline a.logo {
        box-sizing: border-box;
        width: 170px;
        padding-top: 39px;
        -webkit-background-size: 170px 39px;
        background-size: 170px 39px;
    }
    .headline .subttl {
        left: 50px;
        font-size: 11px;
    } 
    .navbar-toggler {
        top: -45px;
    }
}/*==== // end @media */

.searchform .btn { font-size: 23px;}
.searchform .btn:hover {
    color: #B74140;
}
@media screen and ( min-width: 768px) {

    nav.navbar .searchform_nav {
        position: absolute;
        /*right: 140px;*/
        right: 0px;/* お問い合わせ非表示 */
        top: -74px;
        height: 20px;
        width: 210px;
        margin-top: 0 !important;
    }
    .searchform .form-group input.search-text {
        width: 150px;
    }
    nav.navbar .mapsearch {
        position: absolute;
        right: 225px;/* お問い合わせ非表示 */
        top: -67px;
        height: 20px;
        width: 195px;
    }
    nav.navbar .mapsearch a:hover img { opacity: 0.7;}
    
}/*==== // end @media */
@media screen and ( min-width: 1350px) {

    nav.navbar .searchform_nav {
        right: calc( 50vw -  670px );/* お問い合わせ非表示 */
    }
    nav.navbar .mapsearch {
        right: calc( 50vw -  445px );/* お問い合わせ非表示 */
    }
    
}/*==== // end @media */
@media screen and ( min-width: 1460px) {

    nav.navbar .searchform_nav {
        right: calc( 50vw -  700px );/* お問い合わせ非表示 */
    }
    nav.navbar .mapsearch {
        right: calc( 50vw -  475px );/* お問い合わせ非表示 */
    }
    
}/*==== // end @media */

.searchform .form-group input.search-text {
    padding: 0.5em .75em .5em;
    background: none;
    border-bottom: solid 1px #575050;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.1em;
}
@media screen and ( min-width: 768px)  and ( max-width: 1000px) {

     nav.navbar .searchform_nav {
        width: 200px;
    }
    .searchform .form-group input.search-text {
        width: 140px;
        padding: 0.7em .75em .5em;
        font-size: 14px;
    }
    nav.navbar .mapsearch {
        right: 215px;
        top: -68px;
    }
    
       
}/*==== // end @media */
@media screen and ( min-width: 768px)  and ( max-width: 900px) {
  
    nav.navbar .searchform_nav {
        /*right: 120px;*/
        right: 0px;/* お問い合わせ非表示 */
        bottom: auto;
        top: 17px;
    }
    nav.navbar .mapsearch {
        right: 190px;
        top: -66px;
    }
    nav.navbar .mapsearch img {
        height: 26px;
        width: auto;
    }
       
}/*==== // end @media */
@media screen and ( max-width: 767px) {
    
    nav.navbar .searchform_nav {
        display: none;
        right: auto;
        bottom: auto;
        top: 30px;
        z-index: 1010;
        width: calc( 100% - 60px);
        margin-top: 20px;
        padding-bottom: 20px;
    }
    nav.navbar .searchform_nav.d-none {
        display: block !important;
    }
    .searchform .form-group input.search-text {
        width: calc( 100% - 40px);
        padding: 0.6em .75em .6em;
        font-size: 14px;
    }
    nav.navbar .mapsearch {
        display: none;
        margin-left: 45px;
        margin-top: 20px;
    }
    nav.navbar .mapsearch.d-none {
        display: block !important;
    }
       
}/*==== // end @media */


.searchform .form-group .btn {
    background: none;
}
/* sidebar */

.sidebar .sidebar-inner { 
    background: none;
	padding: 1rem; 
}
.sidebar .widget_liquid_newpost,
.sidebar .widget_my_liquid_newpost,
.sidebar .popular-posts,
.sidebar .widget_tag_cloud {
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.5rem 1rem;
    background: #f1f1f1;
}
body.home .sidebar .widget_liquid_newpost,
body.home .sidebar .widget_my_liquid_newpost {
    display: none; /*トップページで新着情報は非表示 */
}
.sidebar .widget_tag_cloud .tagcloud {
    padding: 20px 0 10px;
}
.sidebar .widget_tag_cloud a.tag-cloud-link,
.tagBlockWrapper ul a {
    display: inline-block;
    margin: 0.3em 0.06em 0.4em;
    padding: 0.1em 0.35em 0.15em;
    font-size: 15px !important;
    letter-spacing: 0.05em; 
    line-height: 1.3em;
    border: solid 1px #585050;
    border-radius: 3px;
}
.tagBlockWrapper ul a {
    background: #fff;
    padding: 0.5em 1em 0.6em;
    border-radius: 5px;
    letter-spacing: 0.03em; 
}

.sidebar .widget_tag_cloud a.tag-cloud-link:hover,
.tagBlockWrapper ul a:hover {
    text-decoration: none;
    background: #585050;
    color: #fff;
}
/*.sidebar .widget_tag_cloud .tag-link-80, /*京都ゆるり休日さんぽ */
/*.sidebar .widget_tag_cloud .tag-link-90, /*京都浪漫 */
/*.sidebar .widget_tag_cloud .tag-link-93, /*＆トラベル */
/*.sidebar .widget_tag_cloud .tag-link-282, /*花便り */
/*.sidebar .widget_tag_cloud .tag-link-94 /*京都画報 */{
    background-color: #E9D1DA;
    font-weight: 500;
}

/* home */
/* carousel */
.carousel-item img {
    width: 100%;
    position: relative;
}
.carousel-indicators {
   bottom: -34px;
}
.carousel-indicators li {
    background-color: #ccc;
    border: 0 none;
    width: 8px;
    height: 8px;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 4px;
    cursor: pointer;
}
.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin-top: -1px;
}
.carousel-indicators .active {
    background-color: #00aeef;
}
.carousel-control .carousel-indicators li {
    margin: 0 8px !important;
}
.is_overlay .carousel-control-next,
.is_overlay .carousel-control-prev {
    z-index: 2;
    width: 5%;
}
/* スライド上ブロック */
.wrapper .cover_overlay .cover_ttl mark {
    display: inline-block;
    padding: 0.3em 0.5em 0.4em 0.6em;
    font-size: 16px;
    font-weight: normal !important;
    letter-spacing: 0.1em;
    line-height: 1.35;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    color: #7d0000;
    background: rgba(235,223,222,1.00); 
}
.cover_inner .carousel-control-next {
    left: auto;
    right: -60px !important;
}
.cover_inner .carousel-control-prev {

    right: auto;
    left: -60px !important;
}
@media screen and ( max-width: 1000px) {

    .cover_inner .carousel-control-next {
        left: auto;
        right: -45px !important;
    }
    .cover_inner .carousel-control-prev {
        right: auto;
        left: -45px !important;
    }
    
}/*==== // end @media */

@media screen and ( min-width: 768px) {

    .wrapper .cover_overlay .cover_ttl mark {
        
    }
    
}/*==== // end @media */
@media screen and ( max-width: 767px) {

    .cover_inner .carousel-control-next {
        right: -40px !important;
    }
    .cover_inner .carousel-control-prev {
        left: -40px !important;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 667px) {

    .cover_inner .carousel-control-next {
        right: -33px !important;
    }
    .cover_inner .carousel-control-prev {
        left: -33px !important;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 580px) {

    .tagBlockWrapper ul a {
        padding: 0.3em 0.7em 0.4em;
        border-radius: 4px;
        font-size: 14px;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 480px) {

    .wrapper .cover_overlay .cover_ttl mark {
        margin-left: auto;
        padding: 0.2em 0.4em;
        font-size: 14px;
    }
    
}/*==== // end @media */


.wrapper { position: relative; }
body.home .cover { position: relative; }
body.home .cover .cover_overlay { text-align: left; }
body.home .cover .cover_overlay .container {
    position: relative;
    display: inline-block;
    width: auto;
    line-height: 1.5;
    margin-right: 50px;
    margin-top: 14%;
    padding:5px 20px 23px 20px;
    text-align: right;
    background: rgba(51,51,52,0.60);
}

body.home .cover .cover_overlay .container .cover_lead {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.1em;
    
}
body.home .cover .cover_overlay .container .cover_ttl { text-align: left; line-height: 1.1; }
body.home .cover .cover_overlay .container .cover_btn {
    position: absolute;
    right: -6px;
    bottom: -6px;
    padding: 0.8em 1em;
    line-height: 1;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.1em;
    cursor: pointer;
    text-decoration: none;
}
body.home .cover .cover_overlay .container .cover_btn::after {
    content: "＼";
    display: inline-block;
    padding-left: 13px;
    margin-left: 5px;
    margin-bottom: -2px;
    font-weight: 500;
    font-size: 10px;
    vertical-align: bottom;
    border-bottom: solid 1px rgba(255,255,255,0.60);
    color: #fff;
}
body.home .cover .cover_overlay .container .cover_btn:hover::after,
body.home .cover a:hover .cover_overlay .container .cover_btn::after{
    border-bottom: solid 1px rgba(0,0,0,0.60);
    color: #000;
}
body.home .cover .cover_overlay .container .cover_btn:hover,
body.home .cover a:hover .cover_overlay .container .cover_btn{
    background-color: #fff !important;
    color: rgba(51,51,52,1.00) !important; 
}

body.home .cover .main {
    line-height: 1.4;
    background: rgba(51,51,51,0.7) !important; 
    opacity: 1;
}
body.home .cover .main h3 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em !important;
    opacity: 0.85;
    color: #ddd;
}
@media screen and ( max-width: 900px) {

    body.home .cover .cover_overlay .container {
        margin-right: 30px;
        margin-top: 9%;
        padding:3px 15px 21px 15px;
    }
    body.home .cover .main {
        line-height: 1.3;
    }
    body.home .cover .main h3 {
        font-size: 13px;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 680px) {

    body.home .cover .cover_overlay .container {
        margin-right: 35px;
        margin-top: 6%;
         padding:3px 15px 21px 15px;
    }
    body.home .cover .main h3 {
        font-size: 12px;
    }
    body.home .cover .cover_overlay .container .cover_lead {
        font-size: 15px;
        letter-spacing: 0.05em;
    }
    
}/*==== // end @media */

.carousel-control-next, .carousel-control-prev{
    top: 50%;
    bottom: inherit;
    height: 60px;
    margin-top: -30px;
}

@media screen and ( max-width: 580px) {

    body.home .cover .cover_overlay .container {
        position: relative;
        margin-top: 21%;
        margin-right: 10px;
        padding: 0 15px;
        text-align: right;
    }
    body.home .cover .cover_overlay .container .cover_ttl {
        text-align: right;
        margin-top: -1.1em;
        margin-bottom: 0.5em;
    }
    body.home .cover .cover_overlay .container .cover_lead {
       font-size: 14px;
    }
    body.home .cover .cover_overlay .container .cover_btn {
        position: absolute;
        right: 0px;
        bottom: 0px;
        height: 0px;
        width:  100%;
        padding: 90px 0 0 0;
        line-height: 90px;
        overflow: hidden;
        background: none !important;
    }
    body.home .cover .cover_overlay .container .cover_btn:hover {
        background: none !important;
    }
    body.home .cover .cover_overlay .container .cover_btn::after { content: none; }
    .carousel-control-prev,
    .carousel-control-next { display: none;}
    body.home .cover .carousel-item .main { display: none !important;}
    
}/*==== // end @media */
@media screen and ( max-width: 480px) {

    body.home .cover .cover_overlay .container {
        margin-top: 24%;
        background: rgba(51,51,52,0.40);
    }

}/*==== // end @media */

@media screen and ( max-width: 400px) {

    body.home .cover .cover_overlay .container {
        padding:0 10px;
    }
    body.home .cover .cover_overlay .container .cover_ttl {
        margin-top: -1em;
        margin-bottom: 0.5em;
    }
    body.home .cover .cover_overlay .container .cover_lead {
       font-size: 13px;
    }


}/*==== // end @media */

.ttl span,
body.home　#main .widget_instagram-feed-widget .ttl {
    border-bottom: none;
}
body.home .ttl {
    margin-bottom: 0px;
}
body.home .ttl h2,
body.home #main .widget_instagram-feed-widget .ttl {
    margin-top: 10px;
    font-size: 13px;
    color: #7d0000;
    line-height: 30px;
    vertical-align: middle;
    border-bottom: none ;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    font-weight: medium;
    font-weight: 400;
}
.widget_instagram-feed-widget .ttl span {
    display: inline;
    line-height: 30px;
    border-bottom: none;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
}
body.home .ttl h2:before,
body.home #main .widget_instagram-feed-widget .ttl::before {
    display: inline-block;
    margin-right: 0.8em;
    vertical-align: bottom;
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi";
    font-weight: normal !important;
    color: #000;
}

body.home .special h2::before {
    content: "すぺしゃる";
}
body.home .newpost h2::before {
    content: "しんちゃく";
}
.ttl h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin-top: 0.9em;
    background-color: #000; 
}

@media screen and ( max-width: 580px) {

    body.home .ttl h2:before,
    body.home #main .widget_instagram-feed-widget .ttl::before {
        font-size: 26px;
    }
 
 }/*==== // end @media */
 @media screen and ( max-width: 480px) {
     
    body.home .cover .cover_overlay .container {
        line-height: 1.3;
        margin-right: 10px;
        margin-top: 18%;
        padding:0 10px;
        text-align: right;
    }
    body.home .ttl h2:before,
    body.home #main .widget_instagram-feed-widget .ttl::before {
        font-size: 24px;
    }
 
 }/*==== // end @media */
body.home #main .widget_instagram-feed-widget { margin-bottom: 0; padding: 0 15px; }
body.home #main .widget_instagram-feed-widget .ttl {
    padding-top: 1em;
    padding-bottom: 1em;
}
body.home #main .widget_instagram-feed-widget .ttl h2 {
    display: inline-block;
    margin-bottom: 0;
}

body.home #main .widget_instagram-feed-widget .ttl::before {
    content: "いんすたぐらむ";
    line-height: 30px;
}
body.home #main .widget_instagram-feed-widget .ttl::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    margin-top: 0.9em;
    background-color: #000; 
}
body.home #main .widget_instagram-feed-widget .ttl h2::after {
    content: none;
}

.sidebar .widget.widget_media_image {
    width: calc( 100% + 2rem );
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1rem;
    margin-top: 0px;
    background: #fff;
    text-align: center;
    border: solid 1px rgba(188,178,177,0.7);
}
.sidebar .widget.widget_media_image:hover {
    border: solid 1px rgba(188,178,177,1.00);
}
.sidebar .widget.widget_media_image + .widget.widget_media_image {
    margin-top: -1rem;
}
.sidebar .widget.widget_media_image a { }
.sidebar .widget.widget_media_image a:hover img {
    opacity: 0.8;
}
@media screen and ( min-width: 768px) {
    .sidebar { padding-bottom: 0 !important;  }
    .sidebar-inner {
        padding-bottom: 30px !important;
    }
}/*==== // end @media */
@media screen and ( max-width: 767px) {
 
     .sidebar .widget.widget_media_image,
     .sidebar .widget.widget_media_image:hover {
        background: none;
        border: none;
    }
    .sidebar .widget.widget_media_image img { border: solid 1px rgba(188,178,177,0.7); }
    .sidebar .widget.widget_media_image a:hover img {
        border: solid 1px rgba(188,178,177,1.00);
    }
    .sidebar-inner {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
    }

}/*==== // end @media */

.sidebar .widget .ttl {
    font-size: 12px;
    color: #7d0000;
    line-height: 20px;
    vertical-align: baseline;
    border-bottom: none;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
    font-weight: medium;
    font-weight: 400;
}

.sidebar .widget .ttl:before {
    display: inline-block;
    margin-right: 0.6em;
    margin-top: -3px;
    vertical-align: middle;
    letter-spacing: 0.14em;
    font-size: 20px;
    font-family: "utsukushi";
    color: #000;
    font-weight: normal !important;
}
.sidebar .widget_tag_cloud .ttl::before {
    content: "たぐ";
}
.sidebar .popular-posts .ttl::before {
    content: "ぽぴゅらー";
}
.sidebar .widget_liquid_newpost .ttl::before,
.sidebar .widget_my_liquid_newpost .ttl::before {
    content: "しんちゃく";
}


.sidebar .widget .ttl::after {
    content: "";
    display: block;
    width: 45px;
    height: 1px;
    margin-top: 0.6em;
    background-color: #000; 
}

.sidebar .popular-posts {
    margin-top: 1rem;
}
.sidebar .newpost,
.sidebar .popular-posts ul { padding-top: 6px; }
.sidebar .newpost li,
.sidebar .popular-posts li {
    position: relative;
    width: calc( 100% + 12px );
    margin-left: -6px;
    margin-right: -6px;
}
.sidebar .newpost a { padding: 6px !important;}
.sidebar .popular-posts a { padding: 8px 6px !important;}
.sidebar .popular-posts li { margin-bottom: 0 !important; }
a.post_links { background: #f1f1f1; }
a.post_links:hover { text-decoration: none; }
.sidebar .newpost a:hover,
.sidebar .widget_my_liquid_newpost a:hover,
.sidebar .widget_my_liquid_newpost li:hover,
.sidebar .popular-posts a:hover,
.sidebar .popular-posts li:hover {
    text-decoration: none;
    background: rgba(255,255,255,1.00);
}
.sidebar .popular-posts li,
.sidebar .widget_my_liquid_newpost li {
    position: relative;
    min-height: 92px;
   
}
.sidebar .popular-posts li span,
.sidebar .widget_my_liquid_newpost li span { display: block;}
.sidebar .popular-posts li a,
.sidebar .widget_my_liquid_newpost li a { display: block;}
.sidebar .popular-posts a.category,
.sidebar .widget_my_liquid_newpost a.category {
    display: none;
    margin-left: 90px;
    padding: 6px 0 0 2px !important;
    line-height: 1.2;
    font-size: 11px;
    color: #7d0000;
    letter-spacing: -0.05em !important;
    background-color: none !important;
}
.sidebar .widget_my_liquid_newpost a.category {
    box-sizing: border-box;
    width: auto;
    margin-left: 105px;
}
.sidebar .sidebar-inner  a.category-30,
.sidebar .sidebar-inner  a.category-79,
.sidebar .sidebar-inner  a.category-89 { display: block; }

.sidebar .popular-posts a {
    padding-left: 92px !important;
}
.sidebar .widget_my_liquid_newpost a {
    padding-left: 105px !important;
}
.sidebar .popular-posts a .wpp-thumbnail,
.sidebar .widget_my_liquid_newpost a .post_thumb {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 8px;
}
.sidebar .popular-posts a .post_ttl,
.sidebar .widget_my_liquid_newpost a .post_ttl {
    margin-bottom: 0.4em;
    font-size: 15px;
    font-weight: 500;
}
.sidebar .popular-posts a .excerpt,
.sidebar .widget_my_liquid_newpost a .excerpt {
    font-size: 12px;
    line-height: 1.4;
}

.sidebar .popular-posts li .post_time {
    display: none; /*人気記事の投稿日表示なし */
    margin-top: 3px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    text-align: right;
    font-size: 12px;
    color: #666;
    line-height: 1.1;
}
.sidebar .widget_my_liquid_newpost a .post_time {
    /*display: none; 人気記事の投稿日表示なし */
    margin-top: 3px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    text-align: right;
    font-size: 12px;
    color: #666;
    line-height: 1.1;
}
@media screen and ( max-width: 950px) {
    
    .sidebar .popular-posts a .excerpt {
        display: none;
    }
       
}/*==== // end @media */

@media screen and ( max-width: 767px) {
    
    .sidebar .popular-posts li a {
        width: 100% !important;
    }
    .sidebar .popular-posts a.category {
        width: calc( 100% - 95px ) !important;
    }
    .sidebar .popular-posts a .excerpt {
        display: block;
    }
       
}/*==== // end @media */

#sb_instagram {
    background: #f1f1f1;
    padding-bottom: 15px !important;
    margin: 0 15px;
}
#main #sb_instagram h3 {  }
#main #sb_instagram p.sbi_bio {
    margin-top: 0.6em !important;
    padding-right: 1em !important;
    line-height: 1.5 !important;
}



/* footer module */
footer .widget_text .ttl {
    margin-bottom: 1.2em;
    font-family: "utsukushi";
    font-size: 133.33%;
    font-weight: normal !important;
    letter-spacing: 0.05em;
    line-height: 1.3;
}
footer .widget_text .ttl::after {
content: "";
    display: block;
    width: 45px;
    height: 1px;
    margin-top: 0.1em;
    background-color: #000; 
}
footer .textwidget {
    line-height: 1.8;
    letter-spacing: 0.05em;
}
footer .widget_nav_menu {
    text-align: center;
}
footer .col-sm-4{
    -ms-flex:0 0 100%;
        flex:0 0 100%;
        max-width: 100%;
}
footer .widget_nav_menu ul {
    display: inline-block;
    margin: 30px auto;
}
footer .widget_nav_menu ul li {
    display: inline-block;
    border: none;
    border-right: solid 1px #333333;
    width: auto;
    font-size: 93.33%;
    letter-spacing: 0.1em;
}
footer .widget_nav_menu ul li:last-child { border-right: none; }
footer .widget_nav_menu ul li a {
    width: auto;
    padding: 0.2em 2em;
    line-height: 1.2;
}
footer .widget_nav_menu ul li a:hover {
    background: none;
}
@media screen and ( max-width: 767px) {
    
    footer .widget_nav_menu { width: 90vw; }
    footer .widget_nav_menu ul li {
        width: 20vw;
        margin-bottom: 1.5em;
        font-size: 93.33%;
        letter-spacing: 0.1em;
    }
    footer .widget_nav_menu ul li:nth-child(1) ,
    footer .widget_nav_menu ul li:nth-child(3) { width: 27vw; }
    footer .widget_nav_menu ul li:nth-child(2) ,
    footer .widget_nav_menu ul li:nth-child(4) { width: 15vw; }
    
    footer .widget_nav_menu ul li a {
        padding: 0.2em;
        line-height: 1.5;
    }
       
}/*==== // end @media */
@media screen and ( max-width: 680px) {
    
    footer .widget_nav_menu { margin-left: -5vw; }
    footer .widget_nav_menu ul li:nth-child(1) ,
    footer .widget_nav_menu ul li:nth-child(3) { width: 45vw; }
    footer .widget_nav_menu ul li:nth-child(2) ,
    footer .widget_nav_menu ul li:nth-child(4) { width: 35vw; }
    footer .widget_nav_menu ul li:nth-child(2) {
        border-right: none;
    }
    footer .textwidget {
        font-size: 14px;
    }
       
}/*==== // end @media */

@media screen and ( max-width: 400px) {
    
    footer .widget_nav_menu { margin-left: -6vw; }
    footer .widget_nav_menu ul li:nth-child(1) ,
    footer .widget_nav_menu ul li:nth-child(3) { width: 47vw; }
    footer .widget_nav_menu ul li:nth-child(2) ,
    footer .widget_nav_menu ul li:nth-child(4) { width: 33vw; }
    footer .widget_nav_menu ul li:nth-child(2) {
        border-right: none;
    }
    footer .widget_nav_menu ul li a {
        font-size: 13px;
        letter-spacing: 0.05em;
    }
       
}/*==== // end @media */
@media screen and ( max-width: 370px) {
    
    footer .widget_nav_menu { margin-left: -6vw; }
    footer .widget_nav_menu ul li:nth-child(1) ,
    footer .widget_nav_menu ul li:nth-child(3) { width: 52vw; }
    footer .widget_nav_menu ul li:nth-child(2) ,
    footer .widget_nav_menu ul li:nth-child(4) { width: 28vw; }
    footer .widget_nav_menu ul li:nth-child(2) {
        border-right: none;
    }
       
}/*==== // end @media */

/* スマートフォンでのインスタグラムの画像のサイズ調整 */
@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images .sbi_item,#sb_instagram.sbi_col_3 #sbi_images .sbi_item,#sb_instagram.sbi_col_4 #sbi_images .sbi_item,#sb_instagram.sbi_col_5 #sbi_images .sbi_item,#sb_instagram.sbi_col_6 #sbi_images .sbi_item,#sb_instagram.sbi_col_7 #sbi_images .sbi_item,#sb_instagram.sbi_col_8 #sbi_images .sbi_item,#sb_instagram.sbi_col_9 #sbi_images .sbi_item{width:50%}}

/* page_about */
body.page_about .post_body .wp-block-image { text-align: center; }
body.page_about .post_body .wp-block-image img {
    width: 75%;
    text-align: center;
}
body.page_about .post_body h3.has-text-align-center {
    margin: 1em 0;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 200% !important;
}
body.page_about .post_body {
    text-align: center;
}

body.page_about .post_body p {
    display: inline-block;
    padding: 1em 0;
    font-size: 106.67%;
    line-height: 2;
     letter-spacing: 0.05em;
}
body.page_about .post_body p:last-child {
    margin-left: -1em;
    margin-right: -1em;
}
@media screen and ( max-width: 1000px) {
    body.page_about .post_body p {
        font-size: 100%;
    }
}/*==== // end @media */

@media screen and ( max-width: 950px) {
    body.page_about .post_body p {
        font-size: 14px;
    }
}/*==== // end @media */
@media screen and ( max-width: 900px) {
    body.page_about .post_body {
        text-align: left;
    }
    body.page_about .post_body p:last-child {
        margin-left: 0;
        margin-right: 0;
    }
    body.page_about .post_body p {
        text-align: left;
    }
    body.page_about .post_body p br.pc {
        display: none;
    }
}/*==== // end @media */
@media screen and ( max-width: 580px) {
    body.page_about .post_body h3.has-text-align-center {
        font-size: 160% !important;
    }
}/*==== // end @media */
@media screen and ( max-width: 370px) {
    body.page_about .post_body h3.has-text-align-center {
        font-size: 133.34% !important;
    }
}/*==== // end @media */

/* page_contact */
 body.page_contact .detail.page {
    padding-left: calc( 50vw - 470px );
    padding-right: calc( 50vw - 470px );
 }
body.page_contact .detail.page .wpcf7-form-control { margin-top: 0.5em; margin-left: -0.6em; margin-bottom: 0.2em; }
body.page_contact .detail.page label { padding-left: 1em; }
body.page_contact .detail.page label input {
    border: none; 
    border-radius: 1px;
}
body.page_contact .detail.page pre.wp-block-preformatted {
    padding: 1em 2em;
    font-size: 100%;
    letter-spacing: 0.05em;
}
body.page_contact .detail.page .wpcf7-response-output { 
    margin-left: 1em;
    padding: 0.5em 1em;
    border: solid 2px #CB4A20;
    color: #CB4A20;
}
body.page_contact .detail.page input[type="submit"]  {
    display: inline-block;
    width: 10em;
    margin-left: 1em;
    border: solid 1px #575050;
    padding-left: 1.5em;
    text-align: center;
    letter-spacing: 1em;
    background-color: #575050;
    font-size: 20px;
}


/* page_feature */
body.page_feature .wp-block-columns {
    margin-bottom: 0 !important;

}
body.page_feature .wp-block-column {
    margin-bottom: 30px;
    background-color: #f1f1f1;
    padding: 2px;
}

body.page_feature .wp-block-column:hover {
    background-color: #fff;
}
body.page_feature .wp-block-image {
    margin-bottom: 0;
}
body.page_feature .wp-block-column .is-style-blocktitle {
    padding: 0  !important;
}
body.page_feature .wp-block-column .is-style-blocktitle a {
    display: block;
    padding: 1em;
    text-decoration: none;
    font-weight: 500;
}
@media screen and ( max-width: 781px) {
    body.page_feature .post_body {
        position: relative;
        width: 106%;
        margin-left: -3%;
        margin-right:  -3%;
        vertical-align: top;
    }
    body.page_feature .wp-block-columns {
        display: inline !important;        
    }
    body.page_feature .wp-block-columns .wp-block-column {
        display: inline-block;
        width: 43%;
        margin-left: 4% !important;
        margin-right: 2% !important;
        vertical-align: top;
    }
    body.page_feature .wp-block-columns .wp-block-column:nth-child(2n) {
        
    }
    
}/*==== // end @media */
@media screen and ( max-width: 480px) {
    body.page_feature .post_body {
        position: relative;
        width: 104%;
        margin-left: -2%;
        margin-right:  -2%;
        vertical-align: top;
    }
    body.page_feature .wp-block-columns {
        display: inline !important;        
    }
    body.page_feature .wp-block-columns .wp-block-column {
        display: inline-block;
        width: 45%;
        margin-left: 2.5% !important;
        margin-right: 1.5% !important;
        vertical-align: top;
    }
    body.page_feature .wp-block-columns .wp-block-column:nth-child(2n) {
        
    }
    
}/*==== // end @media */

/* page_tag-list */
body.page_tag-list .is-style-blocktitle {
    font-size: 106.67%;
}
body.page_tag-list .alignwide {
    left: 0px;
    right: 0px;
    width: calc( 100% - 1em );
    max-width:  calc( 100% - 1em );
}
body.page_tag-list .alignwide .wp-block-column {
    position: relative;
    margin-right: -1em;
    /*background-color: #f1f1f1;*/
}
body.page_tag-list .alignwide .wp-block-column ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
body.page_tag-list .alignwide .wp-block-column ul li {
    margin-bottom: 0.2em;
    margin-left: 0px;
    padding: 0.2em;
    list-style: none;
}
body.page_tag-list .alignwide .wp-block-column p {
    margin-bottom: 0px;
    padding: 0.5em;
    font-size: 14px;
    font-weight: 500;
}
body.page_tag-list .alignwide .wp-block-column .wp-block-separator {
    margin-top: 1em;
    margin-bottom: 1em;
}
body.page_tag-list .alignwide .wp-block-column li {
    display: block;
    margin-bottom: 0.6em !important;
    padding: 0.5em 0.2em 0.5em 1.2em !important;
    position: relative;
    text-decoration: none;
    background-color: #dfdfdf;
    border-radius: 5px;
}
body.page_tag-list .alignwide .wp-block-column a {
    display: block;
    padding: 0.5em 0.2em 0.5em 1.2em;
    margin: -0.5em -0.2em -0.5em -1.2em;
    position: relative;
    text-decoration: none;
    background-color: #f1f1f1;
    border-radius: 5px;
}
body.page_tag-list .alignwide .wp-block-column li a:hover {
    background: #fff;
}
body.page_tag-list .alignwide .wp-block-column li:before,
body.page_tag-list .alignwide .wp-block-column li a:before {
    content: "\e935";
    position: absolute;
    left: 1px;
    top: calc( 50% - 6px ); 
    font-size: 12px;
    color: #bbb;
    /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

/* page_privacy page_terms page_company  */
body.page_privacy .post_body,
body.page_terms .post_body,
body.page_company .post_body {
    padding: 40px 30px;
    background: #f1f1f1;
}
body.page_company .post_body {
    padding: 20px 0;
    background: none;
}
body.page-template-default.page .post_body h2 { font-size: 106.67%; }
body.page-template-default.page .post_body h3 { font-size: 106.67%; }
body.page-template-default.page .post_body h4 { font-size: 100%; }
body.page-template-default.page .post_body h2 {
    font-weight: 500;
	border-bottom: 2px solid rgba(119, 119, 119, 0.2);
	margin-bottom: 1.5rem;
 }
 body.page-template-default.page .post_body h2 span {
    padding-bottom: 0.8em;
    border-bottom: solid 2px #333;
 }
 
body.page_privacy .post_body p,
body.page_terms .post_body p,
body.page_company .post_body p {
    font-size: 100%;
    line-height: 2;
    letter-spacing: 0.05em;
}
body.page_privacy .post_body li,
body.page_terms .post_body li,
body.page_company .post_body li {
    margin-bottom: 0.8em;
    line-height: 1.8
}

body.page_company .post_body .wp-block-table table.table.table-bordered {
    border-collapse: collapse;
     
}
body.page_company .post_body .wp-block-table table.table.table-bordered tr {
    background: #fff !important;
    border: solid 5px #EBDFDE;
    
}
body.page_company .post_body .wp-block-table table.table.table-bordered td {
    border: solid 2px #EBDFDE;
    font-size: 18px;
}
@media screen and ( max-width: 1000px) {

    body.page_company .post_body .wp-block-table table.table.table-bordered td {
        font-size: 16px;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 767px) {
    
    body.page_tag-list .alignwide .wp-block-columns {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    body.page_company .post_body .wp-block-table table.table.table-bordered tr {
        background: #fff !important;
        border-left: none;
        border-right: none;

    }
    body.page_company .post_body .wp-block-table table.table.table-bordered td {
        font-size: 15px;
        padding: 0.5em;
    }
    
}/*==== // end @media */

/* whatsnew */
body.home .whatsnew h2,
body.home .whatsnew h2 span {
    letter-spacing: 0.14em;
    font-size: 30px;
    font-family: "utsukushi", serif;
    font-style: normal !important;
    font-weight: 400;
    font-weight: normal !important;
    color: #000;
    border-bottom-width: 2px;
}
@media screen and ( max-width: 580px) {
    body.home .whatsnew h2,
    body.home .whatsnew h2 span {
        font-size: 26px;
    }
}/*==== // end @media */
@media screen and ( max-width: 480px) {
    body.home .whatsnew h2,
    body.home .whatsnew h2 span {
        font-size: 24px;
    }
}/*==== // end @media */
body.home .whatsnew h2 { border-bottom: none; }
body.home .whatsnew dl { background-color:#f1f1f1; }
body.home .whatsnew .newmark {
    margin-right: 0.5em;
    font-size: 74%;
	padding: 1px 5px;
	vertical-align: middle;
	color: White;
	background-color:#EB0E4B ;
	border-radius: 3px;
    font-weight: 500 !important;
}
/* footer tagBlock */
.tagBlockWrapper p { margin-left: 0.5em; margin-bottom: 0.5em; font-weight: 500; }
.tagBlockWrapper ul { list-style: none; margin: 0 !important; padding: 0 !important; }
.tagBlockWrapper ul li { list-style: none; display: inline-block; margin: 0 0.1em; }


/* map */
.map_body {
    position: relative;
    width: 96vw;
    height:86.4vw;
    margin: 50px -15px;
    background: url(/images/map.png) no-repeat center top;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -ms-background-size: cover !important;
    
}
.map_body .mapInner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    
}
.map_body .mapInner .mapText {
    position: absolute;
    left: -50px;
    top: -20px;
    font-size: 23px;
    line-height: 1.55;
    letter-spacing: 0.1em;
}
.map_body .mapInner .mapIllust {
    position: absolute;
    left: 420px;
    top: -80px;
    width: 130px;
    height: 180px;
}
.map_body .mapInner .mapIllust img {
    width: 100%;
    height: auto;
}
.map_body .areaList .area {
    position: absolute;
    box-sizing: border-box;
    width: 27.4%;
    border: solid 2px #b6b3b2;
    border-radius: 7px;
    background: rgba(255,255,255,0.7);
}
.map_body .areaList .area:hover {
    border: solid 2px #7d0000;
}
.map_body .areaList .area#area01 {
    left: 49.66%;
    top: -7.15%;
}
.map_body .areaList .area#area02 {
    left: 11%;
    top: 5.44%;
}
.map_body .areaList .area#area03 {
    width: 25%;
    left: 77.866%;
    top: 11.18%;
}
.map_body .areaList .area#area04 {
    left: 15%;
    top: 25.55%;
}
.map_body .areaList .area#area05 {
    left: 44.5%;
    top: 17.4%;
}
.map_body .areaList .area#area06 {
    left: 75.166%;
    top: 31.74%;
}
.map_body .areaList .area#area07 {
    width: 28vw;
    left: 73.33%;
    top: 49.1%;
}
.map_body .areaList .area#area08 {
    left: 21.66%;
    top: 47.77%;
}
.map_body .areaList .area#area09 {
    left: 31.7%;
    top: 65.93%;
}
.map_body .areaList .area#area10 {
    left: 66.533%;
    top: 65.6%;
}
.map_body .areaList .area#area11 {
    left: 2.433%;
    top: 68.15%;
}
.map_body .areaList .area#area12 {
    width: 25%;
    left: 76.4%;
    top: 81.815%;
}
.map_body .areaList .area#area13 {
    width: 24.5%;
    left: 78.466%;
    top: -7.15%;
}

.map_body .areaList .area h2.areaName {
    margin-bottom: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.5em;
    border-bottom: dashed  2px #a0a0a0;
    font-size: 23px;
    font-weight: 500;
    color: #7d0000;
    line-height: 1.35;
    text-align: center;
}
.map_body .areaList .area h2.areaName span {
    /*display: inline-block;*/
    display: none;
    position: absolute;
    left: 0.4em;
    top: 0.7em;
    width: 23px;
    height: 23px;
    padding-right: 2px;
    line-height: 23px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: #7d0000;
    vertical-align: middle;
    letter-spacing: -2px;
    font-family: 'Roboto', sans-serif;
}
.map_body .areaList .area .spot {
    list-style: none;
    padding: 0 0.5em;
    
}
.map_body .areaList .area .spot li {
    margin-right: 0.9em;
    list-style: none;
    line-height: 1.75;
    font-size: 20px;
    letter-spacing: 0.09em;
    display: inline-block;
}
.map_body .areaList .area .areaLink {
    display:  inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 200px;
    margin: 0;
    padding: 8px 10px 4px;
    border-radius: 7px;
    vertical-align: bottom;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
}
.map_body .areaList .area .areaLink:hover {
    text-decoration: none !important;
    background: #fff;
}

.map_body ul.mapLink {
    display: none; 
    position: absolute;
    left: 0px;
    top:0px;
    list-style: none;
    z-index: 2500;
    margin: 0;
    padding: 0;
}
.map_body ul.mapLink li {
    position: absolute;
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 23px;
    font-weight: 500;
}
.map_body ul.mapLink li.link01 {
    left: 57vw;
    top: 24.2vw;
}
.map_body ul.mapLink li.link02 {
    left: 33vw;
    top: 22vw;
}
.map_body ul.mapLink li.link03 {
    left: 66vw;
    top: 34.5vw;
}
.map_body ul.mapLink li.link04 {
    left: 39vw;
    top: 53vw;
}
.map_body ul.mapLink li.link05 {
    left: 51.6vw;
    top: 44.7vw;
}
.map_body ul.mapLink li.link06 {
    left: 63.2vw;
    top: 50.2vw;
}
.map_body ul.mapLink li.link07 {
    left: 62vw;
    top: 58vw;
}
.map_body ul.mapLink li.link08 {
    left: 49.5vw;
    top: 60vw;
}
.map_body ul.mapLink li.link09 {
    left: 57.5vw;
    top: 69vw;
}
.map_body ul.mapLink li.link10 {
    left: 68vw;
    top: 72.5vw;
}
.map_body ul.mapLink li.link11 {
    left: 31vw;
    top: 82.5vw;
}
.map_body ul.mapLink li.link12 {
    left: 66vw;
    top: 99vw;
}
.map_body ul.mapLink li.link13 {
    top: 9vw;
    left: calc( 100vw - 12em );
    right: 0px;
    width: calc( 10.4em + 13px );
    padding: 8px 3px 8px 10px;
    border-left: solid 1px #7d0000;
    border-bottom: solid 1px #7d0000;
    letter-spacing: 0.1em;
}
.map_body ul.mapLink li a {
    display: block;
    color: #7d0000;
}
.map_body ul.mapLink li a span {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding-right: 3px;
    padding-top: 1px;
    line-height: 27px;
    border-radius: 50%;
    font-size: 23px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: #7d0000;
    vertical-align: middle;
    letter-spacing: -2px;
    font-family: 'Roboto', sans-serif;
}
.map_body ul.mapLink li.link13 a span {
    margin-right: 0.3em;
}
@media screen and ( min-width: 1563px) {

    .map_body {
        position: relative;
        width: 1500px;
        height: 1350px;
        margin-left: -214px;
        margin-right: -174px;
    }
    
}/*==== // end @media */
@media screen and ( min-width: 1188px) and ( max-width: 1562px) {

    .map_body {
        width: 96vw;
        height:86.4vw;
        margin-left: calc( -1 * ( 48vw - 535px ));
        margin-right: calc( -1 * ( 48vw - 575px ));
    }
    
    .map_body .areaList .area .areaLink {
        min-height: 170px;
    }
    .map_body .areaList .area h2.areaName {
        font-size: 20px;
    }
    .map_body .areaList .area .spot li {
        line-height: 1.7;
        font-size: 18px;
        letter-spacing: 0.08em;
    }
    
}/*==== // end @media */
@media screen and ( min-width: 1188px) and ( max-width: 1300px) {
    
    .map_body .areaList .area .areaLink {
        min-height: 145px;
    }

    .map_body .areaList .area h2.areaName {
        margin-bottom: 0.8em;
        padding-top: 0.2em;
        padding-bottom: 0.4em;
        font-size: 18px;
    }
    .map_body .areaList .area .spot li {
        line-height: 1.6;
        font-size: 16px;
        letter-spacing: 0.05em;
    }

}/*==== // end @media */
@media screen and ( max-width: 1280px) {

    .map_body .mapInner .mapText {
        left: 10px;
        top: -30px;
        font-size: 20px;
        line-height: 1.55;
    }
    .map_body .mapInner .mapIllust {
        left: 360px;
        top: -115px;
        width: 120px;
        height: 167px;
    }
    .map_body .areaList .area#area01 {
        left: 43%;
    }
    .map_body .areaList .area#area03 {
        width: 26%;
        left: 74%;
        top: 10%;
    }
    .map_body .areaList .area#area06 {
        width: 26%;
        left: 74%;
        top: 31.74%;
    }
    .map_body .areaList .area#area10 {
        top: 68.5%;
    }
    .map_body .areaList .area#area12 {
        width: 24%;
        left: 76%;
        top: 84%;
    }
    .map_body .areaList .area#area13 {
        width: 26%;
        left: 74%;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 1188px) {
    
    .map_body .areaList .area .areaLink {
        min-height: 125px;
    }
    .map_body .areaList .area#area07 {
        width: 26vw;

    }
    .map_body .areaList .area h2.areaName {
        margin-bottom: 0.6em;
        padding-top: 0.15em;
        padding-bottom: 0.3em;
        font-size: 17px;
    }
    .map_body .areaList .area .spot li {
        line-height: 1.5;
        font-size: 15px;
        letter-spacing: 0.05em;
    }
    .map_body .mapInner .mapText {
        font-size: 18px;
    }
    .map_body .mapInner .mapIllust {
        left: 330px;
        width: 110px;
        height: 152px;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 1024px) {

    .map_body .mapInner .mapText {
        font-size: 16px;
    }
    .map_body .mapInner .mapIllust {
        top: -120px;
        left: 280px;
    }
    .map_body .areaList .area .areaLink {
        min-height: 100px;
        padding: 4px 8px 2px;
    }
    
    .map_body .areaList .area h2.areaName {
        margin-bottom: 0.5em;
        padding-top: 0;
        padding-bottom: 0.3em;
        font-size: 16px;
    }
    .map_body .areaList .area#area03 h2.areaName,
    .map_body .areaList .area#area05 h2.areaName {
        transform: scaleX(0.85);
        width: 120%;
        margin-left: -10%;
        margin-right: -10%;
    }
    .map_body .areaList .area .spot li {
        font-size: 14px;
        letter-spacing: 0px;
    }
    
}/*==== // end @media */
@media screen and ( max-width: 900px) {

    .map_body .mapInner .mapText {
        font-size: 16px;
    }
    .map_body .mapInner .mapIllust {
        left: 280px;
        top: -110px;
        width: 100px;
        height: 139px;
    }
    .map_body .areaList .area#area02 {
        left: 8%;
    }
    .map_body .areaList .area#area03 {
        top: 8%;
    }
    .map_body .areaList .area#area04 {
        left: 8%;
    }
    .map_body .areaList .area#area05 {
        width: 34%;
        left: 37%;
    }
    .map_body .areaList .area#area06 {
        top: 30%;
    }
    .map_body .areaList .area#area08 {
        width: 32%;
        left: 18%;
        top: 46.5%;
    }
    .map_body .areaList .area#area10 {
        width: 32%;
        top: 70%;
    }
    .map_body .areaList .area#area12 {
        top: 86.5%;
    }
    .map_body .areaList .area#area13 {
        top: -13%;
    }
    
}/*==== // end @media */

@media screen and ( max-width: 850px) {
    
    .map_body .areaList .area#area10 {
        width: 34%;
        top: 72%;
    }
    .map_body .areaList .area#area12 {
        top: 88%;
    }
    .map_body .areaList .area#area13 {
        top: -16%;
    }
    .map_body .areaList .area .areaLink {
        min-height: 90px;
        padding: 4px 8px 0;
    }
    
    .map_body .areaList .area h2.areaName {
        font-size: 15px;
    }
    .map_body .areaList .area .spot li {
        font-size: 13px;
        line-height: 1.2;
    }
    
}/*==== // end @media */

@media screen and ( max-width: 768px) {
    
    .map_body {
        width: 100vw;
        height: 90vw;
        margin: 65px -6.5vw 10px -8.5vw;
    }
    .map_body .area {  }
    
    .map_body .areaList .area#area03 {
        width: 28%;
        left: 72%;
    }
    .map_body .areaList .area#area07 {
        top: 50.5%;
    }
    .map_body .areaList .area#area09 {
        top: 68.5%;
    }
    .map_body .areaList .area#area10 {
        top: 75%;
    }
    .map_body .areaList .area#area11 {
        left: 3.5%;
    }
    .map_body .areaList .area#area12 {
        top: 93%;
    }
    .map_body .areaList .area#area13 {
        top: -12%;
    }
    .map_body .mapInner .mapText {
        top: -45px;
        left: 40px;
        font-size: 15px;
        letter-spacing: 0.05em;
    }
    .map_body .mapInner .mapIllust {
        left: 290px;
        top: -135px;

    }
   .map_body .areaList .area .spot li {
        margin: 0;
        font-size: 12px;
        line-height: 1;
    }
    
}/*==== // end @media */

@media screen and ( max-width: 680px) {
    
    .map_body {
        width: 100vw;
        height: auto;
        margin: 10px 10px 20px;
        margin-left: calc( -4.5vw - 15px );
        margin-right: calc( -4.5vw - 15px );
        padding-top: 113vw;
        background: url(/images/map.png) no-repeat 53% 40px;
        background-size: 120vw 108vw !important;
        -webkit-background-size: 120vw 108vw !important;
        -moz-background-size: 120vw 108vw !important;
        -o-background-size: 120vw 108vw !important;
        -ms-background-size: 120vw 108vw !important;

    }
    .map_body .mapInner .mapText {
        top: -113vw;
        left: 30px;
        font-size: 15px;
        letter-spacing: 0.05em;
    }
    .map_body .mapInner .mapIllust {
        left: auto;
        right: 20px;
        top: -127vw;

    }
    .map_body ul.mapLink { display: block; }
    .map_body .areaList .area {
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 90vw !important;
        margin: 10px auto;
        border-radius: 10px;
    }
    .map_body .areaList .area .areaLink {
        padding: 5px 8px;
    }
    .map_body .areaList .area h2.areaName {
        box-sizing: border-box;
        transform: scaleX(1);
        width: 100%;
        margin-bottom: 1em;
        padding-left: 1.5em;
        padding-top: 0.6em;
        padding-bottom: 0.8em;
        font-size: 18px;
    }
    .map_body .areaList .area#area03 h2.areaName,
    .map_body .areaList .area#area05 h2.areaName {
        transform: scaleX(1);
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        
    }
    .map_body .areaList .area h2.areaName span {
        display: inline-block;
    }
    .map_body .areaList .area .spot li {
        display: inline-block;
        margin-right: 0.8em;
        font-size: 16px;
        line-height: 1.75;
    }
    

}/*==== // end @media */

@media screen and ( max-width: 575px) {

    .map_body {
        width: 100vw;
        height: auto;
        margin: 10px 10px 0px;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 155vw;
        background: url(/images/map_sp.png) no-repeat center 13vw;
        background-size: 100vw 150vw !important;
        -webkit-background-size: 100vw 150vw !important;
        -moz-background-size: 100vw 150vw !important;
        -o-background-size: 100vw 150vw !important;
        -ms-background-size: 100vw 150vw !important;

    }
    .map_body .mapInner .mapText {
        top: -155vw;
        left: 15px;
        font-size: 15px;
        letter-spacing: 0.05em;
    }
    .map_body .mapInner .mapIllust {
        left: auto;
        right: 10px;
        top: -165vw;
        width: 80px;
        height: 111px;
    }
    .map_body ul.mapLink li.link01 {
        left: 57vw;
        top: 38vw;
    }
    .map_body ul.mapLink li.link02 {
        left: 25vw;
        top: 33vw;
    }
    .map_body ul.mapLink li.link03 {
        left: 70vw;
        top: 51.5vw;
    }
    .map_body ul.mapLink li.link04 {
        left: 34vw;
        top: 77vw;
    }
    .map_body ul.mapLink li.link05 {
        left: 51.5vw;
        top: 66vw;
    }
    .map_body ul.mapLink li.link06 {
        left: 67.5vw;
        top: 74vw;
    }
    .map_body ul.mapLink li.link07 {
        left: 65vw;
        top: 85vw;
    }
    .map_body ul.mapLink li.link08 {
        left: 46.5vw;
        top: 87vw;
    }
    .map_body ul.mapLink li.link09 {
        left: 59vw;
        top: 100vw;
    }
    .map_body ul.mapLink li.link10 {
        left: 73.5vw;
        top: 105vw;
    }
    .map_body ul.mapLink li.link11 {
        left: 23.5vw;
        top: 119.5vw;
    }
    .map_body ul.mapLink li.link12 {
        left: 69vw;
        top: 142vw;
    }
    .map_body ul.mapLink li.link13 {
        top: 12vw;
        left: calc( 100vw - 12em );
    }
    .map_body .areaList .area {
        width: 92vw !important;
        margin: 10px auto;
        border-radius: 8px;
    }
    .map_body .areaList .area .areaLink {
        padding: 4px 7px;
    }
    .map_body .areaList .area:first-child {
        margin-top: 10vw;
    }
    .map_body .areaList .area h2.areaName {
        font-size: 18px;
    }
    .map_body .areaList .area .spot li {
        font-size: 15px;
    }

}/*==== // end @media */

@media screen and ( max-width: 480px) {
    .map_body .mapInner .mapIllust {
        top: -170vw;
    }
}/*==== // end @media */       
            
@media screen and ( max-width: 370px) {
    
    .map_body {

        background: url(/images/map_sp.png) no-repeat center 15vw;
        background-size: 100vw 150vw !important;
        -webkit-background-size: 100vw 150vw !important;
        -moz-background-size: 100vw 150vw !important;
        -o-background-size: 100vw 150vw !important;
        -ms-background-size: 100vw 150vw !important;

    }
    .map_body .mapInner .mapText {
        top: -156vw;
        left: 15px;
        font-size: 14px;
    }
    .map_body .mapInner .mapIllust {
        right: 2px;
        top: -173vw;
        width: 70px;
        height: 97px;
    }
    .map_body ul.mapLink li a span {
        width: 24px;
        height: 24px;
        padding-right: 2px;
        padding-top: 2px;
        line-height: 22px;
        font-size: 19px;
    }
    .map_body ul.mapLink li.link01 {
        top: 39.5vw;
    }
    
    .map_body ul.mapLink li.link08 {
        left: 45.5vw;
        top: 87.5vw;
    }
    .map_body ul.mapLink li.link09 {
        left: 58.5vw;
        top: 101vw;
    }
    .map_body ul.mapLink li.link10 {
        top: 106vw;
    }
    .map_body ul.mapLink li.link13 {
        top: 14vw;
        left: calc( 100vw - 12em );
        padding: 6px 2px 6px 7px;
        letter-spacing: 0.1em;
    }
    .map_body .areaList .area h2.areaName {
        font-size: 16px;
    }
    .map_body .areaList .area .spot li {
        font-size: 14px;
    }
    .map_body .areaList .area h2.areaName span {
        left: 0.3em;
        top: 0.5em;
    }

}/*==== // end @media */

/* 記事一覧へのリンク add 2023.7.26 */
p.link-more {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0;
    text-align: right;
    
}
p.link-more a {
    display: inline-block;
    background-color: transparent;
	border: solid 1px rgba(119, 119, 119, 0.2);
	padding: .5em 12px;
    margin-right: 15px;
	text-decoration: none;
    text-align: right !important;
}
p.link-more a:hover {
    background: rgba(119, 119, 119, 0.1);
}
.link-more a::after {
    content: "＞＞";
    display: inline-block;
    margin-left: 0.5em;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.3em;
    transform: scaleX(0.5);
}

/* ヘッダー固定 add 2023.8.29 */
@media screen and ( min-width: 768px) {
    .headline {
        z-index:1;
    }
    .navbar {
        position: relative;
       z-index: 1;
    }
    .navbar.fixed {
        position: fixed;
        left: 0px;
        top: 90px;
        width: 100vw;
        background: rgba(233,209,218,1.00)
    }
    .navbar .navbar-nav {
        z-index: 1000 !important;
    }
    .navbar .navbar-nav li {
        position: relative;
        z-index: 2000 !important;
    }
   
}/*==== // end @media */
.headline {
    position: relative;
    width: 100%;
}
.headline.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    width: 100vw;
}

.navbar.fixed {
    z-index: 1000; 
}
.navbar.fixed .navbar-toggler {
    position: fixed;
    top: 30px;
    z-index: 1006;
}
.wrapper { overflow-x: hidden;}
.nav .dropdown-toggle {
    position: fixed;
}