@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "epg-gaiji";
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

a {
	text-decoration:none;
}

.footer_logo a {
  cursor: pointer;
}

body {
	font-size:16px;/* webフォント ローカル時 */
	line-height:1.5;/* webフォント ローカル時 */
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1200px;/* iPad右切れハック */
}

.smp { display: none; }
.tut_gmenu li.smp { display: none; }
.footer_menu ul.smp { display: none; }

a {
	text-decoration:none;
	color:#bf6300;
}
a:hover {	
	color:#557e05;
	color:#accb71;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.image_listmenu a {
	color:#000;
}
.image_listmenu a:hover {
	color:#e84d4d;
}

.footer_menu a[target="_blank"]:not(img){
	background: url(../img/outbound_link_blank.png) no-repeat right center;
	padding-right:1.4em;
}

a[href$=".pdf"]:after, 
a[href$=".docx"]:after, 
a[href$=".doc"]:after, 
a[href$=".xlsx"]:after, 
a[href$=".xls"]:after, 
a[href$=".ppt"]:after {
 content:" ";
 display:inline-block;
	margin:0.0em 0em -0.3em 0.1em;
	padding:0.9em;
}

a[href$=".pdf"]:after {
 background: url(../img/icon_pdf.png) no-repeat;
	background-size:100%;
}
a[href$=".docx"]:after, 
a[href$=".doc"]:after {
 background: url(../img/icon_word.png) no-repeat;
	background-size:100%;
}
a[href$=".xlsx"]:after, 
a[href$=".xls"]:after {
 background: url(../img/icon_xls.png) no-repeat;
	background-size:100%;
}
a[href$=".ppt"]:after {
 background: url(../img/icon_ppt.png) no-repeat;
	background-size:100%;
}

.container_toppromotion {
}

#content_main {
	padding:0 0 4em 0;
}

#content_main .table_block dt	{
  width: 30%; 
}
#content_main .table_block dd {
  width: 70%;
}

.container {
	clear: both;
 width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	clear: both;
 width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.inner_content {
	clear: both;
 width: 65%;
	overflow: hidden;
	margin: 0 auto 2em;
}

.container_gray {
	background-color:#eee;
}

.area_white {
 width: 100%;
	padding:4em 0 4em;
}

.area_blue {
 width: 100%;
	padding:4em 0 4em;
	background-color:#ebeef5;
}

.area_yellow {
 width: 100%;
	padding:4em 0 4em;
	background-color:#f5f2eb;
}

h2 {
 position: relative;
	display: inline-block;
	width:100%;
 margin:2.6em 0 1.8em;
	font-size:180%;
	text-align:center;
	line-height:3em;
}
	
h2 span::before, 
h3 span::before {
	content:"\A" ;
	white-space: pre ;
}
	
h2 span {
	font-size:53%;
	font-weight:normal;
	line-height:100%;
	color:#666;
	
	display:none;
}
	
h3 {
	margin:0.3em 0 1.4em 0;
	font-size:180%;
	text-align:center;
	line-height:130%;
}
	
h3 span {
	font-size:53%;
	font-weight:normal;
	line-height:130%;
}

.h3_test-wrap {
    text-align:  center;        /* 文字位置指定 */
}


h3.main_h3,
.area_blue h3.triangle_h3,
.area_yellow h3.square_h3 {
    position: relative;
				padding:40px 40px 0;
				z-index:1;
				
				
    text-align:  center;        /* 文字位置指定 */
    display: inline-block;      /* インラインブロックにする */
}


 /* 見出し　丸 */
	
h3.main_h3:before {
    content:  '';
    display:  block;
    position: absolute;
    height: 90px;
    width: 90px;
    border-radius:  50%;
    left:  0;
    top: 0;
    margin:  auto;
    z-index: -1;
}

 /* 見出し　三角 */
	
h3.triangle_h3:before {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0 110px 80px;
    border-color: transparent transparent #a3d0e4 transparent;
    position:  absolute;
    transform: rotate(30deg);
    top: -20px;
    z-index:-1;
}

 /* 見出し　四角 */

h3.square_h3:before {
    content:  '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px;
    border-color: #e4b5a3;
    position:  absolute;
    transform: rotate(30deg);
    top: 10px;
    z-index:-1;
}

h3.main_h3:before {
    background-color: #ffeaac;
}
h3.triangle_h3:before {
    right:  23%;                   /* 位置調整 */
}
h3.square_h3:before {
    right:  23%;                   /* 位置調整 */
}

	
h3.title_h3 {
	font-size:188%;
	text-align:center;
	margin:0em 0 2.6em 0;
}
	
h3.title_h3 span {
	font-size:53%;
	font-weight:normal;
	line-height:130%;
}

.image_listmenu h3 {
	clear:both;
	margin:0 0 0.5em 0;
	font-size:117%;
	text-align:left;
	line-height:130%;
}

.image_listmenu .swiper-slide h3 {
	padding:0 0.7em 0 0.3em;
}

.inner_content h3 {
 position: relative;
 line-height: 1.4;
	margin:0.4em 0 1.2em;
 padding:0;
	text-align:left;
}

.inner_content h3:after { 
	display:block;
 content:'';
 width: 100%;
 height: 2px;
	margin:0.3em 0 0 0;

	background: #e84d4d; /* Old browsers */
	background: -moz-linear-gradient(left, #e84d4d 0%, #b30303 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #e84d4d 0%,#b30303 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #e84d4d 0%,#b30303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84d4d', endColorstr='#b30303',GradientType=1 ); /* IE6-9 */
}

.article_block h3 {
}


h4 {
	margin:0 0 1.4em 0;
	font-size:120%;
}


#content_main {
}
#content_main h3.title_h3 {
	margin:1.4em auto 2.6em;
}


p {
	margin-bottom:1.6em;
}

ul.ul_normal_list {
	list-style-type:disc;
	margin-left:1.2em;
}

