@charset "utf-8";

/*******************
 * スマホ
 * PC
*******************/



/* =============================================================================
   スマホ
   ========================================================================== */
@media only screen and (max-width: 767px) {

/* -------------------------------------------------------------------------- 
   コンテンツエリア
   ----------------------------------------------------------------------- */
div.Container {
	margin:0 auto 0;
	padding: 60px 0 0;
  font-size: 112.5%;
	}

h2 {
  background-image: url(../images/icon_h2.png) ;
  background-repeat:no-repeat;
  padding-left: 36px;
  color: #82ae46;
  font-size: 180%;
  line-height: 1.5;
  margin-bottom: 20px;
  }

h2.letter {
  margin-bottom: 10px;
  }

h3 {
  border-left:5px solid #82ae46;
  padding-left: 15px;
  color: #82ae46;
  font-size: 120%;
  line-height: 1.5;
  margin-top: 20px;
  }

h4 {
  color: #82ae46;
  font-weight: bold;
  margin:20px auto 0;
  }

div.Contents {
	background:#FFF;
	padding: 10px;
	font-size: 75%;
	margin: 10px auto 0;
	min-height:300px;
 }

/* 表組み */
.table_A {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #d7d7d7;
  border-left:1px solid #d7d7d7;
}

.table_A th,
.table_A td {
  display:block;
  padding:8px 10px;
  border-bottom:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;
}

.table_A th {
  background-color:#e4e4e4;
  font-weight:normal;
  color:#000;
}

.table_A th:first-child {
  border-top:none;
}

.table_A td {
  background-color:#fff;
}

.table_A td > *:first-child{
  margin-top:0;
}

.table_A td > *:last-child{
  margin-bottom:0;
}

.table_A table col,
.table_A table colgroup{
  display:none;
}

.table_B {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
}

.table_B th {
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-color:#e5e5e5;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table_B td {
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-color:#fff;
  padding: 10px;
}

.table_B th,
.table_B td {
  text-align: center;
}

.table_B td:first-child {
  background-color:#f5f5f5;
}

.table_B table col,
.table_B table colgroup{
  display:none;
}

.table_C {
  width:100%;
  margin-top:10px;
  border-top:1px solid #48aad6;
  border-left:1px solid #48aad6;
  table-layout: fixed;
}

.table_C th {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table_C tr:nth-child(odd) th {
  background-color:#9fd4ec;
}

.table_C tr:nth-child(even) th {
  background-color:#bce2f4;
}

.table_C tr:last-child th {
  border-right:1px solid #48aad6;
  border-bottom:1px solid #48aad6;
}

.table_C td {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  padding: 10px;
  vertical-align: top;
}

.table_C tr:nth-child(odd) td {
  background-color:#deeff7;
}

.table_C tr:nth-child(even) td {
  background-color:#ecf6fb;
}

.table_D {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #82ae46;
  border-left:1px solid #82ae46;
}

.table_D th,
.table_D td {
  display:block;
  padding:8px 10px;
  border-bottom:1px solid #82ae46;
  border-right:1px solid #82ae46;
}

.table_D th {
  background-color:#def3c0;
  font-weight:normal;
  color:#000;
}

.table_D th:first-child {
  border-top:none;
}

.table_D td {
  background-color:#fff;
}

.table_D td > *:first-child{
  margin-top:0;
}

.table_D td > *:last-child{
  margin-bottom:0;
}

.table_D table col,
.table_D table colgroup{
  display:none;
}

.table_E {
  width:100%;
  margin-top:10px;
  border-top:1px solid #48aad6;
  border-left:1px solid #48aad6;
  table-layout: fixed;
}

.table_E th {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  color:#333;
  padding: 10px;
  vertical-align: top;
  background-color:#9fd4ec;
}

.table_E td {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  padding: 10px;
  vertical-align: top;
  background-color:#ecf6fb;
  text-align: center;
}

.table_E td.color01 { background-color:#9fd4ec; }
.table_E td.color02 { background-color:#fdeff2; }
.table_E td.color03 { background-color:#ffffe0; }
.table_E td.color04 { background-color:#d8e698; }
.table_E td.color05 { background-color:#ece9ee; }
.table_E td.color06 { background-color:#ffae98; }

.ex {
  color: #ba2636;
  font-size: 87.5%;
}

.table_D th span {
  color: #ba2636;
  font-size: 87.5%;
}

.table_D textarea, select {
  color: #666;
  font-size: 1.3em;
  font-family: Arial, sans-serif;
  border: 0;
  border: solid 1px #ccc;
}
.table_D textarea {
  width: 99%;
  height: 7em;
  line-height: 1.5em;
}
.table_D input.TxtS {
  width: 50%;
}
.table_D input.TxtL {
  width: 99%;
}

.info_btnArea {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.food .widthAuto { width:auto; }
.food .width5 { width:5% !important; }
.food .width8 { width:8% !important; }
.food .width15 { width:15% !important; }

div.Contents-area {
	margin:10px;
	}

/* 基本理念 */
.rinen p.catch {
  font-size: 140%;
  color: #82ae46;
}

/* 行事・スケジュール */
.schedule .width10 { width:20% !important; }
.schedule .widthAuto { width:auto; }

/* 栄養理念 */
ul.checkList {
  margin-left: 1.2em;
}
ul.checkList li {
  position: relative;
  margin-top: 5px;
}
ul.checkList li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1.2em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nenkan {
  overflow-x: auto;
}
.nenkan .table_C {
  min-width: 700px;
}

/* 育てわかばっこ */
.planArea {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #e5abbe;
  padding: 10px;
}
.planArea .tit {
  font-size: 125%;
  color: #7d263a;
  padding-bottom: 5px;
  border-bottom: #7d263a 1px solid;
}
.planArea .photoArea {
  margin-top: 10px;
}
.planArea .photoArea img {
  width: 100%;
}

/* プライバシーポリシー */
.privacy dl {
    margin: 1.5em 0.2em;
}

.privacy dt {
    margin-bottom: 0.1em;
}

.privacy dd {
    margin: 0 0 1.5em 1em;
}

/* サイトマップ */
.sitemap ul {
  width: 100%;
}
.sitemap li {
  padding: 5px 10px;
  border:#6c9d2a 1px solid;
  margin-bottom: 10px;
  background: #e0ebaf;
}

/* 園だより */
.leterTtlArea {
  width: 100%;
}

.leterBk {
  padding: 5px 15px;
  background-color: #f0f7dd;
  margin-bottom: 20px;
  color: #6a9a0e;
}

.leterBk_top {
  padding: 5px 15px;
  background-color: #f0f7dd;
  margin-bottom: 5px;
  color: #6a9a0e;
}

.leterTtlArea_line {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px dotted #ccc;
  width: 100%;
}

.leterTtl {
  width: 100%;
  text-align: center;
}
.leterTtl img {
  width: 100%;
}

.leterTxt {
  margin-top: 30px;
  width: 100%;
}

.leterTxt_catch {
  margin-top: -20px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

.leterTxtImg {
  margin-top: 10px;
  text-align: center;
}
.leterTxtImg img {
  width: 80%;
}

.leterCalendarArea {
  width: 100%;
  margin-top: 30px;
}

.leterCalendarL {
  width: 100%;
}

.leterCalendarR {
  margin-top: 30px;
  width: 100%;
}

.leterInfoArea {
  width: 100%;
  margin-top: 30px;
}

.leterInfoImgL {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 35%;
}

.leterInfoImgR {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  width: 35%;
}

.leterInfoW50 {
  width: 100%;
}

.leterInfoh5 {
  color: #82ae46;
  font-weight: bold;
  margin-bottom: 10px;
}

/* 各季節Calendar */
.table04 {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #e45e7a;
  border-left:1px solid #e45e7a;
}

.table04 th,
.table04 td {
  display:block;
  padding:8px 10px;
  border-bottom:1px solid #e45e7a;
  border-right:1px solid #e45e7a;
}

.table04 th {
  background-color:#f8a8b9;
  font-weight:normal;
  color:#000;
}

.table04 th:first-child {
  border-top:none;
}

.table04 td {
  background-color:#fff;
}

.table04 td > *:first-child{
  margin-top:0;
}

.table04 td > *:last-child{
  margin-bottom:0;
}

.table05 {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #52a552;
  border-left:1px solid #52a552;
}

.table05 th,
.table05 td {
  display:block;
  padding:8px 10px;
  border-bottom:1px solid #52a552;
  border-right:1px solid #52a552;
}

.table05 th {
  background-color:#a1d1a1;
  font-weight:normal;
  color:#000;
}

.table05 th:first-child {
  border-top:none;
}

.table05 td {
  background-color:#fff;
}

.table05 td > *:first-child{
  margin-top:0;
}

.table05 td > *:last-child{
  margin-bottom:0;
}

.table06 {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #8742bc;
  border-left:1px solid #8742bc;
}

.table06 th,
.table06 td {
  display:block;
  padding:8px 10px;
  border-bottom:1px solid #8742bc;
  border-right:1px solid #8742bc;
}

.table06 th {
  background-color:#cdb3e1;
  font-weight:normal;
  color:#000;
}

.table06 th:first-child {
  border-top:none;
}

.table06 td {
  background-color:#fff;
}

.table06 td > *:first-child{
  margin-top:0;
}

.table06 td > *:last-child{
  margin-bottom:0;
}

.leterBk_log {
   display: none;
}
.leterBk_log_btn {
  background: #fff;
  color: #6a9a0e;
  border: 1px #f0f7dd solid;
  display: block;
  margin: 10px auto 5px;
  padding: 5px 15px;
}
.leterBk_log_content {
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
  margin-bottom: 30px;
}
.leterBk_log:checked + .leterBk_log_btn + .leterBk_log_content {
  height: auto;
  opacity: 1;
  visibility: visible;
}


}



/* =============================================================================
   PC
   ========================================================================== */
@media only all and (min-width: 767px) {

/* -------------------------------------------------------------------------- 
   ヘッダー 
   ----------------------------------------------------------------------- */
div.Header {
    height:140px;
    width:100%;
    background:url(../images/bg_mainimage.png) repeat-x;
    padding-top: 20px;
 }

div.Header-Area {
    height:100px;
    position:relative;
    width:970px;
    margin:0 auto;
 }

/* -- ロゴ -- */
div.Header-Area h1 {
    position:absolute;top:29px;left:0;
    width:240px;
 }

/* -- ヘッダーメニュー -- */
div.Header-Area ul { position:absolute;top:0;right:0; }

div.Header-Area ul li {
    float:left;
 }


/* -------------------------------------------------------------------------- 
   コンテンツエリア
   ----------------------------------------------------------------------- */
.Pannavi {
  width: 690px;
  height: 22px;
  margin:0 auto 0;
  display:table-cell;
  padding-bottom: 20px;
  border-bottom: 1px solid #b2b2b2;
}

.Pannavi span {
  vertical-align: middle;
}

h2 {
	width: 690px;
  height: 30px;
	margin:20px auto 30px;
  background-image: url(../images/icon_h2.png) ;
  background-repeat:no-repeat;
  padding-left: 36px;
  color: #82ae46;
  font-size: 140%;
  line-height: 1.5;
	}

h2.letter {
  margin:20px auto 10px;
  }

h3 {
  border-left:5px solid #82ae46;
  padding: 2px 0 0 10px;
  color: #82ae46;
  font-size: 100%;
  line-height: 1.2;
  margin:20px auto 0;
  }

h4 {
  color: #82ae46;
  font-weight: bold;
  font-size: 87.5%;
  margin:20px auto 0;
  }

/* 表組み */
.table_A {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
  table-layout: fixed;
}

.table_A th {
  border-bottom:1px solid #fff;
  border-right:1px solid #cccccc;
  background-color:#e5e5e5;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table_A tr:last-child th {
  border-right:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.table_A td {
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-color:#fff;
  padding: 10px;
}

.table_B {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #cccccc;
  border-left:1px solid #cccccc;
}

.table_B th {
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-color:#e5e5e5;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table_B td {
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  background-color:#fff;
  padding: 10px;
}

.table_B th,
.table_B td {
  text-align: center;
}

.table_B td:first-child {
  background-color:#f5f5f5;
}

.table_C {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #48aad6;
  border-left:1px solid #48aad6;
  table-layout: fixed;
}

.table_C th {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table_C tr:nth-child(odd) th {
  background-color:#9fd4ec;
}

.table_C tr:nth-child(even) th {
  background-color:#bce2f4;
}

.table_C tr:last-child th {
  border-right:1px solid #48aad6;
  border-bottom:1px solid #48aad6;
}

.table_C td {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  padding: 10px;
}

.table_C tr:nth-child(odd) td {
  background-color:#deeff7;
}

.table_C tr:nth-child(even) td {
  background-color:#ecf6fb;
}

.table_D {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #82ae46;
  border-left:1px solid #82ae46;
  table-layout: fixed;
}

.table_D th {
  border-bottom:1px solid #82ae46;
  border-right:1px solid #82ae46;
  background-color:#def3c0;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table_D tr:last-child th {
  border-right:1px solid #82ae46;
  border-bottom:1px solid #82ae46;
}

.table_D td {
  border-bottom:1px solid #82ae46;
  border-right:1px solid #82ae46;
  background-color:#fff;
  padding: 10px;
}

.ex {
  color: #ba2636;
  font-size: 87.5%;
}

.table_D th span {
  color: #ba2636;
  font-size: 87.5%;
}

.table_D textarea, select {
  color: #666;
  font-size: 1.3em;
  font-family: Arial, sans-serif;
  border: 0;
  border: solid 1px #ccc;
}
.table_D textarea {
  width: 99%;
  height: 7em;
  line-height: 1.5em;
}
.table_D input.TxtS {
  width: 50%;
}
.table_D input.TxtL {
  width: 99%;
}

.table_E {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #48aad6;
  border-left:1px solid #48aad6;
  table-layout: fixed;
}

.table_E th {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  color:#333;
  padding: 10px;
  vertical-align: top;
  background-color:#9fd4ec;
}

.table_E td {
  border-bottom:1px solid #48aad6;
  border-right:1px solid #48aad6;
  padding: 10px;
  background-color:#ecf6fb;
  text-align: center;
}

.table_E td.color01 { background-color:#9fd4ec; }
.table_E td.color02 { background-color:#fdeff2; }
.table_E td.color03 { background-color:#ffffe0; }
.table_E td.color04 { background-color:#d8e698; }
.table_E td.color05 { background-color:#ece9ee; }
.table_E td.color06 { background-color:#ffae98; }

.ex {
  color: #ba2636;
  font-size: 87.5%;
}

.info_btnArea {
  text-align: center;
  margin-top: 30px;
}

.widthAuto { width:auto; }
.width5 { width:5% !important; }
.width6 { width:6% !important; }
.width8 { width:8% !important; }
.width10 { width:10% !important; }
.width13 { width:13% !important; }
.width15 { width:15% !important; }
.width15 { width:16% !important; }
.width20 { width:20% !important; }
.width25 { width:25% !important; }
.width30 { width:30% !important; }
.width35 { width:35% !important; }
.width40 { width:40% !important; }
.width45 { width:45% !important; }
.width50 { width:50% !important; }
.width55 { width:55% !important; }
.width60 { width:60% !important; }
.width65 { width:65% !important; }
.width70 { width:70% !important; }
.width75 { width:75% !important; }
.width80 { width:80% !important; }
.width85 { width:85% !important; }
.width90 { width:90% !important; }
.width95 { width:95% !important; }

div.Contents-area {
	margin:10px 15px 0;
	}

/* 基本理念 */
.rinen p.catch {
  font-size: 140%;
  color: #82ae46;
}

/* 栄養理念 */
ul.checkList {
  margin-left: 1.2em;
}
ul.checkList li {
  position: relative;
  margin-top: 5px;
}
ul.checkList li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1.2em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 育てわかばっこ */
.planArea {
  width: 665px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #e5abbe;
  padding: 10px 10px 10px 15px;
}
.planArea .tit {
  font-size: 125%;
  color: #7d263a;
  padding-bottom: 5px;
  border-bottom: #7d263a 1px solid;
}
.planArea .txtArea {
  float: left;
  width: 350px;
}
.planArea .photoArea {
  float: right;
  width: 300px;
}

/* プライバシーポリシー */
.privacy p.txt {
    font-size: 87.5%;
}

.privacy dl {
    margin: 1.5em 0.2em;
    font-size: 87.5%;
}

.privacy dt {
    margin-bottom: 0.1em;
}

.privacy dd {
    margin: 0 0 1.5em 1em;
}

/* サイトマップ */
.sitemap ul {
  width: 690px;
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.sitemap li {
  width: 198px;
  padding: 5px 10px;
  border:#6c9d2a 1px solid;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  background: #e0ebaf;
}

/* 園だより */
.leterTtlArea {
  width: 690px;
}

.leterBk {
  padding: 5px 15px;
  background-color: #f0f7dd;
  margin-bottom: 20px;
  color: #6a9a0e;
}

.leterBk_top {
  padding: 5px 15px;
  background-color: #f0f7dd;
  margin-bottom: 5px;
  color: #6a9a0e;
}

.leterTtlArea_line {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px dotted #ccc;
  width: 690px;
}

.leterTtl {
  width: 690px;
}
.leterTtl img {
  width: 100%;
}

.leterTxt {
  margin-top: 20px;
}

.leterTxt_catch {
  margin-top: -40px;
  padding: 0 20px;
  box-sizing: border-box;
}

.leterTxt img {
  width: 25%;
}

.leterCalendarArea {
  width: 690px;
  margin-top: 30px;
}

.leterCalendarL {
  float: left;
  width: 330px;
}

.leterCalendarR {
  float: right;
  width: 330px;
}

.leterInfoArea {
  width: 690px;
  margin-top: 30px;
}

.leterInfoArea {
  width: 690px;
  margin-top: 30px;
}

.leterInfoImgL {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.leterInfoImgR {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

.leterInfoW50 {
  width: 50%;
}

.leterInfoh5 {
  color: #82ae46;
  font-weight: bold;
  margin-bottom: 10px;
}

/* 各季節Calendar */
.table04 {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #e45e7a;
  border-left:1px solid #e45e7a;
  table-layout: fixed;
}

.table04 th {
  border-bottom:1px solid #fff;
  border-right:1px solid #e45e7a;
  background-color:#f8a8b9;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table04 tr:last-child th {
  border-right:1px solid #e45e7a;
  border-bottom:1px solid #e45e7a;
}

.table04 td {
  border-bottom:1px solid #e45e7a;
  border-right:1px solid #e45e7a;
  background-color:#fff;
  padding: 10px;
}

.table05 {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #52a552;
  border-left:1px solid #52a552;
  table-layout: fixed;
}

.table05 th {
  border-bottom:1px solid #fff;
  border-right:1px solid #52a552;
  background-color:#a1d1a1;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table05 tr:last-child th {
  border-right:1px solid #52a552;
  border-bottom:1px solid #52a552;
}

.table05 td {
  border-bottom:1px solid #52a552;
  border-right:1px solid #52a552;
  background-color:#fff;
  padding: 10px;
}

.table06 {
  width:100%;
  max-width:100%;
  margin-top:10px;
  border-top:1px solid #8742bc;
  border-left:1px solid #8742bc;
  table-layout: fixed;
}

.table06 th {
  border-bottom:1px solid #fff;
  border-right:1px solid #8742bc;
  background-color:#cdb3e1;
  color:#333;
  padding: 10px;
  vertical-align: top;
}

.table06 tr:last-child th {
  border-right:1px solid #8742bc;
  border-bottom:1px solid #8742bc;
}

.table06 td {
  border-bottom:1px solid #8742bc;
  border-right:1px solid #8742bc;
  background-color:#fff;
  padding: 10px;
}

.leterBk_log {
   display: none;
}
.leterBk_log_btn {
  background: #fff;
  color: #6a9a0e;
  border: 1px #f0f7dd solid;
  display: block;
  margin: 10px auto 5px;
  padding: 5px 15px;
}
.leterBk_log_content {
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
  margin-bottom: 30px;
}
.leterBk_log:checked + .leterBk_log_btn + .leterBk_log_content {
  height: 310px;
  opacity: 1;
  visibility: visible;
}


}