@charset "utf-8";
/* CSS Document */
html {
	overflow-y: scroll;
}

*, *:before, *:after {
	padding: 0px;
	margin: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
	border: 0px;
}

a{
	transition: 0.5s;
}

a:hover{
	opacity: 0.7;
}

a img {
	border: none;
	outline: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th, td{
    text-align: left;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.left{
	float: left;
}

.right{
	float: right;
}

.indent{
	padding-left:1.2em;
	text-indent:-1.2em;
}

.object-fit-img {
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

html,body {
	height: 100%;
	width: 100%;
	text-align: center;
	color: #754c24;	
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 150%;
	/* background-image: url(/img/shirakaba2.jpg) ; */
	background-image: url(/img/shirakaba3m.jpg) ;
	background-size: cover;
	letter-spacing: 0.08em;
}

/*-----------------------------------------システムメイン*/

#system_main {
	width: 100%;	
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	height: auto !important; /*IE6�΍�*/
	height: 100%; /*IE6�΍�*/
	min-height: 100%;

}


#top_wrapper{
	width: 100%;
	height: auto;
	background-image: url(/img/header_left.png), url(/img/header_right.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
}
body.controller-Tokumochi.action-home #top_wrapper{/* Add 2023-12-12 */
	background-image: none;
}

/*-----------------------------------------ヘッダー*/

header{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

header h1{
	padding-top: 10px;
	/* padding-bottom: 30px; 2023-11-14 */
}

header h1 a:hover{
	opacity: 1.0;
}

/*-----------------------------------------スライダー*/

#sliderbox {
	position: relative;
}

/*-----------------------------------------ナビ*/

nav{
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

nav ul{
	/* width: 75%; *//* Update 2023-12-15 */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: flex;
}

nav ul li{
	width: 25%;
}

nav ul li a{
	width:auto;
	height:75px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-size:cover;
}

nav ul li:nth-child(1){
	background-image: url(/img/menu1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(1):hover{
	background-image: url(/img/menu1_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

nav ul li:nth-child(1).active{
	background-image: url(/img/menu1_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

nav ul li:nth-child(2){
	background-image: url(/img/menu2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(2):hover{
	background-image: url(/img/menu2_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(2).active{
	background-image: url(/img/menu2_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

nav ul li:nth-child(3){
	background-image: url(/img/menu3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(3):hover{
	background-image: url(/img/menu3_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(3).active{
	background-image: url(/img/menu3_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

nav ul li:nth-child(4){
	background-image: url(/img/menu4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(4):hover{
	background-image: url(/img/menu4_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

nav ul li:nth-child(4).active{
	background-image: url(/img/menu4_a.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(5){
	background-image: url(/img/menu6.png);/* menu5-> 2023-11-15 */
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(5):hover{
	background-image: url(/img/menu6_a.png);/* menu5_a-> 2023-11-15 */
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}
nav ul li:nth-child(5).active{
	background-image: url(/img/menu6_a.png);/* menu5_a-> 2023-11-15 */
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

/*-----------------------------------------コンテナ―*/

#container{
	width: 65%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #efeddf;
	border-radius: 20px;
}


/*-----------------------------------------メイン*/

#main {
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	/* padding-top: 30px; 2023-11-15 */
	padding-bottom: 30px;
	background-color: #fff;
	border-radius: 20px;
}

article{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	/* margin:50px auto 80px auto; 2023-11-15 */
	margin:0px auto 0px auto;
}

h2 {
	position: relative;
	text-align: left;
	margin-bottom: 20px !important;	/* Add important 2023-12-14 */
	background-image: url(/img/bg_h2a.png);
	background-position: left center;
	background-repeat: repeat-x;
	border-radius: 10px;
	padding-left: 20px;
}

h2 .h2_right{
	position: absolute;
	top: -45px;
	right: 30px;
	max-width: 100px;/* Add 2023-12-14 */
}

h3{
	text-align: left;
	margin-bottom: 10px !important;	/* Add important 2023-12-14 */
	font-weight: bold !important;	/* Add 2023-12-14 */
}

/*-----------------------------------------ページトップへ*/

#PageTopBtn {
    position: fixed;
    bottom: 0px;
    right: 14px;	/* Update 2023-12-13 (40px->) */
	z-index: 999;
	display: block;	/* Add 2023-12-27 */
}

#PageTopBtn a:hover{
	opacity: 1.0;
}
  
/* #pagetop{
	display: none;
} 2023-12-27 */

/* Add 2023-12-12 start */
@media screen and (min-width: 480px) {
	#PageTopBtn img {
		width: 140px;
	}
}
@media screen and (max-width: 479px) {
	#PageTopBtn img {	
		width: 50vw;
		max-width: 140px;
	}
}
/* Add 2023-12-12 end */
@media screen and (min-width: 480px) {
	.weather {
		width: 140px;
		position:fixed;
		bottom:220px;/* Update 2023-12-18 (176px->)217px-> */
		right: 14px;
		z-index: 10000;
	}
}
.weather-temp {
	margin-top:6px;
	margin-left:4px;
	text-align:left;
	font-size: 0.7em;
	font-weight:bold;
	color: #000;
	background-color: #FFF;
}
/*Add 2023-12-18 Android*/
@media screen and (min-width: 376px) and (max-width: 479px) {
	.weather {
		width: 50vw;
		max-width: 140px;
		position:fixed;
		bottom:126px;/* Update 2023-12-18 (100px->) */
		z-index: 10000;
	}
	.weather-temp {
	}
}
/* iPhone */
@media screen and (max-width: 375px) {
	.weather {
		width: 50vw;
		max-width: 140px;
		position:fixed;
		bottom:116px;/* Update 2023-12-18 (100px->) */
		z-index: 10000;
	}
	.weather-temp {
	}	
}

/*-----------------------------------------フッター*/

#footer {
	width: 100%;
	margin-top: 50px;
	color: #fff;
	position: relative; /*2023/8/30追加*/
}
#footer section {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
@media screen and (min-width: 376px) {	/* Add 2024-2-26 */
	#footer {
		width: 70%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 375px) {	/* Add 2024-2-26 */
	#footer {
		margin: 10px 0;
	}
}

/*2023/9/27追加修正ここから*/

#counter{
	margin: 5px 0px;
}

/*2023/9/27追加修正ここまで*/

#footer ul li{
	font-size: 17px;
	font-weight: bold;
}

#footer ul li:last-child{
	margin-top: 10px;
}

#footer ul li:last-child a{
	font-size: 24px;
	color: #fff;
	text-decoration: none;
}

/*2023/8/30追加修正ここから*/
/* Update 2024-2-26
.insta{
	position: absolute;
	left: 23%;
	bottom: 23%;
}
*/
/*2023/8/30追加修正ここまで*/

.footer__address ul {	/* Add 2024-2-26 */
	text-align: left;
	color: #000;
}
@media screen and (min-width: 480px) {	/* Add 2024-2-26 */
	.insta{
		-webkit-flex: 1;
		flex: 1;
	}
	.footer__address{
		flex: 4;
		margin-right: 16px;
	}
	.footer__companyname {
	}
	.footer__address_inner {
	}
	.footer__address_inner_sp {
		display: none;
	}
}
@media screen and (max-width: 479px) {	/* Android,iPhone Add 2024-2-26 */
	.insta{
		-webkit-flex: 1;
		flex: 1;
	}
	.footer__address{
		flex: 4;
		margin-right: 16px;
	}	
	.footer__companyname {
		/* font-size: 0.93rem; */
		font-size: 0.6rem;
	}
	.footer__address_inner {
		display: none;
	}
	#footer ul li.footer__address_inner_sp {
		font-size: 1rem;
	}
}

#footer p{
	margin-top: 10px;	
}

@media screen and (min-width: 480px) {	/* Add 2024-2-26 */
	.footer__tellink_sp {
		display: none;
	}
}
@media screen and (max-width: 479px) {	/* Add 2024-2-26 */
	.footer__address .tel-link {
		display: none;
	}
	.footer__tellink_sp {
		text-align: left;
		color: #000;
		margin-right: 20%;
	}
	#footer ul.footer__tellink_sp li a {
		/* font-size: 1.4rem; */
	}
	
}
@media screen and (min-width: 480px) {	/* Add 2024-2-26 */
	.footer__copyright {
		color:#000;
		text-align: left;
		margin-left: 130px;
	}
}
@media screen and (max-width: 479px) {	/* Add 2024-2-26 */
	.footer__copyright {
		color:#000;
		margin: 0 20%;
	}
}
/*------------------------------------------トップページ*/

#news p{
	margin-bottom: 10px;
}

#news .news_wrap{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border-radius: 20px;
	background-image: url(/img/bg_news.png);
}

#news .news_box{
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 1px 1px 4px #888 inset;
	-moz-box-shadow: 1px 1px 4px #888 inset;
	-webkit-box-shadow: 1px 1px 4px #888 inset;
	overflow: auto;
}

#news .news_contents{
	display: flex;
	border-bottom: 1px dotted;
}

#news .news_date{
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #39b54a;
	font-weight: bold;
}

#news .news_txt{
	width: 100%;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

#target .target_wrapper{
	margin: 20px 0px;
}

#target_box{
	display: flex;
	align-items: center;
}

#target_box .target_contents{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: left;
	margin-left: 30px;
	padding-top: 25px;
}

#target_box .target_contents span{
	border-bottom: 2px dashed #daab71;
}

#target .target_note{
	text-align: left;
	margin: 20px 40px;
}

#target ul li{
	display: inline-block;
	width: 32%;
}

#target ul li img{
	width: 90%;
	border-radius: 20px;
}

/*------------------------------------------園の概要*/

#outline{
	/* margin-top: 80px; 2023-11-15 */
	margin-top: 10px;
}
article#outline {/* Add 2023-11-15 */
    padding-top: 40px;
}

