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

/************************************
** 子テーマ用のスタイルを書く
メインカラー　#171c61
サブカラー　薄水色　#bbbcde
サブカラー　ピンク　#e9595b
************************************/


.single article {width:800px;max-width:100%;margin:30px auto;padding:0 5%;}

.list.ect-entry-card {width:800px;max-width:100%;margin:30px auto;padding:0 2vw;}
.list.ect-entry-card a:hover {background:transparent;}
.list.ect-entry-card article {border-bottom:1px solid #bbb;padding:10px 0;}
.list.ect-entry-card figure.entry-card-thumb {display:none;}
.list.ect-entry-card .entry-card-content .entry-card-title {text-align:left !important;text-decoration:underline;font-weight:400;}
.list.ect-entry-card .entry-card-content .entry-card-title:hover {color:#e9595b;}
.list.ect-entry-card .entry-card-content .post-date {margin-bottom:20px;}
.list.ect-entry-card .entry-card-content {width:800px;max-width:100%;margin:10px 0;padding-right:7em;}

.navi-in > ul li:hover {z-index:9;}
.navi-in > ul li:hover > ul {box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.navi-in > ul li:hover > ul li a {background:#fff;}
.navi-in > ul li:hover > ul li a:hover {background:#f6f8fa;transition:0.2s;}
.fixed-header .navi-in > ul li:hover > ul {
display: block;
}
.navi ul.menu-top li.menu-item {width:auto;transform: scale(1, 0.96);}
.navi ul.menu-top li.menu-item a {padding:0.5em 1.5em;}
.navi ul.menu-top li#menu-item-370 {display:none;}
.fixed-header,
.mobile-header-menu-buttons {box-shadow:none;}
.mobile-header-menu-buttons {flex-direction: row-reverse;justify-content:space-between ;}
.mobile-header-menu-buttons .search-menu-button {display:none;}
.mobile-header-menu-buttons .logo-menu-button img {max-width:65%;margin:0 auto 0 10px;}
.mobile-header-menu-buttons .navi-menu-close-button {display:none;}
.mobile-header-menu-buttons .navi-menu-content {padding:0;}
.mobile-header-menu-buttons .menu-drawer {margin:0;padding:0;}
.mobile-header-menu-buttons .menu-drawer:before {content:"";width:150px;height:39px;background-image:url(https://houdashiya.com/wp25/wp-content/uploads/2025/11/logo.png);background-size:contain;display:block;margin:15px 1em;}
.mobile-header-menu-buttons .menu-drawer li a {border-bottom:1px solid #ccc;padding:1em;}
.mobile-header-menu-buttons .menu-drawer li a {
color:#222;
text-decoration:none;
position: relative;
}
.mobile-header-menu-buttons .menu-drawer li ul li {font-size:80%;}
.mobile-header-menu-buttons .menu-drawer li ul li a::after {content:none;}
.mobile-header-menu-buttons .menu-drawer li  a::after {
content: '';
width: 8px;
height: 8px;
margin-top: -5px;
border-top: solid 2px #888; 
border-right: solid 2px #888;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 20px;
transition:0.4s;
}
.mobile-header-menu-buttons .menu-drawer li  a:hover::after {
right: 15px;
transition:0.4s;
}

.content,
.main {margin:0;padding:0;}

.content-wrap {width:1300px;max-width:100%;margin:0 auto;padding:1vw 0;}

.fullwidth {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.baige {background:#faf7f0;}
.gray {background:#fafafa;}
.lightblue {background:#eaedf7;}

article {position:relative;}
.page .article-header {position:relative;text-align:center;padding:0.3em 0 1.2em;
	margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.article-header h1.entry-title,
h1.archive-title {color:#171c61;text-align:center;}

.article-header .eye-catch-wrap {width:1300px;max-width:100%;height:48vh;margin:0 auto;background:#eee;overflow:hidden;}
.article-header .eye-catch-wrap img {width:100vw;height:48vh;object-fit:cover;object-position:50% bottom;}
.page-id-10 .article-header .eye-catch-wrap img {width:100vw;height:48vh;object-fit:cover;object-position:50% 50%;}

.page-id-10 .article-header h1.entry-title,
.page-id-14 .article-header h1.entry-title {
	position:absolute;
	bottom:-50px;
	right: 0;
	left: 0;
	margin: auto;
	z-index:2;
	}
.article-header h1.entry-title::before,
h2.title::before,
h1.archive-title::before {content: "";
	display: block;
	width: 250px;
	height: 30px;
	margin: 0 auto;
	background-image: url(https://houdashiya.com/wp25/wp-content/uploads/2025/11/mark.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	padding: 2%;
	border-radius: 8px;
	}
.page-id-10 .entry-content,
.page-id-14 .entry-content{padding-top:50px;}
	
.entry-content h2.title {color:#171c61;text-align:center;margin:3.6vw auto 2.4vw;}
h2.title.transparent::before {background-color:transparent;}

.entry-content h2 span {display:block;margin:5px auto;color:#bbbcde;font-size:70%;}
.entry-content h2 span:before {content:"";display:block;clear:both;}

.entry-content h2.head {text-align:center;color:#171c61;font-weight:500;margin:3.6vw auto 2.4vw;letter-spacing:0.03em;}

.entry-content h2.heart {color:#e9595b;font-weight:500;vertical-align: middle;}
.entry-content h2.heart:before {content:"";width:39px;height:39px;background-image:url(https://houdashiya.com/wp25/wp-content/uploads/2025/11/heart.png);background-size:contain;display:inline-block;margin-right:10px;vertical-align: middle;}

.entry-content h2.head-border {color:#171c61;font-weight:500;margin-bottom:2.4em;letter-spacing:0.03em;}
.entry-content h2.head-border:first-child {margin-top:1.5em;}
.head-border {display: flex;align-items:center;margin-top:3.9em;color:#171c61;}
.head-border:before,
.head-border:after {content: "";height: 2px;flex-grow: 1;background-color:#bbbcde;}
.head-border:before {margin-right: 3rem;}
.head-border:after {margin-left: 3rem;}

.page .date-tags {display:none;}

.flex {display: flex;
	flex-wrap: wrap;
	justify-content:space-between ;
	align-items: stretch;}

.flex.half div {width:49%;}
.flex.triple div {width:30%;}
.flex.quadruple img {width:25%;}

div.text {padding:0 5%;}

body {letter-spacing:0.01em;}

p,h1,h2,h3 {transform: scale(1, 0.96);}

h1,
.entry-header h1,
.entry-content h2,
.entry-content h3 {background:transparent;border:none;padding:0;font-weight:400;line-height:180%;}

.entry-content p {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%;}

.entry-content a.btn,
a.btn {background:#171c61;color:#fff;font-size:110%;padding:1em 2em;border:3px solid #fff;border-radius:8px;text-decoration:none;}
a.btn.pink {background:#e9595b;}

table th {font-weight:400;}

.entry-content a {color:#e9595b;text-decoration:underline;}

.item-wrap.flex.half {margin:80px auto;}
.item-wrap.flex.half div {background:#fff;border:1px solid #e9595b; color:#e9595b; padding:1em; border-radius:88px;
width: 45%; margin:1% 2.5%;font-size:120%;font-weight:500;text-align:center;}

.topabout-wrap.flex {padding:0 5%;}
.topabout-wrap.flex div {margin:1.5%;font-size:120%;font-weight:500;text-align:center;}
.topabout-wrap.flex div a img {width:88px;margin-right:10px;}
.topabout-wrap.flex div a {display:block;background:#fff;border:1px solid #ccc; color:#171c61; padding:8%; border-radius:8px;text-decoration:none;}
.topabout-wrap.flex div a:hover {background:rgba(187,188,222,0.3);transition:0.4s;}

.flex.maker-wrap {gap:2.5%;justify-content:center;align-items: flex-start ;padding:70px 0 20px;}
.flex.maker-wrap div {width:20%;}
.flex.maker-wrap div a {text-decoration:none;color:#333;}
.flex.maker-wrap div img {box-shadow:0 0 8px #eee; padding:7.5%;background:#fff;}
.flex.maker-wrap div p {text-align:center;margin:0.5rem auto 2rem;}
.flex.maker-wrap div a img {transition:0.8s;}
.flex.maker-wrap div a img:hover {padding:5%;transition:0.8s;}
.flex.maker-wrap div a p:hover {opacity:0.7;transition:0.8s;}

.contact-wrap {position:fixed;bottom:2%;right:2%;}
.contact-wrap a {margin:5px;}

.footer-wrap {width:1300px;max-width:100%;margin:0 auto;padding:3vw 5% 1vw;}
.footer-content.flex {align-items:flex-end; font-size:90%;}
.footer-content .name-wrap {width:30%;}
.footer-content .name-wrap img.footer-logo {width:180px;margin-bottom:25px;}
.footer-content .menu-wrap {width:63.5%;margin-top:2em;}
.footer-content .menu-wrap a {color:#222;text-decoration:none;margin-right:1.5em;}
.footer-content .menu-wrap a:hover {color:#222;text-decoration:underline;}

#footer {padding-bottom:3vw;}

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.topabout-wrap.flex div a img {display:block;width:60px;margin:5px auto;}
}

/*834px以下*/
@media screen and (max-width: 834px){
.content,
.main {margin:-10px 0 0 !important;padding:0 !important;}
.article-header .eye-catch-wrap {height:35vh;}
.article-header .eye-catch-wrap img {height:35vh;}
.page-id-10 .article-header h1.entry-title,
.page-id-14 .article-header h1.entry-title {bottom:-35px;}
.entry-content {padding:0 5%;}
.entry-content h2 span {margin:2px auto;}
.flex.half div {width:90%;margin:2% auto;}	
div.text {padding:5% 0;}
.item-wrap.flex.half {margin:10px auto;}
.item-wrap.flex.half div {width:100%;margin:2% 0;font-size:100%;}
.topabout-wrap.flex {padding:0;}
.topabout-wrap.flex div {width:46%;}
.flex.maker-wrap div {width:45%;}
.flex.maker-wrap div p {font-size:75%;}
.fullwidth-sp {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
.footer-content .name-wrap,
.footer-content .menu-wrap {width:100%;}
.no-pc {display:block;}
.no-sp {display:none;}
}

/*480px以下*/
@media screen and (max-width: 480px){
.content,
.main {margin:-10px 0 0 !important;padding:0 !important;}
.flex.half div {width:100%;margin:0 auto;}
#footer {padding-bottom:120px;}
}