@import url('https://fonts.googleapis.com/css2?family=Noto+serif+JP:wght@100;300;400&family=Oswald:wght@200;400&display=swap');

/* ------------------------
basic
------------------------*/
body,input,textarea{font-family:'Noto serif JP',sans-serif,'oswald'; color:#333;}
input,textarea { font-family: 'Noto serif JP', serif,'oswald'; }
.mincho { font-family: Trebuchet MS,; }

@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; }
.img_hover:hover{ opacity: .8;}

/* ===========================
header
============================*/
#header {	margin: 0px auto 0px;	width: 100%;	min-height: 90px;}

/* ------------------------
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: 1em; letter-spacing: 0.5px; font-weight: bold;}
	nav ul li p { font-size: 0.65em; text-align: center; font-weight: lighter; color: #999999;}
	.fixed_nav li { font-size: 1.2em; }
	.fixed_nav li p { font-size: 0.65em; }
}

@media screen and (max-width: 1399px) {
	nav ul li { font-size: 1em; letter-spacing: 0px; font-weight: bold;}
	nav ul li p { font-size: 0.75em; text-align: center; font-weight: lighter; color: #999999;}
	.fixed_nav nav ul li { font-size: 1em; }
	.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; margin-left:1%; margin-right: 1%;  }
	nav dl dt { width: 100%; margin: 0 auto;}
 nav.topnavi { width: 100%; z-index: 10; padding: 10px 0px; background: rgba(255,255,255,1.0); }
	nav.topnavi .logo img { max-width: 400px; width: 100%; }
	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: 9999; 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.topnavi .logo{background:#FFF;padding:3px 2%;position:fixed;top:0;width:100%;z-index:1;}
	nav.topnavi .logo img{max-width:300px;width:100%;}
	
	.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 { text-align: left; font-size: 0.7em; letter-spacing: 0.1em; padding-left: 15px;}
	.drawer-nav ul { background: rgba(255,255,255,1.0); z-index: 30;}
	.drawer-nav ul li { padding-left: 10px; padding-right: 10px; border-bottom: 1px #64666d solid; }
	.drawer-nav ul li a:before { content: "\0bb"; margin-right: 6px;}
	.drawer-nav ul li a { display: block; padding: 15px 10px 15px 10px; 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;}
}

/*breadcrumb*/
.breadcrumb_box{display:flex;color:#999;font-size:.8rem;margin:15px;}
.breadcrumb_box dt{margin-right:5px;}
.breadcrumb_box dt h1{font-size:.8rem;}
.breadcrumb_box .breadcrumb{display:flex;}
.breadcrumb_box .breadcrumb li{margin-right:2px;}
.breadcrumb_box .breadcrumb li a{color:#999;text-decoration:underline;}
.breadcrumb_box .breadcrumb li a:hover{color:#999;text-decoration:underline;}
@media screen and (max-width:650px){
	.breadcrumb_box{display:block;}
	.breadcrumb_box{line-height:150%;}
}


/* ------------------------
footer
------------------------*/
#footer {margin: 0px auto 0px; background: #ffffff; }
#footer  {display: flex; margin: 0px auto; padding: 0px; text-align: center;}
#footer .logo {font-size: 130%; margin-top: 20px; font-weight: bold;}
#footer .logo span {font-size: 80%;}
#footer ul { display: flex; justify-content: center; flex-wrap: wrap;}
#footer li { padding: 5px;}
#footer li a { color: #000000; text-decoration: none; font-size: 90%;}
#footer li a:hover { color: #000000;}
#footer li:before { content: "\0bb"; margin-right: 6px;}
#footer .f_info { width: 45%; font-size: 120%; margin: 0px; text-align: center; background: #e7e9ed; }
#footer .f_info_under { width: 100%; font-size: 120%; margin: 0px; text-align: center; background: #e7e9ed; }
#footer .c_name { font-size: 150%; margin-bottom: 20px; text-align: center; }
#footer .f_access{width: 55%;}
.copyright {  letter-spacing: 1px; font-size: 80%; clear: both; padding: 3px 5px;}
#footer a.btn_blue02 p {color: #FFFFFF; text-align: center;}

.gmap_top {	height: 0;	overflow: hidden;	padding-bottom: 75%;	position: relative;}
.gmap_top iframe {	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;}

#onlineBttn {width:60px;height:208px;position:fixed;top:150px;right:0px;z-index:999;}
* html #onlineBttn {position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

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


@media screen and (max-width: 999px) {

#footer  {display: flex; margin: 0px auto; padding: 0px; text-align: center; flex-wrap: wrap;}
#footer { margin-top: 15px; }
#footer .f_info { width: 100%; font-size: 120%; margin: 0px; text-align: center; background: #e7e9ed; }
	#footer .c_name { font-size: 130%; margin-bottom: 20px; }
	#footer .copyright { font-size: 0.8em; margin-top: 30px;}
	#footer .f_access{width: 100%;}

#footer dd li a { color: #ffffff; text-decoration: none; font-size: 80%;}

.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 {	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;}
}

/*top*/
.main_pr {height: 650px; margin-bottom: 50px;}
@media screen and (max-width:999px){
	.main_pr {height: 200px;}
}

.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 {	font-size: 140%; margin: 30px auto;}
.title .jpn {	font-size: 130%; margin-bottom: 10px;}
.title .eng {	font-size: 70%;color: #0558e2; line-height:70%;}

.stitle {	font-size: 130%;	border-bottom: 1px dotted #0e512b;	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 #0558e2 double; border-bottom: 3px #0558e2 double; padding-top: 8px; padding-bottom: 8px; color: #0558e2; font-size: 1.2em; margin-bottom: 15px; }
.c_caption_pink { border-top: 3px #f92727 double; border-bottom: 3px #f92727 double; padding-top: 8px; padding-bottom: 8px; color: #f92727; font-size: 1.2em; margin-bottom: 15px; }

.pagetop01 a { font-family: 'Neuton', serif; }


@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; }
	.new_member { padding: 30px; }
}

@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; }
	.new_member { padding: 15px; }
	.new_member ul li { padding-top: 5px; padding-bottom: 5px; }
	.compe_table table { font-size: 0.85em; }
}

/* ------------------------
box
------------------------*/
/* basebox */
@media screen and (min-width: 1000px) {
	.container { min-width: 900px; font-size: 1.45em; }
	.limit_box { max-width: 1400px; padding: 0px 4%; margin: 30px auto 100px auto;  }
	.limit_box_lg {width: 90%; margin: 0px auto;}
	.limit_box_member { max-width: 1200px; padding: 0 30px; margin: 0px auto 70px auto; background: rgba(255,255,255,0.9); }
	.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: 1400px; margin: 0px auto;}
}

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

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

.tab_calendar{width:100%;margin-bottom:10px;display:flex;flex-wrap:wrap;}
.tab_calendar li {background:#3a8a2c;color:#FFF; text-decoration: none;}
.tab_calendar li:hover{background:#3a8a2c;color:#FFF;}
.tab_calendar li.select{background:#3a8a2c;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:#f5ffda;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:#f5ffda;color:#000;padding-top:10px;padding-bottom:10px;margin-right:0.5%;margin-bottom:5px;}
}
/*top*/
.main_pr {height: 600px;}
@media screen and (max-width:999px){
	.main_pr {height: 200px;}
}

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

@media screen and (min-width:1000px){
.tabiiro{margin: auto; margin-bottom: 20px; display: flex; justify-content: center;}
}	
@media screen and (max-width:999px){
.tabiiro img{width: 100%; margin-bottom: 20px;max-width: 797px;}
}

/* news */
.news_box {	display: flex; justify-content: space-around;flex-wrap: wrap;	-webkit-flex-wrap: wrap;}
.news_box dt {	width: 55%;}
.news_box dd {	width: 40%;}
.news_box .news_title {font-size: 180%; }
.news_box .news_title p {font-size: 60%; color: #999999; }

@media screen and (max-width: 999px) {
.news_box {	display: flex;	display: -webkit-flex; align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap;}
.news_box dt {	width: 100%; margin-bottom: 20px;}
.news_box dd {	width: 100%; margin: 0 auto; text-align: center;}
.news_box .news_title p {font-size: 60%; color: #999999; text-align: center;}
}



.news {width: 100%;}
.news ul { padding: 5px; margin-top: 5px; margin-bottom: 15px;}
.news ul li { border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px; margin-top: 20px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { margin-right: 20px; float: left;  }
.news .news_event { background: #0439bf; 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: 650px) {
.news ul li { border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px; margin-top: 20px; }
}

/*facebook*/
.facebook_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
 
.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
  height: 400px !important;
}}
.fb-page{width:100%;text-align:center;}
@media screen and (max-width:650px){
	.facebook{text-align:center;}
}

@media screen and (min-width: 1000px) {
#course_layout .photo_c { position: relative; width: 100%; }
#course_layout .photo_c img { width: 100%; margin-left: 0%;}
#course_layout .txt { width: 35%; position: absolute; z-index: 3; left: 5%; bottom:5%; background: #FFFFFF; border-radius: 15px; padding: 30px; }
}
a.btn_line_blue { padding: 10px 25px 5px 25px;	color: #000000;  background: linear-gradient(transparent 60%, #d4ebfa 0%);text-align: center;	text-decoration: none;	transition: 0.3s;	letter-spacing: 1px;	clear: both;	margin: 20px 0;}
a.btn_line_blue:hover {  background: linear-gradient(transparent 60%, #448ebe 0%);}

@media screen and (max-width: 999px) {
#course_layout .photo_c {  width: 100%; }
#course_layout .photo_c img { width: 100%; margin-left: 0%;}
#course_layout .txt { padding: 30px;  }
}

@media screen and (min-width: 1000px) {
	#course_main { display: flex;  justify-content: space-between;align-items:center;}
	#course_main .photo_c { width: 55%; }
	#course_main .photo_c img { width: 100%; max-width: 1600px; margin-left: 0%;}
	#course_main .txt { width: 35%; position: relative; left: 0%; }
	.course_title {border-left: 5px solid #CCCCCC;}	
}

@media screen and (max-width: 999px) {
	#course_main .photo_c { width: 100%; }
	#course_main .photo_c img { width: 100%; max-width: 1600px; margin-left: 0%;}
	#course_main .txt { width: 90%;  }
	.course_title {border-left: 5px solid #CCCCCC;}	
	}

/*??　文字の右にライン　??*/
.title-border-right {display: flex;align-items: center; z-index: 9999; font-size: 3.0em; font-family: 'oswald';}
.title-border-right:after {border-top: 1px solid #000000;content: "";flex-grow: 1;}
.title-border-right:after {margin-left: 2rem;}
.title-jpn {color: #0CB14B; display: block;}
.title-border-left {display: flex;align-items: center; z-index: 9999; font-size: 3.0em; letter-spacing: 0.2em;}
.title-border-left:before {border-top: 1px dotted #000000;content: "";flex-grow: 1;}
.title-border-left:before {margin-right: 2rem;}
.h_line2 {  border: 5px dotted #CCCCCC;	padding-bottom: -30%;}
@media screen and (max-width: 999px) {
.title-border-left { font-size: 2em; letter-spacing: 0.1em;}
.title-border-right {font-size: 2em; letter-spacing: 0.1em;}
}




/* course */
.swiper-button-next,.swiper-button-prev{
	bottom:60px;
	width:100px;
	height:38px;
	background-size:100px 38px;
}
.m_titlebottom25 { color: #000000; 	font-size: 1.5em; margin-bottom: 25px;}
.eng_sm { color: #e4dede; font-size: 130%; font-style: italic; padding: 10px; }
@media screen and (max-width:999px){
	.yardage table{font-size:80%;}
}



/* 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: #efefef; padding: 10px 5px; text-decoration: none; color: #000000; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background: #333333; color: #ffffff; 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: 35%; }

@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%; }

/* access */
.photo_text p {
	font-family: 'Noto Sans JP', serif;
	color: #8F8F8F;
}

@media screen and (min-width: 1000px) {
.photo_text p{ position: absolute; top: 30px;left: 100px;}
}
@media screen and (max-width:999px) {
.photo_text p{ position: absolute; top: 80px;left: 15px; font-size: 0.8em;}	
}

/* 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;}

@media screen and (min-width:651px){
	.member_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.member_box .child{width:48.5%;}
	.member_box .child .flex2 li{width:48.5%;}
	.member_box .child li{width:100%;}
}

@media screen and (max-width:650px){
	.member_box .child{width:100%;}
}

/* restaurant */
.rest_bg { position: relative;}
.rest_ph01{ position: absolute; top:150px; left:50px; z-index: 10;}
.rest_ph03{ position: absolute; top:-200px; right:20px; z-index: 10}
.rest_ph02 { position: absolute; top:38%; right:5%; z-index: 10;}
.rest_ph03 img { width: 100%; max-width: 400px;}
.rest_ph01 img { width: 100%; max-width: 300px;}
.rest_ph02 img { width: 100%; max-width: 200px;}

@media screen and (max-width: 1300px) {
.rest_ph01{ position: absolute; top:150px; left:50px; z-index: 10;}
.rest_ph03{ position: absolute; top:0; right:20px; z-index: 10}
.rest_ph02 { position: absolute; top:38%; right:3%; z-index: 10;}
.rest_ph03 img { width: 100%; max-width: 250px;}
.rest_ph01 img { width: 100%; max-width: 200px;}
.rest_ph02 img { width: 100%; max-width: 200px;}}

@media screen and (max-width: 999px) {
.rest_ph01{display: none;}
.rest_ph03{display: none;}
	.rest_ph02 {display: none;}}

.rest_common { display: flex; display: -webkit-flex; justify-content: space-between; }
.rest_common img { width: 100%; border-radius: 10px; }

.breakfast p,.four_two p,.three_one p,.sidemenu p { margin-top: 10px; text-align: center; }
.breakfast .m_end p,.four_two .m_end p { margin-top: 0px; margin-bottom: 10px; background: #EEE; padding: 3px; border-radius: 5px; }
.breakfast .m_end dl,.four_two .m_end dl { margin-top: 5px; margin-bottom: 5px; }
.breakfast .m_end dl dt,.four_two .m_end dl dt { float: left; margin-right: 10px; }
.breakfast .m_end dl dd,.four_two .m_end dl dd { float: right; }

.season .pict { margin-bottom: 10px; background: #EEE; padding: 3px 10px; border-radius: 5px; text-align: center; }
.season .pict2 { margin-bottom: 10px; background: #cb0101; color: #FFF; padding: 3px 10px; border-radius: 5px; text-align: center; }
.four_two,.three_one,.two_one,.sidemenu { flex-wrap: wrap; }
.party li { border: 2px #EBEBEB solid; border-radius: 10px; }
.party li div { padding: 15px; }
.party li div .title { background: #EBEBEB; padding: 8px 10px; margin-bottom: 10px; text-align: left; border-radius: 10px; }
.party li div .item { border-bottom: 1px #EBEBEB solid; padding-bottom: 10px; margin-bottom: 10px; text-align: left; }

.rest_list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.rest_list img { width: 100%; border-radius: 10px;  }
.rest_list p { margin-top: 10px; text-align: center; }



@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%; }
	.rest_list li { width: 24%; margin-left: 1%; margin-bottom: 30px; }
	.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%; }
	.rest_list li { margin-bottom: 20px; }
	.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%;}
}

/*event*/
.event{border:2px #EEE solid;margin-top:20px;border-radius:10px;}
.event dl dt img{width:100%;border-radius:10px;}
.event .title{font-size:2.3rem;border-top:3px #336600 double;border-bottom:3px #336600 double;padding:8px 0;margin-top:5px;margin-bottom:15px;color:#336600;}
.event .fee{font-size:1.7rem;}
.event span{font-size:1.25rem;}

@media screen and (min-width:651px){
	.event{padding:20px;}
	.event table th{width:20%;}
	.event dl{display:flex;justify-content:space-between;align-items:flex-start;}
	.event dl dt{width:35%; margin-bottom: 15px;}
	.event dl dd{width:60%; margin-bottom: 15px;}
}

@media screen and (max-width:650px){
	.event{padding:10px;}
	.event dl dt{margin-bottom:15px;}
	.event table th{display:block;text-align:left;}
	.event table td{display:block;}
}

/* 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; }
}

@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; }
}

/* ===========================
ボタン
============================*/
	
/* a タグ入れるブロックの設定  */
.btn_div { margin-top:1em; marin-bottom:1em; }

.btn_div a { text-align:center; }

/* ボタン形状 */
.btn_ll, .btn_l, .btn_m, .btn_s, .btn_ss {
	margin:0;
    border-radius: 10px;
}


/* ===========================
見出しと内容、他
============================*/
.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; }


/* ===========================
YOU TUBE
============================*/
.youtube {
	position:relative;
	width: 100%;
	/*max-width: 960px;*/
	margin:0px auto;
}

/* 最大幅を設定するとき指定 */
.youtube::before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

/* 幅いっぱい・最大幅設定時　共通 */
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width:100% !important;
	height:100% !important;
}

/* ===========================
インスタ
============================*/
	
.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;
	color:#466221;
}

.new_ico {
	font-size:80%;
	background-color: #f00;
	color:#fff;
	font-weight:bold;
	padding:0.1em 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:140%;
}

.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%;
}



.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:none; }

/* リストタグを使わないとき用 */
* .txt_list { margin-left:1.5em; text-indent:-1.3em; margin-bottom:0.4em; line-height:1.4em; }
* .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;
}