@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 {
--green:#068208;
--pink:#fa82c6;

/* --- FONT STYLE --- */
/* --font-base: "Noto Sans JP", sans-serif;
--font-heading--gothic: "Zen Kaku Gothic New", sans-serif;
--font-mincho: "BIZ UDMincho", serif;
--font-english: "Forum", serif; */
	
/* --- FONT SIZE (16px base) --- */
--font-size-h1: clamp(2.25rem, 5vw, 3rem);      /* 32 → 48 */
--font-size-h2: clamp(1.25rem, 4vw, 2rem);    /* 24 → 32 */
--font-size-h3: clamp(1.25rem, 3vw, 1.5rem); /* 20 → 24 */
--font-size-h4: clamp(1.125rem, 2.5vw, 1.25rem); /* 18 → 20 */
--font-size-h5: clamp(1rem, 2vw, 1.125rem);  /* 16 → 18 */
--fs-xs: clamp(.75rem, 1vw, .875rem);      /* 12 → 14  */
--fs-sm: clamp(.875rem, 1.1vw, 1rem);      /* 14 → 16  */
--fs-body: clamp(1rem, 1.2vw, 1.125rem);   /* 16 → 18  */
--fs-lg: clamp(1.25rem, 2vw, 1.5rem);      /* 20 → 24  */
--fs-xl: clamp(1.75rem, 4.5vw, 2.5rem);    /* 28 → 40  */
}
}

html {
	scroll-behavior: smooth;
}

.wp-block-latest-posts__list li {
	display: flex;
	align-items:center;
	gap: 0;
	font-size:var(--fs-body);
}

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

.main {
	padding:0!important;
} 

.related-entry-heading {
	margin-left:1rem;
}

.pd_side {
	padding:0 3%;
}

.section-news_innerFrame .widget-entry-card {
	border:solid 4px;
	padding:2%;
}

.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info,
.scroll-icon img,
.spbr,
.about_col_PCnone,
.tabImg_right,
.tabImg_left,
.tabImg,
.spImg {
	display:none;
}

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

/* ---heading1-3--- */
.hero__title {
	font-size: var(--font-size-h1)!important;
	white-space:nowrap;
	font-family: "RocknRoll One", sans-serif;
	text-align: center;
	color: #fff;
	line-height:1.4;
	margin-bottom: 0;
}

.page--hero__title {
	font-size: var(--font-size-h1)!important;
	white-space:nowrap;
	font-family: "RocknRoll One", sans-serif;
	text-align: center;
	color: var(--green);
	margin-bottom: 0;
	border:none!important;
}

.hero__subtitle {
	font-size:var(--font-size-h2);
	font-family: "RocknRoll One", sans-serif;
	text-align: center;
	color: #fff;
	background-color:transparent!important;
	margin-bottom: 0!important;
	padding:0!important;
}

.hero__subtext {
	font-size:clamp(1rem, 2vw, 1.25rem);   
	margin-bottom: 0!important;
}

/* title-vartical */
.article h3.article__heading {
	text-align: center;
	font-size:clamp(1.5rem, 3.5vw, 2.25rem); 
	padding: 1rem;
	border: 0;
}

.article__heading-text {
	position: relative;
	z-index: 1;
	
	font-size:var(--fs-lg)!important;
	line-height:1.5;
	padding-left:0.5rem;
}

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

/* ---common-parts--- */
.breadcrumb {
	margin-bottom:0;
	color:var(--pink);
}

.post .date-tags {
  display: block;
}

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

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

.pcbr {
	display:inline;
}

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

.columns--no-gap {
	gap:0;
}

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

/* ---page--animals>prodcts>about>contact--- */
.post:not(.widget-entry-card) {
	padding:1rem;
}

li time {
  margin-left: 1rem;
}

#related-entries article.post {
  padding: 0;
}

.new-arrivals__animal-card {
	margin-left:0;
	padding-left:0;
}

@media (max-width: 768px) {
.wp-block-latest-posts__list li {
  display: grid;
  grid-template-columns: 80px 1fr;
  grid-template-rows: auto auto;
  align-items: center;
}

.wp-block-latest-posts__featured-image {
  grid-row: 1 / 3;
  grid-column: 1;
	padding-left:0.5rem;
}
	
.wp-block-latest-posts__post-date {
  grid-row: 1;
  grid-column: 2;
  font-size: 0.85em;
  opacity: 0.7;
}

.wp-block-latest-posts__post-title {
  grid-row: 2;
  grid-column: 2;
}
}

