@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 {letter-spacing: .1em;background: #fff;font-feature-settings: "palt";-webkit-font-smoothing: antialiased;}

a{text-decoration: none !important; transition: all .25s ease;}
a.la--primary-color{color: var(--la--primary-color)!important;}
a:hover{color: var(--la--primary-color); opacity: 0.7  !important;}

:root {
  --la--black-color: #1C1C1C;
  --la--gray-color: #747070;
  --la--primary-color: #A95452;
  --la--secondary-color: #C8C2BF;
  --la--light-pink-color: #F2E8E8;
  --la--light-gray-color: #F5F1EF;
  --la--border-gray-color: #ECE9E9;

  --la--font-min: "Noto Serif JP", serif, san-serif;
  --la--font-en: "Cormorant Garamond", "Noto Serif JP", serif;
}


.la--black-color{color: var(--la--black-color);}
.la--gray-color{color: var(--la--gray-color);}
.la--primary-color{color: var(--la--primary-color);}
.la--secondary-color{color: var(--la--secondary-color);}
.la--light-pink-color{color: var(--la--light-pink-color);}
.la--light-gray-color{color: var(--la--light-gray-color);}

.la--black-color-bg{background: var(--la--black-color);}
.la--gray-color-bg{background: var(--la--gray-color);}
.la--primary-color-bg{background: var(--la--primary-color);}
.la--secondary-color-bg{background: var(--la--secondary-color);}
.la--light-pink-color-bg{background: var(--la--light-pink-color);}
.la--light-gray-color-bg{background: var(--la--light-gray-color);}

.gray-color{color: var(--la--gray-color);}
.primary-color{color: var(--la--primary-color);}



.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}
.pt90{padding-top: 90px !important;}
.pt100{padding-top: 100px !important;}

.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}
.pb90{padding-bottom: 90px !important;}
.pb100{padding-bottom: 100px !important;}

.l-h1{line-height:  1em!important;}
.l-h12{line-height:  1.2em!important;}
.l-h14{line-height:  1.4em!important;}
.l-h16{line-height:  1.6em!important;}
.l-h2{line-height:  2em!important;}

.p32-pc{padding:0 32px;}
.p16-pc{padding:0 16px;}

.border{border: 1px solid var(--la--border-gray-color);}
.border-top{border-top: 1px solid var(--la--border-gray-color);}
.border-bottom{border-bottom: 1px solid var(--la--border-gray-color);}

.border-top-dotted{border-top: 1px dotted var(--la--border-gray-color);}
.border-bottom-dotted{border-bottom: 1px dotted var(--la--border-gray-color);}

.border-box{ border: 1px solid var(--la--primary-color); display: inline-block; padding: 1px 10px; }

.textcenter-only_pc{text-align: center !important;}
.textcenter-only_sp{text-align: left !important;}
.textcenter{text-align: center;}
.textright{text-align: right;}
.textlink{text-decoration: none;}

.font-min{font-family: "Noto Serif JP", serif, san-serif;}
.font-en {font-family: "Cormorant Garamond", "Noto Serif JP",serif;}

.gap0{gap: 0!important;}
.gap10{gap: 10px!important;}

.letter-space-1{letter-spacing: .1em;}
.letter-space-2{letter-spacing: .2em;}

