@charset "UTF-8";
/*
Theme Name: Kodomo
Author: 
Author URI: 
Version: 1.0
*/


/*  Txt Styles  */
	.el_txt_c {
		text-align: center;
	}
	.sub_ttl01 {
	  margin-bottom: 30px;
	}
	/* -- Headline */
	.el_lv2Heading {
		font-size: 20px;
	}
	.bl_contTtl {
		background: url(https://kodomo-ep.com/sys/wp-content/themes/kodomo/assets/img/ttl_flower.png) no-repeat right bottom;
		background-size: 60px;
		line-height: 1.4em;
		margin-bottom: 20px;
		padding: 20px 70px 0 0;
		display: inline-block;
		font-size: 24px;
	}
	.bl_pageSubttl {
		background: url(https://kodomo-ep.com/sys/wp-content/themes/kodomo/assets/img/ttl_flower.png) no-repeat right bottom;
		background-size: 60px;
		line-height: 1.4em;
		margin-bottom: 20px;
		padding: 20px 70px 0 0;
		display: inline-block;
		font-size: 20px;
	}
	.bl_pageTtl {
		font-size: 26px;
		margin: 0 auto 40px;
		text-align: center;
	}
	.bl_lead_txt {
		font-size: 18px;
		margin-bottom: 30px;
		line-height: 1.8em;
		text-align: left;
	}
	.ly_reason .bl_reason_body .bl_reasonPoint .bl_reasonPoint_item div.bl_reasonPoint_txt,
	.flow_create_gry p.flow_create_txt,
	.ly_charm .bl_charmPoint .bl_charmPoint_item div.bl_charmPoint_txt,
	.ly_new .bl_media .bl_media_body .bl_new_txt .bl_media_txt, .ly_old .bl_media .bl_media_body .bl_new_txt p.bl_media_txt,
	.ly_about .bl_about_body div.about_txt
	{
		line-height: 1.6em;		
	}
	@media (min-width: 48.025em) {
		.el_lv2Heading {
			font-size: 40px;
			margin-bottom: 60px!important;
		}
		.bl_contTtl {
			background-size: 80px;
			font-size: 40px;
			margin-bottom: 60px;
		}
		.bl_pageSubttl {
			background-size: 80px;
			margin-bottom: 30px;
			padding: 30px 90px 0 0;
			font-size: 30px;
		}
		.bl_pageTtl {
			font-size: 40px;
		}
		.bl_lead_txt {
			margin-bottom: 60px;
		}
	}
/*  Layout Styles  */
	.ly_inner {
		max-width: 980px;
		margin: auto;
	}
	.ly_reason .bl_reason_body .bl_reasonPoint li.bl_reasonPoint_item .bl_reasonPoint_txt span {
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-size: 12px;
		line-height: 1.4em;
		letter-spacing: .05em;
		}

/*  Common Styles  */
	#notfound {
	  text-align: center;
	  padding: 240px 15px 0 15px;
	}
	.bl_snsIcon {
		width: 30px;
		height: 30px;
	}
	.bl_page_wrap {
		padding: 80px 20px;
	}
	address {
		font-style: normal;
	}

/* Contents Styles */
	header h1 a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	header h1 .header_ttl {
		padding: 20px 10px;
	}
	.ly_reason .bl_reason_body .bl_reasonPoint .bl_reasonPoint_item div.bl_reasonPoint_flag {
		width: 19%;
		max-width: 50px;			
	}
	.ly_reason .bl_reason_body .bl_reasonPoint .bl_reasonPoint_item h3.el_lv3Heading,
	.ly_charm .bl_charmPoint .bl_charmPoint_item h3.el_lv3Heading
	{
		padding: 14px 22% 0px 22%;
	}
	.ly_about .bl_about_body div.about_txt { text-align: left;}
	.ly_charm .bl_charmPoint .bl_charmPoint_item div.bl_charmPoint_txt { text-align: left;}
	p.flow_create_txt {
		text-align: left!important;
	}
	p.flow_create_txt span {
		text-align: center;
	}
	/* sns */
	.bl_snsTtl {
		text-align: center;
		display: block!important;
		margin: 0 auto 60px;
	}
	.bl_sns_inner {
		margin: 0 auto 100px!important;
	}
	.ly_new { margin-bottom: 80px;}
	.bl_basic_item ul {
		font-size: 14px;
		line-height: 1.8em;
		padding: 0 0 10px;
	}
	.bl_basic_item_txt strong {
		display: block;
		padding: 10px 0 5px;
	}

	.ly_new .bl_media .bl_media_body .bl_media_sp .bl_media_inner_sp p.bl_media_published,
	.ly_new .bl_media .bl_media_body .bl_media_sp .bl_media_inner_sp p.bl_media_style,
	.ly_new .bl_media .bl_media_body .bl_media_sp .bl_media_inner_sp p.bl_media_number {
		font-size: 16px;
		font-weight: normal;
		color: #b5b3b3;
	}
	/* Privacy */
	.bl_privacy {
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		line-height: 1.7em;
	}
	.bl_privacy p { padding: 10px 0;}
	.bl_privacy_ttl { font-weight: bold; margin: 20px auto 10px;}
	.bl_privacy_inner a { display: inline;}

/*  Contact Styles  */
	main .contact-inner span.error {
	  background: #DC000C;
	  color: #fff;
	  display: block;
	  margin-top: 7px;
	  padding: 5px 10px;
	}
	main .contact-inner p {
	  line-height: 1.6;
	}
	.ly_cont_inner {
		max-width: 1100px;
		margin: 0 auto 60px;
		padding-bottom: 20px;
	}
	.bl_contact_inner {
		background: #f4f4f4;
		font-family: 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic Pro';
		max-width: 960px;
		margin: 60px auto 20px;
		padding: 60px 20px;
	}
	.bl_cont_listWrap {
		padding: 10px 0 20px;
	}
	.bl_contact_item {
		margin:0 auto 20px;
		max-width: 640px;
	}
	.bl_contact_item dt {
		font-size: 15px;
		padding-bottom: 10px;
	}
	.bl_contact_item dd p { padding: 10px 0 0;}
	.bl_contact_item dd p select { max-width: 100px;}
	.bl_contact_item input,
	.bl_contact_item text,
	.bl_contact_item select,
	.bl_contact_item textarea
	{
		min-height: 2.75em;
		padding: 10px;
		width: 100%;
	}
	input[type="submit" i] {
		display: block;
		font-size: 16px;
		margin: 10px auto;
		border: none;
		background: #fcf987;
		padding: 16px 40px;
		color: #32373c;
		border-radius: 4px;
		width: 100%;
		border: 1px solid #707070;
	}
	input.back {
		display: block;
		margin: 10px auto 40px;
		padding: 16px 40px;
		width: 30%;
	}
	input.confirm {
		display: block;
		margin: 10px auto 40px;
		padding: 16px 40px;
		width: 65%;
	}
	.ly_basic .bl_basic_body .bl_basic_list .bl_basic_item p.bl_basic_item_txt { line-height: 1.6em;}

	
/*contact privacy*/
	.privacy_wrap {
		font-family: 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic Pro';
		font-size: 12px;
		width: 80%;
		max-width: 400px;
		margin: 20px auto;
		overflow: scroll;
		height: 100px;
		background: #f4f4f4;
		padding: 20px;
		line-height: 1.6em;
	}
	.privacy-inner dl dt { font-weight: bold; padding-bottom: 5px;}
	.privacy-inner dl {
		padding: 5px 0 10px;
	}
	/* --consent_box */
	main .contact-inner .consent_box .btn-wrap input {
	  cursor: pointer;
	}
	.consent_box {
		font-size: 13px;
		max-width: 640px;
		margin: 0 auto;
		text-align: center;
	}
/* JS - Navi */
	#js_gnav{
		position:fixed;
		z-index: 999;
		top:0;
		right: -120%;
		opacity: 0;
		width:100%;
		height: 100vh;
		background: #fcf987;
		transition: all 0.6s;
	}
	#js_gnav.panelactive{
		right:0;
		opacity:1;
	}
	#js_gnav.panelactive #g-nav-list{
		position: fixed;
		z-index: 999; 
		width: 100%;
		height: 100vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#js_gnav ul {
		position: absolute;
		z-index: 999;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	#js_gnav li{
		list-style: none;
		text-align: center;
	}
	#js_gnav li a {
		color: #2c3338;
		text-decoration: none;
		padding:16px 10px;
		display: inline-block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	.js_gnav_open{
		position:fixed;
		z-index: 9999;
		top:10px;
		right: 10px;
		cursor: pointer;
		width: 60px;
		height:50px;
	}
	.js_gnav_open span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 1px;
		background-color: #666;
		width: 45%;
	  }
	.js_gnav_open span:nth-of-type(1) {
		top:15px;	
	}
	.js_gnav_open span:nth-of-type(2) {
		top:23px;
	}
	.js_gnav_open span:nth-of-type(3) {
		top:31px;
	}
	.js_gnav_open.active span {
		background-color: #2c3338;
	}
	.js_gnav_open.active span:nth-of-type(1) {
		top: 18px;
		left: 18px;
		transform: translateY(6px) rotate(-45deg);
		width: 30%;
	}
	.js_gnav_open.active span:nth-of-type(2) {
		opacity: 0;
	}
	.js_gnav_open.active span:nth-of-type(3){
		top: 30px;
		left: 18px;
		transform: translateY(-6px) rotate(45deg);
		width: 30%;
	}
	.bl_adress_info {
		font-size: 14px;
		padding: 10px 0;
	}

	.bl_adress_info dt {
		padding-bottom: 10px;
		font-weight: bold;
		font-size: 13px;
	}
	.bl_snsIcon {
		width: 60px;
		height: 60px;
	}
	#sb_instagram {
		background:#F8F7F6;
		padding: 10px;
	}

