@charset "UTF-8";
:root {
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--bg-color-dark: #0B2033;
	--bg-color-normal: #FAF6EB;
	--bg-color-dblue: #015EA555;
	--bg-color-ldark: #0E2840;
	--bg-color-orange: #F3C073;
	--bg-color-hover: #4587B1;
	--font-color-normal: #14385A;
	--font-color-white: #FFFFFF;
	--font-color-orange: #F36221;
	--border-color-gray: #E6E6E6;
	--border-color-placeholder: #A1A1A1;
	--contents-width: 1100px;
	--contents-inside-width: 1000px;
	--contents-detail-width: 900px;
	--go-font: 'Noto Sans JP', sans-serif;
	--min-font: 'Shippori Mincho', serif;
}
body {
	margin: 0;
	background: var(--bg-color-normal);
	color: var(--font-color-normal);
	font-family: var(--go-font);
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
}
input::placeholder,
textarea::placeholder {
	color: var(--border-color-placeholder);
}
@keyframes onArrow {
	0%{
		background-position-x: 90%;
	}
	100%{
		background-position-x: 95%;
	}
}
@keyframes offArrow {
	0%{
		background-position-x: 95%;
	}
	100%{
		background-position-x: 90%;
	}
}
@keyframes onArrow2 {
	0%{
		background-position-x: 97%;
	}
	100%{
		background-position-x: 99%;
	}
}
@keyframes offArrow2 {
	0%{
		background-position-x: 99%;
	}
	100%{
		background-position-x: 97%;
	}
}
@keyframes onArrow3 {
	0%{
		background-position-x: 15%;
	}
	100%{
		background-position-x: 10%;
	}
}
@keyframes offArrow3 {
	0%{
		background-position-x: 10%;
	}
	100%{
		background-position-x: 15%;
	}
}
.grecaptcha-badge{
	bottom: 100px !important;
}
#blog .grecaptcha-badge,
#info .grecaptcha-badge{
	opacity: 0;;
}

/*ローディング----------------------------------------------*/
#loading{
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: var(--font-color-white);
	overflow-x: hidden;
	pointer-events: none;
}
#loading.loaded{
	animation-name: fadeOut;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
#loading .logo{
	position: absolute;
	z-index: 1001;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 264px;
	height: 93px;
	background: center center no-repeat url("../img/common/loading-logo.png");
	animation-name: slideUp;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes slideUp {
	0%{
		transform: translateX(-50%) translateY(-46.5px);
	}
	100%{
		transform: translateX(-50%) translateY(-84.5px);
	}
}
#loading .name{
	position: absolute;
	z-index: 1001;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(+30px);
	width: 264px;
	height: 115px;
	background: center center no-repeat url("../img/common/loading-name.png");
	opacity: 0;
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
@keyframes fadeIn {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeOut {
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		display: none;
	}
}

@media screen and (min-width: 1260px) {
	.only-pc{
		display: block;
	}
	.only-sp{
		display: none;
	}
}

@media screen and (max-width: 1259px) {
	.only-pc{
		display: none;
	}
	.only-sp{
		display: block;
	}
}

@media screen and (max-width: 1259px) {
	#loading .logo{
		width: calc(100vw * 0.6);
		height: calc(100vw * 0.211);
		background-size: contain;
		max-width: 264px;
		max-height: 93px;
	}
	#loading .name{
		width: calc(100vw * 0.6);
		height: calc(100vw * 0.261);
		background-size: contain;
		max-width: 264px;
		max-height: 115px;
	}
}
/*ヘッダ----------------------------------------------*/
header{
	position: fixed;
	z-index: 101;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	margin: 0;
	background: var(--font-color-white);
}

@media screen and (max-width: 1259px) {
	header{
	}
}

/*グローバルメニュー----------------------------------------------*/
header .globalMenu{
	display: flex;
	position: relative;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}
