@charset "utf-8";
/*
Template:wakaba
Theme Name:wakaba-child
Theme URI:http://ss17.aiosl.jp/
Description:wakaba
Author:TEAMWORKS
Author URI:https://tmwks.jp/
Version:2.7.4
*/

/* <weight>: Use a value from 100 to 900
<uniquifier>: Use a unique and descriptive class name */
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500 !important;
  font-style: normal;
}


/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], textarea{
vertical-align:middle;
width:100%;
line-height:35px;
height:35px;
padding:5px;
margin-bottom: 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
box-sizing: border-box;
}
textarea{
height:auto;
line-height:1.5;
}
select {
padding: 8px 5px;
}
input[type=checkbox] {
transform: scale(1.5);
margin: 0 6px 0 0;
}
.wpcf7 input.wpcf7-back,
.wpcf7 input.wpcf7-confirm { 
position:relative;
width:225px;
}
.wpcf7 form,.wpcf7 {
margin: 0 !important;
background: none !important;
border: 0 !important;
}
.wpcf7 p {
font-size: 16px !important;
}
*:first-child+html input[type="submit"]{padding:3px;}
 
span.yubin,
form input[type="submit"], input[type="reset"], input[type="button"] {
margin: 0 auto;
padding: 10px 20px;
background: #73B149;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
line-height: 1.5;
font-size: 120% !important;
color: #fff;
cursor: pointer;
height:48px;
outline:none;
-webkit-transition: all .3s;
transition: all .3s;
}
span.yubin,
span.yubin:hover { font-size: 80% !important; padding: 7px 10px; }
form input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, span.yubin:hover {
background: #73B149;
opacity:0.7;
}
#searchform input[type="submit"] {
line-height: 1;
padding: 6px;
vertical-align: top;
}
.submit-button{
text-align:center;
}
/* 確認画面用CSS */
/*枠線消す*/
form .wpcf7c-conf {
background-color: transparent !important;
border: none !important;
}
.wpcf7-form table p {
padding-bottom: 5px;
}
textarea.wpcf7-form-control {
max-height: 100px;
}
.wpcf7 .wpcf7-submit {
background-color: #73B149 !important;
}
.wpcf7 .wpcf7-submit:hover {
background-color: #73B149 !important;
}
.wpcf7 input[type="submit"], .wpcf7 input[type="button"] {
border: 0 !important;
}
/*確認画面でradioが見え難い*/
input[type="hidden"] + span {
font-weight: bold;
}
/*確認画面セレクトボックスヤジルシ消す*/
select.wpcf7c-conf {
 -webkit-appearance: none;
 -moz-appearance:none;
 -ms-appearance:none;
 appearance: none;
 /*Firefox用*/
text-indent: .01px; 
text-overflow: "";
}
select.wpcf7c-conf::-ms-expand {
display: none;
}
.wpcf7-form table p {
padding-bottom: 0;
}
[data-name="zip"] input[type="text"],
.zip input[type="text"],
.s_size input[type="text"] {
width: 20%;
}
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"]{
width: 40%;
}
@media only screen and (max-width:767px){
.wpcf7 input[type="tel"],
 .wpcf7 input[type="email"]{
 width:100%!important;
 }
.submit-button{
padding:0 50px;
}
}

span.required {
display: inline-block;
padding: 4px 6px;
border-radius: 6px;
background: red;
color: #fff;
font-size: 90%;
line-height: 1.2;
text-align: center;
margin: 0 4px;
}
form table .txt_s {
font-size: 80%;
color: #666;
}

/* table */
.post_content table {
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #f1f5f8;
border-left: 1px solid #f1f5f8;
font-size: 100%;
line-height: 141.7%;
margin: 10px -1px 24px 0;
width: 100%;
text-align:left;
}

.post_content th{
background: #f1f5f8;
border:1px solid #fff;
color: #000;
width:230px!important;
white-space: nomal;
text-align:left;
}
.post_content td{
border:1px solid #f1f5f8;
vertical-align: middle;
text-align:left;
white-space: wrap;
}

.post_content form table th, 
.post_content form table td, 
.post_content table.resp th, 
.post_content table.resp td{
white-space: wrap;
}