ol.ol_normal_list {
	list-style-type:decimal;
	margin-left:1.2em;
}

ul.ul_normal_list li, 
ol.ol_normal_list li {
	margin-bottom:0.6em;
}

li ol {
	margin:-1.0em 0 0 0em;
	
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
li ol li {
  line-height: 1.4em;
 	padding-left: 2.0em;
  position: relative;
}
li ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.3em;
  width: 1.3em;
  color: #000;
  font-size: 80%;
  position: absolute;
  top: 0.3em;
  left: 1.0em;
}


#bottom_menu {
	background-color:#eee;
	padding:2em 0 3em 0;
}
#bottom_menu h2 {
	margin: 1.2em auto 0em;
}
#bottom_menu .overview_comment {
	margin:1.2em auto -0.8em;
}



/* フェードイン */

.fade_in {
    animation: fadeIn 0.4s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.4s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* 電話リンク */

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color:#000;
}
}


/* 表 */

dl.table_block {
  display:flex;
		margin:2em 0 2em;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}
.table_block dt	{
  background: #e6e6e6;
  padding: 0.8em 2em;
  box-sizing: border-box;
  border-top: 1px solid #ccc; 
}
.table_block dd {
  padding: 0.8em 2em;
  margin: 0;
  border-top: 1px solid #ccc; 
  background: #fff;
  box-sizing: border-box;
}

/*-----line table---------------------------*/

.line_table, .line_table_narrow  {
	table-layout: fixed;
	border-collapse: collapse;
	margin-bottom: 2em;
}

table.norap_td td {
	white-space: nowrap;
}

.line_table th, 
.line_table td,
.line_table_narrow th, 
.line_table_narrow td {
	border: solid 1px #ccc;
}

.line_table th, 
.line_table_narrow th {
	padding: 0.8em;
	background-color: #eee;
	text-align: center;
	font-weight:normal;
}

.left_th th {
	display:table-cell;
	text-align: left;
}

.line_table td {
	padding: 0.8em 1.8em;
}

.line_table_narrow td {
	padding: 0.8em 0.8em;
}

.line_table td.volume, 
.line_table_narrow td.volume {
	text-align: right;
	padding-right: 3em;
}

.line_table td img, 
.line_table_narrow td img {
	width: 100%;
}

.line_table td ul, 
.line_table_narrow td ul {
	margin-bottom:0;
}

.smp_scroll {
	display: block;
	width: 100%;
}

.smp_scroll td, 
.smp_scroll th {
	white-space: normal;
}

td.tdtext_left {
	text-align: left;
}
td.tdtext_center {
	text-align: center;
}
td.tdtext_right {
	text-align: right;
}
td.font_strong {
	font-weight:bold;
}
.tdtext_left td {
	text-align: left;
}

.table_layout_fixed {
	table-layout:fixed;
}




.w100 { width:100%; }
.w90 { width:90%; }
.w80 { width:80%; }
.w70 { width:70%; }
.w60 { width:60%; }
.w50 { width:50%; }
.w40 { width:40%; }
.w30 { width:30%; }
.w20 { width:20%; }
.w10 { width:10%; }





/* ヘッダー */

.header_container {
	background-image:url(../img/header_background.png);
	background-position:center;
	background-sizet: cover;
}
.content_header {
	display:block;
	height:260px;
	overflow: hidden;
}


.header_logo {
	display:block;
	width:230px;
	height:240px;
	margin:0 auto;
}
.header_logo a {
	position:absolute;
	display:block;
	width:230px;
	height:240px;
	z-index:15;
}
.header_logo img {
	display:block;
	width:200px;
	margin:20px auto;
}





/* グローバルメニュー */

.yamajima_gmenu {
	clear:both;
	position: absolute;
	top:90px;
}

.yamajima_gmenu ul {
	display:block;
	width:100%;
	height:260px;
	margin:0 auto;
}

.yamajima_gmenu li {
	display:block;
	position: relative;
	width:160px;
	height:150px;
	margin-bottom:30px;
	padding: 0;
	text-align:center;
	line-height:1.2;
	float:left;
}

.yamajima_gmenu li:nth-child(1) {
	display:block;
	margin-left:120px;
	text-align:center;
	float:left;
}

.yamajima_gmenu li:nth-child(3) {
	display:block;
	margin-left:320px;
	text-align:center;
	float:left;
}

.yamajima_gmenu li:hover {
	border-radius:10%;
}

.yamajima_gmenu li.selected {
	border-radius:10%;
}

.yamajima_gmenu li:nth-child(1):hover,	 li:nth-child(1).selected	{	background:#accb71; }
.yamajima_gmenu li:nth-child(2):hover,	 li:nth-child(2).selected	{	background:#f4b4ae; }
.yamajima_gmenu li:nth-child(3):hover,	 li:nth-child(3).selected	{	background:#8fcce8; }
.yamajima_gmenu li:nth-child(4):hover,	 li:nth-child(4).selected	{	background:#f9d589; }

.yamajima_gmenu li a, 
.yamajima_gmenu li:hover a, 
.yamajima_gmenu li.selected a	{
	position:absolute;
	display:block;
	width:160px;
	height:150px;
	background-size:50%;
	background-repeat: no-repeat;
	background-position: center 1.0em;
}

.gmenu_introduction		{	background:url(../img/gmenu_introduction.png);}
.gmenu_concept						 {	background:url(../img/gmenu_concept.png); }
.gmenu_feature						 {	background:url(../img/gmenu_feature.png); }
.gmenu_community				 {	background:url(../img/gmenu_community.png); }

.yamajima_gmenu li a span {
	display:block;
	margin-top:7.5em;
	font-weight:bold;
}
.yamajima_gmenu li a span {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.yamajima_gmenu li a span {
	color:#000;
}
.yamajima_gmenu li:hover a span, 
.yamajima_gmenu li.selected a span {
	color:#fff;
	text-shadow: 1px 2px 2px #000;
}

/* ページの先頭へ */

#to_pagetop a {
	position: fixed;
	right: 1em;
	right: calc( calc( 100% - 1250px ) / 5);
	bottom:3vh;
	
	display:block;
	width:5.25rem;
	height:5.25rem;
	padding:2em 0 0;
	font-size:68%;
	line-height:2.0em;
	text-align:center;
 border-radius:50%;
	background-color:#4d4d4d;
	color:#fff;
	z-index:10;
}

#to_pagetop a span.pagetop_arrow {
	font-size:250%;
}

#to_pagetop a:hover {
	background-color:#7c7c7c;
	border-bottom:none;
}


/* フッター */

#footer {
	clear:both;
	display:block;
	padding:2.5em 0 1.5em;
	background-color:#3a3837;
	font-size:86%;
	color:#fff;
	font-size:100%;
	background-color:#256551;
}
#footer a {
	color:#fff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:none;
	border-bottom:solid 1px #fff;
}

