@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;600&display=swap');

/* ------------------------
basic
------------------------*/
body { font-family: 'Crimson Text', serif,'Noto Serif JP', serif;}
input,textarea { font-family: 'Noto Serif JP', 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: #f41942; }
a:hover { color: #cccccc; }

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;  }
	.h_right img { margin-right: 10px; width: 100%; max-width: 25px;}
	.h_right a:hover { filter: opacity(0.5); transition: 0.2s; color: #ffffff;  }
	.h_online a{ border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 85%; padding: 5px 5px; width: 100px; text-align: center; vertical-align: middle; line-height: 15px; margin-left: 20px; }
	.h_online a:hover { background: #ffffff; color: #000000; transition: 0.2s; 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:25px;overflow:hidden;width:100%;height:30vh;}
	video{width:100%;}
}


/* ------------------------
nav
------------------------*/
/* main nav */
nav a { text-decoration: none; color: #000000; transition: 0.2s; line-height: 140%;}
nav a:hover { 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.85em; text-align: center;  }
	.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.95em; letter-spacing: -1px;  text-align: center; }
	.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; width: 96%; margin-left: 2%; margin-right: 2%;  }
	nav dl dt { width: 95%; 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: 206px; 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%;}
	
	.h_navi { display: flex; display: -webkit-flex; justify-content: flex-end; width: 100%; background: #3e320a; color: #ffffff; }
	.h_navi ul li { margin-right: 10px; text-align: center; line-height: 78px; height: 78px;}
	.h_navi .address {padding: 25px 30px 20px 5%; font-size: 130%; letter-spacing: 0.1em; text-align: left; width: 80%; background: #3e320a; color: #ffffff; }
	
	
	.under_nav { position: absolute; top: 0; left: 0; width: 100%; }
	.under_nav .logo img { max-width: 206px; width: 100%;  }
	.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: -moz-linear-gradient(top, rgb(67,67,72) 0%, rgb(56,56,60) 33%, rgb(56,56,60) 65%, rgb(67,67,72) 100%); 
	background: -webkit-linear-gradient(top, rgb(67,67,72) 0%,rgb(56,56,60) 33%,rgb(56,56,60) 65%,rgb(67,67,72) 100%); 
	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: 206px; 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:206px;width:100%;}
	
	.under_head dt { padding: 10px 8px; position: fixed; top: 0; width: 100%; z-index: 100;
	background: rgb(67,67,72);
	background: -moz-linear-gradient(top, rgb(67,67,72) 0%, rgb(56,56,60) 33%, rgb(56,56,60) 65%, rgb(67,67,72) 100%); 
	background: -webkit-linear-gradient(top, rgb(67,67,72) 0%,rgb(56,56,60) 33%,rgb(56,56,60) 65%,rgb(67,67,72) 100%); 
	background: linear-gradient(to bottom, rgb(67,67,72) 0%,rgb(56,56,60) 33%,rgb(56,56,60) 65%,rgb(67,67,72) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434348', endColorstr='#434348',GradientType=0 );
}
	.under_head dd { display: none; }
	.under_head .logo img { max-width: 220px; width: 100%; }
	.h_navi { display: none; }
}

/* drawer nav */

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


/* ------------------------
footer
------------------------*/
#footer {margin: 0px auto 0px; color: #ffffff;background: #444444;}
#footer .limit_box_simple { max-width: 1000px; margin: 0px auto; padding: 50px 0px 15px;}
#footer .logo {font-size: 130%; margin-bottom: 20px; font-weight: bold;}
#footer .logo span {font-size: 80%;}
#footer .btn_red01_wide a { color: #ffffff;}
#footer li { padding: 5px;}
#footer li a { color: #ffffff; text-decoration: none; font-size: 80%;}
#footer li a:hover { color: #ff0000;}
#footer li:before { content: "\0bb"; margin-right: 6px;}
#footer .f_info { font-size: 150%; margin-bottom: 30px; text-align: center;}
#footer .c_name { font-size: 150%; margin-bottom: 20px; }
#footer .copyright { text-align: center; letter-spacing: 1px; font-size: 100%; clear: both; margin: 100px auto 30px; border-top: 1px solid #CCCCCC; padding-top: 15px;clear: both;}

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


@media screen and (max-width: 999px) {
#footer { color: #333; }
#footer dt { width: 100%; }
#footer dd { 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; margin-top: 30px;}

#footer dd li a { color: #333; 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;}
@media screen and (max-width:999px){
	.main_pr {height: 200px;}
}

.page_bg {position: relative;}
@media screen and (min-width: 1000px) {
	.page_bg span {
		position: absolute; top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%); 
		font-size:2.2rem; color: #fff;
		font: bold; 
		text-align: center;
	} 
}

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


.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;}
.title .jpn {	font-size: 80%;	color: #666666;}
.title .eng {	font-size: 160%; }

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

.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; display: inline-block; margin-left: 20px; }
.list_number li {margin-bottom: 5px; list-style-type: decimal;  margin-left: 20px; padding-left: 20px;}
.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.3em;}
	.limit_box { max-width: 1200px; padding: 30px; margin: 0px auto 50px 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: 90%;  margin: 0px auto 100px ;}
	.sm_box { max-width: 1000px; padding: 30px; margin: 10px auto 50px auto;  }
	
	.limit_box_simple { max-width: 1200px; margin: 0px auto;}
}

