/* 共通 */

@media screen and (min-width: 1025px){

body {
	width: 100%;
	font-family: 'Noto Serif JP', serif;
	color: #59493F;
	margin: 0px auto;
	padding: 0px;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

a,a:hover {
	color: #59493F;
	text-decoration: none;
}

ul,li {
	list-style: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

div#wrapper {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
}

/* ヘッダー */
div#header {
	width: 100%;
	margin: 0 auto;
}

div.pc-head {
	width: 100%;
	padding: 10px;
	display: flex;
	margin: 0 auto 50px;
}

div.sp-head {
	display: none;
}

h1 {
	margin-right: auto;
	text-align: left;
}

img.logo {
	width: 260px;
	text-align: left;
}

/* ナビゲーションメニュー */

ul.head-navi01 {
	display: flex;
	justify-content: flex-end;
	text-align: right;
	margin: 0 auto;
}

ul.head-navi01 li {
	line-height: 40px;
	margin-right: 10px;
}

li.menu-item {
	position: relative;
}

/* メニューアイテムのホバースタイル */
li.menu-item:hover .drop-menu-list {
	visibility: visible; /* 下層メニューを表示 */
}

li.menu-item a {
	width: 120px;
	align-items: center;
	color: #000; /* メニューアイテム内のリンクテキストの色 */
	display: flex;
	height: 50px;
	justify-content: center;
	text-decoration: none; /* リンクの下線を非表示 */
}

/* ドロップダウンメニュー */
ul.drop-menu-list {
	background-color: #fff; /* メガメニューの背景色 */
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden; /* 下層メニューを非表示 */
	width: max-content;
	z-index: 1;
}

li.drop-menu {
	position: relative;
}

i.head-ico {
	color: #fff;
	background-color: #59493F;
	border-radius: 50%;
	padding: 7px;
}

img.sdgs-logo {
	height: 40px;
}

img.tripadvisor {
	height: 40px;
}

ul.head-navi02 {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	text-align: right;
}

ul.head-navi02 li {
	line-height: 100%;
	margin-right: 15px;
}

ul.head-navi02 li a:hover {
	color: #59493F;
	text-decoration: none;
	border-bottom: 1px solid #d9a62f;
	padding-bottom: 5px;
}

a.head-navi-rsv {
	color: #d9a62f;
	border: 2px solid #d9a62f;
	border-radius: 3px;
	padding: 5px 10px;
	margin-top: -10px;
}

a.head-navi-rsv:hover {
	color: #fff !important;
	background-color: #d9a62f;
}

a.head-navi-user {
	color: #fff;
	background-color: #d9a62f;
	border-radius: 3px;
	padding: 5px 10px;
	margin-top: -10px;
}

a.head-navi-user:hover {
	color: #fff !important;
	background-color: #d9a62f;
}

a.head-navi-user-log {
	color: #000 !important;
	font-size: 75% !important;
	margin-top: 10px !important;
	display: block;
}
a.head-navi-user-log:hover {
	text-decoration: none !important;
}

ul.slider {
	width: 100%;
	margin: 0 auto 30px;
}

ul.slider img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

/*slick setting*/
/* Dots */
.slick-dots
{
    margin-bottom: 100px;
}

p.members {
	font-size: 100%;
	font-weight: bold;
}

/* but */
a.link_btn {
	display: block;
	width: 380px;
	font-weight: bold;
	color: #fff;
	border: 2px solid #d0a03e;
	background: #d0a03e;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 1rem 4rem;
	margin: 20px auto;
	border-radius: 5px;
	transition: 0.5s;
	animation: move_c 1s infinite;
}

@keyframes move_c {
    0% {transform: translate(0px, 0)}
    50% {transform: translate(0px, 0) rotateZ(5deg)}
}
a.link_btn:hover {
	color: #d0a03e;
	background: #fff;
}

ul.pc-booking-nav {
	width: 100%;
	background-color: #5a493f;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	margin: 0 auto;
}

ul.pc-booking-nav li {
	color: #fff;
	margin-right: 20px;
}

ul.pc-booking-nav li:last-child {
	margin-right: 0;
}

ul.pc-booking-nav li,ul.pc-booking-nav li a {
	color: #fff;
}

p.bk-phone {
	font-size: 75%;
}

p.bk-phone-link {
	font-size: 120%;
}

input.search-bt {
	font-size: 85%;
	padding: 2px 5px;
}

li.inquiry-bt {
	color: #fff;
	border: 1px solid #a5937b;
	padding: 10px;
}

li.inquiry-bt_noline {
	color: #fff;
	padding: 10px;
}

i.bk-nav {
	font-size: 75%;
	line-height: 100%;
	margin-left: 3px;
}

div.sp-booking {
	display: none;
}

p.paper {
	width: 100%;
	margin: 10px auto 30px;
}

a.paper  {
	color: #0000ff;
	text-decoration: underline;
}

/* コンテンツ */
div#contents {
	width: 100%;
	text-align: center;
	margin: 100px auto;
}

