@charset "utf-8";

/*===================================================================
BODY
===================================================================*/
body {
	margin:0px auto;
	padding:0;
	line-height:1.5;

	font-family: "fot-tsukuardgothic-std", "メイリオ", Meiryo, sans-serif;
	font-weight: 700;
	font-style: normal;

	background: url("../../image/mein_bg_sky.png") left top repeat-x;
	font-size:1.3em;
	color:#000000;
	width:100%;
}


/*===================================================================
Header
===================================================================*/
header {
	margin:0px auto;
	padding:0;
	position: relative;
	width:100%;
}

header h1 {
	margin:0 0 0 -160px;
	padding:0;
	position: absolute;
	top: 90px;
	left: 50%;
	max-width: 321px;
}

header h1 a {
	outline:none;
}


/* lower */
header.headLower {
	margin: 0px auto;
	padding: 140px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	width:100%;
}

header.headLower h1 {
	margin: 0;
	padding: 0;
	position: static;
	width: 32%;
	max-width: 620px;
	min-width: 420px;
}

header.headLower h1 a {
	margin: 0px auto;
	padding: 0;
	outline:none;
	display: block;
	background: url("../../image/header/siteLogoLow.png") center top no-repeat;
	text-indent: -9999px;
	height: 100px;
	width: 420px;
}


/*===================================================================
Navi
===================================================================*/
header ul {
	margin: 0 auto;
	padding: 140px 0 0 0;
	text-align: center;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-around;
	width: 100%;
	max-width: 1600px;
}

header ul li {
	display: inline-block;
	margin: 0;
	padding: 0 5px 25px 5px;
	position: relative;
}

header ul li:nth-child(3) {
	margin-right: 10%;
}

header ul li:nth-child(4) {
	margin-left: 10%;
}

header ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

header ul li a img {
	display: block;
	margin: 0 auto;
}

/* lower */
header.headLower ul {
	padding: 0;
	width: 68%;
	max-width: 1300px;
}

header.headLower ul li:nth-child(3) {
	margin-right: 0;
}

header.headLower ul li:nth-child(4) {
	margin-left: 0;
}

/* subs */
header ul li ul,
header.headLower ul li ul {
	margin: 25px auto 0 auto;
	padding: 10px 20px 14px 20px;
	text-align: left;
	display: none;
	border: 3px solid #D294A7;
	border-radius: 15px;
	background-color: #FFFFFF;
	font-size: 0.9em;
	position: absolute;
	left: -20px;
	bottom: 0-100%;
	z-index: 200;
	max-width: 100%;
}

header.headLower ul li ul {
	width: 100%;
}

header ul li ul::before {
	content: "";
	position: absolute;
	left: calc(50% - 12px);
	top: -20px;
	z-index: 100;
	border-bottom: 18px solid #D294A7;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

header ul li ul li {
	display: block;
	padding: 0;
}

header ul li ul li:nth-child(3) {
	margin-right: 0;
}

header ul li ul li:nth-child(4) {
	margin-left: 0;
}

header ul li ul li a {
	display: block;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px dotted #8D8D8D;
}

header ul li:hover ul {
	display: block;
}

#mbbtn {
	display:none;
}


/*===================================================================
Footer
===================================================================*/
footer {
	margin:0;
	padding:70px 0 57px 0;
	text-align: center;
	width:100%;
}

footer div#footInner {
	margin:0px auto;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	max-width:1115px;
}

footer div#footInner h2 img {
	max-width: 100%;
}

footer div#footInner p {
	margin-left: 3em;
	text-align: left;
	font-weight: 100;
}

footer div#footInner a#footBtnConf,
footer div#footInner a#footBtnDl {
	display: inline-block;
	border-radius: 50px;
	line-height: 1;
	width: 440px;
}
footer div#footInner a#footBtnConf {
	margin: 44px 19px 57px 0;
	padding: 23px 0 21px 0;
	background-color: #A8BC8C;
}
footer div#footInner a#footBtnDl {
	margin: 44px 0 57px 19px;
	padding: 25px 0 19px 0;
	background-color: #D59F9F;
}

footer small {
	font-weight: 100;
}



/*===================================================================
Article
===================================================================*/

/*   top page
---------------------------------------------------------*/
/* スライダー */
div.mainPhoto{
    margin: 75px 0 0 0;
	padding: 0;
	background:
		url("../../image/main_img_maskBG.png") center top 46px no-repeat,
		url("../../image/main_bg_cloudL.png") left -81px top 164px no-repeat,
		url("../../image/main_bg_cloudR.png") right -68px top 95px no-repeat;
	width: 100%;
}