.product--link-btn {
	gap:0;
}
/* ===page--animals>prodcts>about>contact=== */

.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;
}

.spImg{
	opacity:0;
	transform:translateY(40px) scale(.75);
	transition:opacity .8s ease, transform .8s ease;
}

.spImg.is-show {
	opacity:1;
	transform:translateY(0) scale(1);
}

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

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

.is-list-horizontal .swiper-button-next,
.is-list-horizontal .swiper-button-prev {
    background-color:#cffdd1b0;
    background-image: url(/wp-content/uploads/2026/02/icon-viewMore.png);
    background-size: contain;
    background-position: center;
    object-fit: contain;
	border-radius:0;
}

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

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

.text__em {
	font-size:2.25em;
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
 	font-style: normal;
}

.contact-info {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0;
}

.contact-info dt {
  font-weight: bold;
}

.is-list-horizontal.large-thumb .widget-entry-card-link,
.is-list-horizontal.large-thumb-on .widget-entry-card-link {
  max-width: 32%;
}

.section-news__inner-frame .swiper-wrapper {
	display: flex;
	justify-content:center;
	gap:1%;
	margin-inline:0 auto;
}

.section-news__inner-frame .swiper-slide {
	border: 2px solid;
}

.section-news__inner-frame .widget-entry-card {
    height: 100%;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity:0.75;
}

/* ---animation--- */
.loop-wrap {
	overflow: hidden;
	width: 100%;
}

.loop-track {
	display: flex;
	width: fit-content;
	animation: loop-text 25s linear infinite;
}

.loop-track span {
	white-space: nowrap;
	font-size: 0.8rem;
	font-weight:500;
	padding-right: 1rem;
}

@keyframes loop-text {
  0% {
    transform: translateX(0);
}
  100% {
    transform: translateX(-50%);
}
}

.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);}
}
}
/* ===animation==== */

@media screen and (max-width:1280px) {
.about_col_PCnone,
.about_colPC_rightBox {
	display:flex;
	align-items:center;
	justify-content: center;
} 	
}

@media screen and (max-width: 766px) {
.tabImg_right,
.about_colPC_rightBox,
.about_col_PCnone,
.pcImg,
.tabImg {
	display:none
}

.spbr {
	display:block;
}

.spImg {
    position: relative;
	z-index: 1;
	display:block;
	width:auto;
    height: 200px;
    margin: 0 auto;
   	margin-top: -40px!important;
}
	
.is-list-horizontal .swiper-button-next, 
.is-list-horizontal .swiper-button-prev {
    background-color: #cffdd1b0;
    border-radius: 0!important;
    top: 80%;
    bottom: 20%;
    margin: 0;
}	

.about_col_PCnone,
.about_colPC_rightBox {
	display:flex;
	align-items:center;
	justify-content: center;
} 	
	
.pd_side {
	padding:0 1%;
}

.about_sp_textBox {
	flex-basis:100%;
}	
}
	
@media screen and (max-width: 480px) {
.fa-star:before {
    content: "\f164"!important;
	color: #ff82c6;
}

.pcbr,
.dashedLine_spNone,
.spNone_kameHead,
.tabImg,	
.tabImg_right,
.tabImg_left,	
.btn-l::after, 
.ranking-item-link-buttons a::after, 
.btn-wrap.btn-wrap-l > a::after,
.about_col_PCnone,	
.about_col_PCnone,
.about_colBox_right,
img .pcImg, 
.spNone {
	display:none;
}

.hero__subtitle {
	font-size:var(--fs-body);
}

.btn-x {
	padding:0;		
}	
	
.scroll-icon img {
	display:inline;		
}	

.flexB_spFull{
    flex-basis: 100%;
}
	
.wp-block-columns.alignfull {
 	width: fit-content;
}

/* .post-33 .colReverse {
  flex-direction: column-reverse;
} */
	
/* .wp-block-columns.colReverse > * {
	width: auto;
	height: 100%;
} */

/* .about_spBox_avobe {
	display:inline!important;
	justify-content:center;
	width:100%;
}	 */
	
.about_sp_textBox {
	flex-basis:100%;
}		

.wp-block-columns. a {
	white-space:nowrap;
}
	
.spbr {
	display:inline;
}
	
.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;
}
	
.section-news__inner-frame  a {
	max-width:30%;
}

/* .section-news__inner-frame .widget-entry-card {
    height:inherit;
} */

}