div.campaign {
	width: 580px;
	margin: 0 auto 50px;
}

p.go-to-title {
	width: 480px;
	color: #fff;
	font-size: 150%;
	background-color: #191970;
	text-align: center;
	border: double 4px #fff;
	padding: 10px;
	margin: 0 auto;
}

span.go-to-subtitle {
	color: #fff;
	font-size: 85%;
	text-align: center;
	margin: 0 auto;
}

a.go-to-link {
	width: 280px;
	background-color: #000;
	font-size: 100%;
	color: #fff;
	text-alin: center;
	border-radius: 10px;
	padding: 10px;
	margin: 10px auto;
	display: block;
}

p.go-to-text {
	width: 480px;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
}

p.go-to-attention {
	width: 480px;
	font-size: 75%;
	text-align: left;
	padding: 10px;
	margin: 0 auto;
}

div.news-scloll {
	width: 620px;
	height: 130px;
	border: 1px solid #59493F;
	border-collapse: collapse;
	overflow-y: scroll;
	scrollbar-base-color: #59493F;
	margin: 30px auto 50px;
}

p.news-day {
	width: 580px;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 0 10px;
	margin: 0 auto;
}

p.news-text {
	width: 580px;
	text-align: center;
	line-height: 100%;
	border-bottom: 1px dotted #59493F;
	padding: 0 10px 10px 10px;
	margin: 0 auto;
}

h2 {
	font-size: 500%;
	font-family: 'Italianno', cursive;
	color: #d0a03e;
	text-alin: center;
}

div.campaign {
	width: 580px;
	text-align: center;
	margin: 0 auto:
}

h3 {
	font-size: 100%;
	color: #d0a03e;
	text-alin: center;
	margin-top: -10px;
}

h4 {
	font-size: 200%;
	text-align: center;
}

p.text {
	width: 75%;
	text-align: center;
	margin: 0 auto;
}

ul.about-top {
	width: 980px;
	display: flex;
	justify-content: space-around;
	margin: 50px auto;
}

ul.about-top li img {
	width: 95%;
	align-self: flex-start;
}

p.about-title01 {
	font-size: 150%;
	text-align: center;
}

p.about-text01 {
	font-size: 85%;
	text-align: center;
	padding: 0 10px;
}

a.plan-link {
	width: 75%;
	background-color: #000;
	font-size: 75%;
	color: #fff;
	text-alin: center;
	padding: 5px 10px;
	margin: 10px auto;
	display: block;
}

ul.about-bottom {
	width: 980px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 50px auto;
}

ul.about-bottom li img {
	width: 95%;
}

li.about02 {
	width: 50%;
}

p.about-title02 {
	font-size: 150%;
	text-align: left;
	padding: 0 10px;
}

p.about-text02 {
	font-size: 85%;
	text-align: left;
	padding: 0 10px;
	margin-top: 10px;
}

