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

/* ------------------------
basic
------------------------*/
body { font-family: 'Noto Serif JP', sans-serif; color: #333; }
input,textarea { font-family: 'Noto Serif JP', sans-serif; }
font, span, strong { display:inline-block; }
.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: #0f3a08; }
a:hover { color: #60CC1C; }

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

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

#header {
	margin: 0px auto 0px;
	width: 90%;
	min-height: 100px;
}
@media screen and (min-width: 1000px) {
.h_right { position:absolute; right:50px; z-index:99; top:50px; display: flex; display: -webkit-flex; justify-content: space-between;background:rgb(239,239,239); padding: 15px 10px 15px; }
.h_right img { margin-right: 15px; margin-left: 15px; width: 100%; max-width: 30px;}
.h_right a:hover { -webkit-filter: opacity(0.5); filter: opacity(0.5); transition: 0.2s; color: #000000; }
.h_online {padding-top: 3px;}
.h_online a{ border: 1px solid #000000; background: #000000; color: #ffffff; font-size: 85%; padding: 5px 5px; width: 100px; text-align: center; vertical-align: middle; line-height: 15px; margin-left: 15px;}
.h_online a:hover { background: #ffffff; color: #000000; transition: 0.2s; -webkit-filter: opacity(1.0); filter: opacity(1.0);}
}

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

@media screen and (min-width: 1000px){
	.video_box{position:relative;overflow:hidden;width:100%;height:110vh;}
	video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%);}
}
@media screen and (max-width:999px){
	.video_box{margin-top:75px;overflow:hidden;width:100%;height:30vh;}
	video{width:100%;}
}

/* ------------------------
nav
------------------------*/
/* main nav */
nav a { text-decoration: none; color: #000000; transition: 0.2s; }
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.1em; letter-spacing: 0.5px; }
	nav ul li p { font-size: 0.65em; letter-spacing: 0.2em; }
	.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: 0.80em; }
	nav ul li p { font-size: 0.75em; letter-spacing: -1px; }
	.fixed_nav nav ul li { font-size: 0.80em; }
	.fixed_nav nav ul li p { font-size: 0.75em; letter-spacing: 0.1em; }
}

@media screen and (min-width: 1000px) {
	.above_the_fold nav.topnavi { position: absolute; bottom: 0; z-index: 10; }
	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; width: 96%; margin-left: 2%; margin-right: 2%; margin-top: 10px; }
	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 .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: 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: 1300px) {
	nav.topnavi .logo img { max-width: 250px; width: 100%; }}

@media screen and (max-width: 999px) {
	nav{position:absolute;top:0;width:100%;}
	nav.topnavi .logo_sm{background:#FFF;padding:5px 2%;position:fixed;top:0;width:100%;z-index:1}
	nav.topnavi .logo_sm img{max-width:50px;width:100%;}
	
	nav.topnavi .logo_sm01{background:#FFF;position:fixed;top:0;width:100%;z-index:1}
	nav.topnavi .logo_sm01 img { width:100px; margin:5px; }
	nav.topnavi .logo_sm02 img { width:100%; max-width:200px; }
	
	nav.topnavi .logo {display: none;}
	
	.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%; }
}

/* 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: #EEE; }
	.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;}
}

.nav-ja {
  display: block;
  font-family: 'Noto Serif JP', sans-serif;
  font-size: 1.1em;    
  line-height: 1.2;
  padding-top: 10px;
}

.nav-en {
  display: block;
  font-family: 'Merriweather', serif;
  font-size: 0.7em;   
  letter-spacing: 0.1em;
  margin-top: 4px;
  color: #555;      
}

@media screen and (max-width: 999px) {
  .drawer-nav .nav-ja {
    font-size: 1.2em;  
  }
  .drawer-nav .nav-en {
    font-size: 0.8em;
  }
}



/* ------------------------
footer
------------------------*/
#footer {margin: 50px auto; border-top: 1px solid #000000; padding-top: 50px;}
#footer img { width: 100%; }
#footer a { color: #333;}
#footer dt { width: 48%; float: left; }
#footer dd { width: 48%; float: right;}
#footer .f_info { font-size: 150%; margin-left: 30px;}
#footer .c_name { font-size: 150%; margin-bottom: 20px; }
#footer .copyright { text-align: center; letter-spacing: 1px; font-size: 90%; clear: both; margin: 100px auto;}


@media screen and (max-width: 999px) {
#footer { color: #333; }
#footer dt { width: 100%; }
#footer dd { width: 100%; }
	#footer dd img { width: 100%; }
	#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;}
#footer .f_navi li { margin-top: 3px; font-size: 90%; text-align: left;}
}

/* ------------------------
common parts
------------------------*/
.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-bottom: 30px;
	padding: 8px;
}
.title .jpn {
	font-size: 70%;
	color: #CCCCCC;
}
.title .eng {
	font-size: 150%;
}

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