@media only screen and (max-width:767px){
.post_content table {
border-top: 1px solid #f1f5f8;
border-left: 1px solid #f1f5f8;
border-right: 1px solid #f1f5f8;
border-bottom: 1px solid #f1f5f8;
}        

.post_content th{
width:auto!important;
border: none;
}

.post_content td{
width: auto;
border: none;
align-items: center;
justify-content: center;
}
}

.post_content dl.history {
display: flex;
flex-wrap: wrap;
}




/*TCD*/
/* Column layout - カラムレイアウト*/
.post_col.post_col-4 { -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; min-height:1px; margin-bottom:2em; padding-right:25px; padding-left:25px; float:left; }
@media screen and (min-width: 768px) {
.post_col.post_col-4 { width:66.66666%; }
}
@media screen and (min-width: 1024px) {
.post_col.post_col-4 { width:66.66666%; }
}
.post_content [class^="well"] *:first-child:not(a) {
margin-top: 0 !important;
padding-top: 0 !important;
}
.post_content [class^="well"] *:last-child {
margin-bottom: 0 !important;
}
.post_content [class^="well"] { 
padding: 1.2em;
}
.post_content .style4a,
.post_content .style5a {
margin-top: 30px !important;
}

@media only screen and (max-width: 767px) {
.post_content form table th, .post_content form table td,
.post_content table.resp th, .post_content table.resp td {
display: block;
}
.post_content form table th, .post_content table.resp th {
border-top: 0;
border-bottom: 0;
}
[data-name="zip"] input[type="text"],
.zip input[type="text"],
.s_size input[type="text"] {
width: 30%;
}
span.yubin, span.yubin:hover { 
font-size: 80% !important;
padding: 7px 10px; 
}
}
.anchor{
display: block;
padding-top: 120px;
margin-top: -120px;
}
/*アンカー除外*/
.post_content .pb-widget-editor *:first-child:not(.anchor):not(.gallery-item) {
margin-top: 0 !important;
}
@media only screen and (max-width:767px) {
.scroll table{
width:100%;
}
.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
}

/*改行*/
br.pc-br{
display:block;
}
br.sp-br{
display:none;
}
@media only screen and (max-width:767px){
br.pc-br{
display:none;
}
br.sp-br{
display:block;
}
}


/* ページコンテンツ幅 */
#page_contents{
	width:1130px;
}

@media only screen and (max-width:767px){
	#page_contents{
	padding:0 10px !important;
}
}
#article .post_content{
	padding:0;
}


/* 各ページタイトル */
#page_header .catch, #page_full_header .catch{
	font-size:48px !important;
	font-family: "Kiwi Maru";
	font-weight:500 !important;
	color:#333 !important;
}

/* お知らせカテゴリータイトル */
#main_contents .design_headline .title{
	font-family: "Kiwi Maru" !important;
}

@media only screen and (max-width:767px){
	#page_header .catch, #page_full_header .catch{
	font-size:28px !important;
}
}

/* header slider */
#header_slider .layer_image.left_bottom{
	left:30px !important;
}
#header_slider .layer_image.right_bottom,
#header_slider .layer_image_wrap .layer_image.animate_type3.right_top{
	right:30px !important;
}

/* fv arrow */
#main_contents_link{
	display:none;

}

/* news sideber */
#main_col{
	width:100%;
}
.news_ticker.cb_item.slick-initialized.slick-slider.slick-vertical{
	background:#FAF9D9 !important;
}
.design_content.num1 .cb_link_button a,
.banner_content.num2 .cb_link_button a{
	border-radius: 50px !important;
}

/* title */
h2,h3{
	font-weight:500 !important;
}

/* top */

#footer_banner .headline .title {
    font-family: 'Kiwi Maru';
	font-size:28px;
	text-align:center;
}

#global_menu > ul {
    position: relative;
    text-align: right;
    font-size: 0;
}

#cb_content_1.design_content .layer_image.left_bottom {
    left: 0;
}
#cb_content_1.design_content .layer_image.left_bottom img{
    width:80%;
	height:auto;
}
#cb_content_1.design_content .layer_image.right_bottom {
    right: 0px !important;
}
#cb_content_1.design_content .layer_image.right_bottom img{
    width:80%;
	height:auto;
}

