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

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

.header-container,
.footer-container {display:none;}

.sidebar {font-size:85%;}

.fullwidth {margin:0 calc(50% - 50vw);}

.content-wrap {width:1000px;max-width:100%;margin:40px auto;padding:0 2.5%;}

.flex {display: flex;
	flex-wrap: wrap;
	justify-content: center ;
	align-items: stretch;}
.flex.rev {flex-direction:row-reverse;}

.flex.one div {width:98%;margin:1%;}
.flex.half div {width:48%;margin:1%;}
.flex.triple div {width:31.333%;margin:1%;}
.flex.quadruple div {width:24%;margin:0.5%;}

.flex.content div {padding:5%; border-radius:8px;text-align: justify;
text-justify: inter-ideograph;}
.flex.content.triple div {padding:2.5%;}
.flex.content.quadruple div {padding:1.5%;}

.flex.banner-wrap div img {border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:0.4s;}
.flex.banner-wrap div img:hover {opacity:0.8;transition:0.4s;}

div.text {padding:0 5%;}

.entry-content p {font-size:17px !important;text-align: justify;text-justify: inter-ideograph;}
p.center {text-align:center;}
p.right {text-align:right;}
p.x-large,.x-large {font-size:150%;}
p.large,.large {font-size:120%;}
p.small,.small {font-size:85%;}
p.x-small,.x-small {font-size:70%;}
span.normal {font-weight:400;}
p.space,.space {margin:5vw auto;}

