/* ------------------------
basic
------------------------*/
body {font-family: 'Oswald', sans-serif;font-family: 'Noto Sans JP', sans-serif;}
input,textarea {font-family: 'Oswald', sans-serif;font-family: 'Noto Sans JP', sans-serif;}
.eng { font-family: 'Oswald', sans-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; }

font, span, strong { display:inline-block; }

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

#header { width: 100%; min-height: 100px;}
#header_box{ max-width: 1200px; margin: 0 auto; padding: 10px 0px 0px; display: flex; align-items: flex-start; justify-content: space-between; align-items: stretch;align-items: center; }
.logo, .header_icon, .header_right { margin:0; flex:1; }
.logo { width:70%; max-width:800px; }
.header_right { max-width:320px; }

.logo img { width: 400px; margin-top: 5px;}
.header_icon { text-align:right; margin-right:0.7em; margin-top: 52px; }
.header_icon img { width:auto; margin-right:0.2em; }

.h_online a { background: #ff0000; color: #FFFFFF; display: block; padding: 5px; text-decoration: none; font-size: 90%; text-align: center; transition: 0.2s; border-radius: 10px; }
.h_online a:hover {background: #ff9900;}
.h_comp a { background: #000000; color: #FFFFFF; display: block; padding: 5px; text-decoration: none; font-size: 90%; text-align: center; transition: 0.2s; border-radius: 10px; }
.h_comp a:hover {background: #ff9900;} 
.h_contact a { background: #dbd7cc; color: #000000; display: block; padding: 3px; text-decoration: none; font-size: 90%; text-align: center; transition: 0.2s; border-radius: 10px; margin-bottom: 5px; }
.h_contact a:hover {background: #000000; color: #FFFFFF;} .h_contact .phone { font-size: 200%;}

@media screen and (max-width: 999px) {	
	#header { width: 100%; min-height: 80px;}
	.header_icon, .header_right { display: none;}
	.logo img { max-width: 250px; width: 100%; }
}

/* ------------------------
nav
------------------------*/
/* main nav */
nav a { text-decoration: none; color: #ffffff; 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.0em; letter-spacing: 0.5px; }
	.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; }
	.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: 1200px; margin: 10px auto 0px; width: 100%;}
	nav dl dt { width: 95%; margin: 0 auto;}
 nav.topnavi { width: 100%; background: #8b001f; color: #FFFFFF; }
	nav.topnavi ul { display: flex; display: -webkit-flex; justify-content: space-between; width: 100%; align-items: center; }
	nav.topnavi ul li { text-align: center; line-height: 120%; padding: 15px 0px;}
	
	.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;  }
	.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; }
	
	.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: 'Kiwi Maru', serif;font-size: 0.7em; letter-spacing: 0.1em; }
	.drawer-nav ul { background: rgba(255,255,255,1); 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; color: #333333; }
	.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: #000000; background: #dbd7cc; text-align: center; }
#footer .f_box { max-width: 1200px; margin: 0px auto; padding: 20px;}
#footer .f_info { padding-bottom: 10px; }
#footer .f_info img{width: 100%; max-width: 400px; margin-bottom: 15px;}
#footer .c_name { font-size: 170%; margin-bottom: 20px; }
#footer .address { font-size: 100%; margin-bottom: 20px; }
#footer .copyright { text-align: center; letter-spacing: 1px; font-size: 80%; clear: both; margin: 0px auto 10px; border-top: 1px solid #ffffff; padding-top: 15px;clear: both;}
#footer .sns{display:flex;}#footer .sns li{width:32%;}

@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 .address { font-size: 80%; margin-bottom: 20px; }
	#footer .copyright { font-size: 0.6em; 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%;}
}

.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 {	width: 100%;}
#m_images img {	width: 100%;}
#s_images {	display: none;}
audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}
@media screen and (max-width: 999px) {
#m_images {	width: 100%;}
#m_images img {	width: 100%; margin: 0px auto 0;}
#m_images_under img {	width: 100%; margin: 0px auto 0;}
}

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

.stitle {	font-size: 130%;	border-bottom: 1px dotted #8b001f;	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;  }
.page_title span { display: block; font-size: 0.6em; }

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

@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;background: #ffffff; }
	.limit_box { max-width: 1200px; margin: 0px auto 100px;font-family: 'Oswald', sans-serif;font-family: 'Noto Sans JP', sans-serif; }
	.limit_box_lg {width: 90%; margin: 0px auto;}
	.wide_box {width: 100%;  margin: 0px auto 100px ;}
	.wide_box_simple {width: 100%;  margin: 0px auto;}
	.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;background: #ffffff; }
	.limit_box { margin: 20px 3% 100px; }
	.limit_box_lg {width: 90%; padding: 30px; margin: 0px auto 50px auto;  }
	.wide_box { margin: 30px auto; }
	.wide_box_simple {width: 100%;  margin: 0px auto;}
	.limit_box_simple { width: 90%; margin: 0px auto;}
}

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

/*top*/
.main_pr {height: 600px; position: relative;}
.main_pr p {  font-family:'Noto Serif JP',serif;  position: absolute;    font-size: 250%; color: #FFFFFF; text-align: center;text-shadow: 1px 1px 1px #000000; font-weight: bold;    top: 50%;    left: 50%;
    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);
}

@media screen and (max-width:999px){
.main_pr p {    position: absolute;    font-size: 120%;top: 50%;    left: 50%; font-weight: bold;    transform: translate(-50%, -50%);    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);}
.main_pr {height: 200px;}
}

