@charset "UTF-8";

/* --------------------　reset　-------------------- */

html, body, div, span, iframe,p,
h1, h2, h3, h4, h5, h6, pre,
a, em, font, img, strong, sub, sup,
dl, dt, dd, ol, ul, li, fieldset,
form, label, table, caption, tr, td,
input, button, textarea, select {
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	list-style:none;
	text-decoration: none;
}

input[type="text"], button, textarea, select {
	background: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

img,video {
	max-width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix { zoom: 1; }

/* --------------------　reset　終了　-------------------- */







body {
	color: #1E2B30;
	font-size: 12px;
	font-weight: 300;
	line-height: 18px;
	background:#fff;
	-webkit-text-size-adjust: 100%;
}



/* --------------------　ヘッダー　-------------------- */

header {
	position:fixed;
	width:100%;
	height: 92px;
	margin-top: -92px;
	padding: 0 0 14px;
	background:#FFF;
	border-bottom: 5px solid #638FA2;
	z-index:10;
	transition: .5s;
}
body.prem header {
	border-bottom: 5px solid #AC9362;
}

header > ul.spNav {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
}
header > ul.spNav > li {
	vertical-align: top;
	line-height: 1;
	transition: .5s;
}
header > ul.spNav > li:nth-child(1) { width: calc(100% - 140px); }
header > ul.spNav > li:nth-child(2) {
	width: 70px;
	z-index: 110;
}
header > ul.spNav > li:nth-child(3) {
	position: relative;
	width: 70px;
	color: #638FA2;
	text-align: center;
}
header > ul.spNav > li:nth-child(1) img {
	*height: 45px;
	*margin: 19px 20px 0;
	height: 60px;
	margin: 14px 20px 0;
}
body.prem header > ul.spNav > li:nth-child(1) img {
	*height: 60px;
	*margin: 14px 20px 0;
}
header > ul.spNav > li:nth-child(2) a {
	display: block;
	width: 70px;
	height: 73px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	padding: 13px 0 0;
	background: #638FA2;
}
header > ul.spNav > li:nth-child(2) a:hover {
	opacity: 0.8;
}

header > ul.spNav > li:nth-child(2) img {
	width: 35px;
	margin: 0 0 5px;
}



header nav {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	text-align: left;
	margin: 0;
	padding: 126px 0 0;
	transition: .5s ease-in-out;
	z-index: 100;
}

header nav .hdNav {
	max-width: 400px;
	margin: 0 0 36px;
}

header nav .hdNav li {
	padding: 0 4.2666%;
}

header nav .hdNav li img {
	height: 54px;
}
body.prem header nav .hdNav li img {
	height: 74px;
}

header nav .menuBl {
	display: flex;
	flex-wrap: wrap;
}
header nav .menuBl ul {
	width: 50%;
	padding: 0 4.2666% 40px;
}

header nav .menuBl ul li {
	color: #1E2B30;
	font-size: 14px;
	line-height: 1;
	padding: 10px 0;
}

header nav .menuBl ul li.ttl {
	color: #638FA2;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	margin: 0 0 8px;
	padding: 0 0 8px;
	border-bottom: 1px solid #638FA2;
}
body.prem header nav .menuBl ul li.ttl {
	color: #AC9362;
	border-bottom: 1px solid #AC9362;
}

header nav a {
	color: #1E2B30;
}
header nav a:hover {
	color: #638FA2;
}




#navToggle {
	position: fixed;
	top: 0;
	right: 0;
	width: 70px;
	height: 73px;
	text-align: center;
	padding: 25px 15px 5px;
	background: none;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 999;
}

#navToggle div {
	position: relative;
	margin-bottom: 24px;
}

#navToggle div span {
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: solid 1.5px #638FA2;
	transition: .35s ease-in-out;
}

#navToggle .menu {
	color: #638FA2;
	font-family: "Roboto";
	font-size: 10px;
}

