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

@media screen and (min-width: 1000px) {
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: 999px) {
h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h3 span {
	font-size: 0.8em;
}
}
a {
	color: #99393f;
}
a:hover {
	color: #ca0000;
}
/* ------------------------
nav
------------------------*/
/* main nav */
nav a {
	text-decoration: none;
	color: #00521c;
	transition: 0.2s;
}
nav a:hover {
	-webkit-filter: opacity(0.8);
	        filter: opacity(0.8);
	color: #00521c;
}

@media screen and (min-width: 1000px) {
nav ul li {
	font-size: 1.3em;
	letter-spacing: 0.5px;
}
nav ul li p {
	font-size: 0.65em;
	letter-spacing: -1px;
}
.fixed_nav li {
	font-size: 1.3em;
}
.fixed_nav li p {
	font-size: 0.65em;
}
}

@media screen and (max-width: 999px) {
nav ul li {
	font-size: 1.2em;
}
nav ul li p {
	font-size: 0.75em;
	letter-spacing: -1px;
}
.fixed_nav nav ul li {
	font-size: 1.05em;
}
.fixed_nav nav ul li p {
	font-size: 0.75em;
	letter-spacing: -1px;
}
}

@media screen and (min-width: 1000px) {
#onlineBttn {
	width: 200px;
	height: 200px;
	position: fixed;
	bottom: 180px;
	right: 2%;
	z-index: 999;
}
* html #onlineBttn {
	position: absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}
#onlineBttn_under {
	width: 180px;
	height: 180px;
	position: fixed;
	bottom: 10px;
	right: 0;
	z-index: 999;
}
* html #onlineBttn_under {
	position: absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}
#hPhone {
	width: 249px;
	height: 64px;
	position: fixed;
	bottom: 100px;
	right: 2%;
	z-index: 999;
}
* html #hPhone {
	position: absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}
.above_the_fold nav {
	position: absolute;
	bottom: 0;
}
nav .drawer-menu p {
	display: none;
}
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: 0px;
}
nav dl dt {
	width: 30%;
}
nav dl dd {
	width: 70%;
}
nav.topnavi {
	width: 100%;
	z-index: 10;
	padding-bottom: 0px;
	background: rgba(204,214,172,1.0);
}
nav.topnavi .logo img {
	max-width: 350px;
	width: 100%;
}
nav.topnavi ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	width: 100%;
}
nav.topnavi ul li {
	margin-right: 20px;
	text-align: center;
	line-height: 110%;
	color: #00521c;
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
	nav.topnavi ul li {
		margin-left: 10px;
		margin-right:0;
		font-size:100%;
	}
}

.under_nav {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: rgb(204,214,172);
}
.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%;
}
.under_nav .under_head dt {
	width: 20%;
	padding-top: 5px;
}
.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;
	color: #00521c;
	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: 5px;
	padding-bottom: 5px;
}
.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 {
	color: #00521c;
	font-size: 1.4em;
}
.fixed_nav .top_fixed a:hover {
	color: #EEE;
}
.fixed_nav .under_fixed {
	background: #FFF;
	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 .drawer-menu p {
	display: none;
}
#onlineBttn, #onlineBttn_under {
	display: none;
}
#hPhone {
	display: none;
}
nav {
	position: absolute;
	top: 0;
	width: 100%;
	font-family: 'Merriweather', serif;
}
nav.topnavi dl dt {
	background: rgba(204,214,172,0.95);
	padding: 10px 2%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
}
nav.topnavi .logo img {
	max-width: 300px;
	width: 100%;
}
.under_head dt {
	padding: 10px 8px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	background: rgb(67,67,72);
	background: linear-gradient(to bottom, rgb(67,67,72) 0%, rgb(56,56,60) 33%, rgb(56,56,60) 65%, rgb(67,67,72) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434348', endColorstr='#434348', GradientType=0 );
}
.under_head dd {
	display: none;
}
.under_head .logo img {
	max-width: 220px;
	width: 100%;
}
}
/* 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.75em;
}
.drawer-nav ul {
	background: rgba(204,214,172,0.95);
	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;
	color: #00521c;
	font-size: 1.35em;
}
.drawer-nav ul li a:hover {
	color: #EEE;
}
}
/* member nav */
.m_navi {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: baseline;
}
.m_navi li {
	text-align: center;
}
.m_navi li a {
	display: block;
	background: #313131;
	text-decoration: none;
	color: #FFF;
	border: 2px #FFF solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.m_navi li a:hover {
	background: #75715f;
	color: #FFF;
	border: 2px #FFF solid;
}
.m_navi li a.select {
	background: #FFF;
	color: #000;
	border-top: 2px #dcd7be solid;
	border-left: 2px #dcd7be solid;
	border-right: 2px #dcd7be solid;
	border-bottom: 2px #FFF solid;
}