#outline table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
}

#outline th{
	width: 15%;
	white-space: nowrap;
	text-align: center;
	padding: 10px 20px;
	background-color: #fff39f;
	border-radius: 10px;
}

#outline td{
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #fcfbf2;
}

#outline ul{
	display: flex;
	align-items: center;
}

#staff ul li{
	text-align: left;
	margin: 10px auto;
	border-bottom: 1px dotted;
	padding: 10px 10px 0px 10px;
}

#price table{
	width: 100%;
	margin-bottom: 20px;
}

#price th{
	text-align:center;
	border:1px solid #603813;
	padding:5px 10px;
	background-color:#F9F2ED;
	white-space: nowrap;
}

#price td{
	border:1px solid #603813;
	padding:5px 10px;
}

#price .price_note{
	text-align: left;
}

/*2023/8/30追加修正ここから*/

#jouhou ul li{
	text-align: left;
	padding: 5px 10px 5px 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed;
	background-image: url(/img/list_jouhou.gif);
	background-position: left top 10px;
	background-repeat: no-repeat;
}

#jouhou a{
	color: #754c24;
	text-decoration: none;
}
/*2023/8/30追加修正ここまで*/

#map ul{
	display: flex;
	justify-content: center;
}

#map ul li:last-child{
	width: 60%;
	margin: auto 0px auto 20px;
}

