@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/

@import url('https://fonts.googleapis.com/css2?family=Edu+SA+Hand:wght@400..700&family=Kaisei+Tokumin:wght@400;500;700;800&family=Kiwi+Maru&family=Klee+One:wght@400;600&family=Kosugi&family=RocknRoll+One&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
	--green:#068208;
}

html {
	scroll-behavior: smooth;
}

.main {
	padding:0!important;
}

body.single-post main {
  padding: 1rem;!important;
}

body.single main {
  padding: 1rem;!important;
}

.entry-content {
	margin-top:0!important;
	margin-bottom:0!important;
}

.kosugi-regular {
  font-family: "Kosugi", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kaisei-tokumin-regular {
  font-family: "Kaisei Tokumin", serif;
  font-weight: 400;
  font-style: normal;
}

.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.rocknroll-one-regular {
  font-family: "RocknRoll One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.page .date-tags,
.page .author-info {
    display: none;
}

.h-one {
	font-size: clamp(1.5rem, 1.5rem + 1vw, 2.25rem) !important;
	white-space:nowrap;
}

.article h2 {
	background-color:transparent;
	font-size:calc(1vw + 0.75rem);
	margin-bottom:0;
	padding:0;
}

.about_hTwo_child {
	font-size:calc(0.75vw + 0.75rem);
}

.article h3 {
	text-align:center;
	font-size:calc(1vw + 1.25rem);
	border:0;
	padding:1rem;
	background:#fff;
}

#post-22 > div > div > div > h3 {
	background-color:transparent!important;	
}

div.hThree_minContent {
    z-index: 100!important;
    background-color:#fff!important;
	position: relative!important;
	flex-basis:min-content!important;
}

.hThree_child {
	font-size:calc(1vw + 1rem)!important;
	padding-left:0.5rem!important;
}


.animals_selectButton_wrapper {
	gap:0;	
}

.animals_selectButtonBox > a {
	font-size:calc(0.5vw + 0.5rem);
}

.animals_selectButtonBox > a > img {
	padding-left:2rem;
}

.news_rowColumn_height {
	display:flex;	
}

.news_rowColumn_heightChild {
	display:flex;	
}

.news_rowColumn_heightChild_text {
	flex-grow:1;	
}

.wp-block-columns-is-layout-flex > div:nth-child(2) > div > div > a {
	font-size:1.5rem;
}

.dashed_four {
  border-bottom: 4px dashed #068208;
}

.mtCover {
	margin-top:-1.8em;	
}

.pd_side {
	padding:0 3%;
}

.spbr,
.about_col_PCnone,
.tabImg_right,
.tabImg_left,
.tabImg,
.spImg {
	display:none;
}

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

.box_hexagon{
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    width:min(400px, max(60vw, 250px));
}

.position_center > .hexagon_center {
	margin:0 auto;
}

.positionalImg {
	position:relative;
	z-index:1;
}

div.caption-box-label.block-box-label.box-label.fab-check > span {
	margin-left:0;
}

#post-33 > div > div.wp-block-columns.colNone.is-layout-flex.wp-container-core-columns-is-layout-33.wp-block-columns-is-layout-flex > div.wp-block-column.colNone.sp_none.is-layout-flow.wp-block-column-is-layout-flow > figure > picture {
	display:inline-flex;
} 

#post-33 > div > div.wp-block-group.alignfull.is-layout-constrained.wp-block-group-is-layout-constrained > div > div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow > div > div > div > div > div > div {
	padding:3rem;
}

.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info {
	display:none;
}

.pcbr {
	display:inline;
}

.eye-catch {
    position: relative;
    margin-bottom: 0.6em;
    max-width: 70%;
    margin-inline:auto;
}

.colNone {
	gap:0!important;
}

.mbNone {
	margin-bottom:0!important;
}

.mtNegative {
	margin-top:-1rem!important;
}

.newest_inlineBlock li >* {
	display:inline-block;	
}

.newest_inlineBlock time {
	margin-left:0.5rem;
}

.wp-block-group.alignwide.is-content-justification-center.is-layout-constrained.wp-block-group-is-layout-constrained >* {
	height:fit-content;
}

.sec_message {
	font-size:2.25em;
	line-height:1.4;
}

.jumpImg {
	display:flex;
	animation-name: bounce;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-origin: center bottom;
}
	
@keyframes bounce {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); } 
	30%  { transform: scale(1.25, 0.8) translate(0%, 0%); } 
	40%  { transform: scale(1.0, 1.0) translate(0%, 0%); } 
	50%  { transform: scale(0.8, 1.3) translate(0%, -12.5%); } 
	60%  { transform: scale(1.0, 1.0) translate(0%, -25%); } 
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); } 
}
	