@media screen and (min-width: 651px) {
.m_navi li {
	width: 33%;
}
.m_navi li a {
	padding: 15px 10px;
}
}

@media screen and (max-width: 650px) {
.m_navi {
	margin-bottom: 30px;
}
.m_navi li {
	width: 33%;
}
.m_navi li a {
	padding: 10px 5px;
	font-size: 0.8em;
}
}
/* ------------------------
footer
------------------------*/
footer {
	background: #e5e5e2;
	padding: 5% 3%;
	color: #333;
}
footer .copyright {
	letter-spacing: 1px;
	font-size: 0.9em;
	margin: 20px auto;
	text-align: center;
}
footer dl dt {
	padding-left: 5%;
	padding-right: 5%;
}
footer dl dd {
	padding-left: 2%;
	padding-right: 2%;
}
footer dl dd ul {
	margin-top: 10px;
}
footer dl dd ul a {
	text-decoration: none;
	color: #000;
}
footer dl dd ul a:hover {
	color: #666;
	text-decoration: underline;
}
footer dl dd ul li {
	background: url("../images/icon/arrow01.png") left center no-repeat;
	background-size: 13px;
	padding-left: 20px;
}
footer a {
	text-decoration: none;
	color: #000000;
	font-size: 80%;
}
footer a:hover {
	color: #000000;
	text-decoration: underline;
}
.f_navi li {
	float: left;
	padding: 10px;
	margin: 20px auto 20px;
}

@media screen and (min-width: 651px) {
footer {
	margin-top: 100px;
}
footer .c_name {
	font-size: 2em;
	margin-bottom: 15px;
}
footer dl {
	max-width: 1400px;
	margin: auto;
	display: flex;
	display: -webkit-flex;
	align-items: top;
	-webkit-align-items: top;
	flex-wrap: nowrap;
}
footer dl dd ul li {
	margin-bottom: 10px;
}
}