/* JS - Slider */
	.slider {
		width: 100%;
		margin: 0 auto;
	}
	.slick-slide {
		margin: 0px auto;
	}
	.slick-slide img {
		width: 100%;
	}
	.slick-next {
		right: 20px;
		z-index: 900;
	}
	.slick-prev {
		left: 20px;
		z-index: 900;
	}
	/*
	.slick-prev:before {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(-136deg);
		left: 0;
		top: 50%;
		z-index: 900;
	}
	.slick-next:before {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 0;
		top: 50%;
		z-index: 900;
	}
	*/
	.slick-slide {
		transition: all ease-in-out .3s;
		opacity: .2;
	}
	.slick-slider.pc { display: none;}
	.slick-active {
		opacity: .5;
	}
	.slick-current {
		opacity: 1;
	}
/* JS - PageTop */
	.js_pageTop {
		position: fixed;
		right: 10px;
		bottom: 20px;
	}
	.el_topLink a i {
		font-size: 28px;
		color: #FCF987;
	}

/* Footer */
	footer.ly_footer .bl_footer_body .footer_contact address,
	footer.ly_footer .bl_footer_body .footer_contact .footer_address {
	 font-size: 13px;
	 }
	small.el_footerCopyright {
	 font-size: 13px;
	}
	.footer_contact { display: none;}
	footer.ly_footer .bl_footer_body {
	  display: block;
	  text-align: center;
	}
	small.el_footerCopyright {
		padding: 10px 0 0;
		display: block;
	}


