@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }

body {
line-height: 1; }

ol, ul {
list-style: none; }

blockquote, q {
quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }

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

a {
text-decoration: none; }

img,iframe {
vertical-align: bottom; }

/*!------------------------------------*\
common
\*!------------------------------------*/
html {
font-size: 16px; }

body {
font-family: 'Noto Serif', serif;
-webkit-text-size-adjust: 100%;
background-color: #fff;
line-height: 1.6rem;
color: #222; }

.bb {
border-bottom: 1px solid #fff; }

.txt-right{
text-align: right; }

.overlap{
position: relative; }

.overlap_child{
position: absolute;
z-index: 2; }

.shadow{
box-shadow:2px 2px 2px 2px rgba(0,0,0,0.1); }

.white{
color:white; }

.tele{
color: white;
border-bottom: solid 1px #fff; }

/*!------------------------------------*\
center
\*!------------------------------------*/
.center {
text-align: center; }

.centerblock {
margin: 0 auto; }

/*!------------------------------------*\
flex(colomun)
\*!------------------------------------*/
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }

/*!------------------------------------*\
clearfix
\*!------------------------------------*/
.clearfix:before,
.clearfix:after {
content: "";
display: table; }

.clearfix:after {
clear: both; }

/*!------------------------------------*\
bg
\*!------------------------------------*/
.fixbg {
min-height: 100%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center; }

.bg {
background-image: none;
background-color: #eeeeee; }

body::before {
content: "";
background: url(img/bg-main.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: left center;
display: block;
position: fixed;
width: 100vw;
height: 100vh;
z-index: -1; }

/*!------------------------------------*\
btn
\*!------------------------------------*/
.btn {
display: block;
padding: 0.5rem;
margin: 0;
text-align: center;
color: #fff;
background-color: #ff6600;
position: relative;
border-radius: 0.2rem; }

/*!------------------------------------*\
font
\*!------------------------------------*/
.small {
font-size: 0.8rem;
line-height: 1rem; }

/*!------------------------------------*\
breadcrum
\*!------------------------------------*/
.breadcrum{
font-size: 0.8rem;
color:#fff;
background-color: #000;
padding:0.3rem 0 0.3rem 0.7rem; }

.breadcrum a{
color:#fff;}

/*!------------------------------------*\
img
\*!------------------------------------*/

.img-responsive {
width: 100%; }

.img-effect {
background-color: #fff;
display: inline-block; }

.img-effect img {
opacity: 1;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out; }

.img-effect img:hover {
opacity: .5; }

.img-creditcard {
    width: 20%;
}

.creditcard {
    display: flex;
    align-items: center;
}

/*!------------------------------------*\
txt
\*!------------------------------------*/
.text-center {
text-align: center; }

.txtwrap {
padding-right: 1rem;
padding-left: 1rem; }

/*!------------------------------------*\
タクシーイベントページ用
\*!------------------------------------*/
.txtwrap02 {
background-color: #fff;
padding: 2rem 1rem 0.1rem;
margin-bottom: 1rem;}

/*!------------------------------------*\
margin
\*!------------------------------------*/
.mt-0 {margin-top: 0.5rem; }
.mt-1 {margin-top: 1rem; }
.mt-2 {margin-top: 2rem; }
.mt-3 {margin-top: 3rem; }
.mb   {margin-bottom: 0; }
.mb-0 {margin-bottom: 0.5rem; }
.mb-1 {margin-bottom: 1rem; }
.mb-2 {margin-bottom: 2rem; }
.mb-3 {margin-bottom: 3rem; }

/*!------------------------------------*\
padding
\*!------------------------------------*/
.pt-0 {padding-top: 0.5rem; }
.pt-1 {padding-top: 1rem; }
.pt-2 {padding-top: 2rem; }
.pt-3 {padding-top: 3rem; }
.pb-0 {padding-bottom: 0.5rem; }
.pb-1 {padding-bottom: 1rem; }
.pb-2 {padding-bottom: 2rem; }
.pb-3 {padding-bottom: 3rem; }

/*!------------------------------------*\
title
\*!------------------------------------*/
.title {
color: #AFA482; }

.title div:nth-child(1) {
font-size: 3rem; }

/*!------------------------------------*\
box
\*!------------------------------------*/
.boxtxt {
padding: 1rem;
background-color: #fff; }

/*!------------------------------------*\
nav
\*!------------------------------------*/
.smenu_nav a{
position: relative; }

nav .icon{
width:1.6rem;
margin-left:-0.2rem;
text-align: center; }

nav .small{
display: block;
font-size: 0.2rem; }

nav .icon_triangle {
display: inline-block;
font-size: 1rem;
line-height: 1rem;
position: absolute;
left: 11.3rem; }

nav .icon_triangle2 {
font-size: 1rem;
line-height: 1rem;
position: absolute;
left: 11rem;
top:1.5rem; }

/*!------------------------------------*\
index section-slider
\*!------------------------------------*/
.section-slider a{
margin:0;
padding:0; }

.slick-prev:before, .slick-next:before {
color: #ff6600 !important; }

.slider1 {
overflow: hidden;
margin: 0 !important; }

.slider2 {
width: 100%;
padding: 0 0.5rem 0 0.5rem;
margin: 0 auto; }

.slider2 div.box {
margin: 0.5rem; }

.section-title{
text-align: center;
background-color: #000;
color:#fff;
padding:0.5em 0 0.5em 0; }

/*!------------------------------------*\
index topmenu
\*!------------------------------------*/
.section-topmenu{
padding:1%; }

.section-topmenu .btn{
display: block;
text-align: center;
font-size: 0.8rem;
line-height: 1; }

.section-topmenu i{
font-size: 1.5rem;
margin-bottom: 0.2rem; }

.section-topmenu-bg {
background-color: #333333;
margin-top: -7px;
display: block; }

.flex{
    margin-right: 0px !important;
}

.flexmenu{
width:18%;
padding:1%; }

/*!------------------------------------*\
index section pr
\*!------------------------------------*/
.section-pr h2 {
font-size: 1.3rem; }

/*!------------------------------------*\
index section descript
\*!------------------------------------*/
.section-de {
color: #fff;
background-color: rgba(0,0,0,0.5);
padding:2rem 0 2rem 0; }

.section-de div:nth-child(1) {
padding: 1.5rem; }

.section-de h1 span:nth-child(3) {
letter-spacing: 0.1rem;
font-size: 2rem; }

/*!------------------------------------*\
index section news slider
\*!------------------------------------*/
.section-news {
background-color: rgba(0,0,0,0.5); }

.section-news h2 {
height: 3.2rem;
color: black;
overflow: hidden; }

.section-news p {
height: 4.8rem;
overflow: hidden; }

.section-news .boxtxt{
height:6rem;
overflow: hidden; }

.section-news .center{
padding: 0 1rem 0 1rem; }

.section-news .boximg{
max-height: 200px;
overflow: hidden;}

/*!------------------------------------*\
index section hotellist
\*!------------------------------------*/
.section-hotellist-bg {
background-color: rgba(0, 0, 0, 0.5); }

.section-hotellist {
color: #fff;
padding-left: 1.5rem;
padding-right: 1.5rem; }

.section-hotellist h3 {
border-bottom: solid 1px #F3EACD; }

.section-hotellist a {
color: #fff; }

.flexhotellist {
width: 98%;
padding: 1%; }

.flexhotellist p {
font-size: 0.8rem;
vertical-align: top;
line-height: 0.8rem;
margin-bottom: 0.4rem; }

.flexhotellist-wrap {
padding: 1rem;}

.section-hotellist li {
border-bottom: 1px solid #6c6c6c;
padding: 0.5rem 0 0.5rem 0; }

.section-hotellist li:last-child {
border: none; }

/*!------------------------------------*\
index section banner
\*!------------------------------------*/
.section-banner-bg {
background-color: #fff; }

/*!------------------------------------*\
page section news
\*!------------------------------------*/
.section-newss {
padding: 3rem 0 0 0; }

.section-newss .time{
border-bottom: solid 1px #AFA482;
margin-bottom:0.5rem;
padding-bottom:0.5rem;
display: block; }

.section-newss h2 {
font-size: 1.3rem; }

.flexnewss > div{
border-top: 1rem solid #000; }

/*!------------------------------------*\
page section room
\*!------------------------------------*/
.flexroom {
width:50%; }

.overlap_child.icon{
color:rgba(255,255,255,0.7);
font-size: 1.5rem;
top:0.5rem;
left:0.5rem; }

.overlap_child.roomname{
bottom:0;
left:0;
background-color: #ff6600;
color:white;
padding:0.25rem 0;
/*margin:0 1px -1px 1px;*/
width: 100%; }

.overlap_child.border{
/*border: 1px solid white;*/
display: block;
z-index: 3;
width: 100%;
height: 100%; }

.section-room {
padding: 3rem 0 0 0;
overflow: hidden; }

.section-room h2 {
background-color: #F3EACD;
padding: 0.5rem;
width: auto; }

.section-room img{
object-fit: cover;
/*border: solid 1px white;*/ }

/*!------------------------------------*\
page section event
\*!------------------------------------*/
.section-event {
padding: 3rem 0 3rem 0;}

/*!------------------------------------*\
page section food
\*!------------------------------------*/
.flexfood {
width: 33.33333%; }

.section-food {
overflow: hidden;
padding: 3rem 0 0 0; }

.section-food {
margin: 0 auto; }

.section-food h1, .section-food p, .section-food .title {
color: #fff; }

.section-food a p {
background-color: #ff6600;
color: #fff;
display: block;
width: 100%;
padding: 0.2rem 0 0.2rem 0;
font-size: 0.8rem; }

.section-food img{
border: solid 1px white; }

/*!------------------------------------*\
page section pr
\*!------------------------------------*/
.section-prgold{
padding: 3rem 1rem 3rem 1rem;
color:#fff; }

/*!------------------------------------*\
page section system
\*!------------------------------------*/
.section-system-bg {
background-color: #eeeeee; }

.section-system {
padding: 3rem 0 0 0; }

.section-system h3 {
background-color: #F3EACD;
padding: 0.2rem; }

.section-system .detail {
background-color: #EDE1E1;
padding:0.5rem; }

.section-system .detail2nd {
background-color: #e3d2d2;
padding:0.5rem; }

.flexsystem {
width: 100%; }

.flexsystem .heading{
margin: 0.5rem 0 0.5rem 0;
display: block;
border-bottom: 1px dotted #ccc; }

.pay{
border-bottom: dotted 1px #ccc;
padding-bottom: 0.5em;
margin-bottom: 1em; }

.pull-left{
float:left; }

.pull-right{
float:right; }

/*!------------------------------------*\
page section access
\*!------------------------------------*/
.section-access {
padding: 2rem 0rem 0rem 0rem;
background-color: #000;}

.section-access dt {
border-bottom: dotted 1px #ADA58C; }

.section-access dd {
margin-bottom: 0.5rem; }

.flexaccess {
width: 100%; }

/*!------------------------------------*\
footer section sitemap
\*!------------------------------------*/
.section-sitemap {
background-color: #fff;
color: #fff;
background-color: #333333;
border-bottom: solid 1px #333; }

.section-sitemap-wrap {
max-width: 1250px;
margin: 0 auto; }

.section-sitemap a {
color: #fff;
border: solid 1px #666;
padding: 0.5rem;
text-align: center;
display: block; }

.section-sitemap ul {
display: block;
text-align: center;
width: 100%; }

.section-sitemap li {
display: inline-block;
width: 50%;
overflow: hidden;
float: left; }

/*!------------------------------------*\
footer
\*!------------------------------------*/
footer p:nth-child(n+2) {
font-size: 0.8rem; }

footer {
color: #fff;
background-color: #000;
padding: 2rem 0 2rem 0; }

footer p {
margin-bottom: 0.8rem; }

.box-wrap {
background-color: #fff; }

/*!------------------------------------*\
page section-event
\*!------------------------------------*/
.section-event table{
margin: auto;
border-collapse: separate;
border-spacing: 0px 8px; }

.section-event tr:nth-child(odd){
background-color: #ffe5f5; }

.section-event tr:nth-child(even){
    background-color: #fff; }

.section-event td{
display: block;
padding: 0.5rem; }

.section-event td:first-child{
background-color: #ff0099;
color:#fff; }

/*!------------------------------------*\
START Style applied to 960px or more
\*!------------------------------------*/
@media (min-width: 960px) {
/*!------------------------------------*\
\*!------------------------------------*/

html {
max-width: 1920px; }

.displaynone{
display: none;}

/*!------------------------------------*\
bg 960px or more
\*!------------------------------------*/
.bg {
background-image: url(/commons/img/bg-sheet.jpg);
background-color: none !important; }

.bgbistro {
/*background-image: url(../img/bg-bistro.jpg);*/
background-color: none !important; }

/*!------------------------------------*\
box 960px or more
\*!------------------------------------*/
.box-r-title {
text-align: right;
float: right; }

.box-r-img {
float: left;
width: 60%; }

.box-r-txt {
float: right;
width: 33%; }

.box-l-title {
text-align: left;
float: left; }

.box-l-img {
float: right;
width: 60%; }

.box-l-txt {
float: left;
width: 33%; }

.box-wrap {
background-color: rgba(255, 255, 255, 0); }

/*!------------------------------------*\
index section topmenu 960px or more
\*!------------------------------------*/
.flexmenu{
width: 18%;
padding: 1%; }

.section-topmenu .btn{
display: block;
text-align: center;
font-size: 0.8rem; }

.btn_width {
max-width: 396px;
margin: 1rem  auto 0 auto; }

.section-topmenu{
max-width: 1200px;
margin-left:auto;
margin-right:auto; }

/*!------------------------------------*\
index section event 960px or more
\*!------------------------------------*/
.section-event{}

/*!------------------------------------*\
index section pr 960px or more
\*!------------------------------------*/
.section-pr {
max-width: 1200px;
margin: 0 auto;
padding: 4rem 0 2rem 0; }

.slider2 {
max-width: 1200px;
margin: 0 auto; }

/*!------------------------------------*\
index section bana 960px or more
\*!------------------------------------*/
.flexbana {
width: 23%;
padding: 1%; }

.section-banner {
max-width: 1200px;
margin: 0 auto; }

/*!------------------------------------*\
index section event 960px or more
\*!------------------------------------*/
.section-eventbana{
background-color: rgba(0,0,0,0.7);  
margin: 0 auto; }

.flex-eventbana{
width:33.33%; }

/*!------------------------------------*\
page section event 960px or more
\*!------------------------------------*/
.section-event{
max-width: 600px;
margin: 0 auto; }

.section-event .table{
background-color: #fff;
padding:1rem; }

.section-event td{
display: table-cell; }

.section-event td:first-child{
width: 35%; }

/*!------------------------------------*\
page section room 960px or more
\*!------------------------------------*/
.flexroom {
width: 23%;
padding: 1%; }

.section-room {
max-width: 1200px;
margin: 0 auto; }

.section-room article{
margin-bottom:1rem; }

/*!------------------------------------*\
page section food 960px or more
\*!------------------------------------*/
.flexfood {
width: 23%;
padding: 1%; }

.section-food {
max-width: 1200px;
margin: 0 auto 1rem auto; }

/*!------------------------------------*\
page section recruit 960px or more
\*!------------------------------------*/
.section-recruit {
max-width: 1200px;
margin: 0 auto; }

.flexrecruit {
width: 48%;
padding: 1%; }

.section-recruit th, .section-recruit td {
display: table-cell;
border: dotted 1px #cccccc; }

.section-recruit th {
width: 28%; }

.section-recruit td {
width: 68%; }

/*!------------------------------------*\
page section system 960px or more
\*!------------------------------------*/
.section-system {
max-width: 1400px;
margin: 0 auto; }

.flexsystem {
width: 23%;
padding: 1%; }

.flexsystem > span {
background-color: #fff;
height: 100%;
display: block; }

/*!------------------------------------*\
page section news 960px or more
\*!------------------------------------*/
.section-newss {
max-width: 1200px;
margin: 0 auto; }

.flexnewss {
width: 68%;
padding: 1%; }

.flexnewsside {
width: 28%;
padding: 1%; }

/*!------------------------------------*\
page section access 960px or more
\*!------------------------------------*/
.section-access {
margin: 0 auto; }

.flexaccess {
width: 48%;
padding: 1%; }

.section-access .boxtxt{
text-align: center; }

/*!------------------------------------*\
footer section sitemap 960px or more
\*!------------------------------------*/
.section-sitemap a {
border: none; }

.section-sitemap ul {
display: table;
table-layout: fixed;
text-align: center;
width: 100%; }

.section-sitemap li {
display: table-cell;
vertical-align: middle;
float: none; }



/*!------------------------------------*\
END Style applied to 960px or more
\*!------------------------------------*/
}
/*!------------------------------------*\
\*!------------------------------------*/

/*!------------------------------------*\
JQUERY btt
\*!------------------------------------*/
#btt{
position: fixed;
left: 0;
top: 4.4rem;
padding: 0.5rem 1.36rem 0.8rem 1.3rem;
display: none;
color: #fff;
background-color: #333333;
z-index: 99;
text-align: center; }

#btt .fas{
line-height: 11px; }

#btt span{
display: block;
font-size: 11px;
line-height: 11px; }

/*!------------------------------------*\
料金ページ注釈
\*!------------------------------------*/
.note {
  font-size: 12px;
}