a.booking-but {
	width: 50%;
	position: relative;
	display: inline-block;
	background: #59493F;
	border-top: solid 3px #d0a03e;
	border-bottom: solid 3px #d0a03e;
	color: #fff;
	font-size: 150%;
	transition: .4s;
	padding: 10px;
	margin: 50px auto;
}

a.booking-but:hover {
	text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83),
	6px 0px 15px rgba(255, 255, 240, 0.83);
}

ul.service {
	width: 980px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 50px auto;
}

ul.service li {
	width: 25%;
	text-align: left;
	padding: 0 10px;
	margin-bottom: 30px;
}

ul.service li img {
	width: 95%;
	border-radius: 50%;
}

p.service-title {
	font-size: 150%;
}

p.service-text {
	font-size: 85%;
}

ul.room {
	width: 980px;
	display: flex;
	justify-content: space-around;
	margin: 50px auto;
}

ul.room li img {
	width: 95%;
}

p.room-title {
	font-size: 85%;
	text-align: center;
}

p.room-title a {
	color: #59493F;
	text-decoration: underline;
}

a.room-link {
	width: 30%;
	background-color: #000;
	font-size: 100%;
	color: #fff;
	text-alin: center;
	padding: 10px;
	margin: 10px auto;
	display: block;
}

div.movie {
	width: 980px;
	height: 552px;
	margin: 0 auto 10px;
}

ul.access {
	width: 980px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 50px auto;
}

img.access-ico {
	width: 20px;
	margin-right: 10px;
}

p.access-text {
	vertical-align: middle;
	margin-right: 10px;
}

div.map {
	width: 854px;
	height: 480px;
	margin: 0 auto;
}

/* フッター */
div#footer {
	width: 100%;
	background-color: #59493F;
	padding: 30px 0;
	margin: 0 auto;
}

ul.footer-nav {
	width: 1080px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
	margin: 50px auto;
}

li.footer-border {
	border-right: 1px solid #fff;
	padding-right: 100px;
}

p.footer-company {
	font-size: 75%;
	color:#fff;
}

p.footer-hotel {
	font-size: 100%;
	color:#fff;
	text-align: left;
}

p.footer-text {
	font-size: 75%;
	color:#fff;
	text-align: left;
}

a.footer-but {
	width: 200px;
	background-color: #d0a03e;
	color: #59493F;
	padding: 5px 10px;
	display: block;
	margin-top: 10px;
	margin-left: 50px;
}

a.footer-but:hover {
	opacity: 0.6;
}

ul.footer-subnav {
	width: 980px;
	display: flex;
	align-items: center;
	margin: 50px auto;
}

ul.footer-subnav li {
	color: #fff;
	padding: 10px;
}

a.foot-subnav {
	color: #fff;
}

a.foot-subnav:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

ul.footer-snsnav {
	width: 980px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0 auto;
}

ul.footer-snsnav li {
	padding: 10px;
}

img.foot-sns-ico {
	width: 30px;
}


p.small {
	width: 980px;
	font-size: 75%;
	color:#fff;
	text-align: right;
	margin: 0 auto;
}

div.float-cart {
	display: none;
}

/* ルーム */

img.room-img {
	width: 100%;
	margin: 0 auto;
}

ul.room-box {
	width: 980px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto 100px;
}

li.room-box-img {
	width: 500px;
	text-align: center;
}

div.thumbnail {
	width: 500px;
	margin-top: 10px;
}

div.thumbnail img {
	padding-right: 10px;
}

li.room-box-text {
	width: 480px;
	text-align: left;
	padding: 10px 15px;
}

p.room-box-title {
	font-size: 150%;
	padding-top: 20px;
	padding-bottom: 20px;
}

p.room-box-text {
	padding: 0 30px 20px;
}

span.square {
	color: #d0a03e;
	font-size: 75%;
	padding-right: 5px;
}

span.room-attention{
	font-size: 75%;
	line-height: 120%;
	display: block;
}


/* sdgs */