.access_title {
	margin: 20px auto;
	clear: both;
	color: #000000;
	width: 85%;
}

.access_title p {
	font-size: 140%;
	padding-bottom: 15px;
	border-bottom: 1px solid #9c9c9c;

}
.point dd { background: url("../images/icon/point.png") no-repeat left top; background-size: 13px; padding-left: 18px; margin-bottom: 5px; }

.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 #99393f double; border-bottom: 3px #99393f double; padding-top: 8px; padding-bottom: 8px; color: #99393f; font-size: 1.2em; }

.list_number { display: list-item; margin-left: 15px; }
.list_number li { padding-left: 5px; list-style-type: decimal; margin-bottom: 5px; }
.list_min { display: flex; }

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

.new_member { max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 20px; }
.new_member ul li { text-align: center; color: #FFF; }

@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; }
 .new_member ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
 .new_member ul li { width: 50%; }
	.list_min { flex-wrap: nowrap; align-items: center; }
	.list_min dt { width: 10%; text-align: center; border: 1px #FFF solid; padding: 2px; margin-right: 5px; }
	.list_min dd { padding: 2px; margin-right: 10px; }
}

@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: 30px; margin: 10px auto 50px auto; }
	.limit_box_member { max-width: 1200px; padding: 0 30px; margin: 0px auto 70px auto; background: rgba(255,255,255,0.9); }
	.wide_box { margin: 0px auto 300px ;}
	.sm_box { max-width: 1000px; padding: 30px; margin: 10px auto 50px auto; }
}

@media screen and (max-width: 999px) {
	.container { font-size: 1.3em; }
	.limit_box { margin: 20px 3%; }
	.limit_box_member { margin: 20px 3%; }
	.wide_box { margin: 30px auto; }
}

/* ------------------------
content
------------------------*/
/* above_the_fold */
.above_the_fold { position: relative; }
.s01 { background: url(../../images/top/photo01.jpg) no-repeat center top; background-size: cover; }
.s02 { background: url(../images/top/photo02.jpg) no-repeat center top; background-size: cover; }
.s03 { background: url(../images/top/photo03.jpg) no-repeat center top; background-size: cover; }
.s04 { background: url(../images/top/photo04.jpg) no-repeat center top; background-size: cover; }

.slider { height: 100vh; }

/*slider*/
.slider_bg{background-size:cover;padding-top:20px;padding-bottom:20px;}
.rest_slider .slick-slide{margin-left:0px;margin-right:0px;}
.house_slider .slick-slide{margin-left:0px;margin-right:0px;}
.house_slider .slick-slide img{width:400px;}
@media screen and (max-width:650px){
.rest_slider .slick-slide{margin-left:0px;margin-right:0px;}
.rest_slider .slick-slide img{width:400px;}
.slider_bg{padding-top:30px;padding-bottom:10px;}
.house_slider .slick-slide{margin-left:0px;margin-right:0px;}
.house_slider .slick-slide img{width:400px;}
}

/* news */