.box-shadow{box-shadow: 0 0 7px #e5e0dd;}

.content{margin-top: 0 !important;}
.no-sidebar .content .main{padding-top: 0 !important;}
.entry-content{margin-top: 0 !important;}

.breadcrumb{ color: var(--la--gray-color); font: 12px var(--la--font-min);}

.grecaptcha-badge { visibility: hidden; }
.home.page .article-header,.home.page .entry-title,.home.page .sns-share,.home.page .sns-follow,.home.page .date-tags,.home.page .author-info{display: none;}
.page .date-tags {display: none;}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {font-weight: normal!important;}

.only_pc { display: block !important; }
.only_sp { display: none !important; }


#header-container {background-color: #ffffffde; border-bottom: 1px solid var(--la--border-gray-color); }
#header-container .navi {background-color: #ffffff00;}
.fixed-header { box-shadow: none; }

.navi-in > ul{ justify-content: end; font-family: var(--la--font-min)}
.navi-in > ul li{ width: auto; padding: 0 2%;}
.navi-in a{ font-size: 12px;}
.header-container-in.hlt-top-menu .logo-header img { padding: 8px 0; max-height: 70px;}
.header-container-in.hlt-top-menu .logo-header { max-height: 74px;}

.navi-in > ul li.menu-sp-s { display:none ; }

.navi-in .has-icon{ right: -13px;}

.info-top-wrap{ margin-bottom:0 !important; background-color:var(--la--light-pink-color); }
.info-top{ margin:0 auto !important; max-width: var(--wp--style--global--content-size);  display: flex; justify-content: space-between;    padding: 0 12px;}
.info-top .info-list{padding:13px 0 13px 0;}
.info-top .info-list-item{padding:0; display:flex; font-size: 13px; line-height: 1.3;}
.info-top .info-list-item-content {order: 2; margin-bottom: 0;}
.info-top .info-list-item-content a {text-decoration: underline !important;}
.info-top .info-list-item-meta {order: 1; display: none;}
.info-top .info-list-item-categorys{display:none;}
.info-top-link{margin: auto 0 auto 8px; min-width: 7em;}
.info-top-link a{font-size: 11px; background: #fff; padding: 5px 10px; align-items: center; border-radius: 99px;}

.btn-more-wrap {text-align: center;display: flex;justify-content: center;}
.btn-more-wrap-left-sp{text-align: center;display: flex;justify-content: start;}
.btn-more-wrap-left {text-align: left;display: flex;justify-content: start;}

.button-more {position: relative;display: flex;justify-content: center;align-items: center;min-width: 180px;padding: 13px 30px;background: #fff !important;border: 1px solid var(--la--primary-color) !important;border-radius: 100px !important;color: var(--la--primary-color) !important;line-height: 1;font-size: 12px;font-weight: 500;text-decoration: none !important;transition: all .25s ease;letter-spacing: .2em;}
.button-more-menu a { text-align: center ;align-items: center;padding: 12px 20px;background: #fff;border: 1px solid var(--la--primary-color); border-radius: 100px;color: var(--la--primary-color) !important;line-height: 1;letter-spacing: .2em;font-size: 13px;font-weight: 500;text-decoration: none !important;margin-bottom: 16px; }
a.button-more:hover{color: #ffffff !important;background: var(--la--primary-color) !important;opacity: 1 !important;}

.button-more-primary {position: relative;display: flex;justify-content: center;align-items: center;min-width: 200px;padding: 13px 30px;background: var(--la--primary-color); !important;border: none !important;border-radius: 100px !important;color: #fff !important;line-height: 1;font-size: 13px;font-weight: 500;text-decoration: none !important;transition: all .25s ease;letter-spacing: .2em;}

.button-more-primary-L{min-width: 290px;padding: 13px 40px;font-size: 16px;}

#footer a.button-more-primary:hover{background: var(--la--primary-color); !important;opacity: 0.7 !important;}


.button-submit{display: block;max-width: 200px;margin: 0 auto;}
.button-submit input[type=submit] {padding: 13px 30px;background: #fff !important;border: 1px solid var(--la--primary-color) !important;border-radius: 100px !important;color: var(--la--primary-color) !important;line-height: 1;font-size: 13px;font-weight: 500;text-decoration: none !important;transition: all .25s ease;letter-spacing: .2em;}

.wpcf7 form.sent .wpcf7-response-output {border: none;padding: 0;text-align: center;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border: none;padding: 0;text-align: center;color: #e3514c;}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline>.wp-block-button__link{border: 1px solid var(--la--primary-color) !important;  color: var(--la--primary-color) !important; width: 300px !important; display: block;margin: 0 auto ;}

h1.cont-title-top {background-color:#fff!important;padding:0;font-family: var(--la--font-min);font-size: 34px;font-weight: 500 !important;line-height: 180%;letter-spacing: 0.04em;margin-bottom: 30px;letter-spacing: 0.26em;}
.cont-title-top span{display: block;margin-top:16px;font-size: 14px;font-weight: 300;line-height: 160%;letter-spacing: 0.08em;}

.pc-col3{display:flex;}

.pc-col3-innner{display:flex;flex-direction:column;}

.pc-col3-innner-box{flex-grow:1;}

.number-circle {text-align: center;width: 70px;height: 70px;border-radius: 50%;border: 1px solid var(--la--primary-color);text-align:center;line-height: 62px;}

.dli-chevron-down {display: inline-block;vertical-align: middle;color: var(--la--primary-color);line-height: 1;width: 2em;height: 2em;border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;transform: translateY(-25%) rotate(135deg);}

.full-contents{margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.full-contents-img img {max-height: 340px;object-fit: cover;}
.m-contents{max-width: 640px;}
.page-contents-img img {max-height: 440px;object-fit: cover;}

.mv-img-wrap{overflow:hidden;position: relative;height: 580px;min-height: 580px;}
.mv-img::before {content: "";display: block;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 0;left: 0;animation: animationZoom 7s ease-in-out forwards;background-image: url(https://lasera.jp/wp-content/uploads/2024/04/01_mv.jpg);}

.bottom-menu .wp-element-caption{font-family:var(--la--font-min);text-shadow: 0px 1px 8px rgba(0, 0, 0, .9);letter-spacing: .05em;font-weight: 500;}
figcaption{opacity: 1;}
.bottom-menu-current{opacity: 0.6;}
.bottom-menu-current figcaption{background: none!important;}

.entry-title, .archive-title { font-size: 60px; margin: 30px 0 6px 0; font-family: var(--la--font-en);}
.post .entry-title, .post .archive-title { font-size: 30px; margin: 80px 0 40px 0;; font-family: var(--la--font-min);}
.article h2 { font-family: var(--la--font-min); font-size: 26px ; padding: 0; background-color: #fff ; margin: 1.6em 0 0.8em 0 ;}
.article h3{ font-size: 20px !important; padding: 0 !important; border: none !important;}

.article h2.cont-title {font-family: var(--la--font-en);background-color:#fff0!important;padding:0;font-size: 40px;font-weight: 600;line-height: 110%;letter-spacing: 0.04em; line-height: 1; margin: 0!important;}
.article h2.cont-title-s{ font-size: 28px; line-height: 130%; }
.cont-title span{display: block;font-family: "Noto Sans JP"; font-size: 11px;font-weight: 300;line-height: 130%;letter-spacing: 0.16em;margin-top: 8px;}
.h1-sub{display: block;font-family: "Noto Sans JP";color:var(--la--primary-color);font-size: 13px;font-weight: 500;line-height: 160%;letter-spacing: 0.16em;margin-top: 4px;}

.icn-check-ls {padding-left:18px;}
.icn-check-ls:before{content: '';display: inline-block;width: 14px; height: 13px;background-image: url(https://lasera.jp/wp-content/uploads/2024/04/icon_check.png);background-size: contain;background-repeat:no-repeat;margin-right: 12px;}

#footer{padding-top: 0;}
.footer-mobile, .footer-left, .footer-center, .footer-right {padding: 0;}
.footer {background-color: var(--la--light-gray-color); margin-top:0;}
.footer-logo-img img{width: 160px;}
.footer-sns-area {display: flex;justify-content: space-between;width: 100px;margin: 0 auto 20px auto;}
.navi-footer-in a{color: var(--la--gray-color);font-size: 11px;}
.copyright{font-family: var(--la--font-min);font-size: 11px;}
.footer-bottom { margin-top: 0;padding: 0 0 8px 0;}
#custom_html-2{ margin-bottom:10px;}

.content-bottom{margin-bottom: 0 !important;}
.reservation-area{background-image: url(https://lasera.jp/wp-content/uploads/2024/04/img_common_06.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);padding: 40px 16px ;}
.reservation-area-inner{background: #ffffffd1;max-width: 640px;margin: 0 auto;padding: 30px 10px;border-radius: 6px;}

.arrow-bottom{position: relative;height:100%;display:block;}

.arrow-bottom::before{content: "";display: block;position: absolute;top: 0px;left: 5px;width: 1px;height: 100%;background: var(--la--secondary-color);}
.arrow-bottom::after{content: "";display: block;position: absolute;bottom: 1px;left: -2px;width: 12px;height: 12px;border: 1px solid;border-color: transparent transparent var(--la--secondary-color) transparent;transform: rotate(-45deg);}

.price-box {padding: 2.2em 1em;background: #fff;border-radius: 4px;}
.price-box h3{border-left: none;border-right: none;border-top: none;border-bottom: none;font-size: 14px;font-weight:500;padding: 0;}
.price-box p{line-height:1.3em;}

.widget-entry-card{font-size:15px;padding-bottom:14px;border-bottom: 1px solid var(--la--border-gray-color);}
.new-entry-card-date { display: block;}

.map-area iframe{width: 100%;aspect-ratio: 16/9;}

.info-list{padding:0;}
.info-list .info-list-caption{display:none;}
.is-style-divider-line .info-list-item,
.is-style-divider-line .info-list-item:last-child {border-bottom: 1px solid var(--la--border-gray-color);}
.info-list-item-content {margin-bottom: 4px;}
.info-list-item {font-size: 14px;}
.info-list-item-meta {font-size: 11px;}
.info-list-item-categorys{display:none;}


/* フローティングバナー  */
.Bnr{position: relative;margin: 0 auto;display: none;}
.Bnr .Bnr__img{position: fixed;bottom: 10px;right: 10px;z-index: 88;}
.floating-banner-inner a{background: var(--la--primary-color);color: #fff;padding: 14px 10px;line-height: 1.4em;width: 100%;display: block;text-decoration: none;}
.floating-banner-inner{margin-bottom: 10px;}
.floating-banner-inner:last-child{margin-bottom: 0;}
.Bnr__img__inner{width: 190px;box-sizing:border-box;padding: 10px;background-color: #fafafa;}
.Bnr .Bnr__img__inner a{display: block;}
/*.Bnr .Bnr__img p.close{position: absolute;left: -15px;top:-15px;}
.Bnr .Bnr__img p.close a{display: block;width: 20px;height: 25px;text-align: center;}
.Bnr .Bnr__img p.close a span{display: block;width: 1px;height: 1px;overflow: hidden;}
.Bnr .Bnr__img p.close a i{font-size: 18px;z-index: 888;color: var(--la--black-color);background: #ede9e9;border-radius: 100px;padding: 4px;}*/

.go-to-top {bottom: 150px;}

ul.la-page-link-list{list-style-type:none;display:flex;justify-content:space-between;font-size:12px;padding:0;}
ul.la-page-link-list li {padding:0 4px;}

.related-entry-card-title, .entry-card-title {margin: 0 0 10px 0;font-weight: 500;}

.entry-card-wrap{padding-left: 0;padding-right: 0;border-bottom: 1px solid var(--la--border-gray-color);margin-bottom: 2%;}

.e-card-info{justify-content: start;}
.e-card-info .post-date span.fa-clock{display: none;}
.entry-card-info > * {font-size: 12px; font-weight: 300; padding: 0;}
.entry-date{margin: 0}
.no-thumbnail .e-card-meta .e-card-categorys {display: none;}

.date-tags {line-height: 1;text-align: left;margin-bottom: 60px;padding-bottom: 30px;border-bottom: 1px solid var(--la--border-gray-color);}
.post-date, .post-update, .post-author, .amp-back, .entry-category {font-size: 13px; font-weight: 300;}
span.fa-clock{display: none;}
.entry-categories-tags { display: none;}
.post .entry-content {max-width: 640px;margin: 0 auto;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){



    .header-container { display: none !important; }

    .logo-menu-button img { margin-left: 20px; padding: 6px 0;}

    .mobile-menu-buttons .menu-caption{ display:none; }
    .mobile-menu-buttons .menu-icon{    position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
    .navi-menu-content{
    left: auto;
    right: 0;
    background-color: #F5F1EF;
    transform: translateX(101%);}
    }

    .menu-content .menu-drawer {
    padding: 0 2em 30px;
    font-family: var(--la--font-min);
    font-size: 13px;
    line-height: 2; 
    letter-spacing: .1em;
    }

    .menu-close-button {
    text-align: right;
    font-size: 1.8em;
    padding-right: 12px;
    }

    .menu-drawer li.menu-sp-s {
    width: 100%;
    padding: 8px 6px;
    display: flex;
    justify-content: flex-start;
    }

    .menu-drawer li.menu-sp-s:before {
      font-size:18px;
      transform: translateY(3px);
      display: inline-block;
      }

      .mobile-menu-buttons .menu-button{
        align-items: start;
      justify-content: left;
      }

      


/*834px以下*/
@media screen and (max-width: 834px){

    h1.cont-title-top {font-size: 32px; line-height: 160%;}
    .cont-title-top span{margin-top:16px;font-size: 14px;}
    .article h2.cont-title-s{ font-size: 28px; line-height: 130%;}
    .footer-widgets {display: block;}
    .Bnr{position: relative;margin: 0 auto;}
    .Bnr .Bnr__img{bottom: 0;right: 0;}
    .Bnr__img__inner{width: 100vw; display: flex; padding: 0; justify-content: space-around;}
    .floating-banner-inner{ flex-grow: 1; margin-bottom: 0; width: 50vw;}
    .floating-banner-inner a{ padding: 14px 10px 13px 10px;}
    .floating-banner-inner:first-child{ border-right: 1px solid #fff;}
    .go-to-top {bottom: 54px;}
}


/*781px以下*/
@media screen and (max-width: 781px){

    .only_pc { display: none !important; }
    .only_sp { display: block !important; }

    .textcenter-only_pc{text-align: left !important;}
    .textcenter-only_sp{text-align: center !important;}

    .img-sp-80{width: 80%; margin:0 auto !important;}
    .img-sp-70{width: 70%; margin:0 auto !important;}
    .btn-more-wrap-left-sp{text-align: center;display: flex;justify-content: center;}
}
    

/*480px以下*/
@media screen and (max-width: 480px){

    h1.cont-title-top {font-size: 28px;}
    .p32-pc{padding:0;}
    .p16-pc{padding:0;}

    .navi-footer-in > .menu-footer li.menu-item{ width: auto;flex-wrap: wrap;}

    .mv-img-wrap{height: 58vh;min-height: 58vh;}
    .full-contents-img img {max-height: 200px;object-fit: cover;}

    .plr16{padding-left: 16px !important; padding-right: 16px !important;}

    .entry-title, .archive-title { padding: 42px 0 0; font-size: 50px;}

    .post .entry-title, .post .archive-title { font-size: 26px; margin: 30px 0 40px 0; font-family: var(--la--font-en);}
    .article h2.cont-title {font-size: 34px;font-weight: 500 !important;margin: 20px 0 22px 0;}
    .article h2.cont-title-s{ font-size: 28px; }

    .footer-logo-img img{width: 140px;}
    .footer{padding: 8px 8px 50px;}

}


/* Google Material Symbols */

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 100,
  'GRAD' 0,
  'opsz' 24
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
content:"\e5d2";
font-family:"Material Symbols Outlined";
font-variation-settings:'wght' 100;
font-size: 28px;
vertical-align: middle;
}

.fa-times:before {
content:"\e5cd";
font-family:"Material Symbols Outlined";
font-variation-settings:'wght' 100;
vertical-align: middle;
}

.fa-chevron-down:before {
content:"\e5cf";
font-family:"Material Symbols Outlined";
font-variation-settings:'wght' 300;
vertical-align: middle;
}

.fa-angle-down:before {
content:"\e5cf";
font-family:"Material Symbols Outlined";
font-variation-settings:'wght' 300;
vertical-align: middle;
}

.fa-external-link-alt:before {
content:"\f8ce";
font-family:"Material Symbols Outlined";
font-variation-settings:'wght' 300;
vertical-align: middle;
}

.fa-arrow-right:before {
content:"\e5cc";
font-family:"Material Symbols Outlined";
font-variation-settings:'wght' 300;
vertical-align: middle;
}


@keyframes animationZoom {
  100% {
    transform:scale(1.1)
  } 
}

/*フェードイン前*/
.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(60px);
    transition: opacity 1.2s,visibility 1.2s, transform 1.2s;
}

/*フェードイン後*/
.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}