@charset "UTF-8";

/*
Theme Name: Aiai Hoikuen
Theme URI: 
Author: Toyama Dennousya.
Author URI: https://www.dennousya.com
Description: This is my Toyama Dennousya theme.
Version: 20230816
License: 
License URI:
*/


/*フォント*/
/* まるもじ */
@font-face {
  font-family: "myfont";
  src: url("font/rounded-x-mgenplus-1pp-regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "myfont2";
  src: url("./font/KosugiMaru-Regular.ttf") format("truetype");
}



body { font-family: "myfont2"; position: relative; }

img.icon {
	width: 1em;
	margin: 0 5px;
}

a:hover img,
a:active img {
	opacity: 0.5;
}


/* ヘッダー
------------------------------ */
header#header {
  top: 0;
  width: 100%;
  z-index: 2;
  font-size: 130%;
}
nav#g-navi {}
nav#g-navi ul {
  display: flex;
  justify-content: space-around;
  margin: auto;
  width: 100%;
  padding: 17px 3% 0;
  align-items: center;
  list-style: none;
  background: #FFF;
}
nav#g-navi ul li { }
nav#g-navi ul a {
  display: block;
  text-decoration: none;
  color: white;
  line-height: 1.3;

  transition: all 0.5s;
  background-color: rgba(255, 255, 255, 0.6);
}
nav#g-navi > ul > li > a {
  font-size: 140%;
}
nav#g-navi > ul > li > ul a {
  font-size: 120%;
}
nav#g-navi > ul > a:hover {
  background-color: rgba(48, 176, 255, 0.3);
}
nav#g-navi > ul > li:nth-child(1) { order: 1; }
nav#g-navi > ul > li:nth-child(1) > a       { background-color: rgba(175, 175,   0, 0.512); }
nav#g-navi > ul > li:nth-child(1) > a:hover { background-color: rgba(255, 200,   0, 1); }
nav#g-navi > ul > li:nth-child(2) { order: 2; }
nav#g-navi > ul > li:nth-child(2) > a       { background-color: rgba(  0, 208,  24, 0.432); }
nav#g-navi > ul > li:nth-child(2) > a:hover { background-color: rgba(  1, 234,  28, 1); }
nav#g-navi > ul > li:nth-child(3) { order: 3; }
nav#g-navi > ul > li:nth-child(3) > a       { background-color: rgba(  0, 123, 175, 0.56); }
nav#g-navi > ul > li:nth-child(3) > a:hover { background-color: rgba(  0, 179, 255, 1); }
nav#g-navi > ul > li:nth-child(4) { order: 5; }
nav#g-navi > ul > li:nth-child(4) > a       { background-color: rgba(  0,  32, 159, 0.432); }
nav#g-navi > ul > li:nth-child(4) > a:hover { background-color: rgba(  0,  51, 255, 1); }
nav#g-navi > ul > li:nth-child(5) { order: 6; }
nav#g-navi > ul > li:nth-child(5) > a       { background-color: rgba(153,   0, 255, 0.432); }
nav#g-navi > ul > li:nth-child(5) > a:hover { background-color: rgba(173,  50, 255, 1); }
nav#g-navi > ul > li:nth-child(6) { order: 7; }
nav#g-navi > ul > li:nth-child(6) > a       { background-color: rgba(203,   0,   0, 0.432); }
nav#g-navi > ul > li:nth-child(6) > a:hover { background-color: rgba(255,  54,  54, 1); }

nav#g-navi ul li.sitelogo a {
	-webkit-flex-basis: 320px;
	-ms-flex-basis: 320px;
	flex-basis: 320px;
	color: transparent;
	content: url(aiai-images/sitelogo.png);
	padding: 0;
}

nav#g-navi ul li.sitelogo a:hover {
/*	background-color: rgba(48, 176, 255, 0.2);*/
	opacity: 0.5;
}

header#header #sitebanner a {
	content: url(aiai-images/sitelogo.png);
	margin: 2px;
	padding: 3px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid rgba(255,255,255,0);
}
header#header #sitebanner a:hover,
header#header #sitebanner a:active {
	background-color: rgba(255, 255, 255, 0.8);
	border: 2px solid rgba(255,255,255,0.75);
}

