@charset “utf-8”;

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Maru+Gothic&display=swap');

/*------------------------------------------
general
------------------------------------------*/

:root {
	--textbase:#3E3936;
	--red:#C1272D;
	--gray:#EDEDED;
	--greengray:#DFDCC4;
	--beige:#F9F6EC;
	--orcher:#C09933;
	--brown:#502200;
	--serif: 'Noto Serif JP', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	--sans_serif: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	--century: Futura, 'Century Gothic';
	--kozuka: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
	--maru: "Zen Maru Gothic", serif;
}
html{
	font-size: 62.5%;
}
body{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	color:var(--textbase);
	overflow-x:hidden;
	font-size:1.6rem;
	-webkit-text-size-adjust:none;
}
img:not(.clickok) {
  pointer-events: none;
  -webkit-user-drag: none; /* Chrome, Safari, Operaを禁止する場合 */
  -khtml-user-drag: none; /* Konquerorを禁止する場合 */
  -moz-user-drag: none; /* Firefoxを禁止する場合 */
}

p{
	font-size:1.6rem;
}
a{
	text-decoration:none;
	transition: all 0.5s 0s ease-in-out;
	color:var(--textbase);
}
a img{
	transition:0.3s all;
}
a img:hover{
	transform:scale(1.05);
}

a.underline {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 1px solid #0000EE;
    margin-bottom: 15px;
    color:#0000EE;
}


.f_mincho{
	font-family: "Noto Serif JP", serif;
}
.f_century{
	font-family: Futura, 'Century Gothic';
}
.f_meiryo{
	font-family: var(--meiryo);
}
.mx-auto{
	margin-left:auto;
	margin-right:auto;
}
.mt-15{
	margin-top:15px;
}
.mt-30{
	margin-top:30px;
}
.mt-50{
	margin-top:50px;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left !important;
}

span.linemarker {
	  background:linear-gradient(transparent 60%, #ff6 60%);
}
.red{
	color:var(--red);
}
.bold{
	font-weight:600;
}
.small{
	font-size:88%;
}
.spbr{
	display:none;
}
.disp_sp{
	display:none;
}
.sp_left{
	text-align:center;
}
@media screen and (max-width: 599px) {
	.spbr{
		display:block;
	}
	.pcbr{
		display:none;
	}
	.disp_pc{
		display:none !important;
	}
	.disp_sp{
		display:block;
	}

	.sp_left{
		text-align:left !important;
	}
	.sp-mt-30{
		margin-top:30px;
	}
}

.boxshadow{
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);
	box-shadow:0 0 8px rgba(0,0,0,0.3);
}
.boxshadow2{
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
	box-shadow:1 1 3px rgba(0,0,0,0.2);
}