div#mainCatch {
	margin: 0 auto;
	padding: 0;
	position: relative;
	max-width: 1224px;
}

div#mainCatch img {
	position: absolute;
	left: 40px;
	top: 120px;
	z-index: 100;
	max-width: 100%;
}

ul.photoSlider {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	max-width: 1224px;
}

ul.photoSlider li {
	max-width: 100%;
}

ul.photoSlider li img {
	max-width: 100%;
}


.main-mask {
	-webkit-mask-image: url("../../image/main_img_mask.png"); /*切り抜く形となるpng画像（safari用）*/
	mask-image: url('../../image/main_img_mask.png'); /*切り抜く形となるpng画像*/

	-webkit-mask-repeat: no-repeat; /*繰り返さない（safari用）*/
	mask-repeat: no-repeat; /*繰り返さない*/

	mask-position: center; /*真ん中に*/
	-webkit-mask-position: center; /*（safari用）*/
}



/* 緊急告知 */
div.boxAlert {
	margin:40px auto;
	padding:10px 20px 10px 20px;
	font-size:1.1em;
	line-height:1.4;
	border-radius:5px;
	border:3px solid #FF8FA7;
	background-color:#FFFFFF;
	width:685px;
}


/* ------------ Introductionエリア ------------ */
section#intro {
	margin: 0 auto;
	padding:123px 0 0 0;
	background: url("../../image/main_bg_introT.png") center top repeat-x;
	font-size:1.3em;
	width: 100%;
}

section#intro h2 {
	margin: 40px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #D7E49C;
}

section#intro ul {
	margin: -110px auto 0 auto;
	padding: 0px 8% 45px 8%;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
	background:
		url("../../image/main_bg_introL.png") left -175px top no-repeat,
		url("../../image/main_bg_introR.png") right -175px top no-repeat #D7E49C;
	width: 84%;
}

section#intro ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	max-width: 346px;
}

section#intro ul li:nth-child(2),
section#intro ul li:nth-child(3) {
	margin: 195px 0 0 0;
}

section#intro ul li a {
	text-decoration: none;
}

section#intro ul li a img {
	vertical-align: middle;
	max-width: 100%;
}


/* ------------ Informationエリア ------------ */
section#mainCnt {
	margin: 0 auto;
	padding: 70px 7% 80px 7%;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
	background:
		url("../../image/main_bg_infoL.png") left -207px top 70px no-repeat,
		url("../../image/main_bg_infoR.png") right -178px top 70px no-repeat #FCF7EC;
	width: 86%;
}

div#infoLeft {/*info blog*/
	margin: 0;
	padding: 0;
	width: 58%;
	max-width: 950px;
}

div#infoRight {/*Insta map*/
	margin: 0;
	padding: 0;
	text-align: center;
	width: 36%;
	max-width: 600px;
}


/* 給食・ブログ・お知らせ */
div.topNewsbox {
	margin:0;
	padding:0;
	position: relative;
	width: 100%;
}

div.topNewsbox h2#titNews {
	margin: 0 0 20px 0;
	background: url("../../image/main_tit_news.png") left top no-repeat;
}

div.topNewsbox h2#titBlog {
	margin: 50px 0 20px 0;
	background: url("../../image/main_tit_blog.png") left top no-repeat;
}

div.topNewsbox h2#titNews,
div.topNewsbox h2#titBlog {
	padding: 0;
	background-size: 100% auto;
	
	text-indent: -9999px;
	line-height: 0;
	width: 100%;
	max-width: 600px;
	height: 80px;
}

div.topNewsbox a {
	text-decoration: none;
}

div.topNewsbox ul {
	margin: 0;
	padding: 0 25px 30px 25px;
	list-style: none;
	background-color: #FFFFFF;
}

div.topNewsbox ul li {
	margin: 0;
	padding: 25px 0 30px 0;
	border-bottom: 1px solid #717071;
	display: flex;
	font-size: 1.2em;
}

div.topNewsbox ul li span:nth-child(1){
	display: inline-block;
	font-size: 0.85em;
	overflow-wrap: break-word;
	width: 20%;
}
div.topNewsbox ul li span:nth-child(2){
	display: inline-block;
	width: 80%;
}

div#goNewsBtn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	right: 0px;
}

div#goBlogBtn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	right: 0px;
}

div#goNewsBtn a::before {
  content: url("../../image/main_btn_news.png");
  vertical-align: middle;
  padding-right: 20px;
}

div#goBlogBtn a::before {
  content: url("../../image/main_btn_blog.png");
  vertical-align: middle;
  padding-right: 20px;
}

