@charset "utf-8";
/*
Theme Name:Cherie Child
Template: cherie
*/

body{
    font-family: "Josefin Sans", sans-serif!important;
    letter-spacing: 0.05rem;
    background: #fcfbfa;
    color: #71605c;
    line-height: 2;
}

#header_logo a{ padding: 0 40px;}
@media screen and (max-width:650px) {#header_logo a { padding:0 10px!important; }}
#header_slider_catch_area .logo { margin:0 0 10px -100px; }
/*@media screen and (max-width:800px) {#header_slider_catch_area .logo { margin: 0px 0 -30px -10px; }}*/
#header_button_list a {
    height: 40px;
    line-height: 40px;
}
#site_desc h2 span{
    font-size: 0.9rem;
    font-weight: bold;
}
#header_slider_catch_area .catch{
    letter-spacing: 0!important;
}
@media screen and (min-width:801px) {
#header_slider_catch_area{
    height: 700px;
}
}
.rich_font{color: #7f706c!important;}
.design_content .main_content .desc{ line-height: 2!important;}
.design_content .headline, .cb_headline, .design_button2{
    letter-spacing: 0.2rem;
}
.design_button2{
    letter-spacing: 0.1rem;
}
.design_content .main_content .catch, .post_content .faq_list .headline, .design_profile .headline, .design_profile .name, .widget_headline, #access_map h3, .lp_content .headline, .lesson_content .headline, .lesson_content .list_type2.pc tr:nth-child(1), .lesson_content .list_type2.mobile td:nth-child(1), #archive_recommend_post_slider .new_icon, #author_sns.color_type1 li a:before, #author_headline, .toc_widget_wrap.styled .toc_title, #dropdown_menu > ul > li.active > a, #tcd_toc_modal_content .toc_title, #archive_news .headline, #single_post_header .category a, #archive_pickup_post_slider .category, #archive_gallery .gallery_list .headline, #archive_recommend_post_slider .category, .blog_list .category, #blog_category_sort .item a, #archive_blog .headline, .voice_list .catch, #single_voice_header .catch, #single_voice_main_content .voice_faq_list h2, .drawer_menu_button .label, #drawer_menu_button .label, #header_button_list, #footer_sns.color_type1 a:before, #bread_crumb, #bread_crumb li.last, #related_post .headline, #comments .headline, .faq_list .title.active, #simple_page_header .catch{color:#8da2c3!important;}
.design_button2, a.design_button2{color:#9aaecd!important;}
/*#news_ticker a, #cb_voice a{ color: #4c3e3b!important;}*/
.voice_list .catch{color: #7a8eaf !important;}
#news_ticker .title{line-height: 16px;}
#side_col_inner{ background: #f5f3f1!important;}
.widget_tab_post_list_button div{background: #ebeef3!important;}
.widget_tab_post_list_button div:hover{ 
    color: #000000;
    background:#d9e0eb !important ;
}
#blog_category_sort .item.active_category a{ color: #FFFFFF!important;}
.mark1{
    font-style: normal;
    background: #f5f1ee;
    color: #413937;
}

/*-gallery--*/
@media screen and (min-width:1222px) {
.gallery_carousel {
  width:1000px;
  max-width:1000px;
  height:auto;
}
.gallery_carousel .item {
  width:300px; 
  height:300px;
}
.gallery_carousel .image_wrap {
  width:320px;
  height:300px;
}
}
#archive_gallery .gallery_list{background: #f8f6f4!important;}
/*--voice--*/
@media screen and (min-width:1222px) {
.voice_carousel { width: 1000px !important;}
.voice_carousel:after {
  width: 1000px !important;
}
.voice_carousel .item {
  width: 50% !important;
}
.voice_carousel .item .inner_item {
  width: 100% !important;
}
}
.voice_carousel .item.odd .inner_item {border-left: 3px solid #fcfbfa; border-right: 3px solid #fcfbfa;}
.voice_carousel .catch{
    font-size: 0.9rem!important;
    color: #7c655d;
}
.voice_carousel .desc{line-height: 1!important;}
.voice_carousel .desc span{
    font-size: 0.8rem!important;
    font-weight: normal;
    color: #71635e;
}
.voice_carousel:after, .voice_list .item{ background: #f7f4f2 !important;}
.voice_list .desc{ color: #71605c;}
.blog_list .title{font-size: 1rem!important;}
/*--drawer--*/
#drawer_menu {display: block !important;}
#drawer_menu_mobile{ display: none;}
#global_menu .title{font-size: 1rem;}
#global_menu .sub_title{font-size: 0.8rem; letter-spacing: 0.1rem; line-height: 1rem;}
@media (max-width: 768px) {
  #global_menu {
    max-height: 70vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1221px) {
#global_menu .title{font-size: 0.9rem;}
#global_menu .sub_title{font-size: 0.7rem;}
#drawer_menu {width: 90%; right: 0;left:auto !important;}
#drawer_menu .logo img{margin-top: 30px;margin-bottom: 60px;}
#global_menu ul {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0; padding: 0;}
#global_menu ul li { width: 50%; margin-bottom: 20px; display: flex; justify-content: center;}
#global_menu ul li a { height: auto; flex-wrap: nowrap; padding: 10px; text-align: center; display: flex; flex-direction: column; align-items: center; }
#global_menu .image_wrap { width: 80px; height: 80px; margin-bottom: 10px; }
#global_menu .content { padding: 0; text-align: center; width: 100%; }
#global_menu .title {line-height: 1.2;}
#global_menu .sub_title {margin-top: 5px;}
#drawer_menu {padding: 40px 20px;}
#drawer_menu_content {padding: 20px 0;}
}
/*--footer--*/
#footer_banner_wrap {background:#EAE6E2;}
#footer_banner:after {background: none; }
.footer_menu a{color: #85736f;}
.p-footer-bar--type2 {
    background: rgb(229 222 216 / 80%) !important;
    color: #91807d !important;
}
.footer_menu li {font-size: 0.9rem;letter-spacing: 0.2rem;}
.f-text--contact::before{content: "＼";}
.f-text--contact::after{content: "／";}
.footer-text1{font-size: 0.8rem;letter-spacing: 0.2rem;}
#footer_address .button{
    border: 1px solid;
    padding: 0.1rem 4rem;
    margin-top: 0.5rem;
    display: inline-block;
    font-size: 0.9rem;
    letter-spacing: 0.3rem;
}
#footer_address .button span::after{content: ">";}
#footer_address .button:hover{
   text-decoration: none;
　background: #fcfdff;
}
#copyright{margin-top: 1rem;}


.point-h3{font-size: 1rem !important;font-weight: 500 !important;line-height: 2.2!important;}
.table1 table, .table1 td{ 
    border: 0 !important;
    border-bottom: 1px solid #e4e9f1 !important;
    font-weight: normal;
}
.table1 tr{ border-bottom: 1px;}

@media (max-width: 999px) {
    .table1 table{ width: 100%; text-align: center;}
    .table1 td{
    display: block;
    word-wrap: break-word;
    white-space: normal;
    }
    .table1 table tr td{
    padding: 10px;
}
    .table1 table tr td:first-child {
    background: #9fb2d1;
    color: #FFF;
    padding: 4px;
} 
}

.design_profile{
    background-color: #FFF;
    background-image: linear-gradient(124deg, rgb(164 177 207 / 4%), #edf0f7);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f8f7f6 !important;
}
/*.wpulike-notification .wpulike-message.wpulike-success {
display:none;
}
.wpulike-notification .wpulike-message{
display:none;
}*/
.no-border, .no-border table, .no-border tr, .no-border td{ border: 0px!important;}
table td{ line-height: 1.4!important;}
/*--page--*/
/* グループブロック全体を100vwに広げる */
.wp-block-group.fullwidth {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}
.fullwidth .wp-block-group__inner-container {
    max-width: 1000px; 
    margin: 0 auto;
    padding: 0 16px;
}
/* 横スクロールをスマホのみ有効にする */
@media (max-width: 768px) {
    .scrollable {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 16px;
        padding-bottom: 8px;
    }

    .scrollable .wp-block-column {
        flex: 0 0 auto;
        min-width: 200px;
    }
}
@media (min-width: 769px) {
    .scrollable {
        display: flex;
        flex-wrap: wrap;
        overflow-x: visible;
        gap: 16px;
    }

    .scrollable .wp-block-column {
        flex: 1 1 0;
    }
}

/* --swiper thumnail-- */
.slide-thumnail .swiper {
  max-width: 680px;
  width: 100%;
}
.slide-thumnail .swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-button-prev, .swiper-button-next {
  color: #FFF!important;
  background: #cec7c5;
  width: 20px!important;
  height: 60px!important;
  border-radius: 50px;
}
.swiper-button-prev::after, .swiper-button-next::after {
  font-size: 1rem!important;
}
.slide-thumnail .thumbnail-slider .swiper-slide {
  width: calc((100% / 4.5) - 2px)!important;
  flex-shrink: 0;
  margin-right: 0;
}
.slide-thumnail .main-slider .swiper-slide {
  width: 100%;
}
.ark-block-step.is-style-default .ark-block-step__number{ background-color:#a6b6cf !important; }
.arkb-tabList__button[aria-selected=true] {
    border-bottom-color: #a6b6cf !important;
}
[class*=is-style-ark-list-icon]>li:before {
    background-color: #b3a8a6!important;}
.post-type-archive-voice .design_content .image_bottom img {
    box-shadow: 0 0 0 0px #fff;
}
/*--voice-page--*/
#single_voice_main_content {
    width: 1100px;}
#single_voice_main_content .post_content{background: #FFF!important;}
#single_voice_main_content .post_content h3{font-size: 1rem; font-weight: 400;color: #b3a8a6;}
#single_voice_main_content .post_content h3::before{content: "♥"; margin-right: 5px; font-size: 1rem;}
.voice_list .title{ white-space: nowrap;}
.VoiceMoreBtn{
    text-align: right;
    letter-spacing: 0.1rem;
    color: #a38781;
}
/*--voice-arcive--*/
#archive_recommend_post_slider .image_wrap{ border: 1px solid #dddddd!important;border-radius: 10px 10px 0px 0px;}

/*--page|post--*/
#page_only_headline{
    text-align: center;
    padding: 80px 0 20px;
    margin: 0 0 4rem;
}
#page_only_headline h1{font-size: 1.8rem !important;font-family: "Josefin Sans", sans-serif !important;}
#page_only_headline h1::after{
       content: "";
    background: url(/wp-content/themes/cherie_child/img/title1.png) no-repeat top center;
    display: block;
    height: 20px;
    background-size: 280px;
    margin-top: 5px;
}
.date { color: #958885 !important; font-weight: 400;font-size: 0.8rem!important;letter-spacing: 0.1rem;}
.date::before{content: "Date";}

.single_copy_title_url_btn{color: #71605c!important;border-color:#dbd3cf!important;}
.single_share .share-type2 a:before, .single_share .share-type4 a:before {
    color: #c4b6b3 !important;
}
.single_share .share-type2 a, .single_share .share-type4 a {
    background: none!important;
    color: #3f3533!important;
    border: 0!important;
}
.single_share .share-type2 a:hover, .single_share .share-type4 a:hover {
    background: #f5f4f3 !important;
}
ul.li-style1 {
  list-style: none;
  padding-left: 1.5em;
}

ul.li-style1 {
  list-style: none;
  padding-left: 1.5em;
}

ul.li-style1 li {
  position: relative;
  padding-left: 1.2em;
}

ul.li-style1 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><text x='0' y='12' font-size='12' fill='black'>&gt;</text></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}
.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after{filter:  brightness(0) saturate(100%) invert(95%) sepia(14%) saturate(555%) hue-rotate(301deg) brightness(86%) contrast(75%)!important;}

.terms-check .smf-label{
    padding: 1rem 2rem;
    max-width: 380px;
    margin: auto;
    /* border: 1px solid #ccc; */
    text-align: center;
    background: #f5f3f1;
 }
.Table-border0 table{ border: 0!important;}
.post_content table{border: 0!important;}
.post_content th {
    background: #fcfbfa!important;
}
.ptermLink{
    font-size: 0.7rem;
    margin-top: 2rem;
    display: block;
}
/*--Utilities--*/
@media (max-width:768px) {
  .pc {
    display: none !important;
  }
  .pcbr br {
    display: none !important;
  }
  .sp-gap0 {
    gap: 0 !important;
  }
}
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
  .spbr br {
    display: none !important;
  }
}
.font-F-J{font-family: "Josefin Sans", sans-serif !important;}
.font-color1{color: #b3a8a6!important;}
.bg-color1{}
 mark {font-style: normal;}
.font-xxs{ font-size: 0.75rem !important;}
.font-xs{ font-size: 0.8rem !important;}
.font-s{ font-size: 0.9rem !important;}
.font-n{ font-size: 1rem !important;}
.font-m{ font-size: 1.1rem !important;}
.font-l{ font-size: 1.25rem !important;}
.font-xl{ font-size: 1.5rem !important;}
.font-xxl{ font-size: 2rem !important;}
.font-xxxl{ font-size: 2.5rem !important;}
.font-w-n{ font-weight: normal!important;}
.lh12{ line-height: 1.2!important;}
.lh16{ line-height: 1.6!important;}
.letter-s-xs{letter-spacing: 0.2rem;}
.ul-m0{ margin-left: 0!important;}
.list-style-no li{list-style: none;}
.width1000{ max-width: 1000px!important; margin-left: auto; margin-right: auto; }
.border-r-xs{border-radius: 5px;}
.border-r-s{border-radius: 8px;}
.hover-text-border a:hover{text-decoration: none!important;}
.text-c{text-align: center;}
/*--margin-bottom--*/
.u-mb-0 {margin-bottom: 0 !important;}
.u-mb-5 {margin-bottom: .5rem !important;}
.u-mb-10 {margin-bottom: 1rem !important;}
.u-mb-15 {margin-bottom: 1.5rem !important;}
.u-mb-20 {margin-bottom: 2rem !important;}
.u-mb-25 {margin-bottom: 2.5rem !important;}
.u-mb-30 {margin-bottom: 3rem !important;}
.u-mb-40 {margin-bottom: 4rem !important;}
.u-mb-50 {margin-bottom: 5rem !important;}
.u-mb-60 {margin-bottom: 6rem !important;}
.u-mb-80 {margin-bottom: 8rem !important;}
.u-mt-0 {margin-top: 0 !important;}
.u-mt-5 {margin-top: .5rem !important;}
.u-mt-10 {margin-top: 1rem !important;}
.u-mt-15 {margin-top: 1.5rem !important;}
.u-mt-20 {margin-top: 2rem !important;}
.u-mt-25 {margin-top: 2.5rem !important;}
.u-mt-30 {margin-top: 3rem !important;}
.u-mt-40 {margin-top: 4rem !important;}
.u-mt-50 {margin-top: 5rem !important;}
.u-mt-60 {margin-top: 6rem !important;}
.u-mt-80 {margin-top: 8rem !important;}