.wrapper{
	position:relative;
	max-width:1080px;
	margin-inline:auto;
	padding-left:15px;
	padding-right:15px;
}
.position-relative{
	position:relative;
}
.tategaki{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.bg_a{
	background-image:url("../images/common/bg.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.bg_b{
	background-image:url("../images/common/bg3.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
a.btn_small{
	background:#fff;
	font-size:1.2rem;
	border-radius:20px;
	padding:6px 16px;
	box-shadow: 2px 2px 4px #ccc;
	transition:0.3s all;
}
a.btn_small:hover{
	transform:scale(1.1);
}
a.btn_more{
	background:var(--main-color);
	padding:10px 50px;
	color:#fff;
	font-size:1.6rem;
	border-radius:30px;
	display:inline-block;
	transition:0.3s all;
}
a.btn_more:hover{
	transform:scale(1.1);
}
.cnr_ttl h2{
	font-size:3.6rem;
	font-weight:300;
}
.cnr_ttl p{
	margin-top:10px;
	letter-spacing: 0.12em;
}

.ttl_orangeline {
    display: flex;
    align-items: center;
	font-size:2.4rem;
	font-weight:600;
	margin:35px 0;
}

.ttl_orangeline:before,
.ttl_orangeline:after {
    content: "";
    height: 6px;
    flex-grow: 1;
    background-color: #FFC542;
}

.ttl_orangeline:before {
    margin-right: 2rem;
}

.ttl_orangeline:after {
    margin-left: 2rem;
}

ul.kome{
	list-style: none;
	padding: 0;
}
ul.kome li{
	display: flex;
	padding:2px 0;
}
ul.kome li::before {
	content: "\203B";
	margin-right: .25em;
}
ul.maru{
	list-style-type: disc;
	/*padding: 0;*/
padding-left: 1.5em;
}
/*
ul.maru li{
	display: flex;
	padding:2px 0;
}
ul.maru li::before {
	content: "\25CF";
	margin-right: .5em;
	font-size: 10px;
}
*/

ol.maruno {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}
ol.maruno li {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 30px;
	position: relative;
}
ol.maruno li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	border: 1px solid #707070;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20px;
	width: 20px;
	font-size: 85%;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

a.linkmark {
    font-size: 1.3rem;
    position: relative;
    margin: auto;
    display: inline-block;
    padding-left: 15px;
}
a.linkmark:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    transform: translateY(-50%) rotate(45deg);
    border-right: 1px solid currentColor;
    border-top: 1px solid currentColor;
    content: "";
}

main{
	position:relative;
	background-image:url("../images/common/bg_common.webp");
	background-repeat:no-repeat;
	background-attachment: fixed;
}

.add_ttl_line {
	font-size:2.2rem;
	display:flex;
	align-items: center;
	flex-wrap:wrap;
}
.add_ttl_line:before {
	content: '';
	width: 30px;
	height: 1px;
	background-color: var(--red);
	margin-right: 20px;
}

/*------------------------------------------
header
------------------------------------------*/

header#head_wrap{
	padding:15px 0px 10px;
	text-align:center;
	position:relative;
	z-index:999;
	transition:0.3s all;

}
header#head_wrap h1{
	width:240px;
}
header#head_wrap.fixed{
	position:sticky;
	top:0;
	padding:6px 0px;
	background:rgba(255,255,255,1.0);
}
.header_inner{
	max-width:1080px;
	margin:auto;
	display:flex;
	justify-content: space-between;
	align-items:end;
	padding:0 15px;
}
#global-nav{
	/*padding:15px 0px 0px;*/
	box-sizing: border-box;
}
#global-nav>ul{
	margin: auto;
	display:flex;
	justify-content:space-between;
	align-items: center;
	list-style: none;
	padding-inline-start:0;
	gap:20px;
}
#global-nav>ul li{
	padding:0 10px;
}
#global-nav>ul li a{
	white-space:nowrap;
	color:#3E3936;
	font-weight:600;
	transition: all 0.5s 0s ease-in-out;
}
#global-nav>ul li a:hover{
	color:var(--orange);
}
#global-nav>ul li a.selnav{
	color:var(--red);
}
#global-nav>ul li a.head_rsv{
	color:#ffff;
	background:var(--brown);
	padding:10px 30px;
	box-sizing: border-box;
}
#global-nav>ul li a.head_rsv:hover{
	background:var(--red);
	transition: background-color 0.5s ease-in-out;
}
/* Toggle Button */
#nav-toggle {
	display: none;
}

#nav-toggle div {
	position: relative;
}

/*サブメニュー*/
#sub_nav{
	display:flex;
	justify-content:end;
	gap:15px;
	align-items:center;
	margin-bottom:20px;
}
#sub_nav .sub_nav_tel{
	font-family:var(--serif);
	color:var(--brown);
	font-weight:600;
	font-size:2.2rem;
}
#sub_nav .sub_nav_tel::before{
	content:url("../images/common/icon_tel.svg");
	margin-right:6px;
}