@media only screen and (max-width: 1500px) {
	div#goBlogBtn {
		top: 70px;
		right: 0px;
	}
	div.topNewsbox h2#titBlog {
		margin: 50px 0 70px 0;
	}
}


/* インスタ、GoogleMap */
div#infoRight h2 img {
	max-width:100%;
}

div#infoRight img.instaSample {
	margin-bottom: 140px;
	max-width:100%;
}

div#infoRight iframe {
	width: 100%;
	height: 600px;
}



/*   lower page
---------------------------------------------------------*/
ul#navLocal {
	margin: 0;
	padding: 15px 0;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	position: relative;
	z-index: 100;
	font-size: 1.3em;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 5px rgba(112, 112, 112, 0.4);
	width: 100%;
}

ul#navLocal li {
	margin: 0;
	padding: 15px 20px;
}

ul#navLocal li a {
	display: inline-block;
	margin: 0;
	padding: 8px 30px;
	border: 3px solid #DA5E7F;
	border-radius: 25px;
	line-height: 1.0;
	text-decoration: none;
}

article {
	margin: 0 auto;
	padding: 130px 0 100px 0;
	background:
		url("../../image/main_bg_infoL.png") left -207px top 70px no-repeat,
		url("../../image/main_bg_infoR.png") right -178px top 70px no-repeat #FCF7EC;
	font-size: 1.4em;
	width: 100%;
}

div.lowCnt {
	margin: 0px auto;
	max-width: 1100px;
}

div.lowCnt h3 {
	margin: 0 auto 50px auto;
	padding: 20px 0;
	text-align: center;
	/*
	color: #FFFFFF;
	background-color: #DA5E7F;
	*/
	background-color: #F8DCCD;
	border-radius: 37px;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.0;
	position: relative;
	width: 500px;
	box-shadow: 2px 3px 3px 0px rgba(96, 42, 1, 0.3);
}

div.lowCnt h3::before {
	/*
	content: url("../../image/hope_ico_ang.png");
	position: absolute;
	left: calc(50% - 67px);
	top: -61px;
	*/
}


/* 想い */
h2#titHope {
	margin: 0;
	padding: 0;
	background: url("../../image/hope_tit.jpg") center top no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*642/1920);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-indent: -9999px;
	line-height: 0;
}

div.lowCnt p.hopeTxt {
	margin: 0 auto 180px auto;
	max-width: 800px;
}

div.lowCnt ol {
	list-style: decimal;
	margin: 0 auto;
	max-width: 800px;
}


/* 施設紹介 */
h2#titFacility {
	margin: 0;
	padding: 0;
	background: url("../../image/facility_tit.jpg") center top no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*642/1920);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-indent: -9999px;
	line-height: 0;
}

dl#chronology {
	margin: 0 auto 100px auto;
	padding: 0;

	display: flex;
	flex-flow: wrap;
	justify-content: space-between;

	font-size: 0.8em;
	line-height: 1;
	max-width: 1100px;
}

dl#chronology dt {
	margin: 0;
	padding: 15px 3%;
	border-bottom: 1px solid #707070;
	width: 24%;
}

dl#chronology dd {
	margin: 0;
	padding: 15px 0;
	border-bottom: 1px solid #707070;
	width: 70%;
}


/* 園の特徴 */
h2#titFeature {
	margin: 0;
	padding: 0;
	background: url("../../image/feature_tit.jpg") center top no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*642/1920);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-indent: -9999px;
	line-height: 0;
}

div.featureCnt {
	text-align: center;
}

div.featureCnt h4 {
	margin: 15px 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #CA8097;
}

div.featureCnt p {
	font-size: 0.8em;
}

div.featureCnt div.featureBox {
	margin: 0;
	padding: 45px 0;
}

div.featureBox img.fimg01 {
	display: inline;
}

div.featureBox img.fimg02 {
	display: none;
}

div.featureCnt div.featureBoxW {
	padding: 20px 35px;
	background-color: #FFFFFF;
}

div.featureBoxW table {
	text-align: left;
	font-size: 0.9em;
}

div.featureBoxW table th {
	padding: 15px 0 15px 0;
	vertical-align: top;
	font-weight: bold;
	color: #CA8097;
	width: 12%;
}

div.featureBoxW table td {
	padding: 15px 0 15px 0;
}


/* 園での生活 */
h2#titLive {
	margin: 0;
	padding: 0;
	background: url("../../image/live_tit.jpg") center top no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*642/1920);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-indent: -9999px;
	line-height: 0;
}

div.liveCnt {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	margin-bottom: 100px;
}

div.liveCntL {
	padding: 20px 0;
	display: flex;
	text-align: left;
	border-bottom:1px solid #707070;
	width: 50%;
}