@media screen and (max-width: 999px) {
	.container { font-size: 1.3em; }
	.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:hover{background:#555;color:#FFF;}
.tab_calendar li.select{background:#686153;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:#cdb88e;color:#FFF;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:#cdb88e;color:#FFF;padding-top:10px;padding-bottom:10px;margin-right:0.5%;margin-bottom:5px;}
}

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

/*slider*/
.slider_bg{background-size:cover;padding-top:0px;padding-bottom:20px;}
.rest_slider .slick-slide{margin-left:0px;margin-right:0px;}

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

}

/* news */

.news_box {	display: flex;	display: -webkit-flex;	justify-content: space-around;	-webkit-justify-content: space-around;	align-items: center;	flex-wrap: wrap;	-webkit-flex-wrap: wrap;}
.news_box dt {	width: 68.5%;}
.news_box dd {	width: 28.5%;}

@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%;}
.news_box dd {	width: 100%; margin: 0 auto; text-align: center;}
}

.news {width: 100%;}
.news ul { padding: 5px; margin-top: 5px; margin-bottom: 15px;  padding-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 .event_icon { 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 (min-width: 651px) {
}

@media screen and (max-width: 650px) {
	.news ul li { margin: 0 10px; }
}

@media screen and (min-width: 1000px) {
#course_info {margin-bottom: 20%; position: relative; }
#course_info .photo_c { position: relative; left: 0; width: 80%; z-index: 1;}
#course_info .photo_c img { width: 100%; max-width: 1600px;}
#course_info .txt { position: absolute; top: 65%; right: 2%; width: 50%; z-index: 9999; background: #FFFFFF; padding: 80px 20px 30px 80px;}
	
	
#restaurant_info { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-align-items: center; margin-bottom: 25%; }
#restaurant_info dd { width: 45%; }	
#restaurant_info .photo_r { position: relative; margin-top:-40%;  z-index: 1;}
#restaurant_info .photo_r img { position: relative; z-index: 1; width: 100%; }
#restaurant_info .photo_l { position: relative; }
#restaurant_info .photo_l img { position: relative; z-index: 1; width: 100%; }
#restaurant_info .txt_l { position: absolute; top: 85%; right: 5%; left:5%; z-index: 9999; background: #FFFFFF; padding: 30px;}
#restaurant_info .txt_r { position: absolute; top: 85%; right: 5%; left:5%; z-index: 9999; background: #FFFFFF; padding: 30px;}
}

@media screen and (max-width: 999px) {
#course_info {margin-bottom: 20%;  }
#course_info .photo_c {left: 0; width: 100%; z-index: 1;}
#course_info .photo_c img { width: 100%; max-width: 1600px;}
#course_info .txt { margin: 30px auto; width: 100%;}
#restaurant_info .txt_l { padding: 30px;}
#restaurant_info .txt_r { padding: 30px;}
}
.gmap_top {	height: 0;	overflow: hidden;	padding-bottom: 48%;	position: relative;}
.gmap_top iframe {	position: absolute;	left: 0;	top: 0;	height: 100%;	width: 100%;}
	
.group_bg { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f1f0f0 50%, #f1f0f0 100%);}

/*??　文字の右にライン　??*/
.title-border-right {display: flex;align-items: center; z-index: 9999; font-size: 5.0em; letter-spacing: 0.2em;}
.title-border-right:after {border-top: 1px solid #000000;content: "";flex-grow: 1;}
.title-border-right:after {margin-left: 2rem;}
.title-border-left {display: flex;align-items: center; z-index: 9999; font-size: 5.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: 4em; letter-spacing: 0.1em;}
.title-border-right {font-size: 4em; letter-spacing: 0.1em;}
}




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

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

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

/* 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: #FDF2F2; padding: 10px 5px; text-decoration: none; color: #000000; border-radius: 10px 10px 0 0;  }
.hole_box .hole_nav li a.select { background: #ff0000; color: #FDF2F2; 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: 70%; }
.hole_box .swiper-slide dl dd { width: 28%; }

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

/*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 #fbb4c1 double;border-bottom:3px #fbb4c1 double;padding:8px 0;margin-top:5px;margin-bottom:5px;color:#ca1335;}
.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;}
}

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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

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

@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: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  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: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  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{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

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

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

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

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

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

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

.kingaku font {}

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

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

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

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

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

.flx_item {
	margin:0 0.5em;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-ms-flex:1;
	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: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;
}

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

@media only screen and (max-width:999px){
	.Bnr{ display: none;}
	.Bnr .Bnr__img{{ display: none;}
}
	
	/* ===========================
shop
============================*/
.shop_image { display: flex; -js-display: flex; flex-wrap: wrap; justify-content: space-between; }	
.shop_image dd { width: 24.5%;  margin-top: 15px; margin-bottom: 15px; border-bottom: 1px #ADADAD solid;}
.shop_image dt { width: 100%;}
.shop_image h2 { margin:5px 0px 15px 0;font-size:110%; font-weight: bold;padding-bottom: 5px;border-bottom:1px solid #cccccc;}

.shop_image02 { display: flex; -js-display: flex; flex-wrap: wrap; justify-content: space-between; }	
.shop_image02 dd { width: 50%;  margin-top: 15px; margin-bottom: 15px; border-bottom: 1px #ADADAD solid;}
.shop_image02 dt { width: 100%;}
.shop_image02 h2 { margin:5px 0px 15px 0;font-size:110%; font-weight: bold;padding-bottom: 5px;border-bottom:1px solid #cccccc;}

@media only screen and (max-width:999px){
.shop_image dd {width: 49.5%;  margin-top: 15px; margin-bottom: 15px; border-bottom: 1px #ADADAD solid;}
.shop_image dt {width: 100%;}
.shop_image h2 {margin:5px 0px 15px 0;font-size:130%;padding-bottom: 5px;border-bottom:1px solid #cccccc;}
.shop_image02 dd {width: 49.5%;  margin-top: 15px; margin-bottom: 15px; border-bottom: 1px #ADADAD solid;}
.shop_image02 dt {width: 100%;}
.shop_image02 h2 {margin:5px 0px 15px 0;font-size:130%;padding-bottom: 5px;border-bottom:1px solid #cccccc;}	
	}