@media screen and (max-width: 650px) {
footer {
	font-size: 1.1em;
	margin-top: 50px;
}
footer .c_name {
	font-size: 1.2em;
}
footer dl dt {
	margin-bottom: 20px;
}
footer dl dd {
	margin-bottom: 20px;
	font-size: 0.9em;
}
footer dl dd p {
	font-size: 1.1em;
}
footer dl dd ul a {
	display: block;
}
footer dl dd ul li {
	border-bottom: 1px #CCC solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
footer .copyright {
	font-size: 0.8em;
}
}
/* ------------------------
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;
}
.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: 15px;
	margin: 10px auto 50px auto;
}
.limit_box_member {
	max-width: 1400px;
	padding: 0 30px;
	margin: 0px auto 70px auto;
}
.wide_box {
	margin: 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/main_ph01.jpg) no-repeat center top;
	background-size: cover;
}
.s02 {
	background: url(../images/top/main_ph02.jpg) no-repeat center top;
	background-size: cover;
}
.s03 {
	background: url(../images/top/main_ph03.jpg) no-repeat center top;
	background-size: cover;
}
.s04 {
	background: url(../images/top/main_ph04.jpg) no-repeat center top;
	background-size: cover;
}
.s05 {
	background: url(../images/top/main_ph05.jpg) no-repeat center top;
	background-size: cover;
}
.s06 {
	background: url(../images/top/main_ph06.jpg) no-repeat center top;
	background-size: cover;
}

.s_cart_noriire {
	background: url("../images/top/main_ph_cart_noriire.jpg") no-repeat center top;
	background-size: cover;
}

.s_cart_noriire p {
	background: url("../images/top/main_ph_cart_noriire.jpg") no-repeat center top;
	background-size: cover;
}

@media screen and (max-width: 650px) {
	.s01 {
		background: url(../images/top/main_ph01.jpg) no-repeat center top;
		background-size: cover;
	}
	.s02 {
		background: url(../images/top/main_ph02.jpg) no-repeat center top;
		background-size: cover;
	}
	.s03 {
		background: url(../images/top/main_ph03.jpg) no-repeat center top;
		background-size: cover;
	}
	.s04 {
		background: url(../images/top/main_ph04.jpg) no-repeat center top;
		background-size: cover;
	}
	.s05 {
		background: url(../images/top/main_ph05.jpg) no-repeat center top;
		background-size: cover;
	}
	.s06 {
		background: url(../images/top/main_ph06.jpg) no-repeat center top;
		background-size: cover;
	}
.s_cart_noriire {
		background: url("../images/top/main_ph_cart_noriire.jpg") no-repeat center top;
		background-size: cover;
	}
}
.slider {
	height: 100vh;
}


/* news */
.news ul {
	display: flex;
	display: -webkit-flex;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.news a.news_link {
	color: #000;
	text-decoration: none;
}
.news a.news_link ul:hover {
	color: #666;
	transition: 0.3s;
}

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

@media screen and (max-width: 650px) {
.news ul li {
	margin: 0 10px;
}
}
/* 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%;
}
/* 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,0.9);
	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,0.9);
}

@media screen and (min-width: 651px) {
.hole_box {
	max-width: 1200px;
	margin: 70px auto;
}
.hole_box .hole_nav li {
	font-size: 1.8em;
}
.hole_box .layout_img {
	margin-top: 3%;
}
.hole_box .swiper-slide dl {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.hole_box .swiper-slide dl dt {
	width: 60%;
}
.hole_box .swiper-slide dl dd {
	width: 38%;
}
.hole_box .swiper-container li .slide-inner {
	padding: 30px;
}
}

@media screen and (max-width: 650px) {
.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/common/bg01.png") right top no-repeat;
	background-size: 30%;
}
.pr02_bg {
	background: url("../images/common/bg02.png") left top no-repeat;
	background-size: 30%;
}
.pr03_bg {
	background: url("../images/common/bg03.png") right top no-repeat;
	background-size: 30%;
}

@media screen and (max-width: 650px) {
.pr01_bg {
	background: url("../images/common/bg01.png") right top no-repeat;
	background-size: 70%;
}
.pr02_bg {
	background: url("../images/common/bg02.png") left top no-repeat;
	background-size: 70%;
}
.pr03_bg {
	background: url("../images/common/bg03.png") right top no-repeat;
	background-size: 70%;
}
}
.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_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;
}
}
/* 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;
}
}
#bttnOnline {
	width: 200px;
	height: 200px;
	position: fixed;
	bottom: 100px;
	right: 0px;
	z-index: 999;
}
* html #bttnOnline {
	position: absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
margin-left:expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

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

.hanrei_lst {
	background-color:#eee;
	padding:1em 1.5em;
}

.hanrei_lst li {
	font-size:90%;
	margin-bottom:0.5em;
	display:inline-block;
	margin-right:2em;
}

.hanrei_lst li img { vertical-align:middle; margin-right:0.4em; width:auto; }



/* WEBフォント明朝 使う場合は、htmlに↓記載
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&amp;subset=japanese" rel="stylesheet">
*/

/* ===========================
WEBフォント明朝
============================*/
/*
* {
	font-family: 'Noto Serif JP', sans-serif;
	word-wrap: break-word;
}
*/

/* ===========================
layout初期化
============================*/

.limit_box *, .limit_box *:before, .limit_box *:after {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
/*
	margin:0;
	padding:0;
*/
}

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


/* ===========================
見出しと内容、他
============================*/
* .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.6em;
	font-size:110%;
	font-weight:bold;
	padding:0em;
	text-align:center;
}

.kingaku {
	text-align:center;
	font-size:100%;
}

.menu_naiyou {
	text-align:center;
	margin-bottom:0.4em;
	font-size:100%;
}

/* ===========================
お知らせ枠
============================*/
.oshirase, .oshirase * {
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}

.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_contents { background-color:hsla(0,0%,100%,0.8); padding:1rem; margin:0; border-radius:0.4rem; }
.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:90%; margin:0 auto; }
.oshirase_shime div { display:inline-block; text-align:left; }