.map{
	width: 100%;
	height: 370px;
	border: 4px solid #ffe7d2;
	border-radius: 10px;
}

#map iframe{
	width: 100%;
	border-radius: 10px;
}

#map ul li img{
	width: 100%;
}

/*------------------------------------------年間予定*/

#event{
	/* margin-top: 80px; 2023-11-15 */
	margin-top: 10px;
}
article#event {/* Add 2023-11-15 */
    padding-top: 40px;
}

#event p{
	text-align: left;
}

#event .gyoji{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#event .gyoji>div{
	width: 32%;
	border: 1px solid;
	padding: 10px;
	margin: 10px 0px;
	border-radius: 10px;
}

#event .gyoji .q1{
	background-image: url(/img/1g.png), url(/img/e-bg.gif);
	background-position: center top, left top;
	background-repeat: no-repeat, repeat;
}
#event .gyoji .q2{
	background-image: url(/img/2g.png), url(/img/e-bg.gif);
	background-position: center top, left top;
	background-repeat: no-repeat, repeat;
}
#event .gyoji .q3{
	background-image: url(/img/3g.png), url(/img/e-bg.gif);
	background-position: center top, left top;
	background-repeat: no-repeat, repeat;
}

#event .gyoji dt{
	margin-bottom: 10px;
}

