@charset "utf-8";
/* ===========================================================
 *
 * アムールカニッシュスタイルシート
 * Last UpDate : 2026/05/29 *
=========================================================== */

/* ----------------------------------------------------------
	style.css
---------------------------------------------------------- */
@import "hover-min.css";

/* zen-maru-gothic-regular - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('zen-maru-gothic-v18-japanese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-maru-gothic-700 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('zen-maru-gothic-v18-japanese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ----------------------------------------------------------
 common
---------------------------------------------------------- */


html{ font-size: 62.5%; font-feature-settings: "palt"; }

body {
color: #666;
background-color: #fff;
font-family: 'Zen Maru Gothic', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
font-size: 16px;
font-size: 1.6rem;
}
/*
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .h2Wrap{ line-height: 1.7 !important; }

}
*/


:root{
	--main-color: #856f59;
	--second-color: #e9cfb5;
	--button-color: #d2975c;
	--sub-color: #faf0e6;
	--accent-color: #df2a50;
	scroll-padding: calc( 120px + 100px);
	scroll-behavior: smooth;
	--header-height: 120px;
}

strong{ font-weight: 900; }


/* ----------------------------------------------------------
 link
---------------------------------------------------------- */
a:link		{ color: #333; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover		{ color: var(--main-color); text-decoration: none; }
a:active	{ color: var(--main-color); text-decoration: none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }


/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ position: fixed; top: 0; width: 100%; height: var(--header-height); background-color: #fff; z-index: 5; box-shadow: 0px 8px 16px -6px rgba(0,0,0,.1); }
.header_sec{ display: flex; align-items: center; justify-content: space-between; }
.header_logo{ flex-basis: 20%; text-align: center; }
.header_logo a{ display: block; }
.header_logo a:hover{ opacity: .6; }
.header_logo01{ font-size: 4.6rem; color: #221815; font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.2; }
.header_logo01 span{ display: block; font-size: 1.1rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.header_logo01 p{ line-height: 1; }

.gnavi{ flex-basis: 40%; margin: 0 3% 0 auto; }
.gnavi_list{ display: flex; }
.gnavi_item{ flex: 1 0 auto; }
.gnavi_item a{ display: block; font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; height: 120px; position: relative; overflow: hidden; transition:all .5s ease; z-index: 2; }
.gnavi_item a i{ display: block; font-size: 2.5rem; color: var(--main-color); text-align: center; padding-top: 30px; transition: 0.5s ease-in-out; }
.gnavi_item a span{ display: block; color: #ccc4bd; font-size: 1.5rem; font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; padding-top: 0px; }
.gnavi_item a:hover{ background-color: var(--main-color); top: 0; color: #fff; }
.gnavi_item a:hover i{ color: #ccc4bd;  }

.header_info{ flex-basis: 12%; min-width: 220px; /* margin-right: 140px; */ }

.header_tel{ display: flex; align-items: center; color: #222; font-size: 2.2rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; }
.header_tel i{ font-size: 1.6rem; margin-right: 5px; }

.header_contact{ width: 100%; }
.header_contact a{ display: inline-block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 4px 40px; }
.header_contact a i{ margin-right: 10px; }
.header_contact a:hover{ background-color: #fff; color: var(--button-color); }


.header_sns{ margin-right: 140px; }
.header_sns_list{ display: flex; }
.header_sns_item{ margin: 0 10px; }
.header_sns_item a{ font-size: 2.8rem; }
.header_sns_item a:hover{ opacity: .6; }
.header_sns_item_instagram{}
.header_sns_item_instagram a{ color: #333; }
.header_sns_item_youtube{}
.header_sns_item_youtube a{ color: #f00; }





#nav-toggle {
	display: block !important;
	position: fixed;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	cursor: pointer;
	background-color: var(--sub-color);
	z-index: 999;
}
#nav-toggle > div {
	position: relative;
	width: 40px;
}
#nav-toggle span {
	width: 100%;
	height: 1px;
	top: 50px;
	left: 40px;
	display: block;
	background: var(--main-color);
	position: absolute;
	transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#nav-toggle span:nth-child(1){ top: 50px; }
#nav-toggle span:nth-child(2){ top: 57px; }
#nav-toggle span:nth-child(3){ top: 64px; }

.open #nav-toggle span {
 /* background: #fff; */
}
.open #nav-toggle span:nth-child(1) {
	top: 57px;
	transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
	top: 64px;
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 57px;
	transform: rotate(-45deg);
}

#gloval-nav {
	background-color: rgba(133, 111, 89, .9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	font-size: 20px;
	transform: translateX(-100%);
	transition: opacity 0.6s ease, visibility 0.6s ease;
	padding-top: 120px;
}

#gloval-nav a {
	display: block;
	color: #fff;
	padding: 20px;
	transition: color 0.6s ease;
	font-size: 2rem;
}
#gloval-nav a:hover{ background-color: rgba(255,255,255,.1); padding: 20px; }
#gloval-nav ul{ display: flex; flex-wrap: wrap !important; justify-content: flex-start !important; border-top: 1px dotted #fff; }
#gloval-nav .gnavi__list{ width: 70%; padding: 0; height: auto; }
#gloval-nav ul li {
	opacity: 0;
	transform: translateX(-200px);
	transition: transform 0.6s ease, opacity 0.2s ease;
	flex-basis: 33%;
	border-bottom: 1px dotted #fff;
}
#gloval-nav ul li:nth-child(2){ transition-delay: 0.15s; }
#gloval-nav ul li:nth-child(3){ transition-delay: 0.3s; }
#gloval-nav ul li:nth-child(4){ transition-delay: 0.45s; }
#gloval-nav ul li:nth-child(5){ transition-delay: 0.6s; }
#gloval-nav ul li:nth-child(6){ transition-delay: 0.75s; }
#gloval-nav ul li:nth-child(7){ transition-delay: 0.9s; }
#gloval-nav ul li:nth-child(8){ transition-delay: 1.05s; }
#gloval-nav ul li:nth-child(9){ transition-delay: 1.2s; }
#gloval-nav ul li:nth-child(10){ transition-delay: 1.35s; }
#gloval-nav ul li:nth-child(11){ transition-delay: 1.5s; }
#gloval-nav ul li:nth-child(12){ transition-delay: 1.65s; }
#gloval-nav ul li:nth-child(13){ transition-delay: 1.8s; }
#gloval-nav ul li:nth-child(14){ transition-delay: 1.95s; }
#gloval-nav ul li:nth-child(15){ transition-delay: 2.05s; }

/* open */
.open {
	overflow: hidden;
}
.open #gloval-nav {
	visibility: visible;
	transform: translateX(0);
	transition: transform 0.6s;
}
.open #gloval-nav li {
	opacity: 1;
	transform: translateX(0);
	transition: transform 1s ease, opacity 0.9s ease;
}

#nav-toggle{ z-index: 100; }
#gloval-nav{ z-index: 10; }

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
.footer_contact{ background-color: #856f59; padding: 60px 0; }
.footer_contact_sec{ width: 960px; margin: 0 auto; background-color: #fff; border-radius: 10px; padding: 40px 60px; }
.footer_contact_sec_tit{ font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-align: center; line-height: 1.3; padding-bottom: 20px; border-bottom: 1px solid var(--main-color); margin-bottom: 20px; }
.footer_contact_sec_tit span{ display: block; font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.footer_contact_sec01{}
.footer_contact_sec01_list{ display: flex; justify-content: center; align-items: center; }
.footer_contact_sec01_item{ }
.footer_contact_sec01_item_tel{ flex-basis: 40%; margin-right: 20px; }

.footer_contact_sec01_item_tel{ color: #222; font-size: 3.5rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; text-align: right; }
.footer_contact_sec01_item_tel i{ font-size: 2.5rem; margin-right: 5px; }
.footer_contact_sec01_item_tel p{ font-size: 1.4rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; text-align: right; }

.footer_contact_sec01_item_btn{ flex-basis: 40%; margin-left: 20px; }

.footer_contact_sec01_item_btn a{ display: inline-block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 15px 30px; }
.footer_contact_sec01_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.footer_contact_sec01_item_btn a:hover{ background-color: #fff; color: var(--button-color); }


footer{ padding-top: 100px; padding-bottom: 50px; }
.footer_logo{ text-align: center; margin-bottom: 30px; }
.footer_copyright{ color: #ccc; font-size: 1.1rem; text-align: center; }




/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */

.h1_wrap{ width: 100%; background-color: #fcf6f0; text-align: center; margin-top: 120px; padding-bottom: 60px; }
.h1_wrap h1{ font-size: 3.5rem; font-weight: 700; padding-top: 50px; margin-bottom: 20px; }
.h1_wrap h1 span{ display: block; font-size: 3rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 2px; }
.bg_h1{ min-height: 80px; width: 100%; background: url("/info/wp-content/uploads/bg_h1.png") repeat-x top center; background-size: contain; margin-bottom: 60px; }

h2{ font-size: 3.5rem; color: #666; font-weight: 700; letter-spacing: 2px; margin-bottom: 40px; line-height: 1.2; }

h2.wp-block-heading{ margin-bottom: 30px; }

.information_sec h2{ position: relative; font-size: 3rem; background-color: none; padding: 0 0 0 50px; border-radius: 0; line-height: 1.3; margin-bottom: 40px; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.information_sec h2:before{ position: absolute; content: ""; left: 0; top: 5px; width: 30px; height: 30px; background-color: var(--second-color); border-radius: 100%; }


.information_item h2{ font-size: 3rem; font-weight: 700; background-color: var(--sub-color); padding: 30px; border-radius: 10px; line-height: 1.3; }
.puppy_sec h2{ font-size: 3.5rem; text-align: center; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; }

.h2_top{ position: relative; font-size: 2rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; padding-left: 20px; }
.h2_top:before{ position: absolute; display: block; content: ""; top: 15px; left: 0; width: 10px; height: 2px; background-color: #d2975c; }


.news_single_txt h3,
.owner h3,
.introduce h3{
	font-size: 2.8rem; color: var(--main-color); font-weight: 700;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
h3.wp-block-heading{ margin-bottom: 20px; }

.news_single_txt h3:after,
.owner h3:after,
.introduce h3:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

h4{ font-size: 2.2rem; color: var(--main-color); font-weight: 700; background: linear-gradient(transparent 70%, #fcf6f0 70%); margin-bottom: 30px; }
h4.wp-block-heading{ margin-bottom: 10px; }

/* ぱんくず */
.breadcrumbs{ }  
.breadcrumbs_sec{ } 
.breadcrumbs_sec span{ display: inline-block; position: relative; font-size: 1.4rem; font-weight: 400; }
.breadcrumbs_sec span br{ display: none; }
.breadcrumbs_sec span:before{ content: "/"; display: block; position: absolute; top: 0; left: 6px; font-size: 1.4rem; }
.breadcrumbs_sec span:first-child:before{ content: ""; }
.breadcrumbs_sec span a{ font-size: 1.2rem; margin: 0 0 0 20px;  }
.breadcrumbs_sec span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */

.contents{ width: 1300px; margin: 0 auto 100px auto; }
.wrapper{ display: flex; justify-content: space-between; }

.top_img_wrap{ margin-top: 120px; margin-bottom: 260px; position: relative; background-color: var(--sub-color); height: 100%; }

.top_concept{ z-index: 3; position: absolute; top: 100px; left: 0; background-color: #f9f9f9; width: 760px; padding: 60px 70px; border-radius: 0 10px 10px 0; }
.top_concept_tit{ margin-bottom: 30px; }
.top_concept_tit01{ font-size: 5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; }
.top_concept_tit02{ color: #055555; font-size: 4.2rem; font-weight: 700; line-height: 1.3; }
.top_concept_tit02 span{ font-size: 3.8rem; }

.top_concept_txt{ font-size: 1.7rem; color: #666; line-height: 2.3; letter-spacing: 1px; margin-bottom: 30px; }

.top_concept_btn{ width: 360px; }
.top_concept_btn a{ position: relative; display: block; font-size: 1.8rem; font-weight: 700; text-align: center; color: var(--main-color); background-color: var(--sub-color); border: 1px solid var(--sub-color); padding: 25px; border-radius: 10px; }
.top_concept_btn a:before{ content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); right: 20px; top: 34px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_concept_btn a:hover{ background-color: var(--main-color); color: var(--sub-color); }
.top_concept_btn a:hover:before{ border-color: var(--sub-color); }

#top_img{ z-index: 1; position: absolute; top: 0; right: 0; width: 1380px; height: 800px; }
#top_img img{ border-radius: 0 0 0 20px; }


.top_bnr_line{ position: fixed; right: 0px; top: 180px; z-index: 3; }
.top_bnr_line a:hover{ opacity: .6; }

.top_bnr{ position: absolute; right: 80px; top: 500px; z-index: 3; }
.top_bnr_list{ display: flex; }
.top_bnr_item{ }


.top_info{ z-index: 2; position: absolute; width: 1150px; top: 800px; right: 0; background-color: #fafafa; border-radius: 0 0 0 10px; padding: 60px; display: flex; }
.top_info_tit{ flex-basis: 30%; font-size: 4rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; text-align: right; margin-right: 50px; }
.top_info_tit span{ display: block; font-size: 1.4rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.top_info_list{ flex-basis: 70%; }
.top_info_item{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.top_info_item_date{ flex-basis: 12%; font-size: 1.3rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 400; font-style: normal; }
.top_info_item_cat{ flex-basis: 13%; background-color: var(--second-color); color: var(--main-color); font-size: 1.2rem; font-weight: 700; text-align: center; border-radius: 40px; padding: 3px 15px; margin-right: 10px; }
.top_info_item_tit{ flex-basis: 70%; font-size: 1.7rem; line-height: 1.3; }

.top_info_btn{ position: absolute; bottom: -220px; right: 100px; z-index: 2; }



.top_puppy{ width: 1300px; margin: 0 auto 100px auto; }
.top_puppy_tit{ font-size: 5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 40px; }
.top_puppy_tit span{ font-size: 2.1rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; margin-left: 10px; }

.top_puppy_list{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; }
.top_puppy_list:before{ content: ""; display: block; width: 23%; order: 1; }
.top_puppy_list:after{ content: ""; display: block; width: 23%; }
.top_puppy_item{ position: relative; flex-basis: 23%; border-radius: 20px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); margin-bottom: 60px; }
.top_puppy_img{}
.top_puppy_img img{ width: 100%; height: auto; border-radius: 20px 20px 0 0; }
.top_puppy_cat{}
.top_puppy_cat_list{ }
.top_puppy_cat_item{ position: absolute; top: 180px; left: 0; right: 0; margin: 0 auto; width: 180px; color: #fff; background-color: var(--accent-color); text-align: center; font-size: 1.8rem; font-weight: 700; padding: 8px; border-radius: 40px; }
.cat_puppy_wanted01{ background-color: #de7f0a !important; }
.cat_puppy_decision01{ background-color: var(--accent-color) !important; }
.cat_puppy_preparation01{ background-color: #18689d !important; }
.top_puppy_info{ padding: 40px 30px 30px 30px; }
.top_puppy_info_list{ display: flex; flex-wrap: wrap; }

.top_puppy_info_list .puppy_item_sec_item{ border-bottom: 1px solid #ccc; }
.top_puppy_info_list .puppy_item_sec_item:last-child{ border-bottom: 0; }
.top_puppy_info_list .puppy_item_sec_item:after{ display: none; }

.top_puppy_info_list .puppy_item_sec_item{ padding-bottom: 15px; margin-bottom: 15px; }

.top_puppy_info_list .puppy_item_sec_item:nth-child(1){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(2){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(3){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(4){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5){ display: flex; align-items: flex-start; flex-wrap: wrap; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5) .puppy_item_sec_item_tit{ white-space: nowrap; margin-bottom: 5px; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5) .puppy_item_sec_item_txt{ flex-basis: 100%; }

.top_puppy_btn01{ position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 220px; }
.top_puppy_btn01 a{ position: relative; display: block; color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px; border-radius: 5px; border: 2px solid var(--main-color); }
.top_puppy_btn01 a:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; right: 15px; top: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_puppy_btn01 a:hover{ background-color: #fff; color: var(--main-color); }
.top_puppy_btn01 a:hover:before{ border-color: var(--main-color); }

.puppy_sex_key1{ display: block; width: 30px; height: 30px; background-color: #00d8ea; color: #fff; font-size: 2rem; font-weight: 700; text-align: center; border-radius: 100%; }
.puppy_sex_key2{ display: block; width: 30px; height: 30px; background-color: #ff5bad; color: #fff; font-size: 2rem; font-weight: 700; text-align: center; border-radius: 100%; }

.top_puppy_btn{ margin: 40px auto 0 auto; }

.top_movie{ width: 90%; max-width: 1200px; margin: 0 auto 80px auto; }
.top_movie_list{ display: flex; justify-content: space-between; }
.top_movie_item{ flex-basis: 48%; }
.top_movie_txt{ font-size: 1.8rem; line-height: 1.8; }
.top_movie_youtube{ width: 100%; aspect-ratio: 16 / 9; }
.top_movie_youtube iframe{ width: 100%; height: 100%; }



.top_voice{ background-color: #fde7e0; padding: 80px 0 100px 0; }
.top_voice_sec{ width: 1300px; margin: 0 auto; }
.top_voice_list{ display: flex; justify-content: space-between; }
.top_voice_item{ position: relative; flex-basis: 24%; }
.top_voice_item a{ display: block; color: var(--main-color); background-color: #fff; padding: 30px 40px; border-radius: 20px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.top_voice_tit{ font-size: 2.3rem; font-weight: 700; margin-bottom: 20px; }
.top_voice_img{ margin-bottom: 10px; }
.top_voice_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_voice_txt{ font-size: 1.5rem; line-height: 1.8; margin-bottom: 20px; }
.top_voice_txt{}

.top_voice .voice_item_img_info{ position: absolute; bottom: 20px; right: 30px; }

.hvr-reveal:before {
	border-radius: 20px;
	border-color: var(--main-color);
}
.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before {
	border-width: 2px;
}

.top_voice_btn a{ background-color: #fff; }

.voice_list{}
.voice_item{ background-color: #fcf6f0; padding: 60px 60px 10px 60px; border-radius: 10px; margin-bottom: 60px; }
.voice_sec_list{ display: flex; justify-content: space-between; }
.voice_sec_item{}
.voice_sec_item01{ flex-basis: 40%; }
.voice_sec_item02{ flex-basis: 55%; }
.voice_item_name{ font-size: 2.6rem; font-weight: 700; margin-bottom: 20px; }
.voice_item_name i{ margin-right: 10px; }
.voice_item_img{}
.voice_thumbnail{ margin-bottom: 10px; }
.voice_thumbnail img{ width: 100%; height: auto; border-radius: 10px; }
.voice_item_img_info{ display: flex; justify-content: flex-end; }
.voice_item_img_info_add{ font-size: 1.8rem; font-weight: 700; margin-right: 20px; }
.voice_item_img_info_name{ font-size: 1.8rem; font-weight: 700; }




.voice_sec_item02_list{}
.voice_sec_item02_item{ position: relative; margin-bottom: 60px;  }
.voice_sec_item_tit{ position: absolute; left: -20px; top: -20px; display: inline-block; color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px 15px; border-radius: 5px; }
.voice_sec_item_txt{ background-color: #fff; font-size: 1.8rem; line-height: 2; padding: 40px; }


.wp-pagenavi{ width: 100%; margin: 100px auto; display: flex; justify-content: center; }
.wp-pagenavi a, .wp-pagenavi span {
	display: block;
	text-decoration: none;
	border: 1px solid #aaa !important;
	padding: 3px 10px !important;
	margin: 2px;
	font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal;
	border-radius: 100%;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color);
	color: #fff;
}


.top_contents{ width: 1200px; margin: 0 auto; padding: 80px 0; }
.top_contents_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_contents_item{ flex-basis: 49%; margin-bottom: 40px; }
.top_contents_item a:hover{ opacity: .6; }
.top_contents_item_img{ margin-bottom: 10px; }
.top_contents_item_img img{ width: 100%; height: auto; border-radius: 10px; }

.top_contents_item_tit{ position: relative; font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 40px; }
.top_contents_item_tit span{ font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; margin-left: 20px; }
.top_contents_item_tit:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); position: absolute; right: 17px; bottom: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; z-index: 2; }
.top_contents_item_tit:after{ position: absolute; content: ""; right: 0; bottom: 0; width: 40px; height: 40px; border-radius: 100%; background-color: var(--sub-color); }





.top_blog{ background-color: var(--sub-color); padding: 80px 0 100px 0; }
.top_blog_sec{ width: 1300px; margin: 0 auto; }
.top_blog_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_blog_list:before{ content: ""; display: block; width: 23%; order: 1; }
.top_blog_list:after{ content: ""; display: block; width: 23%; }

.top_blog_item{ flex-basis: 23%; }
.top_blog_item a:hover{ opacity: .6; }
.top_blog_date{ text-align: right; font-size: 1.3rem; margin-bottom: 5px; }
.top_blog_img{ margin-bottom: 10px; }
.top_blog_img img{ width: 100%; height: 210px; border-radius: 10px; object-fit: cover; }
.top_blog_tit{ font-size: 1.8rem; font-weight: 700; }


.top_instagram{ width: 1000px; margin: 0 auto; padding: 80px 0 100px 0; }
.top_instagram_sec{ margin-bottom: 60px; }








.information_sec{}
.information_list{}
.information_item{ margin-bottom: 40px; }
.information_item_sec{ display: flex; justify-content: flex-end; align-items: center; margin-bottom: 5px; }
.information_date{ flex-basis: 15%; font-size: 1.4rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 400; font-style: normal; }
.information_date i{ margin-right: 10px; }
.information_cat{ flex-basis: 14%; font-size: 1.4rem; }
.blog_cat{ flex-basis: 21%; font-size: 1.4rem; }
.information_cat i{ margin-right: 5px; }
.information_item_tit{ font-size: 3rem; font-weight: 700; background-color: var(--sub-color); padding: 30px; border-radius: 10px; line-height: 1.3; }

.blog_txt{ background-color: #fcf6f0; padding: 20px; border-radius: 10px; font-size: 2rem; font-weight: 500; margin-bottom: 30px; }

.blog_sec_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.blog_sec_item{ flex-basis: 32%; margin-bottom: 40px; }
.blog_sec_item_sec{ width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin-bottom: 5px;  }
.blog_sec_item_sec_date{ flex-basis: 100%; margin-bottom: 5px; }
.blog_sec_item_sec_cat{ flex-basis: 100%; }
.blog_sec_img01{ margin-bottom: 10px; }
.blog_sec_img01 img{ width: 100%; height: auto; border-radius: 10px; }
.blog_sec_tit01{ font-size: 1.8rem; font-weight: 700; line-height: 1.4; }



.main{ flex-basis: 70%; }
.sidebar{ flex-basis: 25%; background-color: #fcf6f0; padding: 40px; border-radius: 10px; }

.sidebar_sec{
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.sidebar_sec:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }
.sidebar_sec:last-child:after{ background: none; }

.sidebar_tit{ display: flex; align-items: center; color: var(--main-color); font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.sidebar_tit span{ display: block; width: 40px; height: 40px; background-color: var(--main-color); text-align: center; border-radius: 100%; margin-right: 10px; }
.sidebar_tit span i{ color: #fff; font-size: 2rem; line-height: 40px; }
.sidebar_list,
.sidebar_cat_list,
.sidebar_monthly_list{ margin-left: 20px; margin-bottom: 20px; }
.sidebar_item,
.sidebar_cat_list > li,
.sidebar_monthly_list > li{ list-style-type: disc; color: var(--main-color); font-size: 1.5rem; margin-bottom: 5px; line-height: 1.3; }
.sidebar_monthly_list{}
.sidebar_monthly_list > li{}


.pagination_wrap{ width: 1300px; margin: 0 auto 100px auto; }

.pagination{ border-top: 1px solid #ccc; padding-top: 60px; margin-top: 60px; }
.pagination_list{ display: flex; justify-content: space-between;  }
.pagination_item{ position: relative; width: 160px; }
.pagination_item a{ display: block; background-color: var(--main-color); color: #fff; font-size: 1.6rem; font-weight: 700; padding: 15px 25px; border: 1px solid var(--main-color); border-radius: 60px; }
.pagination_item a:hover{ background-color: #fff; color: var(--main-color); }

.pagination_item_prev{ position: relative; transition: 0.3s; text-align: right; }
.pagination_item_prev a{ padding-right: 45px; }
.pagination_item_prev:before,
.pagination_item_prev:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_prev:before{ right: 20px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_prev:after{ right: 20px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); border-radius: 1px; top: 1px; }

.pagination_item_prev:hover{ color: #fff; }
.pagination_item_prev:hover::before{ background: var(--main-color); }
.pagination_item_prev:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }


.noprev{ text-align: left; }
.nonext{ text-align: right; }
.next{}

.pagination_item_next{ position: relative; transition: 0.3s; text-align: right; width: 160px; }
.pagination_item_next a{ padding-left: 45px; }
.pagination_item_next:before,
.pagination_item_next:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_next:before{ left: 20px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_next:after{ left: 20px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-125deg); border-radius: 1px; top: 1px; }

.pagination_item_next:hover{ color: #fff; }
.pagination_item_next:hover::before{ background: var(--main-color); }
.pagination_item_next:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }

.noprev,
.nonext{ display: block; width: 160px; background-color: rgba(133,111,89,.4); color: #fff; font-size: 1.6rem; padding: 15px 25px; border-radius: 60px; }


.pagination_item_ichiran{ text-align: center; }

.news_single_txt{}
.news_single_txt ul{ margin-left: 30px; margin-top: 10px; margin-bottom: 20px; }
.news_single_txt ul li{ list-style-type: disc; }


.puppy_sec{ width: 1200px; margin: 0 auto; }
.puppy_status{ width: 180px; color: #fff; text-align: center; background-color: #df2a50; font-weight: 700; padding: 10px; border-radius: 40px; margin: 0 auto 40px auto; }
.puppy_list{ display: flex; justify-content: space-between; }
.puppy_item{}
.puppy_img{ flex-basis: 65%; }

.puppy_info{ flex-basis: 30%; }
.puppy_item_sec{ border-radius: 20px; padding: 30px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.puppy_item_sec_list{}
.puppy_item_sec_item{ position: relative; padding-bottom: 25px; margin-bottom: 20px; }
.puppy_item_sec_item:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

.puppy_item_sec_item_tit{ display: inline-block; font-size: 1.5rem; font-weight: 700; color: #666; background-color: var(--sub-color); padding: 3px 15px; border-radius: 10px; margin-right: 10px; }
.puppy_item_sec_item_txt{ display: inline-block; font-size: 1.6rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }

.puppy_item_sec_item_sec01{ margin-bottom: 10px; }
.puppy_item_sec_item:last-child{ margin-bottom: 0; }
.puppy_item_sec_item:last-child:after{ display: none; }

.puppy_item_sec_list02{ border-top: 2px solid #ccc; padding-top: 20px; }
.puppy_item_sec_item02{ margin-bottom: 10px; }


#thumbnail-carousel{ margin-top: 10px; }

/* サムネイルの幅を調整 */
.splide__track--nav > .splide__list > .splide__slide {
width: 100% !important;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
width: 100% !important;
}
/* サムネイルをグリッド表示 */
#thumbnail-carousel .splide__list {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
/* 選択されていないサムネイルは薄くする */
.splide__slide {
opacity: .6;
}
/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active {
opacity: 1;
}
/* 画像サイズ調整 */
.splide__slide img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 7px;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid var(--main-color); border-radius: 10px;
}


.txt01{ font-size: 1.8rem; letter-spacing: 2px; line-height: 2.3; }
.txt02{ font-size: 1.6rem; letter-spacing: 2px; line-height: 2; margin-bottom: 20px !important; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.6; }

.wp-block-flexible-table-block-table strong{ font-weight: 700; }



.map_sec{}
.map_sec iframe{ width: 100%; aspect-ratio: 5/5; }

.map_sec01{}
.map_sec01_list{ display: flex; justify-content: space-between; }
.map_sec01_item{ flex-basis: 45%; }
.map_sec01_item_tit{ display: flex; align-items: center; }
.map_sec01_item_tit i{ width: 70px; height: 70px; background-color: var(--sub-color); border-radius: 100%; color: var(--main-color); font-size: 3rem; margin-right: 10px; text-align: center; line-height: 70px; }
.map_sec01_item_tit p{ font-size: 3rem; font-weight: 700; }
.map_sec02_list{ margin-left: 90px; margin-bottom: 40px; }
.map_sec02_item{ list-style-type: disc; font-size: 1.7rem; }



.flow_sec{  }
.flow_sec_list{ width: 1000px; margin: 0 auto; }
.flow_sec_item{ display: flex; margin-bottom: 30px; }

.flow_sec01{ position: relative; }
/*
.flow_sec01{ position: relative; background: url("/info/wp-content/uploads/ico_paw01.png") no-repeat 50px 160px; }
.flow_sec_item_step1 .flow_sec01{ position: relative;
	background-image: url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 50px 160px, 50px 200px, 50px 240px, 50px 280px;
}

.flow_sec_item_step2 .flow_sec01,
.flow_sec_item_step3 .flow_sec01{ position: relative;
	background-image: url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 50px 160px, 50px 200px;
}
.flow_sec_item_step2 .flow_sec02{ margin-bottom: 110px; }
.flow_sec_item_step3 .flow_sec02{ margin-bottom: 70px; }

.flow_sec_item_step4 .flow_sec01{ position: relative;
	background-image: url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 50px 160px, 50px 200px, 50px 240px;
}
*/

.flow_sec_item_step5 .flow_sec01{ position: relative; background: none; }

.flow_sec_ico{ position: absolute; left: 0; top: 0px; width: 140px; height: 140px; border-radius: 100%; background: linear-gradient(135deg, rgba(134,109,75,1) 0%,rgba(134,109,75,1) 50%,rgba(134,109,75,1) 50%,rgba(108,88,61,1) 50%,rgba(108,88,61,1) 100%); text-align: center; }
.flow_sec_ico i{ color: #fff; font-size: 5.5rem; line-height: 140px; }

.flow_sec02{ margin-left: 180px; margin-bottom: 50px; }
.flow_sec02_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_tit span{ display: block; background-color: #baa48f; color: #fff; font-size: 1.8rem; padding: 3px 20px; border-radius: 5px; margin-right: 10px; }
.flow_sec02_tit p{ font-size: 3.3rem; color: var(--main-color); font-weight: 700; letter-spacing: 2px; }
.flow_sec02_txt{ font-size: 1.8rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

.flow_sec02_contact{ background-color: #fcf6f0; border-radius: 10px; padding: 10px 30px 30px 30px; }
.flow_sec02_contact_list{ display: flex; justify-content: center; align-items: center; }
.flow_sec02_contact_item{ flex-basis: 48%; }
.flow_sec02_contact_item_tel{ color: #222; font-size: 3.5rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; text-align: right; }
.flow_sec02_contact_item_tel i{ font-size: 2.3rem; margin-right: 5px; }
.flow_sec02_contact_item_tel p{ font-size: 1.4rem; text-align: right; }
.flow_sec02_contact_item_btn{ margin-left: 30px; }
.flow_sec02_contact_item_btn a{ display: inline-block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 10px 25px; margin-top: 20px; }
.flow_sec02_contact_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.flow_sec02_contact_item_btn a:hover{ background-color: #fff; color: var(--button-color); }

.flow_sec02_siharai{ /* width: 520px; */ display: flex; align-items: center; background-color: #fcf6f0; border-radius: 10px; padding: 20px; }
.flow_sec02_siharai_tit{ font-size: 2.5rem; font-weight: 700; color: var(--main-color); margin-right: 10px; }
.flow_sec02_siharai_list{ width: 79%; display: flex; justify-content: space-between; }
.flow_sec02_siharai_item{ flex-basis: 32%; background-color: #baa48f; color: #fff; font-size: 1.9rem; font-weight: 700; padding: 10px 15px; border-radius: 10px; text-align: center; }

.flow_sec02_present{ background-color: #fcf6f0; border-radius: 10px; padding: 30px 40px; }
.flow_sec02_present_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_present_tit i{ display: block; width: 45px; height: 45px; border-radius: 100%; background-color: var(--main-color); color: #fff; font-size: 2rem; text-align: center; line-height: 45px; margin-right: 20px; }
.flow_sec02_present_tit p{ font-size: 2.8rem; font-weight: 700; }
.flow_sec02_present_list{}
.flow_sec02_present_item{ background-color: #fff; font-size: 2rem; font-weight: 700; padding: 10px 20px; border-radius: 10px; margin-bottom: 10px;  }




.ul_check_list{}
.ul_check_list li{ background-color: #fcf6f0; padding: 15px; margin-bottom: 10px; border-radius: 10px; font-size: 2rem; font-weight: 700; }
.ul_check_list li input{ margin-right: 20px; border: 1px solid var(--main-color); margin-top: 10px; }

.ul_list_disc{ margin-left: 30px; }
.ul_list_disc li{ list-style-type: disc; margin-bottom: 5px; font-size: 2rem; }

.tit01{	font-size: 2.8rem; color: var(--main-color); font-weight: 700; }


.introduce_sec{ width: 1100px; margin: 0 auto 100px auto; }
.introduce_sec h3.wp-block-heading{ width: 100%; margin-left: 0 !important; margin-bottom: 20px; }

.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(1){ width: 45%; max-width: 45% !important; margin: 0 1% 0 4%; }
.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(2){ width: 45%; max-width: 45% !important; margin: 0 4% 0 1%; }


.faq_list{}
.faq_item{ margin-bottom: 60px; }
.faq_q{ display: flex; align-items: center; margin-bottom: 10px; }
.faq_q span{ display: block; width: 60px; height: 60px; border-radius: 100%; background-color: var(--main-color); font-size: 3rem; color: #fff; text-align: center; line-height: 60px; margin-right: 20px; font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif; font-weight: 300; font-style: normal; }
.faq_q p{ font-size: 3rem; font-weight: 700; }
.faq_a{ background: #faf0e6; padding: 20px; border-radius: 10px; font-size: 2rem; line-height: 2; }

.faq_a ul{ margin-left: 30px; }
.faq_a ul > li{ list-style-type: disc; }

.faq_a ol{ margin-left: 30px; }
.faq_a ol > li{ list-style-type: decimal; }


.contact_sec{ width: 980px; margin: 0 auto; }



/* フォーム */
.contact_item{display: flex; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc;}
.contact_tit{width: 30%;  font-weight: 700; position: relative; margin-left: 80px;}
.contact_tit span{position: absolute;  background-color: #bd2e2e; color: #fff; font-size: 1.5rem; margin-right: 15px; border: 1px solid #bd2e2e; padding: 2px 8px; left: -80px; top: -5px; border-radius: 40px; }
.contact_txt,
.contact_adress,
.contact_txtarea{width: 70%;}
.contact_txt input{ width: 100%; font-size: 2rem; background: #f7f7f7; height: 35px; padding: 8px; border: 1px solid #ccc; }
.contact_txt input[type="checkbox"]{ height: 25px; margin-right: 10px; width: auto; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #f7f7f7; border: 1px solid #ccc;}
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #f7f7f7; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2rem; letter-spacing: 2px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; border: 0; }
input.wpcf7-submit:hover{ background-color: #999; }

.privacy_sec{ width: 980px; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 700; margin-bottom: 30px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; line-height: 1.8; margin-bottom: 5px; }

::placeholder{ color: #999; }


.sitemap_list{}
.sitemap_item{ list-style: none; margin-bottom: 20px; position: relative; padding-left: 30px; }
.sitemap_item:before{ position: absolute; content: ""; display: block; top: 10px; left: 0; width: 15px; height: 15px; background-color: var(--main-color); border-radius: 100%; }
.sitemap_item a{ font-size: 2.3rem; font-weight: 700; }
.sitemap_item a span{ margin-left: 20px; font-size: 1.6rem; color: #999; font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }

.wsp-pages-list{}
.page_item_has_children{}
.children{ margin: 10px 0 0 30px; }
.children li{ position: relative; padding-left: 20px; list-style: none; }
.children li a{ font-size: 1.8rem; font-weight: normal; }
.children li:before{ position: absolute; content: ""; display: block; top: 12px; left: 0; width: 10px; height: 2px; background-color: var(--main-color); }


.wp-block-image img { border-radius: 10px; }


div#toc_container{ margin: 0 auto 4em auto; }

#toc_container {
	background: #fff; /* 背景色 */
	border: 1px solid #ccc; /* 枠線 */
	box-sizing: border-box; /* スマホの横揺れ防止 */
	display: block !important;
	font-size: 95%; /* フォントサイズ */
	line-height: 1.4; /* 行間 */
	margin: 2em auto; /* 外側の余白 */
	padding: 2em; /* 内側の余白 */
	width: 80% !important; /* 幅 */
}

.toc_title {
	background: #eee; /* 背景色 */
	font-weight: bold; /* 太字 */
	padding: 0.4em 0; /* 内側の余白 */
	text-align: center; /* 中央寄せ */
	font-size: 2.5rem;
}

.toc_toggle {
	font-size: 0.9em;
	font-weight: normal;
}

.toc_toggle a{ font-size: 1.6rem; }

.toc_brackets {
	display: none;
}

.toc_list,
.toc_list * {
	list-style: none;
	margin: 0;
	padding: 0;
}

.toc_list {
	margin-top: 1em;
}

.toc_list a {
	display: block;
	text-decoration: none;
	color: #444; /* リンク色 */
	border-bottom: 1px dotted #ccc; /* リンク下線 */
}

.toc_list > li > a {
	border-bottom: 2px solid #ccc; /* 大見出しの下線 */
	font-size: 120%; /* 大見出しのフォントサイズ */
	padding: 10px;
}

.toc_list ul {
	padding: 1em 0 0 2em;
	margin: 0 !important;
}

.toc_list li {
	margin-bottom: 0.4em;
	padding-bottom: 0.4em;
	list-style-type: none !important;
}


/* ----------------------------------------------------------
 SP CSS
---------------------------------------------------------- */
@media screen and (max-width: 520px){
img,video {
	max-width: 100%;
	height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 60%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; height: auto !important; height: 100%; padding-top: 0; }

/* 非表示用 */
.noneSP		{ display: none !important; }


/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ position: fixed; top: 0; width: 100%; height: 60px; background-color: #fff; z-index: 5; box-shadow: 0px 8px 16px -6px rgba(0,0,0,.1); }
.header_sec{ display: flex; align-items: center; justify-content: space-between; }
.header_logo{ flex-basis: 72%; text-align: left; }
.header_logo a{ display: block; margin-top: 10px; margin-left: 10px; }
.header_logo a:hover{ opacity: .6; }
.header_logo01{ font-size: 2.8rem; }
.header_logo01 span{ font-size: .9rem; letter-spacing: .5px; }

.gnavi{ display: none; }

.header_info{ display: none; }

#nav-toggle {
	display: block !important;
	position: fixed;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background-color: var(--sub-color);
	z-index: 999;
}
#nav-toggle > div {
	position: relative;
	width: 30px;
}
#nav-toggle span {
	width: 100%;
	height: 1px;
	top: 20px;
	left: 15px;
	display: block;
	background: var(--main-color);
	position: absolute;
	transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#nav-toggle span:nth-child(1){ top: 20px; }
#nav-toggle span:nth-child(2){ top: 27px; }
#nav-toggle span:nth-child(3){ top: 34px; }

.open #nav-toggle span {
 /* background: #fff; */
}
.open #nav-toggle span:nth-child(1) {
	top: 27px;
	transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
	top: 34px;
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 27px;
	transform: rotate(-45deg);
}

#gloval-nav {
	/* background-color: rgba(133, 111, 89, .8); */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	font-size: 20px;
	transform: translateX(-100%);
	transition: opacity 0.6s ease, visibility 0.6s ease;
	padding-top: 60px;
}

#gloval-nav a {
	display: block;
	color: #fff;
	padding: 10px 0;
	transition: color 0.6s ease;
	font-size: 1.8rem;
	border-bottom: 0px solid #e0dad1;
}
#gloval-nav ul{ display: flex; flex-wrap: wrap !important; justify-content: flex-start !important; }
#gloval-nav .gnavi__list{ padding: 0; height: auto; }
#gloval-nav ul li {
	opacity: 0;
	transform: translateX(-200px);
	transition: transform 0.6s ease, opacity 0.2s ease;
	flex-basis: 50%;
}
#gloval-nav ul li:nth-child(1){ flex-basis: 100%; border-top: 0px solid #e0dad1; }
#gloval-nav ul li:nth-child(2),
#gloval-nav ul li:nth-child(3),
#gloval-nav ul li:nth-child(4),
#gloval-nav ul li:nth-child(5),
#gloval-nav ul li:nth-child(12),
#gloval-nav ul li:nth-child(13){ flex-basis: 100%; }

#gloval-nav ul li:nth-child(7),
#gloval-nav ul li:nth-child(9),
#gloval-nav ul li:nth-child(11){ border-left: 1px dotted #e0dad1; }


.header_bnr_line{ position: absolute; right: 65px; top: 18px; }
.header_bnr_line i{ color: #06c755; font-size: 2.8rem; }


.header_sns{ margin-right: 95px; margin-top: 8px; }
.header_sns_list{ display: flex; }
.header_sns_item{ margin: 0 5px; }
.header_sns_item a{ font-size: 2.8rem; }

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #fff; z-index: 99; }
.btm_menu li { float: left; width: 50%; }
.btm_menu li:first-child a { border-right: 1px solid #fff; }
.btm_menu li a { display: block; height: 50px; text-align: center; font-size: 1.6rem; padding: 15px 5px 5px; background-color: var(--button-color); color: #fff; transition: .5s;}
.btm_menu li a i{ font-size: 1.8rem; margin-right: 10px; }
.btm_menu li a:hover { background-color: #fff; color: #313F73; transition: .5s;}
.btm_menu ul:after { content: ''; clear: both; display: block; }



.footer_contact{ background-color: #856f59; padding: 60px 0; }
.footer_contact_sec{ width: 90%; margin: 0 auto; background-color: #fff; border-radius: 10px; padding: 30px; }
.footer_contact_sec_tit{ font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-align: center; line-height: 1.3; padding-bottom: 20px; border-bottom: 1px solid var(--main-color); margin-bottom: 20px; }
.footer_contact_sec_tit span{ display: block; font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.footer_contact_sec01{}
.footer_contact_sec01_list{ flex-wrap: wrap; }
.footer_contact_sec01_item{ }
.footer_contact_sec01_item_tel{ flex-basis: 100%; margin-right: 0; }

.footer_contact_sec01_item_tel{ font-size: 3rem; text-align: center; }
.footer_contact_sec01_item_tel i{ font-size: 2.5rem; margin-right: 5px; }
.footer_contact_sec01_item_tel p{ font-size: 1.4rem; text-align: center; }

.footer_contact_sec01_item_btn{ flex-basis: 100%; margin-left: auto; margin-top: 20px; margin-right: auto; }

.footer_contact_sec01_item_btn a{ display: block; font-size: 1.7rem; padding: 15px 20px; }


footer{ padding-top: 60px; padding-bottom: 60px; }
.footer_logo{ text-align: center; margin-bottom: 30px; }
.footer_copyright{ color: #ccc; font-size: 1.1rem; text-align: center; }

/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */
.h1_wrap{ width: 100%; margin-top: 60px; padding-bottom: 0; }
.h1_wrap h1{ font-size: 3rem; padding-top: 10px; margin-bottom: 0; }
.h1_wrap h1 span{ font-size: 2rem; letter-spacing: 2px; }
.bg_h1{ min-height: 30px; width: 100%; background: url("/info/wp-content/uploads/bg_h1.png") repeat-x top center; background-size: contain; margin-bottom: 30px; }

h2{ font-size: 2.4rem; letter-spacing: 2px; margin-bottom: 20px; }
h2.wp-block-heading{ margin-bottom: 20px; }

.information_sec h2{ position: relative; font-size: 2.4rem; background-color: none; padding: 0 0 0 50px; border-radius: 0; line-height: 1.3; margin-bottom: 40px; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.information_sec h2:before{ position: absolute; content: ""; left: 0; top: 5px; width: 30px; height: 30px; background-color: var(--second-color); border-radius: 100%; }


.information_item h2{ font-size: 2.4rem; padding: 15px; }
.puppy_sec h2{ font-size: 3.5rem; text-align: center; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; }

.h2_top{ position: relative; font-size: 2rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; padding-left: 20px; }
.h2_top:before{ position: absolute; display: block; content: ""; top: 15px; left: 0; width: 10px; height: 2px; background-color: #d2975c; }


.news_single_txt h3,
.owner h3,
.introduce h3{
	font-size: 2.8rem; color: var(--main-color); font-weight: 700;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.news_single_txt h3:after,
.owner h3:after,
.introduce h3:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

h3.wp-block-heading{ font-size: 2.2rem; margin-bottom: 20px; }

h4.wp-block-heading{ font-size: 2rem; margin-bottom: 15px; }




 /* ぱんくず */
.breadcrumbs_sec{ display: none; }

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.contents{ width: 90%; margin: 0 auto 100px auto; }
.wrapper{ flex-wrap: wrap; }

.top_img_wrap{ margin-top: 60px; margin-bottom: 100px; position: relative; background-color: var(--sub-color); height: 100%; display: block; }

.top_concept{ position: relative; top: 0; width: 90%; padding: 20px; border-radius: 10px; margin: 0 auto; }
.top_concept_tit{ margin-bottom: 30px; }
.top_concept_tit01{ font-size: 3.5rem; }
.top_concept_tit02{ font-size: 2.5rem; }
.top_concept_tit02 span{ font-size: 1.8rem; }

.top_concept_txt{ font-size: 1.7rem; line-height: 2; margin-bottom: 30px; }

.top_concept_btn{ width: 320px; margin: 0 auto;  }

.contact .top_concept_btn{ width: 100% !important; margin: 0 auto; }
.contact .top_concept_btn span{ display: none; }

.top_concept_btn a{ position: relative; display: block; font-size: 1.8rem; font-weight: 700; text-align: center; color: var(--main-color); background-color: var(--sub-color); border: 1px solid var(--sub-color); padding: 25px; }
.top_concept_btn a:before{ content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); right: 20px; top: 34px; transform: rotate(45deg); transition: 0.5s ease-in-out; }



.top_movie{ width: 90%; max-width: 1200px; margin: 0 auto 80px auto; }
.top_movie_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_movie_item{ flex-basis: 100%; margin-bottom: 20px; }
.top_movie_txt{ font-size: 1.8rem; line-height: 1.8; }
.top_movie_youtube{ width: 100%; aspect-ratio: 16 / 9; }
.top_movie_youtube iframe{ width: 100%; height: 100%; }


#top_img{ z-index: 1; position: relative; top: 0; right: 0; width: 100%; height: auto; min-height: 250px; }
#top_img img{ border-radius: 0 0 0 0; }

.top_bnr_line{ display: none; }

.top_bnr{ position: absolute; right: 10px; top: 150px; z-index: 4; width: 40%; }
.top_bnr img{ width: 100% !important; height: auto !important; }


.top_info{ z-index: 2; position: relative; top: 0; width: 100%; border-radius: 0 0 0 10px; padding: 30px; flex-wrap: wrap; margin-top: 30px; }
.top_info_tit{ flex-basis: 100%; font-size: 4rem; line-height: 1.3; text-align: center; margin-right: auto; margin-bottom: 20px; }
.top_info_tit span{ display: block; font-size: 1.4rem; }
.top_info_list{ flex-basis: 100%; }
.top_info_item{ flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px; }
.top_info_item_date{ flex-basis: 12%; font-size: 1.3rem; margin-right: 10px; }
.top_info_item_cat{ flex-basis: 30%; font-size: 1.2rem; padding: 3px 15px; margin-right: 10px; }
.top_info_item_tit{ flex-basis: 100%; font-size: 1.7rem; line-height: 1.3; margin-top: 5px; }

.top_info_btn{ position: relative; z-index: 2; right: auto; bottom: auto; }



.top_puppy{ width: 90%; margin: 0 auto 60px auto; }
.top_puppy_tit{ font-size: 3.5rem; line-height: 1.3; margin-bottom: 40px; }
.top_puppy_tit span{ display: block; font-size: 1.8rem; margin-left: 0px; }

.top_puppy_list{ width: 100%; margin: 0 auto 60px auto; }
.top_puppy_list:after{ content: ""; display: block; width: 30%; }
.top_puppy_item{ position: relative; flex-basis: 100%; border-radius: 20px; margin-bottom: 40px; }
.top_puppy_img{}
.top_puppy_img img{ width: 100%; height: auto; border-radius: 20px 20px 0 0; }
.top_puppy_cat{}
.top_puppy_cat_list{ }
.top_puppy_cat_item{ position: relative; top: 10px; }

.top_puppy_info{ padding: 30px 20px; }

.top_puppy_info_list .puppy_item_sec_item:nth-child(1){ flex-basis: 60%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(2){ flex-basis: 40%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(3){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(4){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5){ display: flex; align-items: flex-start; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5) .puppy_item_sec_item_tit{ white-space: nowrap; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5) .puppy_item_sec_item_txt{  }

.top_puppy_btn01{ position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 220px; }
.top_puppy_btn01 a{ position: relative; display: block; color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px; border-radius: 5px; border: 2px solid var(--main-color); }
.top_puppy_btn01 a:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; right: 15px; top: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_puppy_btn01 a:hover{ background-color: #fff; color: var(--main-color); }
.top_puppy_btn01 a:hover:before{ border-color: var(--main-color); }

.top_puppy_btn{ margin: 40px auto 0 auto; }


.top_voice{ padding: 40px 0 60px 0; }
.top_voice_sec{ width: 90%; margin: 0 auto; }
.top_voice_list{ flex-wrap: wrap; }
.top_voice_item{ position: relative; flex-basis: 100%; margin-bottom: 40px; }
.top_voice_item a{ padding: 20px 30px; }
.top_voice_tit{ font-size: 2rem; }
.top_voice_img{ margin-bottom: 10px; }
.top_voice_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_voice_txt{ font-size: 1.5rem; line-height: 1.8; margin-bottom: 30px; }

.top_voice .voice_item_img_info{ position: relative; bottom: 20px; right: 30px; }

.top_voice_btn a{ background-color: #fff; }

.voice_list{}
.voice_item{ padding: 30px 30px 10px 30px; margin-bottom: 60px; }
.voice_sec_list{ flex-wrap: wrap; }
.voice_sec_item{}
.voice_sec_item01{ flex-basis: 100%; margin-bottom: 10px; }
.voice_sec_item02{ flex-basis: 100%; }
.voice_item_name{ font-size: 2.6rem; font-weight: 700; margin-bottom: 20px; }
.voice_item_name i{ margin-right: 10px; }
.voice_item_img{}
.voice_thumbnail{ margin-bottom: 10px; }
.voice_thumbnail img{ width: 100%; height: auto; }
.voice_item_img_info{ display: flex; justify-content: flex-end; }
.voice_item_img_info_add{ font-size: 1.8rem; font-weight: 700; margin-right: 20px; }
.voice_item_img_info_name{ font-size: 1.8rem; font-weight: 700; }




.voice_sec_item02_list{}
.voice_sec_item02_item{ position: relative; margin-bottom: 60px;  }
.voice_sec_item_tit{ position: relative; left: 0; top: 0; display: block; font-size: 1.8rem; padding: 8px 15px; margin-bottom: 10px; }
.voice_sec_item_txt{ font-size: 1.7rem; padding: 20px; }


.wp-pagenavi{ width: 100%; margin: 20px auto; display: flex; justify-content: center; }
.wp-pagenavi a, .wp-pagenavi span {
	display: block;
	text-decoration: none;
	border: 1px solid #aaa !important;
	padding: 3px 10px !important;
	margin: 2px;
	font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal;
	border-radius: 100%;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color);
	color: #fff;
}


.top_contents{ width: 96%; margin: 0 auto; padding: 40px 0; }
.top_contents_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_contents_item{ flex-basis: 100%; margin-bottom: 40px; }

.top_contents_item_img{ margin-bottom: 10px; }
.top_contents_item_img img{ width: 100%; height: auto; border-radius: 10px; }

.top_contents_item_tit{ position: relative; font-size: 3rem; margin-bottom: 0; }
.top_contents_item_tit span{ font-size: 1.6rem; margin-left: 15px; }
.top_contents_item_tit:before{ width: 7px; height: 7px; right: 14px; bottom: 12px; }
.top_contents_item_tit:after{ right: 0; bottom: 0; width: 30px; height: 30px; }





.top_blog{ background-color: var(--sub-color); padding: 40px 0 60px 0; }
.top_blog_sec{ width: 90%; margin: 0 auto; }
.top_blog_list{ flex-wrap: wrap; }
.top_blog_item{ flex-basis: 48%; }
.top_blog_item a:hover{ opacity: .6; }
.top_blog_date{ text-align: right; font-size: 1.3rem; margin-bottom: 5px; }
.top_blog_img{ margin-bottom: 10px; }
.top_blog_img img{ width: 100%; height: 120px; border-radius: 10px; object-fit: cover; }
.top_blog_tit{ font-size: 1.6rem; font-weight: 700; }


.top_instagram{ width: 90%; margin: 0 auto; padding: 40px 0 60px 0; }
.top_instagram_sec{ margin-bottom: 60px; }








.information_sec{}
.information_list{}
.information_item{ margin-bottom: 40px; }
.information_item_sec{ margin-bottom: 5px; }
.information_date{ flex-basis: 40%; font-size: 1.4rem; text-align: right; margin-right: 20px; }
.information_date i{ margin-right: 10px; }
.information_cat{ flex-basis: auto; font-size: 1.4rem; text-align: right; }
.blog_cat{ flex-basis: auto; font-size: 1.4rem; }
.information_cat i{ margin-right: 10px; }
.information_item_tit{ font-size: 2.5rem; padding: 20px; }

.blog_txt{ background-color: #fcf6f0; padding: 20px; border-radius: 10px; font-size: 1.6rem; font-weight: 500; margin-bottom: 30px; }
.blog_sec_item{ flex-basis: 100%; margin-bottom: 40px; }


.main{ flex-basis: 100%; margin-bottom: 20px; }
.sidebar{ flex-basis: 100%; background-color: #fcf6f0; padding: 40px; border-radius: 10px; }

.sidebar_sec{
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.sidebar_sec:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }
.sidebar_sec:last-child:after{ background: none; }

.sidebar_tit{ display: flex; align-items: center; color: var(--main-color); font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.sidebar_tit span{ display: block; width: 40px; height: 40px; background-color: var(--main-color); text-align: center; border-radius: 100%; margin-right: 10px; }
.sidebar_tit span i{ color: #fff; font-size: 2rem; line-height: 40px; }
.sidebar_list,
.sidebar_cat_list,
.sidebar_monthly_list{ margin-left: 20px; margin-bottom: 20px; }
.sidebar_item,
.sidebar_cat_list > li,
.sidebar_monthly_list > li{ list-style-type: disc; color: var(--main-color); font-size: 1.5rem; margin-bottom: 5px; line-height: 1.3; }
.sidebar_monthly_list{}
.sidebar_monthly_list > li{}


.pagination_wrap{ width: 90%; margin: 0 auto 100px auto; }

.pagination{ border-top: 1px solid #ccc; padding-top: 60px; margin-top: 60px; }
.pagination_list{ display: flex; justify-content: space-between;  }
.pagination_item{ position: relative; width: 100px; }
.pagination_item a{ font-size: 1.2rem; padding: 5px; }

.pagination_item_prev{ position: relative; transition: 0.3s; text-align: center; }
.pagination_item_prev a{ padding-right: 25px; }
.pagination_item_prev:before,
.pagination_item_prev:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_prev:before{ right: 10px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_prev:after{ right: 10px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); border-radius: 1px; top: 1px; }

.pagination_item_prev:hover{ color: #fff; }
.pagination_item_prev:hover::before{ background: var(--main-color); }
.pagination_item_prev:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }


.noprev{ text-align: left; }
.nonext{ text-align: right; }
.next{}

.pagination_item_next{ position: relative; transition: 0.3s; text-align: center; width: 100px; }
.pagination_item_next a{ padding-left: 25px; }
.pagination_item_next:before,
.pagination_item_next:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_next:before{ left: 10px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_next:after{ left: 10px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-125deg); border-radius: 1px; top: 1px; }

.pagination_item_next:hover{ color: #fff; }
.pagination_item_next:hover::before{ background: var(--main-color); }
.pagination_item_next:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }

.noprev,
.nonext{ display: block; width: 100px; font-size: 1.2rem; padding: 5px; text-align: center; }


.pagination_item_ichiran{ text-align: center; }


#toc_container{ width: 96% !important; padding: 0; }
.toc_list > li > a {
	border-bottom: 2px solid #ccc; /* 大見出しの下線 */
	font-size: 90%; /* 大見出しのフォントサイズ */
	padding: 5px;
}
.toc_list a {
	display: block;
	text-decoration: none;
	color: #444; /* リンク色 */
	border-bottom: 1px dotted #ccc; /* リンク下線 */
	font-size: 80%;
}


.puppy_sec{ width: 100%; margin: 0 auto; }
.puppy_status{ width: 180px; padding: 10px; margin: 0 auto 40px auto; }
.puppy_list{ flex-wrap: wrap; }
.puppy_item{}
.puppy_img{ flex-basis: 100%; margin-bottom: 20px; }

.puppy_info{ flex-basis: 100%; }
.puppy_item_sec{ border-radius: 20px; padding: 30px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.puppy_item_sec_list{}
.puppy_item_sec_item{ position: relative; padding-bottom: 25px; margin-bottom: 20px; }
.puppy_item_sec_item:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

.puppy_item_sec_item_tit{ font-size: 1.4rem; padding: 3px 10px; margin-right: 5px; }
.puppy_item_sec_item_txt{ font-size: 1.5rem; }

.puppy_item_sec_item_sec01{ margin-bottom: 10px; }
.puppy_item_sec_item:last-child{ margin-bottom: 0; }
.puppy_item_sec_item:last-child:after{ display: none; }

.puppy_item_sec_list02{ border-top: 2px solid #ccc; padding-top: 20px; }
.puppy_item_sec_item02{ margin-bottom: 10px; }


#thumbnail-carousel{ margin-top: 10px; }

/* サムネイルの幅を調整 */
.splide__track--nav > .splide__list > .splide__slide {
width: 100% !important;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
width: 100% !important;
}
/* サムネイルをグリッド表示 */
#thumbnail-carousel .splide__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
/* 選択されていないサムネイルは薄くする */
.splide__slide {
opacity: .6;
}
/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active {
opacity: 1;
}
/* 画像サイズ調整 */
.splide__slide img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 7px;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid var(--main-color); border-radius: 10px;
}


.txt01{ font-size: 1.8rem; letter-spacing: 2px; line-height: 2.3; }
.txt02{ font-size: 1.6rem; letter-spacing: 2px; line-height: 2; margin-bottom: 20px !important; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.6; }

.wp-block-flexible-table-block-table strong{ font-weight: 700; }

.table_about01 table{}
.table_about01 table th{ padding: 10px 30px !important; background-color: #fafafa !important; }
.table_about01 table td{ padding: 15px; font-size: 1.8rem !important; padding: 30px 15px !important; }



.map_sec{}
.map_sec iframe{ width: 100%; aspect-ratio: 5/5; }

.map_sec01{}
.map_sec01_list{ flex-wrap: wrap; }
.map_sec01_item{ flex-basis: 100%; margin-bottom: 0px; }
.map_sec01_item_tit{ display: flex; align-items: center; }
.map_sec01_item_tit i{ width: 50px; height: 50px; font-size: 2.5rem; line-height: 50px; }
.map_sec01_item_tit p{ font-size: 2.5rem; }
.map_sec02_list{ margin-left: 70px; margin-bottom: 20px; }
.map_sec02_item{ list-style-type: disc; font-size: 1.7rem; }



.flow_sec{  }
.flow_sec_list{ width: 96%; margin: 0 auto; }
.flow_sec_item{ display: flex; margin-bottom: 30px; }

.flow_sec01{ position: relative; background: none; }
.flow_sec_item_step1 .flow_sec01{ position: relative;
	background-image: none, none, none,none;
}

.flow_sec_item_step2 .flow_sec01,
.flow_sec_item_step3 .flow_sec01{ position: relative;
	background-image: none, none;
}
.flow_sec_item_step2 .flow_sec02{ margin-bottom: 40px; }
.flow_sec_item_step3 .flow_sec02{ margin-bottom: 40px; }

.flow_sec_item_step4 .flow_sec01{ position: relative;
	background-image: none, none, none;
}

.flow_sec_item_step5 .flow_sec01{ position: relative; background: none; }

.flow_sec_ico{ position: relative; left: 0; right: 0; top: 0px; width: 100px; height: 100px; margin: 0 auto 10px auto; }
.flow_sec_ico i{ color: #fff; font-size: 4.5rem; line-height: 100px; }

.flow_sec02{ margin-left: 0; margin-bottom: 50px; }
.flow_sec02_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_tit span{ display: block; background-color: #baa48f; color: #fff; font-size: 1.8rem; padding: 3px 20px; border-radius: 5px; margin-right: 10px; }
.flow_sec02_tit p{ font-size: 2.8rem; }
.flow_sec02_txt{ font-size: 1.7rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

.flow_sec02_contact{ background-color: #fcf6f0; border-radius: 10px; padding: 10px 30px 30px 30px; }
.flow_sec02_contact_list{ flex-wrap: wrap; }
.flow_sec02_contact_item{ flex-basis: 100%; }
.flow_sec02_contact_item_tel{ font-size: 2.5rem; text-align: center; }
.flow_sec02_contact_item_tel i{ font-size: 2rem; }
.flow_sec02_contact_item_tel p{ font-size: 1.4rem; text-align: center; }
.flow_sec02_contact_item_btn{ margin-left: 0px; }
.flow_sec02_contact_item_btn a{ display: block; font-size: 1.6rem; padding: 10px 20px; margin-top: 20px; }
.flow_sec02_contact_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.flow_sec02_contact_item_btn a:hover{ background-color: #fff; color: var(--button-color); }

.flow_sec02_siharai{ width: 100%; flex-wrap: wrap; padding: 20px; }
.flow_sec02_siharai_tit{ flex-basis: 100%; font-size: 2.3rem; margin-right: 0; text-align: center; margin-bottom: 5px;}
.flow_sec02_siharai_list{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.flow_sec02_siharai_item{ flex-basis: 48%; font-size: 2rem; }
.flow_sec02_siharai_item:last-child{ flex-basis: 100%; margin-top: 10px; }

.flow_sec02_present{ padding: 20px 30px; }
.flow_sec02_present_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_present_tit i{ display: block; width: 45px; height: 45px; border-radius: 100%; background-color: var(--main-color); color: #fff; font-size: 2rem; text-align: center; line-height: 45px; margin-right: 20px; }
.flow_sec02_present_tit p{ font-size: 2.8rem; font-weight: 700; }
.flow_sec02_present_list{}
.flow_sec02_present_item{ background-color: #fff; font-size: 1.8rem; font-weight: 700; padding: 10px 20px; border-radius: 10px; margin-bottom: 10px;  }




.ul_check_list{}
.ul_check_list li{ background-color: #fcf6f0; padding: 15px; margin-bottom: 10px; border-radius: 10px; font-size: 2rem; font-weight: 700; }
.ul_check_list li input{ margin-right: 20px; border: 1px solid var(--main-color); margin-top: 10px; }

.tit01{	font-size: 2.4rem; }


.introduce_sec{ width: 90%; margin: 0 auto 100px auto; }
.introduce_sec h3.wp-block-heading{ width: 100%; margin-left: 0 !important; margin-bottom: 20px; font-size: 2.3rem; }

.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(1){ width: 45%; max-width: 45% !important; margin: 0 1% 0 4%; }
.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(2){ width: 45%; max-width: 45% !important; margin: 0 4% 0 1%; }


.faq_list{}
.faq_item{ margin-bottom: 60px; }
.faq_q{ display: flex; align-items: center; margin-bottom: 10px; }
.faq_q span{ width: 40px; height: 40px; font-size: 2rem; line-height: 40px; margin-right: 10px; }
.faq_q p{ flex-basis: 80%; font-size: 2.3rem; line-height: 1.4; }
.faq_a{ background: #faf0e6; padding: 20px; border-radius: 10px; font-size: 1.8rem; line-height: 2; }




.contact_sec{ width: 90%; margin: 0 auto; }



/* フォーム */

.contact_item{flex-wrap: wrap; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc;}
.contact_tit{ flex-basis: 100%; width: 100%; font-weight: 700; position: relative; margin-left: 0; margin-bottom: 5px; }
.contact_tit span{ position: initial; margin-right: 15px; padding: 2px 6px; left: 0; top: 0px; font-size: 1.4rem; }
.contact_txt,
.contact_adress,
.contact_txtarea{ width: 100%;}
.contact_txt input{ flex-basis: 100%; width: 100%; font-size: 2rem; background: #f7f7f7; height: 35px; padding: 8px; border: 1px solid #ccc; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #f7f7f7; border: 1px solid #ccc;}
.contact_adress_sub p{padding: 10px 0;}
.contact_adress input{ width: 100%; background: #f7f7f7; border: 1px solid #ccc; height: 35px; margin-left: 0; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}




.contact_submit_btn{ text-align: center; margin: 60px auto; }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2rem; letter-spacing: 2px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; border: 0; width: 100%; }
input.wpcf7-submit:hover{ background-color: #999; }

.privacy_sec{ width: 100%; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 700; margin-bottom: 30px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; line-height: 1.8; margin-bottom: 5px; }

::placeholder{ color: #999; }


.sitemap_list{}
.sitemap_item{ list-style: none; margin-bottom: 20px; position: relative; padding-left: 30px; }
.sitemap_item:before{ position: absolute; content: ""; display: block; top: 10px; left: 0; width: 15px; height: 15px; background-color: var(--main-color); border-radius: 100%; }
.sitemap_item a{ font-size: 2.3rem; font-weight: 700; }
.sitemap_item a span{ margin-left: 20px; font-size: 1.6rem; color: #999; font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }

.wsp-pages-list{}
.page_item_has_children{}
.children{ margin: 10px 0 0 30px; }
.children li{ position: relative; padding-left: 20px; list-style: none; }
.children li a{ font-size: 1.8rem; font-weight: normal; }
.children li:before{ position: absolute; content: ""; display: block; top: 12px; left: 0; width: 10px; height: 2px; background-color: var(--main-color); }







}

/* ----------------------------------------------------------
 SP CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 TAB CSS
---------------------------------------------------------- */
@media screen and (min-width: 521px) and (max-width: 1280px){

img,video {
	max-width: 100%;
	height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 50%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; padding-top: 0; }

/* 非表示用 */
.noneTAB		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ position: fixed; top: 0; width: 100%; height: 60px; background-color: #fff; z-index: 5; box-shadow: 0px 8px 16px -6px rgba(0,0,0,.1); }
.header_sec{ display: flex; align-items: center; justify-content: space-between; }
.header_logo{ flex-basis: 45%; text-align: left; }
.header_logo a{ display: block; margin-top: 10px; margin-left: 10px; }
.header_logo a:hover{ opacity: .6; }
.header_logo01{ font-size: 2.8rem; }
.header_logo01 span{ font-size: 1rem; }

.gnavi{ display: none; }

.header_info{ display: none; }

#nav-toggle {
	display: block !important;
	position: fixed;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background-color: var(--sub-color);
	z-index: 999;
}
#nav-toggle > div {
	position: relative;
	width: 30px;
}
#nav-toggle span {
	width: 100%;
	height: 1px;
	top: 20px;
	left: 15px;
	display: block;
	background: var(--main-color);
	position: absolute;
	transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#nav-toggle span:nth-child(1){ top: 20px; }
#nav-toggle span:nth-child(2){ top: 27px; }
#nav-toggle span:nth-child(3){ top: 34px; }

.open #nav-toggle span {
 /* background: #fff; */
}
.open #nav-toggle span:nth-child(1) {
	top: 27px;
	transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
	top: 34px;
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 27px;
	transform: rotate(-45deg);
}

#gloval-nav {
	/* background-color: rgba(133, 111, 89, .8); */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	font-size: 20px;
	transform: translateX(-100%);
	transition: opacity 0.6s ease, visibility 0.6s ease;
	padding-top: 60px;
}

#gloval-nav a {
	display: block;
	color: #fff;
	padding: 10px 0;
	transition: color 0.6s ease;
	font-size: 2rem;
}
#gloval-nav ul{ display: flex; flex-wrap: wrap !important; justify-content: flex-start !important; }
#gloval-nav .gnavi__list{ padding: 0; height: auto; }
#gloval-nav ul li {
	opacity: 0;
	transform: translateX(-200px);
	transition: transform 0.6s ease, opacity 0.2s ease;
	flex-basis: 100%;
}

.header_bnr_line{ position: absolute; right: 80px; top: 15px; }
.header_bnr_line i{ color: #06c755; font-size: 3.8rem; }

.header_sns{ margin-right: 120px; margin-top: 8px; }
.header_sns_list{ display: flex; }
.header_sns_item{ margin: 0 10px; }
.header_sns_item a{ font-size: 3.8rem; }

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu { display: none; }


.footer_contact{ background-color: #856f59; padding: 60px 0; }
.footer_contact_sec{ width: 90%; margin: 0 auto; background-color: #fff; border-radius: 10px; padding: 40px 60px; }
.footer_contact_sec_tit{ font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-align: center; line-height: 1.3; padding-bottom: 20px; border-bottom: 1px solid var(--main-color); margin-bottom: 20px; }
.footer_contact_sec_tit span{ display: block; font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.footer_contact_sec01{}
.footer_contact_sec01_list{ flex-wrap: wrap; }
.footer_contact_sec01_item{ }
.footer_contact_sec01_item_tel{ flex-basis: 100%; margin-right: 0; }

.footer_contact_sec01_item_tel{ color: #222; font-size: 3.5rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.footer_contact_sec01_item_tel i{ font-size: 2.5rem; margin-right: 5px; }
.footer_contact_sec01_item_tel p{ font-size: 1.4rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; text-align: center; }

.footer_contact_sec01_item_btn{ flex-basis: 100%; margin-left: 0; margin-top: 20px; }

.footer_contact_sec01_item_btn a{ display: block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 15px 30px; margin: 0 auto; }
.footer_contact_sec01_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.footer_contact_sec01_item_btn a:hover{ background-color: #fff; color: var(--button-color); }


footer{ padding-top: 60px; padding-bottom: 20px; }
.footer_logo{ text-align: center; margin-bottom: 30px; }
.footer_copyright{ color: #ccc; font-size: 1.1rem; text-align: center; }





/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */
.h1_wrap{ margin-top: 60px; padding-bottom: 20px; }
.h1_wrap h1{ font-size: 3.5rem; font-weight: 700; padding-top: 20px; margin-bottom: 10px; }
.h1_wrap h1 span{ display: block; font-size: 3rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 2px; }
.bg_h1{ min-height: 60px; width: 100%; background: url("/info/wp-content/uploads/bg_h1.png") repeat-x top center; background-size: contain; margin-bottom: 40px; }

h2{ font-size: 3.5rem; color: #666; font-weight: 700; letter-spacing: 2px; margin-bottom: 40px; line-height: 1.2; }

.information_sec h2{ position: relative; font-size: 3rem; background-color: none; padding: 0 0 0 50px; border-radius: 0; line-height: 1.3; margin-bottom: 40px; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.information_sec h2:before{ position: absolute; content: ""; left: 0; top: 5px; width: 30px; height: 30px; background-color: var(--second-color); border-radius: 100%; }


.information_item h2{ font-size: 3rem; font-weight: 700; background-color: var(--sub-color); padding: 30px; border-radius: 10px; line-height: 1.3; }
.puppy_sec h2{ font-size: 3.5rem; text-align: center; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; }

.h2_top{ position: relative; font-size: 2rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; padding-left: 20px; }
.h2_top:before{ position: absolute; display: block; content: ""; top: 15px; left: 0; width: 10px; height: 2px; background-color: #d2975c; }


.news_single_txt h3,
.owner h3,
.introduce h3{
	font-size: 2.8rem; color: var(--main-color); font-weight: 700;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.introduce_sec h3.wp-block-heading{ width: 100%; margin-left: 0 !important; margin-bottom: 20px; }
.news_single_txt h3:after,
.owner h3:after,
.introduce h3:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

h3.wp-block-heading{ margin-bottom: 20px; }


/* ぱんくず */
.breadcrumbs{ }  
.breadcrumbs_sec{ } 
.breadcrumbs_sec span{ display: inline-block; position: relative; font-size: 1.4rem; font-weight: 400; }
.breadcrumbs_sec span br{ display: none; }
.breadcrumbs_sec span:before{ content: "/"; display: block; position: absolute; top: 0; left: 6px; font-size: 1.4rem; }
.breadcrumbs_sec span:first-child:before{ content: ""; }
.breadcrumbs_sec span a{ font-size: 1.2rem; margin: 0 0 0 20px;  }
.breadcrumbs_sec span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */

.contents{ width: 90%; margin: 0 auto 60px auto; }
.wrapper{ flex-wrap: wrap; }

.top_img_wrap{ margin-top: 60px; margin-bottom: 60px; position: relative; background-color: var(--sub-color); height: 100%; }

.top_concept{ z-index: 3; position: relative; top: 0; left: 0; width: 90%; padding: 30px 30px; border-radius: 10px; margin: 0 auto; }
.top_concept_tit{ margin-bottom: 30px; }
.top_concept_tit01{ font-size: 5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; }
.top_concept_tit02{ color: #055555; font-size: 4.2rem; font-weight: 700; line-height: 1.3; }
.top_concept_tit02 span{ font-size: 3.8rem; }

.top_concept_txt{ font-size: 1.7rem; color: #666; line-height: 2.3; letter-spacing: 1px; margin-bottom: 30px; }

.top_concept_btn{ width: 360px; margin: 0 auto; }

.contact .top_concept_btn{ width: 500px !important; margin: 0 auto; }

.top_concept_btn a{ position: relative; display: block; font-size: 1.8rem; font-weight: 700; text-align: center; color: var(--main-color); background-color: var(--sub-color); border: 1px solid var(--sub-color); padding: 25px; }
.top_concept_btn a:before{ content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); right: 20px; top: 34px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_concept_btn a:hover{ background-color: var(--main-color); color: var(--sub-color); }
.top_concept_btn a:hover:before{ border-color: var(--sub-color); }

#top_img{ z-index: 1; position: relative; top: 0; right: 0; width: 100%; height: auto; min-height: 400px; }
#top_img img{ border-radius: 0 0 0 0; }


.top_bnr_line{ display: none; }


.top_bnr{ position: absolute; right: 20px; top: 200px; z-index: 2; width: 35%; }
.top_bnr img{ width: 100% !important; height: auto !important; }


.top_info{ z-index: 2; position: relative; width: 100%; top: 0; right: 0; background-color: #f2f2f2; border-radius: 10px; padding: 30px; flex-wrap: wrap; margin: 0 auto; }
.top_info_tit{ flex-basis: 100%; text-align: left; margin-right: 0; margin-bottom: 20px; }
.top_info_tit span{ display: block; font-size: 1.4rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.top_info_list{ flex-basis: 100%; }
.top_info_item{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.top_info_item_date{ flex-basis: 12%; font-size: 1.3rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 400; font-style: normal; }
.top_info_item_cat{ flex-basis: 13%; font-size: 1.1rem; padding: 3px 10px; margin-right: 10px; letter-spacing: -.5px; }
.top_info_item_tit{ flex-basis: 70%; font-size: 1.6rem; line-height: 1.3; }

.top_info_btn{ position: relative; bottom: 0; right: 0; z-index: 2; }



.top_puppy{ width: 90%; margin: 0 auto 60px auto; }
.top_puppy_tit{ font-size: 5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 40px; }
.top_puppy_tit span{ font-size: 2.1rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; margin-left: 10px; }

.top_puppy_list{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; }
.top_puppy_list:after{ content: ""; display: block; width: 30%; }
.top_puppy_item{ position: relative; flex-basis: 100%; border-radius: 20px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); margin-bottom: 60px; }
.top_puppy_img{}
.top_puppy_img img{ width: 100%; height: auto; border-radius: 20px 20px 0 0; }
.top_puppy_cat{}
.top_puppy_cat_list{ }
.top_puppy_cat_item{ position: relative; top: 10px; left: 0; right: 0; margin: 0 auto; width: 180px; color: #fff; background-color: var(--accent-color); text-align: center; font-size: 1.8rem; font-weight: 700; padding: 8px; border-radius: 40px; }
.cat_puppy_wanted01{ background-color: #de7f0a !important; }
.cat_puppy_decision01{ background-color: var(--accent-color) !important; }
.cat_puppy_preparation01{ background-color: #18689d !important; }
.top_puppy_info{ padding: 40px 30px 30px 30px; }
.top_puppy_info_list{ display: flex; flex-wrap: wrap; }

.top_puppy_info_list .puppy_item_sec_item{ border-bottom: 1px solid #ccc; }
.top_puppy_info_list .puppy_item_sec_item:last-child{ border-bottom: 0; }
.top_puppy_info_list .puppy_item_sec_item:after{ display: none; }

.top_puppy_info_list .puppy_item_sec_item{ padding-bottom: 15px; margin-bottom: 15px; }

.top_puppy_info_list .puppy_item_sec_item:nth-child(1){ flex-basis: 60%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(2){ flex-basis: 40%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(3){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(4){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5){ display: flex; align-items: flex-start; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5) .puppy_item_sec_item_tit{ white-space: nowrap; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(5) .puppy_item_sec_item_txt{  }

.top_puppy_btn01{ position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 220px; }
.top_puppy_btn01 a{ position: relative; display: block; color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px; border-radius: 5px; border: 2px solid var(--main-color); }
.top_puppy_btn01 a:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; right: 15px; top: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_puppy_btn01 a:hover{ background-color: #fff; color: var(--main-color); }
.top_puppy_btn01 a:hover:before{ border-color: var(--main-color); }

.top_puppy_btn{ margin: 0 auto 0 auto; }


.top_voice{ background-color: #fde7e0; padding: 80px 0 100px 0; }
.top_voice_sec{ width: 90%; margin: 0 auto; }
.top_voice_list{ flex-wrap: wrap; }
.top_voice_item{ position: relative; flex-basis: 100%; margin-bottom: 40px; }
.top_voice_item a{ display: block; color: var(--main-color); background-color: #fff; padding: 30px 40px; border-radius: 20px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.top_voice_tit{ font-size: 2.3rem; font-weight: 700; margin-bottom: 20px; }
.top_voice_img{ margin-bottom: 10px; }
.top_voice_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_voice_txt{ font-size: 1.5rem; line-height: 1.8; margin-bottom: 20px; }
.top_voice_txt{}

.top_voice .voice_item_img_info{ position: absolute; bottom: 20px; right: 30px; }

.hvr-reveal:before {
	border-radius: 20px;
	border-color: var(--main-color);
}
.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before {
	border-width: 2px;
}

.top_voice_btn a{ background-color: #fff; }

.voice_list{}
.voice_item{ padding: 30px 30px 10px 30px; margin-bottom: 60px; }
.voice_sec_list{ flex-wrap: wrap; }
.voice_sec_item{}
.voice_sec_item01{ flex-basis: 100%; margin-bottom: 20px; }
.voice_sec_item02{ flex-basis: 100%; }
.voice_item_name{ font-size: 2.6rem; font-weight: 700; margin-bottom: 20px; }
.voice_item_name i{ margin-right: 10px; }
.voice_item_img{}
.voice_thumbnail{ margin-bottom: 10px; }
.voice_thumbnail img{ width: 100%; height: auto; }
.voice_item_img_info{ display: flex; justify-content: flex-end; }
.voice_item_img_info_add{ font-size: 1.8rem; font-weight: 700; margin-right: 20px; }
.voice_item_img_info_name{ font-size: 1.8rem; font-weight: 700; }




.voice_sec_item02_list{}
.voice_sec_item02_item{ position: relative; margin-bottom: 60px;  }
.voice_sec_item_tit{ position: absolute; left: -20px; top: -20px; display: inline-block; color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px 15px; border-radius: 5px; }
.voice_sec_item_txt{ background-color: #fff; font-size: 1.8rem; line-height: 2; padding: 40px; }


.wp-pagenavi{ width: 100%; margin: 100px auto; display: flex; justify-content: center; }
.wp-pagenavi a, .wp-pagenavi span {
	display: block;
	text-decoration: none;
	border: 1px solid #aaa !important;
	padding: 3px 10px !important;
	margin: 2px;
	font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal;
	border-radius: 100%;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color);
	color: #fff;
}


.top_contents{ width: 80%; margin: 0 auto; padding: 40px 0 0 0; }
.top_contents_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_contents_item{ flex-basis: 100%; margin-bottom: 20px; }
.top_contents_item a:hover{ opacity: .6; }
.top_contents_item_img{ margin-bottom: 10px; }
.top_contents_item_img img{ width: 100%; height: auto; border-radius: 10px; }

.top_contents_item_tit{ position: relative; font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 40px; }
.top_contents_item_tit span{ font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; margin-left: 20px; }
.top_contents_item_tit:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); position: absolute; right: 17px; bottom: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; z-index: 2; }
.top_contents_item_tit:after{ position: absolute; content: ""; right: 0; bottom: 0; width: 40px; height: 40px; border-radius: 100%; background-color: var(--sub-color); }





.top_blog{ background-color: var(--sub-color); padding: 40px 0 60px 0; }
.top_blog_sec{ width: 90%; margin: 0 auto; }
.top_blog_list{ flex-wrap: wrap; }
.top_blog_item{ flex-basis: 48%; margin-bottom: 20px; }
.top_blog_item a:hover{ opacity: .6; }
.top_blog_date{ text-align: right; font-size: 1.3rem; margin-bottom: 5px; }
.top_blog_img{ margin-bottom: 10px; }
.top_blog_img img{ width: 100%; height: 160px; border-radius: 10px; object-fit: cover; }
.top_blog_tit{ font-size: 1.8rem; font-weight: 700; }


.top_instagram{ width: 90%; margin: 0 auto; padding: 40px 0 60px 0; }
.top_instagram_sec{ margin-bottom: 30px; }








.information_sec{}
.information_list{}
.information_item{ margin-bottom: 40px; }
.information_item_sec{ display: flex; justify-content: flex-end; align-items: center; margin-bottom: 5px; }
.information_date{ flex-basis: auto; font-size: 1.4rem; margin-right: 20px; }
.information_date i{ margin-right: 10px; }
.information_cat{ flex-basis: auto; font-size: 1.4rem; }
.blog_cat{ flex-basis: auto; font-size: 1.4rem; }
.information_cat i{ margin-right: 5px; }
.information_item_tit{ font-size: 2.5rem; padding: 20px; }

.blog_sec_item{ flex-basis: 48%; margin-bottom: 40px; }





.main{ flex-basis: 100%; }
.sidebar{ flex-basis: 100%; background-color: #fcf6f0; padding: 40px 40px 0 40px; border-radius: 10px; }

.sidebar_sec{
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.sidebar_sec:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }
.sidebar_sec:last-child:after{ background: none; }

.sidebar_tit{ display: flex; align-items: center; color: var(--main-color); font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.sidebar_tit span{ display: block; width: 40px; height: 40px; background-color: var(--main-color); text-align: center; border-radius: 100%; margin-right: 10px; }
.sidebar_tit span i{ color: #fff; font-size: 2rem; line-height: 40px; }
.sidebar_list,
.sidebar_cat_list,
.sidebar_monthly_list{ margin-left: 20px; margin-bottom: 20px; }
.sidebar_item,
.sidebar_cat_list > li,
.sidebar_monthly_list > li{ list-style-type: disc; color: var(--main-color); font-size: 1.5rem; margin-bottom: 5px; line-height: 1.3; }
.sidebar_monthly_list{}
.sidebar_monthly_list > li{}


.pagination_wrap{ width: 90%; margin: 0 auto 100px auto; }

.pagination{ border-top: 1px solid #ccc; padding-top: 60px; margin-top: 60px; margin-bottom: 60px; }
.pagination_list{ display: flex; justify-content: space-between;  }
.pagination_item{ position: relative; width: 110px; }
.pagination_item a{ font-size: 1.4rem; padding: 10px 15px; text-align: center; }
.pagination_item a:hover{ background-color: #fff; color: var(--main-color); }

.pagination_item_prev{ position: relative; transition: 0.3s; text-align: right; }
.pagination_item_prev a{ padding-right: 25px; }
.pagination_item_prev:before,
.pagination_item_prev:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_prev:before{ right: 10px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_prev:after{ right: 10px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); border-radius: 1px; top: 1px; }

.pagination_item_prev:hover{ color: #fff; }
.pagination_item_prev:hover::before{ background: var(--main-color); }
.pagination_item_prev:hover::after{ border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); }


.noprev{ text-align: left; }
.nonext{ text-align: right; }
.next{}

.pagination_item_next{ position: relative; transition: 0.3s; text-align: right; width: 110px; }
.pagination_item_next a{ padding-left: 45px; }
.pagination_item_next:before,
.pagination_item_next:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_next:before{ left: 20px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_next:after{ left: 20px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-125deg); border-radius: 1px; top: 1px; }

.pagination_item_next:hover{ color: #fff; }
.pagination_item_next:hover::before{ background: var(--main-color); }
.pagination_item_next:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }

.noprev,
.nonext{ display: block; width: 110px; background-color: rgba(133,111,89,.4); color: #fff; font-size: 1.4rem; padding: 10px 15px; border-radius: 60px; }


.pagination_item_ichiran{ text-align: center; }




.puppy_sec{ width: 90%; margin: 0 auto; }
.puppy_status{ width: 180px; color: #fff; text-align: center; background-color: #df2a50; font-weight: 700; padding: 10px; border-radius: 40px; margin: 0 auto 40px auto; }
.puppy_list{ flex-wrap: wrap; }
.puppy_item{ }
.puppy_img{ flex-basis: 100%; margin-bottom: 20px; }

.puppy_info{ flex-basis: 100%; }
.puppy_item_sec{ border-radius: 20px; padding: 30px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.puppy_item_sec_list{}
.puppy_item_sec_item{ position: relative; padding-bottom: 25px; margin-bottom: 20px; }
.puppy_item_sec_item:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

.puppy_item_sec_item_tit{ display: inline-block; font-size: 1.5rem; font-weight: 700; color: #666; background-color: var(--sub-color); padding: 3px 15px; border-radius: 10px; margin-right: 10px; }
.puppy_item_sec_item_txt{ display: inline-block; font-size: 1.6rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }

.puppy_item_sec_item_sec01{ margin-bottom: 10px; }
.puppy_item_sec_item:last-child{ margin-bottom: 0; }
.puppy_item_sec_item:last-child:after{ display: none; }

.puppy_item_sec_list02{ border-top: 2px solid #ccc; padding-top: 20px; }
.puppy_item_sec_item02{ margin-bottom: 10px; }


#thumbnail-carousel{ margin-top: 10px; }

/* サムネイルの幅を調整 */
.splide__track--nav > .splide__list > .splide__slide {
width: 100% !important;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
width: 100% !important;
}
/* サムネイルをグリッド表示 */
#thumbnail-carousel .splide__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
/* 選択されていないサムネイルは薄くする */
.splide__slide {
opacity: .6;
}
/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active {
opacity: 1;
}
/* 画像サイズ調整 */
.splide__slide img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 7px;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid var(--main-color); border-radius: 10px;
}


.txt01{ font-size: 1.8rem; letter-spacing: 2px; line-height: 2.3; }
.txt02{ font-size: 1.6rem; letter-spacing: 2px; line-height: 2; margin-bottom: 20px !important; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.6; }

.wp-block-flexible-table-block-table strong{ font-weight: 700; }


.table_about01 table{}
.table_about01 table th{ padding: 10px 30px !important; background-color: #fafafa !important; }
.table_about01 table td{}
	

.map_sec{}
.map_sec iframe{ width: 100%; aspect-ratio: 5/5; }

.map_sec01{}
.map_sec01_list{ flex-wrap: wrap; }
.map_sec01_item{ flex-basis: 100%; }
.map_sec01_item_tit{ display: flex; align-items: center; }
.map_sec01_item_tit i{ width: 70px; height: 70px; background-color: var(--sub-color); border-radius: 100%; color: var(--main-color); font-size: 3rem; margin-right: 10px; text-align: center; line-height: 70px; }
.map_sec01_item_tit p{ font-size: 3rem; font-weight: 700; }
.map_sec02_list{ margin-left: 90px; margin-bottom: 40px; }
.map_sec02_item{ list-style-type: disc; font-size: 1.7rem; }



.flow_sec{  }
.flow_sec_list{ width: 96%; margin: 0 auto; }
.flow_sec_item{ display: flex; margin-bottom: 30px; }

.flow_sec01{ position: relative; }
.flow_sec_item_step1 .flow_sec01{ position: relative; }

.flow_sec_item_step2 .flow_sec01,
.flow_sec_item_step3 .flow_sec01{ position: relative; }
.flow_sec_item_step2 .flow_sec02{ margin-bottom: 110px; }
.flow_sec_item_step3 .flow_sec02{ margin-bottom: 70px; }

.flow_sec_item_step4 .flow_sec01{ position: relative; }

.flow_sec_item_step5 .flow_sec01{ position: relative; background: none; }

.flow_sec_ico{ position: absolute; left: 0; top: 0px; width: 100px; height: 100px; }
.flow_sec_ico i{ font-size: 4.5rem; line-height: 100px; }

.flow_sec02{ margin-left: 130px; margin-bottom: 50px; }
.flow_sec02_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_tit span{ display: block; background-color: #baa48f; color: #fff; font-size: 1.8rem; padding: 3px 20px; border-radius: 5px; margin-right: 10px; }
.flow_sec02_tit p{ font-size: 3.3rem; color: var(--main-color); font-weight: 700; letter-spacing: 2px; }
.flow_sec02_txt{ font-size: 1.8rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

.flow_sec02_contact{ padding: 10px 20px 20px 20px; }
.flow_sec02_contact_list{ flex-wrap: wrap; }
.flow_sec02_contact_item{ flex-basis: 100%; }
.flow_sec02_contact_item_tel{ color: #222; font-size: 3.5rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; text-align: center; }
.flow_sec02_contact_item_tel i{ font-size: 2.3rem; margin-right: 5px; }
.flow_sec02_contact_item_tel p{ font-size: 1.4rem; text-align: center; }
.flow_sec02_contact_item_btn{ margin-left: 0; }
.flow_sec02_contact_item_btn a{ display: block; font-size: 1.7rem; padding: 10px 25px; margin-top: 10px; }
.flow_sec02_contact_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.flow_sec02_contact_item_btn a:hover{ background-color: #fff; color: var(--button-color); }

.flow_sec02_siharai{ width: 100%; flex-wrap: wrap; border-radius: 10px; padding: 20px; }
.flow_sec02_siharai_tit{ font-size: 2.5rem; font-weight: 700; color: var(--main-color); margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 5px;}
.flow_sec02_siharai_list{ width: 100%; display: flex; justify-content: space-between; }
.flow_sec02_siharai_item{ flex-basis: 32%; background-color: #baa48f; color: #fff; font-size: 2.1rem; font-weight: 700; padding: 3px 15px; border-radius: 10px; text-align: center; }

.flow_sec02_present{ padding: 20px; }
.flow_sec02_present_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_present_tit i{ display: block; width: 45px; height: 45px; border-radius: 100%; background-color: var(--main-color); color: #fff; font-size: 2rem; text-align: center; line-height: 45px; margin-right: 20px; }
.flow_sec02_present_tit p{ font-size: 2.8rem; font-weight: 700; }
.flow_sec02_present_list{}
.flow_sec02_present_item{ background-color: #fff; font-size: 2rem; font-weight: 700; padding: 10px 20px; border-radius: 10px; margin-bottom: 10px;  }




.ul_check_list{}
.ul_check_list li{ background-color: #fcf6f0; padding: 15px; margin-bottom: 10px; border-radius: 10px; font-size: 2rem; font-weight: 700; }
.ul_check_list li input{ margin-right: 20px; border: 1px solid var(--main-color); margin-top: 10px; }

.tit01{	font-size: 2.8rem; color: var(--main-color); font-weight: 700; }


.introduce_sec{ width: 90%; margin: 0 auto 100px auto; }
.introduce_sec h3.wp-block-heading{ width: 100%; margin-left: 0 !important; margin-bottom: 20px; }

.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(1){ width: 45%; max-width: 45% !important; margin: 0 1% 0 4%; }
.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(2){ width: 45%; max-width: 45% !important; margin: 0 4% 0 1%; }


.faq_list{}
.faq_item{ margin-bottom: 60px; }
.faq_q{ display: flex; align-items: center; margin-bottom: 10px; }
.faq_q span{ display: block; width: 60px; height: 60px; border-radius: 100%; background-color: var(--main-color); font-size: 3rem; color: #fff; text-align: center; line-height: 60px; margin-right: 20px; font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif; font-weight: 300; font-style: normal; }
.faq_q p{ font-size: 3rem; font-weight: 700; }
.faq_a{ background: #faf0e6; padding: 20px; border-radius: 10px; font-size: 2rem; line-height: 2; }




.contact_sec{ width: 90%; margin: 0 auto; }



/* フォーム */

.contact_item{flex-wrap: wrap; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc;}
.contact_tit{ flex-basis: 100%; width: 100%; font-weight: 700; position: relative; margin-left: 0; margin-bottom: 5px; }
.contact_tit span{ position: initial; margin-right: 15px; padding: 2px 6px; left: 0; top: 0px; font-size: 1.4rem; }
.contact_txt,
.contact_adress,
.contact_txtarea{ width: 100%;}
.contact_txt input{ flex-basis: 100%; width: 100%; font-size: 2rem; background: #f7f7f7; height: 35px; padding: 8px; border: 1px solid #ccc; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #f7f7f7; border: 1px solid #ccc;}
.contact_adress_sub p{padding: 10px 0;}
.contact_adress input{ width: 100%; background: #f7f7f7; border: 1px solid #ccc; height: 35px; margin-left: 0; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}




.contact_submit_btn{ text-align: center; margin: 60px auto; }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2rem; letter-spacing: 2px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; border: 0; width: 100%; }
input.wpcf7-submit:hover{ background-color: #999; }

.privacy_sec{ width: 100%; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 700; margin-bottom: 30px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; line-height: 1.8; margin-bottom: 5px; }

::placeholder{ color: #999; }


.sitemap_list{}
.sitemap_item{ list-style: none; margin-bottom: 20px; position: relative; padding-left: 30px; }
.sitemap_item:before{ position: absolute; content: ""; display: block; top: 10px; left: 0; width: 15px; height: 15px; background-color: var(--main-color); border-radius: 100%; }
.sitemap_item a{ font-size: 2.3rem; font-weight: 700; }
.sitemap_item a span{ margin-left: 20px; font-size: 1.6rem; color: #999; font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }

.wsp-pages-list{}
.page_item_has_children{}
.children{ margin: 10px 0 0 30px; }
.children li{ position: relative; padding-left: 20px; list-style: none; }
.children li a{ font-size: 1.8rem; font-weight: normal; }
.children li:before{ position: absolute; content: ""; display: block; top: 12px; left: 0; width: 10px; height: 2px; background-color: var(--main-color); }









}
/* ----------------------------------------------------------
TAB CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
PC CSS
---------------------------------------------------------- */
@media print, screen and (min-width: 1281px) and (max-width: 1849px){

/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; }

/* 非表示用 */
.nonePC		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ position: fixed; top: 0; width: 100%; height: var(--header-height); background-color: #fff; z-index: 5; box-shadow: 0px 8px 16px -6px rgba(0,0,0,.1); }
.header_sec{ display: flex; align-items: center; justify-content: space-between; }
.header_logo{ flex-basis: 23%; text-align: center; }
.header_logo a{ display: block; }
.header_logo a:hover{ opacity: .6; }
.header_logo01{ font-size: 4rem; }
.header_logo01 span{ font-size: 1.2rem; }

.gnavi{ flex-basis: 50%; margin: 0 1% 0 auto; }
.gnavi_list{ display: flex; }
.gnavi_item{ flex: 1 0 auto; }
.gnavi_item a{ display: block; font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; height: 120px; position: relative; overflow: hidden; transition:all .5s ease; z-index: 2; }
.gnavi_item a span{ font-size: 1.5rem; }
/* .gnavi_item a:hover{ background-color: var(--sub-color); top: 0; } */

.header_info{ flex-basis: 12%; min-width: 190px; /* margin-right: 130px; */ margin-right: 1%; }

.header_tel{ display: flex; align-items: center; justify-content: center; color: #222; font-size: 2rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; }
.header_tel i{ font-size: 1.5rem; margin-right: 5px; }

.header_contact{ width: 100%; }
.header_contact a{ display: block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.6rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 4px 30px; margin: 0 auto; }
.header_contact a i{ margin-right: 10px; }
.header_contact a:hover{ background-color: #fff; color: var(--button-color); }

.header_sns{ margin-right: 130px; }
.header_sns_item{ margin: 0 5px; }

#nav-toggle {
	display: block !important;
	position: fixed;
	top: 0;
	right: 0;
	width: 120px;
	height: 120px;
	cursor: pointer;
	background-color: var(--sub-color);
	z-index: 999;
}
#nav-toggle > div {
	position: relative;
	width: 40px;
}
#nav-toggle span {
	width: 100%;
	height: 1px;
	top: 50px;
	left: 40px;
	display: block;
	background: var(--main-color);
	position: absolute;
	transition: transform 0.6s ease-in-out, top 0.5s ease;
}
#nav-toggle span:nth-child(1){ top: 50px; }
#nav-toggle span:nth-child(2){ top: 57px; }
#nav-toggle span:nth-child(3){ top: 64px; }

.open #nav-toggle span {
 /* background: #fff; */
}
.open #nav-toggle span:nth-child(1) {
	top: 57px;
	transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
	top: 64px;
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 57px;
	transform: rotate(-45deg);
}

#gloval-nav {
	background-color: rgba(133, 111, 89, .9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	font-size: 20px;
	transform: translateX(-100%);
	transition: opacity 0.6s ease, visibility 0.6s ease;
	padding-top: 120px;
}

#gloval-nav a {
	display: block;
	color: #fff;
	padding: 20px;
	transition: color 0.6s ease;
	font-size: 2rem;
}
#gloval-nav a:hover{ background-color: rgba(255,255,255,.1); padding: 20px; }
#gloval-nav ul{ display: flex; flex-wrap: wrap !important; justify-content: flex-start !important; border-top: 1px dotted #fff; }
#gloval-nav .gnavi__list{ width: 70%; padding: 0; height: auto; }
#gloval-nav ul li {
	opacity: 0;
	transform: translateX(-200px);
	transition: transform 0.6s ease, opacity 0.2s ease;
	flex-basis: 33%;
	border-bottom: 1px dotted #fff;
}
#gloval-nav ul li:nth-child(2){ transition-delay: 0.15s; }
#gloval-nav ul li:nth-child(3){ transition-delay: 0.3s; }
#gloval-nav ul li:nth-child(4){ transition-delay: 0.45s; }
#gloval-nav ul li:nth-child(5){ transition-delay: 0.6s; }
#gloval-nav ul li:nth-child(6){ transition-delay: 0.75s; }
#gloval-nav ul li:nth-child(7){ transition-delay: 0.9s; }
#gloval-nav ul li:nth-child(8){ transition-delay: 1.05s; }
#gloval-nav ul li:nth-child(9){ transition-delay: 1.2s; }
#gloval-nav ul li:nth-child(10){ transition-delay: 1.35s; }
#gloval-nav ul li:nth-child(11){ transition-delay: 1.5s; }
#gloval-nav ul li:nth-child(12){ transition-delay: 1.65s; }

/* open */
.open {
	overflow: hidden;
}
.open #gloval-nav {
	visibility: visible;
	transform: translateX(0);
	transition: transform 0.6s;
}
.open #gloval-nav li {
	opacity: 1;
	transform: translateX(0);
	transition: transform 1s ease, opacity 0.9s ease;
}

#nav-toggle{ z-index: 100; }
#gloval-nav{ z-index: 10; }

/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu { display: none; }

.footer_contact{ background-color: #856f59; padding: 60px 0; }
.footer_contact_sec{ width: 960px; margin: 0 auto; background-color: #fff; border-radius: 10px; padding: 40px 60px; }
.footer_contact_sec_tit{ font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-align: center; line-height: 1.3; padding-bottom: 20px; border-bottom: 1px solid var(--main-color); margin-bottom: 20px; }
.footer_contact_sec_tit span{ display: block; font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.footer_contact_sec01{}
.footer_contact_sec01_list{ display: flex; justify-content: center; align-items: center; }
.footer_contact_sec01_item{ }
.footer_contact_sec01_item_tel{ flex-basis: 40%; margin-right: 20px; }

.footer_contact_sec01_item_tel{ color: #222; font-size: 3.5rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; text-align: right; }
.footer_contact_sec01_item_tel i{ font-size: 2.5rem; margin-right: 5px; }
.footer_contact_sec01_item_tel p{ font-size: 1.4rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; text-align: right; }

.footer_contact_sec01_item_btn{ flex-basis: 40%; margin-left: 20px; }

.footer_contact_sec01_item_btn a{ display: inline-block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 15px 30px; }
.footer_contact_sec01_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.footer_contact_sec01_item_btn a:hover{ background-color: #fff; color: var(--button-color); }


footer{ padding-top: 100px; padding-bottom: 50px; }
.footer_logo{ text-align: center; margin-bottom: 30px; }
.footer_copyright{ color: #ccc; font-size: 1.1rem; text-align: center; }


/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */
.h1_wrap{ width: 100%; background-color: #fcf6f0; text-align: center; margin-top: 120px; padding-bottom: 60px; }
.h1_wrap h1{ font-size: 3.5rem; font-weight: 700; padding-top: 50px; margin-bottom: 20px; }
.h1_wrap h1 span{ display: block; font-size: 3rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; text-transform: capitalize; letter-spacing: 2px; }
.bg_h1{ min-height: 80px; width: 100%; background: url("/info/wp-content/uploads/bg_h1.png") repeat-x top center; background-size: contain; margin-bottom: 60px; }

h2{ font-size: 3.5rem; color: #666; font-weight: 700; letter-spacing: 2px; margin-bottom: 40px; line-height: 1.2; }

.information_sec h2{ position: relative; font-size: 3rem; background-color: none; padding: 0 0 0 50px; border-radius: 0; line-height: 1.3; margin-bottom: 40px; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.information_sec h2:before{ position: absolute; content: ""; left: 0; top: 5px; width: 30px; height: 30px; background-color: var(--second-color); border-radius: 100%; }


.information_item h2{ font-size: 3rem; font-weight: 700; background-color: var(--sub-color); padding: 30px; border-radius: 10px; line-height: 1.3; }
.puppy_sec h2{ font-size: 3.5rem; text-align: center; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; }

.h2_top{ position: relative; font-size: 2rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; padding-left: 20px; }
.h2_top:before{ position: absolute; display: block; content: ""; top: 15px; left: 0; width: 10px; height: 2px; background-color: #d2975c; }


.news_single_txt h3,
.owner h3,
.introduce h3{
	font-size: 2.8rem; color: var(--main-color); font-weight: 700;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.news_single_txt h3:after,
.owner h3:after,
.introduce h3:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

h3.wp-block-heading{ margin-bottom: 20px; }


/* ぱんくず */
.breadcrumbs{ }  
.breadcrumbs_sec{ } 
.breadcrumbs_sec span{ display: inline-block; position: relative; font-size: 1.4rem; font-weight: 400; }
.breadcrumbs_sec span br{ display: none; }
.breadcrumbs_sec span:before{ content: "/"; display: block; position: absolute; top: 0; left: 6px; font-size: 1.4rem; }
.breadcrumbs_sec span:first-child:before{ content: ""; }
.breadcrumbs_sec span a{ font-size: 1.2rem; margin: 0 0 0 20px;  }
.breadcrumbs_sec span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */

.contents{ width: 1200px; margin: 0 auto 100px auto; }
.wrapper{ display: flex; justify-content: space-between; }

.top_img_wrap{ margin-top: 120px; margin-bottom: 380px; position: relative; background-color: var(--sub-color); height: 100%; min-height: 850px; }

.top_concept{ z-index: 3; position: absolute; top: 100px; left: 0; background-color: #f9f9f9; width: 35%; padding: 20px; border-radius: 0 10px 10px 0; }
.top_concept_tit{ margin-bottom: 30px; }
.top_concept_tit01{ font-size: 4.5rem; }
.top_concept_tit02{ font-size: 3.4rem; }
.top_concept_tit02 span{ font-size: 2.8rem; }

.top_concept_txt{ font-size: 1.7rem; color: #666; line-height: 2.3; letter-spacing: 1px; margin-bottom: 30px; }

.top_concept_btn{ width: 360px; }
.top_concept_btn a{ position: relative; display: block; font-size: 1.8rem; font-weight: 700; text-align: center; color: var(--main-color); background-color: var(--sub-color); border: 1px solid var(--sub-color); padding: 25px; border-radius: 10px; }
.top_concept_btn a:before{ content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); right: 20px; top: 34px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_concept_btn a:hover{ background-color: var(--main-color); color: var(--sub-color); }
.top_concept_btn a:hover:before{ border-color: var(--sub-color); }

#top_img{ z-index: 1; position: absolute; top: 0; right: 0; width: 1200px; height: 800px; }
#top_img img{ border-radius: 0 0 0 20px; }

.header_bnr_line{ display: none; }

.top_bnr{ position: absolute; right: 85px; bottom: auto; top: 400px; z-index: 2; }


.top_info{ z-index: 2; position: relative; width: 1150px; top: 870px; right: 0; background-color: #fafafa; border-radius: 0px; padding: 60px; display: flex; margin: 0 auto; }
.top_info_tit{ flex-basis: 30%; font-size: 4rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; text-align: right; margin-right: 50px; }
.top_info_tit span{ display: block; font-size: 1.4rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }
.top_info_list{ flex-basis: 70%; }
.top_info_item{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.top_info_item_date{ flex-basis: 12%; font-size: 1.3rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 400; font-style: normal; }
.top_info_item_cat{ flex-basis: 13%; background-color: var(--second-color); color: var(--main-color); font-size: 1.2rem; font-weight: 700; text-align: center; border-radius: 40px; padding: 3px 15px; margin-right: 10px; }
.top_info_item_tit{ flex-basis: 70%; font-size: 1.7rem; line-height: 1.3; }

.top_info_btn{ position: absolute; bottom: -330px; right: 100px; z-index: 2; }



.top_puppy{ width: 1200px; margin: 0 auto 100px auto; }
.top_puppy_tit{ font-size: 5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 40px; }
.top_puppy_tit span{ font-size: 2.1rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; margin-left: 10px; }

.top_puppy_list{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; }
.top_puppy_list:after{ content: ""; display: block; width: 23%; }
.top_puppy_item{ position: relative; /* flex-basis: 30%; */ border-radius: 20px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.top_puppy_img{}
.top_puppy_img img{ width: 100%; height: auto; border-radius: 20px 20px 0 0; }
.top_puppy_cat{}
.top_puppy_cat_list{ }
.top_puppy_cat_item{ position: relative; top: 10px; left: 0; right: 0; margin: 0 auto; width: 180px; color: #fff; background-color: var(--accent-color); text-align: center; font-size: 1.8rem; font-weight: 700; padding: 8px; border-radius: 40px; }
.cat_puppy_wanted01{ background-color: #de7f0a !important; }
.cat_puppy_decision01{ background-color: var(--accent-color) !important; }
.cat_puppy_preparation01{ background-color: #18689d !important; }
.top_puppy_info{ padding: 20px 30px 30px 30px; }
.top_puppy_info_list{ display: flex; flex-wrap: wrap; }

.top_puppy_info_list .puppy_item_sec_item{ border-bottom: 1px solid #ccc; }
.top_puppy_info_list .puppy_item_sec_item:last-child{ border-bottom: 0; }
.top_puppy_info_list .puppy_item_sec_item:after{ display: none; }

.top_puppy_info_list .puppy_item_sec_item{ padding-bottom: 15px; margin-bottom: 15px; }
/*
.top_puppy_info_list .puppy_item_sec_item:nth-child(1){ flex-basis: 60%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(2){ flex-basis: 40%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(3){ flex-basis: 100%; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(4){ display: flex; align-items: flex-start; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(4) .puppy_item_sec_item_tit{ white-space: nowrap; }
.top_puppy_info_list .puppy_item_sec_item:nth-child(4) .puppy_item_sec_item_txt{  }
*/

.top_puppy_btn01{ position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 220px; }
.top_puppy_btn01 a{ position: relative; display: block; color: #fff; font-size: 1.6rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px; border-radius: 5px; border: 2px solid var(--main-color); }
.top_puppy_btn01 a:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; right: 15px; top: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; }
.top_puppy_btn01 a:hover{ background-color: #fff; color: var(--main-color); }
.top_puppy_btn01 a:hover:before{ border-color: var(--main-color); }

.top_puppy_btn{ margin: 80px auto 0 auto; }


.top_voice{ background-color: #fde7e0; padding: 80px 0 100px 0; }
.top_voice_sec{ width: 1200px; margin: 0 auto; }
.top_voice_list{ display: flex; justify-content: space-between; }
.top_voice_item{ position: relative; /*  flex-basis: 31%; */ }
.top_voice_item a{ display: block; color: var(--main-color); background-color: #fff; padding: 30px 40px; border-radius: 20px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.top_voice_tit{ font-size: 2.3rem; font-weight: 700; margin-bottom: 20px; }
.top_voice_img{ margin-bottom: 10px; }
.top_voice_img img{ width: 100%; height: auto; border-radius: 10px; }
.top_voice_txt{ font-size: 1.5rem; line-height: 1.8; margin-bottom: 20px; }
.top_voice_txt{}

.top_voice .voice_item_img_info{ position: absolute; bottom: 20px; right: 30px; }

.hvr-reveal:before {
	border-radius: 20px;
	border-color: var(--main-color);
}
.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before {
	border-width: 2px;
}

.top_voice_btn a{ background-color: #fff; }

.voice_list{}
.voice_item{ background-color: #fcf6f0; padding: 60px 60px 10px 60px; border-radius: 10px; margin-bottom: 60px; }
.voice_sec_list{ display: flex; justify-content: space-between; }
.voice_sec_item{}
.voice_sec_item01{ flex-basis: 40%; }
.voice_sec_item02{ flex-basis: 55%; }
.voice_item_name{ font-size: 2.6rem; font-weight: 700; margin-bottom: 20px; }
.voice_item_name i{ margin-right: 10px; }
.voice_item_img{}
.voice_thumbnail{ margin-bottom: 10px; }
.voice_thumbnail img{ width: 100%; height: auto; }
.voice_item_img_info{ display: flex; justify-content: flex-end; }
.voice_item_img_info_add{ font-size: 1.8rem; font-weight: 700; margin-right: 20px; }
.voice_item_img_info_name{ font-size: 1.8rem; font-weight: 700; }




.voice_sec_item02_list{}
.voice_sec_item02_item{ position: relative; margin-bottom: 60px;  }
.voice_sec_item_tit{ position: absolute; left: -20px; top: -20px; display: inline-block; color: #fff; font-size: 1.8rem; font-weight: 700; text-align: center; background-color: var(--main-color); padding: 8px 15px; border-radius: 5px; }
.voice_sec_item_txt{ background-color: #fff; font-size: 1.8rem; line-height: 2; padding: 40px; }


.wp-pagenavi{ width: 100%; margin: 100px auto; display: flex; justify-content: center; }
.wp-pagenavi a, .wp-pagenavi span {
	display: block;
	text-decoration: none;
	border: 1px solid #aaa !important;
	padding: 3px 10px !important;
	margin: 2px;
	font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal;
	border-radius: 100%;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color);
	color: #fff;
}


.top_contents{ width: 1200px; margin: 0 auto; padding: 80px 0; }
.top_contents_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.top_contents_item{ flex-basis: 49%; margin-bottom: 40px; }
.top_contents_item a:hover{ opacity: .6; }
.top_contents_item_img{ margin-bottom: 10px; }
.top_contents_item_img img{ width: 100%; height: auto; border-radius: 10px; }

.top_contents_item_tit{ position: relative; font-size: 4.5rem; color: var(--main-color); font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 40px; }
.top_contents_item_tit span{ font-size: 1.8rem; color: #666; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; vertical-align: middle; margin-left: 20px; }
.top_contents_item_tit:before{ content: ''; width: 9px; height: 9px; border-top: 2px solid var(--main-color); border-right: 2px solid var(--main-color); position: absolute; right: 17px; bottom: 15px; transform: rotate(45deg); transition: 0.5s ease-in-out; z-index: 2; }
.top_contents_item_tit:after{ position: absolute; content: ""; right: 0; bottom: 0; width: 40px; height: 40px; border-radius: 100%; background-color: var(--sub-color); }





.top_blog{ background-color: var(--sub-color); padding: 80px 0 100px 0; }
.top_blog_sec{ width: 1200px; margin: 0 auto; }
.top_blog_list{ display: flex; justify-content: space-between; }
.top_blog_item{ flex-basis: 23%; }
.top_blog_item a:hover{ opacity: .6; }
.top_blog_date{ text-align: right; font-size: 1.3rem; margin-bottom: 5px; }
.top_blog_img{ margin-bottom: 10px; }
.top_blog_img img{ width: 100%; height: 210px; border-radius: 10px; object-fit: cover; }
.top_blog_tit{ font-size: 1.8rem; font-weight: 700; }


.top_instagram{ width: 1000px; margin: 0 auto; padding: 80px 0 100px 0; }
.top_instagram_sec{ margin-bottom: 60px; }








.information_sec{}
.information_list{}
.information_item{ margin-bottom: 40px; }
.information_item_sec{ display: flex; justify-content: flex-end; align-items: center; margin-bottom: 5px; flex-wrap: wrap; }
.information_date{ flex-basis: 50%; font-size: 1.4rem; font-family: fot-tsukuardgothic-std, sans-serif; font-weight: 400; font-style: normal; }
.information_date i{ margin-right: 10px; }
.information_cat{ flex-basis: 50%; font-size: 1.4rem; }
.blog_cat{ flex-basis: 20%; font-size: 1.4rem; }
.information_cat i{ margin-right: 10px; }
.information_item_tit{ font-size: 3rem; font-weight: 700; background-color: var(--sub-color); padding: 30px; border-radius: 10px; line-height: 1.3; }


.blog_sec_item_sec_date{ flex-basis: 100%; }
.blog_sec_item_sec_cat{ flex-basis: 100%; }

.main{ flex-basis: 70%; }
.sidebar{ flex-basis: 25%; background-color: #fcf6f0; padding: 40px; border-radius: 10px; }

.sidebar_sec{
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 40px;
}
.sidebar_sec:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }
.sidebar_sec:last-child:after{ background: none; }

.sidebar_tit{ display: flex; align-items: center; color: var(--main-color); font-size: 2rem; font-weight: 700; margin-bottom: 10px; }
.sidebar_tit span{ display: block; width: 40px; height: 40px; background-color: var(--main-color); text-align: center; border-radius: 100%; margin-right: 10px; }
.sidebar_tit span i{ color: #fff; font-size: 2rem; line-height: 40px; }
.sidebar_list,
.sidebar_cat_list,
.sidebar_monthly_list{ margin-left: 20px; margin-bottom: 20px; }
.sidebar_item,
.sidebar_cat_list > li,
.sidebar_monthly_list > li{ list-style-type: disc; color: var(--main-color); font-size: 1.5rem; margin-bottom: 5px; line-height: 1.3; }
.sidebar_monthly_list{}
.sidebar_monthly_list > li{}


.pagination_wrap{ width: 1300px; margin: 0 auto 100px auto; }

.pagination{ border-top: 1px solid #ccc; padding-top: 60px; margin-top: 60px; }
.pagination_list{ display: flex; justify-content: space-between;  }
.pagination_item{ position: relative; width: 160px; }
.pagination_item a{ display: block; background-color: var(--main-color); color: #fff; font-size: 1.6rem; font-weight: 700; padding: 15px 25px; border: 1px solid var(--main-color); border-radius: 60px; }
.pagination_item a:hover{ background-color: #fff; color: var(--main-color); }

.pagination_item_prev{ position: relative; transition: 0.3s; text-align: right; }
.pagination_item_prev a{ padding-right: 45px; }
.pagination_item_prev:before,
.pagination_item_prev:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_prev:before{ right: 20px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_prev:after{ right: 20px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); border-radius: 1px; top: 1px; }

.pagination_item_prev:hover{ color: #fff; }
.pagination_item_prev:hover::before{ background: var(--main-color); }
.pagination_item_prev:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }


.noprev{ text-align: left; }
.nonext{ text-align: right; }
.next{}

.pagination_item_next{ position: relative; transition: 0.3s; text-align: right; width: 160px; }
.pagination_item_next a{ padding-left: 45px; }
.pagination_item_next:before,
.pagination_item_next:after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; transition: 0.3s; }
.pagination_item_next:before{ left: 20px; width: 13px; height: 2px; background: #fff; border-radius: 5px; }
.pagination_item_next:after{ left: 20px; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-125deg); border-radius: 1px; top: 1px; }

.pagination_item_next:hover{ color: #fff; }
.pagination_item_next:hover::before{ background: var(--main-color); }
.pagination_item_next:hover::after{ border-top: 2px solid var(--main-color);; border-right: 2px solid var(--main-color); }

.noprev,
.nonext{ display: block; width: 160px; background-color: rgba(133,111,89,.4); color: #fff; font-size: 1.6rem; padding: 15px 25px; border-radius: 60px; }


.pagination_item_ichiran{ text-align: center; }




.puppy_sec{ width: 1200px; margin: 0 auto; }
.puppy_status{ width: 180px; color: #fff; text-align: center; background-color: #df2a50; font-weight: 700; padding: 10px; border-radius: 40px; margin: 0 auto 40px auto; }
.puppy_list{ display: flex; justify-content: space-between; }
.puppy_item{}
.puppy_img{ flex-basis: 65%; }

.puppy_info{ flex-basis: 30%; }
.puppy_item_sec{ border-radius: 20px; padding: 30px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); }
.puppy_item_sec_list{}
.puppy_item_sec_item{ position: relative; padding-bottom: 25px; margin-bottom: 20px; }
.puppy_item_sec_item:after{ display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 5px; background: url("/info/wp-content/uploads/bg_stripe01.png"); background-position: center; }

.puppy_item_sec_item_tit{ display: inline-block; font-size: 1.5rem; font-weight: 700; color: #666; background-color: var(--sub-color); padding: 3px 10px; border-radius: 10px; margin-right: 5px; }
.puppy_item_sec_item_txt{ display: inline-block; font-size: 1.6rem; font-family:'Zen Maru Gothic', sans-serif; font-weight: 700; font-style: normal; }

.puppy_item_sec_item_sec01{ margin-bottom: 10px; }
.puppy_item_sec_item:last-child{ margin-bottom: 0; }
.puppy_item_sec_item:last-child:after{ display: none; }

.puppy_item_sec_list02{ border-top: 2px solid #ccc; padding-top: 20px; }
.puppy_item_sec_item02{ margin-bottom: 10px; }


#thumbnail-carousel{ margin-top: 10px; }

/* サムネイルの幅を調整 */
.splide__track--nav > .splide__list > .splide__slide {
width: 100% !important;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
width: 100% !important;
}
/* サムネイルをグリッド表示 */
#thumbnail-carousel .splide__list {
display: grid;
grid-template-columns: repeat(6, 1fr);
}
/* 選択されていないサムネイルは薄くする */
.splide__slide {
opacity: .6;
}
/* 選択されているサムネイルだけ透過しない */
.splide__slide.is-active {
opacity: 1;
}
/* 画像サイズ調整 */
.splide__slide img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 7px;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid var(--main-color); border-radius: 10px;
}


.txt01{ font-size: 1.8rem; letter-spacing: 2px; line-height: 2.3; }
.txt02{ font-size: 1.6rem; letter-spacing: 2px; line-height: 2; margin-bottom: 20px !important; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.6; }

.wp-block-flexible-table-block-table strong{ font-weight: 700; }



.map_sec{}
.map_sec iframe{ width: 100%; aspect-ratio: 5/5; }

.map_sec01{}
.map_sec01_list{ display: flex; justify-content: space-between; }
.map_sec01_item{ flex-basis: 45%; }
.map_sec01_item_tit{ display: flex; align-items: center; }
.map_sec01_item_tit i{ width: 70px; height: 70px; background-color: var(--sub-color); border-radius: 100%; color: var(--main-color); font-size: 3rem; margin-right: 10px; text-align: center; line-height: 70px; }
.map_sec01_item_tit p{ font-size: 3rem; font-weight: 700; }
.map_sec02_list{ margin-left: 90px; margin-bottom: 40px; }
.map_sec02_item{ list-style-type: disc; font-size: 1.7rem; }



.flow_sec{  }
.flow_sec_list{ width: 1000px; margin: 0 auto; }
.flow_sec_item{ display: flex; margin-bottom: 30px; }

/*
.flow_sec01{ position: relative; background: url("/info/wp-content/uploads/ico_paw01.png") no-repeat 50px 160px; }
.flow_sec_item_step1 .flow_sec01{ position: relative;
	background-image: url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 50px 160px, 50px 200px, 50px 240px, 50px 280px;
}

.flow_sec_item_step2 .flow_sec01,
.flow_sec_item_step3 .flow_sec01{ position: relative;
	background-image: url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png");
	background-repeat: no-repeat, no-repeat;
	background-position: 50px 160px, 50px 200px;
}
.flow_sec_item_step2 .flow_sec02{ margin-bottom: 110px; }
.flow_sec_item_step3 .flow_sec02{ margin-bottom: 70px; }

.flow_sec_item_step4 .flow_sec01{ position: relative;
	background-image: url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png"), url("/info/wp-content/uploads/ico_paw01.png");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 50px 160px, 50px 200px, 50px 240px;
}
*/

.flow_sec_item_step5 .flow_sec01{ position: relative; background: none; }

.flow_sec_ico{ position: absolute; left: 0; top: 0px; width: 140px; height: 140px; border-radius: 100%; background: linear-gradient(135deg, rgba(134,109,75,1) 0%,rgba(134,109,75,1) 50%,rgba(134,109,75,1) 50%,rgba(108,88,61,1) 50%,rgba(108,88,61,1) 100%); text-align: center; }
.flow_sec_ico i{ color: #fff; font-size: 5.5rem; line-height: 140px; }

.flow_sec02{ margin-left: 180px; margin-bottom: 50px; }
.flow_sec02_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_tit span{ display: block; background-color: #baa48f; color: #fff; font-size: 1.8rem; padding: 3px 20px; border-radius: 5px; margin-right: 10px; }
.flow_sec02_tit p{ font-size: 3.3rem; color: var(--main-color); font-weight: 700; letter-spacing: 2px; }
.flow_sec02_txt{ font-size: 1.8rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

.flow_sec02_contact{ background-color: #fcf6f0; border-radius: 10px; padding: 10px 30px 30px 30px; }
.flow_sec02_contact_list{ display: flex; justify-content: center; align-items: center; }
.flow_sec02_contact_item{ flex-basis: 48%; }
.flow_sec02_contact_item_tel{ color: #222; font-size: 3.5rem; font-family: azo-sans-web, sans-serif; font-weight: 400; font-style: normal; text-align: right; }
.flow_sec02_contact_item_tel i{ font-size: 2.3rem; margin-right: 5px; }
.flow_sec02_contact_item_tel p{ font-size: 1.4rem; text-align: right; }
.flow_sec02_contact_item_btn{ margin-left: 30px; }
.flow_sec02_contact_item_btn a{ display: inline-block; color: #fff; background-color: var(--button-color); border: 2px solid var(--button-color); font-size: 1.7rem; font-weight: 700; text-align: center; letter-spacing: 2px; border-radius: 5px; padding: 10px 25px; margin-top: 20px; }
.flow_sec02_contact_item_btn a i{ margin-right: 10px; vertical-align: middle; }
.flow_sec02_contact_item_btn a:hover{ background-color: #fff; color: var(--button-color); }

.flow_sec02_siharai{ /* width: 520px; */ display: flex; align-items: center; background-color: #fcf6f0; border-radius: 10px; padding: 20px; }
.flow_sec02_siharai_tit{ font-size: 2.5rem; font-weight: 700; color: var(--main-color); margin-right: 10px; }
.flow_sec02_siharai_list{ width: 78%; display: flex; justify-content: space-between; }
.flow_sec02_siharai_item{ flex-basis: 32%; background-color: #baa48f; color: #fff; font-size: 2.1rem; font-weight: 700; padding: 3px 15px; border-radius: 10px; text-align: center; }

.flow_sec02_present{ background-color: #fcf6f0; border-radius: 10px; padding: 30px 40px; }
.flow_sec02_present_tit{ display: flex; align-items: center; margin-bottom: 10px; }
.flow_sec02_present_tit i{ display: block; width: 45px; height: 45px; border-radius: 100%; background-color: var(--main-color); color: #fff; font-size: 2rem; text-align: center; line-height: 45px; margin-right: 20px; }
.flow_sec02_present_tit p{ font-size: 2.8rem; font-weight: 700; }
.flow_sec02_present_list{}
.flow_sec02_present_item{ background-color: #fff; font-size: 2rem; font-weight: 700; padding: 10px 20px; border-radius: 10px; margin-bottom: 10px;  }




.ul_check_list{}
.ul_check_list li{ background-color: #fcf6f0; padding: 15px; margin-bottom: 10px; border-radius: 10px; font-size: 2rem; font-weight: 700; }
.ul_check_list li input{ margin-right: 20px; border: 1px solid var(--main-color); margin-top: 10px; }

.tit01{	font-size: 2.8rem; color: var(--main-color); font-weight: 700; }


.introduce_sec{ width: 1100px; margin: 0 auto 100px auto; }
.introduce_sec h3.wp-block-heading{ width: 80%; margin-left: 0 !important; margin-bottom: 20px; }

.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(1){ width: 45%; max-width: 45% !important; margin: 0 1% 0 4%; }
.column02 .wp-block-snow-monkey-blocks-items-item-free:nth-child(2){ width: 45%; max-width: 45% !important; margin: 0 4% 0 1%; }


.faq_list{}
.faq_item{ margin-bottom: 60px; }
.faq_q{ display: flex; align-items: center; margin-bottom: 10px; }
.faq_q span{ display: block; width: 60px; height: 60px; border-radius: 100%; background-color: var(--main-color); font-size: 3rem; color: #fff; text-align: center; line-height: 60px; margin-right: 20px; font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif; font-weight: 300; font-style: normal; }
.faq_q p{ font-size: 3rem; font-weight: 700; }
.faq_a{ background: #faf0e6; padding: 20px; border-radius: 10px; font-size: 2rem; line-height: 2; }




.contact_sec{ width: 980px; margin: 0 auto; }



/* フォーム */
.contact_item{display: flex; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc;}
.contact_tit{width: 30%;  font-weight: 700; position: relative; margin-left: 80px;}
.contact_tit span{position: absolute;  background-color: #bd2e2e; color: #fff; font-size: 1.5rem; margin-right: 15px; border: 1px solid #bd2e2e; padding: 2px 8px; left: -80px; top: -5px; border-radius: 40px; }
.contact_txt,
.contact_adress,
.contact_txtarea{width: 70%;}
.contact_txt input{ width: 100%; font-size: 2rem; background: #f7f7f7; height: 35px; padding: 8px; border: 1px solid #ccc; }
.contact_txt input[type="checkbox"]{ height: 25px; margin-right: 10px; width: auto; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #f7f7f7; border: 1px solid #ccc;}
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #f7f7f7; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2rem; letter-spacing: 2px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; border: 0; }
input.wpcf7-submit:hover{ background-color: #999; }

.privacy_sec{ width: 980px; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 700; margin-bottom: 30px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; line-height: 1.8; margin-bottom: 5px; }

::placeholder{ color: #999; }


.sitemap_list{}
.sitemap_item{ list-style: none; margin-bottom: 20px; position: relative; padding-left: 30px; }
.sitemap_item:before{ position: absolute; content: ""; display: block; top: 10px; left: 0; width: 15px; height: 15px; background-color: var(--main-color); border-radius: 100%; }
.sitemap_item a{ font-size: 2.3rem; font-weight: 700; }
.sitemap_item a span{ margin-left: 20px; font-size: 1.6rem; color: #999; font-family: felt-tip-roman, sans-serif; font-weight: 400; font-style: normal; letter-spacing: 2px; }

.wsp-pages-list{}
.page_item_has_children{}
.children{ margin: 10px 0 0 30px; }
.children li{ position: relative; padding-left: 20px; list-style: none; }
.children li a{ font-size: 1.8rem; font-weight: normal; }
.children li:before{ position: absolute; content: ""; display: block; top: 12px; left: 0; width: 10px; height: 2px; background-color: var(--main-color); }





}
/* ----------------------------------------------------------
 PC CSS END
---------------------------------------------------------- */
/* ----------------------------------------------------------
 PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width: 1850px){
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; height: 100%; }

/* 非表示用 */
.nonePCWIDE		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */


/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu{ display: none; }



/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */
.top_info{ height: 310px; }

.header_bnr_line{ display: none; }

}
/* ----------------------------------------------------------
 PCWIDE CSS END
---------------------------------------------------------- */