#sub_nav .sub_nav_contact{
	display:flex;
	color:var(--brown);
	background-color:var(--greengray);
	background-image:url("../images/common/icon_mail.svg");
	background-repeat:no-repeat;
	background-position:left 10px center;
	margin-right:10px;
	font-size:1.3rem;
	font-weight:600;
	padding:4px 10px 4px 30px;
}
/*スマホ用WEB会員メニュー*/
.webrsv_menu{
	display:none;
}


/*------------------------------------------
footer
------------------------------------------*/

footer{
	padding:80px 15px 10px;
	text-align:center;
}
.footerlogo{
	width:250px;
	margin:0 auto 30px;
}
footer .footer_inner{

}
footer .footer_inner p{
	font-size:1.4rem;
}
.address{
	margin:10px 0;
}
footer .footer_inner p span{
	display:inline-block;
	padding:5px 10px;
}
.mapbtn{
	padding:15px;
	margin-bottom:30px;
}
.mapbtn a{
	background:var(--orcher);
	color:#fff;
	border-radius:20px;
	padding:10px 30px;
	font-size:1.4rem;
	transition:0.3s all;
}
.mapbtn a:hover{
	transform:scale(1.1);
}

#footer_tel_wrapper .footer_tel{
	font-family:var(--serif);
	color:var(--brown);
	font-weight:600;
	font-size:2.2rem;
}
#footer_tel_wrapper .footer_tel::before{
	content:url("../images/common/icon_tel.svg");
	margin-right:6px;
}


.footer_nav{
	border-top:1px solid #D4D4D4;
	display:flex;
	margin-top:30px;
	padding:30px 0px;
	gap:30px;
	justify-content:center;
}
.footer_nav > div{
	text-align:left;
}
.footer_nav > div > a{
	display:block;
	margin:8px 0;
	font-size:1.4rem;
}
.footer_nav ul li > a{
	font-size:1.3rem;
}
.copyright{
	font-size:1.2rem;
	padding:10px;
}

#btn_float_rsv {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 0;
}
#btn_float_rsv a img{
    cursor: pointer;
    width: 150px;
    height: 150px;
}

#page-top {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 0;
}
#page-top a img{
    -moz-opacity: .8;
    opacity: .8;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

.copyright{
	background:var(--brown);
}
.copyright p{
	color:#fff;
	text-align:center;
	font-size:1rem;
}
#footer_fixed_nav{
	display:none;
}

/*------------------------------------------
クイック検索
------------------------------------------*/
.box_search{
	max-width:1080px;
	margin-inline:auto;
	position:relative;
	top:-40px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:50px;
	background-color: #ffffff; /* ボックスの背景色 */
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.2); /* 半透明の黒い影 */
}
@media only screen and (max-width: 1079px){
	.box_search{
		width:94%;
		margin:auto;
	}
}
@media only screen and (max-width: 943px){
	.box_search{
		display:block;
	}
}
@media only screen and (max-width: 599px){
	.box_search{
		display:none;
	}
}

.box_search h2{
	font-size:2.4rem;
	font-weight:600;
	color:var(--brown);
	white-space:nowrap;
	text-align:center;
}
.box_search h2 span{
	display:block;
	border-top:5px solid var(--orcher);
	border-bottom:5px solid var(--orcher);
	color:var(--orcher);
	font-size:1.6rem;
	padding:8px;
	margin-top:8px;
}

@media only screen and (max-width: 943px){
	.box_search h2{
		width:250px;
		font-size:2rem;
		margin:0 auto 20px;
	}
	.box_search h2 span{
		font-size:1.4rem;
		padding:6px;
		margin-top:6px;
	}
}

.box_form ul.quickrsv{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	align-items:center;
	justify-content:center;
}