.fuwafuwaSide {
    animation: fuwafuwaS 2s infinite ease-in-out;
}

@keyframes fuwafuwaS {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-20px);
}
}

.fuwafuwaSideL {
    animation: fuwafuwaL 2s infinite ease-in-out;
}

@keyframes fuwafuwaL {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-10px);
}
}
	
.fuwafuwaSideR {
    animation: fuwafuwaR 2s infinite ease-in-out;
}

@keyframes fuwafuwaR {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px);
}
}

.blink {
	animation-name: tenmetsu;
    animation-duration:1.25s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes tenmetsu {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.katakataImg {
  animation:katakata 6s infinite ease-in-out alternate;
}

@keyframes katakata {
  0% {transform:translate(0, 0) rotate(0deg);}
  21% {transform:translate(0, 0) rotate(0deg);}

  22% {transform:translate(0, 0) rotate(-3deg);}
  23% {transform:translate(0, -1px) rotate(0deg);}
  24% {transform:translate(0, -1px) rotate(3deg);}

  25% {transform:translate(1px, 0) rotate(-2deg);}
  26% {transform:translate(0, 1px) rotate(0deg);}
  27% {transform:translate(0, 0) rotate(3deg);}

  28% {transform:translate(0, 0) rotate(0deg);}
  100% {transform:translate(0, 0) rotate(0deg);}
}
}

@media screen and (min-width:481px) and (max-width:1280px) {
.about_colPC_rightBox,
.about_col_PCnone,	
.tabImg_right,
.tabImg_left,
.tabImg {
	display:inline;
}

/* .about_colPC_rightBox	 */
/* .about_col_PCnone,	 */
/* .about_col_PCnone,
.tabImg_right,
.tabImg_left {
	display:inline;
	width:25vw;
} */
	
.pcImg {
	display:none
} 	

.about_col_PCnone,
.about_colPC_rightBox {
	display:flex;
	align-items:center;
	justify-content: center;
} 	
	
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
	flex-grow:none;		
}		
	
.spbr {
	display:none;
}
}

/* @media screen and (min-width:736px) and ( max-width:1000px) {	
.about_colPC_rightBox,
.about_col_PCnone,	
.tabImg_right,
.tabImg_left,
.tabImg {
	display:inline;
} */
		
@media screen and (min-width:481px) and ( max-width:1000px) {	
.pcImg {
	display:none;
}

.spbr {
	display:block;
}
	
.about_colPC_rightBox,
.about_col_PCnone,	
.tabImg_right,
.tabImg_left,
.tabImg {
	display:inline;
}
	
.about_col_PCnone,
.about_colPC_rightBox {
	display:flex;
	align-items:center;
	justify-content: center;
} 	
	
.pd_side {
	padding:0 1%;
}
	
div .wp-block-column .is-vertically-aligned-center .about_sp_textBox .is-layout-flow .wp-block-column-is-layout-flow {
	flex-basis:100%;
}
}

@media screen and (max-width: 766px) {
.spImg {
    position: relative;
	z-index: 1;
	display:block;
	width:auto;
    height: 200px;
    margin: 0 auto;
   	margin-top: -40px!important;
}
}

@media screen and (min-width:466px) and ( max-width:766px) {	
.tabImg,	
.tabImg_right,
.tabImg_left {
	display:none!important;
}
}

@media screen and (min-width:736px) and ( max-width:750px) {	
.tabImg,
.about_colBox_left,
.about_colBox_right,
.about_col_PCnone,	
.tabImg_right,
.tabImg_left {
		display:none!important;
}
	
#section_about > div.wp-block-column.about_col_PCnone.is-layout-flow.wp-block-column-is-layout-flow > div > picture > img > .about_colBox_left	{
		display:none!important;
}
	
.spImg {
    position: relative;
	z-index: 1;
	display:block;
	width:auto;
    height: 200px;
    margin: 0 auto;
   	margin-top: -40px!important;
}
}
	
@media screen and (max-width: 480px) {
.pcbr,
.dashedLine_spNone,
.spNone_kameHead {
display:none;
}

.tabImg,	
.tabImg_right,
.tabImg_left {
		display:none;
}	
	
.wp-block-columns-is-layout-flex > div:nth-child(2) > div > div > a {
	font-size:1rem;
}	
	
#post-33 > div > div.wp-block-columns.are-vertically-aligned-top.is-not-stacked-on-mobile.colNone.is-layout-flex.wp-container-core-columns-is-layout-23.wp-block-columns-is-layout-flex > div.wp-block-column.is-vertically-aligned-top.flexB_spFull.is-layout-flow.wp-block-column-is-layout-flow.flexB_spFull{
    flex-basis: 100%;
} 
	