div.liveCntL strong {
	padding-right: 25px;
}

div.liveCntL p {
	font-size: 0.9em;
	line-height: 2;
}

div.liveCntR {
	padding: 20px 0;
	text-align: right;
	border-bottom:1px solid #707070;
	width: 50%;
}


/* 入園案内 */
h2#titEnter {
	margin: 0;
	padding: 0;
	background: url("../../image/enter_tit.jpg") center top no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*642/1920);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-indent: -9999px;
	line-height: 0;
}

div.enterType {
	margin: 0 auto 100px auto;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;

	text-align: center;
	width: 100%;
}

h4.enterSub1,
h4.enterSub2 {
	margin: 0 auto 25px auto;
	padding: 15px 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 37px;
}

h4.enterSub1 {
	max-width: 365px;
}

h4.enterSub2 {
	width: 100%;
}

div.enterFlow1,
div.enterFlow2 {
	margin: 0 auto 35px auto;
	padding: 30px 40px;
	background-color: #FFFFFF;
	border-radius: 30px;
	font-size: 0.9em;
}

div.enterFlow1 h5 {
	font-size: 1.2em;
	font-weight: bold;
	color:#338AC9;
}

div.enterFlow1 h5 img {
	margin-right: 20px;
	vertical-align: bottom;
}

div.enterFlow1 div,
div.enterFlow2 div {
	padding: 20px 0;
}

div.enterFlow1 p {
	margin-left: 65px;
}

div.enterFlow2 p {
	text-align: center;
}

div.enterTable {
	display:table;
	padding: 20px 0;
	font-size: 0.9em;
	width:100%;
}

div.enterCellTh {
	display:table-cell;
	vertical-align: top;
	width:28%;
}

div.enterCellTd {
	display:table-cell;
	width:72%;
}


/* アクセス */
h2#titAccess {
	margin: 0;
	padding: 0;
	background: url("../../image/access_tit.png") center top no-repeat;
	background-size: 100% auto;
	padding-bottom: calc(100%*134/1920);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-indent: -9999px;
	line-height: 0;
}

iframe {
	width:600px;
	height:560px;
}


/* 資料ダウンロード */
p.telfax {
	margin: 0 auto 60px auto;
	text-align: left;
	max-width: 470px;
}
div.docList {
	margin: 60px auto 100px auto;
	text-align: left;
	max-width: 380px;
}

div.docList a {
	display: block;
	position: relative;
}

div.docList a::before {
	content: url("../../image/doc_ico_dl.png");
	position: absolute;
	left: -37px;
	top: 8px;
}

p.atendTxt {
	font-size: 0.6em;
	text-align: left;
	line-height: 2;
}

p.atendTxt a {
	text-decoration: none;
}


/*===================================================================
共通クラス
===================================================================*/
img.mbsiz {/*モバイル対応*/
	max-width:100%;
}

img.onOpa:hover {
	opacity:0.7;
}

.box-inline {
	display:inline-block;
	vertical-align:top;
}