.box_form ul.quickrsv p{
	font-size:1.3rem;
}
.box_btns{
	display:flex;
	gap:15px;
	list-style: none;
	margin-top:10px;
}
@media only screen and (max-width: 943px){
	.box_btns{
		justify-content:center;
		flex-wrap:wrap;
	}
}
.box_btns li{
	background-image: url('../images/common/icon_arrow_bk.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 20px;
	font-size:1.3rem;
}
@media only screen and (max-width: 599px){
	.box_btns li{
		width:40%;
	}
}
form#obj_search{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
ul.quickrsv input#datepicker,
ul.quickrsv input#datepicker2{
	width:180px;
	background: url(../images/common/icon_cal.svg) 95% center no-repeat var(--gray);
	display:inline-block;
}

@media only screen and (max-width: 1079px){
	ul.quickrsv input#datepicker,
	ul.quickrsv input#datepicker2{
		width:130px;
	}
}

.form-control {
	display: block;
	width: 100%;
	line-height:1em;
	font-size: 1.4rem;
	color: var(--textbase);
	background-color: var(--gray);
	padding: 10px 10px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border-radius:4px;
	border:none;
	cursor:pointer;
}
.obj_per_num,
.obj_room_num{
	padding: 9px 10px;
}

ul.quickrsv select::-ms-expand {
	display: none;
}

.search_submit input{
	background:var(--brown);
	color:#fff;
	border:1px solid #fff;
	width:144px;
	padding:18px;
	font-size:1.6rem !important;
	border-radius:4px;
	margin-top:2px;
	cursor:pointer;
}
.search_submit input:hover{
	background:var(--red);
	transition: background-color 0.5s ease-in-out;
}

@media only screen and (max-width: 767px){
	ul.quickrsv select.roomtype{
		width:100%;
	}
	.search_submit{
		width:100%;
	}
	.search_submit p{
		width:100%;
	}
	.search_submit input{
		width:100%;
		margin-top:0px;
		font-size:1.6rem;
		padding:13px;
	}
}

/*------------------------------------------
slick
------------------------------------------*/