#post-33 > div > div.wp-block-columns.alignwide.are-vertically-aligned-center.colReverse.is-style-bottom-margin-4em.has-bottom-margin.is-layout-flex.wp-container-core-columns-is-layout-18.wp-block-columns-is-layout-flex {
	flex-direction:column-reverse;
}
	
div.wp-block-columns.alignfull.has-large-font-size.is-style-bottom-margin-1em.has-bottom-margin.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex {
	width:fit-content;
}
	
div > div.wp-block-columns.alignwide.are-vertically-aligned-center.colNone.colReverse.has-key-color-background-color.has-background.is-style-bottom-margin-4em.has-bottom-margin.is-layout-flex.wp-container-core-columns-is-layout-27.wp-block-columns-is-layout-flex >* {
	width:auto;
	height:100%;
}

.about_col_PCnone,	
.tabImg_right,
.tabImg_left,
.about_col_PCnone,
.about_colBox_right,
img .pcImg, 
.spNone {
	display:none;
}

.about_spBox_avobe {
	display:inline!important;
	justify-content:center;
	width:100%;
}	
	
.pd_side {
	padding:0 0.5vw;
}	
	
#post-33 > div > div.wp-block-cover.alignfull.is-light.has-parallax.is-repeated.is-style-bottom-margin-0em.has-bottom-margin > div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow > div.wp-block-group.alignwide.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-8.wp-block-group-is-layout-flex > div > div.wp-block-column.is-vertically-aligned-center.about_sp_textBox.is-layout-flow.wp-block-column-is-layout-flow {
	flex-basis:100%;
}	
	
/* .sp_none {
	display:none;		
} */
	
.h-one {
	font-size: clamp(1.25rem, 1.25rem + 1vw, 1.75rem) !important;
	white-space:nowrap;
}	
	
	
#post-6250 > div > div > ul:nth-child(7) .ihiPl,
#post-6250 > div > div > ul:nth-child(11) .ihiPl {
	padding-left:0!important;
} 
	
.btn-l::after, .ranking-item-link-buttons a::after, .btn-wrap.btn-wrap-l > a::after {
	display:none;
}

#post-33 > div > div.wp-block-columns.alignfull.are-vertically-aligned-center.is-not-stacked-on-mobile.has-large-font-size.is-style-bottom-margin-0em.has-bottom-margin.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex > div:nth-child(2) > div > div > a {
	white-space:nowrap;
}

#post-33 > div > div.wp-block-columns.alignfull.are-vertically-aligned-center.colNone.h_nowrap.is-style-bottom-margin-0em.has-bottom-margin.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex > div.wp-block-column.is-vertically-aligned-center.sp_SectionTtl.is-layout-flow.wp-block-column-is-layout-flow > div > div > div > h3 {
	font-size:7vw!important;
	padding:0!important;
}
	
#post-33 > div > div.wp-block-cover.alignfull.is-light.has-parallax.is-repeated.is-style-bottom-margin-0em.has-bottom-margin > div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow > div.wp-block-group.alignwide.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-16.wp-block-group-is-layout-flex > div > div.wp-block-column.is-vertically-aligned-center.about_sp_textBox.is-layout-flow.wp-block-column-is-layout-flow .about_sp_textBox {
	flex-basis:100%!important;
}
	
.wp-block-columns-is-layout-flex > div:nth-child(2) > div > div > a {
	font-size:calc(2vw + 0.5rem)!important;
	white-space:nowrap;
}
	
.spbr {
	display:inline;
}
	
.about_hTwo_bottom {
	margin-top:-1rem;
}	
	
.hThree_child_st {
	font-size:max(10px, min(5vw, 24px))!important;
}		
	
.wp-block-cover .alignfull .has-parallax .is-repeated .pd_width_none .is-style-bottom-margin-0em .has-bottom-margin .wp-duotone-unset-1 {
	border-style: none;
    border-width: 4px;
    border-radius: 0px;
    box-shadow: var(--wp--preset--shadow--natural);
    min-height: 200px!important;
	padding-top: 0%;
    padding-bottom: 0%;
    aspect-ratio:unset;
}

.ihiSPcenter {
	text-align:center;
}	

.ihiSpBlock {
	margin-bottom:1rem!important;
}
	
.newest_gapNone {
	gap:0;
}
	
.newest_inlineBlock li {
	display:block;	
}
}