.news ul { padding: 5px; margin-top: 5px; margin-bottom: 15px; border-bottom: 1px dotted #CCCCCC; padding-bottom: 15px; }
.news a{ color: #000; text-decoration: none; }
.news a:hover { color: #666; transition: 0.3s; }
.news .date { color: #BC0606; margin-right: 15px; }

@media screen and (min-width: 651px) {
	.news ul li { margin: 0 5px; }
}

@media screen and (max-width: 650px) {
	.news ul li { margin: 0 10px; }
}
#top_info {position: absolute; background: #FFFFFF; padding: 20px; bottom:15%; right:1%; z-index: 20; min-width: 35%;}
#top_info .info_pr { border-bottom: 1px dotted #CCCCCC; padding-bottom: 15px; margin-bottom: 15px; overflow: auto;}

@media screen and (max-width: 999px) {
#top_info {position: absolute; background: #FFFFFF; padding: 20px; bottom:8%; right:5%; z-index: 20; width: 90%;}
#top_info .info_pr { border-bottom: 1px dotted #CCCCCC; padding-bottom: 15px; margin-bottom: 15px; overflow: auto;}
}

/* member_box */
.member_box { background: url("../images/top/member_bg.jpg") center center no-repeat; background-size: cover; }
.member_box div { color: #FFF; padding: 25px; }

/* course */
.layout img { max-width: 1022px; width: 100%; }

.course_title {border: 5px double #CCCCCC; padding: 0px 20px 20px 20px; margin: 30px 0px ; width: 300px; text-align: center;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}


/* hole_box */
.hole_box .hole_nav { display: flex; display: -webkit-flex; align-items: baseline; }
.hole_box .hole_nav li { width: 48%; text-align: center; margin-right: 1%; }
.hole_box .hole_nav li a { display: block; background: #000; padding: 20px 10px; text-decoration: none; color: #FFF; }
.hole_box .hole_nav li a.select { background: rgba(255,255,255,1); color: #000; border-radius: 10px 10px 0 0; }
.hole_box .hole_nav li a:hover { background: #555; color: #FFF; }
.hole_title { font-family: 'Neuton', serif; }
.hole_box .swiper-container { background: rgba(255,255,255,1); }

@media screen and (min-width: 651px) {
.course_title {border: 5px double #CCCCCC; padding: 0px 20px 20px 20px; margin: 30px 0px ; width: 300px; text-align: center;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}	
.hole_box { max-width: 1200px; margin: 70px auto; }
.hole_box .hole_nav li { font-size: 1.8em; }
.hole_box .layout_img { margin-top: 0%; }
.hole_box .swiper-slide dl { display: flex; display: -webkit-flex; justify-content: space-between; }
.hole_box .swiper-slide dl dt { width: 70%; }
.hole_box .swiper-slide dl dd { width: 28%; }
.hole_box .swiper-container li .slide-inner { padding: 30px; }
}

@media screen and (max-width: 650px) {
.course_title {border: 5px double #CCCCCC; padding: 0px 20px 20px 20px; margin: 30px 0px ; width: 80%; text-align: center;}
.course_title .hole_number { font-size: 200%; border-bottom: 2px solid #CCCCCC; margin-bottom: 10px;}	
.hole_box { margin: 50px 2%; padding-top: 50px; }
.hole_box .hole_nav li a { padding: 10px 10px; }
.hole_box .layout_img { margin-top: 20px; }
.hole_box .swiper-slide dl { display: block; }
.hole_box .swiper-container li .slide-inner { padding: 15px; }
	.ueda_image img { width: 100px; }
}

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



/* newmember_box */
.newmember_box { background: url("../images/top/m_entry_bg.jpg") center top no-repeat; background-size: cover; }
.newmember_box .newmember_box_bg { background: rgba(255,255,255,0.7); padding: 15% 5%; }

/* 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: 120%;}
@media screen and (max-width: 999px) {
.house_txt {width: 100%;}
}
/* access */
@media screen and (min-width: 651px) {
	.access_box {width: 70%;}
}

@media screen and (max-width: 650px) {
	.access_box {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; }
.m_news ul { margin-top: 10px; }
.m_news ul a { text-decoration: none; color: #333; }
.m_news ul a:hover { color: #666; }
.m_news ul li { border-bottom: 2px #dfdfdf dashed; margin-bottom: 10px; padding-bottom: 10px; }
.m_news ul li .arrow { background: url("../images/icon/arrow01.png") left center no-repeat; background-size: 13px; padding-left: 20px; }

/* 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) {
	.m_news { padding: 5%; }
	.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; }
}

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

.btn_div a { text-align:center; }

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

/* ボタン大きさ */
.btn_ll { padding:1em; font-size:140%; border-radius: 12px; font-weight: bold; }
.btn_l { padding:1em; font-size:130%; border-radius: 10px; font-weight: bold; }
.btn_m { padding:0.7em; font-size:120%; border-radius: 7px; font-weight:normal; }
.btn_s { padding:0.3em 0.5em; font-size:105%; border-radius: 5x; font-weight:normal; }
.btn_ss { padding:0.2em 0.5em; font-size:100%; border-radius: 3x; font-weight:normal; }

/* ボタンスタイル */
.btn_blk { display:block; }
.btn_inblk { display:inline-block; margin-left:0.2em; margin-right:0.2em; }

/* ボタン色 */
.btn_blue, .btn_blue:link, .btn_blue:visited { background-color:#0E2374; color:#fff; }
.btn_blue:hover { background-color:#0936C4; color:#fff; }

.btn_lightblue, .btn_lightblue:link, .btn_lightblue:visited { background-color:#00797F; color:#fff; }
.btn_lightblue:hover { background-color:#38B5B0; color:#001E21; }

.btn_green, .btn_green:link, .btn_green:visited { background-color:#1B421A; color:#fff; }
.btn_green:hover { background-color:#4C9443; color:#fff; }

.btn_lightgreen, .btn_lightgreen:link, .btn_lightgreen:visited { background-color:#20721E; color:#fff; }
.btn_lightgreen:hover { background-color:#5FC053; color:#001200; }

.btn_red, .btn_red:link, .btn_red:visited { background-color:#730606; color:#fff; }
.btn_red:hover { background-color:#B41818; color:#fff; }

.btn_lightred, .btn_lightred:link, .btn_lightred:visited { background-color:#AA1919; color:#fff; }
.btn_lightred:hover { background-color:#FF7F7F; color:#1B0000; }

.btn_pink, .btn_pink:link, .btn_pink:visited { background-color:#D34560; color:#FFFFFF; }
.btn_pink:hover { background-color:#E590A0; color:#1E0008; }

.btn_orange, .btn_orange:link, .btn_orange:visited { background-color:#D84900; color:#ffff; }
.btn_orange:hover { background-color:#FF6A27; color:#fff; }

.btn_yellow, .btn_yellow:link, .btn_yellow:visited { background-color:#D1A900; color:#ffff; }
.btn_yellow:hover { background-color:#E5C749; color:#2B2000; }

.btn_purple, .btn_purple:link, .btn_purple:visited { background-color:#351864; color:#ffff; }
.btn_purple:hover { background-color:#6D4AC1; color:#fff; }

.btn_gold, .btn_gold:link, .btn_gold:visited { background-color:#7F6F29; color:#fff; }
.btn_gold:hover { background-color:#D0CD7D; color:#413104; }

.btn_brown, .btn_brown:link, .btn_brown:visited { background-color:#372216; color:#fff; }
.btn_brown:hover { background-color:#563621; color:#fff; }

.btn_gray, .btn_gray:link, .btn_gray:visited { background-color:#323232; color:#fff; }
.btn_gray:hover { background-color:#ABABAB; color:#000; }

.btn_c_col, .btn_c_col:link, .btn_c_col:visited { background-color:#6D9B09; color:#fff; }
.btn_c_col:hover { background-color:#90c31f; color:#182300; }


.btn_white, .btn_white:link, .btn_white:visited { background-color:#eeeeee; color:#373737; }
.btn_white:hover { background-color:#CD585A; color:#fff; }

.btn_grd_red {
 background: linear-gradient(to bottom right, #D76D7A, #BD273A);
	color:#fff;
}
.btn_grd_red:hover {
 background: linear-gradient(to bottom right, #7ED76D, #1A9B0B);
	color:#fff;
}

.btn_grd_blue {
 background: linear-gradient(to bottom right, #3A9BD1, #102C97);
	color:#fff;
}
.btn_grd_blue:hover {
 background: linear-gradient(to bottom right, #E49A2E, #E46B2C);
	color:#fff;
}

.btn_grd_green {
 background: linear-gradient(to bottom right, #319E48, #006732);
	color:#fff;
}
.btn_grd_green:hover {
 background: linear-gradient(to bottom right, #C95F5F, #B02020);
	color:#fff;
}

.btn_grd_greenblue {
 background: linear-gradient(to bottom right, #38A671, #4882DC);
	color:#fff;
}
.btn_grd_greenblue:hover {
 background: linear-gradient(to bottom right, #C95F5F, #B02020);
	color:#fff;
}

.btn_grd_orange {
 background: linear-gradient(to bottom right, #FFCD00, #FF6E00);
	color:#fff;
}
.btn_grd_orange:hover {
 background: linear-gradient(to bottom right, #7C67E8, #4926C0);
	color:#fff;
}

.btn_grd_gray {
 background: linear-gradient(to bottom right, #D5D5D5, #434343);
	border:1px #666 solid;
	color:#292929;
}
.btn_grd_gray:hover {
 background: linear-gradient(to bottom right, #E86767, #C02525);
	border:1px #BC4444 solid;
	color:#fff;
}

/* ===========================
お知らせ枠
============================*/
.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.3em 0.5em;
	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: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;}
	


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

/* Bnr
-----------------------------------------*/
.Bnr { position: relative; margin: 0 auto; 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{ box-sizing:border-box; padding:1px; background-color:#fafafa;}
.Bnr .Bnr__img__inner a{ display: block;}
.Bnr .Bnr__img__inner img { width:100%; }
.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: 20px; z-index: 888; color: #222;}

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


/* app/index.html用
-----------------------------------------*/
/* basebox */
@media screen and (min-width: 1000px) {
	.wide_box.wide_box--app { margin: 50px auto;}
}

@media screen and (max-width: 999px) {
	.wide_box { margin: 30px auto; }
}

.app__wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-left: 5%;
	padding-right: 7%;
}

.flexbox__app{
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 500px) {
	/*.flexbox__app { 
		flex-direction: column;	
		margin-top: 10px;

	}*/
}


.app__btn {	
	font-size: 1.6em;
	padding: 8px 10px;
	background: rgb(7,35,81);
	color: #FFF;
	border: 1px solid #fff;
	box-shadow: 0 0 0 2px #003366;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	letter-spacing: 1px;
	clear: both;
	display: block;
	min-width: 110px;
	font-family: serif;
	
}

.app__btn--single{
	background: rgb(202,170,131);
	box-shadow: 0 0 0 2px rgb(202,170,131);

}

.app__btn:hover {
	color: #C0C0C0;
	border: 2px solid #C0C0C0;
}

.app__btn--single:hover {
	color: blanchedalmond;
	border: 2px solid blanchedalmond;
}

.app__title{
	text-align: center;
	font-family: sans-serif;
	letter-spacing: 0.2em;
	font-size: 2.2em;

}

.app__title--sub{
	text-align: center;
	font-family: sans-serif;
	color: #D5D3D4;
	margin-top: 4px;
	font-size: 1.5em;

}

.app__description{
	text-align: center;
	font-family: sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.5em;

}

.app__border{
	display: none;
}
@media screen and (max-width: 999px) {
	.app__border { 
		display: block;
		border-top: 2px solid #8c8b8b;
		width: 90%;
		margin: 0 auto;
		}
}

.app__box{
	margin: 10px 0px;
}

.app__reservation{
	font-family: sans-serif;
}


/* restautant_test.html用
-----------------------------------------*/
.restaurant-introduction{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.chef__cards {
  /* margin-top: 50px; */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  -moz-column-gap: 35px;
       column-gap: 35px;
  row-gap: 45px;
	
	
}
@media screen and (max-width: 999px) {
  .chef__cards {
    padding: 0 12.5px;
  }
}

.chef__contents{
	display: flex;
	align-items: center;
	justify-content: center;
	/* flex-direction: column; */
	border-top: 2px solid; 
	border-bottom: 2px solid; 
	-o-border-image: linear-gradient(to right, black, orange) 1; 
	   border-image: linear-gradient(to right, black, orange) 1;
	
	padding: 20px 0;
	width: 90%;
	height: auto;
	/* min-height: 180px; */
	/* min-height: 100px; */
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 375px) {
	.chef__contents {
		flex-direction: column;
	}
}

.chef__title {
	font-size: 10px;
}

.chef__name-box{
	display: flex;
	align-items: center;
	justify-self: center;
	flex-direction: column;
	padding: 10px;
	min-width: 100px;


}

.chef__name {
	padding-top: 10px;
	font-size: 18px;

}



.chef__description {
	font-size: 12px;
	width: 100%;
	/* max-width: 250px; */
	max-width: 300px;
	/* text-align: center; */
	padding-top: 10px;

}

.card__img-box {
  aspect-ratio: 4/3;
  width: 100%;
}

.card__img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 999px) {
  .card__title {
    margin-top: 14px;
  }
}

.feature__image-box{
	width: 50%;
	height: auto;
}
.feature__image{
	width: 100%;
	/* max-width: 400px; */
	height: auto;
}

@media screen and (max-width: 999px){
	.feature__image{
		max-width: unset;
	}
}

.feature{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 999px) {
	.feature{
		display: block;
	}
}


.feature__description{
	width: 50%;
	height: auto;
	padding-left: 50px;
}

@media screen and (max-width: 999px){
	.feature__description{
		padding-left: 0px;
	}
}

.feature__title{
	font-size: 18px;
	padding-top: 20px;


}

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



/* restautant_test.html用 lunch用
-----------------------------------------*/
.lunch__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 30px;
	
	
}
@media screen and (max-width: 999px) {
  .lunch__cards {
    padding: 0 12.5px;
  }
}

.lunch__card {
	display: flex;
	align-items: center;
	/* justify-content: center; */
	flex-direction: column;
}

.lunch__card-img {
	width: 100%;
	max-width: 200px;
	height: auto;
	border-radius: 10px;
	

}

.lunch__name {
	padding-top: 10px;

}


/* restautant_test.html用 morning用
-----------------------------------------*/
.morning-set{
	width: 100%;
	max-width: 300px;
	padding-top: 20px;

}
.morning__wrapper{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
@media screen and (max-width:999px) {
	.morning__wrapper{
		flex-direction: column;
	}
}