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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
:root{
	--BASECOLOR1:rgb(231,233,126);
	--BASECOLOR2:rgb(250,255,253);
	--COLOR1:rgb(139,173,103);
	--COLOR2:rgb(255,100,100);
	--WHITE:rgb(255,255,255);
	--FONT:rgb(21,12,21);
	--WIDTH:1200px;
}

@font-face{font-family:"mainfont";src:url("/wp-content/_fonts/font1.woff") format("woff"),url("/wp-content/_fonts/font1.woff2") format("woff2");}

body{font-family:"mainfont"!important;color:var(--FONT);}
.header-container, .navi, .main, .footer{background:transparent!important;}
.header-container{padding:0.5em 0 0.5em 0;box-shadow:none!important;/*background:rgba(255,255,255,0.6);*/}
.header-container-in.wrap {width:auto;}
/*.site-logo-image.pc{height:3em!important;width:auto;}*/
.item-label{font-size:0.8em;padding:;margin:0;}
.navi{position:absolute;top:0.75em;right:7em;}
/*.content{background-size:60px 60px;background-position:0 0, 0px 0px;background-image:radial-gradient(#cbcbcb 3px, transparent 3px),radial-gradient(#cbcbcb 3px, #e7e97e 3px);}*/
.content.pc{padding:0;}
.content-in{padding-top:-1em;padding-bottom:0;margin-bottom:-2em;}
.footer-in.pc{width:auto;}
.footer-in.sp{width:100vw;margin-left: calc(-50vw + 50%);}
.info-list{padding:0;}
.info-list .info-list-item{padding:0.5em;}
.info-list-item-content .info-list-item-content-link{display:block!important;padding:0;margin-bottom:-0.5em;}
.pager-post-navi{display:none;}
.footer-bottom-content.sp{display:none;}
.archive-title{display:none!important;}
.error404 .entry-title{text-align:center;}
.not-found, .posts-not-found{display:block;margin:0 auto;text-align:center;}
/*.cat-label{display:none!important;}*/
/*.entry-categories-tags{display:none!important;}*/
.category-newtopic-post .new-entry-card-date, .category-events-post .new-entry-card-date{display:block;text-align:right;margin-top:-0.5em;font-weight:bolder;font-size:1.45rem;}
.new-entry-card-update-date{display:none;}
.category-newtopic-post .new-entry-card-content .new-entry-card-title, .category-events-post .new-entry-card-content .new-entry-card-title{position:absolute;bottom:0;margin-bottom:-2.5em;;font-size:0.85rem;}

.navi-menu-caption{margin-top:-0.3em;}
.mobile-menu-buttons.pc{display:flex;top:0;bottom:auto;width:3.5vw;position:fixed;top:0.5em;margin-left:94vw;background:transparent;box-shadow:none;width:100%;}
.mobile-menu-buttons.pc #navi-menu-open{transform:scale(1.7);background:var(--COLOR2);color:var(--WHITE);padding:0 0.2em 0 0.2em;}
.mobile-menu-buttons .navi-menu-close-button{text-align:right;padding-right:0.1em;color:var(--COLOR2);}
.navi-menu-content{right:0;left:auto;transform:translateX(105%);background:rgb(250,250,250);}
.navi-menu-content.pc{padding:2em;}
#navi-menu-input.pc:checked ~ .navi-menu-content{width:50%;max-width:none;}
/*#navi-menu-input:checked ~ #navi-menu-close{background:url("/wp-content/uploads/2025/04/bar_top-1.png") no-repeat;background-size:100% 100%;object-fit:cover;opacity:1;}*/
ul.menu-drawer li{display:inline-block;width:48%;}