@media screen and (min-width: 1080px) {
 header#header {
   position: absolute;
   top: -100px;
 }
 header#header::after {
  content: "";
  height: 4vw;
  background-image: url(aiai-images/header-after.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
 }
 nav#g-navi > ul {
   flex-direction: row;
   margin: auto;
   width: 100%;
/*   padding: 17px 3% 0;*/
   padding: 0 3%;
   align-items: center;
   position: relative;
   left: 0!important;
 }
 /* PC表示の際はサイトロゴを中央に表示 */
 nav#g-navi ul li.sitelogo { order: 4; }
 nav#g-navi > ul > li {
	width: 100%;
	text-align: center;
 }
 nav#g-navi > ul > li:nth-child(1) > a,
 nav#g-navi > ul > li:nth-child(6) > a {
	margin-top: 0px;
	margin-bottom: 30px;
 }
 nav#g-navi > ul > li:nth-child(2) > a,
 nav#g-navi > ul > li:nth-child(5) > a {
	margin-top: 10px;
	margin-bottom: 20px;
 }
 nav#g-navi > ul > li:nth-child(3) > a,
 nav#g-navi > ul > li:nth-child(4) > a {
	margin-top: 20px;
	margin-bottom: 10px;
 }
 nav#g-navi > ul > li:nth-child(7) {
	margin-top: 15px;
	margin-bottom: 15px;
 }
 nav#g-navi > ul > li > a {
   padding: 7px;
   border-radius: 5px;
   display: inline-block;
   transition: padding 0s;
 }
 nav#g-navi > ul > li:nth-child(3) > a {
	font-size: 120%;
	line-height: 2.0;
 }

 /* サブメニュー */
 nav#g-navi > ul > li > ul {
	position: absolute;
	left: 0;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,230,200,1), rgba(255,200,100,1), rgba(255,230,200,0.9), rgba(255,255,255,0));
	padding: 30px 0 50px;
	display: none;
 }
 nav#g-navi > ul > li.menu-item-has-children:hover > ul {
	display: flex;
 }
 nav#g-navi > ul > li > ul > li {
	width: 100%;
 }
 nav#g-navi > ul > li > ul > li:not(:first-child) {
	border-left: 1px solid #79B;
 }
 nav#g-navi > ul > li > ul li a {
	width: 100%;
	padding: 8px 0;
	color: #000;
	background: none;
	border-radius: 0;
 }
 nav#g-navi > ul > li > ul li a:hover {
	color: #FFF;
 }
 header#header #sitebanner {
	display: none;
 }
}
@media screen and (max-width: 1079px) {
 body.menu-open {}
 body.menu-open header#header {
   overflow-y: auto;
   height: 100%;
 }
 header#header {
  position: fixed;
 }
 nav#g-navi ul {
   flex-direction: column;
   margin: auto;
   width: 100%;
   padding: 0;
   transition: all 1.5s;
 }
 body:not(.menu-open) nav#g-navi > ul {
   left: -100%;
   opacity: 0;
 }
 body.menu-open nav#g-navi > ul {
   left: 0;
   opacity: 1;
 }
 nav#g-navi > ul {
   position: absolute;
   height: auto;
   overflow-y: auto;
 }
 nav#g-navi ul li {
	width: 100%;
 }
 nav#g-navi ul li.sitelogo { order: 0; text-align: center; }
 nav#g-navi ul a {
  padding: 15px 30px;
  border-radius: 0;display: block;
 }
 nav#g-navi > ul > li:nth-child(1) > a       { background-color: rgba(255, 200,   0, 1); }
 nav#g-navi > ul > li:nth-child(1) > a:hover { background-color: rgba(175, 175,   0, 0.512); }
 nav#g-navi > ul > li:nth-child(2) > a       { background-color: rgba(  1, 234,  28, 1); }
 nav#g-navi > ul > li:nth-child(2) > a:hover { background-color: rgba(  0, 208,  24, 0.432); }
 nav#g-navi > ul > li:nth-child(3) > a       { background-color: rgba(  0, 179, 255, 1); }
 nav#g-navi > ul > li:nth-child(3) > a:hover { background-color: rgba(  0, 123, 175, 0.56); }
 nav#g-navi > ul > li:nth-child(4) > a       { background-color: rgba(  0,  51, 255, 1); }
 nav#g-navi > ul > li:nth-child(4) > a:hover { background-color: rgba(  0,  32, 159, 0.432); }
 nav#g-navi > ul > li:nth-child(5) > a       { background-color: rgba(173,  50, 255, 1); }
 nav#g-navi > ul > li:nth-child(5) > a:hover { background-color: rgba(153,   0, 255, 0.432); }
 nav#g-navi > ul > li:nth-child(6) > a       { background-color: rgba(255,  54,  54, 1); }
 nav#g-navi > ul > li:nth-child(6) > a:hover { background-color: rgba(203,   0,   0, 0.432); }
 .menu-btn {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 60px;
	height: 60px;
	background: #999;
	cursor: pointer;
	transition: all 0.5s;
 }
 .menu-btn:hover {
	background: #CCC;
 }
 .menu-btn > span {
	width: 44px;
	height: 3px;
	background: #FFF;
	display: inline-block;
	position: absolute;
	left: 8px;
	transition: all 1.0s;
 }
 .menu-btn > span:nth-child(1) { top: 13px; }
 .menu-btn > span:nth-child(2) { top: 28px; }
 .menu-btn > span:nth-child(3) { top: 43px; }
 .menu-btn.open { border-radius: 50%; }
 .menu-btn.open > span:nth-child(1) { top: 28px; transform: rotate( 45deg); }
 .menu-btn.open > span:nth-child(2) { top: 28px; transform: rotate(-45deg); }
 .menu-btn.open > span:nth-child(3) { top: 28px; transform: rotate(-45deg); }

 /* サブメニュー */
 nav#g-navi > ul > li > ul {
	background: #F70;
	overflow: hidden;
	display : none;
 }
 nav#g-navi > ul > li.menu-item-has-children > a {
	position: relative;
 }
 nav#g-navi > ul > li.menu-item-has-children.open > a {}
 nav#g-navi > ul > li.menu-item-has-children > a::after {
	content: "▼";
	font-size: 200%;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
 }
 nav#g-navi > ul > li.menu-item-has-children.open > a::after {
	content: "▲";
 }

 nav#g-navi > ul > li.open > ul {
	display: flex;
 }
 nav#g-navi > ul > li > ul > li {
	background: #FFF;
	margin-left: 30px;
 }
 nav#g-navi > ul > li > ul > li > a {
	color: #000;
	border-bottom: 1px solid #F90;
 }
}