#event .gyoji dt img{
	width: 100%;
}

#event .gyoji dd{
	text-align: left;
	margin: 20px;
	min-height: 9em;
}

#event .gyoji>div:last-child{
	width: 100%;
	background-image: url(/img/e-bg.gif);
}

#event .gyoji>div:last-child dt img{
	width: auto;
}

#event .gyoji>div:last-child dd{
	min-height: inherit;
}

/*-----------------------------------------お知らせ*/

#announcement{
	/* margin-top: 80px; 2023-11-15 */
	margin-top: 10px;
}
article#announcement {/* Add 2023-11-15 */
    padding-top: 40px;
}


#announcement .ann_title_base{
	position: relative;
	background-image: url(/img/bg_ann.png);
	padding: 10px 30px;
	margin-top: 80px;
}

#announcement .ann_title{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 3px #666;
	font-size: 18px;
	font-weight: bold;
}

.ann01{
	position: absolute;
	left: 40px;
	top: -50px;
}

.ann02{
	position: absolute;
	left: -20px;
	bottom: -30px;
}

.ann03{
	position: absolute;
	right: -10px;
	top: -30px;
}

#announcement .ann_kiji {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#announcement .ann_kiji .ann_date{
	font-weight: bold;
	text-align: right;
	margin-top: 20px;
	border-bottom: 1px dotted;
}

#announcement .ann_kiji .ann_honbun {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


#announcement .ann_kiji ul {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

#announcement .ann_kiji ul li {
	width: 100%;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 30px;
	background-image: url(/img/list_ann_pdf.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#announcement .ann_kiji ul li a{
	color: #754c24;
	text-decoration: none;
}

#announcement .ann_kiji ul li a:hover{
	text-decoration: underline;
}

#announcement .annPage{
	margin-top: 50px;
}

#announcement .annPage ul li{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 18px;
}

#announcement .annPage ul li a{
	background-color: rgba(77, 186, 71, 0.6);
	padding: 5px 13px;
	text-decoration: none;
	color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#announcement .annPage ul li .active{
	background-color: rgba(77, 186, 71, 1.0);
}

/*-----------------------------------------ブログ*/

#blog{
	/* margin-top: 80px; 2023-11-15 */
}
.blog-scroll{/* Add 2023-12-26 */
	width: 100%;
	height: 300px;
	overflow: scroll;
	position: relative;
}
#blog_box{
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}

#blog_side{
	float: left;
	width: 230px;
	margin-bottom: 15px;
}

#blog_side .blog_category{
	margin-top: 20px;
}

#blog_side ul{
	width: 100%;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#blog_side li{
	list-style: none;
	background-image: url(/img/list_blog_category.png);
	background-position: left top 3px;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #c7b299;
	padding-left: 20px;
	padding-bottom: 3px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-top: 20px;

}

#blog_side li a{
	color: #754c24;
	text-decoration: none;
}

#blog_side li a:hover{
	color: #f15a24;
	text-decoration: underline;
}

#blog_main {
	/* float: right; 2023-11-15 */
	width: 790px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#blog_title{
	margin-bottom: 20px;
	text-align: left;
	padding-top:20px;
	padding-bottom: 5px;
	padding-left: 50px;
	font-size: 18px;
	font-weight: bold;
	/* background-image: url(/img/bg_blogtitle.png); 2023-11-15 */
	background-image: url(/img/bg_blogtitle2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 4px dotted #FC0;
}