.foooter_bottom_container {
	text-align:center;
}
.footer_menu {
	display: block;
	width:100%;
	margin-bottom:3em;
	line-height:2em;
	overflow:hidden;
}


.footer_menu ul {
	display: block;
	text-align:center;
}

.footer_menu ul li {
	display:inline-block;
	margin:0 0 0.5em 1em;
	line-height:1.4em;
}

.footer_menu ul li::after {
	content:"　｜";
	font-size:80%;
	color:#ccc;
	font-size:100%;
}

.footer_menu ul li:nth-child(5n)::after {
	content:" ";
}


/* フッター　ロゴ */

.footer_logo img {
	width:360px;
	margin-bottom:0.6em;
}
.footer_logo p {
	margin-bottom:0;
	font-size:100%;
	color:#fff;
}

/* フッター　コピーライト */

#footer_copy {
	height:2em;
	line-height:1.8em;
	text-align:center;
	color:#fff;
	background: #406c32; /* Old browsers */
}


/* Top Page */



/* Top スライダー */

	.top_header_slider {
			margin-bottom: 2em;
			margin-bottom: 0;
		}	
		.swiper-container{
			text-align: center;
		}
		.top_header_slider .swiper-slide img {
			max-width: 100%;
			height: auto;
		}
		.top_header_slider-pagination {
		}
		.top_header_slider {
			padding-bottom:2em;
			padding-bottom:0;
		}
		
		
	
	.top_header_slider .swiper-slide {
  position: relative;
		overflow: hidden;
  width: 1250px;/* トリミングしたい枠の幅 */
  height: 600px;/* トリミングしたい枠の高さ */
		
  width:calc(( 100vw - 10px) / 2);/* トリミングしたい枠の幅 */
  height:calc(( 100vw - 10px) * 0.3103);/* トリミングしたい枠の高さ */
	}
	
	.top_header_slider .swiper-slide img {
		position: absolute;
  width: 1250px;/* トリミングしたい枠の幅 */
  height: 600px;/* トリミングしたい枠の高さ */
		
		width:calc(( 100vw - 10px) / 2);/* トリミングしたい枠の幅 */
  height:calc(( 100vw - 10px) * 0.3103);/* トリミングしたい枠の高さ */
		object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	}
	

/* Top メインメニュー */

#top_mainmenu {
	background-image:url(../img/top_mainarea_background.png);
	background-position:center;
	background-size:cover;
}

.top_mainmenu_menu {
	display:block;
	margin:6.5em 0;
	overflow:hidden;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.top_mainmenu_menu a {
	color:#231815;
}
.top_mainmenu_menu a:hover {
	color:#557e05;
	color:#8cae49;
}
				

.top_mainmenu_menu img {
	width:100%;
	margin-bottom:0.8em;
	border-radius:50%;
}

.top_mainmenu_menu li {
	display:block;
	width:320px;
	margin:0 0 1.4em 22px;
	float:left;
	overflow:hidden;
}

.top_mainmenu_menu li h3 {
	position:relative;
	top:0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-align:center;
	overflow:hidden;
	font-size:160%;
}

.top_mainmenu_menu li {
	display:block;
	width:320px;
	margin:0 40px 2em;
}

.top_mainmenu_menu li .list_menu_lead {
	display:block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
				margin-bottom:0;
				margin-top:1.4em;
	overflow:hidden;
}


.top_mainmenu_menu li:nth-child(4),
.top_mainmenu_menu li:nth-child(5) {
}

.top_mainmenu_menu li:nth-child(4) {
	margin-left:240px;
}


/* Top お知らせ */

#top_information {
	background-color:#eee;
	background-color:#edeae1;
	background-color:#f5f2eb;
	background-image:url(../img/footer_image_gray.png);
	background-position:bottom;
	background-size:contain;
}

#top_information h2 {
	margin-bottom:1em;
}

.top_information_wrapper {
	clear:both;
	position: relative;
	overflow:hidden;
}

.top_information_list {
	display: block;
	width:640px;
	margin:0 auto 7.5em;
}



.top_information_list li {
 display: -webkit-flex;
	display:flex;
	align-items: flex-start;
	width:100%;
	overflow:hidden;
	margin:0 0 1.2em 0;
}

.top_information_list li span.letter_date {
	display:block;
	width:9em;
	margin:0 0 0 4em;
	float:left;
	font-weight:normal;
}

.top_information_list li span.letter_new {
	display:block;
	width:4em;
	margin:0 0.6em 0 -4.5em;
	padding:0.4em 0 0.3em;
	float:left;
	font-size:70%;
	color:#fff;
	border-radius:0.2em;
	background-color: #72aa36;
	text-align:center;
}

.top_information_list li span.letter_title {
	display:block;
	width:calc( 100% - 15em);
	margin:0 3em 0 0;
	float:left;
	font-weight:normal;
}



/* 第二階層 */
	
	
		
