@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

#customer_header p,
#customer_footer p { padding: 0; margin: 0;}


/* ===================================================
	Custom CSS
	※ 予約番自体のコンテンツに影響するのを避けるため、
	　必ず #customer_header または #customer_footer からの継承で記述してください。
====================================================== */
body { min-width: 1100px; background: url(../img/bg.gif); color: #000;}

#customer_header,
#customer_footer {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	font-weight: normal;
	font-feature-settings: "palt";
	line-height: 1.8;
	color: #000;
	letter-spacing: 0.08em;
}

#customer_header #header_wrap,
#customer_header #nav_wrap,
#customer_footer #footer_wrap {
	padding: 0; margin: 0;
}

/* #customer_header #header,
#customer_header #gnav ul,
#customer_footer #footer {
	width: 1100px; max-width: 100%; padding: 0; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
} */

#customer_header a,
#customer_footer a { color: inherit;
	text-decoration: none;
	transition: opacity 0.5s;}
#customer_header a:hover,
#customer_footer a:hover { opacity: 0.7;}
/* #customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;} */


#customer_header div,
#customer_footer div { box-sizing: border-box;}

#customer_header img,
#customer_footer img { max-width: 100%;}

#customer_header .ver_sp,
#customer_footer .ver_sp { display: none;}

#customer_header .btn_link1,
#customer_footer .btn_link1 {
	color: #fff;
	background-color: #006835;
	transition: all 0.5s;
}
#customer_header .btn_link2,
#customer_footer .btn_link2 {
	background-color: #fff;
	transition: all 0.5s;
}

#customer_header .ofi,
#customer_footer .ofi {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#customer_header .view_sp,
#customer_footer .view_sp {
	display: none;
}

#customer_header .tel-link,
#customer_footer .tel-link { pointer-events: none}


@media screen and (orientation:landscape) {
	body { width: 100%;}
}
@media screen and (max-width: 600px) {
	body { min-width: 0;}

	#customer_header .view_pc,
	#customer_footer .view_pc { display: none !important;}
	#customer_header .view_sp,
	#customer_footer .view_sp { display: inline !important;}

	#customer_header .tel-link,
	#customer_footer .tel-link { pointer-events: inherit}
}


/* ---------------------------------------------------
	Header
------------------------------------------------------ */


/* ---------------------------------------------------
	Link
------------------------------------------------------ */
.link-run {
	position: relative;
	padding: 0 0 5px;
	color: inherit;
	text-decoration: none;
}
.link-run::after {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	content: "";
	background: currentcolor;
	transition: transform 0.5s;
	transform: scaleX(0);
	transform-origin: left center;
}

@media (hover: hover) {
	.link-run:hover {
		opacity: 1;
	}
	.link-run:hover::after {
		transform: scaleX(1);
	}
}
.link-run.run-center::after {
	transform-origin: center;
}
.link-run.run-right::after {
	transform-origin: right center;
}
.link-run.run-current::after {
	transform: scaleX(1);
}
.link-run.run-revers::after {
	transform: scaleX(1);
}

@media (hover: hover) {
	.link-run.run-revers:hover::after {
		transform: scaleX(0);
	}
}


/* ---------------------------------------------------
	G-nav
------------------------------------------------------ */
#customer_header #g_header {
	position: fixed;
	top: 0;
	z-index: 11;
	width: 100%;
	min-width: 1200px;
}
#customer_header .hd_inner {
	display: flex;
	align-items: center;
	padding: 0 90px 0 0;
	background-color: rgba(255, 255, 255, 0.9);
}
#customer_header #g_header:has(#gnav:target) .hd_inner {
	opacity: 0;
}
#customer_header #g_header .hd_logo {
	margin: 15px auto 15px 25px;
}
#customer_header #g_header .sub_nav {
	display: flex;
	font-size: 18px;
}
#customer_header #g_header .sub_nav li {
	margin: 0 35px 0 0;
}
#customer_header #g_header .sub_nav li a {
	position: relative;
	padding: 0 0 8px;
}
#customer_header #g_header .sub_nav li a::after {
	position: absolute;
	right: 50%;
	bottom: 0;
	left: 50%;
	height: 2px;
	content: "";
	background: #006835;
	transition: left 0.5s, right 0.5s;
}
#customer_header #g_header .h_nav {
	display: flex;
	align-self: stretch;
}
#customer_header #g_header .h_nav li.h_tel { display: none;}