.design_content.num1 .desc {
    font-size: 16px;
    text-align: center;
}

.design_content .layer_image.left_top,
.design_content .layer_image.left_bottom{
	left:50px;
}

.design_content .layer_image.right_top,
.design_content .layer_image.right_bottom {
	right:50px;
	
}

@media only screen and (max-width:767px){
	 .design_content .layer_image.left_top {
      top: 15px !important;
	  left: 30px !important;
    }
	.design_content .layer_image.right_top {
      top: 15px !important;
	  right: 30px !important;
    }
	.design_content .layer_image.left_bottom {
		display:none;
    }
	 .design_content .layer_image.right_bottom {
		 display:none;
    }
}

#cb_content_1{
	background:#ffeeef url(https://akashi-wakabansy.com/wp/wp-content/uploads/4-scaled.png) no-repeat;
	background-position: 0px -160px;
	height: auto;
  	width: auto;
/*   	width: 100%; */
}
@media screen and (max-width: 768px) {
	#cb_content_1{
		width:auto !important;
	}
}

#cb_content_3{
	position:relative;
    z-index: 3;
}

#cb_content_3:before {
    position: absolute;
    content: url(https://akashi-wakabansy.com/wp/wp-content/uploads/f3_1.png);
    top: 150px;
    right: -25%;
    transform: translateX(-50%);
    z-index: 2;
}

#cb_content_3:after {
    position: absolute;
    content: url(https://akashi-wakabansy.com/wp/wp-content/uploads/i4_2.png);
    top: -70px;
    left: 0;
    transform: translateX(-50%);
    z-index: 199;
}
/* お知らせサンプルの階層をイラストよりも下げる */
#blog_list .item{
	z-index:0;
}

#container{
  width: 100%;
}

@media only screen and (max-width:767px){
	#cb_content_3:before,
	#cb_content_3:after{
		display:none;
	}
}

#index_content_builder{
	background:url(https://ss17.aiosl.jp/wakabahoikuen/wp-content/uploads/4-scaled.png) no-repeat!important;
	height: auto;
  	width: 100%;
/* 	object-fit:cover; */
}

#container{
  width: 100%;
	background-image:url(https://ss17.aiosl.jp/wakabahoikuen/wp-content/uploads/bg-sakura03@2x.png);
}
}


@media only screen and (max-width:767px){
	#index_content_builder{
	background:#fffff6 !important; 
}
}


@media only screen and (max-width:767px){
	#blog_list .item:last-of-type{
	margin-bottom:0 !important;
}
}

#footer_top{
	height:100px !important;
	background:#ffe6e8;
}

#footer_bottom{
	display:none;
}

#page_header .catch{
	color: #000 !important;
}

/* ------------------------
 *　pci spi 表示・非表示
 * ------------------------ */
.pci{
	display:block;
}

.spi{
	display:none;
}

@media only screen and (max-width:767px){
	.pci{
	display:none;
}

.spi{
	display:block;
}
}

/* ------------------------
 *　flex
 * ------------------------ */