[class*="carousel__arrow--"]{
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiB6b29tQW5kUGFuPSJtYWduaWZ5IiB2aWV3Qm94PSIwIDAgMjI0Ljg3OTk5IDIyNSIgaGVpZ2h0PSIzMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHZlcnNpb249IjEuMCIgc3R5bGU9ImJhY2tncm91bmQ6bm9uZTsiPjxkZWZzPjxjbGlwUGF0aCBpZD0iZWJhN2YwNjBkNSI+PHBhdGggZD0iTSAwIDAuMDU4NTkzOCBMIDIyNC43NjE3MTkgMC4wNTg1OTM4IEwgMjI0Ljc2MTcxOSAyMjQuOTM3NSBMIDAgMjI0LjkzNzUgWiBNIDAgMC4wNTg1OTM4ICIgY2xpcC1ydWxlPSJub256ZXJvIi8+PC9jbGlwUGF0aD48Y2xpcFBhdGggaWQ9Ijk5OWE2NGYwNGYiPjxwYXRoIGQ9Ik0gMzcuOTE0MDYyIDggTCAxNTggOCBMIDE1OCAyMTcgTCAzNy45MTQwNjIgMjE3IFogTSAzNy45MTQwNjIgOCAiIGNsaXAtcnVsZT0ibm9uemVybyIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNlYmE3ZjA2MGQ1KSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTSAwIDAuMDU4NTkzOCBMIDIyNC44Nzg5MDYgMC4wNTg1OTM4IEwgMjI0Ljg3ODkwNiAyMjQuOTQxNDA2IEwgMCAyMjQuOTQxNDA2IFogTSAwIDAuMDU4NTkzOCAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTSAwIDAuMDU4NTkzOCBMIDIyNC44Nzg5MDYgMC4wNTg1OTM4IEwgMjI0Ljg3ODkwNiAyMjQuOTQxNDA2IEwgMCAyMjQuOTQxNDA2IFogTSAwIDAuMDU4NTkzOCAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjxnIGNsaXAtcGF0aD0idXJsKCM5OTlhNjRmMDRmKSI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTSA0Mi4yOTY4NzUgMTAxLjkyMTg3NSBDIDM2LjQ2ODc1IDEwNy43NDIxODggMzYuNDY4NzUgMTE3LjE5MTQwNiA0Mi4yOTY4NzUgMTIzLjAxMTcxOSBMIDEzMS44MDA3ODEgMjEyLjM5ODQzOCBDIDEzNy42MjUgMjE4LjIxNDg0NCAxNDcuMDg5ODQ0IDIxOC4yMTQ4NDQgMTUyLjkxNzk2OSAyMTIuMzk4NDM4IEMgMTU4Ljc0MjE4OCAyMDYuNTc4MTI1IDE1OC43NDIxODggMTk3LjEyNSAxNTIuOTE3OTY5IDE5MS4zMDg1OTQgTCA3My45NDkyMTkgMTEyLjQ0NTMxMiBMIDE1Mi44NzEwOTQgMzMuNTc4MTI1IEMgMTU4LjY5NTMxMiAyNy43NjE3MTkgMTU4LjY5NTMxMiAxOC4zMDg1OTQgMTUyLjg3MTA5NCAxMi40ODgyODEgQyAxNDcuMDQyOTY5IDYuNjcxODc1IDEzNy41NzgxMjUgNi42NzE4NzUgMTMxLjc1MzkwNiAxMi40ODgyODEgTCA0Mi4yNSAxMDEuODc1IFogTSA0Mi4yOTY4NzUgMTAxLjkyMTg3NSAiIGZpbGwtb3BhY2l0eT0iMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat center center / 80%;
  position: absolute;
  top: 80%;
  translate: translateY(-50%);
  width: 40px;
  aspect-ratio: 1;
  z-index: 2;
}
.carousel__arrow--prev{
  left: 0;
}
.carousel__arrow--next{
  right: 0;
  rotate: 180deg;
}
@media (hover: hover){
  [class*="carousel__arrow--"]{
    transition: .3s;
  }
  [class*="carousel__arrow--"]:hover{
    cursor: pointer;
    opacity: 0.7;
  }
}




/*------------------------------------------
lower
------------------------------------------*/
.pagehead{
	height:250px;
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
	justify-content:center;
	align-items:center;
}
.pagehead h2{
	display:inline-block;
	text-align:center;
	/*font-family: "Zen Maru Gothic", serif;*/
	font-weight:600;
	font-size:3.2rem;
	color:#fff;
	text-shadow:1px 1px 3px #000;
}
.pagehead h2 span{
	display:block;
	font-size:1.4rem;
	padding-bottom:6px;
	margin-top:10px;
	margin-bottom:6px;
	border-bottom:1px solid #fff;
}
.pagehead h2 span.under{
	padding-top:6px;
	border-bottom:none;

}
.pagehead.room{
	background-image:url("../images/room/pagehead.webp");
	background-position:center center;
}
.pagehead.guide{
	background-image:url("../images/guide/pagehead.webp");
	background-position:center center;
}
.pagehead.access{
	background-image:url("../images/access/pagehead.webp");
	background-position:center center;
}
.pagehead.contact{
	background-image:url("../images/contact/pagehead.webp");
	background-position:center center;
}
.pagehead.news{
	background-image:url("../images/news/pagehead.webp");
	background-position:center center;
}

.cnr_intro{
	text-align:center;
	margin-bottom:60px;
}
.cnr_intro h3{
	font-family:var(--serif);
	font-size:3.6rem;
	margin-bottom:45px;
	font-weight:normal;
}
.cnr_intro p{
}

#sec_intro{
	padding:10px 0 60px;
}
#sec_intro h3{
	text-align:center;
	line-height:1.5em;
	font-size:1.8rem;
	margin-bottom:40px;
}
@media screen and (max-width: 599px) {
	#sec_intro{
		padding:40px 0 60px;
	}
}