#customer_header #g_header .h_reserve a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 100%;
	font-size: 18px;
}
#customer_header #g_header .h_reserve a img {
	margin: 0 10px 0 0;
}
#customer_header #g_header .h_search {
	display: none;
}
#customer_header #g_header .btn_menu {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 15;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 100%;
	line-height: 1;
	color: #fff;
	background: #e8eed6;
}
#customer_header #g_header .btn_menu.view_sp {
	display: none;
}
#customer_header #g_header .btn_menu .icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 37px;
}
#customer_header #g_header .btn_menu .icon span {
	width: 100%;
	height: 1px;
	background: #000;
	transition: opacity 0.5s, margin 0.5s, transform 0.5s;
}
#customer_header #g_header .btn_menu .icon span:last-child {
	position: relative;
	right: 0;
	width: calc(100% - 15px);
	margin-right: auto;
	transition: opacity 0.5s, margin 0.5s, transform 0.5s, width 0.5s;
}
#customer_header #g_header .btn_menu .icon span + span {
	margin: 8px 0 0;
}

#customer_header #g_header:has(#gnav:target) > .btn_menu .icon span + span {
	margin-top: -1px;
}
#customer_header #g_header:has(#gnav:target) > .btn_menu .icon span:first-child {
	transform: rotate(-45deg);
}
#customer_header #g_header:has(#gnav:target) > .btn_menu .icon span:nth-child(2) {
	opacity: 0;
}
#customer_header #g_header:has(#gnav:target) > .btn_menu .icon span:last-child {
	width: 100%;
	transform: rotate(45deg);
}

#customer_header #g_header .btn_menu+.close {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 90px;
	height: 100%;
	z-index: 16;
}
#customer_header:has(#gnav:target) #g_header .btn_menu+.close {
	display: block;
}



@media screen and (hover: hover) and (min-width: 601px) {
	#customer_header #g_header .sub_nav li a:hover {
		opacity: 1;
	}
	#customer_header #g_header .sub_nav li a:hover::after {
		right: 0;
		left: 0;
	}
}
@media screen and (min-width: 600px) {
	#customer_header  #g_header.top {
		top: -80px;
		left: 0 !important;
		animation: h-top 1.2s;
	}
}
@media screen and (hover: hover) and (min-width: 601px) {
	#customer_header #g_header .btn_menu:hover {
		opacity: 1;
	}
	#customer_header #g_header .btn_menu:hover .icon span:last-child {
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	#customer_header #g_header {
		position: fixed;
		top: auto;
		bottom: 0;
		z-index: 110;
		display: flex;
		min-width: inherit;
		border-top: 1px solid #ccc;
	}
	#customer_header .hd_inner {
		width: 80%;
		padding: 0;
	}
	#customer_header #g_header .h_nav {
		width: 100%;
	}
	#customer_header #g_header .h_nav li {
		width: 50%;
	}
	#customer_header #g_header .h_nav li a {
		display: block;
		padding: 10px 0;
		font-size: 14px;
		text-align: center;
	}
	#customer_header #g_header .h_nav li a span {
		display: block;
	}
	#customer_header #g_header .h_nav li.h_tel { width: 35%; display: block; background-color: #e8eed6;}
	#customer_header #g_header .hd_logo {
		display: none;
	}
	#customer_header #g_header .h_search {
		display: block;
	}
	#customer_header #g_header .btn_menu {
		position: static;
		width: 20%;
		height: auto;
	}
	#customer_header #g_header .h_reserve a {
		width: 100%;
	}
	#customer_header #g_header .h_reserve a img {
		margin: 0;
	}
	#customer_header #g_header:has(#gnav:target) .btn_menu {
		position: fixed;
		width: 15%;
		padding: 30px 0;
	}

	#customer_header #g_header .btn_menu.view_sp {
		position: static !important;
		display: block !important;
		width: auto !important;
		padding: 50px 0 0;
		margin: 0 auto;
		font-size: 12px;
		color: #000;
		text-align: center;
		background: inherit;
	}
	#customer_header #g_header .btn_menu.view_sp .icon {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 35px;
		margin: 0 auto 10px;
	}
	#customer_header #g_header .btn_menu.view_sp .icon::before,
	#customer_header #g_header .btn_menu.view_sp .icon::after {
		width: 50px;
		height: 1px;
		content: "";
		background: #000;
	}
	#customer_header #g_header .btn_menu.view_sp .icon::before {
		transform: rotate(45deg);
	}
	#customer_header #g_header .btn_menu.view_sp .icon::after {
		margin: -1px 0 0;
		transform: rotate(-45deg);
	}

	#customer_header:has(#gnav:target) #g_header .btn_menu+.close {
		position: fixed;
		height: 61px;
	}
}