/* フッター
------------------------------ */
footer#footer {
  font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  background-image: url(aiai-images/footer-bg.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
  width: 100%;
  padding: 70px 0px;
  text-align: center;
  font-size: 120%;
}
footer p {
  font-size: 130%;
  padding: 0.6em 0;
}
footer p img.icon {
  padding: 0.5em 0;/* 上下の位置を手動で補正 */
}
footer p.logo {
	margin: 0;
	padding: 0;
}
footer p.logo img {
  width: 150px;
}
footer p.sitename {
  font-weight: 900;
  line-height: 1.25;
  font-family: "myfont";
}
footer p.sitename span {
  display: block;
  font-family: "myfont2";
  font-weight: normal;
}
footer p.sitename span:nth-child(1) {
  font-size: 90%;
}
footer p.sitename span:nth-child(2) {
  font-size: 95%;
/*  color: #00F;*/
}
footer p.sitename span:nth-child(3) {
  font-size: 140%;
}


/* ------------------------------------------------------------
		コンテンツ
------------------------------------------------------------ */

section {
	width: 98%;
	max-width: 1440px;
	margin: 0 auto;
}
.post_box {
  margin: 0 0 50px;
  padding: 0;
  font-family: "myfont2";
  font-size: 150%;
  overflow: hidden;
}
.post_box p {
  padding-bottom: 1.0em;
}

