@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, "Helvetica Neue", Arial, sans-serif;
    background: #fff;
    letter-spacing: 1px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%; 
}
.headarea,
.ttl-2,
.topblock-1 .ttl,
.wp-block-button,
.parent .topblock-1 .small-1
{font-family: 'Montserrat', "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, "Helvetica Neue", Arial, sans-serif;
}
body:not(.home){
    background-image: url(https://imtmental.jp/wp2023/wp-content/uploads/2023/02/topimage.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
iframe body{background-image: none;}
.container{width: 100%;overflow-x: hidden;}
.editor-styles-wrapper{background: #fff!important;}
.editor-styles-wrapper:not(.home){background: #fff!important;}
body:not(.home) #content{
    background: #fff;
    margin-top: 95px;
}
container{overflow: hidden;}
@media only screen and (max-width:767px){
    body:not(.home) #content{margin-top: 2px;}
}
@media only screen and (max-width:640px){
    /* under 640px */
    body:not(.home) #content{margin-top: 80px;}
}

.entry-content > *, .demo .entry-content p {line-height: 1.4;}

.min{font-family: 'Noto Serif JP', serif;}
.noto{font-family: 'Noto Sans JP', sans-serif;}

.article p{margin-bottom: .5em}
body .is-layout-flow > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
.body .wp-block-image{margin-bottom: .5em;}
.home.body .wp-block-columns,
.home.body .wp-block-image,
.home.body .wp-block-group,
.home .entry-content,
.home.body .article{margin-bottom: 0;}
.home .main {padding-bottom: 0;}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    object-fit: contain;
}

a {
    color: #a67dd7;
    text-decoration: none;
}
a:hover{color: #765bbc;}
a img{transition: 0.5s ;}
a:hover img{opacity: 0.8;}

ol, ul {
  padding-left: 12px;
}

@media only screen and (max-width:640px){
/* under 640px */
    .pc-disp{display: none}
    .mp-disp{display:inline-block}
    main.main, div.sidebar{padding: 0;}
}
@media (min-width:641px){
/* over 641px */
    .mp-disp{display: none}
    .pc-disp{display:inline-block}
}
.flex{display: flex}

.toptext{
    color:#d2691e;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.toptext .ttl-1{
    font-size: 1.1rem;
    padding-bottom: 0;
    margin-bottom: 0;
}
.toptext .ttl-2{margin-bottom: 36px;}
.toptext .text-last{margin-top: 24px;}
.line-grad{
    border-top: 4px solid #c21500;
    border-image: linear-gradient(to right, #f2e421 0%, #ed891e 100%);
    border-image-slice: 100%;
    width: 100vw;
    margin: 40px calc(50% - 50vw) 36px;
    border-image-slice: 1;
}

@media only screen and (max-width:767px){
/* under 767px */
    .toptext{padding: 0 12px;}
}



/*--------------------------------------- 背景 */
.grad-grn{
    background-color:hsla(54,100%,87%,1);
    background-image:
    radial-gradient(at 92% 10%, hsla(106,71%,54%,1) 0px, transparent 50%),
    radial-gradient(at 4% 93%, hsla(60,65%,58%,1) 0px, transparent 50%),
    radial-gradient(at 5% 9%, hsla(75,100%,33%,1) 0px, transparent 50%),
    radial-gradient(at 95% 93%, hsla(60,0%,100%,1) 0px, transparent 50%);
}
.grad-grn-l{
    background-color:hsla(146,83%,88%,1);
    background-image:
    radial-gradient(at 3% 95%, hsla(58,35%,82%,1) 0px, transparent 50%),
    radial-gradient(at 95% 93%, hsla(60,5%,92%,1) 0px, transparent 50%),
    radial-gradient(at 97% 6%, hsla(105,100%,92%,1) 0px, transparent 50%),
    radial-gradient(at 2% 5%, hsla(73,100%,84%,1) 0px, transparent 50%);
}
/*.grad-bg-foot, .footer{
    background-color:hsla(35,60%,61%,1);
    background-image:
    radial-gradient(at 6% 10%, hsla(58,100%,93%,1) 0px, transparent 50%),
    radial-gradient(at 92% 88%, hsla(45,70%,47%,1) 0px, transparent 50%),
    radial-gradient(at 90% 12%, hsla(39,52%,86%,1) 0px, transparent 50%),
    radial-gradient(at 4% 92%, hsla(18,90%,37%,1) 0px, transparent 50%);    
}*/
/*.page-id-3207 .footer{
    background: #5E259E;
    background: linear-gradient(27deg,rgba(94, 37, 158, 1) 0%, rgba(230, 101, 108, 1) 25%, rgba(249, 204, 116, 1) 100%);
}*/

.grad-bg-foot, .footer{
    background-color:hsla(353,100%,71%,0.84);
    background-image:
    radial-gradient(at 0% 0%, hsla(243,85%,35%,1) 0px, transparent 50%),
    radial-gradient(at 0% 98%, hsla(278,93%,42%,1) 0px, transparent 50%),
    radial-gradient(at 29% 92%, hsla(239,39%,11%,0.97) 0px, transparent 50%),
    radial-gradient(at 58% 0%, hsla(10,94%,62%,1) 0px, transparent 50%),
    radial-gradient(at 100% 1%, hsla(59,100%,77%,1) 0px, transparent 50%),
    radial-gradient(at 90% 83%, hsla(331,63%,49%,0.75) 0px, transparent 50%);
}
@media (min-width:768px){
    /* over 768px */
.grad-bg-foot, .footer{
    background: #633ab4;
    background: linear-gradient(-6deg,rgba(99, 58, 180, 1) 0%, rgba(212, 59, 174, 1) 28%, rgba(253, 107, 29, 1) 63%, rgba(252, 231, 69, 1) 100%);}
}
/*　----------------------------------　タイトル　*/
.ttl .en, .field-ttl .en{font-family: 'Marcellus', serif;}

/*　----------------------------------　ヘッダー/スライダー　*/
.headarea{position: relative;}
@media (min-width:768px){
    /* over 768px */
    .header-container{
      background-image: url(https://imtmental.jp/wp2023/wp-content/uploads/2023/02/topimage.jpg);
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
    }
}
@media only screen and (max-width:767px){
/* under 767px */
    .header-container{
        background: #a594c3;
        background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.9));
    }
}
/*.home .header-container{background: none;width: 100%;}*/
.home .header-container{width: 100%;}



/*fix after scroll*/
.header-container.fix .navi-in > ul#global::after{
    bottom: 2.2em;
}

@media (min-width:768px){
    /* over 768px */
    .header-container{
        position: fixed;
        z-index: 999;
        top:0; right: 0;
    }
    .header-container.fix{
       background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.8));
    }
    .header-container.fix .header-container-in.hlt-top-menu{
        margin-top: -8px;
        margin-bottom: 6px;
    }
    .header-container.fix .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {
      max-height: 76px;
        width: auto;
        padding-top: 6px;
    }
    .header-container.fix .hlt-tm-small .navi-in > ul li{
        height: 2.2em;
        line-height: 2;
    }
    .header-container.fix .navi-in > ul::after{bottom: 2.1em;}
    .header-container.fix .submenu {margin-top: -5px;padding-bottom: 8px;}
}
.tagline{margin: 0;}