#customer_header #gnav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	overflow: auto;
	pointer-events: none;
	background: #fff;
	opacity: 0;
	transition: opacity 0.5s;
}
#customer_header #gnav:target {
	pointer-events: auto;
	opacity: 1;
}

#customer_header #gnav > .gnav_logo {
	display: table;
	margin: 100px auto 30px;
}
#customer_header #gnav > .gnav_logo + p {
	text-align: center;
}
#customer_header #gnav > .gnav_logo + p .tel-link {
	font-size: 30px;
}
#customer_header #gnav > .gnav_logo + p .tel-link span {
	font-size: 26px;
}
#customer_header #gnav #gnav_list {
	width: 900px;
	max-width: 90%;
	margin: 50px auto 60px;
}
#customer_header #gnav #gnav_list > ul {
	display: grid;
	grid-template-rows: repeat(5, auto);
	grid-auto-flow: column;
}
#customer_header #gnav #gnav_list > ul > li {
	margin: 0 0 30px;
}
#customer_header #gnav #gnav_list > ul > li::before {
	display: inline-block;
	width: 10px;
	height: 2px;
	margin: 0 5px 0 0;
	vertical-align: super;
	content: "";
	background-color: #006835;
}
#customer_header #gnav .gnav_reserve {
	width: 100%;
}
#customer_header #gnav .gnav_reserve .btn { width: 100%;}
#customer_header #gnav .gnav_reserve .btn a {
	display: block;
	width: 100%;
	padding: 26px 0;
	font-size: 16px;
	text-align: center;
}
#customer_header #gnav .gnav_reserve ul {
	display: flex;
}

#customer_header #gnav .gnav_reserve ul:nth-of-type(1) {
	justify-content: space-between;
	margin: 20px 0 0;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(1) li {
	width: 30%;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(1) li a {
	display: block;
	width: 100%;
	padding: 17px 0;
	text-align: center;
	color: #fff;
	background-color: #246c20;
}

#customer_header #gnav .gnav_reserve ul:nth-of-type(2) {
	justify-content: space-between;
	margin: 20px 0 0;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(2) li {
	width: 30%;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(2) li a {
	display: block;
	width: 100%;
	padding: 17px 0;
	text-align: center;
	border: 1px solid #006835;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(3) {
	justify-content: center;
	margin: 40px 0 0;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(3) li::before {
	display: inline-block;
	width: 10px;
	height: 2px;
	margin: 0 5px 0 0;
	vertical-align: super;
	content: "";
	background-color: #006835;
}
#customer_header #gnav .gnav_reserve ul:nth-of-type(3) li:nth-of-type(1) {
	margin: 0 20px 0 0;
}



#customer_header #gnav details.lang_nav {
  position: absolute;
  top: 30px;
  right: 120px;
  z-index: 1;
  width: 130px;
  margin-right: 15px;
}

#customer_header #gnav details.lang_nav > summary.acc_tit {
  box-sizing: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  font-size: 18px;
  color: #000;
  letter-spacing: 0.05em;
  cursor: pointer;
  border: solid 1px #000;
  list-style: none; /* 一部ブラウザ対策 */
}

#customer_header #gnav details.lang_nav > summary::-webkit-details-marker { display: none; }
#customer_header #gnav details.lang_nav > summary::marker { content: ""; }

