@charset 'UTF-8';
@media only screen and (max-width: 768px) {
body {
	min-width: inherit;
	overflow-x: hidden;
}
.nav_box {
	width: 100%;
	padding: 0 1rem;
	box-sizing: border-box;
}
.nav_box .bl {
	display: none;
}
.nav_box .box {
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
}
div#wrapper {
}
#head_title {
	/* width: 90%;
	margin-left: auto;
	margin-right: auto; */
}
nav img {
	max-width: inherit;
}
.month {
	float: none;
	width: 160px;
	margin-right: 20px;
	margin-left: auto;
	margin-top: 10px;
	/* margin-right: auto; */
	/* text-align: center; */
}
#spring-pink {
	width: 100%;
	padding-top: 0;
}
.flower {
	float: none;
	margin-bottom: 0;
	width: 100%;
}
.box-small-c {
	float: none;
	width: 100%;
	margin: 0 !important;
	padding-top: 0;
}
.box-small-c img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -20px;
	position: relative;
	z-index: 1000;
}
#flowerpark {
	float: none;
	width: calc(100% - 20px);
	margin: auto;
	height: auto;
	background: #fff;
	border-radius: 10px;
}
#flowerpark .box {
	width: 100%;
	background: none;
	margin: 0;
}
#s_flowerpark {
	float: none;
	width: 100%;
	/*height: 200px;*/
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
#s_flowerpark ul li {
	width: 100% !important;
	height: 100% !important;
}
#s_flowerpark ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) scale(1.1);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
}
#flowerpark .box-right {
	float: none;
	font-size: 11px;
	height: auto;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
.box-small {
	float: none;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
	margin-bottom: 10px;
}
.box-small .image {
	width: 100%;
	height: auto;
	max-height: 300px;
	box-sizing: border-box;
}
.box-small .text-box {
	width: 100%;
	box-sizing: border-box;
}
.box-small .detail {
	width: 100%;
}
.box-small .detail .text {
	float: left;
	margin-left: 4px;
	width: calc(100% - 17px);
}
.box-half {
	float: none;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
	margin-bottom: 10px;
}
.box-half .text-box {
	width: 100%;
	box-sizing: border-box;
}
.box-half .image {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.box-big {
	float: none;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	height: auto !important;
}
.box-big .text-box {
	width: 100%;
	box-sizing: border-box;
}
#s_sakura {
	width: 100%;
	height: auto;
	padding-top: 26%;
	box-sizing: border-box;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#spring-green {
	margin: 0 auto;
	padding: 20px 0;
	width: 100%;
}
#forest {
	background: none;
	float: none;
	height: auto !important;
	width: calc(100% - 20px);
	margin:0 auto 10px auto;
}
#forest .box {
	height: auto;
	margin: 0;
	width: 100%;
	background: none;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
#forest .image {
	/*background-position: -10px -10px;*/
	width: 100%;
}
#forest .text {
	width: 100%;
	box-sizing: border-box;
}
.leftbox {
	float: none;
	margin-right: 0;
	width: 100%;
	height: auto !important;
}
#s_ajisai {
	width: 100%;
	box-sizing: border-box;
}
.box-half .detail {
	width: 100%;
	box-sizing: border-box;
}
.box-half .detail .text {
	float: none;
	margin-left: 4px;
	width: calc(100% - 17px);
}
#movie, #movie_rakkyo {
	width: 100%;
}
.rightbox {
	float: none;
	width: 100%;
}
#park {
	background: none;
	float: none;
	height: auto;
	width: calc(100% - 20px);
	margin:0 auto 10px auto;
	border-radius: 10px;
	overflow: hidden;
}
#park .box {
	height: auto;
	margin: 0 auto;
	width: 100%;
	background: none;
	background: #fff;
}
#park .image {
	/*background-position: -10px -10px;*/
	width: 100%;
	position: relative;
}
#park .image img {
	margin: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
#park .text {
	width: 100%;
	box-sizing: border-box;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#summer {
	margin: 0 auto;
	width: 100%;
}
#s_hasu {
	width: 100%;
	box-sizing: border-box;
}
.box-half .image_ayame {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
/*.box-himawari {
	float: none;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-position: 25% 0;
	overflow: hidden;
	margin-bottom: 10px;
}
.box-himawari .title {
	float: none;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.box-himawari .text-box {
	float: none;
	margin-top: 310px;
	width: 100%;
}
.box-himawari .text {
	float: none;
	width: 100%;
	box-sizing: border-box;
}
.box-himawari .video {
	float: none;
	height: auto;
	margin: 0;
	width: 100%;
	background: none;
	border: none;
}*/
div.flower-himawari {
 width: calc(100% - 20px);
 margin: auto;
margin-bottom: 10px;
}

.box-himawari {
 display: block;
	float: none;
	/*width: calc(100% - 20px);*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
}
.box-himawari .image_himawari {
	width: 100%;
	box-sizing: border-box;
}
.box-himawari .text-box {
	width: 100%;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
}
#s_himawari {
	width: 100%;
	aspect-ratio:3/2;
	object-fit: cover;
	height: auto;
}
.box-himawari .image_himawari {
height: auto;
}

.box-himawari .detail {
	width: 100%;
}
.box-himawari .detail .text {
	float: left;
	margin-left: 4px;
	width: calc(100% - 17px);
}	

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#autumn {
	margin: 0 auto;
	width: 100%;
}
#s_cosmos {
	width: 100%;
	box-sizing: border-box;
}


div.flower-rakkyou {
 width: calc(100% - 20px);
 margin: auto; 
}

.box-rakkyou {
 display: block;
	float: none;
	/*width: calc(100% - 20px);*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
}
.box-rakkyou .image_rakkyou {
	width: 100%;
	box-sizing: border-box;
}
.box-rakkyou .text-box {
	width: 100%;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
}
#s_rakkyou {
	width: 100%;
	aspect-ratio:3/2;
	object-fit: cover;
	height: auto;
}
.box-rakkyou .image_rakkyou {
height: auto;
}

.box-rakkyou .detail {
	width: 100%;
}
.box-rakkyou .detail .text {
	float: left;
	margin-left: 4px;
	width: calc(100% - 17px);
}


.box-momiji {
	height: auto;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 10px;
}
#s_momiji {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 0;
	height: 200px;
}
#s_momiji ul li {
	width: 100% !important;
	height: 200px !important;
}
#s_momiji ul li img {
	margin: 0 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	width: 100%;
}
.box-momiji .box-right {
	float: none;
	width: 100%;
}
.box-momiji .text-box {
	width: 100%;
}
.box-momiji .title {
	float: none;
	margin-top: 0;
	width: 100%;
}
.box-momiji .text {
	float: none;
	width: 100%;
	box-sizing: border-box;
}

.leftbox .mt {
	margin-top: 0;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#winter {
	margin: 0 auto;
	width: 100%;
}
#garden {
	background: none;
	float: none;
	height: auto !important;
	width: calc(100% - 20px);
	margin:0 auto 10px auto;
	border-radius: 10px;
	overflow: hidden;
}
#garden .box {
	height: auto;
	margin: 0;
	width: 100%;
	background: none;
	background: #fff;
}
#garden .image {
	height: auto;
	width: 100%;
}
#garden .text {
	width: 100%;
	box-sizing: border-box;
}
}