#page_header {
			margin:-2.8em 0 0 0;
}
	
#page_header h2 {
	position: absolute;
	float:left;
	top:8.2em;
	left:0;
	color:#fff;
	text-shadow: 3px 3px 2px #000;
	font-size:240%;
	z-index:10;
}
	
	.page_header_slider {
		margin:3.4em 0 1em 0;
		padding:0 0 5em 0;
  width: 1200px;/* トリミングしたい枠の幅 */
  height: 400px;/* トリミングしたい枠の高さ */
		border-radius:3% / 9%;
	}
	
	.page_header_slider .swiper-wrapper {
	}
	
	.page_header_slider .swiper-slide {
  position: relative;
		overflow: hidden;
  width: 1200px;/* トリミングしたい枠の幅 */
  height: 400px;/* トリミングしたい枠の高さ */
	}
	
	.page_header_slider .swiper-slide img {
		position: absolute;
  width: 1200px;/* トリミングしたい枠の幅 */
  height: 400px;/* トリミングしたい枠の高さ */
		object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	}
	
	.page_header_slider-pagination {
		top:24.6em;
		display:none;
	}


/* コンテンツ */

#main_content {
}

.overview_comment {
	clear: both;
 width: 56%;
	margin:2.4em auto 1.6em;
	overflow: hidden;
}

.bg_clover {
	background-image: url(../img/background_01.png);
	background-position:top;
	background-size:auto;
}

.bg_heart {
	background-image: url(../img/background_02.png);
	background-position:top;
	background-size:auto;
}

.bg_star {
	background-image: url(../img/background_03.png);
	background-position:top;
	background-size:auto;
}

.bg_sun {
	background-image: url(../img/background_04.png);
	background-position:top;
	background-size:auto;
}

.bottom_image {
	padding-bottom:8em;
	background-image:url(../img/footer_image_gray.png);
	background-position:bottom;
	background-size:contain;
}



/* 園の紹介 */

.introduction_content {
	display:block;
	margin:3em auto 4em;
}

.introduction_content iframe {
	display:block;
	 width:960px;
		height:540px;
}

.dl_layout_01 {
	display:block;
	margin:3em auto 4em;
}

.dl_layout_01 dt {
	width:20em;
	margin:0 1.6em 1.4em 0;
	font-weight:bold;
	text-align:right;
	float:left;
}

.dl_layout_01 dd {
	width:calc( 100% - 22em);
	margin:0 0 1.4em 0;
	float:left;
}

.dl_layout_02 {
	display:block;
	margin:3em auto 4em;
}

.dl_layout_02 dt {
	width:20em;
	margin:0 1.6em 1.4em 0;
	text-align:right;
	float:left;
}

.dl_layout_02 dd {
	width:calc( 100% - 22em);
	margin:0 0 1.4em 0;
	font-weight:bold;
	float:left;
}


.photo_address {
	margin:0 0 1.4em 0;
	overflow:hidden;
}

.photo_address .photo_block,
.photo_address .address_block {
	display:block;
	float:left;
}

.photo_address .photo_block {
	width:50%;
	overflow:hidden;
}

.photo_address .photo_block img {
	width:100%;
}

.photo_address .address_block {
	width:calc( 50% - 2em);
	margin-left:1.6em;
	text-align:left;
}



/* 10の姿 */

#ten_appearances {
	width:96%;
	margin:0 2%;
}

.ten_appearances_menu {
	display:block;
	margin:4.5em 0;
	overflow:hidden;
	
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
				
				justify-content:space-between;
}

.ten_appearances_menu a {
	color:#231815;
}

.ten_appearances_menu a:hover {
	color:#557e05;
	color:#8cae49;
}
				

.ten_appearances_menu img {
	width:100%;
	margin-bottom:0.8em;
}

.ten_appearances_menu li {
	width:340px;
	margin:0 0 3.4em 0;
	overflow:hidden;
}

.ten_appearances_menu li h3 {
	position:relative;
	top:0.5em;
	font-size:140%;
	text-align:center;
	overflow:hidden;
}

.ten_appearances_menu li .list_menu_lead {
	display:block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
				margin-bottom:0;
				margin-top:1.4em;
	overflow:hidden;
}


.ten_appearances_menu li:nth-child(4),
.ten_appearances_menu li:nth-child(5) {
}

.ten_appearances_menu li:nth-child(4) {
}


.example_ul {
	margin:4em auto 2em;
}
.example_ul li {
	display:block;
	margin:0 auto 2em;
	overflow:hidden;
}

.example_ul .photo_block {
	display:block;
	margin-left:2em;
	float:right;
}

.example_ul img {
	width:100%;
	margin-bottom:0.6em;
		border-radius:3% / 5%;
}

.explane_text h3 {
	margin-bottom:0.5em;
	text-align:left;
	font-size:140%;
}

.explane_text p {
}

.appearances_no {
	display:inline-block;
	padding:0.3em 1em;
	border:solid 1px #ffcc33;
	border-radius:0.8em / 0.8em;
	background-color:#fc3;
	font-weight:bold;
}


.safety_management {
	display:inline-block;
	padding:0.3em 1em;
	border-radius:0.8em / 0.8em;
	background-color:#6799d7;
	color:#fff;
}


/* ２個並び事例紹介 */

.example_2row_ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
	display: flex;
	align-items:stretch;        /* 縦の位置指定 */
	justify-content:space-around;
  flex-direction: row;
  flex-wrap: wrap;
		margin-top:4em;
}
.example_2row_ul li {
	width:46%;
	margin-bottom:3em;
}

.example_2row_ul li h3 {
	margin-bottom:0.6em;
	font-size:140%;
}
	
	.photo_block_54 {
  position: relative;
		overflow: hidden;
  width: 550px;/* トリミングしたい枠の幅 */
  height: 330px;/* トリミングしたい枠の高さ */
		margin-bottom:0.6em;
		border-radius:3% / 5%;
	}
	
	.photo_block_54 img {
		position: absolute;
  width: 550px;/* トリミングしたい枠の幅 */
  height: 330px;/* トリミングしたい枠の高さ */
		object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	}