.blog_kiji .blog_date {
	text-align: right;
	font-weight: bold;
}

#blog .blog_kiji {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding: 15px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#blog .blog_kiji .blog_honbun {
	text-align: left;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px dotted;
}


#blog .blog_kiji ul {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;

}

#blog .blog_kiji ul li {
	width: 32%;
	display: inline-block;
	list-style-type: none;
	margin-bottom: 10px;
	text-align: center;

}

#blog .blog_kiji ul li img {
	width: 90%;
	border-radius: 20px;	
}

#blog .blog_pdf{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-left: 30px;
	background-image: url(/img/list_blog_pdf.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#blog .blog_pdf a{
	color: #7f4f21;
}

#blog .blog_pdf a:hover{
	text-decoration: none;
}

#blog .youtube{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
  position: relative;
  width: 95%;
  padding-top: 56.25%;
}


#blog .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#blog .blogPage{
	margin-top: 50px;
}

#blog .blogPage ul li{
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 18px;

}

#blog .blogPage ul li a{
	background-color: rgba(244, 197, 0, 0.8);
	padding: 5px 13px;
	text-decoration: none;
	color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#blog .blogPage ul li .active{
	background-color: rgba(244, 197, 0, 1.0);
}

@media screen and (max-width:1350px){
	
#top_wrapper{
	background-size: 35%, 35%;
}

#top_wrapper h1{
	padding-top: 80px;
	padding-bottom: 0px;
}
.content-header h1{/* Add 2023-12-12 */
	display:none;
}
body.controller-Tokumochi.action-home #top_wrapper h1{/* Add 2023-12-12 */
	padding-top: 0;
}
	
/*-----------------------------------------ナビ*/

nav{
	width: 70%;
	margin: auto;
}

/*-----------------------------------------コンテナ―*/

#container{
	width: 70%;
}	

/*-----------------------------------------フッター*/
/*2023/8/30追加修正ここから*/
/* Updaet 2024-2-26
.insta{
		left: 20%;Update 2023-12-26
	bottom: 23%;
}*/
/*2023/8/30追加修正ここまで*/	
	
}

@media screen and (max-width:1150px){

#top_wrapper{
	background-size: 40%, 40%;
}

#top_wrapper h1{
	padding-top: 100px;
	padding-bottom: 0px;
}


/*-----------------------------------------ナビ*/

nav{
	width: 70%;
	margin: auto;
}

/*-----------------------------------------コンテナ―*/

#container{
	width: 70%;
}

/*-----------------------------------------フッター*/
/* Update 2024-2-26
.insta{
	left: 5%;
}	*/

/*-----------------------------------------トップページ*/

#target_box{
	flex-wrap: wrap;
}

#target_box .target_contents{
	margin-left: 0px;
}

#target .target_note{
	margin: 20px auto;
}

/*------------------------------------------年間予定*/

#event .gyoji>div{
	width: 48%;
}

#event .gyoji dt img{
	width: 100%;
}

#event .gyoji>div:last-child dt img{
	width: auto;
}

#event .gyoji dd{
	margin: 20px 10px;
}



}

@media screen and (max-width:768px){
	
/*-----------------------------------------システムメイン*/

#top_wrapper{
	width: 100%;
	background-size: 45%, 45%;
}


/*-----------------------------------------ヘッダー*/

header h1{
	padding-bottom: 20px;
}

header h1 img{
	width: 400px;
}

#top_wrapper h1{
	padding-top: 100px;
	padding-bottom: 20px;
}

/*-----------------------------------------コンテナ―*/

#container{
	width: 95%;
	height:auto;
	background-image: none;
}


/*-----------------------------------------ナビ*/

nav{
	width: 95%;
	height: auto;
	margin-top: 0px;
}

nav ul li a{
	height: 45px;
}


/*-----------------------------------------メイン*/

#main{
	width: 100%;
	height:auto;
	padding-top: 10px;
}

