@charset "utf-8";

#gift {
}
#gift > img {
}

#gift h2 {
	text-align:center;
	font-size:30px;
	margin-bottom:40px;
	line-height:1.5;
}
	@media(max-width:767px) {
		#gift h2 {
			font-size:24px;
		}
	}

#gift ul {
	max-width:1200px;
	marin:0 auto;
}
#gift ul > li {
	width:20.5%;
	float:left;
	margin:0 2.25% 30px 2.25%;
}
	@media(max-width:767px) {
		#gift ul > li {
			width:45%;
			margin:0 2.5% 20px 2.5%;
		}
	}

#gift ul > li > img {
	width:100%;
	margin-bottom:10px;
}
#gift ul > li > h3 {
	font-size:25px;
	line-height:1.3;
	margin-bottom:5px;
}
#gift ul > li > p {
	font-size:15px;
	line-height:1.5;
	color:#221814;
}



#icecream {
}
	@media(max-width:767px) {
		#icecream {
			margin-bottom:40px;
		}
	}

#icecream > img {
	margin-bottom:70px;
}
	@media(max-width:767px) {
		#icecream > img {
			margin-bottom:40px;
		}
	}

#icecream > span {
	display:block;
	text-align:center;
	font-size:30px;
	line-height:1.5;
	font-weight:bold;
}
	@media(max-width:767px) {
		#icecream > span {
			font-size:24px;
			margin-bottom:0 10px 20px 10px;
		}
	}


#gourmet {
}
#gourmet > img {
	margin-bottom:40px;
}
#gourmet h2 {
	text-align:center;
	font-size:30px;
	margin-bottom:40px;
	line-height:1.5;
}
	@media(max-width:767px) {
		#gourmet h2 {
			font-size:24px;
			margin:0 10px 10px 10px;
		}
	}

#gourmet ul {
	max-width:1200px;
	marin:0 auto;
}
#gourmet ul > li {
	width:28.5%;
	float:left;
	margin:0 2.41% 30px 2.41%;
}
	@media(max-width:767px) {
		#gourmet ul > li {
			width:45%;
			margin:0 2.5% 20px 2.5%;
		}
		#gourmet ul > li:nth-child(even) {
			float:right;
		}

	}

	@media(max-width:479px) {
		#gourmet ul > li {
			width:auto;
			float:none !important;
		}
	}

#gourmet ul > li > img {
	width:100%;
	margin-bottom:10px;
}
#gourmet ul > li > h3 {
	font-size:25px;
	line-height:1.3;
	margin-bottom:5px;
}
#gourmet ul > li > p {
	font-size:15px;
	line-height:1.5;
	color:#221814;
	margin-bottom:15px;
}

#gourmet ul > li > dl {
	border-top:1px solid #00A0E8;
	border-left:1px solid #00A0E8;
	border-right:1px solid #00A0E8;
	line-height:1.25;
}
#gourmet ul > li > dl:last-child {
	border:1px solid #00A0E8;
}
#gourmet ul > li > dl > dt {
	width:28%;
	margin:0 3%;
	display:inline-block;
	padding:8px 0;
}
#gourmet ul > li > dl > dd {
	vertical-align:top;
	width:64%;
	margin:0 2% 0 0;
	display:inline-block;
	padding:8px 0;
}




#news {
	width:60%;
	float:left;
}
	@media(max-width:767px) {
		#news {
			width:auto;
			float:none;
			margin-bottom:30px;
		}
	}

#news > h2 {
	padding-bottom:10px;
	font-size:25px;
}
#news > ul {
	background-color:#FFF;
	padding:18px 20px;
}
#news > ul > li {
	border-bottom:1px solid #717071;
	padding:15px 10px;
	line-height:1.4;
}
	@media(max-width:797px) {
		#news > ul > li {
			font-size:16px;
		}
	}
	@media(max-width:599px) {
		#news > ul > li {
			font-size:14px;
		}
	}

#news > ul > li > a{
	color:#221814;
}
#news > ul > li > a:hover{
	opacity:0.7;
}
#fb {
	width:35%;
	float:right;
	background-color:#FFF;
	text-align:center;
	border:8px solid #FFF;
}
	@media(max-width:767px) {
		#fb {
			width:auto;
			float:none;
			margin-bottom:30px;
		}
	}


