@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap");

/* ------------------------
basic
------------------------*/
body { font-family: 'Crimson Text', serif,'Noto Serif JP', serif;}
input,textarea { font-family: 'Noto Serif JP', serif; }
.mincho { font-family: 'Noto Serif JP', serif; }

@media screen and (min-width: 651px) {
	h1 { font-size: 2.5em; letter-spacing: 1.6px; }
	h2 { font-size: 1.7em; letter-spacing: 1.6px; }
	h3 { font-size: 1.4em; letter-spacing: 1.2px; }
	h3 span { font-size: 0.8em; }
}

@media screen and (max-width: 650px) {
	h1 { font-size: 2.0em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; }
	h3 span { font-size: 0.8em; }
}

a { color: #f41942; }
a:hover { color: #cccccc; }


/* ===========================
header
============================*/

#header { position: relative; width: 100%;}
.logo { margin: 0px auto; text-align: center;}
.logo img { max-width: 229px; width: 100%;}
.h_weather a { position:absolute; background: #0c4981; color: #FFFFFF; top:0; right: 0; display: block; padding: 10px; text-decoration: none; font-size: 90%; text-align: center; transition: 0.2s; }
.h_weather a:hover {background: #3495c2;} 
@media screen and (max-width: 999px) {
	.h_weather{ display: none;}
}

/* ------------------------
nav
------------------------*/
/* main nav */
nav a { text-decoration: none; color: #000000; transition: 0.2s; line-height: 140%;}
nav a:hover { -webkit-filter: opacity(0.8); filter: opacity(0.8); color: #697867; }

@media screen and (min-width: 1400px) {
	nav .drawer-menu p { text-align: center;}
	nav ul li { font-size: 1.2em; letter-spacing: 0.5px; font-family: 'Oswald', sans-serif; }
	nav ul li p { font-size: 0.85em; text-align: center;  color: #006699; font-family: 'Crimson Text', serif,'Noto Serif JP', serif;}
	.fixed_nav li { font-size: 1.3em; }
	.fixed_nav li p { font-size: 0.65em; }
}

@media screen and (max-width: 1399px) {
	nav ul li { font-size: 1em; letter-spacing: 0.5px; font-family: 'Oswald', sans-serif; }
	nav ul li p { font-size: 0.75em; text-align: center;  color: #006699; font-family: 'Crimson Text', serif,'Noto Serif JP', serif;}
	.fixed_nav nav ul li { font-size: 0.80em; }
	.fixed_nav nav ul li p { font-size: 0.95em; letter-spacing: 0.1em; }
	.fixed_nav nav ul li p span { display: none; }
}

@media screen and (min-width: 1000px) {
	
	nav dl { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-align-items: center; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; max-width: 1400px; margin: 10px auto; width: 100%;}
	nav dl dt { width: 95%; margin: 0 auto;}
 nav.topnavi { width: 100%; z-index: 10; padding-bottom: 10px; background: rgba(255,255,255,1.0); }
	nav.topnavi ul { display: flex; display: -webkit-flex; justify-content: space-between; width: 100%; align-items: center; }
	nav.topnavi ul li { margin-right: 10px; text-align: center; line-height: 120%;}
	
	.under_nav { position: absolute; top: 0; left: 0; width: 100%; }
	.under_nav .logo img { max-width: 230px; width: 100%; min-width: 230px; }
	.under_nav .under_head { display: flex; justify-content: space-between; flex-wrap: nowrap; width: 98%; padding-left: 1%; padding-right: 1%;
	background: rgb(67,67,72); 
	background: linear-gradient(to bottom, rgb(67,67,72) 0%,rgb(56,56,60) 33%,rgb(56,56,60) 65%,rgb(67,67,72) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434348', endColorstr='#434348',GradientType=0 );	}
	.under_nav .under_head dt { width: 20%; padding-top: 15px; }
	.under_nav .under_head dd { width: 80%; }
	.under_nav .under_head dd ul { display: flex; justify-content: flex-end; }
	.under_nav .under_head dd ul li { margin-right: 10px; font-size: 0.9em; }
	.under_nav .under_head .tel { font-size: 1.3em; font-family: 'Libre Baskerville', serif; letter-spacing: 2px; padding: 8px 10px; text-align: right; }
	.under_nav .under_head .tel span { font-size: 0.6em; }

	.under_nav nav { background: #FFF; }
	.under_nav nav ul { display: flex; display: -webkit-flex; justify-content: space-between; }
	.under_nav nav ul li { text-align: center; border-left: #EEE 1px solid; border-right: #EEE 1px solid; border-bottom: #EEE 2px solid; width: 18%; font-size: 0.9em; font-family: 'Merriweather', serif; }
	.under_nav nav ul li a { color: #777; display: block; padding-top: 10px; padding-bottom: 10px; }
	.under_nav nav ul li a:hover { background: #EEE; color: #000; }
	
	.fixed_nav { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; transition: .5s; transform: translateY(-100%); padding-bottom: 10px; }
	.fixed_nav .logo img { max-width: 220px; width: 100%; }
	.fixed_nav a { text-decoration: none; transition: 0.2s; }
	
	.fixed_nav .top_fixed { display: flex; display: -webkit-flex; justify-content: space-between; }
	.fixed_nav .top_fixed a {font-size: 1.2em; }
	.fixed_nav .top_fixed a:hover { color: #EEE; }
	.fixed_nav .under_fixed { background: #000; display: flex; display: -webkit-flex; justify-content: space-between; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.15); z-index: 100; }
	.fixed_nav .under_fixed li { text-align: center; border-left: #EEE 1px solid; border-right: #EEE 1px solid; border-bottom: #EEE 2px solid; width: 18%; font-family: 'Merriweather', serif;  }
	.fixed_nav .under_fixed li a { color: #777; display: block; padding-top: 10px; padding-bottom: 10px; }
	.fixed_nav .under_fixed li a:hover { background: #EEE; color: #000; }
	.is-show { transform: translateY(0); }
}

@media screen and (max-width: 999px) {
	
	nav{top:0;width:100%;}
	nav ul li { font-size: 1em; letter-spacing: 0.5px; font-family: 'Oswald', sans-serif; }
	nav ul li p { font-size: 0.75em; text-align: left;  color: #006699; font-family: 'Crimson Text', serif,'Noto Serif JP', serif;}
	
	.under_head dt { padding: 10px 8px; position: fixed; top: 0; width: 100%; z-index: 100;
	background: rgb(67,67,72); 
	background: linear-gradient(to bottom, rgb(67,67,72) 0%,rgb(56,56,60) 33%,rgb(56,56,60) 65%,rgb(67,67,72) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434348', endColorstr='#434348',GradientType=0 );
}
	.under_head dd { display: none; }
	.under_head .logo img { max-width: 220px; width: 100%; }
	.h_navi { display: none; }
}

/* drawer nav */
.drawer-toggle { display: none; }
@media screen and (max-width: 999px) {
	.drawer-menu { z-index: 30; }
	.drawer-menu p { font-family: 'Noto Sans JP', sans-serif; font-size: 0.7em; letter-spacing: 0.1em; }
	.drawer-nav ul { background: rgba(255,255,255,0.9); z-index: 30; }
	.drawer-nav ul li { padding-left: 10px; padding-right: 10px; border-bottom: 1px #64666d solid; }
	.drawer-nav ul li a { display: block; padding: 15px 10px 15px 20px; text-decoration: none; font-size: 1.35em; }
	.drawer-nav ul li a:hover { color: #5A5A5A; }
	.drawer-nav ul li.sns{border-bottom:1px #fff solid;padding-left: 0px; padding-right: 0px;}
	.drawer-nav ul li.sns a{background:#3399cc;color:#FFF;}
	.drawer-nav ul li.sns a:hover{background:#006699;}
	.drawer-nav ul li.reserve{border-bottom:0px #EEE solid;padding-left: 0px; padding-right: 0px; }
	.drawer-nav ul li.reserve a{background:#de0000;color:#FFF;}
	.drawer-nav ul li.reserve a:hover{background:#930303;}
}


/* ------------------------
footer
------------------------*/
#footer {color: #ffffff; background: #0c4981; text-align: center; }
#footer .f_box { max-width: 1200px; margin: 0px auto; padding: 20px;}
#footer .btn_blue_footer{ display: flex; max-width: 800px; margin: 40px auto 10px;}
#footer .btn_blue_footer dd { width: 45%; margin: 1%;}
#footer .btn_blue_footer a { color: #ffffff; background: #3495c2; border-radius: 6px; text-decoration: none; padding: 10px 15px;transition: 0.2s; display: block; text-align: center;}
#footer .btn_blue_footer a:hover { background: #003399; }
#footer .btn_blue_footer2{ display: flex; max-width: 800px; margin: 40px auto 10px;}
#footer .btn_blue_footer2 dd { width: 30%; margin: 1%;}
#footer .btn_blue_footer2 a { color: #ffffff; background: #3495c2; border-radius: 6px; text-decoration: none; padding: 10px 15px;transition: 0.2s; display: block; text-align: center;}
#footer .btn_blue_footer2 a:hover { background: #003399; }
#footer .f_info { margin-bottom: 40px; padding-bottom: 10px; }
#footer .f_info img{width: 100%; max-width: 143px; margin-bottom: 15px;}
#footer .c_name { font-size: 170%; margin-bottom: 20px; }
#footer .address { font-size: 110%; margin-bottom: 20px; }
#footer .copyright { text-align: center; letter-spacing: 1px; font-size: 80%; clear: both; margin: 0px auto 10px; border-top: 1px solid #CCCCCC; padding-top: 15px;clear: both;}


@media screen and (min-width: 1000px) {
	.inquiry_box, .inquiry_box_small {	display: none;}
}


@media screen and (max-width: 999px) {
	#footer { margin-top: 15px; }
	#footer .f_info { font-size: 130%; margin-left: 15px;}
	#footer .c_name { font-size: 130%; margin-bottom: 20px; }
	#footer .copyright { font-size: 0.8em; margin-top: 30px;}
#footer .btn_blue_footer{ display: flex; max-width: 800px; margin: 40px auto 10px;}
#footer .btn_blue_footer dd { width: 98%; margin: 1%;}
#footer .btn_blue_footer2{ display: flex; max-width: 800px; margin: 40px auto 10px;}
#footer .btn_blue_footer2 dd { width: 98%; margin: 1%;}

.inquiry_box_small { position: fixed; bottom: 0; z-index: 100; background: rgba(15,26,29,0.9); color: #FFF; width:100%; }
.inquiry_box_small ul { display: flex; }
.inquiry_box_small ul li { text-align: center; flex-grow: 1; width: 33%; }
.inquiry_box_small ul li div { padding: 5px 0; text-align:center; }
.inquiry_box_small img { max-width: 25px;}
.inquiry_box_small a { color: #FFF; text-decoration: none; }
}

/* ------------------------
common parts
------------------------*/
#m_images img,#m_images_under img {	width: 100%; margin: 0px auto 16px;}
#s_images {	display: none;}
audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}
@media screen and (max-width: 999px) {
#m_images img {	width: 100%; margin: 50px auto 0;}
#m_images_under img {	width: 100%; margin: 0px auto 0;}
}
.subtitle { text-align: center; font-size: 1.15em; font-family:'Merriweather', serif; letter-spacing: 2px; }
.ff_merri { font-family: 'Merriweather', serif; letter-spacing: 2px; }
.ff_noto { font-family: 'Noto Sans JP', sans-serif; }

.title { text-align: center; margin-bottom: 30px;}
.title .jpn {	font-size: 200%;	color: #006699;}
.title .eng {	font-size: 100%;  font-family: 'Oswald', sans-serif; margin-bottom: 10px;}

.stitle {	font-size: 130%;	border-bottom: 1px dotted #006699;	padding-bottom: 3px;	margin-bottom: 20px;	text-align: left;	clear: both;	color: #000000;}
#main_title {	font-size: 250%;	margin: 20px auto;	text-align: center;}
.page_title { font-weight: bold; text-shadow: 0px 1px 1px #000; font-family: 'Merriweather', serif; }
.page_title span { display: block; font-size: 0.6em; font-family: 'Noto Sans JP', sans-serif; }

.sub_caption { line-height: 180%; }
.c_caption { border-top: 3px #006699 double; border-bottom: 3px #006699 double; padding-top: 8px; padding-bottom: 8px; color: #006699; font-size: 1.2em; }

@media screen and (min-width: 651px) {
.page_title { padding-top: 15%; padding-bottom: 6%; text-align: center; color: #FFF; }
.pr_text { letter-spacing: 1.5px; line-height: 170%; }
.sub_caption { font-size: 1.3em; }
}

@media screen and (max-width: 650px) {
 .page_title { padding-top: 30%; padding-bottom: 20%; text-align: center; color: #FFF; }
	.pr_text { letter-spacing: 1px; }
	.sub_caption { font-size: 1.2em; }
}

/* ------------------------
box
------------------------*/
/* basebox */
@media screen and (min-width: 1400px) {
	.container { min-width: 900px; font-size: 1.45em; }
	.limit_box { max-width: 1400px; margin: 0px auto 100px;  }
	.limit_box_lg {width: 90%; margin: 0px auto;}
	.wide_box {width: 100%;  margin: 0px auto 100px ;}
	.sm_box { max-width: 1000px; padding: 30px; margin: 10px auto 50px auto;  }
	
	.limit_box_simple { max-width: 1200px; margin: 0px auto;}
}

@media screen and (max-width: 1399px) {
	.container { font-size: 1.3em; }
	.limit_box { margin: 20px 3% 100px; }
	.limit_box_lg {width: 90%; padding: 30px; margin: 0px auto 50px auto;  }
	.wide_box { margin: 30px auto; }
	.limit_box_simple { width: 90%; margin: 0px auto;}
}

/* ------------------------
content
------------------------*/

/*top*/
.main_pr {height: 600px; position:relative; }

.main_pr .main_pr_bnr { position:absolute; bottom:15px; right:15px; text-align:right; }
.main_pr .main_pr_bnr img { width:90%; max-width:450px; }


@media screen and (max-width:999px){
	.main_pr {height: 200px;}
	.main_pr .main_pr_bnr { display:none; }
	.furusato_nouzei { display:block; text-align:center; }
	.furusato_nouzei img { width:95%; margin:1em auto; }
}

.tab_calendar{width:100%;margin-bottom:10px;display:flex;flex-wrap:wrap;}
.tab_calendar li:hover{background:#0248ad;color:#FFF;}
.tab_calendar li.select{background:#0248ad;color:#FFFFFF;font-weight:bold;border-radius:15px;}

@media screen and (min-width: 1000px) {
.tab_calendar li{text-align:center;cursor:pointer;width:12%;background:#d7f6fc;color:#000000;padding-top:10px;padding-bottom:10px;margin-right:0.5%;margin-bottom:5px;}
}

@media screen and (max-width: 999px) {
.tab_calendar li{text-align:center;cursor:pointer;width:32%;background:#d7f6fc;color:#000;padding-top:10px;padding-bottom:10px;margin-right:0.5%;margin-bottom:5px;}
}

.sg_slider_img div img { width: 100%; position: relative;}


/* news */

.news_box {	display: flex;	display: -webkit-flex;	justify-content: space-around;	-webkit-justify-content: space-around;	align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap;}
.news_box dt {	width: 70%;}
.news_box dd {	width: 20%; text-align: center; font-size: 300%;}

@media screen and (max-width: 999px) {
.news_box dt {	width: 100%;}
.news_box dd {	width: 100%; margin: 0 auto; text-align: center; font-size: 160%;}
}

.news {width: 100%;}
.news ul { padding: 5px; margin-top: 5px; margin-bottom: 15px;}
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 25px; margin-top: 25px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { margin-right: 20px; float: left;  }
.news .event { background: #3399cc; color: #ffffff; margin-right: 20px; float: left; padding: 3px 5px; font-size: 90%;}
.news .info { background: #000000; color: #ffffff; margin-right: 20px; float: left; padding: 3px 5px; font-size: 90%;}
@media screen and (max-width: 999px) {
.news ul li { border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; margin-top: 15px; }
}


.pr_box dd img {width:100%; margin-bottom: 20px;}
.pr_box dd p { font-size: 120%; padding: 20px;}
.pr_box .title { font-size: 200%;  font-weight: bold; font-family: 'Oswald', sans-serif; margin-bottom: 10px;}
.pr_box {display: flex;}
.pr_box dd {width: 33.1%; margin: 0 auto; text-align: center;}

@media screen and (max-width: 999px) {
.pr_box dd {width: 100%; margin: 0 auto; text-align: center; display: block;}
}


/* course */
.m_titlebottom25 { color: #000000; 	font-size: 1.5em; margin-bottom: 25px;}
.eng_sm { color: #e4dede; font-size: 130%; font-style: italic; padding: 10px; }
.photo_gallery{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_gallery li{width:32.5%;margin-bottom:20px;}
.photo_gallery li img{width:100%;border-radius:3px;box-shadow:0px 0px 8px -2px #999;}

@media screen and (max-width:650px){
	.photo_gallery li{width:49%;margin-bottom:10px;}
	.photo_gallery li.sp_100per{width:100%;}
}


/* hole_box */
.hole_box { max-width: 1400px; margin: 70px auto 0px; }
.hole_box .hole_nav { 	display: flex;	display: -webkit-flex;	justify-content: flex-start;-webkit-justify-content: flex-start;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: flex-end; border-bottom: 1px solid #000000; }
.hole_box .hole_nav li a{ display: block; background: #eff6fc; padding: 10px 5px; text-decoration: none; color: #053c90; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background: #007ef5; color: #dff1f9; padding: 20px 10px;  border-radius: 10px 10px 0 0; }
.hole_box .hole_nav li a:hover { background: #555; color: #FFF; }
.hole_box .hole_nav li { text-align: center; width: 19.6%;  font-size: 1.2em; margin: 0.2%;}
.hole_box .swiper-slide dl { display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; }
.hole_box .swiper-slide dl dt { width: 60%; }
.hole_box .swiper-slide dl dd { width: 38%; }

@media screen and (max-width:999px) {
.hole_box .hole_nav li { width: 40%; }
.hole_box .swiper-slide dl dt { width: 100%; }
.hole_box .swiper-slide dl dd { width: 100%; }
.hole_box .swiper-container li .slide-inner { padding: 15px; }
}

/* pr */
.pr01_bg { background: url("../images/top/pr01_02.jpg") center top no-repeat; background-size: 100%; }
.pr02_bg { background: url("../images/top/pr02.jpg") center top no-repeat; background-size: 100%; }
.pr03_bg { background: url("../images/top/pr01.jpg") center top no-repeat; background-size: 100%; }

.pr_block h2 { text-align: center; }
.pr_block .pr_bg { background: rgba(255,255,255,0.80); max-width: 1140px; margin: auto; padding: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.pr_block .pr_list ul { background: rgba(255,255,255,0.5); padding: 20px 10px; display: flex; display: -webkit-flex; flex-wrap: nowrap; }
.pr_block .pr_list ul li { padding: 0 10px; }

.pr_gallery { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.pr_gallery li img { width: 100%; }

.pr_course { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.pr_course li { width: 50%; }
.pr_course li img { width: 100%; }

/* stay_box */
.stay_box .stay_nav { 	display: flex;	display: -webkit-flex;	justify-content: flex-start;	-webkit-justify-content: flex-start;	flex-wrap: wrap;	-webkit-flex-wrap: wrap;align-items: flex-end; }
.stay_box .stay_nav li a{ display: block; background: #cdb88e; padding: 10px 5px; text-decoration: none; color: #FFF; border-radius: 10px 10px 0 0;  }
.stay_box .stay_nav li a.select { background: rgba(255,255,255,1.0); color: #3e320a; padding: 20px 10px;  border-radius: 10px 10px 0 0; border-top: 0px solid #3e320a; border-left:0px solid #3e320a;border-right: 0px solid #3e320a; border-bottom: 0px solid #FFFFFF;}
.stay_box .stay_nav li a:hover { background: #555; color: #FFF; }
.hole_title { font-family: 'Neuton', serif; }
.stay_box .swiper-container { background: rgba(255,255,255,0.9); }

@media screen and (min-width: 1000px) {
.stay_box { max-width: 1400px; margin: 70px auto 0px; }
.stay_box .stay_nav li { text-align: center; width: 40%;  font-size: 1.2em; margin: 0.2%;}
.stay_box .layout_img { margin-top: 3%; }
.stay_box .swiper-slide dl { display: flex; display: -webkit-flex; justify-content: space-between; }
.stay_box .swiper-slide dl dt { width: 60%; }
.stay_box .swiper-slide dl dd { width: 38%; }
.stay_box .swiper-container li .slide-inner { padding: 30px; }
}

@media screen and (max-width:999px) {
.stay_box { margin: 50px auto 0px; padding-top: 50px; }
.stay_box .stay_nav li { text-align: center; width: 45.5%;  font-size: 1.2em; margin-bottom: 5px;margin: 0.2%;}
.stay_box .stay_nav li a { padding: 10px 10px; }
.stay_box .swiper-slide dl { display: block; }
.stay_box .swiper-container li .slide-inner { padding: 15px; }
}

/* access */
.root{display:flex;flex-wrap:wrap;justify-content:space-between;}
.root li{width:48%;margin-bottom:10px;}
.root li p{text-align:center;padding:5px;}

/*restaurant*/
.restaurant_menu li{margin-bottom:20px;}
.restaurant_menu img{width:100%;border-radius:10px;}

.restaurant_menu dl{margin-top:10px;}
.restaurant_menu dl dt{float:left;padding:3px 10px;}
.restaurant_menu dl dd{float:right;padding:3px 10px;}
.restaurant_menu font { display:inline-block; }

.side{display:flex;flex-wrap:wrap;justify-content:space-between;}
.side li{ width:100%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between;  }
.rest_list li{ width:30%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list li span,.side li span { float: right; text-align: right;}
.rest_list02 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between;  }
.rest_list02 li{ width:48%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list02 li span { float: right;text-align: right;}

@media screen and (max-width:999px){
.rest_list li{ width:48%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
.rest_list02 li{ width:100%; border-bottom: 1px dotted #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
}



@media screen and (min-width: 651px) {
	.pr_block { padding-top: 45%; }
	.pr_block .pr_list { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin-top: 30px; }
	.pr_block .pr_list dd { width: 49%; }
	.pr_gallery li { width: 25%; }
	.breakfast { flex-wrap: nowrap; }
	.breakfast li { width: 19.5%; }
	.breakfast .m_end div { padding: 0 10px; }
	.season { flex-wrap: nowrap; }
	.season li { width: 24.5%; }
	.season li div { padding: 10px 20px; }
	.season li .title { font-size: 120%; border-bottom: 1px #EEE solid; padding-bottom: 5px; margin-bottom: 10px; }
	.season li .price { text-align: right; margin-top: 10px; }
	.four_two li { width: 24.5%; margin-bottom: 30px; }
	.two_one li { width: 48%; margin-bottom: 30px; }
	.three_one li { width: 32%; margin-bottom: 30px; }
	.sidemenu li { width: 19.5%; margin-bottom: 30px; }
}

@media screen and (max-width: 650px) {
 .pr_block { padding-top: 60%; }
	.pr_block .pr_bg { margin-left: 0%; margin-right: 0%; padding: 30px 20px; }
	.pr_block .pr_list { margin-top: 10px; }
	.pr_block .pr_list dd { margin-bottom: 30px; }
	.pr_block .pr_list ul li { padding: 0 0; }
	.pr_gallery li { width: 50%; }
	.breakfast { flex-wrap: wrap; }
	.breakfast li { width: 49.5%; margin-bottom: 20px; }
	.breakfast li.m_end,.four_two li.m_end { width: 100%; }
	.season { display: block; }
	.season li { width: 100%; margin-bottom: 10px; }
	.season li .title { font-size: 110%; margin-bottom: 5px; text-align: center; }
	.season li .price { text-align: right; margin-top: 5px; margin-bottom: 20px; }
	.four_two li { width: 49%; margin-bottom: 30px; }
	.two_one li { width: 100%; margin-bottom: 30px; }
	.three_one li { width: 100%; margin-bottom: 30px; }
	.sidemenu li { width: 49%; margin-bottom: 30px; }
}

.house_txt {width: 58%; line-height: 250%; font-size: 110%;}
@media screen and (max-width: 999px) {
.house_txt {width: 100%;}
}

/* ===========================
バックグランド設定のDIV
============================*/
.bnr_bk {
	max-width:1000px;
	background-repeat:no-repeat;
	border-radius: 0.6em;
	line-height:150%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	font-size:120%;
	padding:0.5em;
}
.bnr_bk {
	font-family: 'Noto Serif JP', sans-serif;
	word-wrap: break-word;
}

.bnr_bk_contents {
	background-color:rgba(255,255,255,0.55);
	border-radius: 0.6em;
	padding:10px;
	overflow: auto;
}

.bnr_bk_contents02 {
	background-color:rgba(255,255,255,0.85);
	border-radius: 0.6em;
	padding:10px;
	overflow: auto;
}

.bnr_bk_contents *{
	text-shadow: 0px 1px 2px #fff, 0px -1px 2px #fff, 1px 0px 2px #fff, -1px 0px 2px #fff;
}


.bnr_bk_contents_ttl, .bnr_bk_contents_ttl_sub {
	font-weight:bold;
	text-align: left;
}

.bnr_bk_contents_ttl {
	font-size:130%;
	margin-bottom:0.6em;
}

.bnr_bk_contents_ttl_sub {
	font-size:120%;
	margin-bottom:0.4em;
}

.bnr_bk_contents_tbl {
	margin:0.7em auto;
	width:70%;
}

.bnr_bk_contents_tbl th, .bnr_bk_contents_tbl td {
	background-color:rgba(255,255,255,0.64);
	border-collapse: separate;
	padding:0.4em;
	text-align:left;
	border-spacing: 2px;
	font-size:100%;
}


/* download */
.download_box { display: flex; justify-content: space-between; border: 5px #CCC solid; padding: 20px; }
.download_box dt { width: 70%; }
.download_box dd { width: 29%; }

@media screen and (max-width: 650px) {
	.download_box { display: block; padding: 10px; }
	.download_box dt { width :100%; }
	.download_box dd { width :100%; }
}

/* member news */
.m_news { padding: 20px;  font-size: 0.8em;}
.m_news ul{display:flex;align-items:center;}
.m_news ul li{ padding:15px 5px;}
.m_news ul li.icon_new p{background:#C90006;color:#FFF;padding:3px 5px;border-radius:10px;}
.m_news ul a{color:#444;}
.m_news ul a:hover{color:#999;}
.m_news ul li .tmble_cts{margin-top:10px;color:#666;line-height:180%;}

/* Underlayer */
.Underlayer_box .inner { background: rgba(255,255,255,0.9); }
.Underlayer_box_narrow .inner { background: rgba(255,255,255,0.95); }

@media screen and (min-width: 651px) {
	.Underlayer_box { max-width: 1200px; margin: 70px auto; }
	.Underlayer_box .inner { padding: 50px; }
	.Underlayer_box_narrow { max-width: 900px; margin: 70px auto; }
	.Underlayer_box_narrow .inner { padding: 50px; }
}

@media screen and (max-width: 650px) {
	.Underlayer_box { margin: 20px 3%; padding-top: 30%; }
	.Underlayer_box .inner { padding: 30px 15px; }
	.Underlayer_box_narrow { margin: 20px 3%; padding-top: 30%; }
	.Underlayer_box_narrow .inner { padding: 30px 15px; }
}

/* page_bg */
.about_bg { background: url("../images/bg_image/about.jpg") top center no-repeat; }
.course_bg { background: url("../images/bg_image/course.jpg") top center no-repeat; }
.course_detail_bg { background: url("../images/course/course_bg.jpg") top center no-repeat; background-size: 100%; }
.restaurant_bg { background: url("../images/bg_image/restaurant.jpg") top center no-repeat; }
.event_bg { background: url("../images/bg_image/event.jpg") top center no-repeat; }
.access_bg { background: url("../images/bg_image/access.jpg") top center no-repeat; }
.other_bg { background: url("../images/common/other_bg.jpg") top center no-repeat; background-size: 100%; }
.member_bg { background: url("../images/bg_image/member.jpg") top center no-repeat; }
.tournament_bg { background: url("../images/bg_image/tournament.jpg") top center no-repeat; }
.news_bg { background: url("../images/bg_image/news.jpg") top center no-repeat; background-size: 100%; }
.membership_bg { background: url("../images/bg_image/membership.jpg") top center no-repeat; background-size: 100%; }

@media screen and (min-width: 651px) {
	.h1_box { background-size: 100%; }
	.h1_box_underlayer { padding: 4%; }
}

@media screen and (max-width: 650px) {
	.h1_box { background-size: cover; }
}


/* ===========================
見出しと内容、他
============================*/
.new_ico {
	font-size:80%;
	background-color: #f00;
	color:#fff;
	font-weight:bold;
	padding:0.3em 0.5em;
	line-height: 100%;
	border-radius: 5px;
}

/* ===========================
お知らせ枠
============================*/
.oshirase { border-style:solid; border-width:2px; border-radius:0.4em; padding:1em 1.5em; margin:0 auto 1em; width:100%; max-width:1200px; }
.oshirase_ttl { font-size:130%; font-weight:bold; padding-bottom:0.3em; border-bottom-style:dotted; border-bottom-width:1px; margin-bottom:0.5em; }
.oshirase_ttl_sub { font-size:120%; font-weight:bold; padding-bottom:0.2em; margin-bottom:0.5em; margin-top:1em; }
.oshirase_danraku { font-size:100%; line-height:1.5em; margin-bottom:0.6em; word-wrap:normal; }
.oshirase_shime { text-align:right; width:100%; margin:0 auto; }
.oshirase_shime div { display:inline-block; text-align:left; }

.oshirase.color_red{ border-color:#BD0003; }
.color_red .oshirase_ttl { color:#9E0002; border-bottom-color:#BD0003; }

.oshirase.color_blue{ border-color:#2958B8; }
.color_blue .oshirase_ttl { color:#143882; border-bottom-color:#2958B8; }

.oshirase.color_green{ border-color:#3E872C; }
.color_green .oshirase_ttl { color:#2A631C; border-bottom-color:#3E872C; }


/* ===========================
インスタ
============================*/
	
.insta_btn2 {
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;
  position: relative;
  display: inline-block;
	padding:0.3em;
	margin:1em auto 0;
  width: 100%;
  text-align: center;
  font-size: 200%;
  vertical-align: middle;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  text-decoration:none;
}

.insta_btn2:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

/*アイコン*/
.insta_btn2 .fa-instagram{
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

/*テキスト*/
.insta_btn2 span {
  display:inline-block;
  position: relative;
  transition: .5s
}

/*ホバーで一周回転*/
.insta_btn2:hover span{
  transform: rotateX(360deg);
}

/* 料金カレンダー　アイコン凡例 */
.hanrei_lst { margin-top:0.4rem; }
.hanrei_lst li {
	display:inline-block;
	margin-right:2rem;
	margin-bottom:0.6rem;
}

.hanrei_lst img {
	margin-right:0.5rem;
	vertical-align:middle;
}

/* ===========================
見出しと内容、他
============================*/
* .title03 {
	font-size:180%;
	font-weight:bold;
	margin-bottom:0.5em;
	border-bottom:7px #6A8842 double;
	padding-bottom:0.2em;
	text-align:center;
	color:#466221;
}

.new_ico {
	font-size:80%;
	background-color: #f00;
	color:#fff;
	font-weight:bold;
	padding:0.4em 0.5em 0.2em;
	line-height: 100%;
	border-radius: 5px;
}

* .menu_title {
	margin:0em auto 0.1em;
	font-size:140%;
	font-weight:normal;
	padding:0em;
	text-align:left;
	line-height:1.4rem;
}

.kingaku {
	text-align:left;
	font-size:100%;
	line-height:1.4rem;
	margin-top:0.5rem;
}

/*.kingaku font {}*/

.menu_naiyou {
	text-align:left;
	margin-bottom:0;
	font-size:100%;
}

/* ===========================
flexbox
============================*/

/*　均等並び　*/
.fb_div {
	width:100%;
	margin:0.7em auto 0.5em;
	text-align:center;
	display: flex;
 align-items: flex-start;
	justify-content: space-between;
  align-items: stretch;
	flex-wrap: wrap;
}

/*　中央寄せ　*/
.fb_div_center {
	width:100%;
	margin:0.7em auto 0.5em;
	text-align:center;
	display: flex;
 align-items: flex-start;
justify-content: center;
  align-items: stretch;
	flex-wrap: wrap;
}

/*　左寄せ（普通？）　*/
.fb_div_left {
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	display: flex;
justify-content: flex-start;
  align-items: stretch;
}

.flx_item {
	margin:0 0.5em;
	flex:1;
}


.flx_item * img, .fb_div * img, .fb_div_center * img, .fb_div_left * img {
	width:100%;
	margin-bottom:8px;
}


.col_12p12 {
	width:100%;
	margin:1em 0em 0.6em;
	padding:2%;
}
	
.col_1p12, .col_2p12, .col_2p10, .col_3p12, .col_4p12, .col_5p12, .col_6p12, .col_7p12, .col_8p12, .col_9p12, .col_10p12, .col_11p12, .col_12p12
{ margin-top:0.7em; margin-bottom:0.7em; padding:0.3em; }

.photo_1, .photo_2, .photo_3, .photo_4, .photo_5, .photo_6, .photo_7, .photo_8, .photo_9, .photo_10
{ margin-top:0.3em; margin-bottom:0.3em; padding:0.5em; }

.col_12p12 {
	width:100%;
	margin:1em 0em 0.6em;
	padding:2%;
}
	
.photo_1 img, .photo_2 img, .photo_3 img, .photo_4 img, .photo_5 img, .photo_6 img, .photo_7 img, .photo_8 img, .photo_9 img, .photo_10 img 
{ box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2); }

.col_12p12 { width:100%; }	/* 12分の12 */
.col_11p12 { width:90.5%; }	/* 12分の11 */
.col_10p12 { width:82%; }		/* 12分の10 */
.col_9p12 { width:73.8%; }	/* 12分の9 */
.col_8p12 { width:65.6%; }	/* 12分の8 */
.col_7p12 { width:57.4%; }	/* 12分の7 */
.col_6p12 { width:49.2%; }	/* 12分の6 半分 */
.col_5p12 { width:41.0%; }	/* 12分の5 */
.col_4p12 { width:32.8%; }	/* 12分の4 3分割 */
.col_3p12 { width:24.6%; }	/* 12分の3 4分割 */
.col_2p10 { width:19.7%; }	/* 10分の2 5分割 */
.col_2p12 { width:16.4%; }	/* 12分の2 6分割 */
.col_1p12 { width:8.2%; }		/* 12分の1 12分割 */

.photo_1 { width:100%; }	/* 1枚 */
.photo_2 { width:49.7%; }	/* 2枚 */
.photo_3 { width:33.2%; }	/* 3枚 */
.photo_4 { width:24.8%; }	/* 4枚 */
.photo_5 { width:19.8%; }	/* 5枚 */
.photo_6 { width:15.8%; }	/* 6枚 */
.photo_7 { width:13.8%; }	/* 7枚 */
.photo_8 { width:12.3%; }	/* 8枚 */
.photo_9 { width:11%; }		/* 9枚 */
.photo_10 { width:9.7%; }	/* 10枚 */

.bk_white {
	background-color: #FFFFFF;
	box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
	padding:15px;
}

/* ===========================
リスト
============================*/
/* リストタグ用 */
.ol_lst, .ul_lst { margin:0.5em 2em 0.5em 1.7em; }
.ol_lst li, .ul_lst li { margin-bottom:0.5em; line-height:1.5em; }
* .ol_lst li, * .ul_lst li .ol_lst li { list-style-type:decimal; }
* .ul_lst li, * .ol_lst li .ul_lst li { list-style-type:disc; }

/* リストタグを使わないとき用 */
* .txt_list { margin-left:1em; text-indent:-1em; margin-bottom:0.4em; line-height:1.3em; }
* .txt_list * { text-indent:0; }

* .list_naiyou { margin-left:1em; }

/* ===========================
レストラン
============================*/
.ev_div { border-radius:0.5em; }
.ev_div01 { background-image: url("../images/restaurant/background/wood01.png"); }
.ev_div02 { background: url("../images/restaurant/background/ivy_left-top.png") no-repeat left top; }
.ev_div03 { background: url("../images/restaurant/background/ivy_right-bottom.png") no-repeat right bottom; }

.res_ev_ttl { text-align:center; font-size:180%; font-weight:bold; text-shadow: 0px 1px 2px #fff, 0px -1px 2px #fff, 1px 0px 2px #fff, -1px 0px 2px #fff; }
.ev_div img.ev_photo { border: 5px solid #FFFFFF;transform: rotate( 角度deg );transform: rotate( 5deg ); box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.3); }


/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/* タブレットサイズ？*/

@media only screen and (min-width:641px) and (max-width:919px){
/*-----------------------------------------------*/

	.contents_box * font.pc_hide, .contents_box * span.pc_hide, .contents_box * strong.pc_hide { display: inline-block; }
	.contents_box * font.sm_hide, .contents_box * span.sm_hide, .contents_box * strong.sm_hide { display: none; }
	.contents_box * font.tablet_hide, .contents_box * span.tablet_hide, .contents_box * strong.tablet_hide { display: none; }

	.col_1p12, .col_2p12, .col_2p10, .col_3p12, .col_4p12, .col_5p12, .col_6p12, .col_7p12, .col_8p12, .col_9p12, .col_10p12, .col_11p12, .col_12p12
	{ margin-top:0.6em; margin-bottom:0.6em; padding:0.2em; }
		
	.photo_4 { width:49.8%; }
	.photo_5, .photo_6 { width:33.2%; }
	.photo_7, .photo_8 { width:24.6%; }
	.photo_9, .photo_10 { width:16.4%; }

	
/*-----------------------------------------------*/
}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
/* スマホサイズ？*/

@media only screen and (max-width:640px){
/*-----------------------------------------------*/

	.contents_box * font.pc_hide, .contents_box * span.pc_hide, .contents_box * strong.pc_hide { display: inline-block; }
	.contents_box * font.sm_hide, .contents_box * span.sm_hide, .contents_box * strong.sm_hide { display: none; }
	.contents_box * font.tablet_hide, .contents_box * span.tablet_hide, .contents_box * strong.tablet_hide { display: none; }

	.col_1p12, .col_2p12, .col_2p10, .col_3p12, .col_4p12, .col_5p12, .col_6p12, .col_7p12, .col_8p12, .col_9p12, .col_10p12, .col_11p12, .col_12p12
	{ margin-top:0.5em; margin-bottom:0.5em; padding:0.1em; width:100%; }

	.photo_2, .photo_3, .photo_4 { width:100%; }
	.photo_5, .photo_6, .photo_7 { width:49.8%; }
	.photo_8, .photo_9, .photo_10 { width:33.2%; }
	
	.menu_title, .menu_naiyou, .kingaku { display:inline-block;}
	


/*-----------------------------------------------*/
}

.list_number ol  {
  margin: 0;
  padding: 0
}
.list_number ol li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

/* Bnr
-----------------------------------------*/
.Bnr{  position: relative;  margin: 0 auto;  width: 520px;  display: none;}
.Bnr .Bnr__img{  position: fixed;  bottom: 10px;	left:10px;   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);  z-index: 88;
}
.Bnr__img__inner{  width: 520px;  height: 70px;  box-sizing:border-box;  padding: 5px;  background-color: #fafafa;font-size: 10px;}
.Bnr .Bnr__img__inner a{  display: block; text-decoration: none;}
.Bnr .Bnr__img p.close{  position: absolute;  right: 10px;  top:10px;}
.Bnr .Bnr__img p.close a{  display: block;  width: 20px;  height: 25px;  text-align: center;}
.Bnr .Bnr__img p.close a span{  display: block;  width: 1px;  height: 1px;  overflow: hidden;}
.Bnr .Bnr__img p.close a i{  font-size: 10px;  z-index: 888;  color: #222;}

@media only screen and (max-width:999px){
	.Bnr{ display: none;}
	.Bnr .Bnr__img{ display: none;}
}

.hanrei_lst li { display:inline-block; margin-right:1.5em; line-height:130%; }
.hanrei_lst li img { margin-right:0.5em; margin-bottom:0.3em; vertical-align:bottom; }
.hanrei_lst li font { display: inline-block; }