/*slide*/
.topslide{}
.metaslider.topslide-text .caption-wrap{
    top: 38%;
    background: none;
    opacity: 1;
    font-family: 'Noto Serif JP', serif;
    text-shadow: 
        #aa3402 1px 1px 1px, 
        #ffb228 -10px 1px 12px, 
        #ff820c 1px -1px 8px, 
        #ffb228 10px 1px 12px, 
        #ff820c 0 0 10px;
    text-align: center;
}
.metaslider.topslide-text .caption-wrap h1{
    font-size: 1.75rem;
    padding-top: 8px;
}
.metaslider.topslide-text .caption-wrap p{font-size: 1.1rem}

@media (min-width:768px){
/* over 768px */
    .metaslider.topslide-text .caption-wrap{top: 45%;}
    .metaslider.topslide-text .caption-wrap h1{font-size: 2.2rem;padding-top: 25px;}
    .metaslider.topslide-text .caption-wrap p{font-size: 1.4rem}
}



/* ----------------------------------------------top menu*/
.header-container-in.hlt-top-menu{
    align-items: flex-start;
}
.navi-in > ul{margin: 5px 0 0}
.navi-in .has-icon {
  right: 0px;
  top: 5px;
}
.navi .item-label{overflow: visible;}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {max-height: 84px;width: auto;}
.header-container-in a {padding-right: 2vw;}
.navi .menu-mobile {background: #a594c3;
        background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.9));
}
#navi .navi-in > .menu-mobile li { width: 100%;}
.navi-in a{text-shadow:#a17c95 1px 1px 3px;}
.navi-in a:hover {background-color: rgba(255,255,255,0.4);}
.navi-in #global > a{display: inline-block;}
.navi-in .menu-mobile a{display: block;}
.navi-in > ul .sub-menu,
.navi-in > ul.menu-mobile .sub-menu{background: #e5b6d6;}
.menu-mobile #menu-item-67,
.menu-mobile #menu-item-68,
.menu-mobile #menu-item-185{display: none;}

.navi-in .menu-mobile a { padding: 0;}
.hlt-tm-small .navi-in > ul.menu-mobile li, .cl-slim .navi-in.menu-mobile > ul li {  height: 40px;line-height: 40px;}

/*1029px以下*/
@media screen and (max-width: 1029px){
    .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link {margin: 0}
    .no-mobile-sidebar .sidebar, .mobile-button-fmb .go-to-top-button, .no-mobile-header-logo #header .logo-header {display: block;}
    .header-container-in.hlt-top-menu .tagline {display: block;}
    .hlt-top-menu header{flex-basis: 15%;}
    .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img{width: 100%}
    .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link{margin: 0;}
    .header-container-in.hlt-top-menu{display: flex;flex-direction: row;}
    #menu-item-75{width: auto;}
    
}
@media only screen and (max-width:640px){
/* under 640px */
}
@media only screen and (max-width:767px){
/* under 767px */
    .header-container-in.hlt-top-menu .navi{width: auto;}
    #navi .navi-in > .menu-mobile {display: block;}
    #global{display: none;}
    .navi-in > ul{flex-direction: column;}
    .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {max-height: 50px;width: auto;}
    .no-mobile-header-logo #header .logo-header{
        text-align: left;
        position: absolute;
        top: 0;
    }
    .hlt-top-menu header {flex-basis: 150px;}
}
@media (min-width:768px){
/* over 768px */
    .header-container-in.hlt-top-menu{margin-top: 12px;}
    .header-container-in a{font-size: 12.5px;}
    .navi-in > ul#global{
        display: block;
        position:relative;
        text-align: right;
    }
    .navi-in > ul#global .sub-menu{
        background: #a594c3;
        background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.9));
        min-width: max-content;
        right: 0;
    }
    .navi-in > ul .sub-menu a{display: block;}
    .navi-in > ul li{width: auto;}
    .navi-in > ul li .sub-menu li{display: block;}
    .navi-in > ul .sub-menu ul {left: 100%;}
    
    .navi-in > ul li{display: inline-block;}
    .navi-in > ul#global::after{
        position: absolute;
        content: "";
        width: 100%;
        border-bottom: solid 1px #fff;
        bottom: 3em;
        right: 0;
    }
    .navi-in .toi .item-label,
    .navi-in .access .item-label,
    .navi-in .tel .item-label{font-size: 17px;}
    .navi-in .toi .item-label::before {
        font-family: 'Material Icons';
        content: "\e158";
        font-size: 24px;
        line-height: 24px;
        vertical-align:text-top;
    }
    .navi-in .access .item-label::before {
        font-family: 'Material Icons';
        content: "\e0c8";
        font-size: 24px;
        line-height: 24px;
        vertical-align:text-top;
    }
    .navi-in .tel .item-label::before {
	   font-family: "Font Awesome 5 Free";
	   font-weight: 900;
        content: "\f095";
        font-size: 21px;
        line-height: 24px;
        vertical-align:text-top;
        padding-right: 4px;
    }
}
@media (min-width:991px){
/* over 991px */
    .navi-in a{font-size: 13px;padding: 2px 10px;}
    .navi-in .has-icon {right: 1px;}
}
.navi-in #menu-item-75 a{font-size: 16px}
@media (min-width:768px){
    /* over 768px */
}
.navi-in .menu-mobile .has-icon {right: 17px;font-size: 18px;}