/*------------------------------------------
responsive
------------------------------------------*/

@media screen and (max-width: 999px) {

	#mobile-head {
		width: 100%;
		z-index: 999;
		position: relative;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	header#head_wrap{
		padding:10px 0;
	}
	header#head_wrap h1{
		width:180px;
		padding-left:15px;
	}
	.header_inner{
		position:relative;
		padding:0;
	}

	#sub_nav{
		display:flex;
		justify-content:center;
		gap:30px;
		align-items:center;
		margin-bottom:20px;
	}

	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -600px;
		width: 100%;
		text-align: center;
		-webkit-transition: .7s ease-in-out;
		-moz-transition: .7s ease-in-out;
		transition: .7s ease-in-out;
		display: block;
		margin-right: 0px;
		padding:50px 10px 30px;
		border-bottom:8px solid var(--beige);
	}
	#global-nav ul {
		/*display:block;*/
		flex-wrap:wrap;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 1.4rem;
		margin-top: 20px;
		text-align:center;
		justify-content:center;
		column-gap: 10px;
	}
	#global-nav ul li {
		position: static;
		padding:0;
		/*padding:14px 0;*/
	}
	#global-nav ul>li:nth-child(1),
	#global-nav ul>li:nth-child(2),
	#global-nav ul>li:nth-child(3),
	#global-nav ul>li:nth-child(4){
		width:40%;
	}

	#global-nav ul>li:nth-child(5){
		margin-top:10px;
	}

	.webrsv_menu{
		display:block;
		margin-top:30px;
		border-top:1px solid var(--greengray);
	}
	.webrsv_menu h3{
		font-size:1.4rem;
		padding:15px 0;
	}
	.menulist{
		display:flex;
		flex-wrap:wrap;
		gap:15px;
		justify-content:center;
	}
	.menulist a{
		font-size:1.3rem;
		display:block;
		width:170px;
		padding:8px;
		border:1px solid var(--greengray);
	}

	/* #nav-toggle 切り替えアニメーション */
	#nav-toggle {
		display: block;
/*
		position: absolute;
		right: 12px;
		top: 0px;
		width: 34px;
		height: 36px;
*/
		width: 43px;
		height: 20px;
		cursor: pointer;
		z-index: 2;
		text-align:center;
		margin-right:15px;
/*
		padding-top:10px;
*/
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 24px;
		background: var(--brown);
		left: 0;
		right: 0;
		margin:auto;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
		top: 0;
	}
	#nav-toggle span:nth-child(2) {
		top: 9px;
	}
	#nav-toggle span:nth-child(3) {
		top: 18px;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(650px);
		-webkit-transform: translateY(650px);
		transform: translateY(650px);
		background:#fff;
/*
		background-image: url("../images/common/bg.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
*/
	}
	header#head_wrap.fixed{
		padding:10px 0px;
	}
	header#head_wrap.fixed #mobile-head h1{
		width:200px;
		padding-left:15px;
	}

	.ttl_orangeline {
		font-size:2rem;
		margin:25px 0;
	}

	.img_fullwidth img{
		object-fit: cover;
		height:200px;
	}

}

@media screen and (max-width: 599px) {
	p{
		font-size:1.4rem;
	}
	ul.kome li{
		font-size:1.4rem;
	}
	ul.maru li{
		font-size:1.4rem;
	}

	.pagehead h2{
		font-size:2.4rem;
		text-shadow:1px 1px 3px #000;
	}
	.cnr_intro h3{
		font-size:2.1rem;
		margin-bottom:30px;
	}
	.cnr_intro p{
		text-align:left
	}
	footer{
		padding:50px 15px;
	}

	.footer_nav{
		display:none;
	}

	.copyright {
		margin-bottom:41px;
	}
	#btn_float_rsv {
		display:none;
	}

	#footer_fixed_nav{
		display:flex;
		position: fixed;
		bottom: 0;
		width: 100%;
		gap:1px;
	}
	#footer_fixed_nav a{
		color:#fff;
		height:40px;
		font-size:1.4rem;
		display:flex;
		justify-content:center;
		gap:8px;
		align-items:center;
		width:calc((100% - 1px) / 2);
	}
	#footer_fixed_nav a:nth-child(1){
		background:var(--orcher);
	}
	#footer_fixed_nav a:nth-child(2){
		background:var(--red);
	}
}

