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

/************************************
** 子テーマ用のスタイルを書く
************************************/
@font-face {
  font-family: "Noto Sans JP";
  font-display: swap;
  src:
  url("./fonts/NotoSansJP-Medium.woff2")format("woff2"),
  url("./fonts/NotoSansJP-Medium.woff")format("woff"),
  url("./fonts/NotoSansJP-Medium.eot")format("eot"),
  url("./fonts/NotoSansJP-Medium.ttf")format("truetype")
  ;
}
@font-face {
  font-family: "Josefin Sans";
  font-display: swap;
  src:
  url("./fonts/JosefinSans-Medium.woff2")format("woff2"),
  url("./fonts/JosefinSans-Medium.woff")format("woff"),
  url("./fonts/JosefinSans-Medium.eot")format("eot"),
  url("./fonts/JosefinSans-Medium.ttf")format("truetype")
  ;
}

.editor-styles-wrapper figure.wp-block-table table th, .editor-styles-wrapper figure.wp-block-table table td{border: 1px solid #000 !important;}

/*必要ならばここにコードを書く*/
ol, ul{padding-left: 0;}
.wrap{max-width: 1080px;width: 100%;}
.eye-catch-caption{display: none;}
.widget_nav_menu ul li a{padding: initial;}
.body{background: #fff;}
.body .widget,.body .new-entry-cards{margin-bottom: initial;}
.entry-content{margin: initial;}
figure.wp-block-table table{width: 100%;table-layout: fixed;}
figure.wp-block-table table th,figure.wp-block-table table td{border: 1px solid #52c6cc;padding: 10px;}
table tr:nth-of-type(2n+1){background: initial;}
figure.wp-block-table table th{background: #d2eded;font-weight: normal;}

.main{max-width: 700px;padding-top: 0;padding-right: 18px;padding-left: 18px;}
.sidebar{width: 300px;padding: 0;}
.sidebar h2, .sidebar h3{margin: 0;padding: 0;background-color: initial;}
.a-wrap:hover{background-color: rgba(165, 219, 220, 0.14);}
.go-to-top-button{background-color: #52c6cd;color: #fff;}

.content{margin-top: 34px;}

.article ul li, .article ol li{list-style: none;position: relative;}
.article dt{font-weight: bold;}
.article dd{margin-left: initial;}

.breadcrumb,.date-tags{display: block;}

.frame,.on_frame{border: 1px solid #52c6cc;padding: 20px;}
.sp{display: none;}

ol{counter-reset: count 0;}
ol li{padding-left: 30px;position: relative;}
ol li::after{content: counter(count) ".";counter-increment: count 1;font-size: 17px;color: #52c6cc;position: absolute;
  top: 0;left: 0;}
  .toc-content ol li ol li{padding-left: 0;}
  .toc-content ol li ol li::after{content: none;padding-left: 0;}

.article .column_name h2{color: #333;border-bottom: 2px solid #52c6cc;
    padding: 15px;border-top: 2px solid #52c6cc;
}
.article .column_name h2 span{display: block;font-size: 70%;font-weight: normal;color: #333;
  margin-top: 10px;line-height: 1.6;
}

/**/
.entry-card-wrap .entry-card.type-news figure.entry-card-thumb,.entry-card-wrap .entry-card.type-news .entry-card-categories-ex{display: none;}
.entry-card-wrap .entry-card.type-news .entry-card-content{margin-left: 0;}

/**/
.header-container-in{height: 124px;}
.header-container-in.hlt-top-menu .header{width: 200px;}
.header-in{position: relative;}
.header-container-in .header{display: flex;justify-content: center;align-items: center;position: relative;height: 88px;}
.logo.logo-header{justify-content: center;}
.logo.logo-header a{display: block;height: 40px;z-index: 1;}
.logo.logo-header a span{display: block;background: url(../cocoon-child-master/img/logo.svg) no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;width: 180px;
}
.header-container-in.hlt-top-menu .tagline{display: block;padding: 8px 0 8px 5px;line-height: 1;bottom: 25px;left: 50%;font-family: "NotoSansCJKjp-Regular", sans-serif;font-size: 0.8125rem;text-align: center;margin: 0;}
.header-container-in.hlt-top-menu .tagline span{color: #52c6cc;}
.header-container-in.hlt-top-menu .by_img{text-align: center;line-height: 1;}
.header-container-in.hlt-top-menu .by_img img{margin-left: -8px;}

.add-header-contents .search-box {width: 270px;margin: initial;}
.header-container-in .navi-in > ul{justify-content: flex-end;padding-right: 55px;}
.header-container-in .navi-in > ul li{height: 30px;line-height: 30px;max-width: 120px;width: initial;}
.header-container-in .navi-in > ul li a{padding: 0 20px;font-size: 18px;}
.header-container-in .navi-in > ul li a:hover{background-color: rgba(165, 219, 220, 0.14);}

.search-edit,input[type="text"]{border: 1px solid #52c6cd;padding: 5px 0px 5px 10px;font-size: 16px;outline: none;}
.search-submit{background-color: #52c6cd;width: 50px;border-radius: 4px 0px 0px 4px;
  position: absolute;right: 0;top: 0;font-size: 22px;cursor: pointer;border: none;
  color: #fff;padding: 5px 0;transform: scale(-1, 1);
}

/**/
.widget-entry-cards.ranking-visible .card-thumb::before{background-color: #52c6cd !important;border-radius: 50%;
  width: 20px;height: 20px;font-size: 12px;padding: 0;top: -6px;left: -6px;
}
.widget-entry-cards figure{width: 80px;height: 80px; border: 1px solid #dadada;
  display: flex;justify-content: center;align-items: center;margin: 0;
}
.widget-entry-cards figure img{width: 100%;height: 100%;object-fit: cover;}
.widget-entry-card-content {margin-left: 106px;display: flex;align-items: center;height: 80px;font-size: 15px;}

.sidebar .widget_tag_cloud{margin-bottom: 70px;}
.tagcloud{margin: 0 -6px;}
.tagcloud a,a.cat-link{display: inline;border-radius: 10px;
  background: #edf2f5;border: 1px solid #edf2f5;   
  color: #475d69;padding: 0 10px;text-decoration: none;
  font-size: 12px;margin: 2px 6px;line-height: 20px;flex: initial;
}
.tagcloud a .tag-caption::before,a.cat-link::before{content: "#";padding-right: 3px;}
.tag-caption span,a.cat-link span{display: none;}
.tagcloud a:hover,a.cat-link:hover{background: #475d69;border: 1px solid #475d69;color: #fff;transition: 0.5s;}

.widget_categories ul li a .post-count{display: inline-block;float: none;}
.widget_categories ul li a .post-count::before{content: "(";}
.widget_categories ul li a .post-count::after{content: ")";}
.widget_categories ul li{font-size: 16px;}

/**/
.footer-in{position: relative;}
.footer-widgets, .footer-widgets-mobile{display: block;margin: initial;}
.footer-left, .footer-center, .footer-right{width: 100%;}
.footer{width: 100%;background: linear-gradient(to bottom, #3d3d3d, #2d3238);
  padding: 40px 0;margin-top: 0;z-index: -2;color: #fff;
}
.footer-in{width: calc(100% - 40px);max-width: 1080px;margin: auto;}
.footer .widget_nav_menu ul li a{color: #fff;}

.footer-left, .footer-center, .footer-right, .footer-mobile, .footer-bottom{padding: 0;}

.footer-left ul{display: flex;margin: 0 -20px;}
.footer-left ul li{width: 100%;padding: 0 20px;}
.footer-left ul li a{border: 1px solid #fff;position: relative;overflow: hidden;z-index: 1;
  width: 100%;height: 64px;line-height: 64px;font-family: "NotoSansCJKjp-Regular", sans-serif;
  font-size: 0.875rem;text-align: center;color: #ffffff;
}
.footer-left ul li a::before {content: "";position: absolute;top: calc(50% - 3px);right: 20px;
  background: url(../cocoon-child-master/img/link-arrow_w.svg) no-repeat;
  background-size: 16px 6px;width: 16px;height: 6px;
}
.footer-left ul li a:hover::before {content: "";position: absolute;top: calc(50% - 3px);right: 20px;
  background: url(../cocoon-child-master/img/link-arrow_b.svg) no-repeat;
  background-size: 16px 6px;width: 16px;height: 6px;
}
.footer-left ul li a:hover{color: #666666;filter: alpha(opacity=100);opacity: 1;}
.footer-left ul li a::after{content: "";z-index: -1;position: absolute;
  width: 100%;height: 100%;top: 0;left: -100%;background-color: #fff;transition: all 0.3s ease-in-out;
}
.footer-left ul li a:hover::after{left: 0;}

.footer-center,.footer-right{display: flex;margin-top: 40px;}
.footer-center aside{width: 50%;}
.footer-center .footer-inner-middle-logo{font-size: 0;}
.footer-center .footer-inner-middle-logo a{width: 218px;display: block;}
.footer-center .footer-inner-middle-logo img{width: 100%;margin: auto;max-width: 162px;}
.footer-center .footer-inner-middle-logo span{margin-top: 10px;width: 100%;text-align: center;
  font-family: 'Noto Sans JP', sans-serif;font-size: 0.8125rem;color: #ffffff;
}
.footer-center .footer-inner-middle-logo span.by_img{margin-top: 10px;width: 100%;text-align: center;font-size: 0;}
.footer-center .footer-inner-middle-logo span.by_img img{width: auto;}

.footer-center .widget_nav_menu ul{max-width: 340px;margin: auto;display: grid;
  grid-template-rows: auto auto auto;grid-template-columns: auto auto;
}
.footer-center .widget_nav_menu ul li a{font-family: 'Noto Sans JP', sans-serif;
  font-size: 0.875rem;padding-left: 20px;position: relative;margin-right: 30px;margin-top: 25px;
}
.footer-center .widget_nav_menu ul li:nth-child(1) a,.footer-center .widget_nav_menu ul li:nth-child(2) a{
  margin-top: 0;
}
.footer-center .widget_nav_menu ul li:nth-child(even) a{
  margin-right: 0;
}
.footer-center .widget_nav_menu ul li a::before {
  content: "";width: 10px;height: 1px;background-color: #ffffff;position: absolute;left: 0;top: 50%;
}
.footer-center .footer-inner-middle-logo a:hover,.footer-center .widget_nav_menu ul li a:hover{background-color: transparent;opacity: .8;}

.footer-right{justify-content: flex-end;}
.footer-right .widget-footer-right{width: 50%;}
.footer-right h3{display: none;}
.footer-right .bn a{border: 1px solid #fff;position: relative;overflow: hidden;z-index: 1;
  display: flex;justify-content: center;align-items: center;
  width: 100%;height: 80px;max-width: 340px;font-size: 0;margin: auto;
}

.footer-right p.bn a img{max-width: 180px;}
.footer-bottom-logo,.navi-footer{display: none;}
.footer-bottom{position: absolute;left: 0;bottom: 0px;font-size: 12px;margin: 0;}

.footer-inner-middle-logo{text-align: center;}
.footer-inner-middle-logo a{text-decoration: none;color: #fff;}
.footer-inner-middle-logo a span{display: block;text-align: center;}

.home header.article-header,.home footer.article-footer{display: none;}
.pagination .current{background-color: rgba(165, 219, 220, 0.14);}

/**/
.entry-title,.archive-title,h2.come_title,.widget-content-bottom h2,.sidebar h3{border-bottom: 2px solid #999;color: #949494;
  font-size: 14px;font-weight: normal;line-height: 35px;
}
.archive-title::before,h2.come_title::before,.widget-content-bottom h2::before,.sidebar h3::before{font-size: 34px;
  font-weight: 500;font-family: 'Josefin Sans', sans-serif;color: #5e5e5e;
}


/*投稿ページ用タイトル*/
.archive-title{margin-top: 0;}
.archive-title.cat_{font-size: 34px;color: #5e5e5e;font-weight: 500;font-family: 'Josefin Sans', sans-serif;color: #5e5e5e;}
.archive-title.cat_16::before{content: "USEFUL";margin-right: 10px;}
.archive-title.cat_17::before{content: "HEALTH";margin-right: 10px;}
.archive-title.cat_18::before{content: "BEAUTY";margin-right: 10px;}
.archive-title.cat_19::before{content: "COOKING";margin-right: 10px;}
.archive-title.cat_21::before{content: "WATER";margin-right: 10px;}
.archive-title.cat_24::before{content: "COLUMN";margin-right: 10px;}

.article h2{margin: initial;padding: initial;border-radius: 0;background-color: transparent;}

/*固定ページ用タイトル*/
.entry-title{margin-top: 0;}
.entry-title::before{font-size: 34px;color: #333;font-weight: 500;font-family: 'Josefin Sans', sans-serif;}

.sidebar h3{border-bottom: 2px solid #5e5e5e;padding-bottom: 6px;margin-bottom: 15px;line-height: 24px;}
.sidebar .widget_popular_entries h3{line-height: 35px;padding-bottom: 0;}
.sidebar .widget_popular_entries h3::before{content: "RANKING";font-family: 'Josefin Sans', sans-serif;color: #333;letter-spacing: -1px;margin-right: 40px;
}
.sidebar .widget_tag_cloud h3::before{content: "#TAG";margin-right: 10px;}
.sidebar .widget_categories h3::before{content: "CATEGORY";margin-right: 10px;}


.home .main .come_title::before{content: "NEW";color: #333;}
.border-partition a:first-of-type{border-top: none;}

.content-bottom{margin-bottom: 0;}
.content-bottom-in.wrap{padding-right: 0;padding-left: 0;max-width: initial;}
.content-bottom .content-bottom-in aside{padding-right: 40px;padding-left: 40px;}
.content-bottom .content-bottom-in aside > h2,.content-bottom .content-bottom-in aside > div{max-width: 1080px;margin: 0 auto;}
.content-bottom .content-bottom-in aside:nth-of-type(1){background: #f7f7f7;padding-top: 70px;padding-bottom: 60px;}
.content-bottom .content-bottom-in aside:nth-of-type(1) h2::before{content: "COMPANY";margin-right: 15px;}
.content-bottom .content-bottom-in aside:nth-of-type(2){padding-top: 50px;padding-bottom: 70px;}
.content-bottom .content-bottom-in aside:nth-of-type(2) h2::before{content: "NEWS";margin-right: 20px;}

.area_company ul{display: flex;margin-top: 30px;}
.area_company ul li{color: #777;font-size: 14px;line-height: 20px;width: 33.3333%;list-style-type: none;padding: 0 40px;}
.area_company ul li a{text-align: center;}
.area_company ul li a.logo{display: flex;height: 60px;align-items: center;justify-content: center;margin-bottom: 13px;}
.area_company ul li .btn a{max-width: 150px;line-height: 34px;margin-top: 16px;background-color: transparent;-webkit-border-radius: 3px;border-radius: 3px;}

.area_news .new-entry-cards a{border-bottom: 1px solid #999;position: relative;}
.area_news .new-entry-cards figure{display: none;}
.area_news .new-entry-cards .new-entry-card-content{margin-left: 0;display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.area_news .new-entry-cards a::after,.area_news .btn a::after{content: "";position: absolute;top: calc(50% - 3px);right: 6px;
  background: url(../cocoon-child-master/img/link-arrow_b.svg) no-repeat;
  background-size: 16px 6px;width: 16px;height: 6px;
}
.area_news .widget-entry-cards .a-wrap{padding: 0;margin: 0;}

.area_news .card-content >div{padding-top: 30px;padding-bottom: 29px;}
.area_news .post-date{font-family: 'Josefin Sans', sans-serif;padding: 0;font-size: 100%;display: block;width: 120px;text-align: center;margin: 0;}
.area_news .card-title{padding-right: 40px;padding-left: 40px;width: calc(100% - 120px);}
.area_news .btn a{max-width: 480px;margin: 40px auto 0;font-size: 18px;line-height: 58px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.area_news .btn a::after{right: 20px;}

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

.btn{background: transparent;display: block;font-weight: normal;font-size: 14px;padding: initial;border: none;cursor: initial;}
.wp-block-button .wp-block-button__link,.btn a{border: 1px solid #777;background-color: initial;color: #333;
  text-decoration: none;color: #333;display: inline-block;width: 100%;position: relative;-webkit-border-radius: 5px;border-radius: 5px;
}
.wp-block-button .wp-block-button__link:active,.wp-block-button .wp-block-button__link:focus,.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:visited{color: #333;}

.widget_block ul li .btn a:hover{background: #777;color: #fff;}

.home .main .btn{margin-bottom: 0;padding-top: 20px;}
.home .main .btn a{width: 100%;display: block;text-decoration: none;max-width: 480px;margin: 0 auto;
  font-size: 16px;color: #333;line-height: 60px;-webkit-border-radius: 5px;border-radius: 5px;
}
.home .main .btn a::after{content: "";position: absolute;top: calc(50% - 3px);right: 22px;
  background: url(../cocoon-child-master/img/link-arrow_b.svg) no-repeat;
  background-size: 16px 6px;width: 16px;height: 6px;
}

.home .pagination,.pagination-next{display: none;}

.entry-card-wrap{background: url(../cocoon-child-master/img/bg_dotted_line.png) repeat-x left bottom;padding: 20px 0;margin-bottom: 0;}
.entry-card-wrap figure.entry-card-thumb{width: 150px;height: 150px;display: flex;justify-content: center;align-items: center;margin: 0;}
.entry-card-wrap figure img{width: 100%;height: 100%;object-fit: cover;}
.entry-card-wrap figure.entry-card-thumb .cat-label{display: none;}
.entry-card-content{margin-left: 170px;}
.entry-card-meta, .related-entry-card-meta{position: relative;text-align: left;}
.e-card-info{justify-content: flex-start;}

.e-card-info > span.post-date span{display: none;}
.cat-link:hover{opacity: 1;}



/**/
.area_top_header{background: #f7f7f7;padding: 40px 0 53px;}
.area_top_header section{max-width: 1080px;margin: 0 auto;}
.area_top_header a{display: block;text-decoration: none;color: #333;}
.area_top_header time,.e-card-info > span.post-date{font-family: 'Josefin Sans', sans-serif;color: #777;line-height: 1;display: block;margin-top: 10px;}

object.area_cate a{display: inline-block;}

.slick-dots{list-style: none;display: flex;justify-content: center;height: 12px;line-height: 1;margin-top: 24px;}
.slick-dots li{position: relative;display: inline-block;margin: 0 6px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 12px;height: 12px;padding: 0;
    cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;
}
.slick-dots li.slick-active button,.slick-dots li.slick-active button::before{width: 50px;background: #575757;border-radius: 6px;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{background: #575757;}
.slick-dots li button:before{position: absolute;top: 0;left: 0;width: 12px;height: 12px;border-radius: 6px;content: '';background: #b7b7b7;}

.hd_slider .box a > div{display: flex;align-items: center;background: #fff;}
.hd_slider .box a > div figure{max-width: 615px;width: 65%;max-height: 430px;overflow: hidden;}
.hd_slider .box a > div figure img{max-width: 100%;height: inherit;border: 0;object-fit: cover;width: 100%;}

.hd_slider .box a > div figure{width: 100%;}
.hd_slider .box a > div figure span{width: 100%;height: 0;background-repeat: no-repeat;background-size: contain;display: block;
padding-top: 66.6666%;background-position: center;}


.hd_slider .box a > div p{width: 35%;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 38px;}
.hd_slider .box a > div p strong{font-size: 2em;line-height: 1.2;}
.hd_slider .box a > div p time{font-size: 16px;}
.hd_slider .box a > div p span.text{display: block;color: #949494;line-height: 1.6;padding-top: 10px;}

.hd_pickup ul{display: flex;margin-left: -27px;margin-top: 30px;}
.hd_pickup ul li{width: 33.3333%;list-style: none;padding-left: 27px;}
.hd_pickup ul li > a{height: 100%;box-shadow: 4px 4px 4px rgb(48 48 48 / 15%);background: #fff;}
.hd_pickup ul li a figure{height: 200px;display: flex;justify-content: center;position: relative;overflow: hidden;}
.hd_pickup ul li a figure::after{content: "PICK UP";background: #52c6cd;color: #fff;height: 20px;line-height: 20px;width: 110px;
position: absolute;top: 23px;right: -23px;transform: rotate(45deg);text-align: center;font-size: 12px;
}
.hd_pickup ul li a figure img{max-width: 100%;height: auto;border: 0;object-fit: fill;width: 100%;}
.hd_pickup ul li p{padding: 28px 15px;background: #fff;}
.hd_pickup ul li p strong{font-size: 18px;line-height: 24px;display: block;}

.hd_pickup ul li p time,.e-card-info > span.post-date{font-size: 14px;}
/**/

.entry-card-title, .related-entry-card-title{font-size: 20px;line-height: 24px;}
.entry-card-snippet{font-size: 15px;line-height: 24px;color: #777;}

.widget_categories > ul li.cat-item-24 a{display: none;}
.widget_categories ul li ul.children a{font-weight: bold;line-height: 1;display: block;}
.widget_categories ul li ul{padding-left: 0;}
.widget_categories ul li ul.children li ul.children{padding-bottom: 5px;}
.widget_categories ul li ul.children li ul.children a{color: #777;font-size: 14px;padding: 5px 0 5px 15px;font-weight: normal;}

.archive-title span,.tagcloud a.tag-link-24, a.cat-link.cat-link-24{display: none;}
article figure.eye-catch,.article-footer{display: none;}

.article h2{padding: 0 0px 10px;border-top: none;border-right: none;border-left: none;
  border-bottom: 2px solid #52c6cc;color: #333;margin-bottom: 20px;font-size: 24px;
}
.article h3,article h2.style_h3_title{color: #52c6cc;font-weight: bold;border: none;border-bottom: none;font-size: 20px;padding-left: 16px;padding-right: 0;border-left: 6px solid #52c6cc;margin-bottom: 20px;line-height: 1.2;}
.article h3.style_color_title{color: #52c6cc;font-weight: bold;border: none;border-bottom: none;margin: 0;font-size: 20px;}
.article h4{color: #006b8e;font-weight: bold;border-top: none;border-bottom: none;padding-left: 0;padding-right: 0;margin-bottom: 5px;font-size: 18px;padding-bottom: 0;}
.article h4 + p{margin-bottom: 10px;}
.article h5{font-size: 16px;font-weight: bold;color: #777;padding-left: 0;margin-bottom: 0;border-bottom: none;}
.article h5 + p{margin-top: 10px;}

.related-entry-heading::before{font-size: 34px;font-weight: 500;
  font-family: 'Josefin Sans', sans-serif;color: #5e5e5e;content: "RELATED POST";
}

.style_02_menu ul li{font-size: 90%;}
.style_02_menu ul li::before{content: "●";color: #52c6cc;margin-right: 10px;}

.body .wp-block-group{margin-bottom: 3em;}

/*投稿ページ一覧*/
.category .entry-card-snippet{font-size: 13px;line-height: 22px;}

/*投稿ページ詳細*/
.single .entry-title{border-bottom: none;padding: 20px 0 10px;font-size: 28px;color: #333;}
#menu_01 #toc.toc-center{width: 100%;margin-bottom: 3em;}
.article #menu_01 ol li{margin-left: 0;padding-left: 25px;}
.article #menu_01 ol > li{padding-bottom: 10px;}
#menu_01 #toc ol.toc-list li::after{content: none;}
#menu_01 #toc ol.toc-list > li::after{content: "○";font-size: 14px;color: #333;}
#menu_01 #toc ol.toc-list > li > a {color: #52c6cc;font-weight: bold;text-decoration: underline;}
#menu_01 #toc ol.toc-list > li ol{padding-left: 0;}
#menu_01 #toc ol.toc-list > li ol li{margin: 0;padding: 0;}
#menu_01 #toc ol.toc-list > li ol li a{color: #1967d2;text-decoration: underline;}
.article  #toc ol.toc-list > li > a { font-weight: bold;color: #52c6cc;}


/*詳細ページサイド目次*/
.sidebar-scroll{top: 50px;}
#sidebar.nwa .toc{padding: 0 0.5em;}
.sidebar #toc-2 .toc-content{overflow-y: scroll;max-height: 800px;}
.sidebar #toc-2 .toc-widget-box{border: 1px solid #ccc;margin-top: 20px;}
.sidebar #toc-2 .toc-widget-box .toc-center{margin: 10px 0;}
.toc .toc-list{padding-left: 0;}
.sidebar #toc-2 .toc-content{max-height: 70vh;}
.sidebar #toc-2 .toc-content ol{list-style-type: none;font-size: 13px;margin-top: 5px;line-height: 1.3;}
.sidebar #toc-2 .toc-content ol > li{padding-left: 15px;padding-bottom: 10px;}
.sidebar #toc-2 .toc-content ol li ol,.sidebar #toc-2 .toc-content ol li ol li{padding-left: 0;padding-bottom: 5px;}
.sidebar #toc-2 .toc-content ol li::after{content: none;}
.sidebar #toc-2 .toc-content ol.toc-list > li::after{content: "○";font-size: 12px;}
.sidebar #toc-2 .toc-content ol.toc-list > li > a{font-weight: bold;color: #52c6cc;}
.sidebar #toc-2 .toc-content ol li ol li ol{display: none;}

/*コラム*/
.single-post .archive-title::before{content: "COLUMN";margin-right: 10px;color: #333;}
.single-post .mokuji{border: 1px solid #ccc;padding: 20px;display: none;}
.single-post .mokuji .wp-block-group__inner-container > p:first-of-type{text-align: center;line-height: 1;margin-bottom: 10px;}
.single-post .mokuji dl{font-size: 14px;}
.single-post .mokuji dl dt::before{content: "○";display: inline-block;margin-right: 5px;}
.single-post .mokuji dl dt a{color: #52c6cc;}
.single-post .mokuji dl dd{padding-left: 20px;padding-bottom: 10px;}


/*関連記事*/
.related-entry-heading::before{font-size: 24px;}
.related-entry-heading, .comment-title{font-size: 14px;font-weight: normal;line-height: 20px;}
.related-entry-card-snippet{display: none;}
.related-entry-card-title{font-size: 16px;line-height: 24px;}
.related-entry-card-thumb{width: 100px;height: 100px;}
.card-thumb img{width: 100%;height: 100%;object-fit: cover;}
.related-entry-card-content{margin-left: 130px;}
.related-entry-card .cat-label{display: none;}
.related-list a.a-wrap{margin-bottom: 0;}

/*新着情報*/
.post-type-archive-news .archive-title::before,.single-news .archive-title::before{content: "NEWS";margin-right: 10px;color: #333;}
.post-type-archive-news .sidebar,.single-news .sidebar{display: none;}
.post-type-archive-news .main,.single-news .main{width: 100%;}
.post-type-archive-news #archive-title{display: none;}
.post-type-archive-news .archive-title{margin-bottom: 0;}

.post-type-archive-news .entry-card-wrap{padding: 0;}
.post-type-archive-news .entry-card-content{margin-left: 0;padding: 30px 20px 29px 0;}
.post-type-archive-news .entry-card-categories-ex,.single-news .entry-categories-tags{display: none;}
h2.entry-card-title.card-title.e-card-title{font-weight: normal;}

.post-type-archive-news .entry-card-snippet{padding-right: 40px;padding-left: 40px;width: calc(100% - 120px);}
.post-type-archive-news .entry-card-title{font-size: 15px;margin-bottom: 0;}
.post-type-archive-news .e-card-info{width: 120px;justify-content: center;}
.post-type-archive-news .e-card-info > span.post-date{margin-top: 3px;font-size: 15px;color: #333;}

.post-type-archive-news .entry-card-wrap{border-bottom: 1px solid #999;position: relative;background: none;}
.post-type-archive-news figure.entry-card-thumb,.post-type-archive-news .entry-card-snippet{display: none;}
.post-type-archive-news .entry-card-content{margin-left: 0;display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.post-type-archive-news .list a::after{content: "";position: absolute;top: calc(50% - 3px);right: 6px;
  background: url(../cocoon-child-master/img/link-arrow_b.svg) no-repeat;background-size: 16px 6px;width: 16px;height: 6px;
}


/*メディアについて*/
.post-46 div.entry-content > h2{display: none;}
.post-46 .entry-title::before{content: "MEDIA";margin-right: 10px;}
.post-46 .first{padding: 40px 0 20px;}
.post-46 .first p{text-align: center;font-size: 2rem;}
.post-46 .text strong{color: #52c6cc;font-weight: normal;}
.post-46 .company{padding-top: 10px;}
.post-46 .company .box{border: 1px solid #52c6cc;padding: 20px;}
.post-46 .company .box dl{display: flex;flex-wrap: wrap;max-width: 900px;margin: 0 auto;}
.post-46 .company .box dl dt{width: 15%;padding: 10px 0;font-weight: bold;text-align: right;}
.post-46 .company .box dl dt::after{content: "：";}
.post-46 .company .box dl dd{padding: 10px 20px;margin-left: 0;}

/*水から始まる健・食・美*/
.post-87 .entry-title::before{content: "INFO";margin-right: 10px;}
.post-87 .first{padding: 40px 0 0;font-family: "NotoSansCJKjp-Medium", sans-serif; font-size: 2.125rem;margin-bottom: 1em;}
.post-87 .first span{font-weight: normal;}

/*お問い合わせ*/
.post-97 .entry-title::before{content: "CONTACT";margin-right: 10px;}
/*健・食・美ライフスタイルブック*/
.post-93 .entry-title::before{content: "DOWNLOAD";margin-right: 10px;}

/*個人情報保護方針*/
.post-90 .entry-title::before{content: "PRIVACY POLICY";margin-right: 10px;}

/*お客様の声動画*/
.post-2494 .entry-title::before{content: "CUSTOMER REVIEWS";margin-right: 10px;}
.post-2494 .entry-content{margin-top: 40px;}
.post-2494 .date-tags{display: none;}


/*SNSシェアボタン*/
.article-header .sns-share-buttons{justify-content: flex-end;}
.article-header .sns-buttons a{font-size: 20px;width: 30px;height: 30px;margin-left: 10px;}
.sns-share-buttons a .button-caption{display: none;}
.article-header .sns-share-buttons .icon-line:before{font-size: 22px;}


.sidebar .widget_text h3{color: #333;font-weight: 500;font-family: 'Josefin Sans', sans-serif;font-size: 20px;}
#sidebar-scroll .widget_text{padding: 30px 0 50px;}
#sidebar-scroll .widget_text .sns-share-buttons{justify-content: center;gap: 10px;}
#sidebar-scroll .widget_text .sns-share-buttons a{font-size: 24px;width: 45px;height: 45px;}
#sidebar-scroll .widget_text .sns-share-buttons .icon-line:before{font-size: 31px;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .mblt-header-mobile-buttons{margin-top: 70px;}
  .entry-title::before,.archive-title::before, h2.come_title::before, .widget-content-bottom h2::before, .sidebar h3::before{
    font-size: 26px;
  }
  .mobile-menu-buttons > li{padding-top: 0;}
  .header-container,header.header .logo,.add-header-contents{display: none;}
  .has-logo-button .logo-menu-button{display: flex;justify-content: center;height: 70px;width: 100%;}
  .mobile-menu-buttons .logo-menu-button .logo{ display: inline-block;width: 105px;height: 24px;
    text-indent:100%;white-space:nowrap;overflow:hidden;background-image: url(../cocoon-child-master/img/logo.svg);
    background-repeat: no-repeat;background-size: contain;margin-top: 10px;
  }
  .mobile-menu-buttons .logo-menu-button .catch{display: block;  position: absolute;bottom: 1px;width: 100%;left: 0;
    font-family: "NotoSansCJKjp-Regular", sans-serif;font-size: 0.6875rem;text-align: center;margin: 0;
   }
   .mobile-menu-buttons .logo-menu-button .catch span{color: #52c6cc;}
  .mobile-menu-buttons .logo-menu-button .by_img{display: block;}
  .mobile-menu-buttons .logo-menu-button .by_img img{height: 8px;width: auto;margin-top: 4px;}

  .mobile-menu-buttons .menu-caption{font-family: 'Josefin Sans', sans-serif;line-height: 1;color: #333;}
  .navi-menu-button,.menu-close-button{position: relative;display: flex;justify-content: center;align-items: center;cursor: pointer;
    position: absolute;right: 0;top: 0;height: 70px;width: 70px;
  }
  .navi-menu-button::before,.menu-close-button::before{content: "";display: block;width: 1px;height: 40px;background: #ccc;
    position: absolute;top: 14px;left: 0px;
  }
  .menu-open .menu-icon{width: 30px;height: 18px;position: relative;}
  .menu-open .menu-icon::before,.menu-open .menu-icon::after{content: "";display: block;height: 1px;background: #333;
    position: absolute;right: 0;
  }
  .menu-open .menu-icon::before{width: 30px;top: 0;}
  .menu-open .menu-icon::after{width: 18px;top: 7px;}
  .btn_close{width: 18px;height: 17px;position: relative;}
  .btn_close::before,.btn_close::after{content: "";display: block;width: 25px;height: 1px;background: #333;
  position: absolute;top: 8px;left: -3px;
  }
  .btn_close::before{transform: rotate(45deg);}
  .btn_close::after{transform: rotate(-45deg);}
  .navi-menu-button.menu-button{position: absolute;}
  .mobile-menu-buttons{min-height: 70px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .sp{display: block;}
  .footer{padding: 30px 0;}
  .footer-left ul{display: block;margin-right: 0;margin-left: 0;}
  .footer-left ul li{width: 100%;padding: 0;}
  .footer-left ul li:nth-child(2){margin-top: 15px;}
  .footer-left ul li a{display: block;width: 100%;max-width: 375px;
    height: 60px;line-height: 60px;font-size: 0.8125rem;margin: auto;}
  .footer-center{margin-top: 35px;display: block;}
  .footer-center aside{width: 100%;}
  .footer-center .logo img{max-width: 105px;}
  .footer-center .footer-inner-middle-logo a{width: auto;}
  .footer-center .footer-inner-middle-logo span.by_img{margin-top: 5px;}
  .footer-center .footer-inner-middle-logo img{max-width: 106px;}
  .footer-center .footer-inner-middle-logo span.by_img img{height: 10px;width: auto;max-width: none;}
  .footer-center .footer-inner-middle-logo a span{margin-top: 5px;font-size: 0.625rem;}
  .footer-center .widget_nav_menu ul li {padding-top: 20px;}
  .footer-center .widget_nav_menu ul li a {font-size: 0.75rem;margin: 0;}
  .footer-right{margin-top: 25px;}
  .footer-right .widget-footer-right{width: 100%;}
  .footer-right p.bn a{height: 70px;}
  .footer-right p.bn a img{width: 50%;}
  .footer-bottom{order: 2;width: 100%;text-align: center;position: relative;
    font-family: "Roboto-Medium", sans-serif;font-size: 0.625rem;margin: 25px auto 0;
  }

  /**/
  .menu-content{width: 100%;max-width: initial;}
  .menu-content .menu-drawer{padding: 0;}
  .navi-menu-content{right: 0;left: auto;transform: translateX(105%);}
  .navi-menu-content ul.menu-drawer{border-bottom: 1px solid #ccc;}
  .navi-menu-content ul.menu-drawer li a{border-top: 1px solid #ccc; padding: 15px 25px;position: relative;
    display: block;font-family: "NotoSansCJKjp-Regular", sans-serif;font-size: 0.875rem;
  }
  .navi-menu-content ul.menu-drawer > li a::after{content: "";display: inline-block;width: 7px;height: 12px;background: url(../cocoon-child-master/img/link_bg.png) no-repeat;
    background-size: contain;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);
  } 
  .navi-menu-content ul.menu-drawer li ul.sub-menu{padding: 11px 25px 12px; border-top: 1px dotted #cdcdcd;}
  .navi-menu-content ul.menu-drawer li ul.sub-menu li{display: inline-block;border: none;}
  .navi-menu-content ul.menu-drawer li ul.sub-menu a{border-top: none;display: inline-block;padding: 0;margin-right: 20px;}
  .navi-menu-content ul.menu-drawer li ul.sub-menu a::before{content: "#";color: #52c6cc;}
  .navi-menu-content ul.menu-drawer li ul.sub-menu a::after{content: none;}
  .navi-menu-content .mn-search{padding: 40px 25px;}
  .navi-menu-content .mn-search .search-box{margin: 0 auto;}
  .navi-menu-content .mn-bnr{padding: 0 25px;}
  .navi-menu-content .mn-bnr ul{border-top: 1px solid #333;}
  .navi-menu-content .mn-bnr ul li{list-style: none;padding-top: 20px;}
  .navi-menu-content .mn-bnr ul li a{color: #333;text-decoration: none;border: 1px solid #333;font-size: 0.8125rem;
    display: flex;justify-content: center;align-items: center;height: 60px;line-height: 60px;max-width: 300px;margin: 0 auto;
    font-family: "NotoSansCJKjp-Regular", sans-serif;position: relative;
  }
  .navi-menu-content .mn-bnr ul li a::after{content: "";display: inline-block;width: 17px;height: 6.5px;background: url(../cocoon-child-master/img/link-arrow_b.svg) no-repeat;
    background-size: contain;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);
  }
  .navi-menu-content .mn-bnr ul li a img{width: 50%;}

  .archive-title.cat_{font-size: 26px;}

  .area_top_header{padding: 30px 0;}
  
  .hd_slider .box a > div figure{max-width: none;width: 100%;max-height: 430px;overflow: hidden;}
  .hd_slider .box a > div figure span {
    background-size: cover;
    padding-top: 56%;
    background-position: center;
}

  .content-bottom .content-bottom-in aside{padding: 30px 20px;}
  .area_company ul{display: block;margin-top: 30px;margin-right: 0;margin-left: 0;}
  .area_company ul li{font-size: 14px;line-height: 20px;width: 100%;padding: 20px 0;}
  .area_company ul li:first-of-type{padding-top: 0;}


  .area_news .new-entry-cards .new-entry-card-content.widget-entry-card-content{position: relative;height: auto;}
  .area_news .card-title{padding-right: 40px;padding-left: 10px;width: 100%;}
  .area_news .card-content >div{padding-top: 40px;}
  .area_news .card-content >div.new-entry-card-date{padding: 0;position: absolute;top: 15px;left: 0;display: inline;}
  .area_news .post-date{width: auto;padding-left: 10px;}

  /**/
  .hd_slider .box{padding: 0 10px;}
  .hd_slider .box a > div{display: block;}

  .hd_slider .box a > div p{width: 100%;padding-left: 0;padding-top: 10px;}
  .hd_slider .box a > div p strong{font-size: 20px;}
  .hd_pickup ul{display: block;margin-left: 0;}
  .hd_pickup ul li{width: 100%;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
  .hd_pickup ul li a div{display: flex;}
  .hd_pickup ul li a figure{height: auto;width: 40%;max-width: 160px;}
  .hd_pickup ul li a figure::after{top: 10px;right: -35px;}
  .hd_pickup ul li p{ padding: 23px 15px;width: 60%;}
  .hd_pickup ul li p strong{font-size: 13px;line-height: 19px;}
  .hd_pickup ul li a figure img{object-fit: cover;}
  /**/


  .entry-card-title{font-size: 16px;line-height: 20px;display: flex;
    align-items: center;/*height: 100px;*/margin: 0;padding-left: 10px;margin-bottom: 20px;}
  .entry-card-snippet{font-size: 13px;line-height: 20px;}

  .slick-list{background: #fff;}

  .article h3{font-size: 18px;}

  /*新着情報*/
  .post-type-archive-news .entry-card-meta{display: flex;}
  .post-type-archive-news .entry-card-title{height: auto;padding-left: 0;font-size: 14px;}

  /*メディアについて*/
  .post-46 .first p{font-size: 1.5rem;}
  /*水から始まる健・食・美*/
  .post-87 .first{padding: 20px 0 0;font-size: 1.25rem;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  main.main{padding: 30px 16px 0;}
  .home main.main{padding: 0 16px 0;}
  .entry-title{padding: 0;}

  .footer-center .widget_nav_menu ul{max-width: initial;}

  .entry-card-wrap figure.entry-card-thumb{display: block; width: 100%;max-height: 150px;margin-bottom: 20px;}

  .area_news .new-entry-cards .new-entry-card-content{flex-wrap: wrap;}
  .home.no-sp-snippet .entry-card-snippet{display: block;font-size: 13px;line-height: 1.5;padding-top: 10px;}


  .content-bottom .content-bottom-in aside:nth-of-type(1){padding-bottom: 30px;}


  /*メディアについて*/
  .post-46 .company .box dl{display: block;}
  .post-46 .company .box dl dt,.post-46 .company .box dl dd{width: 100%;}
  .post-46 .company .box dl dt{text-align: left;padding-bottom: 0;}
  .post-46 .company .box dl dt::after{content: none;}

  /*新着情報*/
  .post-type-archive-news .entry-card-meta{display: block;}
  .post-type-archive-news .e-card-info{justify-content: flex-start;}
  .post-type-archive-news .entry-card-content{flex-wrap: wrap;position: relative;}
  .post-type-archive-news .entry-card-content .entry-card-meta{position: absolute;left: 0;top: 10px;}
  .post-type-archive-news .entry-card-content{margin-left: 0;padding: 20px 30px 20px 0;}
  .post-type-archive-news .entry-card-title{margin-top: 20px;}
  
}