#navToggle div span:nth-child(1) { top: 0; }
#navToggle div span:nth-child(2) { top: 8px; }
#navToggle div span:nth-child(3) { top: 16px; }

/* Click Toggle(Button) */
.openNav #navToggle span.menu { display: none; }
.openNav #navToggle div span:nth-child(1) {
	top: 9px;
	border-bottom: solid 2px #638FA2;
	transform: rotate(-45deg);
}
.openNav #navToggle div span:nth-child(2),
.openNav #navToggle div span:nth-child(3) {
	top:  9px;
	border-bottom: solid 2px #638FA2;
	transform: rotate(45deg);
}

/*header menu*/

header .splogo {
	transition: .5s;
}
.openNav .splogo {
	opacity: 0;
	transition: .5s;
}


.openNav #navToggle {
	top: 0;
	width: 70px;
	background: none;
	transition: .5s;
}
.openNav nav { transform: translateX(-100%); }




@media only screen and (min-width:401px) {
header nav {
	right: -400px;
	width: 400px;
}
.openNav nav {
	transform: translateX(-400px);
}
}




header .pcNav {
	display: none;
}





/* --------------------　共通　-------------------- */



/* ---------------------　TOPタイトル　*/

section#topImg {
	height: 275px;
	margin: 92px 0 40px;
}

section#topImg h1 {
	color: #FFF;
	font-size: 30px;
	font-weight: 300;
	text-align: center;
	padding: 74px 0 60px;
}

section#topImg p {
	color:#FFF;
	font-size:14px;
	text-align:center;
	line-height: 21px;
}


section#listBl { margin:0 0 40px; }



/* ---------------------　colorbox 調整　*/
#cboxOverlay { background: #000; }
#cboxLoadedContent {
	background: #fff;
	padding: 0;
	margin:0;
	overflow: auto;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#cboxContent { background:none; }
#colorbox, #cboxOverlay, #cboxWrapper { overflow: visible; }
#cboxTitle { display:none; }

#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxMiddleLeft, #cboxMiddleRight { width:0; height:0; background:none; }






/*　その他　*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix { zoom: 1; }





/*　リンク　*/


a:link {
	color: #638fa2;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #638fa2;
}

a:hover {
	text-decoration: underline;
	color: #d6c560;
}

a:active {
	text-decoration: none;
	color: #d6c560;
}


header a:link {
	color: #000;
	text-decoration: none;
}

header a:visited {
	color: #000;
	text-decoration: none;
}

header a:hover {
	text-decoration: none;
	color: #000;
}

header a:active {
	color: #000;
	text-decoration: none;
}



footer a:link {
	color: #fff;
	text-decoration: none;
}

footer a:visited {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

footer a:active {
	color: #fff;
	text-decoration: none;
}



a.toPtop {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1;
	padding: 14px;
	background: #638FA2;
}



/* --------------------　共通　終了　-------------------- */




/* --------------------　パンくず　-------------------- */

#bread_crumb{
	padding: 5px 20px;
	background-color: #d3d4d5;
}
#bread_crumb ul li{
	display: contents;
	font-size: 9px;
}

#bread_crumb ul li a{
	color: #515457;
}

#bread_crumb ul li:after {/* >を表示*/
	content: '>';
	color: #515457;
	padding: 0 0.5em;
}

#bread_crumb ul li:last-child:after {
	content: '';
}




/* --------------------　フッター　-------------------- */

footer {
	width: 100%;
	color: #fff;
	margin: 0;
	padding: 0;
	background: #505457;
}


footer .navFram {
	padding: 20px 20px 80px;
}

footer .navFram .linkBl {
	margin: 0 0 40px;
}

footer .navFram .linkBl h2 {
	color: #638FA2;
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #638FA2;
}
body.prem footer .navFram .linkBl h2 {
	color: #AC9362;
	border-bottom: 1px solid #AC9362;
}

footer .navFram .linkBl ul.hotelBl {
	display: flex;
	margin: 0 0 30px;
}
footer .navFram .linkBl ul.hotelBl li {
	width: 50%;
}