p.subtitle {color:#006e58;border-bottom:1px solid #006e58;margin:1.8em auto 0.2em;padding-bottom:1.2em;display:inline-block;font-weight:600;}
p.subtitle.white {color:#A9D395;border-bottom:1px solid #A9D395;}

.page h1.entry-title,
h1.archive-title {text-align:center;margin:1.2em auto;}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {color:#1a1a1a;margin:2.5em auto 1em !important;line-height:180%;background:transparent;}

.rl {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-align:left !important;}

.entry-content a.btn,

/* アコーディオン開閉 */
.accordion-item.baige {background:rgba(248,245,240,0.7);}
.accordion-item.yellow {background:rgba(252,235,176,0.7);}
.accordion-item.white {background:rgba(255,255,255,0.7);}
.accordion-item {padding:10px;margin:10px 0;border-radius:5px;}
.accordion-content {padding:0 5% !important;margin:0 !important;}
p.accordion-trigger {padding:0 !important;margin:0 5% !important;}
.accordion-content p {padding:0 !important;margin:0 5% !important;}

.accordion-content {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease;
}
.accordion-item.is-open .accordion-content {
max-height: 500px; /* 内容に応じて調整 */
opacity: 1;
}
.accordion-trigger {
  cursor: pointer;
  position: relative;
  padding-right: 1.5em;
}
.accordion-trigger::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #485859;
  border-right: 1px solid #485859;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.accordion-item.is-open .accordion-trigger::after {
  transform: translateY(-50%) rotate(135deg);
}




.entry-content img {margin-top:15px;margin-bottom:15px;}
.page .entry-content img {display:block;margin-left:auto;margin-right:auto;}

.entry-content .wp-block-gallery .wp-block-image img {margin:10px auto;}
.entry-content .wp-block-gallery .wp-block-image .wp-element-caption {background:none;color:#222;position:relative;margin:0 auto;padding:0.5em;}

.entry-content ul {margin-top:0.8em;margin-bottom:0.8em;}

table {margin:0 2.5%;width:95%;}
table.capacity th,
table th {background:#fafafa;padding:0.5em;}
table td {background:#fff;padding:0.5em;}
table tr.triple th,
table tr.triple td {width:33.333%;}
table .center {text-align:center;}

.gallery img {border:none !important;width:98% !important;margin:10px auto !important;}
.gallery-caption {margin:5px auto !important;}
.metaslider {margin:0;padding:0;}

.admin-pv,
.footer-meta,
.cat-label,
.page .date-tags,
.post-date .fa {display:none;}
.entry-categories-tags,
.entry-categories-tags a,
.entry-categories-tags a:hover {color:#333;background:#fff;}


body {box-sizing: border-box;}
.header-container {box-shadow:none;padding:15px 0;margin:0;}
.home .header-container,
.home .logo-header,.home .navi {background:transparent !important;z-index:2;}
.home .content {margin-top:-90px;}

.logo-header {height:60px;}
.logo-header img {height:39px !important;margin:10px auto;}
.mobile-header-menu-buttons {box-shadow:none;}
.mobile-header-menu-buttons {flex-direction: row-reverse;justify-content:space-between ;}

.navi {background:transparent;margin-right:60px;}
.navi .fa {display: none;}


.fixed-header .navi-in > ul li:hover > ul {
display: block;}

.breadcrumb {background:transparent !important;padding:0 5%;}
.breadcrumb,.breadcrumb a {color:#333;}
.breadcrumb .fa {display:;}

.content {margin:0;padding:0;}
.main {margin:0;padding:0;}
.entry-content {margin:0;padding:0 0 40px;}
.main {background:transparent;}


.single article {width:800px;max-width:100%;margin:0 auto;}
.single article img {margin:40px auto;display:block;}

h1.entry-title {line-height:160%;}

html {scroll-behavior: smooth;scroll-padding-top: 180px;}
h1 span.fa {display:none;}

.entry-content h2,
.entry-content h3,
.entry-content h4 {text-align:center;margin:1.2em auto;padding:0.5em 0;border:none;}

table {background:#fff;}
table th,table td {border:1px solid #888 !important;text-align:left;padding:0.5em 1em;}

.list {width:1200px;max-width:100%;margin:5vw auto;padding:4% 0;border-top:1px solid #222;}
.list .entry-card-wrap {padding:4%;border-bottom:1px solid #222;}
.list .entry-card-content {padding-left:2.5%;}
.list .entry-card-content .entry-card-snippet {margin:2em 0;line-height:180%;}

.under-entry-content {margin-top:8vw;}
.related-entry-heading {text-align:center;}
.related-entry-card-wrap {width:800px;max-width:100%;margin:15px auto;border-bottom:1px solid #222;}
.related-entry-card-thumb img.related-entry-card-thumb-image,
.related-entry-card-thumb img.related-entry-card-no-image {margin:0 auto;}
.related-entry-card-thumb .cat-label {display:none;}
.related-entry-card-content {padding-left:2.5%;}

footer {display:none;}
.footer-wrap {color:#fff;margin:8vw auto;font-size:14px;}
.footer-wrap div:first-child {width:28%;}
.footer-wrap div:first-child img {width:50%;margin:0 auto 20px;display:block;}
.footer-wrap div:last-child {width:60%;margin:1% 0}
.footer-wrap div p {margin:0.5em 0;}
.footer-wrap a {color:#fff;text-decoration:none;margin-right:2%;}
.footer-wrap a:after {content:"";}
.footer-wrap .footer-menu {font-size:16px;font-weight:600;}
.footer-link {padding-top:3vw;}


.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grecaptcha-badge { visibility: hidden; }
.no-pc {display:none;}
.no-sp {display:block;}

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

/*834px以下*/
@media screen and (max-width: 834px){
html {scroll-behavior: smooth;scroll-padding-top: 30px;}
.entry-content p {font-size:15px !important;}
.content-wrap {margin:30px auto 15px;}
.home .header-container,
.home .navi {background:#006e58 !important;}
.home .content {margin-top:0;}
.header-container,.header-container-in,.header,.header-in,.logo {margin:0;padding:0;display:inline-block;text-align:left;}
.main {margin:0 auto;padding:0 5% !important;}
h2.title-green {font-size:20px;}
h1.entry-title {margin:1em 0;padding:0;}
.breadcrumb {padding:0 5% !important;}
.flex.half div {width:100%;margin:2% 0;}
.flex.triple div {width:100%;margin:2% 0;}
.flex.triple.triplesp div {width:31.3333%;margin:2% 1%;}
.flex.quadruple div {width:48%;margin:1%;}
.flex.content.triple div {padding:5%}
.breadcrumb {display:none;}
.fullwidth-sp {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
table {margin:0;width:100%;}
.list .entry-card-wrap {padding:2% 0;}
.footer-wrap {padding:1% 5%;}
.footer-wrap div:first-child img {width:30%;display:block;margin:5px auto;}
.footer-wrap .footer-menu {font-size:15px;}
.no-pc {display:block;}
.no-sp {display:none;}
}

/*480px以下*/
@media screen and (max-width: 480px){
.entry-content .wp-block-gallery .wp-block-image {width:90% !important;}
}