/* コンテンツタイトル
------------------------------ */
/* ページタイトル */
#page-title {
	background-color: #EEF9FF;
	background-image: url(aiai-images/pagettl-bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	min-height: 40vh;
	margin-bottom: 30px;
	text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF;
}
#page-title > div {
	position: absolute;
}
#page-title h1 {
	font-size: 300%;
	line-height: 1.0;
}
@media screen and (min-width: 980px) {
 #page-title {
	background-size: auto 100%;
	margin-top: 100px;
 }
 #page-title > div {
	top: calc(50% + 50px);
	left: 25%;
	transform: translate(-50%, -50%);
 }
 #page-title h1 {
	font-size: 400%;
 }
}
@media screen and (max-width: 979px) {
 #page-title {
	background-size: contain;
 }
 #page-title > div {
	top: 50%;
	left: 20px;
	transform: translate(0%, -50%);
 }
 #page-title h1 {
	font-size: 300%;
 }
}
.sub-page-ttl {
  font-size: 160%;
  color: #FFF;
  font-weight: 900;
  text-align: center;
  padding: 0 20px;
}
.sub-page-ttl > span {
  display: inline-block;
  background-color: #F9C;
  padding: 5px 50px;
  border-radius: 50px;
  white-space: normal;
}
.sub-page-ttl > span > span {
  white-space: nowrap;
}
h2 {
  padding: 0px 20px;
  margin: 20px 0 50px;
  font-family: "myfont2"!important;
  font-weight: normal;
  border-bottom: 2px dashed #F90;
  clear: both;
}
h2:not(:first-child) {
  margin-top: 100px;
}
h3 {
  font-size: 160%!important;
  color: #F50;
  font-weight: normal;
}
h3.accessmap {/* accessmap */
  font-size: 140%!important;
  line-height: 1.3;
}
h4 {}
h4 span {
  display: inline-block;
  border-radius: 100px;
  padding: 0 .75em;
  font-size: 140%!important;
  color: #FFF;
  background: #F90;
}
h4.c1 span {
  background: #F90;
}
h4.c2 span {
  background: #5C7;
}
h4.c3 span {
  background: #07F;
}


/* パンくず */
ul.breadcrumb {
	overflow: hidden;
	font-size: 180%;
	margin-left: 50px;
	padding-top: 10px;
}
@media screen and (max-width: 979px) {
 ul.breadcrumb {
	display: none;
 }
}
ul.breadcrumb > li {
	float: left;
	white-space: nowrap;
}
ul.breadcrumb > li:not(:first-child)::before {
	content: ">";
	margin: 1.0em;
}



/* スクロールに合わせてコンテンツを表示（共通）
------------------------------------------------------------ */
.element,
.element2,
.element3 {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
}
.element {
  transform: translateY(130px);
  transition: all 0.8s;
}
.element2 {
  transform: translateY(100px);
  transition: all 1.7s;
}
.element3 {
  transform: translateY(120px);
  transition: all 1.3s;
}
/* フェードイン時に入るクラス */
.element.is-fadein,
.element2.is-fadein,
.element3.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.element.is-fadein {}
.element2.is-fadein {}
.element3.is-fadein {}



/* テーブル
------------------------------------------------------------ */
table.tbl {}
@media only screen and (max-width: 800px){
 table.tbl,
 table.tbl thead,
 table.tbl tbody,
 table.tbl tr,
 table.tbl th,
 table.tbl td {
	display: block;
 }
 table.tbl tr > *:not(:first-child) {
	padding-left: 2.0em;
	border: none;
	margin-bottom: 2.0em;
 }
}



/* 表示切り替え
------------------------------------------------------------ */
@media only screen and (min-width: 801px){
 .s-size-area {/* 画面の横幅が大きい場合は非表示 */
	display: none;
 }
}
@media only screen and (max-width: 800px){
 .l-size-area {/* 画面の横幅が小さい場合は非表示 */
	display: none;
 }
}

