@charset "utf-8";
/* -----------------------------------------------------------------
	toppage css Document
	@subpackage aircycle_tmpl
	キッズアシタバ・ユリノキ保育園 様　toppage.css
 ----------------------------------------------------------------- */

/* スライダーエリア（slick.js 使用）
----------------------------------------------------------------- */
.slider-images-area {
	margin-top:1.5%;
	position:relative;
}
.slider-imagesbox {
	position:relative;
	text-align:center;
	margin-left:.2%;
	margin-right:.2%;
}
.slider-imagesbox img {
	width:100%;
	height:auto;
}
.slider-images .slick-slide:not(.slick-center):before {
	position:absolute;
	margin:0;
	content:" ";
	display:inline-block;
	background-size:contain;
	top: 0;
	right: 0;
	bottom:0;
	left:0;
}
.slick-prev {
    left: 8%!important;
    z-index: 99;
}
.slick-next {
    right: 8%!important;
    z-index: 98;
}

.slick-prev, .slick-next {
	width: 50px!important;
	height: 50px!important;
}
.slick-prev:before, .slick-next:before {
    font-size: 50px!important;
    color:#45b035!important;
}


/* トップバナーエリア contents
----------------------------------------------------------------- */
ul.top-banner-box-contents {
	margin:0;
	margin-bottom:0.4em;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
ul.top-banner-box-contents li {
	margin:3%;
	padding:0;
	width:27%;
}

/* トップバナーエリア内 スライド */
.top-banner-slider img {
	border-radius:10px;
}

/* レイアウト 横4件並び用 voice
----------------------------------------------------------------- */
ul.four-blef-box-voice {
	margin:1% auto 7% auto;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.four-blef-box-voice li {
	margin:0 .25% .25%;
	padding:0;
	width:24.5%;
}
.top-voice-title {
	padding:3%;
	color:#fff;
	background-color:#e76a22;
}

/* レイアウト 横2件並び用
----------------------------------------------------------------- */
ul.top-banner-box {
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.top-banner-box li {
	margin:0 .5% .5%;
	padding:0;
	width:49%;
}

/* レイアウト 横5件並び用 BLOG
----------------------------------------------------------------- */
ul.five-blef-box {
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.five-blef-box li {
	margin:0 .5% .5%;
	padding:0;
	width:19%;
	color:#fff;
	background-color:#e76a22;
}


/* レイアウト 横6件並び用 BLOG
----------------------------------------------------------------- */
ul.six-blef-box {
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.six-blef-box li {
	margin:0 1% 1%;
	padding:0;
	width:18%;
}

ul.six-blef-box-blog {
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
ul.six-blef-box-blog li {
	margin:0 1% 1%;
	padding:0;
	width:18%;
	border: solid 1px #c9caca;
	background-color:#fff;
}

/* 更新用 Works、Project、Voice等
----------------------------------------------------------------- */
.top-entry-box {
	margin:0;
	padding:3.0% 0;
}
.top-entry-box-info {
	margin:2% auto;
	padding:3.0% 0;
	max-width: 1500px;
	background:
	url(images/news-background-img-left.png) no-repeat left center,
	url(images/news-background-img-right.png) no-repeat right center;
}
.top-entry-box-info h2,
.top-entry-box-greeting h2,
.top-entry-box-philosophy h2,
.top-entry-box-goodplace h2 {
	font-family:"じゅん 501";
	position: relative;
}
.top-entry-box-info h2:after{
	position: absolute;
	margin-top: -5%;
	content: '';/*何も入れない*/
  	display: inline-block;/*忘れずに！*/
  	width: 100px;/*画像の幅*/
  	height: 77px;/*画像の高さ*/
  	background-image: url(images/top-news-title-img.png);
  	background-size: 2.5em;
  	vertical-align: middle;
	background-repeat: no-repeat;
}
.top-entry-box-info .box {
	margin:1% auto;
	margin-top:5%;
	max-width: 75%;
	text-align: center;
}

/* もっと見る NEWS用リンクアイコン */
.info-link-more {
	margin: 3% auto;
	text-align: -webkit-center;
}
.info-link-more a {
	padding:2% 0;
	width:200px;
	height:auto;
	font-size:90%;
	font-family:'Shin Maru Go Regular','Mplus 1p';
	text-align: center;
	vertical-align:middle;
	background-color:#f6ab00;
	color:#fff;
	position: relative;
	display: block;
	border-radius:40px;
}
.info-link-more a:after{
	content: url(images/arrow-img.svg);
	position: absolute;
	left:17px;
	top:30%;
}
.info-link-more a:link,
.info-link-more a:visited {
	transition: background-color 0.3s, color 0.3s;
}
.info-link-more a:hover {
	background-color: #f6d400;
}

.top-entry-box-info ul {
	margin-top:3%;
	margin-left:0;
	list-style: none;
	border-top: dotted 2px #583816;
}
.top-entry-box-info ul li {
	height: 70px;
	border-bottom: dotted 2px #583816;
	line-height: 70px;
}

.top-entry-box-greeting {
	margin:2% auto;
	padding:7.0% 0;
	max-width: 1400px;
	background:
	url(images/greeting-background-left-img.png) no-repeat left center ,
	url(images/greeting-background-right-img.png) no-repeat right center;
	background-size:auto 90% ;
}

.top-entry-box-greeting .text {
	margin:2% auto;
	max-width: 60%;
	text-align: center;
	text-shadow:
	0px 1px 1px #f4f1ee,
	0px 0px 1px #f4f1ee,
	1px 0px 1px #f4f1ee,
	0px -1px 1px #f4f1ee,
	-1px -1px 1px #f4f1ee,
	-1px 0px 1px #f4f1ee;
}

.top-entry-box-greeting .text p {
	margin-bottom: 2rem;
	line-height: 2.0;
}
    
.top-entry-box-philosophy {
	margin:-3% 0 2%;
	padding:3.0% 0;
	background:#fff;
	text-align: center;
}
.top-entry-box-philosophy .text {
	margin-bottom:7%;
}
.top-entry-box-philosophy ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	border-left: dotted 2px #583816;
}
.top-entry-box-philosophy ul li {
	margin:0;
	padding: 1% 4% 0 4%;
   	width: 33.3%;
	border-right: dotted 2px #583816;
}

.top-entry-box-goodplace {
	margin:-3% 0 2%;
	padding:3.0% 0;
}

.top-entry-box-goodplace .right-style,
.top-entry-box-goodplace .left-style {
	max-width: 1400px;
	text-shadow:
	0px 1px 1px #f4f1ee,
	0px 0px 1px #f4f1ee,
	1px 0px 1px #f4f1ee,
	0px -1px 1px #f4f1ee,
	-1px -1px 1px #f4f1ee,
	-1px 0px 1px #f4f1ee;
}

.top-entry-box-goodplace .right-style p,
.top-entry-box-goodplace .left-style p {
	line-height: 2.0;
}
.goodplace-title {
	margin-top:2%;
}
.goodplace-style-bk01 {
	background:url(images/top-goodplace-bkimg01.png) no-repeat top left;
}
.goodplace-style-bk02 {
	background:url(images/top-goodplace-bkimg02.png) no-repeat right;
}
.goodplace-style-bk03 {
	background:url(images/top-goodplace-bkimg03.png) no-repeat 400px top;
}


.top-entry-box-belief {
	margin:0;
	padding:3.0% 0;
	background:#fff;
	text-align: center;
}

.top-entry-box-banner {
	margin:0;
	padding:1.0% 0;
}

.top-entry-box-contents {
	margin:0;
	padding:3.0% 0;
	background:url(images/contents-badge.svg) no-repeat top left;
}

.top-entry-box-voice {
	margin:0;
	padding:0 0 3.0% 0;
	background:url(images/voice-badge.svg) no-repeat top right;
}
.top-entry-box-voice-img {
	margin:0;
	padding:0;
}
.top-entry-box-voice-img {
	text-align:center;
}
.top-entry-box-voice-img img {
	width:100%;
	height:auto;
}
.top-entry-box-notice {
	margin: 0;
	padding:0;
}
.top-entry-box h2.info-title {
	text-align: left;
}
.top-entry-box h2.info-title img {
	width:80%;
}
.top-entry-box h2 {
	margin:1% 0 .5%;
	padding:0;
	text-align:center;
	font-family:'A1 Mincho';
	font-size:190%;
}
.top-entry-box-voice h2 {
	margin:3% 0 .5%;
	padding:0;
	text-align:center;
	font-family:'A1 Mincho';
	font-size:190%;
}
.top-entry-box-contents h2 {
	margin:3% 0 9.0%;
	padding:0;
	text-align:center;
	font-family:'A1 Mincho';
	font-size:190%;
}

.top-entry-box-voice h3,
.top-entry-box-notice h3,
.top-entry-box-blog h3 {
	margin:2% 0 2%;
	font-size:140%;
	text-align:center;
	font-family:'新ゴ M','Shin Go Medium','Mplus 1p';
}
.top-entry-box-voice h3::before,
.top-entry-box-notice h3::before,
.top-entry-box-blog h3::before {
	 content: "[";
	 font-size:160%;
	 margin-right:1%;
	 line-height:130%;
	 font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.top-entry-box-voice h3::after,
.top-entry-box-notice h3::after,
.top-entry-box-blog h3::after {
	 content: "]";
	 font-size:160%;
	 margin-left:1%;
	 line-height:130%;
	 font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.top-entry-box h3 {
	margin:-3 0 0.6% 0;
	padding:0.5% 0;
	text-align:center;
	font-family:'Gothic MB101 Bold','Mplus 1p';
	color:#3e3a39;
	font-size:115%;
}
.top-entry-box h3.toptitle {
	font-size:145%;
}
.top-photo-box {
	margin-bottom:3.0%;
}
.top-photo-box img {
	/* border-radius:10px; */
}
.top-photo-box p {
	margin:1.5% 0;
	padding:0;
	font-size:95%;
	line-height:130%;
}
.top-photo-box p span {
	font-size:85%;
}
.top-photo-box a:link,
.top-photo-box a:visited {
	color:#696969;
}
.top-photo-box a:active,
.top-photo-box a:hover {
	text-decoration:underline;
}

/* トップページコンテンツ一覧
----------------------------------------------------------------- */
.top-contents-box {
	margin:0 0 3%;
	padding:1.5%;
}
.top-contents-box ul {
	margin:0;
	padding:0;
	list-style:none;
	border-top:solid 1px #c9caca;
	width: 100%;
	display: table;
}
.top-contents-box ul li {
	margin:0;
	padding:1.7% 0;
	line-height:135%;
	height: 150px;
	vertical-align:middle;
	border-bottom:solid 1px #c9caca;
}
.top-contents-box ul li.co {
	height: 170px;
}
.top-contents-box ul li a {
	display:block;
}
.top-contents-box ul li a:link,
.top-contents-box ul li a:visited {
}
.top-contents-box ul li a:hover,
.top-contents-box ul li a:active {
	margin:-2.0% 0 -2.5% 0;
	padding:2.0% 0 2.5% 0;	
	background-color:#f7e1d4;
	text-decoration:none;
}

.top-contents-photo {
	margin:0 2% 0 0;
	padding:0;
	width: 160px;
	height: 120px;
	float:left;
}

.top-contents-text {
	height: 120px;
	display:table-cell;
	vertical-align:middle;
}
.top-contents-text p {
	font-size:120%;
	font-weight:bold;
	color:#231815;
}
.top-contents-text span {
	font-size:95%;
}

.top-contents-bannerbox {
	margin:0;
	padding:0;
	border-bottom:solid 1px #c9caca;
}

/* 更新履歴一覧
----------------------------------------------------------------- */
.top-news-box {
	margin:0 0 6%;
	padding:1.5%;
}

.top-news-box h2 {
	font-size:100%;
	font-weight:bold;
	letter-spacing: 10px;
	line-height:0;
	font-family:'新ゴ M','Shin Go Medium','Mplus 1p';
	padding:5% 0 3% 12%;
	background-size: 45px 34px; /* 画像サイズ */
	background:url(images/news-title-icon.svg) no-repeat left bottom;
	color:#231815;
	clear: both;
}

.top-news-box ul {
	margin:0;
	padding:0;
	list-style:none;
	border-top:solid 1px #c9caca;
}
.top-news-box ul li {
	margin:0;
	padding:1.6% 1% 1.6% 0;
	line-height:135%;
	border-bottom:solid 1px #c9caca;
}
.top-news-box ul li a {
	display:block;
}
.top-news-box ul li a:link,
.top-news-box ul li a:visited {
}
.top-news-box ul li a:hover,
.top-news-box ul li a:active {
	margin:-1.6% -1.0% -1.6% 0;
	padding:1.6% 1.0% 3.0% 0;	
	background-color:#f7e1d4;
	text-decoration:none;
}
.top-news-box ul li span {
	margin-right:0;
	font-size:85%;
}

.top-news-box ul li .info-title {
	margin:0 0 .5%;
	padding:0;
	font-size:110%;
	font-weight:bold;
	color:#231815;
}
.top-news-box ul li .info-blog-title {
	width: 100%;
	height: 20px;
	font-weight:bold;
	padding:.5% 4%;
	color:#fff;
	border-radius:3px;
}
.president-blog {
	background-color:#231815;
}
.scene-blog {
	background-color:#0d649d;
}
.staff-blog {
	background-color:#369b50;
}
.info {
	background-color:#ff8c00;
}
.sps-news {
	background-color:#6a3313;
}
.top-news-thumbnail {
	margin:0 1.5% 0 0;
	padding:0;
	width: 85px;
	height: 85px;
	float:left;
}
.top-thumbs-img {
	width: 85px;
	height: 85px;
	object-fit: cover;
}


/* お知らせ色々
----------------------------------------------------------------- */
.notice-box {
	margin:0 0 6%;
	padding:1.5%;
}
.notice-box h2 {
	font-size:150%;
	font-weight:bold;
	letter-spacing: 5px;
	text-align: center;
	font-family:'新ゴ M','Shin Go Medium','Mplus 1p';
	background-size: 45px 34px; /* 画像サイズ */
	color:#231815;
	clear: both;
}
ul.notice-images {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
ul.notice-images li {
	margin:1.5%;
	padding:0;
	width:30.3%;
}

ul.facebook {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
ul.facebook li {
	margin:1.5%;
	padding:0;
	width:47%;
}

/* TELフッター
----------------------------------------------------------------- */
.top-telfooter {
	border:solid 3px #f29600;
	padding-top: 2%;
	margin-top: 1.9%;
}
.top-telfooter-f {
	position: relative;
}
.top-telfooter-f img {
	position: absolute;
	right: 0%;
}

ul.se-blef-box {
	margin:2% auto;
	padding:0;
	display:flex;
	width: 60%;
	list-style:none;
}
ul.se-blef-box li {
	margin:0 1% 1%;
	padding:0;
	width:50%;
}




/* Media-Query タブレット以下用
------------------------------------------------------------ */
@media only screen and (max-width: 1023px){
	/* スライダーエリア
	----------------------------------------------------------------- */
	.slider-images .slick-slide:not(.slick-center):after {
		content:none;
	}
	.top-telfooter-f img {
		display:none;
	}
	.top-telfooter {
		padding:2%;
	}
	ul.se-blef-box {
		width: 98%;
		display: block;
		text-align: center;
	}
	ul.se-blef-box li {
		width:100%;
		margin:2%;
	}
	/* レイアウト 横6件並び用
	----------------------------------------------------------------- */
	ul.six-blef-box li {
		margin:0 1.5% 2.5%;
		width:30.5%;
	}
	ul.six-blef-box-blog li {
		margin:0 1.5% 2.5%;
		width:30.5%;
	}
	ul.six-blef-box-blog li img {
		width:100%;
	}
	
	.top-tel-box {
	margin:0 auto;
	width: 100%;
}
}


/* Media-Query 1024px以上用
------------------------------------------------------------ */
@media only screen and (min-width: 1024px) {
}

/* ブレイクポイント 985px以下
------------------------------------------------------------*/
@media only screen and (max-width: 985px){

.top-entry-box-info {
	background:
	url(images/news-background-img-left.png) no-repeat left center,
	url(images/news-background-img-right.png) no-repeat right center;
	background-size: auto 60%;
}
.top-entry-box-greeting {
	background:
	url(images/greeting-background-left-img.png) no-repeat left top ,
	url(images/greeting-background-right-img.png) no-repeat right top;
	background-size: auto 40%;
}

}

/* Media-Query 640px以下用
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

.top-entry-box-info h2 br,
	.top-entry-box-greeting h2 br,
	.top-entry-box-philosophy h2 br,
	.top-entry-box-goodplace h2 br{
		display:none;
	}
	.top-entry-box-greeting p br {
		display:none;
	}

.slick-prev {
    left: 1%!important;
}
.slick-next {
    right: 1%!important;
}

.slick-prev, .slick-next {
	width: 30px!important;
	height: 30px!important;
}
.slick-prev:before, .slick-next:before {
    font-size: 30px!important;
}

.top-entry-box-philosophy ul {
	border-top: dotted 2px #583816;
	border-left: none;
}
.top-entry-box-philosophy ul li {
	width: 100%;
	border-bottom: dotted 2px #583816;
	border-right: none;
}

.top-entry-box-info {
	background:none;
}
.top-entry-box-info .box {
	max-width: 100%;
}
.top-entry-box-greeting {
	background:none;
}
.top-entry-box-greeting .text {
	max-width: 100%;
}

	.top-contents-box {
		font-size:85%;
	}
	.top-news-box h2 {
		padding-top:15%;
		padding-left:25%;
		padding-bottom:2px;
		line-height: 135%;
	}
	.top-construction-box {
		font-size:85%;
	}
	.top-construction-box h2 {
		padding-top:15%;
		padding-left:25%;
		padding-bottom:2px;
		line-height: 135%;
	}
	
	ul.construction-case-box li {
		width:100%;
	}

	ul.notice-images li {
		margin: 1.5%;
		width: 47%;
	}
	

	/* トップバナーエリア
	----------------------------------------------------------------- */
	ul.top-banner-box {
	}
	ul.top-banner-box li.first,
	ul.top-banner-box li.third {
		width:100%;
	}
	ul.top-banner-box li.first {
		margin-right:1.5%;
	}
	ul.top-banner-box li.third {
		margin-left:1.5%;
	}
	ul.top-banner-box li.second {
		display:none;
	}
	
	/* トップバナーエリア contents
	----------------------------------------------------------------- */
	ul.top-banner-box-contents {
	}
	ul.top-banner-box-contents li {
		margin:1.5%;
		width:47%;
	}
	
	.top-entry-box-voice h2,
	.top-entry-box-contents h2 {
		font-size:130%;
	}
	.top-entry-box-voice h2 br,
	.top-entry-box-contents h2 br {
		display:none;
	}

	.top-entry-box-voice h3,
	.top-entry-box-notice h3,
	.top-entry-box-blog h3 {
		font-size:110%;
	}
	
	.top-entry-box-contents {
		background:none;
	}

	.top-entry-box-voice {
		background:none;
	}
	
	/* レイアウト 横4件並び用 voice
	----------------------------------------------------------------- */
	ul.four-blef-box-voice {
	}
	ul.four-blef-box-voice li {
		margin:1.5%;
		width:47%;
	}
	.top-voice-title {
	}
	
	h2.news-title::after {
	background-color: transparent;
	}
	/* 更新用 Works、Project、Voice等
	----------------------------------------------------------------- */
	.top-entry-box {
		margin:0;
		padding:3.0% 0;
	}
	.top-entry-box h2 {
		margin:1% 0 0.5%;
		padding:0 0;
		font-size:120%;
	}
	.top-entry-box h2 br {
		display:block;
	}
	.top-entry-box h3 {
		margin:0 0 0.6% 0;
		padding:0.5% 0;
		font-size:95%;
	}
	
	.top-contents-box ul li {
		height: 100%;
	}
	/* 更新履歴一覧
	----------------------------------------------------------------- */
	.top-news-box ul {
	}
	.top-news-box ul li {
		font-size:85%;
	}

	/* レイアウト 横5件並び用
	----------------------------------------------------------------- */
	ul.five-blef-box li {
		margin:0 1.5% 2.5%;
		width:47%;
	}
	ul.five-blef-box-blog li {
		margin:0 1.5% 2.5%;
		width:47%;
	}
	/* レイアウト 横6件並び用
	----------------------------------------------------------------- */
	ul.six-blef-box li {
		margin:0 1.5% 2.5%;
		width:47%;
	}
	ul.six-blef-box-blog li {
		margin:0 1.5% 2.5%;
		width:47%;
	}
	/*
	.top-news-box ul li a br {
		display:block;
	}
	*/
	.construction-case-box-old .inne {
		width:78%;
	}
	.notice-box h2 {
    		letter-spacing: 0;
	}
	
	ul.facebook li {
		width:100%;
	}
	.site-header {
		display:none;
	}
	.top-entry-box-info ul li {
		height: auto;
		line-height: 30px;
	}
	.info-title {
		display: inline-block;
	}
}