@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

.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;}

body{letter-spacing: .12em;}

a{transition:0.1s;}
a:hover{opacity: 0.7;}

.font-min{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.font-en {font-family: 'Josefin Sans';}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}

.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}

.lh14{line-height: 1.4}
.lh16{line-height: 1.6}
.lh2{line-height: 2}
.lh22{line-height: 2.2}
.lh24{line-height: 2.4}

.ls14{letter-spacing: .14em;}
.ls18{letter-spacing: .18em;}

.sp-img-s{width: 320px;}
.sp-img-m{width: 400px;}

ol, ul {padding: 0;padding-left: 1em;}

.widget-entry-card-date {display: block;}

.color-primary{color: #0083b8;}
.color-background-light{background-color: #FCF9F7;}
.color-background-light-2{background-color: #f5f9fb;}

.font-ls-05{letter-spacing: .05em;}
.font-ls-1{letter-spacing: .1em;}

.txt-center {text-align: center;}
.txt-center_only_pc {text-align: center;}
.pc_br { display: block !important; }
.sp_br { display: none !important; }
.only_sp { display: none !important; }

.header-container-in.hlt-top-menu .logo-header img {width: 170px;}
.header-container-in.hlt-top-menu{padding: 10px 0;}
.navi-in > ul{justify-content: right; padding-right: 10px;}
.navi-in > ul li{width: auto;height: 54px;line-height: 54px;}
.navi-in a{width: auto;padding: 0px 12px;margin: 0 10px;font-size: 13px;}
.navi-in a:hover{opacity: 1!important; background-color:#ffffff; color:#0083b8;}


.navi-in > ul li.reservelink{margin-left: 12px;}
.navi-in > ul li.reservelink a {color: #ffffff; border-radius: 4px;background: #0083b8;padding: 0 40px!important;font-size: 15px;font-weight: 600;margin: 0!important;}
.navi-in > ul li.reservelink a:hover{background-color : #1599cf!important; opacity: 1!important;}

p.top-main-text-title{font-size: 22px;line-height: 1.6em; letter-spacing: .16em; margin-bottom: 1.2em;}
p.top-main-text{font-size: 15px;line-height: 2em; letter-spacing: .14em; margin-bottom: 1em;}

.wp-block-media-text .wp-block-media-text__content {padding: 6px 0 0 0;}
.ntr-button-01 a{border-radius: 999px;background-color: #0083b8; color: #ffffff; font-weight: 500; padding: 16px 60px; font-size: 14px; }
.ntr-button-01 a:hover{background-color : #1599cf; opacity: 1;}

.appeal-content{background-color: rgba(255, 255, 255, 0);}

h2.top-title-h2{display: block;font-size: 40px;color: #D3A671;text-align: center;font-family: Josefin Sans;font-weight: 300;letter-spacing: .06em;background-color: #ffffff00;line-height: 1.2em;padding: 1.4em 0 0.6em;margin-bottom: 0;}
h2.top-title-h2 span{display: block;font-size: 13px;color: #056BBF;text-align: center;font-weight: 400;letter-spacing: .08em;line-height: 1.4em;}

.top-news-area{ margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);width: auto;padding: 10px 0 60px;}
.top-news-area .new-entry-cards{width: 800px; margin: 0 auto;}

.widget-entry-card{font-size: 15px;}
.widget-entry-cards .a-wrap {padding: 10px;line-height: 1.3;margin-bottom: 12px;border-bottom: 1px dotted #ccc;}
.a-wrap{color: #4d4d4d;}
.a-wrap:hover {  background-color: #FCF9F7; opacity: 0.7;  transition: all 0.3s ease-in-out;  color:#4d4d4d;}
.color-background-light-2 .a-wrap:hover {  background-color: #f5f9fb;}
.widget-entry-card-title{margin-bottom: 12px;}
.entry-card-thumb, .author-thumb, .blogcard-thumbnail, .related-entry-card-thumb, .popular-entry-card-thumb, .new-entry-card-thumb {margin-right: 3%;}
.entry-card-thumb img, .author-thumb img, .blogcard-thumbnail img, .related-entry-card-thumb img, .popular-entry-card-thumb img, .new-entry-card-thumb img {border: 1px solid #E7E7E7;}

.widget_recent_entries ul, .widget_categories ul, .widget_archive ul, .widget_pages ul, .widget_meta ul, .widget_rss ul, .widget_nav_menu ul, .widget_block ul{padding: 0 0 10px 0;}
.widget_recent_entries ul li, .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_meta ul li, .widget_rss ul li, .widget_nav_menu ul li, .widget_block ul li{margin-bottom: 32px; line-height: 1em;}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a {
    color: #4d4d4d;
    padding: 0;
    font-size: 14px;
}

.logo-tb-center{display: flex;justify-content: center;align-items: center;height: 100%;}
.logo-tb-center-inner{width: 300px;}

dl.shop-list dt{font-size: 14px; font-weight: 500; color:#056BBF; }
dl.shop-list dd{font-size: 14px; margin-left: 0; margin-bottom: 16px;  }

.snsLinkArea{width:100%;margin:0 auto;color:#ffffff;}
.snsLinkArea_ul{font-size: 32px;margin: auto;display: flex;justify-content: center;}
.snsLinkArea_li{display: block;padding: 0 30px;}

.footer-center .widget{margin-bottom:0;}
.footer-bottom.fnm-text-width .menu-footer li a {padding: 0 14px; font-size:13px;}
.navi-footer-in > .menu-footer li,
.navi-footer-in > .menu-footer li:last-child {border:none;}
.navi-footer-in a:hover {background-color: #1599cf;}

.copyright {margin-top: 20px; color: #def0ff; font-size: 11px;}


.appeal-content {animation-name: fade;animation-duration: 4s;filter: drop-shadow(2px 2px 15px rgba(255,255,255,0.6));}
@keyframes fade{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.appeal-content .mv-logo{width: 260px; margin-bottom: 0;}
.appeal-content .mv-text{font-size: 1em;font-weight: 500;color: #4d4d4d;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; letter-spacing: .3em;}





.page-link ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
    color: #0083b8;padding-left: 0;}
 .page-link ul li a{
    border: 1px solid;
    padding: 10px 17px 10px 20px;
    border-radius: 6px;
    margin: 4px;
    display: block;
    text-decoration: none;}
.page-link ul li a:hover{color: #0083b8; opacity: 0.7;}


  .page-link ul li a span{
    font-size: 0.8em;padding-left: 4px;}

.article .page-h2{background-color: #ffffff;border: none;border-bottom: 2px solid #0083b8;margin: 0 0 34px 0;padding: 0 0 16px 0;}


.ntr-text-kakomi {background-color: #FCF9F7;padding: 22px 28px;border: 2px solid #E7DDD6;border-radius: 10px;}
.ntr-text-kakomi h5{border:none;font-size: 16px;margin-bottom: 4px;padding: 0;}

.ntr-text-kakomi-2 {background-color: #ffffff;padding: 22px 28px;border: 2px solid #FFAEAE;border-radius: 10px;}
.ntr-text-kakomi-2 h5{border:none;font-size: 16px;margin-bottom: 10px;padding: 0; color: #EA5858;}

.ntr-text-kakomi-3 {background-color: #ffffff;padding: 22px 28px;border: 2px solid #66B9F4;border-radius: 10px;}
.ntr-text-kakomi-3 h5{border:none;font-size: 16px;margin-bottom: 10px;padding: 0; color: #056BBF;}


.ntr-text-kakomi p,
.ntr-text-kakomi-2 p,
.ntr-text-kakomi-3 p
{margin-bottom: 0;}

.ntr-text-kakomi ul,
.ntr-text-kakomi-2 ul,
.ntr-text-kakomi-3 ul{margin: 0;}

.ntr-text-kakomi ul li,
.ntr-text-kakomi-2 ul li,
.ntr-text-kakomi-3 ul li{text-indent: -1em;    padding-left: 1em;    list-style: none;    margin: 0 0 10px 0;    padding: 0;}

.ntr-text-kakomi ul li:last-child,
.ntr-text-kakomi-2 ul li:last-child,
.ntr-text-kakomi-3 ul li:last-child
{margin: 0;}

.ntr-text-kakomi dl,
.ntr-text-kakomi-2 dl,
.ntr-text-kakomi-3 dl
{margin: 0;}

.ntr-text-kakomi dt,
.ntr-text-kakomi-2 dt,
.ntr-text-kakomi-3 dt
{color: #555555;margin: 0; font-weight: 600;}

.ntr-text-kakomi dd,
.ntr-text-kakomi-2 dd,
.ntr-text-kakomi-3 dd
{color: #555555;margin: 0 0 8px 0;}

.ntr-text-kakomi dd:last-child,
.ntr-text-kakomi-2 dd:last-child,
.ntr-text-kakomi-3 dd:last-child
 {margin: 0;}


 .ntr-text-kakomi-menu{
     background-color: #FCF9F7;
    padding: 22px 28px;
    border: 1px solid #E7DDD6;
    border-radius: 10px;
 }

.ntr-text-kakomi-menu h3{
    font-size: 18px;
    margin: 0 0 14px 0;
    padding: 0 0 14px 0;
    color: #056BBF;
    border: none;
    border-bottom: 1px dotted #ccc;
  }

 .ntr-text-kakomi-menu .wp-block-media-text__media{margin-right:12px;}



.page .article-header{
    background-image:url(https://naturesalon-tokyo.com/wp-content/uploads/2023/11/img_eyecatch-1-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height:180px;
    overflow: hidden;
    position: relative;
    text-align:center;
    display: table;
    margin: 0 calc(50% - 50vw);
    margin-bottom:80px;
    width: 100vw;
    background-position: center;
}

.page .article-header h1{
    display: table-cell;
    vertical-align: middle;
    font-size:22px;
    font-weight:500;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.archive-title {
    font-size: 26px;
    margin: 0 0 1.5em 0;
    line-height: 1.3;
    font-weight: 500;
    padding-bottom: 16px;
    border-bottom: 2px solid #0083b8;
}

.archive-title span {display: none;}
.cat-label{display: none;}

.entry-card-meta, .related-entry-card-meta {
    position: relative;
    text-align: left;
}

.entry-card-snippet, .related-entry-card-snippet {
    line-height: 1.6;
    font-size: 14px;
}

.e-card-info {justify-content: flex-start;}

.e-card-info > span > span.far{display:none;}
.post-date .far{display:none;}
.post-update, .post-author{display:none;}
.date-tags{margin-bottom: 4em;}

.sidebar h2, .sidebar h3 {
    background-color: #fff;
    padding: 0 0 16px;
    border-radius: 0;
    font-size: 16px;
    border-bottom: 1px solid #d0e3f2;
    color: #0f7cd1;
    line-height: 1em;
    margin: 0 0 26px 0;
}


/*  カレンダー */
.month-event a{
    text-decoration: none !important;
        pointer-events: none !important;
}

/* フローティングバナー  */
.Bnr{
  position: relative;
  margin: 0 auto;
  width: 300px;
  display: none;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 80px;
  right: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  z-index: 88;
  border-radius: 8px;
}
.floating-banner-inner a{
    background: #1BBED6;
    color: #fff;
    padding: 14px 10px;
    line-height: 1.4em;
    border-radius: 4px;
    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: 300px;
  box-sizing:border-box;
  padding: 10px;
  background-color: #fafafa;
  border-radius: 8px;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:10px;
}
.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: 20px;
  z-index: 888;
  color: #4d4d4d;
}

/* 採用フォーム  */
.recruit-form  {font-size: 13px; color:#4d4d4d;font-weight:600;padding: 40px 60px;background: #f5f9fb;border-radius: 14px;}
.recruit-form span.caution {font-size: 12px; color:#EA5858;font-weight:500; margin-left: 4px;}
.recruit-form span.form-inner-birth{display: flex;font-weight: 500;}
.recruit-form span.form-inner-birth-year,
.recruit-form span.form-inner-birth-month,
.recruit-form span.form-inner-birth-day
{width:8em;display:flex;align-items: flex-end;margin-right: 10px;}

.recruit-form span.form-inner-birth-year .wpcf7-form-control-wrap,
.recruit-form span.form-inner-birth-month .wpcf7-form-control-wrap,
.recruit-form span.form-inner-birth-day .wpcf7-form-control-wrap{margin-right: 8px;}

.form-inner-submit input[type='submit'] {
    display: block;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    background: #0083b8;
    padding: 14px 30px!important;
    font-size: 15px;
    font-weight: 600;
    margin: auto !important;
    width: 300px;
}


.go-to-top-button{background-color: #fff;color: #4d4d4d;border-radius: 999px;border: 1px solid #dedede;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    .pc_br { display: none !important; }
    .sp_br { display: block !important; }



    .txt-center_only_pc {text-align: left;}

    .header-container{display: none;}

    .appeal-content .mv-logo{width: 180px; margin-bottom: 0;}

    .search-menu-button{display: none;}

    .mobile-header-menu-buttons {align-items: center;flex-direction: row-reverse;justify-content: space-between;}
    .logo-menu-button img {width: 120px;margin: 0 0 0 12px;}

    .menu-drawer li {padding: 20px 0;}
    .menu-content {max-width: 100%;}
    .menu-close-button {text-align: right;font-size: 1.4em;padding-right: 14px;}

    .menu-drawer a{color: #4d4d4d; text-align: center}

    .navi-in a{padding: 0;}

    .reservelink a {color: #ffffff; border-radius: 4px;background: #0083b8;padding: 20px 0!important;font-size: 15px;font-weight: 600;margin: 0!important;}

    p.top-main-text-title{font-size: 20px;line-height: 1.6em; letter-spacing: .14em; margin-bottom: 1.2em;}

    .top-news-area .new-entry-cards {width: 95%;}
}

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

    .sp_none{display: none;}

    .sp-img-s{width: 160px;}
    .sp-img-m{width: 200px;}
    .sp-center{text-align: center;}

    .footer-widgets {display: block;}


}

/*480px以下*/
@media screen and (max-width: 480px){
    .only_pc { display: none !important; }
    .only_sp { display: block !important; }
    .navi-footer-in > .menu-footer li.menu-item {width: 100%;}
    .footer-bottom.fnm-text-width .menu-footer li a {padding: 8px 14px;}
    .snsLinkArea_ul {padding: 0;}
    .menu-content {max-width: 100%;}
    .Bnr{position: relative;margin: 0 auto;width: 100vw;}
    .Bnr .Bnr__img{bottom: 0;right: 0;border-radius: 0;}
    .Bnr__img__inner{width: 100vw;border-radius: 0;}
    .floating-banner-inner a{padding: 10px 10px;}
    .recruit-form{padding: 40px 20px;}
    .form-inner-submit input[type='submit']{width: 100%;}
     .ntr-text-kakomi-menu .wp-block-media-text__media{margin-right:0;}
}


.appeal {
  /* 画像を常に左右の中央に配置 */
  background-position: center;
}
@media screen and (max-width: 480px) {
  .appeal .appeal-in {
      min-height: 600px;
  }
}