.small{font-size:75%!important;}
.smaller{font-size:85%!important;}
.big{font-size:125%!important;}
.bigger{font-size:110%!important;}
.font2x{font-size:200%!important;}
.font2x.sp{font-size:175%!important;}
.bolder{font-weight:bolder!important;}
.bold{font-weight:700!important;}
.tdark{color:var(--COLOR2)!important;font-family:"egfont"!important;}
.tlight{color:var(--COLOR2)!important;font-family:"egfont"!important;}
.red{color:rgb(255,100,100)!important;}
.white{color:rgb(255,255,255)!important;}
.blue{color:rgb(102,153,255)!important;}
.royalblue{color:rgb(65,105,225)!important;}
.black{color:rgb(21,12,21)!important;}
.green{color:rgb(50,205,50)!important;}
.dgreen{color:rgb(0,100,0)!important;}
.yellow{color:rgb(255,255,224)!important;}
.pink{color:rgb(242,98,132)!important;}
.apricot{color:rgb(247,185,119)!important;}
.mintgreen{color:rgb(120,204,198)!important;}
.lefts, .pleft.pc{text-align:left!important;}
.centers{text-align:center!important;}
.rights{text-align:right!important;}
.bgnone{background:transparent!important;}
.noborder{border:0!important;border-radius:0!important;box-shadow:none!important;}
.br05{border-radius:0.5em!important;}
.mb01{margin-bottom:0.1em!important;}
.mb02{margin-bottom:0.2em!important;}
.mb03{margin-bottom:0.3em!important;}
.mb05{margin-bottom:0.5em!important;}
.mb2{margin-bottom:2em!important;}
.mb3{margin-bottom:3em!important;}
.mb5{margin-bottom:5em!important;}
.mt05{margin-top:0.5em!important;}
.mt02{margin-top:0.2em!important;}
.mt1{margin-top:1em!important;}
.mr1{margin-right:1em!important;}
.mb1{margin-bottom:1em!important;}
.ml1{margin-left:1em!important;}
.m0{margin:0!important;}
.mt0{margin-top:0!important;}
.mr0{margin-right:0!important;}
.mb0{margin-bottom:0!important;}
.ml0{margin-left:0!important;}
.p0{padding:0!important;}
.pt0{padding-top:0!important;}
.pr0{padding-right:0!important;}
.pb0{padding-bottom:0!important;}
.pl0{padding-left:0!important;}
.pt05{padding-top:0.5em!important;}
.pr05{padding-right:0.5em!important;}
.pb05{padding-bottom:0.5em!important;}
.pl05{padding-left:0.5em!important;}
.pt1{padding-top:1em!important;}
.pb1{padding-bottom:1em!important;}
.pr1{padding-right:1em!important;}
.pl1{padding-top:1em!important;}
.prl05{padding-right:0.5em!important;padding-left:0.5em!important;}
.prl1{padding-right:1em!important;padding-left:1em!important;}
.ptb05{padding-top:0.5em!important;padding-bottom:0.5em!important;}
.ptb1{padding-top:1em!important;padding-bottom:1em!important;}
.pa05{padding:0.5em!important;}
.pa0{padding:0!important;}
.pa1{padding:1em!important;}
.all0{margin:0!important;padding:0!important;}
.br05{border-radius:0.5em!important;}
.block{display:block!important;}
.decimalinput{text-align:right;}
.pointer{cursor:pointer!important;}
.nodisp{visibility:hidden!important;}

h1, h2, h3, h4, h5, h6{position:relative;border:0!important;;background:transparent!important;}
h1{padding:0 0.5em 0.25em 0.5em!important;margin-bottom:2em;border-bottom:0.15em solid var(--COLOR1)!important;color:var(--FONT)!important;font-size:1.6rem!important;}
h1:after{content:"";position:absolute;left:0;bottom:-0.15em;width:50%;height:0.15em;background:var(--COLOR2);}
h2{padding:0 0.5em 0.25em 0.5em!important;border-bottom:0.15em solid var(--COLOR1)!important;color:var(--FONT)!important;margin-bottom:2em!important;}
h2:before{content:attr(data-en);font-size:0.7em!important;position:absolute;right:0;bottom:-2em;left:0;width:100%;}
h2:after{content:"";position:absolute;right:40%;bottom:-0.15em;left:40%;width:20%;height:0.15em;background:var(--COLOR2);}

h2.sect{0 0.5em 0 0.5em!important;border:0!important;text-align:center;}
h2.sect:before, h2.sect:after{background:none!important;}
h2.sect:after{content:attr(data-ex);font-size:0.6em!important;display:block;padding:0;margin:0;position:absolute;right:0;bottom:0;left:0;width:100%;text-align:center;}
h2.sect.u:after{text-decoration:underline;}
h2.sect.r:after{color:rgb(255,0,70);}


.sitelayout.pc{width:var(--WIDTH)!important;margin:0 auto;}
div.bg{max-width:none;width:99.4vw;margin-left:calc(-50vw + 50%);padding:1em;}
div.bg.bwhite{background:rgb(254,254,254);background-image:repeating-linear-gradient(to bottom, transparent 25px, rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px, transparent 27px,  transparent 51px, rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px, transparent 53px,  transparent 77px, rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px, transparent 79px,  transparent 103px, rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,  transparent 105px,  transparent 129px,  rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),repeating-linear-gradient(to right,transparent 25px, rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px, transparent 27px,  transparent 51px,  rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px, transparent 53px,  transparent 77px,  rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px, transparent 79px,  transparent 103px,  rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px, transparent 105px,  transparent 129px,   rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);}