.box-flex {
	display:flex;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/

	flex-flow:wrap;
	-ms-flex-flow:wrap;/*--- IE10用 ---*/
	-webkit-flow:wrap;/*--- safari（PC）用 ---*/

	justify-content:space-between;
	-webkit-box-pack:space-between;/*--- Androidブラウザ用 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
}

.box-table {
	display:table;
}


/*   背景色
---------------------------------------------------------*/
.bgc-gray {
	background-color:#E6E6E6;
}

.bgc-orange {
	background-color:#FA4653;
}

.bgc-pink {
	background-color:#CC2F69;
}

.bgc-blue { 
	background-color:#338AC9;
}

.bgc-yel {
	background-color:#FFF2CC;
}


/*   文字色
---------------------------------------------------------*/
.txt-blue {
	color:#338AC9;
}

.txt-blue2 {
	color:#1D2088;
}

.txt-gray {
	color:#999999;
}

.txt-red {
	color:#E60012;
}

.txt-orange {
	color:#FA4653;
}

.txt-pink {
	color:#CC2F69;
}

.txt-pink2 {
	color:#FF8FA7;
}

.txt-white {
	color:#FFFFFF;
}


/*   Border
---------------------------------------------------------*/
.bd-bot-bl{
	border-bottom:1px solid #707070;
}

.bd-top-dot{
	border-top:1px dashed #6B6B6B;
}

.bd-bot-dot{
	border-bottom:1px dashed #6B6B6B;
}

.bd-white {
	border:1px solid #FFFFFF;
}

.bd-blue {
	border:1px solid #008AC9;
}

.bd-bot-pink {
	border-bottom:1px solid #FF8FA7
}


/*   Font
---------------------------------------------------------*/
.siz220{font-size:2.20em;}
.siz180{font-size:1.80em;}
.siz170{font-size:1.70em;}
.siz160{font-size:1.60em;}
.siz150{font-size:1.50em;}
.siz140{font-size:1.40em;}
.siz130{font-size:1.30em;}
.siz120{font-size:1.20em;}
.siz110{font-size:1.10em;}
.siz100{font-size:1.00em;}
.siz095{font-size:0.95em;}
.siz090{font-size:0.90em;}
.siz080{font-size:0.80em;}
.siz075{font-size:0.75em;}
.siz070{font-size:0.70em;}


/*   align
---------------------------------------------------------*/
.alg-lef{text-align:left;}
.alg-rig{text-align:right;}
.alg-cen{text-align:center;}
.val-top{vertical-align:top;}
.val-mid{vertical-align:middle;}
.val-bot{vertical-align:bottom;}


/*   幅
---------------------------------------------------------*/
.haba05{width:5%;}
.haba10{width:10%;}
.haba15{width:15%;}
.haba20{width:20%;}
.haba25{width:25%;}
.haba30{width:30%;}
.haba33{width:33%;}
.haba40{width:40%;}
.spec-outer{width:45%;}
.haba50{width:50%;}
.haba55{width:55%;}
.haba60{width:60%;}
.haba65{width:65%;}
.haba70{width:70%;}
.haba75{width:75%;}
.haba80{width:80%;}
.haba85{width:85%;}
.haba90{width:90%;}
.haba95{width:95%;}
.haba100{width:100%;}


/*margin-auto --------------------*/

.mar-lr-auto {
	margin-left:auto;
	margin-right:auto;
}

/*margin-top --------------------*/
.top-0m{margin-top:0em;}
.top-5m{margin-top:0.35em;}
.top-10m{margin-top:0.7em;}
.top-15m{margin-top:1.05em;}
.top-20m{margin-top:1.4em;}
.top-30m{margin-top:2.1em;}
.top-40m{margin-top:2.8em;}
.top-50m{margin-top:3.5em;}
.top-60m{margin-top:4.2em;}
.top-70m{margin-top:4.9em;}
.top-80m{margin-top:5.6em;}
.top-90m{margin-top:6.3em;}
.top-100m{margin-top:7.0em;}
.top-150m{margin-top:10.5em;}


/*margin-bottom --------------------*/
.bot-0m{margin-bottom:0em;}
.bot-5m{margin-bottom:0.35em;}
.bot-10m{margin-bottom:0.7em;}
.bot-15m{margin-bottom:1.05em;}
.bot-20m{margin-bottom:1.4em;}
.bot-30m{margin-bottom:2.1em;}
.bot-40m{margin-bottom:2.8em;}
.bot-50m{margin-bottom:3.5em;}
.bot-60m{margin-bottom:4.2em;}
.bot-70m{margin-bottom:4.9em;}
.bot-80m{margin-bottom:5.6em;}
.bot-90m{margin-bottom:6.3em;}
.bot-100m{margin-bottom:7.0em;}
.bot-150m{margin-bottom:10.5em;}


/*margin-left --------------------*/
.lef-0m{margin-left:0px;}
.lef-5m{margin-left:5px;}
.lef-10m{margin-left:10px;}
.lef-15m{margin-left:15px;}
.lef-20m{margin-left:20px;}
.lef-30m{margin-left:30px;}
.lef-40m{margin-left:40px;}
.lef-50m{margin-left:50px;}
.lef-60m{margin-left:60px;}
.lef-70m{margin-left:70px;}
.lef-80m{margin-left:80px;}


/*margin-right --------------------*/
.rig-0m{margin-right:0px;}
.rig-5m{margin-right:5px;}
.rig-10m{margin-right:10px;}
.rig-15m{margin-right:15px;}
.rig-20m{margin-right:20px;}
.rig-30m{margin-right:30px;}
.rig-40m{margin-right:40px;}
.rig-50m{margin-right:50px;}
.rig-60m{margin-right:60px;}
.rig-70m{margin-right:70px;}
.rig-80m{margin-right:80px;}


/*   padding-top
---------------------------------------------------------*/
.pdtop-0m{padding-top:0px;}
.pdtop-5m{padding-top:5px;}
.pdtop-10m{padding-top:10px;}
.pdtop-15m{padding-top:15px;}
.pdtop-20m{padding-top:20px;}
.pdtop-30m{padding-top:30px;}
.pdtop-40m{padding-top:40px;}
.pdtop-50m{padding-top:50px;}


/*   padding-bottom
---------------------------------------------------------*/
.pdbot-0m{padding-bottom:0px;}
.pdbot-5m{padding-bottom:5px;}
.pdbot-10m{padding-bottom:10px;}
.pdbot-15m{padding-bottom:15px;}
.pdbot-20m{padding-bottom:20px;}
.pdbot-30m{padding-bottom:30px;}
.pdbot-40m{padding-bottom:40px;}
.pdbot-50m{padding-bottom:50px;}


/*   padding-right
---------------------------------------------------------*/
.pdrig-0m{padding-right:0px;}
.pdrig-5m{padding-right:5px;}
.pdrig-10m{padding-right:10px;}
.pdrig-15m{padding-right:15px;}
.pdrig-20m{padding-right:20px;}
.pdrig-30m{padding-right:30px;}
.pdrig-40m{padding-right:40px;}
.pdrig-50m{padding-right:50px;}
.pdrig-80m{padding-right:80px;}


/*   padding-left
---------------------------------------------------------*/
.pdlef-0m{padding-left:0px;}
.pdlef-5m{padding-left:5px;}
.pdlef-10m{padding-left:10px;}
.pdlef-15m{padding-left:15px;}
.pdlef-20m{padding-left:20px;}
.pdlef-30m{padding-left:30px;}
.pdlef-40m{padding-left:40px;}
.pdlef-50m{padding-left:50px;}
.pdlef-80m{padding-left:80px;}




@media only screen and (max-width: 725px) {
/*===================================================================
BODY
===================================================================*/
	body {
		background-size: 50%;
		font-size:0.9em;
	}


	/* Header ---------------------------------------------------------*/
	header {
		position: relative;
	}

	header h1 {
		margin: 0;
		padding: 25px 0 0 0;
		position: relative;
		top: 0;
		left: 0;
		text-align: center;
		max-width: 100%;
	}

	header h1 img {
		max-width: 155px;
	}

	header.headLower {
		padding: 25px 0;
		display: block;
	}

	header.headLower h1 {
		width: 100%;
		min-width: 100%;
	}

	header.headLower h1 a {
		background: url("../../image/header/siteLogo.png") center top no-repeat;
		background-size: contain;
		text-indent: -9999px;
		height: 125px;
		max-width: 155px;
	}

	#mbbtn {
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 200;
	}


	/* Footer ---------------------------------------------------------*/
	footer {
		padding:25px 20px 30px 20px;
		width: calc(100% - 40px);
	}

	footer div#footInner {
		display: block;
		
	}

	footer div#footInner h2 {
		margin: 0 0 15px 0;
		text-align: left;
	}

	footer div#footInner h2 img {
		max-width: 250px;
	}

	footer div#footInner p {
		margin: 0 0 25px 0;
	}

	footer div#footInner a#footBtnConf,
	footer div#footInner a#footBtnDl {
		padding: 19px 0;
		width: 100%;
	}

	footer div#footInner a#footBtnConf {
		margin: 0 0 20px 0;
		background-color: #A8BC8C;
	}

	footer div#footInner a#footBtnConf img {
		max-width: 106px;
	}

	footer div#footInner a#footBtnDl {
		margin: 0 0 40px 0;
		background-color: #D59F9F;
	}

	footer div#footInner a#footBtnDl img {
		max-width: 160px;
	}

	footer small {
		font-weight: 100;
	}


	/* Navi ---------------------------------------------------------*/
	header ul {
		display: none;
		margin: 0;
		padding: 30px 0;
		position: absolute;
		top: 160px;
		left: 0px;
		z-index: 300;
		text-align: center;
		background-color: #FFF;
		font-size: 1em;
		border-bottom: 1px solid #333333;
		width: 100%;
	}

	/* lower */
	header.headLower ul {
		padding: 30px 0;
		width: 100%;
	}

	header ul li {
		display: block;
		padding: 10px 0 10px 0;
		border: none;
		width: 100%;
	}

	header ul li:nth-child(3) {
		margin-right: 0;
	}

	header ul li:nth-child(4) {
		margin-left: 0;
	}

	header ul li a {
		margin: 0;
		padding: 15px 0 15px 0;
		text-decoration: none;
		outline: none;
		font-size: 1.4em;
		border: none;

		width: 100%;
	}

	header ul li ul {
		display: none;
	}

	header ul li:hover ul {
		display: none;
	}

	header ul li a img {
		display: none;
	}


	/* TOP ---------------------------------------------------------*/
	/**/
	div.boxAlert {
		margin:25px auto;
		width:70%;
	}


	/* スライダー */
	div.mainPhoto{
	    margin: 20px 0 0 0;
		background-size: cover;
	}

	div#mainCatch img {
		left: 0px;
		top: 40px;
		max-width: 60%;
	}
	.main-mask {
		-webkit-mask-size: cover;
		mask-size: cover;
	}

	/* Introductionエリア */
	section#intro {
		margin: 30px auto 0 auto;
		padding:20px 0 0 0;
		background: url("../../image/main_bg_introT.png") center top repeat-x;
		background-size: 100%;
	}

	section#intro h2 {
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		text-align: center;
		background-color: #D7E49C;
	}

	section#intro h2 img {
		max-width: 250px;
	}

	section#intro ul {
		margin: 0 auto;
		padding: 25px 0 25px 0;
		display: block;
		background: none;
		background-color: #D7E49C;
		text-align: center;
		width: 100%;
	}

	section#intro ul li {
		margin: 0 auto 50px auto;
		padding: 0;
		max-width: 220px;
	}

	section#intro ul li:nth-child(2),
	section#intro ul li:nth-child(3) {
		margin: 0 auto 50px auto;
	}

	section#intro ul li a {
		text-decoration: none;
	}

	section#intro ul li a img {
		vertical-align: middle;
		max-width: 100%;
	}

	section#intro ul li a img:nth-child(2) {
		max-width: 40px;
	}


	/* Informationエリア */
	section#mainCnt {
		padding: 25px 0 40px 0;
		display: block;
		background: none;
		background-color: #FCF7EC;
		width: 100%;
	}

	div#infoLeft {/*info blog*/
		width: 100%;
	}

	div#infoRight {/*Insta map*/
		padding: 0;
		width: 100%;
	}


	/* 給食・ブログ・お知らせ */
	div.topNewsbox {
		margin:0 auto;
	}

	div.topNewsbox h2#titNews {
		margin: 0 25px 20px 25px;
		background: url("../../image/main_tit_news_sp.png") left top no-repeat;
		width: 100%;
		max-width: 247px;
		height: 61px;
	}

	div.topNewsbox h2#titBlog {
		margin: 50px 25px 20px 25px;
		background: url("../../image/main_tit_blog_sp.png") left top no-repeat;
		width: 100%;
		max-width: 293px;
		height: 60px;
	}

	div.topNewsbox h2#titNews,
	div.topNewsbox h2#titBlog {
		background-size: 100% auto;
	
		text-indent: -9999px;
		line-height: 0;
	}

	div.topNewsbox ul li {
		padding: 15px 0 15px 0;
		display: block;
		font-size: 1.1em;
	}

	div.topNewsbox ul li span:nth-child(1){
		width: 100%;
	}
	div.topNewsbox ul li span:nth-child(2){
		width: 100%;
	}

	div#goNewsBtn,
	div#goBlogBtn {
		margin: 0;
		padding: 15px 25px 25px 25px;
		background-color: #FFFFFF;
		position: relative;
		top: 0px;
	}

	div#goNewsBtn a,
	div#goBlogBtn a {
		margin: 0;
		padding: 12px 0 8px 0;
		display: block;
		border-radius: 8px;
		text-align: center;
		color: #FFFFFF;
		max-width: 100%;
	}

	div#goNewsBtn a {
		background-color: #E17654;
	}
	div#goBlogBtn a {
		background-color: #73A662;
	}

	div#goNewsBtn a::before {
		content: none;
	}
	div#goBlogBtn a::before {
		content: none;
	}

	div#goNewsBtn a::after {
		content: url("../../image/main_btn_news_sp.png");
		vertical-align: middle;
		padding-left: 5px;
	}
	div#goBlogBtn a::after {
		content: url("../../image/main_btn_blog_sp.png");
		vertical-align: middle;
		padding-left: 5px;
	}


	/* インスタ、GoogleMap */
	div#infoRight h2 img {
		margin-top: 30px;
		max-width: 215px;
	}
	div#infoRight img.instaSample {
		margin-bottom: 40px;
		width: calc(100% - 50px);
		max-width:100%;
	}

	div#infoRight iframe {
		width: calc(100% - 50px);
		max-width:100%;
		height: 300px;
	}


	/* Lower ---------------------------------------------------------*/
	/* 下層共通 */
	article {
		padding: 75px 0 100px 0;
		background: none;
		background-color: #FCF7EC;
		font-size: 1.2em;
	}

	ul#navLocal li {
		margin: 0;
		padding: 7px 10px;
	}

	div.lowCnt {
		margin: 0px auto;
		max-width: 335px;
	}

	div.lowCnt h3 {
		margin: 0 auto 20px auto;
		padding: 15px 0;
		width: 300px;
	}

	div.lowCnt h3::before {
		/*
		content: url("../../image/hope_ico_ang_sp.png");
		left: calc(50% - 37px);
		top: -35px;
		*/
	}


	/* 私たちの想い*/
	h2#titHope {
		background: url("../../image/hope_tit_sp.png") center top no-repeat;
		background-size: 100% auto;
		padding-bottom: calc(100%*265/393);/* calc(100*ImageHeight/ImageWidth)% */
	}

	div.lowCnt p.hopeTxt {
		margin: 0 0 100px 0;
	}


	/* 施設紹介 */
	h2#titFacility {
		background: url("../../image/facility_tit_sp.png") center top no-repeat;
		background-size: 100% auto;
		padding-bottom: calc(100%*265/393);/* calc(100*ImageHeight/ImageWidth)% */
	}
	dl#chronology {
		display: block;
		font-size: 1em;
	}

	dl#chronology dt {
		padding: 10px 0 4px 0;
		border: none;
		width: 100%;
	}

	dl#chronology dd {
		padding: 4px 0 10px 0;
		width: 100%;
	}


	/* 園の特徴 */
	h2#titFeature {
		background: url("../../image/feature_tit_sp.png") center top no-repeat;
		background-size: 100% auto;
		padding-bottom: calc(100%*265/393);/* calc(100*ImageHeight/ImageWidth)% */
	}

	div.featureCnt {
		text-align: left;
	}

	div.featureCnt h4 {
		margin: 5px 0;
		font-size: 1.3em;
	}

	div.featureCnt p {
		font-size: 1.0em;
	}

	div.featureCnt div.featureBox {
		padding: 20px 0;
	}

	div.featureBox img.fimg01 {
		display: none;
	}

	div.featureBox img.fimg02 {
		display: inline;
	}

	div.featureCnt div.featureBoxW {
		padding: 15px 20px;
		background-color: #FFFFFF;
	}

	div.featureBoxW h4 {
		font-size: 1.2em;
	}

	div.featureBoxW table {
		text-align: left;
		font-size: 1.0em;
	}

	div.featureBoxW table th {
		padding: 15px 0 15px 0;
		width: 25%;
	}

	div.featureBoxW table td {
		padding: 15px 0 15px 0;
	}


	/* 園での生活 */
	h2#titLive {
		background: url("../../image/live_tit_sp.png") center top no-repeat;
		background-size: 100% auto;
		padding-bottom: calc(100%*265/393);/* calc(100*ImageHeight/ImageWidth)% */
	}

	div.liveCnt {
		display: block;
	}

	div.liveCntL {
		padding: 20px 0 10px 0;
		border: none;
		width: 100%;
	}

	div.liveCntL p {
		font-size: 1.0em;
		line-height: 1.8;
	}
	div.liveCntR {
		padding: 0 0 20px 0;
		text-align: center;
		width: 100%;
	}


	/* 入園案内 */
	h2#titEnter {
		background: url("../../image/enter_tit_sp.png") center top no-repeat;
		background-size: 100% auto;
		padding-bottom: calc(100%*265/393);/* calc(100*ImageHeight/ImageWidth)% */
	}

	h4.enterSub1,
	h4.enterSub2 {
		padding: 5px 0;
	}

	div.enterFlow1,
	div.enterFlow2 {
		margin: 0 auto 25px auto;
		padding: 30px 40px;
		background-color: #FFFFFF;
		border-radius: 30px;
	}

	div.enterFlow1 h5 {
		font-size: 1.5em;
	}

	div.enterFlow1 h5 img {
		margin-right: 15px;
		margin-bottom: 5px;
		vertical-align: middle;
		max-width: 35px;
	}

	div.enterFlow1 p {
		margin-left: 0px;
		font-size: 1.1em;
	}

	div.enterFlow2 p {
		text-align: left;
	}

	div.enterTable {
		display: block;
		padding: 10px 0;
		font-size: 1.0em;
	}

	div.enterCellTh {
		display: block;
		width:100%;
	}

	div.enterCellTd {
		display: block;
		width:100%;
	}

	/* アクセス */
	h2#titAccess {
		background: url("../../image/access_tit_sp.png") center top no-repeat;
		background-size: 100% auto;
		padding-bottom: calc(100%*60/393);/* calc(100*ImageHeight/ImageWidth)% */
	}

	iframe {
		width: 100%;
		height:280px;
	}

	/* 資料ダウンロード */
	div.docList {
		margin: 30px auto 40px auto;
		max-width: 260px;
		line-height: 1.8;
	}

	div.docList a {
		font-size: 1.1em;
	}

	p.atendTxt {
		font-size: 0.8em;
	}

}