/* 一日の流れ */

.timeschedule_image {
	width:96%;
	margin:0 2%;
}
.timeschedule_image img {
	width:20%;
	float:left;
	overflow:hidden;
}
.timeschedule_image img:first-child {
	border-radius:5% 0 0 5%;
}
.timeschedule_image img:last-child {
	border-radius:0 5% 5% 0;
}

.time_schedule {
	width:100%;
	border-collapse:collapse;
	margin:0 0 0;
	padding:0.6em 1em;
	table-layout: fixed;
}

.time_schedule .top_cell {
	padding:2em 0 2em;
}

.time_schedule .bottom_cell {
	padding-bottom:2em;
}

.time_schedule th {
	text-align:center;
	vertical-align:top;
}
.time_schedule th span {
	display:block;
	margin-top:-2em;
	text-align: center;
	font-size:90%;
	font-weight:normal;
}
.time_schedule td {
	padding:0.6em 1em;
}

.table_left_cell {
	width:calc(600px - 4em);
	text-align:right;
}

.table_right_cell {
	width:calc(600px - 4em);
	text-align:left;
}

.table_center_cell {
	text-align:center;
	background-image:url(../feature/img/time_flowline.png);
	background-position:center;
}

.time_schedule img {
	display:block;
	width:100px;
	margin:0 auto;
}

.time_schedule td {
}


/* 一日の流れ　2列 */

.timeschedule_double {
 display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	width:96%;
	margin:0 2%;
}

.time_schedule_left,
.time_schedule_right {
	display:table;
	table-layout: fixed;
	width:50%;
	border:none;
	border-collapse: collapse;
	margin:2em 0;
}

.timeschedule_double_top_cell {
	width:100%;
}

.table_clock_celltop {
	width:20%;
}

.table_text_celltop {
	width:80%;
}

.table_clock_cell {
	padding:0.5em 0;
	text-align:center;
x	background-image:url(../feature/img/time_flowline.png);
x	background-position:center;
}

.table_text_cell {
}

.table_clock_cell img {
	width:80%;
}


/* 年間行事 */

.semester_events {
	margin:4em 2% 1em;
	overflow:hidden;
}

.semester_events .semester_text_left {
	width:16em;
	text-align:right;
	float:left;
}

.semester_events .semester_text_left h3 {
	font-size:140%;
	margin-bottom:0.6em;
	text-align:right;
}

.keycolor_pink .semester_text_left h3 {
	border-bottom:solid 2px;
	border-color: #f2bee7;
}

.keycolor_green .semester_text_right h3 {
	border-bottom:solid 2px;
	border-color: #1b9c33;
}

.keycolor_brown .semester_text_left h3 {
	border-bottom:solid 2px;
	border-color: #9c611b;
}

.keycolor_blue .semester_text_right h3 {
	border-bottom:solid 2px;
	border-color: #58b6f2;
}

.semester_events .semester_text_right {
	width:16em;
	text-align:left;
	float:right;
}

.semester_events .semester_text_right h3 {
	font-size:140%;
	margin-bottom:0.6em;
	text-align:left;
}

.semester_photo_block_left {
	display:block;
	width:calc( 100% - 18em );
	padding:0;
	float:left;
}

.semester_photo_block_left img {
	display: block;
	width:50%;
	margin:0;
	float:left;
}

.semester_photo_block_right {
	display:block;
	width:calc( 100% - 18em );
	padding:0;
	float:right;
}

.semester_photo_block_right img {
	display: block;
	width:50%;
	margin:0;
	float:left;
}

.semester_photo_block_right img:first-child,
.semester_photo_block_left img:first-child {
	border-radius: 5% 0% 0% 5% / 5% 0% 0% 5%;
}
.semester_photo_block_right img:last-child,
.semester_photo_block_left img:last-child {
	border-radius: 0% 5% 5% 0% / 0% 5% 5% 0%;
}


/* 園だより */

#letter_page {
}

#letter_page h2 {
	margin:1em auto 0em;
}

.letter_page_header_comment {
	margin:0 auto 3em;
	text-align:center;
}

.letter_page_header_bottun {
	margin:0 auto 4em;
	text-align:center;
}

.letter_page_header_bottun a {
	padding:0.4em 1.4em 0.5em;
	background-color:#bf6300;
	border-radius:0.9em;
	text-align:center;
	color:#fff;
}

.letter_page_header_bottun a:hover {	
	background-color:#accb71;
}


ul.dl_layout_03 {
 display: block;
	width:100%;
	margin:3em auto 4em;
	overflow:hidden;
}


.dl_layout_03 li {
 display: -webkit-flex;
	display:flex;
	align-items: flex-start;
	width:80%;
	overflow:hidden;
	margin:0 auto 1.2em;
}

.dl_layout_03 li a {
	font-weight: bold;
}

.dl_layout_03 li span.letter_date {
	display:block;
	width:9em;
	margin:0 0 0 4em;
	float:left;
	font-weight:normal;
}

.dl_layout_03 li span.letter_new {
	display:block;
	width:4em;
	margin:0 0.8em 0 1em;
	margin:0 0.6em 0 -4.5em;
	padding:0.4em 0 0.3em;
	float:left;
	font-size:70%;
	color:#fff;
	border-radius:0.2em;
	background-color: #72aa36;
	text-align:center;
}

.dl_layout_03 li span.letter_title {
	display:block;
	width:calc( 100% - 15em);
	margin:0 3em 0 0;
	float:left;
	font-weight:normal;
}

.panel-footer {
	display:block;
	text-align:center;
}




/* らくらく用 */

#rakuraku {
}

#rakuraku .article_block {
	display:block;
	width:80%;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
}