#feature {
	padding:50px 20px 40px 20px;
	max-width:1160px;
	margin:0 auto;
	text-align:center;
}
#feature > h2 {
	font-size:35px;
	line-height:1.4;
	margin-bottom:30px;
}
	@media(max-width:797px) {
		#feature > h2 {
			font-size:28px;
		}
	}
	@media(max-width:599px) {
		#feature > h2 {
			font-size:21px;
		}
	}

#feature > p {
	max-width:860px;
	text-align:left;
	line-height:1.7;
	margin:0 auto 60px auto;
}
	@media(max-width:797px) {
		#feature > p {
			font-size:16px;
		}
	}
	@media(max-width:599px) {
		#feature > p {
			font-size:14px;
		}
	}

#feature > ul > li {
	width:32%;
	text-align:left;
	float:left;
	margin-right:2%;
}
	@media(max-width:599px) {
		#feature > ul > li {
			width:auto;
			float:none;
			margin-right:0;
			margin-bottom:20px;
		}
	}

#feature > ul > li:last-child {
	margin-right:0;
}
#feature > ul > li > a {
	color:#00A0E8;
	font-size:24px;
}
	@media(max-width:797px) {
		#feature > ul > li > a {
			font-size:18px;
		}
	}
	@media(max-width:599px) {
		#feature > ul > li > a {
			font-size:16px;
		}
	}

#feature > ul > li > a:hover {
	opacity:0.7;
}
#feature > ul > li > a > img {
	width:100%;
	margin-bottom:8px;
}
#feature > ul > li > a > span {
	line-height:1.4;
}


#park > img {
	width:46%;
	float:left;
}
	@media(max-width:679px) {
		#park > img {
			width:100%;
			float:none;
			margin-bottom:10px;
		}
	}

#park > div {
	width:50%;
	float:right;
}
	@media(max-width:679px) {
		#park > div {
			width:auto;
			float:none;
		}
	}

#park > div > h2 {
	font-size:28px;
	line-height:1.3;
	margin-bottom:20px;
}
	@media(max-width:797px) {
		#park > div > h2 {
			font-size:22px;
		}
	}
	@media(max-width:599px) {
		#park > div > h2 {
			font-size:20px;
		}
	}

#park > div > p {
	line-height:1.6;
}
	@media(max-width:797px) {
		#park > div > p {
			font-size:16px;
		}
	}
	@media(max-width:599px) {
		#park > div > p {
			font-size:14px;
		}
	}



#station {
	text-align:center;
}
#station > img {
	margin-bottom:35px;
}
#station > h2 {
	display:inline-block;
	min-width:12em;
	line-height:1.6;
	border-bottom:1px solid #00AFEC;
	margin-bottom:30px;
}
#station > p {
	font-size:30px;
	line-height:1.3;
	margin-bottom:40px;
	padding:0 20px;
}
	@media(max-width:797px) {
		#station > p {
			font-size:24px;
		}
	}
	@media(max-width:599px) {
		#station > p {
			font-size:21px;
		}
	}

#station > a {
	display:inline-block;
	line-height:80px;
	background:url(../images/icon1.png) center left no-repeat #00AFEC;
	background-size:contain;
	margin-bottom:40px;
	width:90%;
	max-width:400px;
	font-size:20px;
}
	@media(max-width:599px) {
		#station > a {
			font-size:16px;
		}
	}

#station > a:hover {
	opacity:0.7;
}

#station > a > span {
	display:inline-block;
	width:100%;
	background:url(../images/icon2.png) center right no-repeat;
	background-size:contain;
}
#station > ul {
	margin-bottom:30px;
}
#station > ul > li {
	display:inline-block;
	font-size:20px;
	padding:0 0.5em;
	line-height:1.5;
}
	@media(max-width:599px) {
		#station > ul > li {
			font-size:16px;
		}
	}



#eatin {
	text-align:center;
}
#eatin > img {
	margin-bottom:20px;
}
#eatin > h2 {
	display:inline-block;
	min-width:12em;
	line-height:1.6;
	border-bottom:1px solid #00AFEC;
	margin-bottom:30px;
}
#eatin > p {
	font-size:30px;
	line-height:1.3;
	margin-bottom:40px;
	padding:0 20px;
}
	@media(max-width:797px) {
		#eatin > p {
			font-size:24px;
		}
	}
	@media(max-width:599px) {
		#eatin > p {
			font-size:21px;
		}
	}
	