div.boxlayout{position:relative;width:100%;text-align:center;margin:0 auto;margin-bottom:1em;}
div.boxlayout div{margin:0 auto;display:inline-block;text-align:left;vertical-align:top;}
div.boxlayout.pc.vm div{vertical-align:middle;}
div.boxlayout.pc div.outer{margin:0 0.5em 0 0.5em;width:48%;}
div.boxlayout.pc div.outer3{margin:0 0.5em 0 0.5em;width:30%;}
div.boxlayout.pc div.outer.narrowbox{width:30%;}
div.boxlayout.sp div.outer.narrowbox{width:60%;}
div.boxlayout.sp div.outer.narrowbox.stretch{width:98%;}
div.boxlayout.pc div.outer.widebox{width:64%;}
div.boxlayout.sp div.outer, div.boxlayout.sp div.outer3{margin:0.2em;width:98%;}
div.boxlayout div div{margin:0 auto;display:block;width:100%;}

div.imageblock{margin-bottom:1em;text-align:center;}
div.imageblock div{display:inline-block;position:relative;margin:0 auto;padding:0;}
div.imageblock div img{width:100%;height:auto;}
div.imageblock.pc div.one{width:70%;}
div.imageblock.pc div.one.narrow{width:30%;}
div.imageblock.sp div.one{width:80%;}
div.imageblock div.one.full{width:100%;}

div.swrap{background:var(--BASECOLOR1);padding:1.2rem 0 1.2rem 0;text-align:center;}
div.selection{width:100%;padding:1em;text-align:center;margin-bottom:1rem;}
div.selection div{position:relative;display:inline-block;}
div.selection.pc div{width:20%;margin:1rem;}
div.selection.sp div{width:80%;margin-bottom:1rem;}
div.selection div img{width:100%;height:auto;background:rgb(255,255,255);border-radius:50%;}
div.selection div div{position:absolute;top:50%;bottom:50%;right:0;left:0;;width:100%!important;font-weight:bold;letter-spacing:0.2rem;}
div.selection.pc div div{font-size:1.7rem;margin-top:-1rem;margin-left:-0.1rem;}
div.selection.sp div div{font-size:1.3rem;}
div.applink{position:relative;width:100%;text-align:center;}
div.applink div{display:inline-block;padding:0.25rem;}
div.applink div.b{border-radius:1rem;color:var(--WHITE);background:var(--COLOR2);font-weight:bold;}
div.applink div.b:hover{cursor:pointer;}
div.applink.sp div.t{width:80%;}
div.applink.pc div.b{width:18%;}
div.applink.sp div.b{width:70%;}

div.accontent{display:none;margin-bottom:1.5em;padding:0.25em 1em 0.5em 1em;}
div.actitle{position:relative;font-size:1.2em;border-bottom:0.1em solid var(--COLOR1);padding:0.75em;}
div.actitle:after{content: "+";position:absolute;top:0.3em;right:0.5em;font-size:1.25em;font-weight:700;}
div.actitle.open:after{content:"-";}
.acbg1{background:var(--BASECOLOR1);opacity:0.7;}

#menu-item-110 a{display:block;font-size:1.2em;height:2.2em;line-height:2.2em;color:var(--COLOR2)!important;background:var(--WHITE);padding:0.3em;border:0.1em solid var(--COLOR2);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:15em;}
#menu-item-110 a:before{content:"";position:absolute;top:0;left:0;width:0.5em ;height:100%;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translateX(0) translateY(0);transform: translateX(0) translateY(0);border-radius:0 50% 50% 0;background:var(--COLOR2);}
#menu-item-110 a:hover:before{font-family:'Font Awesome 5 Free';font-weight:bold;line-height:1.2em;width:1.2em;height:1.2em;content:'\f061';color:var(--WHITE);border-radius:50%;-webkit-transform:translateX(19em) translateY(.5rem);transform:translateX(14em) translateY(.5rem);}
#menu-item-110 a:hover{border-radius:1.2em;transition:0.5s;background:rgba(255,100,100,0.5)!important;color:var(--WHITE)!important;border:0.1em solid rgba(255,100,100,0.1);cursor:pointer;}

.widget-related-entry-card-link.pc, .popular-entry-card-link.pc, .new-entry-card-link.pc{display:inline-block;width:33%;}

div.wpp-shortcode{margin:-1.5rem 0 1rem 0!important;padding:0 1rem 0 1rem!important;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}