/*/////////// Tab and ++ ///////////////*/
	@media (min-width: 48.025em) {
		.sp { display: none;}
		.bl_page_wrap {
			padding: 80px 0;
		}
		#js_gnav {
			opacity:1;
		}
		.bl_gnav {
			position: absolute;
			right: 0;
			bottom: 15px;
		}
		.bl_gnav ul {
			display: inline;
		}
		.bl_gnav ul li {
			display: inline-block;
		}
		.bl_gnav ul li a {
			display: inline-block;
			padding: 1em 0;
		}
		header h1 {
			padding: 35px 0 10px;
		}
		header.ly_header {
			/* min-height: 98px; */
			max-width: 1280px;
			margin: 0 auto;
			position: relative;
		}
		div.flow_create_gry {
			padding: 25px 40px 50px;
		}
		.ly_new .bl_media .bl_media_body .bl_new_txt p.bl_media_txt,
		.ly_old .bl_media .bl_media_body .bl_new_txt p.bl_media_txt {
			text-align: left;
			font-size: 20px;
			margin: 0 0 20px 20px;
		}
		.ly_charm .bl_charmPoint .bl_charmPoint_item .bl_charmPoint_txt {
			text-align: center;
		}
		.ly_reason .bl_reason_body .bl_reasonPoint .bl_reasonPoint_item div.bl_reasonPoint_flag,
		.ly_charm .bl_charmPoint .bl_charmPoint_item div.bl_charmPoint_flag
		{
			width: 19%;
			max-width: 70px;			
		}
		.ly_reason .bl_reason_body .bl_reasonPoint .bl_reasonPoint_item h3.el_lv3Heading {
			padding: 14px 22% 0px 22%;
		}
		.ly_reason .bl_reason_body .bl_reasonPoint .bl_reasonPoint_item .el_lv3Heading p {
			white-space: initial!important;
		}
		.ly_about .bl_about_body div.about_txt { text-align: center;}
		#sb_instagram {
			padding: 40px;
			padding-bottom: 40px!important;
		}
		#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
			padding: 14px!important;
		}
		/*contact*/
		.bl_contact_inner {
			padding: 60px 20px;
		}
		.bl_contact_item {
			display: flex;
		}
		.bl_contact_item dt {
			padding-top: 10px;
			width: 25%;
		}
		.bl_contact_item dd {
			width: 75%;
		}
		.bl_consent_inner {
			display: flex;
			padding: 20px 0;
		}
		.bl_consent_doui {
			text-align: left;
			width: 50%;
		}
		.bl_consent_privacy {
			text-align: right;
			width: 50%;
		}
		/* Privacy */
		.bl_privacy {
			padding: 0;
		}
		.ly_footer {
			margin-top: 60px;
		}
		.footer_contact { display: block;}
		.footer_ttl {
			left: 0;
			right: 0;
			margin: auto;
			text-align: center;
			width: calc(100% - 40px);
			position: absolute;
		}
		footer.ly_footer {
			background-image: url(https://kodomo-ep.com/sys/wp-content/themes/kodomo/assets/img/footer.png);
			background-size: cover;
		}
		footer.ly_footer .bl_footer_body {
			background-image: none;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0 auto;
			max-width: 1280px;
			text-align: left;
		}
		/* JS Slide  */
			.slick-slider.pc { display: block;}
			.slick-slider.sp { display: none;}
		/* JS Navi  */
			#js_gnav{
				position: relative;
				top:auto;
				right: auto;
				width:100%;
				height: auto;
				background:none;
			}
			#js_gnav ul {
				position: static;
				padding-right: 20px;
			}
			#js_gnav li{
				list-style: none;
				text-align: center;
				position: relative;
			}
			#js_gnav li a {
				color: #333;
				text-decoration: none;
				padding:0;
				display: inline-block;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				font-weight: normal;
				transition: all 0.5s 0s ease;
			}
			.bl_gnav ul li a {
				display: inline-block;
				padding: 1em 0;
				border-right: 1px solid #000;
				padding-right: 15px!important;
			}
			.bl_gnav ul li a:hover {
				opacity: 0.4;
			}
			.bl_gnav ul li:nth-child(4),
			.bl_gnav ul li:nth-child(5) {
				width: 30px;
				height: 30px;
			}
			.bl_gnav ul li:nth-child(4) a,
			.bl_gnav ul li:nth-child(5) a {
				border: none;
				width: 30px;
				height: 30px;
				padding-right: 0!important;
				position: absolute;
				left: 0;
				bottom: -10px;
			}
			.js_gnav_open { display: none;}
			.bl_snsIcon {
				width: 30px;
				height: 30px;
			}

			/* JS - PageTop */
			.js_pageTop {
				position: fixed;
				right: 10px;
				bottom: 60px;
			}
		}