#eatin > a {
	display:inline-block;
	line-height:80px;
	background:url(../images/icon3.png) center left no-repeat #00AFEC;
	background-size:contain;
	margin-bottom:40px;
	width:90%;
	max-width:400px;
	font-size:20px;
}
	@media(max-width:599px) {
		#eatin > a {
			font-size:16px;
		}
	}

#eatin > a:hover {
	opacity:0.7;
}

#eatin > a > span {
	display:inline-block;
	width:100%;
	background:url(../images/icon4.png) center right no-repeat;
	background-size:contain;
}
#eatin > ul {
	margin-bottom:30px;
}
#eatin > ul > li {
	display:inline-block;
	font-size:20px;
	padding:0 0.5em;
	line-height:1.5;
}
	@media(max-width:599px) {
		#eatin > ul > li {
			font-size:16px;
		}
	}



#information {
}
#information > img {
	margin-bottom:25px;
}
#information > ul {
	max-width:1160px;
	margin:0 auto 50px auto;
}
#information > ul > li {
	width:32%;
	float:left;
	margin-left:1%;
}
	@media(max-width:767px) {
		#information > ul > li {
			width:auto;
			float:none;
			margin:0 10px 15px 10px !important;
			
		}
	}

#information > ul > li:last-child {
	margin-right:1%;
}

#information > ul > li > div {
	border:1px solid #00AFEC;
	text-align:center;
	height:96px;
}
	@media(max-width:767px) {
		#information > ul > li > div {
			height:80px;
		}
	}

#information > ul > li > div > p {
	padding-top:15px;
	font-size:40px;
}
	@media(max-width:979px) {
		#information > ul > li > div > p {
			font-size:32px;
		}
	}

#information > ul > li:last-child > div > p {
	padding-top:28px;
}
	@media(max-width:767px) {
		#information > ul > li:last-child > div > p {
			padding-top:24px;
		}
	}

#information > ul > li > div > p > span {
	display:block;
	padding-top:5px;
	font-size:18px;
	line-height:1.3;
}
	@media(max-width:1160px) {
		#information > ul > li > div > p > span {
			font-size:16px;
		}
	}
	@media(max-width:979px) {
		#information > ul > li > div > p > span {
			font-size:14px;
		}
	}

	#information > ul > li:first-child > div > p > span {
		letter-spacing:-1px;
	}



#access {
	text-align:center;
}
#access > #map {
	margin-bottom:30px;
}
#access > #map > iframe {
	width:100%;
	height:472px;
}
	@media(max-width:1160px) {
		#access > #map > iframe {
			height:400px
		}
	}
	@media(max-width:979px) {
		#access > #map > iframe {
			height:320px
		}
	}
	@media(max-width:599px) {
		#access > #map > iframe {
			height:320px
		}
	}

#access > h2 {
	display:inline-block;
	min-width:12em;
	line-height:1.6;
	border-bottom:1px solid #00AFEC;
	margin-bottom:45px;
}
#access > ul {
	max-width:1160px;
	margin:0 auto 50px auto;
}
#access > ul > li {
	width:30%;
	float:left;
	margin:0 1.66666%;
	text-align:left;
	line-height:1.5;
}
	@media(max-width:767px) {
		#access > ul > li {
			width:auto;
			float:none;
			margin:0 10px 15px 10px !important;
			
		}
	}



#facilities {
	color:#221814;
}
#facilities > h2 {
	text-align:center;
	margin-bottom:20px;
}
#facilities > ul {
	margin:0 auto;
}
#facilities > ul > li {
	width:45%;
	float:left;
	margin:0 2.5%;
}
	@media(max-width:767px) {
		#facilities > ul > li {
			width:auto;
			float:none !important;
			margin:0 0 30px 0;
		}
	}

#facilities > ul > li:last-child {
	float:right;
}
#facilities > ul > li > div {
	width:45.5%;
	float:left;
}
#facilities > ul > li > img {
	width:51%;
	float:right;
}
#facilities > ul > li > div > header {
	line-height:1.2;
	margin-bottom:25px;
}
	@media(max-width:767px) {
		#facilities > ul > li > div > header {
			margin-bottom:15px;
		}
	}

#facilities > ul > li > div > header > span {
	font-size:15px;
}

#facilities > ul > li > div > header > h3 {
	display:inline;
	font-size:30px;
}
	@media(max-width:1160px) {
		#facilities > ul > li > div > header > h3 {
			font-size:24px;
		}
	}
	@media(max-width:979px) {
		#facilities > ul > li > div > header > h3 {
			font-size:21px;
		}
	}