#rakuraku .article_block h3 {
	margin:3em 0 1.2em 0;
}

#rakuraku .article_block img {
	width:100%;
	margin:0 0 0.6em 0;
}

#rakuraku .article_block .photo_single {
	display:block;
	width:100%;
	margin:0 0 1.6em 0;
	text-align:center;
	overflow:hidden;
}

#rakuraku .article_block .photo_triple {
	width:100%;
	margin:0 0 1.6em 0;
	text-align:center;
	overflow:hidden;
	
  display: -webkit-box;
  display: -ms-flexbox;
	display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
 justify-content: space-between;
	
	flex-wrap: nowrap;
}

#rakuraku .article_block .photo_triple .triple_photo {
	width:32%;
	text-align:center;
	font-size:90%;
	
x	display:block;
x	width:auto;
x flex-basis:auto;
x  -webkit-box-flex: 0;
x -ms-flex-positive: 0;
x         flex-grow: 0;

x    width: 100%;
}

#rakuraku .article_block .photo_triple .triple_photo img {
	display:block;
	width:100%;
	margin:0 0 0.6em 0;
}

#rakuraku .article_block p {
	display:block;
	width:100%;
	margin-bottom:2.0em;
	text-align:left;
}

#rakuraku .article_block .photo_block_right {
	display:block;
	margin:0 0 1.6em 1.6em;
	float:right;
	overflow:hidden;
	font-size:90%;
}

#rakuraku .article_block .photo_block_left {
	display:block;
	margin:0 1.6em 1.6em 0;
	float:left;
	overflow:hidden;
	font-size:90%;
}

#rakuraku .article_block .photo_block_right img,
#rakuraku .article_block .photo_block_left img {
	display:block;
	width:100%;
	margin:0 0 0.6em 0;
}




