@charset "UTF-8";
/*==========================================▼▼▼PC版_共通▼▼▼==========================================*/
@media screen and (min-width: 768px) {
	/*================▼▼▼▼▼▼================*/
	.modal_contents_box {
		max-width: 1024px;
	  width: 90%;
	  padding: 100px 0 100px 0;
	  margin: 0 auto;
		font-size: 20px;
		color: #332710;
	}

	.modalContents {
		margin: 0 auto;
	}

	.modal_title {
		font-weight: bold;
    color: #332424;
    font-size: 30px;
    display: flex;
    align-items: center;
    padding: 0 0 50px 0;
	}

	.modal_title::before,
	.modal_title::after {
	  content: "";
	  width: 200px;
	  margin: 0 auto;
	  border-top: dotted 2px #332424;
	  display: block;
	}

	.modalArea {
		display: none;
		position: fixed;
		z-index: 10000; /*サイトによってここの数値は調整 */
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modalBg {
		width: 100%;
		height: 100%;
		background-color: rgba(30,30,30,0.9);
	}

	.modalWrapper {
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    overflow: auto;
		height: 90%;
	}

	#modal_close {
		display: none;
	}
/*================▼▼▼pc版_電話▼▼▼================*/
	.modal_common_contact {
		display: flex;
		box-sizing: border-box;
		margin: 50px 0 0 0;
		justify-content: center;
	}

	@media screen and (min-width: 857px) {
		.sp_modal_common_call {
			display: none;
		}

		.pc_modal_common_call {
			background-image: url(../images/modal_call_img.png);
			background-repeat: no-repeat;
			background-size: 55px;
			height: 55px;
			font-size: 35px;
			line-height: 1.1em;
			font-weight: bold;
			text-align: right;
			padding: 0 80px 0 80px;
			color: #FF7B40;
		}

		.pc_modal_common_call_text {
			display: block;
			font-size: 13.5px;
			font-weight: normal;
			line-height: 1.5em;
		}
	}

@media screen and (max-width: 856px) {
	.sp_modal_common_call {
		display: none;
	}

	.pc_modal_common_call {
		background-image: url(../images/modal_call_img.png);
    background-repeat: no-repeat;
    background-size: 55px;
    height: 55px;
    font-size: 30px;
    line-height: 1.1em;
    font-weight: bold;
    padding: 0 20px 0 80px;
    color: #FF7B40;
	}

	.pc_modal_common_call_text {
		display: block;
		font-size: 13.5px;
		font-weight: normal;
		line-height: 1.5em;
	}
}
	/*================▼▼▼閉じるボタン▼▼▼================*/
	.closeModal {
		max-width: 300px;
		width: 90%;
		height: 45px;
		background-color: #29B6F6;
		box-shadow: 0 5px #039BE5;
		color: #FFFFFF;
		border-radius: 5px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
		font-size: 18px;
	}

	.closeModal:hover {
		max-width: 300px;
		width: 90%;
		height: 45px;
		background-color: #29B6F6;
		box-shadow: 0 2px #039BE5;
		color: #FFFFFF;
		border-radius: 5px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5px;
		font-size: 18px;
	}

	.commitment_closeModal {
	margin: 0 auto 100px auto;
	}
	/*================▼▼▼料金_modalArea1▼▼▼================*/
	.modal_fee_box {
		display: flex;
    flex-direction: column;
		padding: 50px 0;
		max-width: 1024px;
		width: 90%;
		margin: 0 auto;
	}

	.modal_img {
		width: 100px;
		object-fit: contain;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}

	.modal_fee_text {
		max-width: 730px;
		width: 90%;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}

	#modal_flow_bt {
		margin: 0 0 5px 0;
	}

	#modal_flow_bt > a {
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 5px #004718;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		margin: 0 auto;
		font-size: 18px;
	}

	#modal_flow_bt:hover > a  {
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 2px #004718;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		margin: 0 auto;
		font-size: 18px;
	}
	/*================▼▼▼施設_modalArea1▼▼▼================*/
	.facility_sp_img {
		display: none;
	}

	.modal_facility_box {
		display: flex;
    flex-direction: column;
		padding: 50px 0;
		max-width: 1024px;
		width: 90%;
		margin: 0 auto;
	}

	.modal_img {
		width: 100px;
		object-fit: contain;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}

	.facility_img_box {
		max-width: 1024px;
		width: 90%;
		margin: 0 auto;
	}

	.modal_facility_description {
		margin: 30px 0 0 0;
		line-height: 1.5em;
	}

	.modal_facility_description P {
		font-size: 18px;
	}

	.facility_title {
		color: #332710;
    font-weight: normal;
    font-size: 25px;
    margin: 0 0 10px 0;
    text-align: left;
    position: relative;
    left: 20px;
	}

	.facility_title::before {
		content: "";
    background: transparent;
    border-left: solid 10px #00BA40;
    vertical-align: sub;
    padding: 10px 0 15px 0;
    position: absolute;
    left: -20px;
		top: 2.5px;
	}

	.facility_img_box ul {
		display: flex;
		justify-content: space-between;
		margin: 0 0 50px 0;
	}

	.facility_il {
		max-width: 280px;
		width: 90%;
	}

	.facility_img_box li:nth-child(2) {
	  margin: 0 50px;
	}

	@media screen and (min-width: 981px) {
		.facility_imghover {
			overflow: hidden;
			width: 100%;
	    height: 200px;
	    border: 10px solid #ffffff;
	    box-shadow: 0 0 5px #cccccc;
	    box-sizing: border-box;
			object-fit: cover;
		}
	 }

	@media screen and (max-width: 980px) {
		.facility_imghover {
			overflow: hidden;
			width: 100%;
	    height: 150px;
	    border: 10px solid #ffffff;
	    box-shadow: 0 0 5px #cccccc;
	    box-sizing: border-box;
			object-fit: cover;
		}
	 }

	 .facility_bt_img {
		 width: 45px;
		 padding: 0 15px 0 0;
	 }

	 #modal_facility_bt {
		 margin: 0 0 5px 0;
	 }

	#modal_facility_bt > a {
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 5px #004718;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		margin: 0 auto;
		font-size: 18px;
	}

	#modal_facility_bt:hover  > a {
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 2px #004718;
    color: #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		margin: 0 auto;
		font-size: 18px;
	}
	/*================▼▼▼広さ_modalArea1▼▼▼================*/
	.modal_breadth_box {
		display: flex;
    flex-direction: column;
		padding: 50px 0;
		max-width: 1024px;
		width: 90%;
		margin: 0 auto;
	}

	.modal_img {
		width: 100px;
		object-fit: contain;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}

	.breadth_contents {
		display: flex;
		max-width: 1024px;
		width: 90%;
		margin: 0 auto;
	}

	.breadth_contents1 {
		width: 50%;
		padding: 0 50px 0 0;
	}

	.breadth_contents2 {
		width: 50%;
		line-height: 1.5em;
	}

	.breadth_imghover {
		overflow: hidden;
		width: 100%;
		height: 100%;
		border: 10px solid #ffffff;
		box-shadow: 0 0 5px #cccccc;
		box-sizing: border-box;
		object-fit: cover;
	}

	.modal_breadth_map_box {
		margin: 50px 0 0 0;
	}

	.modal_breadth_map_img > a {
		color: #FFFFFF;
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 5px #004718;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		font-size: 18px;
	}

	.modal_breadth_map_img:hover > a {
		color: #FFFFFF;
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 2px #004718;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		font-size: 18px;
	}
	/*================▼▼▼空き_modalArea1▼▼▼================*/
	.modal_empty_box {
		display: flex;
    flex-direction: column;
		padding: 50px 0;
		max-width: 1024px;
		width: 90%;
		margin: 0 auto;
		line-height: 1.8em;
	}

	.modal_img {
		width: 100px;
		object-fit: contain;
		margin: 0 auto;
		padding: 0 0 50px 0;
	}

	.modal_empty_adjustment {
		font-weight: bolder;
		font-size: 30px;
		padding: 0 15px;
	}

	.modal_empty_text1 {
		max-width: 730px;
		width: 90%;
		margin: 0 auto;
		padding: 0 0 40px 0;
	}

	.modal_empty_text2 {
		max-width: 730px;
		width: 90%;
		margin: 0 auto;
		padding: 0 0 40px 0;
		font-size: 16px;
		line-height: 1.5em;
	}

	.modal_empty_map_img > a {
		color: #FFFFFF;
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 5px #004718;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		margin: 0 auto;
		font-size: 18px;
}

	.modal_empty_map_img:hover > a {
		color: #FFFFFF;
		max-width: 300px;
		width: 90%;
		height: 45px;
    background-color: #8FBF2C;
    box-shadow: 0 2px #004718;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
		margin: 0 auto;
		font-size: 18px;
	}
	/*================▼▼▼季節の野菜【共有】_modalArea1▼▼▼================*/
	.modal_season_box {
		padding: 30px 0;
    width: 30%;
	}

	@media screen and (max-width: 1219px){
		.modal_season_box {
			padding: 30px 0;
	    width: 47%;
		}

		.modal_season_block {
			display: flex;
			text-align: left;
			width: 230px;
			margin: 0 auto 0 auto;
			align-items: end;
			padding: 0 10px;
		}
	 }

	.modal_title_kind {
		font-size: 25px;
		color: #332710;
		font-weight: normal;
	}

	.difficulty_text {
		font-size: 18px;
		margin: 20px 0 30px 0;
	}

	.season_img {
		width: 80px;
		height: 80px;
		margin: 0 0 30px 0;
		object-fit: contain;
	}

	.season_img_side {
		width: 200px;
		height: 80px;
		margin: 0 0 30px 0;
		object-fit: contain;
	}

	.modal_season_block {
		display: flex;
    text-align: left;
    width: 250px;
    margin: 0 auto 0 auto;
    align-items: end;
    padding: 0 10px;
	}

	.modal_season_m {
		margin: 30px auto;
	}

	.modal_season_contents ul {
		display: flex;
	  flex-wrap: wrap;
	  justify-content: space-between;
		text-align: center;
	}

	.modal_season_contents ul li:nth-child(n+4) {
		margin: 5%  0 0 0;
	}

	@media screen and (max-width: 1219px) {
		.modal_season_contents ul li:nth-child(n+3) {
			margin: 5%  0 0 0;
		}
	 }

	.season_li_img {
		padding: 1px 20px 0 0;
		width: 30px;
		object-fit: contain;
	}

	.adjustment_modal_season {
		font-size: 15px;
		display: block;
    padding: 10px 0 0 0;
	}
	/*================▼▼▼季節の野菜【春】_modalArea1▼▼▼================*/
	.modal_title_spring {
		font-weight: bold;
		color: #FF9191;
		font-size: 30px;
		display: flex;
		align-items: center;
		padding: 0 0 50px 0;
	}

	.modal_title_spring::before,
	.modal_title_spring::after {
		content: "";
		width: 200px;
		margin: 0 auto;
		border-top: dotted 2px #FF9191;
		display: block;
	}
	/*================▼▼▼季節の野菜【夏】_modalArea1▼▼▼================*/
	.modal_title_summer {
		font-weight: bold;
		color: #FE655F;
		font-size: 30px;
		display: flex;
		align-items: center;
		padding: 0 0 50px 0;
	}

	.modal_title_summer::before,
	.modal_title_summer::after {
		content: "";
		width: 200px;
		margin: 0 auto;
		border-top: dotted 2px #FE655F;
		display: block;
	}
	/*================▼▼▼季節の野菜【秋】_modalArea1▼▼▼================*/
	.modal_title_fall {
		font-weight: bold;
		color: #FFC891;
		font-size: 30px;
		display: flex;
		align-items: center;
		padding: 0 0 50px 0;
	}

	.modal_title_fall::before,
	.modal_title_fall::after {
		content: "";
		width: 200px;
		margin: 0 auto;
		border-top: dotted 2px #FFC891;
		display: block;
	}
	/*================▼▼▼季節の野菜【冬】_modalArea1▼▼▼================*/
	.modal_title_winter {
		font-weight: bold;
		color: #3F9DFB;
		font-size: 30px;
		display: flex;
		align-items: center;
		padding: 0 0 50px 0;
	}

	.modal_title_winter::before,
	.modal_title_winter::after {
		content: "";
		width: 200px;
		margin: 0 auto;
		border-top: dotted 2px #3F9DFB;
		display: block;
	}
}
/*==========================================▼▼▼sp版▼▼▼==========================================*/
@media screen and (max-width: 767px) {
	/*================▼▼▼▼▼▼================*/
	.modal_contents_box {
		max-width: 740px;
	  padding: 80px 0 50px 0;
	  margin: 0 auto;
	  width: 90%;
		color: #332710;
	}

	.modalContents {
		margin: 0 auto;
	}

	.modal_title {
		font-weight: bold;
    color: #332424;
    font-size: 25px;
    display: flex;
    align-items: center;
    padding: 0 0 50px 0;
	}

	.modal_title::before,
	.modal_title::after {
	  content: "";
	  width: 80px;
	  margin: 0 auto;
	  border-top: dotted 2px #332424;
	  display: block;
	}

	.modalArea {
		display: none;
		position: fixed;
		z-index: 10000; /*サイトによってここの数値は調整 */
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modalArea:before {
		content: "×";
    position: absolute;
    top: 25px;
    right: 3%;
    color: #EEEEEE;
    width: 50px;
    font-size: 30px;
    cursor: pointer;
	}

	.modalBg {
		width: 100%;
		height: 100%;
		background-color: rgba(30,30,30,0.9);
	}

	.modalWrapper {
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px;
    overflow: auto;
		height: 80%;
	}

	.modal_common_contact {
		display: flex;
		flex-direction:column;
		box-sizing: border-box;
		margin: 50px 0 0 0;
	}
	/*================▼▼▼pc版_電話▼▼▼================*/
		.pc_modal_common_call {
			display: none !important;
		}

		.modal_sp_call_img {
			width: 30px;
			padding: 0 15px 0 0;
		}

		.sp_modal_common_call {
			display: flex;
			justify-content: center;
			flex-direction:column;
			margin: 0 0 30px 0;
		}

		.supplement_text {
			color: #FF7B40;
			text-align: center;
			font-size: 15px;
			padding: 5px 0 0 0;
		}

		@media screen and (max-width: 328px) {
			.adjustment_call_text {
				display: block;
				line-height: 0.5em;
			}
		 }

		.sp_modal_common_call > a {
			background-size: 30px;
			color: #FFFFFF;
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #FF7B40;
	    box-shadow: 0 5px #E94800;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			margin: 0 auto;
			font-size: 18px;
		}

		.sp_modal_common_call:hover > a {
			background-size: 30px;
			color: #FFFFFF;
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #FF7B40;
	    box-shadow: 0 2px #E94800;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			margin: 0 auto;
			font-size: 18px;
		}

		.pc_modal_common_call_text {
			display: block;
			font-size: 13.5px;
			font-weight: normal;
			line-height: 1.5em;
		}
		/*================▼▼▼閉じるボタン▼▼▼================*/
		.closeModal {
			max-width: 300px;
			width: 90%;
			height: 45px;
			background-color: #29B6F6;
			box-shadow: 0 5px #039BE5;
			color: #FFFFFF;
			border-radius: 5px;
			cursor: pointer;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 5px;
			font-size: 18px;
			margin: 0 auto;
		}

		.closeModal:hover {
			max-width: 300px;
			width: 90%;
			height: 45px;
			background-color: #29B6F6;
			box-shadow: 0 2px #039BE5;
			color: #FFFFFF;
			border-radius: 5px;
			cursor: pointer;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 5px;
			font-size: 18px;
		}

		.commitment_closeModal {
		margin: 0 auto 100px auto;
		}
		/*================▼▼▼料金_modalArea1▼▼▼================*/
		.modal_fee_box {
			display: flex;
	    flex-direction: column;
			padding: 50px 0;
			max-width: 740px;
			width: 90%;
			margin: 0 auto;
		}

		.modal_img {
			width: 100px;
			object-fit: contain;
			margin: 0 auto;
			padding: 0 0 50px 0;
		}

		.modal_fee_text {
			width: 80%;
			margin: 0 auto;
			padding: 0 0 50px 0;
		}

		#modal_flow_bt {
			margin: 0 0 5px 0;
		}

		#modal_flow_bt > a {
			color: #FFFFFF;
	    max-width: 300px;
	    width: 90%;
	    height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 5px #004718;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
	    margin: 0 auto;
	    font-size: 18px;
		}

		#modal_flow_bt:hover > a {
			color: #FFFFFF;
	    max-width: 300px;
	    width: 90%;
	    height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 5px #004718;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
	    margin: 0 auto;
	    font-size: 18px;
		}

		@media screen and (max-width: 360px) {
			#modal_flow_bt > a {
				color: #FFFFFF;
		    max-width: 300px;
		    width: 90%;
		    height: 45px;
		    background-color: #8FBF2C;
		    box-shadow: 0 5px #004718;
		    border-radius: 5px;
		    cursor: pointer;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    padding: 5px;
		    margin: 0 auto;
		    font-size: 16px;
			}

			#modal_flow_bt:hover > a {
				color: #FFFFFF;
		    max-width: 300px;
		    width: 90%;
		    height: 45px;
		    background-color: #8FBF2C;
		    box-shadow: 0 5px #004718;
		    border-radius: 5px;
		    cursor: pointer;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    padding: 5px;
		    margin: 0 auto;
		    font-size: 16px;
			}
		 }
	/*================▼▼▼施設_modalArea1▼▼▼================*/
		.facility_pc_img {
			display: none;
		}

		.facility_sp_img {
			margin: 20px 0;
		}

		.modal_facility_box {
			display: flex;
			flex-direction: column;
			padding: 50px 0;
			max-width: 740px;
			width: 90%;
			margin: 0 auto;
		}

		.modal_img {
			width: 100px;
			object-fit: contain;
			margin: 0 auto;
			padding: 0 0 50px 0;
		}

		.facility_img_box {
			max-width: 740px;
			width: 90%;
			margin: 0 auto;
		}

		.modal_facility_description {
			margin: 30px 0 0 0;
			line-height: 1.5em;
		}

		.facility_small_title {
			font-size: 16px;
			line-height: 1.5em !important;
		}

		.facility_title {
			color: #332710;
			font-weight: normal;
			font-size: 20px;
			text-align: left;
			position: relative;
			left: 20px;
		}

		.facility_title::before {
			content: "";
			background: transparent;
			border-left: solid 10px #00BA40;
			vertical-align: sub;
			padding: 5px 0 15px 0;
			position: absolute;
			left: -20px;
			top: 2.5px;
		}

		.facility_img_box ul {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin: 0 0 50px 0;
		}

		.facility_img_box li:nth-child(2) {
			padding: 50px 0;
			max-width: 280px;
			width: 90%;
			margin: 0 auto;
		}

		.facility_il {
			max-width: 280px;
			width: 90%;
			margin: 0 auto;
		}

		.facility_imghover {
			overflow: hidden;
			width: 100%;
			height: 150px;
			border: 10px solid #ffffff;
			box-shadow: 0 0 5px #cccccc;
			box-sizing: border-box;
			object-fit: cover;
		}

		.facility_bt_img {
		 width: 45px;
		 padding: 0 15px 0 0;
		}

		#modal_facility_bt {
		 max-width: 740px;
			width: 90%;
			margin: 0 auto 5px auto;
		}

		#modal_facility_bt > a {
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 5px #004718;
	    color: #FFFFFF;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			margin: 0 auto;
			font-size: 16px;
		}

		#modal_facility_bt:hover > a {
			 max-width: 300px;
			 width: 90%;
			 height: 45px;
			 background-color: #8FBF2C;
			 box-shadow: 0 2px #004718;
			 color: #FFFFFF;
			 border-radius: 5px;
			 cursor: pointer;
			 display: flex;
			 justify-content: center;
			 align-items: center;
			 padding: 5px;
			 margin: 0 auto;
			 font-size: 16px;
		}
		/*================▼▼▼広さ_modalArea1▼▼▼================*/
		.modal_breadth_box {
			display: flex;
	    flex-direction: column;
			padding: 50px 0;
			max-width: 740px;
			width: 90%;
			margin: 0 auto;
		}

		.modal_img {
			width: 100px;
			object-fit: contain;
			margin: 0 auto;
			padding: 0 0 50px 0;
		}

		.breadth_contents {
			max-width: 740px;
			width: 90%;
			margin: 0 auto;
		}

		.breadth_contents2 {
			line-height: 1.5em;
			margin: 50px 0;
		}

		.breadth_imghover {
			overflow: hidden;
			width: 100%;
			height: 100%;
			border: 10px solid #ffffff;
			box-shadow: 0 0 5px #cccccc;
			box-sizing: border-box;
			object-fit: cover;
		}

		.modal_breadth_map_box {
			margin: 50px 0 0 0;
		}

		.modal_breadth_map_img > a {
			color: #FFFFFF;
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 5px #004718;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			font-size: 18px;
			margin: 0 auto;
		}

		.modal_breadth_map_img:hover > a {
			color: #FFFFFF;
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 2px #004718;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			font-size: 18px;
			margin: 0 auto;
		}
		/*================▼▼▼空き_modalArea1▼▼▼================*/
		.modal_empty_box {
			display: flex;
	    flex-direction: column;
			padding: 50px 0;
			max-width: 740px;
			width: 90%;
			margin: 0 auto;
			line-height: 1.8em;
		}

		.modal_img {
			width: 100px;
			object-fit: contain;
			margin: 0 auto;
			padding: 0 0 50px 0;
		}

		.modal_empty_adjustment {
			font-weight: bolder;
			display: block;
			font-size: 25px;
		}

		.modal_empty_text1 {
			max-width: 730px;
			width: 90%;
			margin: 0 auto;
			padding: 0 0 40px 0;
		}

		.modal_empty_text2 {
			max-width: 730px;
			width: 90%;
			margin: 0 auto;
			padding: 0 0 40px 0;
			font-size: 16px;
			line-height: 1.5em;
		}

		.modal_empty_map_img > a {
			color: #FFFFFF;
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 5px #004718;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			margin: 0 auto;
			font-size: 18px;
	}

		.modal_empty_map_img:hover > a {
			color: #FFFFFF;
			max-width: 300px;
			width: 90%;
			height: 45px;
	    background-color: #8FBF2C;
	    box-shadow: 0 2px #004718;
	    border-radius: 5px;
	    cursor: pointer;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 5px;
			margin: 0 auto;
			font-size: 18px;
		}

		/*================▼▼▼季節の野菜【共有】_modalArea1▼▼▼================*/
		.modal_season_box {
			padding: 30px 0;
	    width: 100%;
		}

		.modal_title_kind {
			font-size: 25px;
			color: #332710;
			font-weight: normal;
		}

		.difficulty_text {
			font-size: 18px;
			margin: 20px 0 30px 0;
		}

		.season_img {
			width: 80px;
			margin: 0 0 30px 0;
		}

		.season_img_side {
			width: 200px;
			margin: 0 0 30px 0;
		}

		.modal_season_block {
			display: flex;
	    text-align: left;
	    width: 250px;
	    margin: 0 auto 0 auto;
	    align-items: end;
	    padding: 0 10px;
		}

		.modal_season_m {
			margin: 30px auto;
		}

		.modal_season_contents ul {
			display: flex;
		  flex-wrap: wrap;
		  justify-content: space-between;
			text-align: center;
		}

		.modal_season_contents ul li:nth-child(n+2) {
			margin: 5%  0 0 0;
		}

		.season_li_img {
			padding: 8px 20px 0 0;
			width: 30px;
			object-fit: contain;
		}

		.adjustment_modal_season {
			font-size: 15px;
			display: block;
	    line-height: 1em;
		}
		/*================▼▼▼季節の野菜【春】_modalArea1▼▼▼================*/
		.modal_title_spring {
			font-weight: bold;
			color: #FF9191;
			font-size: 30px;
			display: flex;
			align-items: center;
			padding: 0 0 50px 0;
		}

		.modal_title_spring::before,
		.modal_title_spring::after {
			content: "";
			width: 80px;
			margin: 0 auto;
			border-top: dotted 2px #FF9191;
			display: block;
		}
		/*================▼▼▼季節の野菜【夏】_modalArea1▼▼▼================*/
		.modal_title_summer {
			font-weight: bold;
			color: #FE655F;
			font-size: 30px;
			display: flex;
			align-items: center;
			padding: 0 0 50px 0;
		}

		.modal_title_summer::before,
		.modal_title_summer::after {
			content: "";
			width:  80px;
			margin: 0 auto;
			border-top: dotted 2px #FE655F;
			display: block;
		}
		/*================▼▼▼季節の野菜【秋】_modalArea1▼▼▼================*/
		.modal_title_fall {
			font-weight: bold;
			color: #FFC891;
			font-size: 30px;
			display: flex;
			align-items: center;
			padding: 0 0 50px 0;
		}

		.modal_title_fall::before,
		.modal_title_fall::after {
			content: "";
			width:  80px;
			margin: 0 auto;
			border-top: dotted 2px #FFC891;
			display: block;
		}
		/*================▼▼▼季節の野菜【冬】_modalArea1▼▼▼================*/
		.modal_title_winter {
			font-weight: bold;
			color: #3F9DFB;
			font-size: 30px;
			display: flex;
			align-items: center;
			padding: 0 0 50px 0;
		}

		.modal_title_winter::before,
		.modal_title_winter::after {
			content: "";
			width:  80px;
			margin: 0 auto;
			border-top: dotted 2px #3F9DFB;
			display: block;
		}
}