header .leftPart{
	width: 300px;
	height: 80px;
	background: 40px center no-repeat url("../img/common/header-logo.png");
	background-size: auto 32px;
}
header .leftPart a{
	display: block;
	width: 100%;
	height: 100%;
}
header .leftPart h1{
	width: 0;
	height: 0;
	opacity: 0;
}
header .rightPart{
	display: flex;
	overflow: visible;
	width: 1018px;
	justify-content: space-between;
}
header .rightPart .hamburger{
	display: none;
}
header .rightPart .menu ul{
	display: grid;
	list-style: none;
	width: 616px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	margin: 28px 0 0;
	padding: 0;
}
header .rightPart .menu ul li{
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: var(--min-font);
	font-size: 16px;
	line-height: 19px;
	font-weight: var(--font-weight-bold);
}
header .rightPart .menu ul li a{
	position: relative;
	display: block;
	overflow: visible;
	width: 100%;
	height: 40px;
	text-decoration: none;
	color: var(--font-color-normal);
	pointer-events: auto;
}
@media screen and (min-width: 1260px) {
	header .rightPart .menu ul li a:before{
		content: "";
		position: absolute;
		display: block;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 8px;
		height: 8px;
		background: center center no-repeat url("../img/common/select-dot.png");
		opacity: 1;
		animation-name: slideOut;
		animation-duration: .2s;
		animation-fill-mode: forwards;
	}
	@keyframes slideOut {
		0%{
			opacity: 1;
			bottom: 0;
		}
		100%{
			opacity: 0;
			bottom: -20px;
		}
	}
	header .rightPart .menu ul li.selected a:before{
		bottom: 0;
		opacity: 1;
		animation: none;
	}
	header .rightPart .menu ul li a:hover:before{
		content: "";
		position: absolute;
		display: block;
		bottom: -20px;
		left: 50%;
		transform: translateX(-50%);
		width: 8px;
		height: 8px;
		background: center center no-repeat url("../img/common/select-dot.png");
		opacity: 0;
		animation-name: slideIn;
		animation-duration: .2s;
		animation-fill-mode: forwards;
	}
	@keyframes slideIn {
		0%{
			opacity: 0;
			bottom: -20px;
		}
		100%{
			opacity: 1;
			bottom: 0;
		}
	}
	header .rightPart .menu ul li.selected a:hover:before{
		bottom: 0;
		opacity: 1;
		animation: none;
	}
}
header .rightPart .tel{
	display: block;
	width: 200px;
	height: 48px;
	margin-top: 16px;
	border-radius: 4px;
	border: 1px solid var(--font-color-normal);
	text-align: center;
	font-family: var(--min-font);
	font-size: 18px;
	line-height: 48px;
	font-weight: var(--font-weight-bold);
}
header .rightPart .tel span{
	padding-right: .5rem;
	font-size: 14px;
}
header .rightPart .reserve{
	display: block;
	width: 150px;
	height: 80px;
}
header .rightPart .reserve a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-family: var(--min-font);
	font-size: 18px;
	line-height: 79px;
	font-weight: var(--font-weight-bold);
	text-decoration: none;
	color: var(--font-color-normal);
	background: var(--bg-color-orange);
	pointer-events: auto;
}
header .rightPart .reserve a:hover{
	background: var(--bg-color-hover);
	color: var(--font-color-white);
	transition: background .4s, color .4s;
}
header .ham-close,
.screen{
	display: none;
}

@media screen and (max-width: 1259px) {
	header .globalMenu{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		pointer-events: none;
	}
	header .leftPart{
		position: absolute;
		z-index: 110;
		left: 0;
		top: 0;
		width: 80vw;
		height: 80px;
		background: var(--font-color-white) 20px center no-repeat url("../img/common/header-logo.png");
		background-size: auto 32px;
	}
	header .leftPart a{
		position: relative;
		pointer-events: auto;
	}
	header .rightPart{
		position: absolute;
		overflow-y: scroll;
		left: 0;
		top: 80px;
		width: 100%;
		height: calc(100vh - 80px);
		pointer-events: none;
	}
	header .rightPart .menu ul{
		position: absolute;
		display: flex;
		list-style: none;
		top: 67px;
		left: 40px;
		width: calc(100vw - 80px);
		margin: 0;
		justify-content: start;
		flex-direction: column;
	}
	header .rightPart .menu ul li{
		margin-bottom: 32px;
		text-align: left;
		font-size: 24px;
		line-height: 24px;
	}
	header .rightPart .menu ul li:first-child{
		display: none;
	}
	header .rightPart .menu ul li a{
		width: auto;
	}
	header .rightPart .menu ul li a:before,
	header .rightPart .menu ul li a:before:hover{
		display: none !important;
		opacity: 0;
		background-image: none;
	}
	header .rightPart .tel{
		position: absolute;
		top: 577px;
		left: 40px;
		width: calc(100vw - 80px);
		height: 80px;
		margin: 0;
		font-size: 24px;
		line-height: 80px;
		pointer-events: auto;
	}
	header .rightPart .tel span{
		font-size: 18px;
	}
	header .rightPart .reserve{
		position: absolute;
		top: 681px;
		left: 40px;
		width: calc(100vw - 80px);
		height: 80px;
	}
	header .rightPart .menu,
	header .rightPart .tel,
	header .rightPart .reserve{
		display: none;
	}
	header .rightPart .hamburger{
		position: fixed;
		display: block;
		z-index: 101;
		top: 16px;
		right: 20px;
		width: 48px;
		height: 48px;
		background: center center no-repeat url("../img/common/hamburger.png");
		pointer-events: auto;
	}
	header .ham-close{
		position: fixed;
		display: none;
		z-index: 101;
		top: 16px;
		right: 20px;
		width: 48px;
		height: 48px;
		background: center center no-repeat url("../img/common/ham-close.png");
		background-size: 35px 35px;
		pointer-events: auto;
	}
	.screen{
		position: fixed;
		z-index: 100;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: var(--bg-color-normal);
		pointer-events: none;
	}
}

