/*------------------------------
  スマホ用
------------------------------- */
@import url("reset.css");
@import url("image_s.css");
@import url("smobi.css");


.cont{
background:url(../gazou/share/h2.png) no-repeat 0 0;
-webkit-background-size:100% auto;
background-size:100% auto;
clear:both;
padding:0 0 10%;
}
.cont:after{
content:"";
display:block;
clear:both;
}

/* タイトル
------------------------------- */
.cont > h2{
background:url(/gazou/share/line2.png) repeat-x 0 bottom;
-webkit-background-size:auto;
background-size:auto;
font-size:24px;
font-weight:bold;
color:#7F5C42;
line-height:1;
padding:13% 0 11.2%;
margin:0 0 4%;
text-align:center;
position:relative;
}
.cont > h2 .ctgname{
position:absolute;
top:70%;
display:block;
width:100%;
font-size:14px;
color:#666;
}

.cont h3, .formbody dt.formhead{
background:rgba(130,218,202,.4) url(../gazou/share/line3.png) repeat-x bottom;
font-size:16px;
font-weight:bold;
padding:2%;
margin:4% 0px 2%;
line-height:1.2;
position:relative;
}
.cont h3:after,.formhead:after{
content:"";
display:block;
width:100%;
position:absolute;
bottom:2px;
}
.cont h3 a{
font-size:16px;
font-weight:bold;
color:#000;
}

.cont h3 small{
display:inline-block;
font-size:12px;
color:#57A831;
padding:0 0 0 0.8em;
}
.cont .CenterBox h3{
}
.cont .CenterBox h3 .date{
}
.cont .CenterBox h3 .ctgname{
}

.cont h4{
background:url(../gazou/share/h4.png) no-repeat bottom left,url(../gazou/share/line4.png) no-repeat bottom left;
-webkit-background-size:auto,100% auto;
background-size:auto,100% auto;
padding:10px 4px 10px 60px;
font-size:14px;
color:#5C4330;
font-weight:bold;
margin:18px 0 8px;
}
.cont h4 a{
font-size:18px;
font-weight:bold;
color:#5C4330;
text-decoration:none;
}
.cont h4 small{
margin-left:12px;
display:inline-block;
font-size:12px;
}
.kijictg{
text-align:right;
margin:0 2% 0 3%;
line-height:1;
}
.kijictg span{
background:#0099CC;
color:#fff;
font-size:14px;
line-height:20px;
letter-spacing:-0.0001em;
font-weight:bold;
display:inline-block;
padding:0 14px 0 14px;
}



/* 新着・カテゴリサイドカラム
------------------------------- */
.cont .RightBox{
margin:8% 0 0;
}
.cont .RightBox h2{
background-image:url(../gazou/mobi/bg1.png);
-webkit-background-size:20px auto;
background-size:20px auto;
padding:10px 0 8px;
font-size:16px;
font-weight:bold;
text-align:center;
margin:0 0 5%;
position:relative;
border-bottom:2px solid #CE9A8B;
}
.cont .RightBox .s_news h2{
background-color:#D6EEF6;
}
.cont .RightBox .s_ctg h2{
background-color:#F6E0EB;
}
.cont .RightBox .s_news h2:after{
content:"";
background:url(../gazou/share/h3.png) no-repeat;
-webkit-background-size:96px auto;
background-size:96px auto;
position:absolute;
right:20px;
top:-3px;
display:block;
width:96px;
height:44px;
}
.cont .RightBox .s_ctg h2:after{
content:"";
background:url(../gazou/mobi/s_cate.png) no-repeat;
-webkit-background-size:58px auto;
background-size:58px auto;
position:absolute;
left:20px;
top:-12px;
display:block;
width:58px;
height:40px;
}
.cont .RightBox ul{
margin:0 2% 6%;
}
.cont .RightBox li{
padding:0 6px 12px 6px;
}
.cont .RightBox li a{
display:block;
padding:4px 4px 4px 18px;
font-size:12px;
color:#000;
line-height:1.2;
text-decoration:none;
transition:.6s;
}
.cont .RightBox .s_news li a{
background:url(../gazou/mobi/arrow4.png) no-repeat left center;
-webkit-background-size:8px auto;
background-size:8px auto;
}
.cont .RightBox .s_ctg li a{
background:url(../gazou/mobi/arrow5.png) no-repeat left center;
-webkit-background-size:8px auto;
background-size:8px auto;
}


/* 記事本文
------------------------------- */

