@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 1000px), print{
.c_copy {
    text-align: center;
    font-size: 300%;
}
}
@media screen and (max-width: 999px), print{
.c_copy {
    text-align: center;
    font-size: 200%;
}
}
/* =========================================================
　館内施設
========================================================= */
.event_season_box ul > li:nth-child(2) {
    background-color: #b80;
}
.event_season_box ul > li:nth-child(2) a {
	color: #fff;
}

/* カテゴリータイトル
--------------------------------------------------------- */
.c_title::before {
	content: "Event introduction";
}
@media screen and (max-width:999px) {
	.c_title {
		background: url(../../common/img/category_title.png) no-repeat center bottom, url(summer_images/category_title_bg.jpg) no-repeat center center;
		background-size: 220px auto, cover;
	}
}
@media screen and (min-width:1000px) , print {
	.c_title {
		background: url(../../common/img/category_title.png) no-repeat center bottom, url(summer_images/category_title_bg.jpg) no-repeat center center;
		background-size: 340px auto, cover;
	}
}

section.corner.pickup {
	font-size: 120%;
}
/* 館内設備のご案内
--------------------------------------------------------- */
.corner p.date {
	color: #333;
	font-size: 1.2em;
}
@media screen and (max-width:999px) {
	.mushi:before,
	.hotaru:before ,
	.farm:before ,
	.jam:before ,
	.camp:before ,
	.hanabi:before,
	.pizza:before,
	.wine:before,
	.ride:before,
	.ladies:before{
		content: "";
		display: block;
		height: 180px;
		margin: 0 -20px 20px;
	}
	.hotaru:before {
		background: url(summer_images/bg_02.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.camp:before {
		background: url(summer_images/bg_10.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.mushi:before {
		background: url(summer_images/bg_07.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.hanabi:before {
		background: url(summer_images/bg_03.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.ride:before {
		background: url(summer_images/bg_06.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.pizza:before {
		background: url(summer_images/bg_04.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.farm:before {
		background: url(summer_images/bg_09.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.jam:before {
		background: url(summer_images/bg_11.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.wine:before {
		background: url(summer_images/bg_05.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.ladies:before {
		background: url(summer_images/bg_08.jpg) no-repeat center center;
		background-size: 100% auto;
	}
	.hotaru ,
	.camp ,
	.hanabi ,
	.pizza ,
	.farm ,
	.jam ,
	.wine ,
	.ride,
	.mushi,
	.picnic,
	.strawberry,
	.ladies{
		padding: 0 20px 4em;
	}
	.pickup h3 {
		font-size: 180%;
		line-height: 1.4;
		padding-top: 10px;
	}
	.pickup h3.yellow {
		color: #c89533;
	}
	.pickup h3 br {
		display: none;
	}
	.pickup .hanabi h3 {
		line-height: 0.8em;
	}
	.pickup  h3 span {
		font-size: 60%;
	}
	.pickup p br {
		display: none;
	}
	.pickup .strawberry h3 br {
    	display: block;
	}
	.pickup img {
		border: 1px solid #fff;
		box-sizing: border-box;
	}
	.menu_hogushi a {
		width: 100%;
		background: #cc9933 url(../../common/img/arrow_w.png) no-repeat 98% center;
		background-size: 7px auto;
		display: block;
		color: #fff;
		padding: 1em 1.8em;
		text-align: center;
		margin-top: 30px;
	}
	.sub_pickup {
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
		display: flex;
		justify-content: space-between;
	justify-content: center;
	}
	.sub_pickup img {
		width:49%;
	}　
	.sub_pickup p {
		padding: 1em .4em 0 0;
	}
	.sub_pickup span {
		font-weight: bold;
	}
	.label_b {
		background-color: #630;
		color: #fff;
		padding: 5px 15px;
	}
	.label_y {
		background-color: #ff8819;
		color: #fff;
		padding: 5px 15px;
	}
	.label_m {
		background-color: #053;
		color: #fff;
		padding: 5px 15px;
	}
}
@media screen and (min-width:999px) , print {
	.pickup {
		margin: 0 auto;
	}
	.strawberry {
		padding: 5em 0 5em 10%;
		background: url(summer_images/bg_left.png) no-repeat right top, url("summer_images/bg_04_2.jpg") no-repeat right center,url(summer_images/bg_wa.png) no-repeat right -100px bottom -100px;
		background-size: 63% 100%, 62% auto ,30% auto;
	}
	.hotaru {
		padding: 5em 0 5em 45%;
		background: url(summer_images/bg_right.png) no-repeat left top, url(summer_images/bg_02.jpg) no-repeat left center,url(summer_images/bg_wa.png) no-repeat right -200px top 20px;
		background-size: 50% 100%, 50% auto ,40% auto ;
	    text-align: center;
	}
	.camp {
		padding: 5em 0 5em 45%;
		background: url(summer_images/bg_right.png) no-repeat left top, url(summer_images/bg_10.jpg) no-repeat left center,url(summer_images/bg_wa.png) no-repeat right -200px top 20px;
		background-size: 50% 100%, 50% auto ,40% auto ;
	    text-align: center;
	}
	.mushi {
		padding: 5em 0 5em 10%;
		background: url(summer_images/bg_left.png) no-repeat right top, url(summer_images/bg_07.jpg) no-repeat right center,url(summer_images/bg_wa.png) no-repeat left -50px top 20px;
		background-size: 63% 100%, 62% auto ,18% auto ;
	}
	.hanabi {
		padding: 5em 0 5em 60%;
		background: url(summer_images/bg_right.png) no-repeat left top, url(summer_images/bg_03.jpg) no-repeat left center,url(summer_images/bg_wa.png) no-repeat right -200px top 20px;
		background-size: 63% 100%, 62% auto ,40% auto;
	}
	.ride {
		padding: 5em 0 5em 10%;
		background: url("summer_images/bg_left_color.png") no-repeat right top, url(summer_images/bg_06.jpg) no-repeat right center,#f0e9da;
		background-size: 63% 100%, 62.9% auto ,18% auto;
	}
	

/*
	.picnic {
		padding: 5em 0 5em 60%;
		background: url(summer_images/bg_right.png) no-repeat left top, url(summer_images/bg_03.jpg) no-repeat left center,url(summer_images/bg_wa.png) no-repeat right -200px top 20px;
		background-size: 63% 100%, 62% auto ,40% auto;
	}
*/
	.farm {
		padding: 5em 0 5em 5%;
		background: url(summer_images/bg_left.png) no-repeat right top, url(summer_images/bg_09.jpg) no-repeat right center,url(summer_images/bg_wa.png) no-repeat left -30px top -100px;
		background-size: 50% 100%, 49% auto ,25% auto;
	}
	.jam {
		padding: 5em 0 5em 5%;
		background: url(summer_images/bg_left.png) no-repeat right top, url(summer_images/bg_11.jpg) no-repeat right center,url(summer_images/bg_wa.png) no-repeat left -30px top -100px;
		background-size: 50% 100%, 49% auto ,25% auto;
	}
	.farm *,
	.jam *{    width: 50%;
    text-align: center;
	}

/*
	.wine {
		padding: 5em 0 5em 60%;
		background: url(summer_images/bg_right.png) no-repeat left top, url(summer_images/bg_05.jpg) no-repeat left center,url(summer_images/bg_wa.png) no-repeat right -100px bottom -100px;
		background-size: 63% 100%, 62% auto ,30% auto;
	}
*/
	.ladies {
		padding: 5em 0 5em 60%;
		background: url(summer_images/bg_right.png) no-repeat left top, url(summer_images/bg_08.jpg) no-repeat left center,url(summer_images/bg_wa.png) no-repeat left -100px bottom -100px;
		background-size: 63% 100%, 62% auto ,30% auto;
	}

	
	.pickup img {
		width: 177px;
		margin: 0;
	}
	.menu_hogushi a {
		width: 420px;
		background: #cc9933 url(../../common/img/arrow_w.png) no-repeat 98% center;
		background-size: 7px auto;
		display: block;
		color: #fff;
		padding: 1em 1.8em;
		text-align: center;
		margin-top: 15px;
		margin: auto;
	}
		.farm .sub_pickup{
			width: 50%;
		margin-left: 0;
	}
	.farm .menu_hogushi a{
		margin: auto;
	}
		.farm .sub_pickup .flex_in{
			display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
	}
	.farm .sub_pickup .flex_in img{
		width: 177px;
		margin: 0 3px;
	}
	.sub_pickup {
		width: 362px;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		margin-top: 10px;
		    margin: 1em auto;
	}
	.sub_pickup p {
		font-size: 90%;
		padding: 1em .4em 0 0;
	}
	.pickup h3 {
		font-size: 280%;
		line-height: 1.4;
		padding-top: 10px;
		color: #630;
	}
	.pickup .wine h3 {
		line-height: 0.8em;
	}
	.pickup  h3 span {
		font-size: 50%;
	}
	.pickup h3.yellow {
		color: #c89533;
	}
	.sub_pickup span {
		font-weight: bold;
	}
	.label_b {
		background-color: #630;
		color: #fff;
		padding: 5px 15px;
	}
	.label_y {
		background-color: #ff8819;
		color: #fff;
		padding: 5px 15px;
	}
	.label_m {
		background-color: #053;
		color: #fff;
		padding: 5px 15px;
	}
}


@media screen and (max-width:500px) , print {
	.sub_pickup img {
    width: 100%!important;
	margin: 0.5em 0;
}

	
}