.parent{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

.child{
	width:50%;
}

.center{
	text-align:center !important;
}

@media only screen and (max-width:767px){
	.parent{
	display:block;
}

.child{
	width:100%;
}

}

.wrap{
	padding:20px 0;
}
/* ------------------------
 *　園の概要
 * ------------------------ */

.title_access{
	padding: 10px !important;
    background: #ffdede;
    width: 100%;
	border-radius:10px;
}

.title_houshin{
	color:#f27399;
	font-size:30px !important;
}

.wakaba,
.yurinoki{
	width:100% !important;
	height:300px !important;
}

.wakaba-houjin{
	background:#e8f5d0;
	padding:10px 0;
	border-radius:20px;
}

@media only screen and (max-width:767px){
	.title_houshin{
	color:#f27399;
	font-size:24px !important;
}
	
	.houshin-lead{
		margin:20px 0 !important;
	}
}

.houshin-lead{
	font-size:18px;
}

.houshin-wrap{
	background:#feeded;
	padding:20px 10px;
	border-radius:20px;
}

.houshin-wrap img{
	width:90%;
}

.wrap.bg-white + .wrap.bg-white{
	margin-top:20px !important;
}

.left{
	text-align:left;
}

.day-wrap{
	background:#fff;
	border-radius:10px;
}

@media only screen and (max-width:767px){
	.title_access{
		width:95%;
	}
	
	.day-wrap{
		padding:0 0 20px 0;
	}
}
/* ------------------------
 *　様式集
 * ------------------------ */
.center{
	text-align:center;
}

.hp-btn{
/* 	color: #f29fb8; */
	color:#1aa615 !important;
	font-size:20px !important;
/*     background: #ffeff0; */
	background:#d4ff7f;
    padding: 20px 10px;
    border-radius: 50px;
    margin: auto;
    display: block;
	text-align:center;
	transition:0.3s;
}

.hp-btn:hover{
	background:#1aa615;
	color:#fff !important;
}

.space-right{
	margin-right:20px;
}

.yousiki .child img{
	border-radius:20px;
}

.yousiki{
	padding:20px 0;
}

@media only screen and (max-width:767px){
	.hp-btn{
		margin:10px 0;
		}
}

/* ------------------------
 *　年間行事
 * ------------------------ */

.title_season{
	background: #d35279;
	color:#fff;
    padding: 12px !important;
    border-radius: 30px;
}

.small-parent{
	display:flex;
	flex-direction:row;
	justify-content:start;
	margin-bottom: 20px;
    border-bottom: 2px solid #fdd5e1;
}

.small-child1{
	width:20%;
}

.small-child2{
	width:80%;
}

.season-ul li::marker{
	font-size:20px;
	color:#d35279;
/* 	background:red; */
}

.season-month{
	color:#d35279;
}

.teiki{
	background: #f3f3f3;
    padding: 10px 20px;
    border-radius: 10px;
}

@media only screen and (max-width:767px){
	.small-parent{
	margin-bottom: 0px;
}
	
	.wrap.season{
		padding:0 0 20px 0;
	}

}

/* 背景透過 */

.spring-box{
	position:relative;
}
.spring-box:before{
	position:absolute;
	background-image:url(https://ss17.aiosl.jp/wakabahoikuen/wp-content/uploads/bg-sakura03@2x.png);
	top:0;
	left:0;
	transform:translateX(-50%);
}


/* ===============================
  以下tabボタン
=============================== */

/* ===============================
   ➀ 切り替えボタンラッパー
=============================== */
.buttons{
  margin: 0px auto;
  width: 100%;               /* 100px × 3 + 余白 */
  display: flex;
  justify-content: space-between;
　
}

/* ===============================
   ➁ ボタン共通
=============================== */
.button{
  width: 100%;
  height: 50px;
  border: none !important;
　background-color: #ddd;
  color: #333;
  border: none;
  margin:0 5px;
}

/* ===============================
   Aボタン
=============================== */
#a_btn{
  color: #333;
  background-color:#eee;
  border-radius: 50px;
  border: none !important;
}

#a_btn.active{
	color: #fff;
    background-color:#EE7B7F;
    border-radius: 50px;
}

/* ===============================
   Bボタン
=============================== */
#b_btn{
  color:#333;
  background-color:#eee;
  border-radius: 50px;
  border: none !important;

}

#b_btn.active{
  color:#fff;
  background-color:#D5BF2A;
}

/* ===============================
   Cボタン
=============================== */
#c_btn{
  color:#333;
  background-color:#eee;
  border-radius: 50px;
  border: none !important;
}

#c_btn.active{
  color:#fff;
  background-color:#00A469;
}

/* ===============================
   ➂ 画面ラッパー
=============================== */
.screen{
  width: 100%;
}

/* ===============================
   各画面（初期非表示）
=============================== */
.a_screen,
.b_screen,
.c_screen{
  display: none;
  width: 100%;
}

/* activeのみ表示 */
.a_screen.active,
.b_screen.active,
.c_screen.active{
  display: block;
}

/* ===============================
   画像自動調整
=============================== */
.screen img{
  width: 100%;
  height: auto;
  display: block;
}

/* ===============================
   共通タイトル
=============================== */

.pinkclass{
	color:#EE7B7F !important;
	font-size:22px;
}

.yellowclass{
	color:#D5BF2A;
}

.greenclass{
	color:#00A469;
}

.pinkclass,
.yellowclass,
.greenclass{
	font-size:22px;
}