/* お知らせ
------------------------------------------------------------ */
.newsList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.newsList > div {
	margin-bottom: 50px;
}
.newsList > div a {
	display: block;
	padding: 1em;
	text-decoration: none;
	text-align: center;
	border-radius: 15px;

	border: 2px solid #059;
	background: #FFF;
}
.newsList > div a:hover,
.newsList > div a:active {
	border: 2px solid #F90;
	background: #FFD;
}
.newsList > div span {
	display: block;
	text-align: left;
}
.newsList > div img {
	display: block;
	margin: 0 auto;
	border: 1px solid #9CF;
}

@media only screen and (min-width: 961px){
 .newsList {}
 .newsList > div {
	width: 30%;
 }
}
@media only screen and (min-width: 641px) and (max-width: 960px){
 .newsList {}
 .newsList > div {
	width: 45%;
 }
}
@media only screen and (max-width: 640px){
 .newsList {}
 .newsList > div {
	width: 90%;
 }
}
/* お知らせ記事 */
.news-date {
	text-align: right;
	text-decoration: underline;
}
.news-wrop {
	padding: 1em;
	margin: 0.5em;
	border: 5px solid #DEF;
}




/* 園の紹介：施設の案内
------------------------------------------------------------ */
img.maru-box {
	border-radius: 50%;
	box-shadow: 0 0 10px 5px #CCC;
	margin: 15px;
}
.comment-block {
	display: flex;
	align-items: center;
	width: 98%;
	max-width: 900px;
	margin: 50px auto;
	padding: 10px;
	background-color: #EFC;
	border: 2px solid #7A9;
	border-radius: 20px;
	clear: both;
}
.comment-block div {
	padding: 20px;
}
.comment-block div:first-child {
	font-size: 130%;
}
.comment-block div p {
	padding-bottom: 0;
}
@media only screen and (min-width: 801px){
 .comment-block {
	flex-wrap: nowrap;
 }
 .comment-block div:not(:first-child) {
	border-left: 2px solid #7A9;
 }
 .comment-block div span {
	white-space: nowrap;
 }
}
@media only screen and (max-width: 800px){
 .comment-block {
	flex-wrap: wrap;
 }
 .comment-block div span {
	white-space: noraml;
 }
 .comment-block div:not(:first-child) {
	border-top: 2px solid #7A9;
 }
 .comment-block div {
	width: 100%;
 }
}