img.sdgs-img {
	width: 75%;
	margin: 0 auto;
}

blockquote {
	width: 50%;
	text-align: center;
	margin: 10px auto;
}

p.sdgs-title {
	width: 75%;
	background-color: #59493f;
	font-size: 200%;
	color: #fff;
	padding: 15px;
	margin: 50px auto;
}

p.sdgs-torikumi {
	width: 75%;
	font-size: 150%;
	color: #d0a03e;
	margin: 50px auto 10px;
}

ul.torikumi {
	width: 75%;
	display: flex;
	justify-content: center;
	margin: 50px auto 0;
}

ul.torikumi li {
	width: 20%;
	padding-right: 30px;
}

p.donation-text {
	width: 75%;
	text-align: center;
	margin: 50px auto 0;
}

p.donation {
	width: 75%;
	font-size: 200%;
	color: #d0a03e;
	margin: 0 auto 50px;
}

/* アクセス */
img.access-img {
	width: 980px;
	margin: 0 auto;
}

h5 {
	font-size: 200%;
	text-align: center;
	margin-top: 100px;
}

img.access-ico02 {
	width: 32px;
	margin-left: 5px;
	margin-right: 5px;
}

ul.access-slider {
	width: 480px;
	display: block;
	margin: 50px auto;
}

ul.access-slider li {
	text-align: left;
	padding: 10px;
	margin-right: 10px;
}

ul.access-slider p {
	font-size: 100%;
}

div.train_time {
	width: 980px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}

div.train_time div {
	align-self: center;
	margin-right: 10px;
}

p.station {
	height: 36px;
	font-size: 120%;
	border: 1px solid #59493F;
	padding: 0 10px;
	margin-bottom: 10px;
}

p.travel_time {
	height: 36px;
	font-size: 120%;
	background-color: #eee;
	padding: 0 10px;
	margin-bottom: 10px;
}

p.place_tate {
	height: 365px;
	font-size: 120%;
	border: 1px solid #59493F;
	padding: 10px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

p.station_walk {
	font-size: 120%;
	padding: 10px;
}

span.name_sub {
	font-size: 65%;
}

img.place_image {
	margin: 10px auto;
}

ul.place_time {
	width: 480px;
	margin: 30px auto 0;
}

li.place_yoko {
	width: 480px;
	border: 1px solid #59493F;
	padding: 10px;
	margin-bottom: 10px;
}

li.travel_time_yoko {
	width: 480px;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}

li.river {
	background-color: #d2e2ed;
}

li.free-ship {
	width: 480px;
	display: flex;
	justify-content: center;
	border: 1px solid #fff;
}

li.free-ship div {
	width: 240px;
}

div.border {
	border: 1px solid #59493F;
	margin-right: 30px;
}

div.border-none {
	border: none;
}

li.travel_time_yoko p, li.travel_time_yoko p {
	font-size: 120%;
}

p.airport-text {
	font-size: 150%;
	margin-top: 30px;
}

img.ico-walk {
	width: 14px;
}

img.ico-bande {
	width: 28px;
}

img.ico-train {
	width: 21px;
}

img.ico-taxi {
	width: 23px;
}

img.ico-bus {
	width: 23px;
}

img.ico-ship {
	width: 23px;
}

img.ico-bicycle {
	width: 28px;
}

img.ico-kaiyukan {
	width: 23px;
}

img.ico-usj {
	width: 32px;
}

a.out_link {
	text-decoration: underline;
}




/* 長期滞在プラン */
a.booking-but-tel {
	width: 50%;
	position: relative;
	display: inline-block;
	background: #59493F;
	border-top: solid 3px #d0a03e;
	border-bottom: solid 3px #d0a03e;
	color: #fff;
	font-size: 150%;
	transition: .4s;
	padding: 10px;
	margin: 50px auto;
}

a.booking-but-tel:hover {
	text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83),
	6px 0px 15px rgba(255, 255, 240, 0.83);
}
}/* @media screen */