/*見出し----------------------------------------------*/
.headding{
	position: relative;
	margin: 0;
	padding: 80px 0 100px;
}
.headding h2{
	width: 100%;
	height: 230px;
	margin: 0;
	padding: 0;
	font-family: var(--min-font);
	text-indent: calc((100vw - var(--contents-width)) / 2);
	font-size: 48px;
	line-height: 230px;
	font-weight: var(--font-weight-semibold);
	text-align: left;
	color: var(--font-color-white);
	background: center bottom no-repeat url("../img/common/header-bg.png");
	background-size: cover;
}
.headding ul.pankuzu{
	position: relative;
	display: flex;
	z-index: 30;
	width: var(--contents-width);
	margin: 20px auto 0;
	list-style: none;
	justify-content: start;
}
.headding ul.pankuzu li{
	margin-right: .5rem;
	font-size: 14px;
	line-height: 14px;
	font-weight: var(--font-weight-medium);
	text-decoration: none;
}
.headding ul.pankuzu li:before{
	content: "／ ";
}
.headding ul.pankuzu li:first-child:before{
	content: "";
}

@media screen and (max-width: 1259px) {
	.headding{
		padding: 80px 0 60px;
	}
	.headding h2{
		height: 100px;
		text-indent: 20px;
		font-size: 28px;
		line-height: 100px;
	}
	.headding ul.pankuzu{
		width: calc(100vw - 40px);
		margin: 14px auto 0;
		flex-wrap: wrap;
	}
	.headding ul.pankuzu li{
		margin-bottom: .5rem;
	}
}

/*フッタ----------------------------------------------*/
footer{
	position: relative;
	display: grid;
	margin: 0;
	padding: 0;
	width: 100vw;
	grid-template-rows: 1fr 240px 590px;
	grid-template-columns: 50% 50%;
}
footer .reserve{
	width: 100vw;
	height: calc(100vw * 0.256 + 240px);
	grid-row: 1;
	grid-column: 1;
	background: var(--bg-color-dark) center top no-repeat url("../img/common/footer-ph.png");
	background-size: contain;
}
footer .reserve2{
	position: relative;
	width: 100vw;
	height: 240px;
	grid-row: 2;
	grid-column: 1;
	background: var(--font-color-normal);
}
footer .copyright{
	position: relative;
	width: 50vw;
	height: 690px;
	grid-row: 3;
	grid-column: 1;
	background: var(--bg-color-ldark);
}
footer .footerLink{
	position: relative;
	width: 50vw;
	height: 690px;
	grid-row: 3;
	grid-column: 2;
	background: var(--bg-color-dark);
}
footer .mask{
	z-index: 1;
	width: 100%;
	height: 690px;
	grid-row: 3;
	grid-column: 1;
	background: center bottom no-repeat url("../img/common/footer-bg.png");
	background-size: contain;
	pointer-events: none;
}

@media screen and (max-width: 1259px) {
	footer{
		width: 100%;
		overflow-x: hidden;
		grid-template-rows: 1fr 390px 884px 545px;
		grid-template-columns: 100%;
	}
	footer .reserve{
		height: calc(100vw * 0.513 + 540px);
		background-image: url("../img/common/footer-ph-sp.png");
	}
	footer .reserve2{
		height: 390px;
	}
	footer .copyright{
		width: 100%;
		height: 545px;
		grid-row: 4;
	}
	footer .footerLink{
		width: 100%;
		height: auto;
		grid-column: 1;
	}
	footer .mask{
		height: 545px;
		grid-row: 4;
		background: center bottom no-repeat url("../img/common/footer-bg.png");
		background-size: 200%;
	}
}