/* 園の紹介：一日の流れ
------------------------------------------------------------ */
h3.time {
	width: auto;
	height: 60px;
	margin-bottom: 5px;
	padding: 5px;
	display: inline-block;
	background-color: #FDE;
	position: relative;
	overflow: visible;
}
h3.time::after {
	content: "";
	width: 0;
	height: 0px;
	display: block;
	border-style: solid;
	border-width: 30px 15px;
	border-color: #FDE transparent #FDE #FDE;
	position: absolute;
	top: 0;
	right: -15px;
}
h3.time span {
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 50px;
	padding-left: 60px;
	color: #27F;
}
h3.time[data-time="0700"] span { background-image: url(images/clock0700.png) }
h3.time[data-time="1130"] span { background-image: url(images/clock1130.png) }
h3.time[data-time="1400"] span { background-image: url(images/clock1400.png) }
h3.time[data-time="1500"] span { background-image: url(images/clock1500.png) }
h3.time[data-time="1530"] span { background-image: url(images/clock1530.png) }
h3.time[data-time="1600"] span { background-image: url(images/clock1600.png) }
/*.scadule-photo { border: 3px solid #950; padding: 3px!important; }*/
.scadule-photo {padding: 0px!important; }
.scadule-photo img { border: 3px solid #950; padding: 3px; }

@media screen and (min-width: 980px) {
 .scadule-photo { float: right; }
 .rotate05 { transform: rotate(5deg); margin-right: 30px; }
 .rotate10 { transform: rotate(10deg); margin-right: 30px; }
 .rotate_05 { transform: rotate(-5deg); margin-right: 30px; }
 .rotate_10 { transform: rotate(-10deg); margin-right: 30px; }
}
@media screen and (max-width: 979px) {
 .scadule-photo { float: none; display: block; margin: 10px auto 30px; }
}
.scadules {
	overflow: hidden;
	padding-left: 30px;
	margin-bottom: 30px;
}
.scadules ul {
	margin-top: 15px;
	margin-left: 2.0em;
}


.waku-dot {
	border: 3px dotted #999;
	border-radius: 30px;
	margin: 1.0em;
	padding: 1.0em;
}



/* 園の紹介：主な年中行事
------------------------------------------------------------ */
table.event {
	margin-top: 30px;
	margin-bottom: 30px;
	border-radius: 30px;
}
table.event th,
table.event td {
	border: none!important;
}
table.event th {
	background: none!important;
	width: 5.0em;
	text-align: right;
	font-size: 120%;
	padding-right: 1.0em;
	font-weight: bold;
	white-space: nowrap;
}
table.event ul {}
table.spring {
	background: url(aiai-images/aiai-event_spring.png) right bottom no-repeat;
	background-color: #FDE;
}
table.spring th { color: #390; }
table.summer {
	background: url(aiai-images/aiai-event_tanzaku.png) right bottom no-repeat;
	background-color: #DFB;
}
table.summer th { color: #09F; }
table.autumn {
	background: url(aiai-images/aiai-event_picnic.png) right bottom no-repeat;
	background-color: #FF9;
}
table.autumn th { color: #F09; }
table.winter {
	background: url(aiai-images/aiai-event_setsubun.png) right bottom no-repeat;
	background-color: #CCF5FF;
}
table.winter th { color: #F90; }
table.extra {
	background-color: #DCF;
}
table.extra th {}
@media only screen and (min-width: 961px){
 table.event {
	width: 46%;
	float: left;
 }
 table.event:nth-child(odd) {
	clear: left;
 }
 table.event tr.pb8 td:last-child {
	padding-bottom: 8.0em;
 }
}
@media only screen and (max-width: 960px){
 table.event,
 table.event tr,
 table.event tr th,
 table.event tr td {
	display: block!important;
 }
 table.event {
	background-image: none;
 }
 table.event ul {
	margin-bottom: 0;
 }
 table.spring tr:last-child td:last-child::after,
 table.summer tr:last-child td:last-child::after,
 table.autumn tr:last-child td:last-child::after,
 table.winter tr:last-child td:last-child::after {
	display: block;
	width: 100%;
 }
 table.event tr.pb8 {
	padding-bottom: 0;
 }
 table.spring tr:last-child td:last-child::after {
	content: url(aiai-images/aiai-event_spring.png);
 }
 table.summer tr:last-child td:last-child::after {
	content: url(aiai-images/aiai-event_tanzaku.png);
 }
 table.autumn tr:last-child td:last-child::after {
	content: url(aiai-images/aiai-event_picnic.png);
 }
 table.winter tr:last-child td:last-child::after {
	content: url(aiai-images/aiai-event_setsubun.png);
 }
}


/* 園の紹介：園舎について
------------------------------------------------------------ */
.map-area {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.map-waku {
  border: 2px solid #789;
  padding: 2px;
}
#ring {
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
}
ul.point-list {
  overflow: hidden;
  width: 100%;
  max-width: 900px;
  margin: 3.0em auto 0;
  border: 5px solid #FDE;
  display: flex;
  flex-wrap: wrap;
}
ul.point-list li { margin-left: 0px; list-style: none; }
ul.point-list li a { display: block; width: calc(100% - 40px); height: calc(100% - 20px); padding: 10px 20px; }
ul.point-list li a:hover,
ul.point-list li a:active { background: #DEF!important; }
@media screen and (min-width: 801px) {
 ul.point-list li { width: calc(100% / 3); }
 ul.point-list li:nth-child(6n+1) a,
 ul.point-list li:nth-child(6n+3) a,
 ul.point-list li:nth-child(6n+5) a { background: #EFD; }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
 ul.point-list li { width: 50%; }
 ul.point-list li:nth-child(4n+1) a,
 ul.point-list li:nth-child(4n+4) a { background: #EFD; }
}
@media screen and (max-width: 640px) {
 ul.point-list li { width: 100%; float: none; }
 ul.point-list li:nth-child(odd) a { background: #EFD; }
}


/* 園の生活：自主活動
------------------------------------------------------------ */
.column {
	width: 80%;
	margin: 0px auto;
	padding: 50px 0;
}
@media screen and (min-width: 800px) {
 .column {
	display: flex;
	gap: 20px;
	align-items:center;
 }
 .column > div {
	width: 50%;
 }
}
.column h3 {
	margin-bottom: 10px;
}
.column-comment {
	transform: rotate(15deg);
	float: right;
	background: #CF9;
	border-radius: 50%;
	padding: 20px 30px;
}



/* お問い合わせ
------------------------------------------------------------ */
table.tbl_inq input,
table.tbl_inq textarea {
	width: 90%;
	margin: 0 auto;
}
@media only screen and (max-width: 960px){
 table.tbl_inq,
 table.tbl_inq thead,
 table.tbl_inq tbody,
 table.tbl_inq tr,
 table.tbl_inq th,
 table.tbl_inq td {
	display: block;
 }
 table.tbl_inq tr {
	margin-bottom: 2.0em;
 }
 table.tbl_inq th,
 table.tbl_inq td {
	text-align: center;
 }
 table.tbl_inq td {
	border: none;
 }
}

/* 保護者の方へ > 申請書ダウンロード
------------------------------------------------------------ */
.format-txt {
	margin: 1.0em 2.0em 50px;
	padding: 1.0em;
	border-radius: 30px;
	border: 2px dashed #FAC;
	background: #FFF5FC;
}
.format-txt p {
	font-size: 130%;
}
.format-txt p.maker {
	font-size: 100%;
	text-indent: -1.3em;
	padding-left: 1.3em;
}
.format-column {}
.format-column > div {
	margin: 1.0em 1.0em 100px;
	padding: 1.0em;

/*	border: 1px solid #CCC;
	border-radius: 30px;
	background: linear-gradient(170deg, rgba(255,245,200,0.5) 0%, transparent 25%, transparent 75%, rgba(250,200,150,0.5) 100%);
	background: linear-gradient(170deg, transparent 75%, rgba(250,200,150,0.5) 100%);*/
}
.format-column > div#f01 {
	border: 2px solid #5C9;
	background: #EEFFF9;
}
.format-column > div#f02 {
	border: 2px solid #F95;
	background: #FFF9EE;
}
@media only screen and (min-width: 961px){
  .format-column {
	display: flex;
  }
  .format-column > div {
	width: 50%;
  }
}
.format-column h4 {
	margin: 30px 0 10px;
	font-size: 130%;
/*	color: #F30;*/
	color: #F09;
}
.format-column h4 > span {
	display: inline;
	border-radius: 0;
	padding: 0;
	font-size: 100%!important;
	color: inherit;
	background: transparent;
}
.format-column p {
	font-size: 120%;
	padding-bottom: 0;
	text-indent: 1.0em;
}
p.format-btn {
	text-align: center;
	display: flex;
	gap: 20px;
	text-indent: 0;
	margin: 0 30px 30px;
	font-size: 100%;
}
p.format-btn a {
	display: inline-block;
	line-height: 1.0;
	padding: 0.75em 30px 0.75em 65px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 30px center;
	background-size: 32px 32px;
	border-radius: 50px;

	border: 2px solid #999;
	background-color: #FFF;
}
p.format-btn a:hover,
p.format-btn a:active {
	color: #000;
	border-color: #F50;
	background-color: #FFFCF0;
/*	border-color: #F7C;
	background-color: #FFF3FC;*/
/*	border-color: #39F;
	background-color: #DEF;*/
}
p.format-btn a.dl-btn {
	background-image: url(aiai-images/icon_dl.png);
}
p.format-btn a.pdf-btn {
	background-image: url(aiai-images/icon_pdf.png);
}