#facilities > ul > li > div > p {
	font-size:15px;
	line-height:1.4;
}
#facilities > ul > li > div > p > strong {
	font-size:25px;
	font-weight:normal;
}
	@media(max-width:1160px) {
		#facilities > ul > li > div > p > strong {
			font-size:20px;
		}
	}
	@media(max-width:979px) {
		#facilities > ul > li > div > p > strong {
			font-size:18px;
		}
	}

#facilities > ul > li > div > p > a {
	color:#221814;
}


/*20230412追加*/

.sakuragai_wrap {
    background: #FADCE9;
    padding-bottom: 2em;
}
.sakuragai_about {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em 1em;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.sakuragai_text {
    width: 50%;
    color: #000;
    text-align: center;
}
.sakuragai_text img {
    width: 80%;
}
.sakuragai_text p {
    padding: 1em;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
}
.sakuragai_about_img {
    width: 50%;
    padding: 1em;
}
.sakuragai_about_img img {
    width: 100%;
}
.sakuragai_img {
    display: flex;
    justify-content:space-around;
    margin: 0 auto;
}
.sakuragai_img li {
    width: 32% !important;
    padding: 1em;
    margin: 0 !important;
    min-height: 0 !important;
}
.sakuragai_img li img {
    width: 100%;
}
.sakuragai_craft_wrap {
    padding: 0 1em;
    max-width: 1150px;
    width: fit-content;
    margin: 0 auto;
}
.sakuragai_craft {
    border: 2px solid #EC6D65;
    padding: 1em;
    display: flex;
}
.sakuragai_craft h3 span {
    display: block;
    color: #EC6D65;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}
.sakuragai_craft h3 {
    color: #000;
    font-size: 15px;
}
.sakuragai_craft_about {
    padding: 0 1em;
}
.sakuragai_craft_about p {
    color: #000;
    line-height: 1.5;
    font-size: 16px;
}
@media(min-width:768px) {
.craft_contact_mark {
    display: inline-block;
    width: 80px;
    height: 80px; 
    background-color: #EC6D65;
    border-radius: 50%; 
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
}
}

.sakuragai_craft_about p:before {
    content: '●';
    color: #EC6D65;
}
.sakuragai_craft_contact {
    color: #000;
    line-height: 1.2;
}
.sakuragai_craft_contact p a {
    display: block;
    color: #EC6D65;
    font-size: 35px;
}
.sakuragai_craft_contact p span {
    font-size: 15px;
}

@media(max-width:767px) {
    .sakuragai_about {
        display: block;
        padding: 1em;
    }
    .sakuragai_text {
        width: 100%;
    }
    .sakuragai_about_img {
        width: 100%;
        padding: 0;
    }
    .sakuragai_img {
        padding: 0 1em;
    }
    .sakuragai_img li {
        padding: 0;
    }
    .sakuragai_craft {
        display: block;
    }
    .sakuragai_craft_about {
    padding: 1em 0;
    }
    .craft_contact_mark {
        background: #EC6D65;
        text-align: center;
        color: #fff;
        display: block;
        padding: 10px 0;
        margin-bottom: 10px;
    }
}

.food {
    display: flex;
    justify-content: center;
}

.food_con {
    width: 50%;
    padding: 1em;
}
.food_con h2 {
    font-size: 25px;
    line-height: 1.5;
}
.food_con h3 {
    color: #fff;
    text-align: center;
    padding: 10px;
    margin: 10px auto;
}
.soft h3 {
    background: #00A0E9;
}
.burger h2 {
    color: #EB6100;
}
.burger h3 {
    background: #EB6100;
}
.burger .food_text p {
    color: #EB6100;
}

.food_text {
    display: flex;
    align-items: flex-start;
    margin: 10px auto;
}
.food_text p {
    font-weight: 600;
    line-height: 1.5;
    font-size: 18px;
}
.food_text img {
    width: 45%;
    margin-right: 10px;
}
.soft_soy {
    border: 1px solid #00A0E9;
    padding: 10px;
}
.soft_soy h4 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 20px;
}
.soft_soy h4 img {
    width: 120px;
    margin-right: 10px;
}
.soft_soy p {
    color: #000;
}
@media(max-width:767px) {
    .food {
        display: block;
    }
    .food_con {
        width: 100%;
        padding: 1em 0;
    }
    .food_text {
        display: block;
    }
    .food_text img {
        width: 100%;
        margin: 0;
    }
    .food_text p {
        padding: 1em 0;
    }
}