#customer_header #gnav details.lang_nav > summary.acc_tit::before {
  display: block;
  width: 15px;
	height: 15px;
	margin-right: 12px;
  content: "";
  background: url(../img/icon_lang_bk.svg) no-repeat center;
  background-size: contain;
}

#customer_header #gnav details.lang_nav > summary.acc_tit::after {
	position: relative;
  display: inline-block;
	width: 0.4em;
	height: 0.4em;
	margin-top: -0.18em;
	margin-left: 0.4em;
	content: "";
	border: solid currentcolor;
	border-width: 0 1px 1px 0;
	transition: transform 0.5s, margin 0.5s;
	transform: rotate(45deg);
	transform-origin: center;
}

#customer_header #gnav details.lang_nav[open] > summary.acc_tit::after {
  margin-top: 0.18em;
  transform: rotate(-135deg);
}

#customer_header #gnav details.lang_nav .acc_contents {
  position: absolute;
  width: 100%;
}

#customer_header #gnav details.lang_nav .acc_contents ul { width: 100%; }
#customer_header #gnav details.lang_nav .acc_contents ul li { position: relative; width: 100%; }

#customer_header #gnav details.lang_nav .acc_contents ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  /* font-size: calc(13 / 14 * 1em); */
  color: #000;
  text-decoration: none;
  /* letter-spacing: 0; */
  background: rgba(255, 255, 255, 0.8);
  transition: background 0.5s;
  border: 1px solid #000;
  border-top: none;
  padding: 1px 10px;
}

@media (hover: hover) {
  #customer_header #gnav details.lang_nav .acc_contents ul li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
  }
}

#customer_header #gnav details.lang_nav .acc_contents ul li + li::before {
  position: absolute;
  top: -0.5px;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-image: linear-gradient(to right, currentcolor, currentcolor 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 2px;
}


@media screen and (max-width: 700px) {
	#customer_header #gnav {
		overflow: auto;
	}
	#customer_header #gnav > .gnav_logo {
		width: 160px;
	}
	#customer_header #gnav > .gnav_logo + p .tel-link {
		font-size: 26px;
	}
	#customer_header #gnav > .gnav_logo + p .tel-link span {
		font-size: 18px;
	}
	#customer_header #gnav #gnav_list > ul > li.h_nav_pc {
		display: none;
	}
	#customer_header #gnav #gnav_list > ul {
		display: flex;
		flex-wrap: wrap;
	}
	#customer_header #gnav #gnav_list > ul li {
		width: 50%;
	}
	#customer_header #gnav #gnav_list > ul li.nav_sp_txt {
		font-size: 14px;
	}

	#customer_header #gnav .gnav_reserve ul:nth-of-type(1) {
		display: block;
		margin: 10px 0 0;
	}
	#customer_header #gnav .gnav_reserve ul:nth-of-type(1) li {
		width: 100%;
		margin: 0 0 10px;
	}

	#customer_header #gnav .gnav_reserve ul:nth-of-type(2) {
		display: block;
		margin: 10px 0 0;
	}
	#customer_header #gnav .gnav_reserve ul:nth-of-type(2) li {
		width: 100%;
		margin: 0 0 10px;
	}
	#customer_header #gnav .gnav_reserve ul:nth-of-type(2) li a {
		padding: 15px 0;
	}

	#customer_header #gnav details.lang_nav {
        right: inherit;
        left: 4%;
    }

	#customer_header #gnav details.lang_nav > summary.acc_tit { box-sizing: border-box; width: 155px;}
}

/* ---------------------------------------------------
	Main img
------------------------------------------------------ */
#customer_header #main_img {
	position: relative;
	width: 100%;
}
#customer_header #main_img h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	font-size: 46px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.8), 0 0 15px rgba(0, 0, 0, 0.8);
	transform: translate(-50%, -50%);
}
#customer_header #main_img h1 span {
	display: block;
	font-size: 16px;
	color: #e7b11f;
}
#customer_header #main_img .slick-slide img,
#customer_header #main_img img {
	height: 700px;
}

#customer_header #main_img details.lang_nav {
  position: absolute;
  top: 130px;
  left: calc(100% - 200px);
  z-index: 1;
  width: 150px;
  margin-right: 15px;
}