footer .navFram .linkBl ul li a {
	*font-weight: 300;
}
footer .navFram .linkBl li ul li {
	line-height: 2.1;
}



footer #hInfo h2 {
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 10px;
}

footer #hInfo img {
	height: 66px;
	margin: 0 0 15px;
}
body.prem footer #hInfo img {
	height: 92px;
}

footer #hInfo p {
	margin: 0 0 10px;
}



.usePC { display:none; }
.useTAB { display:none; }








/*media Queries PC
------------------------------------------------------------------------------------------------- 801px */
@media only screen and (min-width:801px) {

body {
	font-size: 14px;
}


header {
	height:120px;
	padding:10px 0;
	margin:-120px auto 0;
}


header ul.spNav {
	display: none;
}


header .pcNav {
	display: flex;
	justify-content: space-between;
	max-width: 1300px;
	margin: 0 auto;
}

header .pcNav li.logo {
	width: 186px;
	line-height: 0;
	padding: 14px 30px 20px;
}

header .pcNav li.logo a {
	transition: 0.5s;
}
header .pcNav li.logo a:hover {
	opacity: 0.8;
	transition: 0.5s;
}

header .pcNav li.logo img {
	margin: 0;
}

header .pcNav li.navBl {
	width: 70%;
	padding-right: 30px;
}


header ul.tNav {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin: 5px 0 32px;
}

header ul.tNav li a {
	display: block;
	color: #638FA2;
	font-size: 12px;
	text-align: center;
	padding:0;
	text-decoration: none;
}






header ul#gNav {
	display: flex;
	justify-content: flex-end;
	margin:0;
}

header ul#gNav li {
	padding: 0 0 0 4%;
}



@media only screen and (min-width:850px) {
header ul#gNav li {
	padding: 0 0 0 6%;
}
}




header ul#gNav li a {
	display:block;
	width: 100%;
	color: #1E2B30;
	font-size:14px;
	text-align:center;
	white-space: nowrap;
	padding:0;
}

header ul#gNav li a:hover {
	color: #638FA2;
}







/* --------------------　共通　-------------------- */

/* ---------------------　TOPタイトル　*/

section#topImg {
	height: 400px;
	margin: 120px 0 80px;
}

section#topImg h1 {
	color: #FFF;
	font-size: 48px;
	text-align: center;
	line-height: 58px;
	padding: 100px 0 70px;
}

section#topImg p {
	font-size:18px;
	line-height: 36px;
}




/* ---------------------　その他　*/

a.toPtop {
	display: none;
}


/* ------------------- /共通 -------------------------- */






/* --------------------　フッター　-------------------- */

footer .inner {
	max-width: 1300px;
	margin: 0 auto;
}

footer .navFram {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 70px 0;
}
footer .navFram > li:nth-child(1) {
	width: 58.62%;
	padding: 10px 6.15% 0 0;
}
footer .navFram > li:nth-child(2) {
	width: 41.38%;
	padding: 0 10.38% 0 6.15%;
}


footer .navFram .linkBl {
	display: flex;
	margin: 0;
}

footer .navFram .linkBl > li:nth-child(1) {
	width: 72.14%;
	padding: 0 7.33% 0 0;
}
footer .navFram .linkBl > li:nth-child(2) {
	width: 27.86%;
}

footer .navFram .linkBl ul li a {
	font-size: 12px;
}


footer #hInfo {
	font-size: 12px;
}
footer #hInfo img {
	width: 190px;
	height: unset;
	max-width: unset;
	margin: 0 0 50px;
}






/* --------------------　パンくず　-------------------- */

#bread_crumb{
	padding: 5px 25px;
}
#bread_crumb ul li{
	font-size: 12px;
}



.usePC { display: block; }
.useSP { display: none; }
.useTAB { display: block; }




} /*media Queries PC 801*/




@media print {
	#navToggle,
	nav { display: none; }
}