/*予約フォーム----------------------------------------------*/
footer .reserveArea{
	position: absolute;
	z-index: 30;
	top: calc(100vw * 0.206);
	left: calc((100vw - 1100px) / 2);
	margin: 0;
	padding: 0;
	border-radius: 4px;
	width: 1100px;
	height: 120px;
	background: var(--bg-color-dark);
	box-shadow: 0 3px 6px #00000033;
}
footer .reserveArea dl{
	position: absolute;
	top: 20px;
	left: 40px;
}
footer .reserveArea dl dt,
footer .reserveArea dl dd{
	position: absolute;
	display: block;
	font-size: 14px;
	line-height: 14px;
	font-weight: var(--font-weight-regular);
	color: var(--font-color-white);
	margin: 0;
	padding: 0;
}
footer .reserveArea dl dt{
	top: 0px;
	height: 20px;
}
footer .reserveArea dl dd{
	top: 20px;
	height: 40px;
}
footer .reserveArea dl .date{
	left: 0px;
	width: 204px;
	border-right: 1px solid var(--font-color-white);
}
footer .reserveArea dl .stay{
	left: 224px;
	width: 96px;
	border-right: 1px solid var(--font-color-white);
}
footer .reserveArea dl .man{
	left: 345px;
	width: 96px;
	border-right: 1px solid var(--font-color-white);
}
footer .reserveArea dl .room{
	left: 464px;
	width: 96px;
}
footer .reserveArea dl input.date{
	font-family: var(--min-font);
	font-size: 32px;
	line-height: 40px;
	font-weight: var(--font-weight-semibold);
	color: var(--font-color-white);
	width: 170px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
footer .reserveArea dl .date img{
	cursor: pointer;
}
footer .reserveArea dl .disp{
	font-family: var(--min-font);
	font-size: 32px;
	line-height: 40px;
	font-weight: var(--font-weight-semibold);
	color: var(--font-color-white);
	margin: 0 .5rem 0 0;
	padding: 0;
}
footer .reserveArea dl select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 32px;
	margin: 0 0 0 -32px;
	border: 0;
	outline: none;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}
footer .reserveArea input[type=submit]{
	position: absolute;
	top: 40px;
	right: 287px;
	width: 230px;
	height: 40px;
	text-indent: 14px;
	text-align: left;
	font-size: 14px;
	line-height: 40px;
	font-weight: var(--font-weight-medium);
	color: var(--font-color-normal);
	background: var(--bg-color-orange) 90% center no-repeat url("../img/common/button-arrow.png");
	border: none;
	border-radius: 4px;
	cursor: pointer;
	animation-name: offArrow;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}
footer .reserveArea input[type=submit]:hover{
	animation-name: onArrow;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}
footer .reserve a.banner{
	position: absolute;
	display: block;
	top: 20px;
	right: 37px;
	width: 226px;
	height: 80px;
}

footer .reserve a.button{
	position: absolute;
	display: block;
	top: calc(100vw * 0.256 + 84px);
	left: calc((100vw - 1100px) / 2);
	margin: 0 auto;
	width: 1100px;
	height: 100px;
	font-family: var(--min-font);
	text-indent: 30px;
	text-align: left;
	font-size: 32px;
	line-height: 100px;
	font-weight: var(--font-weight-bold);
	text-decoration: none;
	background: 97% center no-repeat url("../img/common/button-arrow2.png");
	color: var(--font-color-white);
	border: 1px solid var(--font-color-white);
	border-radius: 4px;
	animation-name: offArrow2;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}