.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;}
}
/* member_box pro_box */
.member_box { background: url(../../images/top/member_bg.jpg) center center no-repeat; background-size: cover; }
.member_box div { color: #FFF; padding: 25px; }

/*.news_box {	}*/
.news_box .title { font-size: 200%; margin: 30px;}

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

.t_banner {display: flex; justify-content: space-around; flex-wrap: wrap;}
.t_banner2 {display: flex; justify-content: space-around; flex-wrap: wrap;}
.t_banner li {background: #FFFFFF; border-radius: 10px; padding: 15px; text-align: center; width:20%;}
.t_banner2 li {background: #FFFFFF; border-radius: 10px; padding: 5px; text-align: center; width:18%;}
.t_banner img {margin-bottom: 15px; width: 100%;} .t_banner a {text-decoration: none; color: #000000;}
.t_banner2 img {margin-bottom: 15px; width: 100%;} .t_banner a {text-decoration: none; color: #000000;}
@media screen and (max-width: 999px) {
	.t_banner li {background: #FFFFFF; border-radius: 10px; padding: 15px; text-align: center; width:40%; margin-bottom: 10px;}
	.t_banner2 li {background: #FFFFFF; border-radius: 10px; padding: 15px; text-align: center; width:40%; margin-bottom: 10px;}
}

/* course */
.m_titlebottom25 { color: #000000; 	font-size: 1.5em; margin-bottom: 25px;}
.eng_sm { color: #e4dede; font-size: 130%; font-style: italic; padding: 10px; }

/* online */
.script_table table{width: 100%;font-size: 120%;}


@media screen and (min-width: 1000px) {
	#top_course { display: flex;  justify-content: space-between;align-items:center; margin-bottom: 30px;}
	#top_course .photo_c { width: 55%; }
	#top_course .photo_c img { width: 100%; max-width: 1600px; margin-left: 0%;}
	#top_course .txt {border-left: 5px solid #CCCCCC; padding-left: 30px; width: 40%; }
	
	.course_title {border-left: 5px solid #CCCCCC;}	
		#course_layout { display: flex;  justify-content: space-between;align-items:center; margin-bottom: 30px;}
	#course_layout .photo_c { width: 45%; }
	#course_layout .photo_c img { width: 100%; max-width: 1600px; margin-left: 0%;}
	#course_layout .txt {border-left: 5px solid #CCCCCC; padding-left: 30px; }
	
	.course_title {border-left: 5px solid #CCCCCC;}	
}

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


/* hole_box */
.hole_box { max-width: 1400px; padding: 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 #eeeeee; margin-bottom: 20px; }
.hole_box .hole_nav li a{ display: block; background: #eeeeee; padding: 10px 5px; text-decoration: none; color: #8b001f; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background: #8b001f; 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%; margin-bottom: 20px; }
.hole_box .swiper-slide dl dd { width: 35%; }
.hole_box .swiper-container li .slide-inner { padding: 0px; }

@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: 0px; }
}

/*checkin*/
.club_bg{background:url("../img/club/main_photo.jpg") no-repeat bottom center;background-size:cover;}
ul.checkin_point{display:flex;justify-content:space-between;flex-wrap:wrap;}
ul.checkin_point li{width:95%;padding:2%;margin-bottom:20px;background:#8b001f url(../img/club/club_point_bg.png) no-repeat center bottom;border-radius:10px;}
ul.checkin_point li dl{display:flex;justify-content:space-between;align-items:center;}
ul.checkin_point li dl dt{background:#fff600;color:#631601;border-radius:100px;padding:15px 8px 25px 8px;font-size:1.8rem;width:100px;text-align:center;margin-right:15px;}
ul.checkin_point li dl dd{font-size:1.4rem;background:#FFF;width:94%;padding:2% 3%;border-radius:15px;}
ul.checkin_point li dl dd span{font-weight:bold;color:#D70000;font-size:1.8rem;}

@media screen and (max-width:650px){
	ul.checkin_point{display:block;}
	ul.checkin_point li{width:95%;padding:3% 2%;}
	ul.checkin_point li dl dt{padding:20px 20px 30px 20px;font-size:1.5rem;width:70px;margin-right:15px;}
	ul.checkin_point li dl dd{font-size:1.3rem;}
	ul.checkin_point li dl dd span{font-size:1.7rem;}
}

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

/*reserve*/
.reserve_box{display:flex;justify-content:space-between;}
.reserve_box li{width:47%;}
.reserve_box li h3{border:3px #DDD solid;padding:10px 15px;text-align:center;}

@media screen and (max-width:650px){
	.reserve_box{display:block;}
	.reserve_box li{width:100%;margin-bottom:30px;}
}

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

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

.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:100%; 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; }
.rest_common dd{ width: 48%; margin-bottom: 15px;}
}

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

/*event*/
.event{border:4px #EEE solid;margin-top:20px;border-radius:15px; background: #FFFFFF;}
.event dl dt img{width:100%;border-radius:10px;}
.event .title{font-size:2.3rem;border-top:3px #8b001f double;border-bottom:3px #8b001f double;padding:8px 0;margin-top:5px;margin-bottom:5px;color:#8b001f;}
.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:40%;}
	.event dl dd{width:57%;}
}

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


/* ===========================
バックグランド設定の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%;
}

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

/* リストタグを使わないとき用 */
* .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 (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:0; 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-type: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

/* ===========================
flexbox
============================*/
.oshirase, .oshirase *, .fb_div, .fb_div *, .fb_div_center, .fb_div_center *, .fb_div_left, .fb_div_left *, .fb_div_tate, .fb_div_tate *, .fb_div_rev, .fb_div_rev * {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}


	/*　均等並び　*/
	.fb_div {
		width:100%;
		margin:0;
		padding:0;
		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;
		padding:0;
		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;
	}
	
	/*　縦割り　*/
	.fb_div_tate {
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		flex-direction: column;
		word-wrap: break-word;
		margin:0;
		padding:0;
		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;
		line-height:1.5em;
	}
	
	/*　逆並べ　左から　*/
	.fb_div_rev{
		margin:0;
		padding:0;
		text-align:center;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		align-items: stretch;
		flex-direction: row-reverse;				
		flex-wrap: nowrap;
	}
	
	.flx_item {
		margin:0 0.2em;
		flex:1;
	}
	
	.flx_item * img, .fb_div * img, .fb_div_center * img, .fb_div_left * img, .fb_div_tate * img, .fb_div_rev * img {
		width:100%;
		margin-bottom:8px;
	}
	
	.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:0; padding:0; }
	
@media screen and (min-width:1000px){
	.col_12p12 { width:100%; }	/* 12分の12 */
	.col_11p12 { width:91.0%; }	/* 12分の11 */
	.col_10p12 { width:82.8%; }		/* 12分の10 */
	.col_9p12 { width:74.4%; }	/* 12分の9 */
	.col_8p12 { width:66%; }	/* 12分の8 */
	.col_7p12 { width:57.9%; }	/* 12分の7 */
	.col_6p12 { width:49.5%; }	/* 12分の6 半分 */
	.col_5p12 { width:41.3%; }	/* 12分の5 */
	.col_4p12 { width:32.9%; }	/* 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分割 */
}

@media screen and (max-width:999px){
	.fb_div, .fb_div_center, .fb_div_left, .fb_div_rev { flex: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, .flx_item
	{ display:block; width:100%; }
}


/* ===========================
リスト
============================*/
/* リストタグ用 */
.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.4em; }
* .txt_list * { text-indent:0; }

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