#customer_header #main_img details.lang_nav > summary.acc_tit {
  /* box-sizing: border-box; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 10px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.05em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.5);
  list-style: none; /* 一部ブラウザ対策 */
}

#customer_header #main_img details.lang_nav > summary::-webkit-details-marker { display: none; }
#customer_header #main_img details.lang_nav > summary::marker { content: ""; }

#customer_header #main_img details.lang_nav > summary.acc_tit::before {
  display: block;
  width: 1em;
  height: 1em;
  margin-right: 0.7em;
  content: "";
  background: url(../img/icon_lang_w.svg) no-repeat center;
  background-size: contain;
}
#customer_header #main_img details.lang_nav > summary.acc_tit::after {
  position: relative;
  right: -4px;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-top: -0.18em;
  content: "";
  border: solid currentcolor;
  border-width: 0 1px 1px 0;
  transition: transform 0.5s, margin 0.5s;
  transform: rotate(45deg);
  transform-origin: center;
}

#customer_header #main_img details.lang_nav[open] > summary.acc_tit::after {
  margin-top: 0.18em;
  transform: rotate(-135deg);
}

#customer_header #main_img details.lang_nav .acc_contents {
  position: absolute;
  width: 100%;
}

#customer_header #main_img details.lang_nav .acc_contents ul { width: 100%; }
#customer_header #main_img details.lang_nav .acc_contents ul li { position: relative; width: 100%; }

#customer_header #main_img details.lang_nav .acc_contents ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  font-size: calc(13 / 14 * 1em);
  color: #000;
  text-decoration: none;
  letter-spacing: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: background 0.5s;
  padding: 0 11px;
}

@media (hover: hover) {
  #customer_header #main_img details.lang_nav .acc_contents ul li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
  }
}

#customer_header #main_img details.lang_nav .acc_contents ul li + li::before {
  position: absolute;
  top: -0.5px;
  display: block;
  width: 100%;
  height: 1px;
  content: "";
  background-image: linear-gradient(to right, currentcolor, currentcolor 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 4px 2px;
}



@media screen and (max-width: 600px) {
	#customer_header #main_img .slick-slide img,
	#customer_header #main_img img {
		height: 350px;
	}
	#customer_header #main_img h1 {
		width: 88%;
		font-size: 30px;
	}

	#customer_header #main_img details.lang_nav { 
		top: 20px;
        right: 4%;
        left: inherit;
	}
}


/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
#customer_footer #footer {
	display: flex;
	background: url(../img/f_bg.gif);
}
#customer_footer #footer #f_logo {
	width: 600px;
	max-width: 38%;
	color: #fff;
	background-color: #006835;
}
#customer_footer #footer #f_logo > div {
	width: 400px;
	padding: 80px 80px 0 0;
	margin: 0 0 0 auto;
}
#customer_footer #footer #f_logo > div p {
	padding: 10px 0;
	font-size: 20px;
}
#customer_footer #footer #f_logo address .tel-link {
	display: table;
	margin: 30px 0 10px;
	font-size: 30px;
	line-height: 1;
}
#customer_footer #footer #f_logo address .tel-link span {
	font-size: 26px;
}
#customer_footer #footer address { line-height: 1.8;}
#customer_footer #footer address a img {
	vertical-align: middle; width: 220px;
}
#customer_footer #footer #f_logo address + ul {
	display: flex;
	margin: 30px 0 60px;
}
#customer_footer #footer #f_logo address + ul li {
	margin: 0 10px 0 0;
}
#customer_footer #footer #f_logo address + ul li:last-of-type {
	margin: 0;
}
#customer_footer #footer #f_logo address >img { width: 220px; height: auto;}

