@charset "UTF-8";


#kids-content{ max-width: 790px; margin: 50px auto 0; }
#kids-content img{ width: 100%; height: auto; }
#kids-content .main-swiper{ position: relative; overflow: hidden; }
#kids-content .main-swiper .swiper-button-prev,
#kids-content .main-swiper .swiper-button-next{ color: #ffffff; }
#kids-content .main-swiper .swiper-button-prev{ left: 10px; }
#kids-content .main-swiper .swiper-button-next{ right: 10px; }
#kids-content .main-swiper svg{ width: 100%; height: auto; }
#kids-content .main-swiper .swiper-button-next::after,
#kids-content .main-swiper .swiper-button-prev::after{ font-size: 25px; }
#kids-content .thumb-swiper{ position: relative; overflow: hidden; margin-top: 4px; }
#kids-content .thumb-swiper .swiper-slide { opacity: 0.5; transition: opacity 0.5s; }
#kids-content .thumb-swiper .swiper-slide-thumb-active { opacity: 1; }

#kids-content .ttl-body{ display: flex; display: -ms-flex; align-items: center; background-color: #ffc565; padding: 10px; }
#kids-content .ttl-body .photo{ width: 222px; margin-right: 15px; }
#kids-content .ttl-body .txt-body{ flex: 1; }
#kids-content .ttl-body .txt-body .ttl{ font-size: 1.8rem; line-height: 1.3; font-weight: bold; }
#kids-content .ttl-body .txt-body .txt{ font-size: 1rem; line-height: 1.5; }
#kids-content .ttl-body .txt-body .floor{ font-size: 1rem; line-height: 1.5; margin-top: 5px; }
#kids-content .split-view01{ display: flex; display: -ms-flex; justify-content: space-between; margin: 30px auto 0; }
#kids-content .split-view01 .photo-body{ width: 33.6022%; margin-right: 3.2258%; }
#kids-content .split-view01 .txt-body{ flex: 1; }
#kids-content .split-view01 .txt-body .txt{ font-size: 0.8rem; line-height: 1.7; }
#kids-content .split-view01 .txt-body .txt .marker{ color: #F68652; font-size: 120%; }
#kids-content .split-view01 .txt-body .txt~.txt{ margin-top: 10px; }
#kids-content .split-view01 .txt-body .info{ border: 2px solid #FFC563; margin: 10px auto 0; padding: 15px; }
#kids-content .split-view01 .txt-body .info .txt~.txt{ margin-top: 0; }
#kids-content .split-view01 .txt-body .info .time{ padding-left: 4.5em; text-indent: -4.5em; }
#kids-content .split-view01 .txt-body .info .tel{ padding-left: 2.5em; text-indent: -2.5em; }
#kids-content .floor-navi{ max-width: 400px; margin: 40px auto 0; }
#kids-content .floor-navi a{ display: block; font-size: 1rem; line-height: 1.5; background-color: #FFC563; padding: 15px 0; text-align: center; position: relative; transition: opacity 0.5s; }
#kids-content .floor-navi a::before{ content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(45deg); border: solid #000000; border-width: 1px 1px 0 0; width: 10px; height: 10px; }

@media only screen and (max-width: 767px) {
	#kids-content{ margin-top: 10%; }
	#kids-content .ttl-body{ display: block; }
	#kids-content .ttl-body .photo{ max-width: 222px; width: 100%; margin: 0 auto; }
	#kids-content .ttl-body .txt-body{ margin-top: 10px; text-align: center; }
	#kids-content .split-view01{ display: block; margin-top: 10%; }
	#kids-content .split-view01 .photo-body{ width: 100%; margin-right: 0; }
	#kids-content .split-view01 .txt-body{ margin-top: 10px; }
	#kids-content .floor-navi{ margin-top: 10%; }
}


#kids-content .floor-navi a:active{ opacity: 0.7; }
@media (hover: hover){
	#kids-content .floor-navi a:hover{ opacity: 0.7; }
}