footer .reserve a.button:hover{
	animation-name: onArrow2;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 1259px) {
	footer .reserveArea{
		top: calc(100vw * 0.418);
		left: 15px;
		width: calc(100vw - 30px);
		height: 387px;
	}
	footer .reserveArea dl{
		top: 30px;
		left: 25px;
	}
	footer .reserveArea dl dt.date{
		top: 0px;
	}
	footer .reserveArea dl dt.stay,
	footer .reserveArea dl dt.man,
	footer .reserveArea dl dt.room{
		top: 70px;
	}
	footer .reserveArea dl dd.date{
		top: 20px;
	}
	footer .reserveArea dl dd.stay,
	footer .reserveArea dl dd.man,
	footer .reserveArea dl dd.room{
		top: 90px;
	}
	footer .reserveArea dl .date{
		border-right: none;
	}
	footer .reserveArea dl .stay{
		left: 0;
		width: calc((100vw - 30px) / 3 - 10px);
	}
	footer .reserveArea dl .man{
		left: calc((100vw - 30px) / 3 + 5px);
		width: calc((100vw - 30px) / 3 - 15px);
	}
	footer .reserveArea dl .room{
		left: calc((100vw - 30px) / 1.5 + 5px);
	}
	footer .reserveArea dl input.date{
		font-size: 28px;
		width: 160px;
	}
	footer .reserveArea dl .disp{
		font-size: 28px;
		margin-right: .5rem;
	}
	footer .reserveArea input[type=submit]{
		top: 194px;
		right: 30px;
		width: calc(100vw - 90px);
	}
	footer .reserve a.banner{
		top: 274px;
		right: 50%;
		transform: translateX(50%);
	}
	footer .reserve a.button{
		top: calc(100vw * 0.513 + 394px);
		left: 20px;
		width: calc(100vw - 40px);
		height: 76px;
		text-indent: 30px;
		font-size: 20px;
		line-height: 24px;
		padding-top: 24px;
	}
	footer .reserve a.button span{
		display: block;
		clear: both;
	}
}

/*フッタ中段----------------------------------------------*/
footer .reserve2 dl{
	position: absolute;
	z-index: 30;
	top: 61px;
	left: calc((100% - 770px) / 2);
	margin: 0;
	padding: 0;
	width: 770px;
}
footer .reserve2 dl dt{
	position: absolute;
	display: block;
	font-size: 18px;
	line-height: 18px;
	font-weight: var(--font-weight-medium);
	color: var(--font-color-white);
	margin: 0;
	padding: 0;
	top: 0;
	height: 18px;
}
footer .reserve2 dl dd{
	position: absolute;
	display: block;
	top: 37px;
	margin: 0;
	padding: 0;
}
footer .reserve2 dl .left{
	left: 0px;
}
footer .reserve2 dl .right{
	left: 420px;
}
footer .reserve2 dl dd.left{
	display: block;
	width: 360px;
	height: 80px;
	font-family: var(--min-font);
	text-align: center;
	font-size: 32px;
	line-height: 80px;
	font-weight: var(--font-weight-bold);
	color: var(--font-color-white);
	border: 1px solid var(--font-color-white);
	border-radius: 4px;
}
footer .reserve2 dl dd.left span{
	display: inline-block;
	font-size: 24px;
	padding-right: .5rem;
}
footer .reserve2 dl dd.right a.button{
	display: block;
	width: 360px;
	height: 80px;
	font-family: var(--min-font);
	text-indent: 30px;
	text-align: left;
	font-size: 24px;
	line-height: 80px;
	font-weight: var(--font-weight-bold);
	text-decoration: none;
	color: var(--font-color-normal);
	background: var(--bg-color-orange) 90% center no-repeat url("../img/common/button-arrow.png");
	border: none;
	border-radius: 4px;
	animation-name: offArrow;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}
footer .reserve2 dl dd.right a.button:hover{
	animation-name: onArrow;
	animation-duration: .2s;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 1259px) {
	footer .reserve2 dl{
		top: 60px;
		left: 20px;
		width: calc(100vw - 40px);
	}
	footer .reserve2 dl dt{
		left: 5px !important;
	}
	footer .reserve2 dl dd{
		left: 0px !important;
	}
	footer .reserve2 dl dt.left{
		top: 0px;
	}
	footer .reserve2 dl dd.left{
		top: 38px;
	}
	footer .reserve2 dl dt.right{
		top: 155px;
	}
	footer .reserve2 dl dd.right{
		top: 190px;
	}
	footer .reserve2 dl dd.left{
		width: calc(100vw - 40px);
		height: 78px;
		font-size: 32px;
		line-height: 78px;
	}
	footer .reserve2 dl dd.right a.button{
		display: block;
		width: calc(100vw - 40px);
		height: 78px;
		line-height: 78px;
	}
}