article{
	margin: 30px auto 80px auto;
}

/*-----------------------------------------ページトップへ*/

#ptb_slide{
	display: none;
}

#pagetop{
  	bottom: 0px;
	padding-right: 12px;	/* Update 2023-12-13 (20px->) */
	display: block;
 	width: 100%;
 	text-align: right;
	padding-top: 0px;
	margin-top: 30px;
}


/*-----------------------------------------フッター*/

#footer {
	width: 100%;
	height: auto;
}

/*-2023/8/30追加修正ここから*/

/* Update 2024-2-26
.insta{
	position: static;
	margin-bottom: 20px;
}*/
.insta img{
	width: 90px;
}
/*2023/8/30追加修正ここまで*/

/*-----------------------------------------トップページ*/

#news .news_contents{
	flex-wrap: wrap;
}

#news .news_date{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#news .news_txt{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#target{
	margin-top: -30px;
}

/* body.controller-Tokumochi.action-home  */
article#news img{/* Add 2023-12-12 */
	display:inline;
}

/*-----------------------------------------園の概要*/

#outline td ul{
	flex-wrap: wrap;
}

#outline td ul li{
	width: 100%;
	margin: 5px 0px;
}

#map ul{
	flex-wrap: wrap;
}

#map ul li{
	width: 100%;
	margin: 20px auto;
}

#map ul li img{
	width: auto;
}

#map ul li:last-child{
	width: 100%;
}

/*------------------------------------------年間予定*/

#event .gyoji>div{
	width: 48%;
}

#event .gyoji dt img{
	width: 100%;
}

#event .gyoji>div:last-child dt img{
	width: auto;
}

#event .gyoji dd{
	margin: 20px 10px;
}


/*-----------------------------------------ブログ*/

#blog_box{
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#blog_side{
	float: none;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-top: 20px;
}

#blog_main{
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 0px;
}

#blog .blog_kiji{
	width: 100%;
}


#blog .blog_kiji ul li{
	width: 48%;
}

#blog .blog_kiji ul li img {
	width: 95%;
}

}

@media screen and (max-width:480px){
	
	
/*-----------------------------------------システムメイン*/

	
/*-----------------------------------------ヘッダー*/

header h1{
	padding-bottom: 0px;
}

header h1 img{
	width: 90%;
}

#top_wrapper h1{
	padding-top: 100px;
	padding-bottom: 30px;
}
@media screen and (max-width: 479px){/* Add 2023-12-28 */
	#top_wrapper h1{
		padding-bottom: 20px;
	}
}

/*-----------------------------------------ナビ*/

nav{
	width:100%;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

nav ul{
	width:100%;
	flex-wrap: wrap;
	margin: auto;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

nav ul li{
	background-image:none;
	float:left;
}

nav ul li:nth-child(1){
	background-image: none;
	width: 100%;
	padding:0px;
	margin: 0px;
}

nav ul li:nth-child(1):hover{
	background-image: none;	
}
nav ul li:nth-child(2){
	background-image: none;
	width: 50%;
	padding:0px;
	margin: 0px;	
}
nav ul li:nth-child(2):hover{
	background-image:none;
}
nav ul li:nth-child(3){
	background-image: none;
	width: 50%;
	padding:0px;
	margin: 0px;	
}
nav ul li:nth-child(3):hover{
	background-image: none;
}

nav ul li:nth-child(4){
	background-image: none;
	width: 50%;
	padding:0px;
	margin: 0px;
}
nav ul li:nth-child(4):hover{
	background-image: none;
}

nav ul li:nth-child(5){
	background-image: none;
	width: 50%;
	padding:0px;
	margin: 0px;
}
nav ul li:nth-child(5):hover{
	background-image: none;
}
/* Add 2023-12-15 */
@media screen and (max-width: 479px) {
	nav ul li {
		width:50%;
	}
	nav ul li.home{
		width: 100%;
	}
}

nav ul li {
	font-size:16px;
	padding-top: 0em;
	margin-right: 0px;
	text-align: center;
}
nav ul li a{
	background-color: #ead8a2;
	color: #754c24;
	width: auto;
	height: auto;
	display: block;
	text-indent: 0px;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	text-decoration: none;
	border-right: 1px dashed #fff;
	border-bottom: 1px dashed #fff;
	border-top: 1px dashed #fff;
	font-weight: bold;
}
	
nav ul li a:hover{
	color: #fff;
	font-weight:bold;
	opacity: 1.0;
}

  
/*-----------------------------------------コンテナ―*/ 
#container{
	width: 98%;
	padding: 0px;
	background-color: #fff;
}

/*-----------------------------------------メイン*/

#main{
	width: 100%;
}