.oshirase.color_red{ border-color:#BD0003; }
.color_red .oshirase_ttl { color:#d00; 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; }

.oshirase.color_grd.grd_red {
  background: linear-gradient(to bottom right, #D76D7A, #BD273A);
	border-style:none;
}
.oshirase.color_grd.grd_red .oshirase_ttl  { color:#fff; }

.oshirase.color_grd.grd_greenblue {
  background: linear-gradient(to bottom right, #38A671, #4882DC);
	border-style:none;
}
.oshirase.color_grd.grd_greenblue .oshirase_ttl  { color:#fff; }

.oshirase.color_grd.grd_orange {
  background: linear-gradient(to bottom right, #FFCD00, #FF6E00);
	border-style:none;
}
.oshirase.color_grd.grd_orange .oshirase_ttl  { color:#fff; }


/* ===========================
poppup
============================*/
.popup_wrap input {
display: none;
}

.popup_overlay {
display: flex;
justify-content: center;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: opacity 0.5s, transform 0s 0.5s;
transform: scale(0);
}

.popup_trigger {
position: absolute;
width: 100%;
height: 100%;
}

.popup_content {
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
align-self: center;
width: 90%;
max-width: 1000px;
padding: 1.5em 1.5em 0.5em;
background: #fff;
line-height: 1.4em;
transition: 0.5s;
}

.close_btn {
position: absolute;
top: 14px;
right: 16px;
font-size: 30px;
cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s;
}

.open_btn {
cursor: pointer;
}
.open_btn:hover{
	background:#000;
	color:#fff;
	transition: .3s ease;
}
  
/* ===========================
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.2em;
	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;
}
	
.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; }

	
.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.3em 0 0.3em 1.7em; }
.ol_lst li, .ul_lst li { margin-bottom:0.3em; line-height:1.3em; }
* .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; }

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

/* a タグ入れるブロック内の a タグの設定  */
.fb_div a, .btn_div a, .fb_div a:link, .btn_div a:link, .fb_div a:visited, .btn_div a:visited,
.fb_div_center a, .fb_div_center a, .fb_div_center a:link, .fb_div_center a:link, .fb_div_center a:visited, .fb_div_center a:visited,
.fb_div_left a, .fb_div_left a, .fb_div_left a:link, .fb_div_left a:link, .fb_div_left a:visited, .fb_div_left a:visited {
	text-decoration:none;
	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;
}


/* ===========================
YOU TUBE
============================*/
.youtube {
	position:relative;
	width: 100%;
	max-width: 960px;	/* 最大幅を設定するとき指定 */
	margin:0px auto;
}

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

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

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

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

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

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

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

/* html のソース
<a href="https://www.instagram.com/++++++++++++/" class="insta_btn2" target="_blank"><i class="fab fa-instagram"></i><span><img src="images/top/insta_icon.png" align="absmiddle" style="width:40px;">　●●●●●● <font>公式　</font><img src="images/top/insta_logo.png" align="absmiddle"></span></a>
*/

/*ポップアップここから*/
.popup_wrap input {
  display: none;
}

.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}

.popup_content {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 800px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
}

.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.open_btn {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 30px;
  margin:10px auto;
  padding: 8px 16px;
  color: #fff;
  background:#0c0d62;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  cursor: pointer;
  transition: .3s ease;

}
.open_btn:hover{
    background:#000;
    color:#fff;
    transition: .3s ease;
}
/*ポップアップココまで*/


/* 九十九谷公園リンクバナー部分　*/
.kujuukutani, .kujuukutani * { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.kujuukutani { padding:0; margin:0 0 1em; background:#23407a; border:2px #ccc solid; max-width:500px; }
.kujuukutani_bnr { margin:0; padding:0; }
.kujuukutani_bnr img { width:100%; }
.hinode_time { padding:0.1em 1em 0.2em; display:block; }
.hinode_time a, .hinode_time #Kimitsu_z444 { background:#23407a; color:#fff; margin-left:0; display:inline-block; text-align:left; }
.hinode_time { font-size:120%; }
.hinode_time #Kimitsu_z444 { font-size:120%; }

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

@media only screen and (min-width:801px) and (max-width:1000px){

	.limit_box * font.pc_hide, .limit_box * span.pc_hide, .limit_box * strong.pc_hide { display: inline-block; }
	.limit_box * font.sm_hide, .limit_box * span.sm_hide, .limit_box * strong.sm_hide { display: none; }
	.limit_box * font.tablet_hide, .limit_box * span.tablet_hide, .limit_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:800px){
/*-----------------------------------------------*/

	.limit_box * font.pc_hide, .limit_box * span.pc_hide, .limit_box * strong.pc_hide { display: inline-block; }
	.limit_box * font.sm_hide, .limit_box * span.sm_hide, .limit_box * strong.sm_hide { display: none; }
	.limit_box * font.tablet_hide, .limit_box * span.tablet_hide, .limit_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%; }
	


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