#customer_footer #footer #f_logo > div p#copyright {
	font-size: 15px;
}
#customer_footer #footer #f_nav_wrap {
	width: calc(100% - 600px);
	min-width: 62%;
	padding: 60px 0 0 7%;
}
#customer_footer #footer #f_nav {
	width: 700px;
	max-width: 92%;
}
#customer_footer #footer #f_reserve {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}
#customer_footer #footer #f_reserve li a {
	display: block;
	padding: 23px 0;
	text-align: center;
}
#customer_footer #footer #f_reserve li:nth-of-type(1) {
	width: 51%;
}
#customer_footer #footer #f_reserve li:nth-of-type(2) {
	width: 42%;
}
#customer_footer #f_nav .acc_tit {
	display: none;
}
#customer_footer #f_nav #fnav_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#customer_footer #f_nav #fnav_list .fnav li {
	margin: 0 0 30px;
}
#customer_footer #f_nav #fnav_list .fnav li::before {
	display: inline-block;
	width: 10px;
	height: 2px;
	margin: 0 5px 0 0;
	vertical-align: super;
	content: "";
	background-color: #006835;
}
#customer_footer #f_nav #fnav_list .fnav2 {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 30px auto 65px;
}
#customer_footer #f_nav #fnav_list .fnav2 li {
	padding: 0 20px;
	border-right: 1px solid #000;
}
#customer_footer #f_nav #fnav_list .fnav2 li:last-of-type {
	border-right: none;
}

@media screen and (max-width: 600px) {
	#customer_footer #footer {
		flex-direction: column;
	}
	#customer_footer #footer #f_nav {
		width: 100%;
		max-width: 100%;
	}
	#customer_footer #footer #f_logo {
		order: 2;
		width: 100%;
		max-width: 100%;
	}
	#customer_footer #footer #f_logo > div {
		width: 100%;
		padding: 80px 0 0;
		text-align: center;
	}
	#customer_footer #footer #f_logo > div > a img {
		width: 210px;
		height: auto;
	}
	#customer_footer #footer #f_logo address .tel-link {
		margin: 30px auto 10px;
	}
	#customer_footer #footer #f_logo address + ul {
		justify-content: center;
		margin: 20px 0 40px;
	}
	#customer_footer #footer #f_nav_wrap {
		order: 1;
		width: 90%;
		padding: 50px 0;
		margin: 0 auto;
	}
	#customer_footer #footer #f_reserve {
		display: block;
		margin: 0 0 10px;
	}
	#customer_footer #footer #f_reserve li:nth-of-type(1),
	#customer_footer #footer #f_reserve li:nth-of-type(2) {
		width: 100%;
	}
	#customer_footer #footer #f_reserve li:nth-of-type(1) {
		margin: 0 0 10px;
	}
	#customer_footer #footer #f_reserve li a {
		padding: 15px 0;
	}
	#customer_footer #f_nav .acc_tit {
		display: block;
		width: 100%;
		padding: 15px 0;
		margin: 0 auto;
		text-align: center;
		background: url(../img/icon_plus.svg) no-repeat right 30px center #fff;
		background-size: 15px;
	}
	#customer_footer #f_nav .acc_tit.active {
		background: url(../img/icon_minus.svg) no-repeat right 30px center #fff;
		background-size: 15px 2px;
	}
	#customer_footer #f_nav #fnav_list {
		margin: 30px 0 0;
	}
	#customer_footer #f_nav #fnav_list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
	#customer_footer #f_nav #fnav_list .fnav li {
		width: 46%;
		margin: 0 0 15px;
	}
	#customer_footer #f_nav #fnav_list .fnav2 {
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 10px auto;
		font-size: 14px;
		text-align: left;
	}
	#customer_footer #f_nav #fnav_list .fnav2 li {
		width: 46%;
		padding: 0;
		margin: 0 0 10px;
		border-right: none;
	}
	#customer_footer #f_nav #fnav_list .fnav2 li::before {
		display: inline-block;
		width: 10px;
		height: 2px;
		margin: 0 5px 0 0;
		vertical-align: super;
		content: "";
		background-color: #006835;
	}
	#customer_footer #footer #f_logo > div p#copyright {
		padding: 0 0 100px;
	}
}
@media (hover: hover) {
	#customer_footer #footer .btn_link2:hover {
		background-color: #d5e2ab;
		opacity: 1;
	}
}
@media screen and (max-width: 480px) {
	/* #f_nav li { width: 100%; margin-right: 0;} */
}

/* clear
------------------------------------------------------ */

/* #header:after,
#nav_wrap:after,
#gnav ul:after,
#contents_wrap:after,
#footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;} */


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------



------------------------------------------------------ */