@charset "utf-8";

/*===== PC ここから =====*/
@media screen and (min-width: 741px){
/*===== 共通 =====*/
    .img_ttl {
        margin-bottom: 80px;
    }
/*===== park =====*/
	.park {
		padding-bottom: 100px;
	}
    .park h2 {
        font-size: 32px;
		color: #91732b;
		margin: 0 0 30px;
        text-align: center;
    }
	.park p {
		font-size: 15px;
	}
	.park .img {
		margin-bottom: 45px;
	}
	.facility .first_txt{
		text-align: center;
		margin-bottom: 50px;
	}
/*===== facility =====*/
	.facility ul {
		width: 820px;
		margin: 0 auto 70px;
	}
	.facility li {
		width: 390px;
		float: left;
		margin: 0 40px 25px 0;
	}
	.facility li:nth-of-type(2n) {
		float: left;
		margin: 0 0px 25px 0;
	}
	.facility li:nth-last-of-type(-n+2) {
		float: left;
		margin-bottom: 0;
	}
	.facility figure .img {
		margin-bottom: 20px;
	}
	.facility figcaption h4 {
		padding-bottom: 15px;
		margin-bottom: 10px;
		position: relative;
		font-size: 24px;
	}
    .facility figcaption h4::after {
        content: "";
        width: 25px;
        border-bottom: 2px solid #d52425;
        position: absolute;
        bottom: 0;
        left: 0;
    }
/*===== place =====*/
	.place li {
		border: 2px solid #eabcbc;
		border-radius: 20px;
		padding: 35px 38px;
		margin-bottom: 40px;
	}
	.place li:last-of-type{
		margin-bottom:0;
	}
	.place li h2 {
		border-bottom: 2px solid #d52425;
		text-align: left;
		font-size: 30px;
		padding-bottom: 20px;
		margin-bottom: 30px;
		color: #222;
	} 
  	.place li .img {
    	float: left;
    	margin: 0 20px 15px 0;
 	}
	.place li .img:last-of-type{
    	float: left;
    	margin: 0 0px 0px 0;
 	}
	.place li address{
    	text-align: left;
    	margin-bottom: 16px;
    	font-size: 15px;
 	}
	.place li address a{
    	pointer-events: none;
 }
	.place li .map iframe{
		width: 820px;
		height: 240px;
	}
	.place li .map_link{
		text-align: right;
		margin-bottom: 25px;
	} 
	.place li .map_link a {
		color: #d52425;
		text-decoration: none;
		border-bottom: 2px solid #e89c9d;
	}
	.place li .map_link a:hover{
		border-bottom: 2px solid #f5d7d7;
	}
	.place li .btn {
		width: 300px;
		margin: 0 auto;
	}
	.place li .btn a{
		display: block;
		padding: 15px 0;
		text-align: center;
	}
}
/*===== PC ここまで =====*/
/*===== SP ここから =====*/
@media screen and (max-width: 740px){
/*===== 共通 =====*/
    .img_ttl {
            margin-bottom: 50px;
        }
/*===== park =====*/
	.park {
		padding-bottom: 60px;
	}
    .park h2 {
        font-size: 20px;
		color: #91732b;
		margin: 0 0 15px;
        text-align: center;
		line-height: 140%;
	}
	.park p {
		font-size: 13px;
	}
/*===== facility =====*/
	.park .img {
		margin-bottom: 30px;
	}
	.facility .first_txt{
		text-align: left;
		margin-bottom: 30px;
	}
	.facility ul {
		width: 100%;
		margin: 0 auto 40px;
	}
	.facility li {
		width: 46%;
		float: left;
		margin: 0 20px 25px 0;
	}
	.facility li:nth-of-type(2n) {
		float: left;
		margin: 0 0px 25px 0;
	}
	.facility li:nth-last-of-type(-n+2) {
		float: left;
		margin-bottom: 0;
	}
	.facility figure .img {
		margin-bottom: 15px;
	}
	.facility figcaption h4 {
		padding-bottom: 15px;
		/* margin-bottom: 10px; */
		position: relative;
		font-size: 15px;
		display: table-cell;
		vertical-align: middle;
	}
    .facility figcaption h4::after {
        content: "";
        width: 25px;
        border-bottom: 2px solid #d52425;
        position: absolute;
        bottom: 5px;
        left: 0;
    }
/*===== place =====*/
	.place li {
		border: 2px solid #eabcbc;
		border-radius: 20px;
		padding: 20px 20px;
		margin-bottom: 40px;
	}
	.place li:last-of-type{
		margin-bottom:0;
	}
	.place li h2 {
		border-bottom: 2px solid #d52425;
		text-align: left;
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 15px;
		color: #222;
	} 
  	.place li .img {
    	margin: 0 15px 15px 0;
    	width: 100%;
  }
	.place li .img:last-of-type{
    	float: left;
    	margin: 0 0px 0px 0;
 	}
	.place li address{
    	text-align: left;
    	margin-bottom: 16px;
    	font-size: 13px;
    	line-height: 180%;
  }
	.place li .map iframe{
		width: 100%;
	}
	.place li .map_link{
		text-align: right;


		margin-bottom: 25px;
	} 
	.place li .map_link a {
		color: #d52425;
		text-decoration: none;
		border-bottom: 2px solid #e89c9d;
		font-size: 12px;
	}
	.place li .map_link a:hover{
		border-bottom: 2px solid #f5d7d7;
	}
	.place li .btn {
		width: 90%;
		margin: 0 auto;
	}
	.place li .btn a{
		display: block;
		padding: 10px 0;
		text-align: center;
	}
}
/*===== SP ここまで =====*/