.header-container, .navi{
    background-color: transparent;
}
#menu-item-75, #menu-item-185{font-family: 'Marcellus', serif;}
.header-container-in.hlt-top-menu {width: 100vw;}
.header-container-in a{color:#fff;}

.hlt-tm-small .navi-in > ul li, .cl-slim .navi-in > ul li {
  height: 2.7em;
  line-height: 2;
}
.navi-in > ul li{width: auto;}

#menu-item-69{margin-right: 67px;}

@media only screen and (max-width:1200px){
    /* under 1200px */
    .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {max-height:68px;width: auto;}
}
@media (min-width:990px){
    #menu-item-75{width: calc(100% - 762px);}
    #menu-item-76{width: 100px}
    #menu-item-74{width: 115px}
    #menu-item-67{width: 160px}
    #menu-item-68{width: 122px}
    #menu-item-185{width: 180px;margin-right: 60px;}
    .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link {margin: 0;}
}
@media screen and (min-width:768px) and ( max-width:989px) {
    #menu-item-75{width: calc( 100% - 630px );}
    #menu-item-76,#menu-item-74,#menu-item-67,#menu-item-68,#menu-item-185{width: auto;}
    #menu-item-185 {margin-right: 38px;}
    .navi-in .toi .item-label, .navi-in .access .item-label, .navi-in .tel .item-label {font-size: 14px;}
    .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {max-height:55px;width: auto;}
}
@media only screen and (max-width:940px){
    /* under 940px */
    .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {max-height:60px;width: auto}
    #menu-item-75{width:auto;}
    #menu-item-69{margin-right: 50px;}
}
@media only screen and (max-width:810px){
    .navi-in a{padding: 2px 10px 2px 3px;}
    .navi-in .has-icon {right: 0px;}
}
@media only screen and (max-width:790px){
    /* under 790px */
    #menu-item-75 {display: none;}
    #menu-item-69{margin-right: 40px;}
}
@media only screen and (max-width:640px){
    /* under 640px */
    .navi-in .menu-mobile .has-icon {right: 8vw;}
}
@media only screen and (max-width:430px){
    /* under 430px */
    .header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {max-height:50px;height: auto;}
}
.mobile-header-menu-buttons{
    box-shadow: none;
    width: 100%;
}
.mobile-header-menu-buttons.mobile-menu-buttons{
    position: relative;
    padding-right: 60px;
    background-color: transparent;
    column-gap: 4px;
    gap: 4px;
}
.mobile-menu-buttons .menu-caption{white-space: nowrap;}
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button > a{color: #fff;}

/* ----------------------------------------------トップページ*/
/*color*/
.ppl{color: #662d87;}

/*button*/
.wp-block-button a{
    padding: 4px 17px;
    color: #662d87;
    text-align: center;
    background: #fff;
    border: solid 1px #662d87;
    border-radius: 1rem;
    font-size: 0.9rem;
}
.wp-block-button a:hover{
    color: #fff;
    background:#a67dd7;
}
/* topblock-1 */
.topblock-1 .wp-block-column{align-self: center;}
.body .wp-block-columns.topblock-1{
    text-align: center;
    margin-bottom: 16px;
}
.topblock-1 .ttl{font-size: 1.2rem;}
.topblock-1 .small-1{
    font-size: 0.75rem;
    padding-bottom: 24px;
}
.topblock-1 .text{
    font-size: 0.8rem;
    padding: 0 15% 32px;
    line-height: 1.1;
}
.topblock-1 .wp-block-button {margin: auto;}


@media (min-width:960px){
/* over 960px */
    .wp-block-button a{padding: 4px 33px;}
}
    
@media only screen and (max-width:767px){
/* under 767px */
    .topblock-1{
        position: relative;
        display: block;
    }
    .home .fade-in-left .topblock-1 > div:nth-child(2),
    .home .fade-in-right .topblock-1 > div:first-child{
        position: absolute;
        top:3.5rem;
        
    }
    .home .fade-in-left .topblock-1 > div:first-child,
    .home .fade-in-right .topblock-1 > div:nth-child(2){
        position: relative;
        z-index: 99;
    }
    .topblock-1 .text{
        color: #fff;
        padding:16vw 0 5vw;
        text-shadow: 0px 0px 5px #000,0px 0px 5px #000;
    }
    .topblock-1 .wp-block-buttons{padding-bottom:10vw }
    .page-id-53 .topblock-1 .text{padding-top: 16vw;}
}
@media only screen and (max-width:360px){
/* under 360px */
    .page-id-53 .topblock-1 .text{padding-top: 10vw;}
}

/* PickUp */
.pickup-block{
    background-color:hsla(0,0%,100%,1);
    background-image:
radial-gradient(at 100% 100%, hsla(60,100%,75%,1) 0px, transparent 50%),
radial-gradient(at 99% 0%, hsla(100,42%,65%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(60,100%,81%,1) 0px, transparent 50%),
radial-gradient(at 14% 87%, hsla(33,95%,82%,1) 0px, transparent 50%);
    margin: 64px calc(50% - 50vw) 56px;
}
.pickup-block .w-block{
  max-width: 1130px;
  margin: 0 auto 0;
    margin-bottom: 0px;
  padding: 40px 0 40px;
}
.pickup.ttl{color:#d2691e;margin-bottom: 12px;}
.pickup.ttl .en{font-size: 1.4rem;}
.pickup.ttl .ja{
  font-size: .8rem;
  padding-left: 1em;
  letter-spacing: 3px;
}
.pickup-block .wp-block-column{
    position: relative;
    font-family: 'Noto Serif JP', serif;
    text-shadow: #000 1px 1px 1px, #565 -5px 1px 5px, #222 1px -1px 5px, #444 3px 1px 3px, #565 0 0 5px;
}
.pickup-block .wp-block-column p,
.pickup-block .wp-block-column p a{
    color: #fff;
}
.pickup-block .wp-block-column .ttl{
    top: 1rem;
    position: absolute;
    left: 12px;
    font-size: 1.4rem;
}
.pickup-block .wp-block-column .text{
    position: absolute;
    top: 3.8rem;
    left: 12px;
    font-size: .8rem;
    line-height: 1.1;
}
@media only screen and (max-width:767px){
/* under 767px */
    .pickup.ttl{margin-left: 4%;}
    .pickup-block .wp-block-column .ttl{
        top: .5rem;}
    .pickup-block .wp-block-column .text {
        font-size: 10px;
        top: 38px;
        line-height: 1.3;
    }
    .pickup-block .wp-block-columns{
        margin-left: 4%;
        margin-right: 4%;}
    .pickup-block .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 46% !important;
    }
}

/* topics */
.topblock-topics{
    padding: 40px 24px 56px;
    margin: 64px calc(50% - 50vw) 0;
}
.topblock-topics .news-box,
.topblock-topics .media-box{
    position: relative;
}
.media-gallery{background: #fff;padding: 20px;}
.topblock-topics .ttl{
    color: #fff;
    font-size: 1.25rem;
}
.topblock-topics .wp-block-button{
    position: absolute;
    top:-1rem;
    right: 0;
}
.topblock-topics .wp-block-button a{
    font-size: 0.8rem;
}
.topblock-topics ul{
    background: #fff;
    padding: 16px 16px;
}
.topblock-topics li{
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    border-bottom: solid 1px #c1b4b0;
    font-size: 0.8rem;
    padding: 4px 12px;
}
.topblock-topics li a{
    color: #664a40;
    text-decoration: none;
}
@media (min-width:768px){
/* over 768px */
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.news-box{flex-basis: 60%}
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.media-box{flex-basis: 40%}
    .topblock-topics{padding: 40px 36px 56px;}

}



/* message */
.topblock-message{padding: 40px 0 24px;}
.topblock-message .ttl{
    color: #82bc3f;
    padding-bottom: 24px;
}
.topblock-message .ttl .en{
    font-size: 1.4rem;
}
.topblock-message .ttl .jp{
    font-size: .8rem;
    padding-left: 1em;
    letter-spacing: 3px;
}
.topblock-message .text {
  padding: 19px 12px 24px 4px;
  font-size: .75rem;
}
.topblock-message .cap{
    color: #82bc3f;
    padding-left: 24px;
    font-size: 0.8rem;
}
.topblock-message .wp-block-button a{
    font-size: 0.8rem;
}
@media (min-width:768px){
/* over 768px */
    .topblock-message .text {padding-top: 0}
    .topblock-message{padding: 40px 10% 24px;}
    .topblock-message .text{
        font-size: .9rem;
        padding: 0 0 24px 24px;
    }
}

@media only screen and (max-width:767px){
    /* under 767px */
    .topblock-message{display: flex;position: relative;}
    .topblock-message .wp-block-media-text__content{padding: 0;}
    .topblock-message .wp-block-button{margin: auto;}
    .topblock-message > .wp-block-media-text__media{flex-basis: 40%;align-self: flex-start;}
    .topblock-message > div{flex-basis: 60%;}
}
@media only screen and (max-width:640px){
    /* under 640px */
    .topblock-message figure{padding-top: 36px;}
    .topblock-message .ttl{
      position: absolute;
      top: 24px;
      left: 12px;
    }
}



/* field */
.article p.field-ttl{
    color:#ed891e;
    font-size: 1.2rem;
    padding-left: 1%;
}
.field-ttl .en{font-size: 1.4rem;}
.field-ttl .jp{
    font-size: .8rem;
    padding-left: 1em;
    letter-spacing: 3px;
}
.topblock-field{
    width: 98%;
    margin: 24px auto;
    justify-content: space-between;
    padding-bottom: 1px;
}
.wp-block-columns.topblock-field:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 30%;
        flex-grow: 0;
}
.topblock-field div{
    text-align: center;
    color: #bc926d;
}
.topblock-field div a{
    color: #bc926d;
}
.topblock-field .ttl {
    font-family: 'Marcellus', serif;
    font-size: 1.2rem;
    padding: 4px 0 4px;
}
.topblock-field .text{
    font-size: .75rem;
}
.topblock-field p.text a{text-decoration: underline;}
.topblock-field p.text a:hover{text-decoration: none;}

@media (min-width:768px){
/* over 768px */
    .topblock-field.mp-disp{display: none}
}

.editor-visual-editor .mp-disp,
.edit-post-visual-editor .mp-disp{display: block}

@media only screen and (max-width:767px){
/* under 767px */
    .topblock-field .pc-disp{display: none}
    body .is-layout-flex.topblock-field{
        display: flex;
        column-gap: 2px;
        gap: 2px;        
    }
    .wp-block-columns.topblock-field:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: 49%!important;}
    .wp-block-columns.topblock-field.last:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: 100%!important;}
    .topblock-field p.text{font-size: 0.65rem;}
    .topblock-field.last img{
      height: 90px;
      width: auto;
      object-fit: cover;
    }
    .topblock-field.last .wp-block-column{
        position: relative;
        color: #FFF;
    }
    .topblock-field.last a{color: #fff;}
    .topblock-field.last .ttl,
    .topblock-field.last .text{
        position: absolute;
        left: 12px;
        text-shadow:0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
        }
    .topblock-field.last .ttl{
        top: 12px;
        font-size: 1.6rem;
    }
    .topblock-field.last .text{
        top: 50px;
        font-size: 0.7rem;
    }
}



/* 4 boxes ---- brain block */
.home .grad-grn-l{
    margin: 40px calc(50% - 50vw) 0;
}
.home .bran-block{margin: 4px calc(50% - 50vw)}
.topblock-4{
    max-width: 1130px;
    margin:0 auto 0;
    padding: 40px 0 40px;
}
.topblock-4 .wp-block-column{
    position: relative;
    font-family: 'Noto Serif JP', serif;
    text-shadow: #aa3402 1px 1px 1px, #ffb228 -10px 1px 12px, #ff820c 1px -1px 8px, #ffb228 10px 1px 12px, #ff820c 0 0 10px;
    color: #fff;
}
.topblock-4 .wp-block-column a{color: #fff;}
.topblock-4 .ttl{
    font-size: 1.35vw;
    position: absolute;
    top: 1rem;
    left: 9px;
}
.topblock-4 .text{
    top: 7rem;
    position: absolute;
    left: 5px;
    font-size: 0.9rem;
}
body .topblock-4.is-layout-flex{
        column-gap: 8px;
        gap: 8px;
}

@media only screen and (max-width:1100px){
    /* under 1100px */
    .topblock-4 .text{top: 6rem;left: 8px;font-size: 1.3vw;}
}
@media only screen and (max-width:767px){
    /* under 767px */
    body .topblock-4.is-layout-flex{
        display: flex;
        padding: 24px 8px;
        justify-content: space-around;
    }
    .wp-block-columns.topblock-4{flex-wrap: wrap !important;}
    .wp-block-columns.topblock-4:not(.is-not-stacked-on-mobile) > .wp-block-column
    {flex-basis: 47%!important;flex-grow: 0;margin-right: auto;}
    .topblock-4 .ttl{font-size: 1.35em;}
    .topblock-4 .text {
        top: auto;
        bottom: 16px;
        font-size: 14px;
    }
}
@media (min-width:768px){
    /* over 768px */
    /*.mid-slide-block{width: 1100px;margin:0 auto;}*/
    .topblock-4.brain-block{max-width: none;}
    .topblock-4 .wp-block-column{margin: 0 10px;}
    .brain-block.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 210px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}


/* room */
.topblock-room{
    margin: 4px calc(50% - 50vw);
    margin-bottom: 4px!important;
    background: #ffffdd;
    color: #cb6600;
    text-shadow: #fff 1px 1px 5px, #fff -1px 1px 5px, #fff 1px -1px 5px, #fff 1px 1px 5px;
}
.topblock-room a{
    color: #cb6600;
}
.topblock-room .box{
    position: relative;
    max-width: 1130px;
    margin: auto;
}
.topblock-room .ttl{
    position: absolute;
    top: 1rem;
    left: 7%;
    font-size: 2rem;
    color: #cb6633;
}
.topblock-room .text{
    position: absolute;
    top:4rem;
    left: 7%;
    font-size: 1.1rem;
}

@media only screen and (max-width:767px){
    /* under 767px */
    .topblock-room .wp-block-image.alignfull img{
      height: 100px;
      width: auto;
      object-fit: cover;
    }
    .topblock-room .ttl {top: 9px;}
    .topblock-room .text {top: 50px;}
}

/* links */
.topblock-links{
    margin: 0 calc(50% - 50vw);
    padding: 40px 36px;
    background: #ffffdd;
    border-top: 2px solid #dbc4bf;
}
.topblock-links .ttl{
    text-align: center;
    font-size: 1.1rem;
}
.topblock-links .ttl .en{font-size: 1.2rem;}
.topblock-links .ttl .jp{
    font-size: 0.8rem;
    padding-left: 4px;
}
@media only screen and (max-width:767px){
    /* under 767px */
    .topblock-links{padding: 8px;}
    .topblock-links .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 48% !important;
    }
    body .topblock-links .is-layout-flex {gap: 8px;column-gap: 8px;}
}

/* ----------------------------------------
---------------------------------------------下層ページ .ex-page --- */
main .ex-page{
    margin-top: -32px;
}
.titleimage{
    position: relative;
}
.titleimage .wp-block-image{margin-bottom: 0;}
.titleimage h1{
    font-size: 1.7rem;
    right: 15%;
    top:18%;
    position: absolute;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    text-shadow: 
        #000 1px 1px 1px, #a27969 1px 0px 5px, #a27969 5px 1px 12px;
    text-align: right;
}
@media only screen and (max-width:430px){
    /* under 430px */
    .titleimage h1{
    font-size: 6.5vw;
    right: 4%;
    }
}
.titleimage h1 span{
    font-size: 1.2rem;
    display: block;
}
.entry-content > .titleimage{margin-bottom: 0;}

.blog .main h1,
.archive h1,
.ex-page h2,
.single h2{
    font-size: 1.3rem;
    font-family: 'Noto Serif JP', serif;
    font-weight: lighter;
    text-align: center;
    color: #82746c;
    border-bottom: solid 1px #aca29c;
    background: #fff;
    margin:56px calc(50% - 50vw) 72px;
    padding:24px calc(-50% + 50vw) 16px;
    position: relative;
}
.ex-page h2 span:not(#toc),
.single h2 span:not(#toc){
    font-size: 1.2rem;
    bottom: -9px;
    font-family: 'Vujahday Script', cursive;
    position: absolute;
    right: 2%;
}
h1.archive-title span{display: none;}

@media (min-width:768px){
/* over 768px */
    .titleimage h1{
        top:40%;
        font-size: 3rem;
    }
    .single h2,
    .ex-page h2{font-size: 1.6rem;}
    .single h2 span:not(#toc),
    .ex-page h2 span:not(#toc){font-size: 1.5rem;bottom: -11px;}
}
/*
.wp-admin .article h3,
.ex-page h3,
.single h3{
    font-family: 'Noto Serif JP', serif;font-weight: normal;
    position: relative;
    border-style: none;
    color: #efb01f;
    font-size: 1.25rem;
    letter-spacing: 3px;
    margin-top: 36px;
    padding-bottom: 8px;
    margin-bottom: 18px;
}
*/
.wp-admin .article h3,
.ex-page h3,
.single h3{
    font-family: 'Noto Serif JP', serif;font-weight: normal;
    position: relative;
    border-style: none;
    color: #efb01f;
    font-size: 1.25rem;
    letter-spacing: 3px;
    margin-top: 36px;
    padding-bottom: 8px;
    margin-bottom: 18px;
    display: inline-block;
  background: linear-gradient(90deg, #4158D0, #C850C0 30%, #FFCC70);
  background: -webkit-linear-gradient(180deg, #4158D0, #C850C0 30%, #FFCC70);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*
.wp-admin .article h3::after,
.ex-page h3::after,
.single h3::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 2px solid #c21500;
  border-image: linear-gradient(to right, #f2e421 0%, #ed891e 100%);
  border-image-slice: 100%;
  border-image-slice: 1;
}
*/
.wp-admin .article h3::after,
.ex-page h3::after,
.single h3::after {
  width: 1100px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 2px solid #c21500;
  border-image: linear-gradient(to left, #f2e421 0%, #ed891e 100%);
  border-image: linear-gradient(to left, #4158D0, #C850C0, #FFCC70);
  border-image-slice: 100%;
  border-image-slice: 1;
}
@media only screen and (max-width:1100px){
/* under 1100px */
    .wp-admin .article h3::after,
    .ex-page h3::after,
    .single h3::after {width: calc(100vw - 30px);}
}
@media only screen and (max-width:767px){
/* under 767px */
    .wp-admin .article h3::after,
    .ex-page h3::after,
    .single h3::after {width: 100vw;}
}
.wp-admin .article h4,
.ex-page h4,
.single h4{
    font-family: 'Noto Serif JP', serif;font-weight: normal;
    color: #c690cc;
    font-size: 1.1rem;
    letter-spacing: 3px;
    margin-top: 36px;
    margin-bottom: 24px;
    border-top: solid 1px #ddafde;
    border-bottom: solid 1px #c690cc;
    border-width: 1px 0;
    padding: 4px 4px 4px 16px;
}
.wp-admin .article h5,
.ex-page h5,
.single h5{
    color: #c690cc;
    font-size: 1rem;
    border-style: none;
    margin-bottom: 0;
}
.wp-admin .article h5::before,
.ex-page h5::before,
.single h5::before{
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
    content: "\f105";
    padding-left: 8px;
    padding-right: 4px;
}
.wp-admin .article h6,
.ex-page h6,
.single h6{
    color: #a670ac;
    font-size: 14px;
    border-style: none;
    margin-bottom: 0;
    padding-left: 1rem;
}


.ex-page .article p,
.single .article p {
  margin-bottom: 1.4em;
  padding: 0 1.1rem;
  letter-spacing: 3px;
  line-height: 1.7;
}
.wp-admin .textbox1,
.textbox1, .article p.textbox1{
    border: solid 1px maroon;
    border-color: tan sienna sienna tan;
    font-size: 0.8rem;
    padding: 16px 32px;
    display: inline-block;
    margin: .5rem 2.5%;
}
.wp-admin .textbox1 .title,
.textbox1 .title{
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: dotted 1px sienna;
    color: sienna;
    font-weight: bold;
}
.wp-admin .textbox2,
.textbox2, .article p.textbox2{
    font-size: 0.7rem;
    padding: 16px 16px;
    display: inline-block;
    margin: 0 2.5%;
    background: #eee;
    color: #000;
}
.wp-admin .textbox2 .title,
.textbox2 .title{
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: double 3px #888;
    font-weight: bold;
}
.wp-admin .textbox3,
.textbox3, .article p.textbox3{
    font-size: 0.7rem;
    padding: 16px 16px;
    display: inline-block;
    margin: 0 2.5%;
    background:linear-gradient(-45deg, #f9f1e9, #fbdbc1);
    color: #000;
}
.wp-admin .textbox3 .title,
.textbox3 .title{
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: double 3px #888;
    font-weight: bold;
}
.textbox4, .article p.textbox4{
    font-size: 0.7rem;
    padding: 16px 16px;
    display: inline-block;
    margin: 0 2.5%;
    background-color: #effff0; 
    color: #000;
}
.wp-admin .textbox4 .title,
.textbox4 .title{
    padding-bottom: 8px;
    margin-bottom: 16px;
    border-bottom: double 3px #afcfc0;
    font-weight: bold;
}
.textbox5, .article p.textbox5{
  font-size: 0.7rem;
  padding: 16px 16px;
    padding-bottom: 16px;
  display: inline-block;
  margin: 0 2.5%;
  color: peru;
background-color: hsl(0, 0%, 100%);
background-image: radial-gradient(at 92% 10%, hsl(55.4, 100%, 97.5%) 0px, transparent 50%), radial-gradient(at 4% 93%, hsl(56.3, 100%, 80.8%) 0px, transparent 50%), radial-gradient(at 5% 9%, hsl(60, 100%, 88.6%) 0px, #fcf0af00 50%), radial-gradient(at 95% 93%, hsl(67.5, 100%, 79.6%) 0px, #f4d98700 50%);
}
.wp-admin .textbox5 .title,
.textbox5 .title {
  padding-bottom: 8px;
  margin-bottom: 16px!important;
  border-bottom: double 3px palegoldenrod;
  font-weight: bold;
}


.wp-block-column .textbox1,
.wp-block-column .textbox1,
.wp-block-column .textbox3{width: 95%;}

.lineheight div{display: flex;}
.lineheight div.textbox1,
.lineheight div.textbox2{display: block;}

/*----------------------------------実績------*/
@media only screen and (max-width:767px){
/* under 767px */
.post-410 .wp-block-columns{flex-direction: column-reverse;}
.post-410 .wp-block-columns .wp-block-column{align-self: center;}
}
/*----------------------------------実績------*/
.faq{
    margin-bottom: 35px;
}
.quest {
    cursor: pointer;
    color: #c690cc;
  font-size: 16px;
  border-bottom: dotted 1px #c690cc;
    padding-left: 52px;
    position: relative;
}
.quest::before{
    content: "Q.";
  font-family: 'Marcellus', serif;
  font-size: 33px;
  font-style: italic;
  opacity: 0.5;
  position: absolute;
  left: 2px;
  bottom: -8px;
}
.quest:hover {color: #a640aa;}
.answer {
display: none;
  padding: 15px 15px 15px 50px;
  position: relative;
  color: #72645c;
  background: #f0feef;
  margin: 14px 0;
}
.answer::before{
content: "A.";
  font-family: 'Marcellus', serif;
  font-size: 33px;
  font-style: italic;
  position: absolute;
  left: 12px;
  top: 6px;
  color: #8dc36e;
}

/*--------------------------------------プロフィール---------*/
@media only screen and (max-width:767px){
    /* under 767px */
    .profile-photo img{
        width: 40%;
        display: block;
        margin: auto;
    }
    .profile-photo div:first-child{order: 2}
    .profile-photo div:nth-child(2){order: 1}
}
@media only screen and (max-width:767px){
    .profile-photo img{width: 50%;}
}


/*----------------------------------TOPICS　一覧------*/

.topics-all {
  border: 4px solid #a1bd33;
  border-image: linear-gradient(to right, #a1bd33 0%, #e1e065 100%);
  border-image-slice: 1;
    padding: 16px 32px;
}
.topics-all .post-date{
    background: #a2be34;
    padding: 8px 8px 4px;
    color: #fff;
    border-radius: 2px;
}
.topics-all .material-symbols-outlined{
    font-size: 18px;
    vertical-align: bottom;
}
.topics-all .entry-date {
  font-size: 17px;
  font-family: 'Marcellus', serif;
}
.topics-all .entry-meta{margin-bottom: 10px;}
.topics-all .entry-card-title{padding-left: 12px;margin-bottom: 4px;}
.topics-all .post{padding-left: 12px;}
.topics-all .entry-content {
  margin-top: 1em;
  margin-bottom: 2em;
  border-bottom: 1px solid #a1bd33;
  border-image: linear-gradient(to right, #a1bd33 0%, #e1e065 100%);
  border-image-slice: 1;
}


/*--------------------------------------------------------------------
------------------------------------------親ページ-----*/
.parent{
    padding-top: 48px;
    padding-bottom: 56px;
}
.parent .topblock-1 .small-1 {
  font-size: 1rem;
  margin-top: -8px;
  text-transform:capitalize;
}
@media (min-width:768px){
    /* over 768px */
    .body .parent .flex-rev .topblock-1{flex-direction: row-reverse;}
}
@media only screen and (max-width:767px){
/* under 767px */
    .parent .topblock-1 .photo{
        position: absolute;
        top:3.5rem;
        
    }
    .parent .topblock-1 .linktext{
        position: relative;
        z-index: 99;
    }
}

/*------------------------------------------テーブル--
　メンバーシップ　page-id-387
  ヒストリー　page-id-401
  会社概要　page-id-397
-*/
@media screen and (max-width: 834px){
    table th, table td {
        font-size: 0.85em;
    }
}
.ex-page figure.wp-block-table table,
.ex-page table{
    width: 100%;
}

@media (min-width:768px){
/* over 768px */
    .ex-page figure.wp-block-table table,
    .ex-page table{
        width: 90%;
        margin: auto;
    }
    .ex-page .table-price table .has-text-align-right td,
    .ex-page .table-course1 table .has-text-align-right td{padding-right: 9%}
}

.ex-page td,
.ex-page th{border-color: #fff #ddd #ddd #fff;}
.ex-page td:last-child{border-right-color: #fff;}

.ex-page table th{
    background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.8));
    color: #fff;
    border-color: #fff;
}

.page-id-401 .ex-page table th:first-child,
.page-id-397 .ex-page table th:first-child,
.ex-page .table-price table tr:first-child,
.ex-page .table-course1 table td:first-child{
    /*background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.8))!important;*/
    background: linear-gradient(-30deg, rgba(200,140,230,1), rgba(255,160,80,1)) !important;
    color: #fff;
    border-color: #fff;
}
.ex-page .table-price table th{background:none;}

.table-course1 table td:first-child,
.page-id-397 .table-course1 table th:first-child,
.page-id-401 .table-course1 table th:first-child{
    border-color: #fff;
    color: #fff;
    width: 30%;
    text-align: center;
}
.table-course1 table td:last-child{padding-left: 2%;}

.ex-page table tr:nth-of-type(2n+1),
.ex-page table tr:nth-of-type(n+2){background: #fff;}
.page-id-2 .table-white table td{
    background: #fff;
    border-color: #ddd;
}
.page-id-2 td.mid-td {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ddd!important;
}
.ex-page .table-course1 table td.mid-td:first-child{
  background: #fff !important;    
}
td.has-text-align-right{padding-right: 2%;text-align: right!important;}
th.has-text-align-right{padding-right: 18px;}
.table-price th{
    text-align: center!important;
}

.page-id-57 table th{width: 22%;}
.page-id-57 table td{padding-top: 8px;padding-bottom: 8px;}

.table-price.nyukai tr th:nth-of-type(3){text-align: center;padding-right: 0;}
@media (min-width:768px){
    /* over 768px */
    .table-price.nyukai br{display: none}
}
@media (max-width:768px){
    /* under 767px */
    .table-price.nyukai tr td:nth-of-type(1),
    .table-price.nyukai tr th:nth-of-type(1){width:3.5em}
}
/* -------------------------------------マップ--- */
iframe {
  width: 100%;
  margin: 0;
  aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
}

/* -------------------------------------パンくず--- */
.breadcrumb{
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(-50% + 50vw);
    padding-right: calc(-50% + 50vw);
    padding-top: 8px;
    margin-bottom: 0;
}
.breadcrumb.sbp-main-top{margin-top: 0;padding-top: 0;}
.breadcrumb::before{
    content: "";
    border-top: solid 1px #ddd;
    top: 0;
    left: 0;
    width: 100vw;
    position: absolute;
}


/*--------------------------------------ブログカード---------------*/
.blogcard{border-color: #d7aecb;margin-top: 36px;}
.blogcard-label{
    left: auto;
    right: 14px;
    background-color:#d7aecb; 
}
.blogcard-type .a-wrap:hover,
.wp-block-embed__wrapper .a-wrap:hover{background: #fffcff;}
.blogcard-footer{display: none;}
.blogcard-content{margin-top: 2em;}

@media only screen and (max-width:480px){
/* under 480px */
    .blogcard-snippet {font-size: 1em;}
    .blogcard-title {font-size: 1.2em;margin-bottom: .5em;}
}
@media only screen and (max-width:834px){
/* under 834px */
    .blogcard-wrap {width: 92%;}
}

/* -------------------------------------footer--- */
.mblt-footer-mobile-buttons{margin-bottom: 0;}
.footer-widgets a{color: #fff;}
.mobile-header-menu-buttons {
  top: 0;
  bottom: auto;
}	
.grecaptcha-badge { visibility: hidden; }

@media only screen and (max-width:767px){
/* under 767px */
    .navi-footer-in{flex-direction: column;}
    .navi-footer-in .sub-menu{display: none;}
    .mobile-menu-buttons {display: flex;align-items: stretch;}
    .footer-right{display: none;}
}
@media (min-width:768px){
/* over 768px */
    .mobile-menu-buttons{display: none;}
}

.footer{margin-top: 0;padding-bottom: 3rem;}
.footer{color: #fff;}
.navi-footer-in{display: flex;}
.navi-footer-in > div{padding-right: 3%;}
.navi-footer-in {color: #fff;}
.navi-footer-in a{font-size: 12px;color: #fff;opacity: 0.9;}
.navi-footer-in a:hover{opacity: 1;background-color: rgba(255, 255, 255, 0.3);color:#fff}

.footer-in {
    color: #7c3500;
}
.footer-in li{
    list-style: none;
    text-align: left;
    font-size: 0.75rem;
    line-height: 1.6;
}
.footer-widgets{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.5rem;
    padding-top: 4rem;
    border-top: solid 1px #fff;
}
.footer-widgets > div{width: auto;}
.footer-left .name{font-size: 1.2rem;line-height: 1.2;}
.footer-left .name-btm{font-size: 1.4rem;line-height: 1;}

.footer-center{
    font-size: 0.75rem;
    line-height: 1.4;
}
.footer-center p{
    padding-bottom: 2px;
}
.footer-right{
    margin-left: auto;
    text-align: center;
    margin-right: 36px;
}
.footer-right a{color: #fff;}
.footer-right i{display: block;font-size: 1.8rem}
.footer-right span{display: block;font-size: .9rem;line-height: 1.1;}
.footer-right .textwidget{display: flex;}
.footer-right .item-access{padding: 0 8px;}
.footer-right .item-tel span{font-family: 'Marcellus', serif;}
.copyright{
    font-size: 0.65rem;
    text-align: center;
    margin-top: 2rem;
    padding-bottom: 8px;
}
@media only screen and (max-width:1024px){
/* under 1024px */
    .footer-right span{font-size: .7rem;}
}
@media only screen and (max-width:640px){
/* under 640px */
    .footer-widgets{
        display: block;
        height: auto;
        padding-top: 0;
    }
    .footer-widgets .widget{margin: 0;}
    .copyright{margin-top: 0;}
    .footer-in li{line-height: 2.5;}
}

.topmenu-btn{
    position: relative;
    background: #000;
}
.mobile-footer-menu-buttons{
    justify-content: space-around;
    justify-content: space-evenly;
    background-color: transparent;
    box-shadow: none;
    margin: 3px auto 4px;
    padding: 0 3px;
    column-gap: 3px;
    gap: 3px;
}
.mobile-footer-menu-buttons .menu-button > a{
    color: #4823e1;
    border: solid 1px #4823e1;
    background: #fff;
}
/*.mobile-footer-menu-buttons .menu-button{flex-basis: 32%;}*/
.mobile-footer-menu-buttons .menu-caption{font-size: 17px;}
.go-to-top-button{
    background: #d7aecb;
    color: #fff;
    line-height: 1.7;
}
.mobile-menu-buttons li:nth-child(3){font-family: 'Marcellus', serif;}

@media only screen and (max-width:430px){
    /* under 430px */
    .mobile-footer-menu-buttons li:nth-child(2){display: none;}
}
@media only screen and (max-width:767px){
    /* under 767px */
    .go-to-top{bottom: 60px;}
}

/* ---------------------------------------------------投稿-----  */
/* ------------------------------------------------------  */
.entry-card-content {margin-left: 15%;}
.blog .entry-card-title{margin-bottom: 4px;}
.entry-card-thumb {width: 15%;}
.entry-card-meta, .related-entry-card-meta{position: relative;}
.entry-card-info > * {font-size: 0.9em;}
.entry-card-snippet, .related-entry-card-snippet {font-size: 0.95em;}
.a-wrap:hover {background-color: #eff4ff;}
.a-wrap .material-symbols-outlined{vertical-align: middle;font-size: 20px;}

.pager-post-navi{flex-direction: row;justify-content: space-between;}
.pager-post-navi .next-post {margin-left: auto;}
.sidebar h2{
    padding: 0px 8px;
    margin: 16px 0;
    font-size: 16px;
}

/*コラム一覧*/
.pager-post-navi a{flex-grow: 1;}
.body .sidebar .wp-block-group,
.body .sidebar .widget{margin-bottom: 0;}
div.sidebar{margin: 0;}
.catlinks{
    display: flex;
    justify-content: space-between;
}
.blog-post-list .wp-block-button a{
    bottom: 16px;
    right: 8px;
    padding: 0 16px;
}
.blog-post-list .a-wrap{margin-bottom: 0;padding: 0;}
.blog-post-list{
    padding: 12px;
    position: relative;
    border-bottom: 1px solid #a1bd33;
    border-image: linear-gradient(to right, #a1bd33 0%, #e1e065 100%);
    border-image-slice: 1;    
}
@media screen and (max-width: 480px){
    .no-sp-snippet .entry-card-snippet {display: block;}
    .entry-card-thumb{
        float: none;
        margin: auto;
        width: 40%;
    }
    .e-card-info{justify-content: flex-start;}
}


/* ---------------------------------目次----  */
.toc {border: 1px solid #edf;}
.toc a{color: #765bbc; text-decoration: underline;}
.toc li {padding-bottom: 0.5em;}
.toc label {background: #edf;}


/* ---------------------------------問い合わせ-form----  */
.contact-tel-link{
    color: #662d87;
    font-family: 'Marcellus', serif;
    font-size: 1.7rem;
    padding-left: 1.2rem;
    height: 0.5rem;
}
.contact-tel-link i{padding-right: 8px;}
.contact-time{
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, "Helvetica Neue", Arial, sans-serif ,monospace;
}
form th span{color: red;}
form{accent-color: #c6bbfc;}
.wpcf7 form .wpcf7-response-output {margin: 2em 1.1rem 5em 1em;}
.ex-page .inquiry table{width: 100%;margin-bottom: 18px;}
.ex-page .inquiry table th {background: #fffafa;color: #333;}
.ex-page .inquiry table tr:nth-of-type(2n+1) {background: #fffafa;}
.ex-page .inquiry table tr:nth-of-type(2n+1) th {background: #fff3ef;}
.inquiry select {  background-color: #fff3ef;}
.inquiry select option:hover { background-color:#fff;box-shadow: 0 0 10px 100px #1882A8 inset;}


.date-select input,
.date-select select{width: 35%;}
input[type="submit"] {
  -webkit-appearance: none;
  border-right: 3px solid #6458b6;
  border-bottom: 3px solid #6458b6;
  border-radius: 4px;
  background-color: #b5abfd;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 1rem;
}
@media only screen and (max-width:430px){
/* under 430px */
    .date-select input,
    .date-select select{width: auto;}
    .ex-page .article .inquiry th p{padding: 0;}
}

/* ---------------------------------CTA-  */
.content-bottom {
  margin: 0;
  background: #fff;
}
.body .content-bottom .widget{margin-bottom: 0;}
.ft-rsv-ttl{
  font-size: 1.4rem;
  letter-spacing: 6px;
  font-family: 'Noto Serif JP', serif;
  color: #f9a13f;
  transform: scale(1.05, 1);
  text-align: center;
}
.ft-rsv{
    text-align: center;
    padding-top: 24px;
    padding-bottom: 36px;
    position: relative;
}
.ft-rsv::before{
    content: "";
    border-top: solid 1px #ddd;
    top: 0;
    width: 150vw;
    position: absolute;
    left: -50%;
}
.ft-rsv .flex {
  font-size: 12px;
  margin-top: 2px;
  display: flex;
  color: #666;
  justify-content: center;
}
.ft-rsv .flex p {
  position: relative;
  top: 0;
}
.ft-rsv a {
  text-decoration: none;
  color: #666;
}
.ft-rsv .subtext {
  font-size: 9px;
}
.ft-rsv a i{color: #67b700}

@media (min-width:768px){
/* over 768px */
    .ft-rsv-ttl{
    font-size: 2rem;
    letter-spacing: 7px;
    }
    .ft-rsv .flex {font-size: 14px;}
    .ft-rsv .subtext {font-size: 11px;}
}


/* ---------------------------------animation-  */
.zoom-out img {
      width: 100%;
      height: auto;
      animation: animationZoom1 8s ease-in-out forwards;
}
.zoom {
      margin: 0 calc(50% - 50vw);
      height: auto;
      overflow: hidden;
      margin-bottom: 30px
}
.topslide .zoom {margin: 0;}
.topslide .zoom-out img {
      width: 100%;
      height: auto;
      animation: animationZoom2 8s ease-in-out forwards;
}
@keyframes animationZoom1 {
      from {
          opacity:0.3;
          transform:scale(1.2);
    }
}
@keyframes animationZoom2 {
      from {
          transform:scale(1.2);
    }
}

.titleimage h1{animation: animationZoom1 8s ease-in-out forwards;}


/* スクロールCSS *
.fade {
  animation: fade 5.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
} 
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  opacity: 0;
  transition-duration: 2000ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
*/

/***********************--------------menu
************************************/
.headfix{
    position: absolute;
    z-index: 2;
    top: 0;
}

.headfix label {
    right: 0px;
    position: fixed;
    z-index: 9999;
    top: 0px;
    width: 50px;
    height: 50px;
}
.headfix .fix ~ label {
    background: #948fc6;
}
.headfix input {
    display: none;
}
.headfix input:checked ~ label {
    right: 0;
}
.burger {
    position: relative;
    top: 14px;
    right: -8px;
    cursor: pointer;
}

.burger g {
    stroke: #ffffff;
    transition: stroke 0.25s ease-in-out;    
}

.burger g:hover {
    stroke: darken(#ffffff, 20%);
}

input#test:checked ~ label .burger {opacity: 0;}

input#test2 {opacity: 0;}
input#test2 ~ label .more-btn1 {display: inline-block;}
input#test2 ~ label .more-btn2 {display: none}
input#test2:checked ~ label .more-btn1 {display: none}
input#test2:checked ~ label .more-btn2 {display: inline-block;}

.close {
    right: -3px;
    position: relative;
    width: 44px;
    height: 40px;
    top: -40px;
    cursor: pointer;
    opacity: 0;
}

.close g:hover {
    stroke: darken(#ffffff, 20%);
}

.close g {
    stroke: #ffffff;
    transition: stroke 0.25s ease-in-out;    
}

.close line {
    transform-origin: 0%;
}

.close g {
    transform: rotateZ(45deg);
    transform-origin: 50%;
}

input:checked ~ label .close {
    opacity: 1;
}

div #navi .navi-in > .menu-mobile {
    display: none;position: fixed;
    top: 44px;
    height: calc(100vh - 107px);
    overflow-y: auto;
    z-index: 99;
    -webkit-overflow-scrolling: touch;
}
@media (min-width:768px){
/* over 768px */
    div #navi .navi-in > .menu-mobile {height: 100%;}
}

input:checked ~ div #navi .navi-in > .menu-mobile {
    display: block;
}
input#test:checked ~ div #navi .navi-in > #global {
    display: none;
}
input#test:checked ~ div #header {
    display: none;
}
div#more {display: none;}
input#test2:checked ~ div#more {
    display: block;
}
div #header-container-in{
    -webkit-appearance: none;
}
input#test:checked ~ div #header-container-in {
    flex-direction: column-reverse;
}
input#test:checked ~ div #header-container-in .mobile-header-menu-buttons{
    border-bottom: solid 1px #fff;
    position: fixed;
    background: #a594c3;
    background: linear-gradient(-45deg, rgba(166,149,186,0.9), rgba(244,169,200,0.9));
}
input#test:checked ~ div #header-container-in .mobile-header-menu-buttons{
    display: flex;
}
.menu-mobile{width: 100vw;}
.menu-mobile .box-p > a{pointer-events: none;}
.menu-mobile .box-p{cursor: pointer;}
.menu-mobile .box-p:hover {background-color: rgba(255,255,255,0.4);}

.navi-in > .menu-mobile .active .sub-menu,
.active .sub-menu{
    display: block;
    position: relative;
    text-align: center;
}
.more-btn1, .more-btn2{
    color:  #662d87;
    border: solid 1px #662d87;
    border-radius: 1rem;
    width: 8rem;
    text-align: center;
}
.more-btn1 span, .more-btn2 span{
    vertical-align: middle;    
}
.active .sub-menu .fa-angle-right{display: none;}
.hlt-tm-small .navi-in > ul li .sub-menu ul, .cl-slim .navi-in > ul li .sub-menu ul {
  top: -30px;
}


@media only screen and (max-width:430px){
    /* under 430px */
    .headfix label {right: 10px;}
    input#test:checked ~ div #header-container-in .mobile-header-menu-buttons{
        top:0px;
    }
    .headfix input:checked ~ ul.mobile-menu-buttons{z-index: 0;}
    .navi-in > .menu-mobile .active .sub-menu ul{display: none;}
}

@media screen and (max-width: 834px) {
    .article .wp-block-columns p:nth-child(2n+1):nth-last-child(2) {margin-bottom: 1.4em;}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}