/*------------------------------------------
表
------------------------------------------*/
.tbl1 {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%; /* table幅を100%に指定 */
	background: #fff;
}
.tbl1 th,
.tbl1 td {
	font-size: 1.4rem;
	padding: 8px 15px;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
.tbl1 th {
	background:var(--beige);
	white-space:nowrap;
}
@media only screen and (max-width: 767px) {
	.tbl1 th,
	.tbl1 td {
		font-size: 1.3rem;
		padding: 8px;
	}
}

.tbl2 {
	width: 100%;
}

.tbl2 tr:first-child th:before {
	display: none;
}

.tbl2 th, .tbl2 td {
	padding: 1em 1.5em;
}

@media only screen and (max-width: 767px) {
	.tbl2 th, .tbl2 td {
		display:block;
		width:100%;
		padding: 0.75em 1em;
	}
}

@media only screen and (min-width: 768px) {
	.tbl2 th, .tbl2 td {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.tbl2 th, .tbl2 td {
		font-size: 86%;
	}
}

.tbl2 th {
	border-bottom: 1px solid var(--greengray);
	font-weight: normal;
	background: var(--greengray);
	position: relative;
}

.tbl2 th:before {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: -1px;
	right: 0;
	background-color: #fff;
}

.tbl2 td {
	border-top: 1px solid var(--greengray);
}
.tbl2 tr:last-child td {
	border-bottom: 1px solid var(--greengray);
}


.tbl3 {
	width: 100%;
}

.tbl3 tr:first-child th:before {
	display: none;
}

.tbl3 th, .tbl3 td {
	padding: 8px 15px;
}

@media only screen and (max-width: 767px) {
	.tbl3 th, .tbl3 td {
		display:block;
		width:100%;
		padding: 0.75em 1em;
	}
}

@media only screen and (min-width: 768px) {
	.tbl3 th, .tbl3 td {
		font-size: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.tbl3 th, .tbl3 td {
		font-size: 86%;
	}
}

.tbl3 th {
	border-bottom: 1px solid var(--beige);
	font-weight: normal;
	background: var(--beige);
	position: relative;
	white-space:nowrap;
}



.tbl3 td {
	border-top: 1px solid var(--beige);
	background:#fff;
}
.tbl3 tr:last-child td {
	border-bottom: 1px solid var(--beige);
}


.section404{
	padding:150px 15px 150px;
	text-align:center;
}
.section404 .leed_ttl{
	font-family:var(--serif);
	font-size:2.4rem;
	margin-bottom:50px;
}
.section404 .sub_leed{
	font-size:1.8rem;
	margin-bottom:50px;
}

.section404 .en_txt{
	font-size:1.6rem;
	margin-bottom:50px;
}

.section404 .caption{
	font-size:1.6rem;
	margin-bottom:50px;
}

@media only screen and (max-width: 767px){
	.section404{
		padding:150px 15px 0px;
		text-align:left;
	}
	.section404 .leed_ttl{
		font-family:var(--serif);
		font-size:2rem;
		margin-bottom:50px;
	}
	.section404 .sub_leed{
		font-size:1.6rem;
		margin-bottom:50px;
	}

	.section404 .en_txt{
		font-size:1.4rem;
		margin-bottom:50px;
	}

	.section404 .caption{
		font-size:1.4rem;
		margin-bottom:50px;
	}
}