/*コピーライト----------------------------------------------*/
footer .copyright h2{
	position: absolute;
	display: block;
	z-index: 30;
	top: 48.5px;
	left: calc((100vw - var(--contents-inside-width)) / 2);
	margin: 0;
	width: 225.8px;
	height: 200px;
	background: center center no-repeat url("../img/common/footer-logo.png");
	background-size: contain;
}
footer .copyright h2 span{
	width: 0;
	height: 0;
	opacity: 0;
}
footer .copyright .address{
	position: absolute;
	z-index: 30;
	top: 297px;
	left: calc((100vw - var(--contents-inside-width)) / 2);
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	font-weight: var(--font-weight-light);
	color: var(--font-color-white);
}
footer .copyright a.button{
	position: absolute;
	display: block;
	z-index: 30;
	top: 337px;
	left: calc((100vw - var(--contents-inside-width)) / 2 + 277px);
	margin: 0;
	width: 50px;
	height: 50px;
	background: center center no-repeat url("../img/common/Twitter_White.png");
	background-size: contain;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}
footer .copyright .copyright2{
	position: absolute;
	z-index: 30;
	bottom: 50px;
	left: calc((100vw - var(--contents-inside-width)) / 2);
	margin: 0;
	font-size: 14px;
	line-height: 14px;
	font-weight: var(--font-weight-light);
	color: var(--font-color-white);
}

@media screen and (max-width: 1259px) {
	footer .copyright h2{
		top: 50.5px;
		left: 50%;
		width: 182.9px;
		height: 162px;
		transform: translateX(-50%);
	}
	footer .copyright .address{
		top: 263px;
		left: 20px;
	}
	footer .copyright a.button{
		top: 365px;
		left: 20px;
	}
	footer .copyright .copyright2{
		bottom: 60px;
		left: 20px;
	}
}

/*フッタリンク----------------------------------------------*/
footer .footerLink .menu ul{
	position: absolute;
	display: flex;
	z-index: 30;
	top: 65px;
	left: 80px;
	height: 250px;
	margin: 0;
	list-style: none;
	justify-content: start;
	flex-direction: column;
	flex-wrap: wrap;
}
footer .footerLink .menu ul li{
	margin-bottom: 20px;
	margin-right: 78px;
}
footer .footerLink .menu ul li a{
	font-family: var(--min-font);
	font-size: 18px;
	line-height: 18px;
	font-weight: var(--font-weight-medium);
	text-decoration: none;
	color: var(--font-color-white);
}
footer .footerLink .banner ul{
	position: absolute;
	display: flex;
	z-index: 30;
	top: 310px;
	left: 120px;
	width: 330px;
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: space-between;
	flex-wrap: wrap;
}
footer .footerLink .banner ul li{
	width: 160px;
	height: 50px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1259px) {
	footer .footerLink .menu ul{
		top: 45px;
		left: 60px;
		height: auto;
	}
	footer .footerLink .banner ul{
		top: 494px;
		left: 50%;
		transform: translateX(-50%);
		width: 330px;
	}
}

/*フローティング----------------------------------------------*/
.floatingContents{
	position: fixed;
	z-index: 30;
	bottom: 0;
	left: 0;
	width: 100%;
}
.floatingContents .toTop{
	position: absolute;
	bottom: 32px;
	right: 32px;
	width: 56px;
	height: 56px;
	border-radius: 28px;
	background: var(--bg-color-dblue) center center no-repeat url("../img/common/top-arrow.png");
	background-size: 13.5px;
}
.floatingContents .toTop span{
	width: 0;
	height: 0;
	opacity: 0;
}
.floatingContents .reserve{
	display: none;
}

@media screen and (max-width: 1259px) {
	.floatingContents .toTop{
		position: fixed;
		z-index: 30;
		bottom: 20px;
		right: 20px;
	}
	.floatingContents .reserve{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 250px;
		height: 50px;
		text-align: center;
		font-family: var(--min-font);
		font-size: 16px;
		line-height: 50px;
		font-weight: var(--font-weight-bold);
		text-decoration: none;
		color: var(--font-color-normal);
		background: var(--bg-color-orange);
	}
}
@media screen and (max-width: 1259px) {
	header .tel a{
		display: block;
		width: 100%;
		height: 100%;
		color: var(--font-color-normal);
		text-decoration: none;
	}
	section span.tel a{
		color: var(--font-color-normal);
		text-decoration: none;
	}
	section dd.tel a,
	footer dd.tel a{
		display: block;
		width: 100%;
		height: 100%;
		color: var(--font-color-white);
		text-decoration: none;
	}
	footer span.tel a{
		color: var(--font-color-white);
		text-decoration: none;
	}
}