/*
Theme Name: Papapa Simple Theme
Theme URI: https://papapa.baby/
Description: パパパ作
Version: 1.4
Author: PAPAPA
Author URI: https://papapa.baby/
*/
body {
  padding: 0;
  margin: 0;
  font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  background-color: #dfebea;
  color: #333745;
	font-style: normal;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, figure {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
a, a:hover { transition: 0.8s;}
:root{
	--base-color:#47a184;
	--yellow-color:#53514C;
	--accent-color:#EA2E49;
	--deep-blue:#358a9b;
	--linear-gradation:linear-gradient(173deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%);	/*グラデーション*/
}
a{ color: var(--base-color); text-decoration: underline;}
a:hover{ color: var(--base-color); }
a:visited{color:var(--base-color)}
footer{
	background-color:var(--base-color);}
footer a{
	color:white !important;
	text-decoration:none;
}
/***********header**/
.right-area .header-contact a {	background-image: url("/wp-content/uploads/2022/05/ico-mail-white.png"),var(--linear-gradation);background-repeat: no-repeat;box-shadow: 0 0 4px 1px #0002;background-color: #294b40;}
.right-area .header-contact.line-btn a{background-color:#9bcbaf;background-image:url("https://eco-eco.style/wp-content/uploads/2025/02/icon-line.webp"),var(--linear-gradation);}
.right-area .header-contact.tel-btn a{background-color:#a5a4a4;background-image:url("https://eco-eco.style/wp-content/uploads/2025/02/icon-tel.webp"),var(--linear-gradation);}
.right-area .header-contact a:hover {background-color: var(--yellow-color);color: white;}
nav h2{display:none;}
.main-box .blog_info ul li.cal{
	background-image:url(/wp-content/uploads/2022/05/icon-calender.png);
	background-repeat:no-repeat;
	background-size: auto 70%;
    background-position: left center;
}
.main-box .blog_info ul li.cat{
	background-image:url(/wp-content/uploads/2022/05/icon-category.png);
	background-repeat:no-repeat;
	background-size: auto 70%;
    background-position: left center;
}
p.home-btn{
display: block;
    width: 280px;
    height: 50px;
    line-height: 50px;
margin: 6em auto;
    text-align: center;
}
p.home-btn a{
background-color: var(--accent-color);
    color: white;
    display: block;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solid #00000033;
    border-bottom-width: 3px;
}
p.home-btn a:hover{
	background-color:var(--base-color);
}
header .logo-area h1,header .logo-area p.header-title {
	color:#232525;
}
ul.main-menu > li.li-blue {}
ul.main-menu > li.li-yellow {border-bottom-color: #a0a16a;}
ul.main-menu > li.li-lightblue { border-bottom-color: var(--deep-blue);}
ul.main-menu > li.li-glay {
  border-bottom-color: #999999;
}
/*ContactForm7*/
p.submit-quiz {background:#333;color: white !important;max-width: 300px;margin: auto !important;text-align: center;padding: 15px !important;border-radius: 6px;width: 90%;font-size: 90%;}
p.submit-quiz span{max-width:90%;color:white;}
p.submit-quiz label > span {display: block;color: #f24d7c;font-size: 160%;margin:7px auto;}
p.submit-quiz input {line-height: 40px;height: 40px;width: 200px;text-align: center;}
.wpcf7-not-valid-tip {margin:auto !important;font-size:80% !important;color:#f24d7c !important;}
.wpcf7-response-output{
border: none !important;
    position: fixed;
    color: white;
    top: 0%;
    left: 0;
    right: 0;
    margin: auto !important;
    width: 100%;
    padding: 30px !important;
    text-align: center;
    box-shadow: 5px 5px 0 0 rgb(0 0 0 / 30%);
    z-index: 111111;
    box-sizing: border-box;
    z-index: 10001;
}
.wpcf7 form.sent .wpcf7-response-output/*送信完了*/{background:#333745;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output/*エラー系*/{    background: #cc2d56;}
/**** Front-page ***/
/*first view*/
figure.top-img img {animation: zoom-img 3s ease-in-out ;}
	@keyframes zoom-img {
	0%		{ transform: translateY(0);opacity:0.5;width:110%; }
	50% 	{ transform: translateY(-10px); }
	100%	{ transform: translateY(0); opacity:1;width:100%;}
	}
p.copy-text {mix-blend-mode: multiply;display: block;color: #32373c;position: absolute;  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	animation: bounce 2s ease-in-out ;}
	@keyframes bounce {
	0%		{ transform: translateY(150px);opacity:0; }
	100%	{ transform: translateY(0); opacity:1;}
	}
/*Main*/
.top-text-box { border-bottom: 1px solid #cee4e8;}
.top-text-box:nth-child(even){background-color: #fff;}
.top-text-box.effect{animation: fade-in 1s ease-in-out ;}
		@keyframes fade-in {
		0%		{ transform: translateY(50px);opacity:0; }
		100%	{ transform: translateY(0); opacity:1;}
		}
.top-text-box.effect .h2-en{animation: fade-in-h2 1s ease-in-out ;}
		@keyframes fade-in-h2 {
		0%		{ transform: translateY(-210px) ;opacity:0; }
		100%	{ transform: translateY(0px) ;opacity:1;}
		}
.top-text-box.effect .h2-jp:before{animation: fade-in-h2jp 1.5s ease-in-out ;}
		@keyframes fade-in-h2jp {
		0%		{ transform: translateY(-50%) rotate(0deg);opacity:0; }
		100%	{ transform: translateY(-50%) rotate(30deg);opacity:1;}
		}
.top-text-box h3{ text-align: center; background-color: var(--base-color);  display: inline-block; padding: 0 30px;}
.top-text-box .text p {color:#555;}
.top-text-box p.btn { margin: 0 0 2em 0;}
.top-text-box p.btn a {color: white; text-decoration: none; border: 1px solid; width: 80%;max-width:300px; display: inline-block; height: 60px; line-height: 60px; font-size: 100%; font-weight: 500; background-color:var(--deep-blue); background-image: url(/wp-content/uploads/2022/05/ico-next-blue.png), var(--linear-gradation); background-repeat: no-repeat, no-repeat; background-position: 93% center, center; background-size: 22px auto, 100%;border-radius:100px;}
.top-text-box p.btn a:hover {background-color: var(--yellow-color);color:white; background-position: 95% center;}
/**** 固定ページ ***/
.main-box {background-color:white;}
.main-box > h1{}
.main-box > h2{border-bottom:2px solid var(--base-color);margin:2em auto 1em;font-size: 210%;}
.main-box > h3{background-color: var(--deep-blue); color: white; padding: 0.5em 1em; border-radius: 100px; display: inline-block; margin: 1em 0 1em;}
.main-box > h4{}
.main-box > ol,.main-box > ul{font-size:90%;width: 95%;max-width:640px; margin: 3em auto; position: relative; border: 1px solid #c3c4c7; box-sizing: border-box; padding: 3em 2em 3em 3em; color: var(--deep-blue);border-radius: 6px;}
.main-box > ol > li{margin: 0 0 1em;}
.main-box > ol > li:last-child{margin: 0;}
.main-box > ul > li{margin: 0 0 1em;}
.main-box > ul > li:last-child{margin: 0;}
.main-box > figure > table{}
.main-box > figure > table thead{}
.main-box > figure > table tbody{}
.main-box > figure > table tbody tr{}
.main-box > figure > table tbody tr td{border-color:#999;}
.main-box > figure > table tbody tr td:first-child{font-size:110%;color:var(--deep-blue);font-weight: 600;text-align:center;}
/**** 固定ページ Faq***/
.faq-box{}
.faq-box ol{list-style: none;margin:2em;width:90%;max-width:780px;border-top: 1px solid #999;border-bottom: 1px solid #999;padding:2em 0;}
.faq-box ol li{margin:0 0 1em;}
.faq-box ol li:last-child{margin:0;}
.faq-box ol li strong{color:var(--deep-blue);font-size:110%;}
/**** Aside ****/
aside{background-color: #f7f7e3;}
/**FrontPage SlideShow**/
.top-text-box .text.basic-box{width:100%;display:flex; gap: 1em;padding:1em;overflow-y:auto;scroll-snap-type: x mandatory;box-sizing: border-box;}
.text.basic-box .basic-child{width: 240px;flex-shrink: 0;border:1px solid #eaeaea;scroll-snap-align: center; scroll-snap-stop: always;border-radius: 15px; overflow: hidden;box-shadow: 0 0 4px 1px #0001;}
.text.basic-box .basic-child div{width:100%;aspect-ratio: 4 / 3; overflow: hidden;}
.text.basic-box .basic-child div img{object-fit: cover; width: 100%; height: 100%;}
.text.basic-box .basic-child h4{padding: 0.5em; font-size: 120%;}
.text.basic-box .basic-child p{font-size: 90%; text-align: justify; padding: 0 1em;}
@media screen and (min-width: 769px) {
	.top-text-box .text.basic-box{justify-content:center;}
	.text.basic-box .basic-child{width:20%;}
}