.cont .KijiArea{
padding:10px;
font-size:16px;
}
.cont article .KijiArea p{
margin:0 0 1em;
line-height:1.6;
}
.cont article .KijiArea ul{
list-style:disc;
padding:0 0 0 2em;
}
.cont article .KijiArea ol{
list-style:decimal;
padding:0 0 0 2em;
}
.cont .KijiArea img{
max-width:100%;
}
.cont .KijiArea{
clear:both;
zoom:1;
}
.KijiArea:after,.KijiArea:before{content:"";display:table;}
.KijiArea:after{clear:both;}

.PageNavi{
text-align:center;
padding:20px 0;
}
.ToDetail{
text-align:right;
}

.cont .KijiArea .tbl1{
border-collapse:collapse;
border:1px solid #ccc;
margin:16px 2% 16px 1%;
width:96%;
}
.cont .KijiArea .tbl1 th{
background:#ECEFE4;
padding:4px;
border:1px solid #ccc;
border-bottom:1px solid #fff;
font-size:10px;
letter-spacing:-0.0001em;
}
.cont .KijiArea .tbl1 tr:last-child th{
border-bottom:1px solid #ccc;
}
.cont .KijiArea .tbl1 td{
padding:4px;
border:1px solid #ccc;
font-size:10px;
letter-spacing:-0.0001em;
}

/* メールフォーム設定
------------------------------- */
.formbody{
padding:6px 6px;
}
.formbody dt{
background:url(../gazou/mobi/arrow4.png) no-repeat left center;
-webkit-background-size:8px auto;
background-size:8px auto;
padding:4px 0 4px 12px;
font-size:14px;
border-bottom:1px dotted #ccc;
margin:16px 0 6px;
}
.formbody dd{
margin:0 0 10px;
padding:0 0 10px 4px;
min-height:20px;
}

.formbody dt.formcomment{
width:auto;
float:none;
margin:0 0 20px;
}
.formbody dd.btnSubmit,.back{
text-align:center;
border:none;
padding:20px 0;
}
.formbody input,.formbody textarea,.formbody select{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", 
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
max-width:90%;
padding:2%;
}
.formbody input[type="submit"],.formbody input[type="button"],.back a{
display:inline-block;
padding:0.4em 1em;
cursor:pointer;
border-radius:6px;
border:none;
border:1px solid #ccc;
color:#fff;
text-decoration:none;
font-size:14px;
background:#1D7E29;

}
.formbody input[type="submit"]:hover,.formbody input[type="button"]:hover{
background:#29B13A;
}
.Alert{
text-align:center;
padding:20px 0;
}
.Certify{
text-align:center;
padding:20px 0;
}
.formthanks{
}


/* 保育理念
------------------------------- */
#policy0010{display:none;}


/* 施設案内
------------------------------- */
#policy{
width:90%;
margin:10px auto 0;
}
#policy .po_left{
display:none;
}
#policy .po_right{
display:none;
}
.shisetsu{
border-collapse:collapse;
border:1px solid #ccc;
margin-bottom:16px;
width:100%;
}
.shisetsu th{
background:#ECEFE4;
padding:4px;
border:1px solid #ccc;
font-weight:bold;
width:30%;
}
.shisetsu td{
padding:4px;
border:1px solid #ccc;
}
#how_access li{
background:url(../gazou/cont/i_clover.png) no-repeat 0 0;
margin:0 0 16px 15px;
padding:5px 0 5px 50px;
list-style:none;
}

/* 1日の流れ
------------------------------- */
#day_att dl{
width:100%;
}
#day_att dt{
font-weight:bold;
color:#F06467;
display:block;
padding:8px 0 3px 30px;
font-size:16px;
background:url(../gazou/share/i_menu3.png) no-repeat 0 8px;
background-size:20px auto;
}

/* 年間行事
------------------------------- */
.event .main{
width:auto;
float:none;
}

ul.month li{
padding-top:4px;
background:#fff;
width:90%;
display:block;
margin:3% auto;
border:1px solid #73B9FF;
}

#season_m h3{
background:none;
padding:0;
margin:0;
text-align:center;
}
#season_m h3:before, #season_m h3:after{
content:none;
background:none;
}

ul.month li .img{
margin:5px auto;
position:relative;
width:90%;
}


ul.month li .img img{
width:100%;
}


ul.month li .txt{
padding:3%;
line-height:1.3;
}


.event #monthly_event li{
background:url(../gazou/cont/i_clover.png) no-repeat 0 0;
background-size:28px auto;
margin:0 0 10px 30px;
padding:0 0 0 48px;
}


/* 給食
------------------------------- */
.kyushoku .h_msg{
padding:3%;
}
.kyushoku .h_msg h3{
background:none;
padding:3%;
margin:3%;
text-align:center;
}
.kyushoku .h_msg h3:after{
content:none;
}
.h_msg .ImageMain1 {width:50%;
margin-left:25%;}
.kyushoku .h_msg li{
list-style:disc;
margin-left:3%;
}