/* tablet  */
@media only screen and (min-width: 768px) and (max-width: 1249px) {
	

body {
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1250px;/* iPad右切れハック */
}




.container {
	clear: both;
 width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	clear: both;
 width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.yamajima_gmenu ul {
	display:block;
	width:100%;
	height:100px;

 width: 1200px;
}
.smp { display: none; }
.tab  { display: none; }

/* top スライダ */

	.top_header_slider {
			margin-bottom: 2em;
			
			width:100%;
			margin-bottom: 0;
x	background-color:#990099;
		}	

	
	.top_header_slider .swiper-slide {
		width:calc(100vmax / 2);/* トリミングしたい枠の幅 */
  height:calc(100vmax * 0.3103);/* トリミングしたい枠の高さ */
		
		width:100%;/* トリミングしたい枠の幅 */
  height:calc(100vmax * 0.58);/* トリミングしたい枠の高さ */
		
x  width:100%;/* トリミングしたい枠の幅 */
x  height:58.6vmin;/* トリミングしたい枠の高さ */
		
x		width:calc(( 100vw - 10px) / 2);/* トリミングしたい枠の幅 */
x  height:calc(( 100vw - 10px) * 0.3103);/* トリミングしたい枠の高さ */
		
x  width:100%;/* トリミングしたい枠の幅 */
x  height:58.6vw;/* トリミングしたい枠の高さ */
		
	width:100vw;/* トリミングしたい枠の幅 */
height:62.3vmin;/* トリミングしたい枠の高さ */
		
	
	width:625px;/* トリミングしたい枠の幅 */
height:389px;/* トリミングしたい枠の高さ */
	}
	
	.top_header_slider .swiper-slide img {
		width:100%;/* トリミングしたい枠の幅 */
  height:calc( 100vmax * 0.58);/* トリミングしたい枠の高さ */
		
x  width:100%;/* トリミングしたい枠の幅 */
x  height:58.6vmin;/* トリミングしたい枠の高さ */
		
x		width:calc(( 100vw - 10px) / 2);/* トリミングしたい枠の幅 */
x  height:calc(( 100vw - 10px) * 0.3103);/* トリミングしたい枠の高さ */
		
x  width:100%;/* トリミングしたい枠の幅 */
x  height:58.6vw;/* トリミングしたい枠の高さ */
		
	width:100vw;/* トリミングしたい枠の幅 */
height:62.3vmin;/* トリミングしたい枠の高さ */
		
	
	width:625px;/* トリミングしたい枠の幅 */
height:389px;/* トリミングしたい枠の高さ */
	}


}



/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	

body {
	margin: 0;
	padding: 0;
	color: #231815;
	-webkit-text-size-adjust: 100%;
	min-width:1250px;/* iPad右切れハック */
}



.container {
	clear: both;
 width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	clear: both;
 width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.yamajima_gmenu ul {
	display:block;
	width:100%;
	height:100px;

 width: 1200px;
}


.smp { display: none; }
.tab  { display: none; }




/* ヘッダー */

.header_container {
	background-image:url(../img/header_background.png);
}




/* グローバルメニュー */

.yamajima_gmenu {
	width:1200px;
}

	
	.top_header_slider .swiper-slide {
		width:calc(100vmax / 2);/* トリミングしたい枠の幅 */
  height:calc(100vmax * 0.3103);/* トリミングしたい枠の高さ */
		
		width:100%;/* トリミングしたい枠の幅 */
  height:calc(100vmax * 0.62);/* トリミングしたい枠の高さ */
		
	width:100%;/* トリミングしたい枠の幅 */
height:70vmax;/* トリミングしたい枠の高さ */
		
	width:100%;/* トリミングしたい枠の幅 */
height:58.3vmin;/* トリミングしたい枠の高さ */
		
	width:100vmax;/* トリミングしたい枠の幅 */
	width:600px;/* トリミングしたい枠の幅 */
height:62.3vmax;/* トリミングしたい枠の高さ */
height:373px;/* トリミングしたい枠の高さ */

	width:620px;/* トリミングしたい枠の幅 */
height:389px;/* トリミングしたい枠の高さ */
	}
	
	.top_header_slider .swiper-slide img {
		width:100%;/* トリミングしたい枠の幅 */
  height:calc( 100vmax * 0.62);/* トリミングしたい枠の高さ */
		
	width:100%;/* トリミングしたい枠の幅 */
height:70vmax;/* トリミングしたい枠の高さ */
		
	width:100%;/* トリミングしたい枠の幅 */
height:58.3vmin;/* トリミングしたい枠の高さ */
		
	width:100vmax;/* トリミングしたい枠の幅 */
	width:600px;/* トリミングしたい枠の幅 */
height:62.3vmax;/* トリミングしたい枠の高さ */
height:373px;/* トリミングしたい枠の高さ */

	width:620px;/* トリミングしたい枠の幅 */
height:389px;/* トリミングしたい枠の高さ */
	}
	
}

/* smartPhone */
 @media screen and (max-width : 480px) {
	

body {
	font:16px/2.0 ;
	font-size:3.0vw;
	line-height:1.5em;
	-webkit-text-size-adjust: 100%;
	min-width:640px;/* iPad右切れハック */
	min-width:100%;/* iPad右切れハック */
	
	font-size:3.3vw;
}


.smp { display: inline-block; }
.tut_gmenu li.smp { display: inline-block; }
.footer_menu ul.smp { display: inline-block; }
.tab  { display: none; }
.pc  { display: none; }
.smp_telnum { display: inline; }


.container, .smp_scroll {
 width:100%;
	margin:0;
}

.content {
 width:94%;
	margin:0 auto;
}

.inner_content {
 width: 100%;
}


 /* 見出し　丸 */

h3.main_h3:before {
    height: 80px;
    width: 80px;
}

 /* 見出し　三角 */
	
h3.triangle_h3:before {
	   border-width: 0px 0 90px 70px;
}

 /* 見出し　四角 */
	
h3.square_h3:before {			
    border-width: 36px;
}



p {
	line-height:1.7em;
}


a[target="_blank"] {
	background-size:12px auto;
}

.footer_menu a[target="_blank"] {
	background-size:12px auto;
}
	
	
	
/* 表 */

dl.table_block { width: 100%; }
.table_block dt,
.table_block dd	{
        width: 100%;
}
.table_block dt,
.table_block dd{
    width: 100%;
}


.w90 { width:100%; }
.w80 { width:100%; }
.w70 { width:100%; }
.w60 { width:100%; }
.w50 { width:100%; }
.w40 { width:100%; }
.w30 { width:100%; }
.w20 { width:100%; }






/* ヘッダー */

.header_container {
	background-image:url(../img/header_background_smp.png);
}
.content_header {
	height:auto;
}


.header_logo {
	width:100%;
	height:auto;
	text-align:center;
}
.header_logo a {
	position: relative;
	width:100%;
	height:auto;
	overflow:hidden;
}
.header_logo img {
	width:25vw;
	height:auto;
	overflow:hidden;
}





/* グローバルメニュー */

.yamajima_gmenu {
	position:relative;
	top:0;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.yamajima_gmenu ul {
 display:flex;
	flex-wrap:wrap;
	height:auto;
}

.yamajima_gmenu li {
	width:50%;
	height:7em;
	margin-bottom:0;
}

.yamajima_gmenu li:nth-child(1) {
	margin-left:0;
}

.yamajima_gmenu li:nth-child(3) {
	margin-left:0;
}

.yamajima_gmenu li:hover {
	border-radius:0;
}

.yamajima_gmenu li.selected {
	border-radius:0;
}

.yamajima_gmenu li a, 
.yamajima_gmenu li:hover a, 
.yamajima_gmenu li.selected a	{
	position:relative;
	width:100%;
	height:25vw;
	background-size:30%;
	background-position: 50% 0.5em;
	padding:3em 0 0;
}

.yamajima_gmenu li a span {
	margin-top:2em;
}
.yamajima_gmenu li a span {
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.yamajima_gmenu li a span {
}
.yamajima_gmenu li:hover a span, 
.yamajima_gmenu li.selected a span {
}
.yamajima_gmenu li a span br {
	display:none;
}
	

/* フッター */

.footer_menu ul li {
	margin:0 0 0.6em 1em;
}

.footer_menu ul li:nth-child(5n) {
	margin-top:0.3em;
}

.footer_menu ul li::after {
	content:"　｜";
	font-size:80%;
	color:#ccc;
	font-size:100%;
}

.footer_menu ul li:nth-child(2n)::after {
	content:" ";
}

.footer_menu ul li:nth-child(5n)::after {
	content:" ";
}


/* フッター　ロゴ */

.footer_logo img {
	margin-bottom:0em;
	width:60%;
}

	
	/* Top Page */



/* Top スライダー */

	.top_header_slider {
			margin-bottom: 2em;
			margin: 0;
		}	
		.swiper-container{
			text-align: center;
		}
		.top_header_slider .swiper-slide img {
			max-width: 100%;
			height: auto;
		}
		.top_header_slider-pagination {
		}
		.top_header_slider {
			padding-bottom:2em;
			padding-bottom:0;
		}

	
	.top_header_slider .swiper-slide {
  width:100vw;/* トリミングしたい枠の幅 */
  height:62.3vw;/* トリミングしたい枠の高さ */
	}
	
	.top_header_slider .swiper-slide img {
  width:100vw;/* トリミングしたい枠の幅 */
  height:62.3vw;/* トリミングしたい枠の高さ */
	}
	






/* Top メインメニュー */

#top_mainmenu {
	background-image:url(../img/top_mainarea_background_smp.png);
}

.top_mainmenu_menu {
    display:flex;
    flex-wrap:wrap;
				justify-content: space-between;
	margin:3.5em 0 4.5em;
}	

.top_mainmenu_menu li {
}

.top_mainmenu_menu li {
	display:inline;
	width:47%;
	margin:0;
	margin:0 0 2.4em 0;
}

.top_mainmenu_menu li h3 {
	font-size:100%;
}


.top_mainmenu_menu li:nth-child(4),
.top_mainmenu_menu li:nth-child(5) {
}

.top_mainmenu_menu li:nth-child(4) {
	margin-left:0;
}




/* Top お知らせ */

#top_information {
	background-image:url(../img/footer_image_gray_smp.png);
}

.top_information_list {
	width:100%;
}

.top_information_list dt {
}

.top_information_list li span.letter_date {
	margin:0 0 0 0.5em;
}

.top_information_list li span.letter_title {
	width:calc( 100% - 10em);
	margin:0 0.5em 0 0;
}






#content_main .table_block dt	{
  width: 100%; 
}
#content_main .table_block dd {
  width: 100%;
}