h2{
	padding-left: 0px;
}

h2 .h2_right{
	top: -40px;
}

h2 .h2_right img{
	/* width: 180px; 2023-11-15 */
	width: 94px;
}

/*-----------------------------------------フッター*/

#footer ul li{
	width: 90%;
	margin: auto;
}

#footer p{
	font-size: 10px;
}

/*-----------------------------------------スライダー*/

#sliderbox{
	width: 98%;
	margin: auto;
}

/*-----------------------------------------トップページ*/

#news p img{
	width: 100%;
}

#target .target_top img{
	width: 100%;
}

#target ul li{
	width: 90%;
	margin: 15px;
}
body.controller-Tokumochi.action-home.is-mobile #target ul li {	/* Add 2024-2-28 */
	margin: 0;
}
	

#target ul li img{
	width: 100%;
}

/*-----------------------------------------園の概要*/

#outline th{
	display: block;
	width: 100%;
}

#outline td{
	display: block;
}

#map ul li img{
	width: 100%;
}

/*------------------------------------------年間予定*/

#event .gyoji>div{
	width: 100%;
}

#event .gyoji>div:last-child dt img{
	width: 100%;
}

/*-----------------------------------------お知らせ*/

#announcement .ann_title_base{
	margin-top: 60px;
}

.ann01{
	position: absolute;
	left: 20px;
	top: -40px;
}

.ann02{
	position: absolute;
	left: -20px;
	bottom: -30px;
}

.ann03{
	position: absolute;
	right: -10px;
	top: -30px;
}

.ann01 img{
	width: 40px;
}

.ann02 img{
	width: 95px;
}

.ann03 img{
	width: 110px;
}


/*-----------------------------------------ブログ*/

#blog{
	margin-top: 60px;
}

#blog #blog_title{
	font-size: 16px;
}


#blog .blog_kiji ul li {
	display: inline-block;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;

}

#blog .blog_kiji ul li img {
	width: 90%;
}


}
	
/* slickスタイル上書き 2023-11-14 */
.slider.slick-slider {
	padding-top: 10px;
	padding-bottom: 0;
}

/* 学校評価 2023-12-12 */
.kakomi {
	border: 1px solid #754c24;
	padding: 0 5px;
    margin-right: 0.5em;
}
#price table.hyouka-tbl {
	display: table;	
}
#price table.hyouka-tbl th {
	font-weight:normal;
	background-color: unset;
}
#price table.hyouka-tbl td.center1 {
	text-align:center;
}

#pt_resp {/* Add 2023-12-26 */
	z-index: 10;
}
@media screen and (min-width: 480px) {
	#pt_resp {
		display:none;
	}
	#pt_resp img{
	}
}
@media screen and (max-width: 479px) {
	#pt_resp {
		position: fixed;
		bottom: 0;
		right: 0;
	}
	#pt_resp img{
		width:20vw;
		max-width:160px;
	}
	/* お知らせのみ右のナビボタンが枠外にずれるので応急処置 */
	body.controller-Announcements #pt_resp {
		/* right: 30px;
		bottom: 60px; */
	}
}
@media screen and (min-width: 376px) and (max-width: 479px) {
	/* お知らせのみ右のナビボタンが枠外にずれるので応急処置 */
	body.controller-Announcements #pt_resp {
		/* right: 100px; */
	}
}
.text-right2{
	display: flex;
	justify-content: flex-end;
}