/* 園だより
------------------------------- */
.AeCalTable {
width:90%;
margin:3% auto;
border-collapse:collapse;
border:1px solid #ccc;
}

.AeCalTable th{
padding:5px;
text-align:center;
border:1px solid #ccc;
font-size:14px;
}
.AeCalTable th strong{
color:#FF007F;
font-size:14px;
}
.AeCalTable td{
padding:5px;
border:1px solid #ccc;
font-size:16px;
}
.AeCalTable th.titCalList{
width:18%;
}
.dayname{
display:block;
font-size:14px;
}

/* 衛生
------------------------------- */
.kenkou #kenkou0100 h3{
background:none;
width:100%;
margin:3%;
font-size:16px;
color:#06c;
line-height:normal;
padding:0;
text-align:center;
}
.kenkou #kenkou0100 h3:before{
content:none;
}
#kenkou0075 span{
background: linear-gradient(transparent 60%, #ffff66 60%);
}


.disease_tbl{
border-collapse:collapse;
border:1px solid #ccc;
margin:10px auto;
width:90%;
}
.disease_tbl th{
background:#ECEFE4;
padding:5px;
border:1px solid #ccc;
font-weight:bold;
width:40%;
}

.disease_tbl td{
padding:5px;
border:1px solid #ccc;
}

#dl{padding-top:120px;}

/* 保育理念
------------------------------- */
#access0100 h3, #access0095 h3, #access0090 h3{
background:none;
text-align:center;
padding:8px;
margin:0 0 12px;
}
#access0100 h3:before, #access0095 h3:before, #access0090 h3:before{
content:none;
}

.access dl.ziel{
width:90%;
margin:3% auto 4%;
}
.access dl.ziel dt{
font-size:20px;
color:#724E26;
padding:8px 0 8px 60px;
position:relative;
font-weight:bold;
}
.access dl.ziel dt.z01:before{
position:absolute;
top:3px;
left:0;
content:url(../gazou/cont/icon01.png);
}
.access dl.ziel dt.z02:before{
position:absolute;
top:3px;
left:0;
content:url(../gazou/cont/icon02.png);
}
.access dl.ziel dt.z03:before{
position:absolute;
top:3px;
left:0;
content:url(../gazou/cont/icon03.png);
}
.access dl.ziel dt.z04:before{
position:absolute;
top:3px;
left:0;
content:url(../gazou/cont/icon04.png);
}
.access dl.ziel dt.z05:before{
position:absolute;
top:3px;
left:0;
content:url(../gazou/cont/icon05.png);
}
.access dl.ziel dd{
padding:0 0 8px 60px;
}
#access0085 li{
display:block;
text-align:center;
}

/* 園見学（202509更新）
------------------------------- */
.kengaku_dl{width:auto;
display:block;
margin:1% 1% 2% 1%;
background:#FFE6F2;
border-radius:20px;
}

.kengaku_dl dt{
text-align:center;
padding:0.5em 0;
}
.kengaku_dl dd{
padding:4%;
text-align:center;
}
.kengaku_dl .tel{
margin:0;
font-size:24px;
color:#0066CC;
font-weight:bold;
}
.kengaku_dl .tel small{
background:url(../gazou/share/i_tel.png) no-repeat 0 center;
padding:8px 8px 8px 20px;
font-size:16px;
font-weight:bold;
display:inline-block;
vertical-align:middle;
}
.kengaku_dl a.btn{
display:block;
background:#fff;
-webkit-border-radius: 30px;
border-radius: 30px;
behavior: url("/js/PIE.htc");
position:relative;
text-align:center;
padding:15px 0;
transition:.6s;
border:1px solid #ccc;
margin-top:0.5em;
}
.kengaku_dl a.btn:hover{
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
behavior: url("/js/PIE.htc");
}
.kengaku_dl .tel{
margin:0;
font-size:24px;
color:#0066CC;
font-weight:bold;
}
.kengaku_dl .tel small{
background:url(../gazou/share/i_tel.png) no-repeat 0 center;
padding:8px 8px 8px 20px;
font-size:16px;
font-weight:bold;
display:inline-block;
vertical-align:middle;
}
.kengaku_dl a.btn{
display:block;
background:#fff;
-webkit-border-radius: 30px;
border-radius: 30px;
behavior: url("/js/PIE.htc");
position:relative;
text-align:center;
padding:8px 0;
transition:.6s;
border:1px solid #ccc;
margin-top:0.5em;
}
.kengaku_dl a.btn:hover{
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
behavior: url("/js/PIE.htc");
}