/* 第二階層 */
	
	
#page_header h2 {
	position: relative;
	font-size:180%;
	top:3.6em;
	margin:0;
	overflow:hidden;
}
	
	.page_header_slider {
  width: 100%;/* トリミングしたい枠の幅 */
  height: calc( 94vmin / 3 );/* トリミングしたい枠の高さ */
		
	position: relative;
		margin:0 0 1em 0;
		padding:0;
	top:calc( -94vmin / 3 );
	top:-1em;
	}
	
	.page_header_slider .swiper-wrapper {
	}
	
	.page_header_slider .swiper-slide {
  width: 94vmin;/* トリミングしたい枠の幅 */
  height: calc( 94vmin / 3 );/* トリミングしたい枠の高さ */
	}
	
	.page_header_slider .swiper-slide img {
  width: 94vmin;/* トリミングしたい枠の幅 */
  height: calc( 94vmin / 3 );/* トリミングしたい枠の高さ */
	}
	

/* コンテンツ */

#main_content {
}

.overview_comment {
	margin:0 auto 1.6em;
 width: 100%;
}

.bg_clover {
	background-position:top;
	background-size:auto;
	
	background-image: url(../img/background_01_smp.png);
	background-size: cover;
}

.bg_heart {
	background-position:top;
	background-size:auto;
	
	background-image: url(../img/background_02_smp.png);
	background-size: cover;
}

.bg_star {
	background-position:top;
	background-size:auto;
	
	background-image: url(../img/background_03_smp.png);
	background-size: cover;
}

.bg_sun {
	background-position:top;
	background-size:auto;
	
	background-image: url(../img/background_04_smp.png);
	background-size: cover;
}

.bottom_image {
	padding-bottom:8em;
	background-image:url(../img/footer_image_gray_smp.png);
	background-position:bottom;
	background-size:contain;
}



/* 園の紹介 */

.introduction_content {
	margin:3em auto 0em;
}
.introduction_content iframe {
	display:block;
	 width:94vmin;
		height:80vmin;
}

.dl_layout_01 {
}

.dl_layout_01 dt {
	width:10em;
}

.dl_layout_01 dd {
	width:calc( 100% - 12em);
}

.dl_layout_02 {
}

.dl_layout_02 dt {
	width:10em;
}

.dl_layout_02 dd {
	width:calc( 100% - 12em);
}

.photo_address {
}

.photo_address .photo_block,
.photo_address .address_block {
}

.photo_address .photo_block {
}

.photo_address .photo_block img {
}

.photo_address .address_block {
}


/* 10の姿 */

#ten_appearances {
	width:100%;
	margin:0;
}



/* ２個並び事例紹介 */

.example_2row_ul li {
	width:100%;
}

	.photo_block_54 {
  width: 94vmin;/* トリミングしたい枠の幅 */
  height: 56.4vmin;/* トリミングしたい枠の高さ */
	}
	
	.photo_block_54 img {
  width: 94vmin;/* トリミングしたい枠の幅 */
  height: 56.4vmin;/* トリミングしたい枠の高さ */
	}
	

/* 一日の流れ */

.timeschedule_image {
	width:100%;
	margin:0;
}

/* 一日の流れ　2列 */

.timeschedule_double {
	display:block;
	padding:2em 0;
	overflow:hidden;
	width:100%;
	margin:0;
}

.time_schedule_left,
.time_schedule_right {
	width:100%;
}

.table_text_cell {
}

/* 年間行事 */

.semester_events {
	margin:4em 0 1em;
	overflow:hidden;
}

.semester_events .semester_text_left {
	width:10em;
}

.semester_events .semester_text_right {
	width:10em;
}

.semester_photo_block_left {
	width:calc( 100% - 11em );
}

.semester_photo_block_left img {
	width:100%;
}

.semester_photo_block_right {
	width:calc( 100% - 11em );
}

.semester_photo_block_right img {
	width:100%;
}

.semester_photo_block_right img:first-child,
.semester_photo_block_left img:first-child {
	border-radius: 5% 5% 0% 0% / 5% 5% 0% 0%;
}
.semester_photo_block_right img:last-child,
.semester_photo_block_left img:last-child {
	border-radius: 0% 0% 5% 5% / 0% 0% 5% 5%;
}



/* 園だより */

#letter_page {
}

ul.dl_layout_03 {
 display: block;
	width:100%;
	margin:3em auto 4em;
	overflow:hidden;
}

.dl_layout_03 li {
 display: -webkit-flex;
	display:flex;
	align-items: flex-start;
	width:100%;
	overflow:hidden;
	margin:0 auto 1.2em;
}


.dl_layout_03 li span.letter_date {
	margin:0 0 0 0;
}

.dl_layout_03 li span.letter_title {
	width:calc( 100% - 9em);
	margin:0 0 0 0;
}



/* らくらく用 */

#rakuraku {
}

#rakuraku .article_block {
	width:100%;
}

#rakuraku .article_block .photo_single img {
	width:100%;
}

#rakuraku .article_block .photo_triple {
	display:block;
}

#rakuraku .article_block .photo_triple .triple_photo {
	width:100%;
	margin-bottom:1em;
}


	}