/* 問い合わせフォーム */
body.controller-Contacts.action-add #app button.btn-primary{
	background-color: #605F94;
	color: #FFF;
	width: 160px;
}

body.controller-Tokumochi #container[kw-month="12"] #blog_title{
	/* background-image:  */
}

/* Add 2023-12-15 */
.tel-link,
.tel-link:visited,
.tel-link:hover {
	color: #000;
}
.toiawase-tel{
	font-size:2em;
	width:70%;
	max-width:400px;
	border:1px solid #000;
	padding:10px;
	margin:10px auto;
}

h2.youkou{
	font-size:1.5em;
	text-align:center;
	height:2.5em;
	padding-top:0.5em;
}
.kisetsu-img-wrapper{
	position:relative;
	top:35px;
}
.kisetsu-img{
	display: inline;
	width:60px;
}
.tenki-img{
	width:60px;
}
.tenki-sp{
	display:none;
}
@media screen and (max-width: 479px) {
	.toiawase-tel{
		font-size:1.5em;
		width:90%;
		max-width:470px;
		border:1px solid #000;
		padding:10px;
		margin:10px auto;
	}	
	h2.youkou{
		font-size:1em;
		/* text-align:center;
		height:2.5em;
		padding-top:0.5em;		 */
	}
	.tenki{
		display:none;
		position:relative;
		top:-200px;
		left:70vw;
		height:10px;
	}
	.tenki-sp{
		/* display:block;
		position:relative;
		height:10px;
		top:-50px;
		left:80%; */
		display:inline;
	}
	.kisetsu-img-wrapper{
		position:relative;
		top:0px;
	}	
	.kisetsu-img,
	.tenki-img{
		width:60px;
		display:inline;
	}
	ul li:visited,
	ul li:hover {
		color:#000;
	}
}

.kwtext-left{
	text-align:left;
}

.slogan,
.slogan-android,
.slogan-iphone{
	color: #000;
	text-align: center;
	margin-bottom: 0;
	background-image: none;
	font-size: 1.5em;
	font-weight: bold;
}
@media screen and (min-width: 480px){
	.slogan-android{
		display: none;
	}
	.slogan-iphone{
		display: none;
	}
}
@media screen and (min-width: 376px) and (max-width: 479px) {/* Android */
	.slogan{
		display: none;
	}
	.slogan-android{
		display: block;
	}
	.slogan-android span{
		font-size: 0.9em;
	}
	.slogan-iphone{
		display: none;
	}
}
@media screen and (max-width: 375px) {/* iPhone SE */
	.slogan{
		display: none;
	}
	.slogan-android{
		display: none;
	}
	.slogan-iphone{
		display: block;
	}
	.slogan-iphone span{
		font-size: 0.8em;
	}
}

/* Add 2024-1-26 */
.alert-success {
	padding: 10px;
	margin: 15px auto;
	border: #66CC66 2px solid;
	background: #F0FFF0;
	color: #008800;
}
.alert-danger {
	padding: 10px;
	margin: 15px auto;
	border: #FF6666 2px solid;
	background: #FFF0F0;
	color: #FF0000;
}

/* Add 2024-1-30 */
.form-control{
	display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
}

textarea.form-control{
	height: 100%;
}

@media screen and (min-width: 480px){
	.footer__companyname_sp{
		display: none;
	}
	.tokumochi_SP{
		display: none;
	}
}
@media screen and (min-width: 376px) and (max-width: 479px) {/* Android */
	.footer__companyname{
		display: none;
	}
	.tokumochi_SP{
		display: inline;
	}
}
@media screen and (max-width: 375px) {/* iPhone SE */
	.footer__companyname{
		display: none;
	}
	.tokumochi_SP{
		display: inline;
	}
}

/* Add 2024-2-28 */
.linkurl {
	color:#0563c1;
	text-decoration:underline;
}
@media screen and (max-width: 479px) {
	.linkurl{
		word-break: break-all;
	}
}