@charset "shift-jis";

#suzukaContentInner2016 *,
#hotel * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    /*line-height: 1;*/
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: normal;
    font-size: 100%;
    /*	text-align:left;*/
}

ol,
ul,
li,
nav ul {
    list-style: none;
}

ul,
li,
img {
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
    line-height: 1.6;
    text-align: left;
}

caption,
th {
    text-align: left;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

blockquote,
q {
    quotes: none;
}

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

a {
    text-decoration: none;
    outline: 0;
    line-height: 1.6;
    /* Hides from IE-mac \*/
    overflow: hidden;
    /* End hide from IE-mac */
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

img,
td,
th {
    border: 0;
}

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

td,
th {
    text-align: left;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

html { scroll-behavior: smooth;}
/* CLEAR FIX*/
.clearfix:after,
p.text:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.clearfix,
p.text {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

* html p.text {
    height: 1%;
}

.clearfix,
p.text {
    display: block;
}

/* End hide from IE-mac */


/* font-size */
.f10 {
    font-size: 10px !important;
}

.f12 {
    font-size: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

.f18 {
    font-size: 18px !important;
}

.f20 {
    font-size: 20px !important;
}

.f22 {
    font-size: 22px !important;
}

.f24 {
    font-size: 24px !important;
}

.f26 {
    font-size: 26px !important;
}

.f28 {
    font-size: 28px !important;
}

.f80 {
    font-size: 80% !important;
}

/* margin */
.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

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

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

/* padding */
.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.tL {
    text-align: left !important;
}

.tR {
    text-align: right !important;
}

.tC {
    text-align: center !important;
}

.fR {
    float: right !important;
}

.fL {
    float: left !important;
}

.f-bold {
    font-weight: bold !important;
}

/* color */
.f-white {
    color: #FFF !important;
}

.f-red {
    color: #FF0000 !important;
}

.f-blue {
    color: #000099 !important;
}

.f-yellow {
    color: #FFFF00 !important;
}

.f-pink {
    color: #ff3858 !important;
}

.f-black {
    color: #000 !important;
}

#SUZUKA {
    margin: 0 auto 0 !important;
    padding: 0 !important;
}

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

a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

body {
    margin: 0;
}

.sp {
    display: none !important;
}

/* hotel common
----------------------------------------------------------- */
#suzukaContentInner2016 #hotel {
    font-size: 16px;
}

#hotel {
    position: relative;
    min-width: 980px;
    margin: 0 auto;
    padding: 0 0 100px;
    font-family: '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', '���C���I', 'Mayryo', '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
    color: #707070;
    font-size: 16px;
    line-height: 1.5;
}

#hotel .min {
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}

#hotel .inner {
    width: 980px;
    margin: 0 auto;
}

#hotel a {
    color: #b78014;
    text-decoration: underline;
}

#hotel a:hover {
    color: #b78014;
    text-decoration: none;
}

#hotel a img {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

#hotel a:hover img {
    opacity: 0.7;
}

#hotel .pttl {
    margin: 60px 0 30px;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}

#hotel .pttl h1 {
    color: #707070;
    font-size: 30px;
    text-align: center;
}

#hotel .pttl h1 span {
    display: block;
    color: #B68014;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#hotel .top-ttl {
    padding: 120px 0 60px;
}
#hotel .top-ttl h2 {
    color: #707070;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
#hotel .top-ttl h2 span {
    display: block;
    color: #B68014;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
    text-align: center;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}
.top-bg-brown {
    background: url(../../img/top/top-bg-brown.jpg) ;
    padding-bottom: 180px;
    background-position: right 10% bottom 10%;
    background-repeat: no-repeat;
}
.top-bg-green {
    background: url(../../img/top/top-bg-green.jpg) ;
    padding-bottom: 180px;
    background-position: right 10% bottom 10%;
    background-repeat: no-repeat;
}



/* header
----------------------------------------------------------- */
#sp-header {
    display: none;
}

#logo {
    margin: 35px 0 30px;
}

#suzukaContentInner2016 {
    width: 100% !important;
}

/* gnavi
----------------------------------------------------------- */
#gnavi {
    margin: 20px 0 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

#gnavi li {
    position: relative;
    text-align: center;
}

#gnavi li:nth-child(1),
#gnavi li:nth-child(6) {
    width: 11%;
}

#gnavi li:nth-child(4) {
    width: 17%;
}

#gnavi li:nth-child(3) {
    width: 17%;
}

#gnavi li:nth-child(2),
#gnavi li:nth-child(5) {
    width: 22%;
}

#gnavi li a {
    display: block;
    padding: 10px 0;
    color: #707070;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border-left: 1px solid #aaa;
}

#gnavi li:first-child a {
    border-left: none;
}

#gnavi li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 330px;
    z-index: 10;
}

#gnavi li ul li {
    width: 100% !important;
}

#gnavi li:last-child ul {
    left: inherit;
    right: 0;
}

#gnavi li ul li a {
    height: auto !important;
    padding: 7px 10px;
    color: #ffffff !important;
    font-size: 14px;
    text-indent: 0;
    white-space: normal;
    text-align: left;
    overflow: visible;
    border: none;
    background: #323232 !important;
}

#gnavi li ul li a:hover {
    background: #000000 !important;
}



/* top mainMovie
----------------------------------------------------------- */
#hotel .mainMovie,
#Restaurant .RestaurantMovie{
    position: relative;
    display: block;
    width: 100%;
    min-width: 980px;
}

#hotel .mainMovie video,
#Restaurant .RestaurantMovie video{
    margin: 0 auto;
    width: 100%;
}

#hotel .mainMovie .main-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -55px 0 0 -262px;
}

#hotel .mainImage.home {
    min-width: 980px;
    text-align: center;
}

#hotel .mainImage.home img {
    max-width: 100%;
    height: auto;
}

#hotel .mainImage.home,
#hotel .mainImage.home .mainImage__imageSP {
    display: none;
}

#hotel .main_catch {
    min-width: 980px;
    padding: 80px 0;
    color: #fff;
    font-size: 20px;
    background: #1A1A1A;
}

#hotel .main_catch p {
    font-weight: bold;
    text-align: center;
    line-height: 3;
}

/*�@---------------------------------------------------�@
�@�@�@reserve-wrap
�@---------------------------------------------------�@*/
#reserve-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.nofixed #reserve-wrap {
    position: absolute;
}

/*���Œ�*/
#reserve-wrap02 {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}






/*�@---------------------------------------------------�@
�@�@�@reserve-tab
�@---------------------------------------------------�@*/
#reserve-tab {
    margin: 20px 0 0;
    overflow: hidden;
}

#reserve-tab li {
    float: left;
    text-align: center;
    line-height: 1;
    border: 2px solid #b78014;
    border-bottom: none;
    background: #fff;
}

#reserve-tab li a:hover img {
    opacity: 1;
}

#reserve-tab li.active {
    border: 2px solid #f1e6d0;
    border-bottom: none;
    background: #f1e6d0;
}

#reserve-tab li:first-child {
    margin-right: 20px;
}

/* form
----------------------------------------------------------- */
#form {
    padding: 15px 25px;
    font-size: 12px;
    background: #f1e6d0;
}
#form .form-inner {
    width: 750px;
    margin: 0 auto;
}
#form input[type="text"] {
    /*padding: 3px 5px;*/
    border: 1px solid #7f7f7f;
}
#form select {
    /*width: 42px;*/
    padding: 3px 5px;
    border: 1px solid #7f7f7f;
}

#form .form-ttl01,
#form .booking_date,
#form .hid,
#form .submit {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    line-height: 1.3;
}
#form .directin-sp-form .directin-sp-form-submit-button button {
    background: #b78014;
}
#form .stay-date {
    margin-top: -18px;
}

#form .stay-date02 {
    margin-top: -23px;
}

#form .submit .search-btn {
    margin: 10px 0 0 80px;
}

#form .search-note {
    padding: 10px 0 5px;
    width: 300px;
    text-align: center;
    margin: -15px 0 20px 40px;
}

#form .search-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-top: -10px;
}

#form .bl {
    padding-left: 10px;
    background: url(../images/bg-bl.gif) no-repeat 0 center;
}

#form #searchtypearea {
    display: none;
}

#form #sblink {
    /*margin: 10px 0 0;
    text-align: right;*/
    width: 650px;
    margin: 0 auto;
}

#form #sblink li {
    display: inline;
    margin-left: 20px;
    padding-left: 15px;
    background: url(../images/arrow.gif) no-repeat 0 center;
}

#form #nitteiarea {
    position: relative;
}

#form #calid {
    bottom: 27px;
}

#inquiry {
    margin: 30px 0 0;
    padding: 10px;
    background: #ffffff;
    border: 3px #B68014 solid;
}

#inquiry img {
    vertical-align: middle;
}

#inquiry ul {
    display: inline;
    margin-left: 20px;
    vertical-align: middle;
}

#inquiry ul li {
    display: inline;
    margin-left: 5px;
    padding-left: 15px;
    background: url(../images/arrow.gif) no-repeat 0 3px;
    vertical-align: middle;
    font-size: 12px;
}

#inquiry02 {
    margin: 100px auto!important;
    padding: 30px 20px;
    background: #ffffff;
    border: 3px #B68014 solid;
}

#inquiry02 img {
    vertical-align: middle;
}

#inquiry02 ul {
    display: inline;
    margin-left: 20px;
    vertical-align: middle;
}
#inquiry02 .inquiry02-txt {
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    margin: 10px 0;
}
#inquiry02 ul li {
    display: inline;
    margin-left: 5px;
    padding-left: 15px;
    background: url(../images/arrow.gif) no-repeat 0 3px;
    vertical-align: middle;
    font-size: 12px;
}
#inquiry02 .navidial-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
#inquiry02 .navidial-box .navidial {
    background: none!important;
    font-size: 16px;
    text-align: center;
    margin: 0 10px;
    padding: 0;
}
#hotel .inquiry03-box{
    padding: 100px 0 ;
}
#inquiry03 {
    margin: 0 auto!important;
    padding: 30px 20px;
    background: #ffffff;
    border: 3px #B68014 solid;
}
#inquiry03 img {
    vertical-align: middle;
}

#inquiry03 ul {
    display: inline;
    margin-left: 20px;
    vertical-align: middle;
}
#inquiry03 .inquiry03-txt {
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    margin: 10px 0;
}
#inquiry03 ul li {
    display: inline;
    margin-left: 5px;
    padding-left: 15px;
    background: url(../images/arrow.gif) no-repeat 0 3px;
    vertical-align: middle;
    font-size: 12px;
}
#inquiry03 .navidial-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
#inquiry03 .navidial-box .navidial {
    background: none!important;
    font-size: 16px;
    text-align: center;
    margin: 0 10px;
    padding: 0;
}

#form h2 span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

#form .form-ttl {
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
}
#hotel #restrant {
    display: none;
    padding: 15px 0 0;
    text-align: center;
    background: #f1e6d0;
}

/* �t�b�^�[
----------------------------------------------------------- */
#hotel .bottom_caution {
    width: 980px;
    font-size: 12px;
    color: #333333;
    line-height: 14px;
    padding-top: 5px;
    margin: 0 auto;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    font-weight: normal !important;
}

/* top contents
----------------------------------------------------------- */
#hotel.hotel-top {
    padding: 0 0 250px;
}

#hotel .btn-guide{
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 100;
}

#top-guide-contents {
    font-size: 18px;
    /*border: solid 5px #FF0004;*/
    text-align: left;
    padding: 50px;
    background: #FFFED1;
    line-height: 1.4;
}

#firework-contents .sub-ttl{
    font-size: 14px;
    background: #d9f3fd;
    padding: 10px;
}
#firework-contents .firework-box,
#halloween-event-contents .halloween-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#firework-contents .firework-box .box-txt,
#halloween-event-contents .halloween-box .box-txt{
    padding: 10px 20px;
    width: 70%;
}
#firework-contents .firework-box .box-txt .ttl,
#halloween-event-contents .halloween-box .box-txt .ttl{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
#firework-contents .firework-box .box-txt .txt,
#halloween-event-contents .halloween-box .box-txt .txt{
    font-size: 14px;
    line-height: 1.4;
}
#firework-contents .firework-box .box-img,
#halloween-event-contents .halloween-box .box-img{
    padding: 10px 20px 0 0 ;
}

#visitmie,
#staynavi-mie{
    line-height: 1.6;
}

#top-calendar-contents {
    font-size: 18px;
    /*border: solid 5px #FF0004;*/
    text-align: left;
    padding: 30px;
    background: #FFFED1;
    line-height: 1.4;
}

#top-newyear-contents {
    padding: 30px;
}
#top-newyear-contents ul {
    border: 1px solid #333;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}
#top-newyear-contents ul .ny-img{
    width: 35%;
}
#top-newyear-contents ul .ny-img img{
    width: auto;
    height: 100%;
    object-fit: cover;
}
#top-newyear-contents ul .ny-txt{
    width: 65%;
    min-height: 280px;
    padding: 10px 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#top-newyear-contents ul .ny-txt .ttl{
    font-size: 16px;
    font-weight: bold;
}
#top-newyear-contents ul .ny-txt .txt{
    font-size: 14px;
}
#top-newyear-contents ul .ny-txt .detail{
    font-size: 12px;
}

#hotel #top-main-nav {
    margin: 40px 0 0;
}

#hotel #top-main-nav ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

#hotel #top-main-nav ul li {
    width: 310px;
}

#hotel #top-main-nav ul li a {
    position: relative;
    display: block;
    overflow: hidden;
}

#hotel #top-main-nav ul li a .ttl {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
    text-align: center;
    z-index: 10;
}

#hotel #top-main-nav ul li a .bg {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

#hotel #top-main-nav ul li a:hover .bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

#hotel #top-main-nav ul li a:hover img {
    opacity: 1;
}
#hotel #guestroom a,
#hotel #thedining a,
#hotel #thespa a{
    color: #707070;
    text-decoration: none;
    transition: 1.0s ;
}
#hotel #guestroom a:hover,
#hotel #thedining a:hover,
#hotel #thespa a:hover{
    opacity: 0.6;
    
}
#hotel #guestroom .top-main-nav02,
#hotel #thedining .top-main-nav03,
#hotel #thespa .top-main-nav04{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}
#hotel #guestroom .top-main-nav02 .photo{
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    /*margin: 0 calc(50% - 50vw);*/
    background: url("../../img/top/guest-room.jpg");
    width: 60%;
}
#hotel #thedining .top-main-nav03 .photo{
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    /*margin: 0 calc(50% - 50vw);*/
    background: url("../../img/top/restaurant.jpg");
    width: 60%;
}
#hotel #thespa .top-main-nav04 .photo{
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    /*margin: 0 calc(50% - 50vw);*/
    background: url("../../img/top/spa.jpg");
    width: 60%;
}
#hotel #guestroom .top-main-nav02 .box,
#hotel #thedining .top-main-nav03 .box,
#hotel #thespa .top-main-nav04 .box{
    background: #F7F7F7;
    width: 40%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#hotel #guestroom .top-main-nav02 .box .box-inner,
#hotel #thespa .top-main-nav04 .box .box-inner{
    max-width: 400px;
    padding: 60px 0 60px 40px ;
}
#hotel #thedining .top-main-nav03 .box .box-inner{
    max-width: 400px;
    padding: 60px 30px 60px 0 ;
    margin-left: auto;
}
#hotel #guestroom .top-main-nav02 .box .box-inner .ttl,
#hotel #thedining .top-main-nav03 .box .box-inner .ttl,
#hotel #thespa .top-main-nav04 .box .box-inner .ttl{
    font-size: 40px;
    margin-bottom: 10px;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}
#hotel #guestroom .top-main-nav02 .box .box-inner .txt,
#hotel #thedining .top-main-nav03 .box .box-inner .txt,
#hotel #thespa .top-main-nav04 .box .box-inner .txt{
    font-size: 16px;
    margin-bottom: 30px;
}
#hotel #guestroom .top-main-nav02 .box .box-inner .arrow,
#hotel #thedining .top-main-nav03 .box .box-inner .arrow,
#hotel #thespa .top-main-nav04 .box .box-inner .arrow{
    font-size: 14px;
}
#hotel #guestroom .top-main-nav02 .box .box-inner .arrow::after,
#hotel #thedining .top-main-nav03 .box .box-inner .arrow::after,
#hotel #thespa .top-main-nav04 .box .box-inner .arrow::after{
    content: '';
    display: inline-block;
    width: 47px;
    height: 6px;
    background-image: url(../../img/top/top_arrow.png);
    background-size: contain;
    vertical-align: middle;
}

#hotel .vacancy {
    width: 800px;
    background: #44aeea;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 50px auto 0;
    padding: 30px 0;
}

#hotel .vacancy span {
    color: #fff001;
    font-weight: bold;
    font-size: 20px;
}

#hotel #recommended-plan {
    padding-top: 50px;
}
#hotel #recommended-plan #calendar-plan-inner {
    background: #fff;
    padding-bottom: 30px;
}
#hotel #recommended-plan .calendar-plan-ttl{
    background: #493d2e;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
#hotel #recommended-plan .calendar-plan{
    letter-spacing: -0.5em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li {
    display: inline-block;
    width: 32%;
    padding: 20px 12px;
    letter-spacing: normal;
    vertical-align: top;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table {
    width: 100%;
    text-align: center;
    font-size: 14px;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table th {
    text-align: center;
    color: #707070;
    background: #f6edbe;
    border: 1px #AFABA5 solid;
    font-weight: bold;
    padding: 8px;
    height: 40px;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table th.holiday {
    background: #ff8caf;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table td {
    text-align: center;
    border: 1px #AFABA5 solid;
    background: #fff;
    vertical-align: middle;
    height: 40px;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table td.gray-day {
    background: #dedede;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table td.sunday {
    background: #ffd5e2;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li table td a {
    color: #707070;
    padding: 8px;
    display: block;
}
#hotel #recommended-plan .calendar-plan .calendar-plan-li .month {
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}



#hotel #recommended-plan .plan-tab ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin: 0 0 30px;
}

#hotel #recommended-plan .plan-tab ul li {
    position: relative;
    width: 33.33%;
    padding: 10px 0;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    height: 155px;
    border-left: 1px solid #fff;
}
#hotel #recommended-plan .plan-tab ul li:first-child {
    border-left: none;
}
#hotel #recommended-plan .plan-tab ul li.select {
    background: #534639!important;
}
#hotel #recommended-plan .plan-tab ul li.select:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(182, 128, 20, 0);
    border-top-color: #534639;
    border-width: 15px;
    margin-left: -15px;
}
#hotel #recommended-plan .plan-tab ul li.col0 {
    position: relative;
    width: 100%;
    padding: 10px 0;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    height: 100px;
    background: #979088;
    color: #fff;
	pointer-events: none;/** �^�u���ЂƂ‚̎������‚���**/
}
#hotel #recommended-plan .plan-tab ul li.col2 {
    position: relative;
    width: 50%;
    padding: 10px 0;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    height: 155px;
    background: #979088;
    color: #fff;
}
#hotel #recommended-plan .plan-tab ul li.col3 {
    position: relative;
    width: 33.3%;
    padding: 10px 0;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    height: 155px;
    background: #979088;
    color: #fff;
}
#hotel #recommended-plan .plan-tab ul li .btn {
    display: block;
    padding: 20px 0;
    /*padding: 30px 0;*/
    height: 145px;
}
#hotel #recommended-plan .plan-tab ul li:last-child .btn {
    border-right: none;
}
/*#hotel #recommended-plan .plan-tab #tab01 span {
    padding-top: 50px;
}*/
#hotel #recommended-plan .plan-tab #tab04 span {
    padding-top: 40px;
}



#hotel #recommended-plan .plan-type {
    display: none;
    padding: 20px 0;
    background: #fff;
}
#hotel #recommended-plan #plan01 {
    display: block;
}

#hotel #recommended-plan .plan-type .carousel {
    width: 920px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}

#hotel #recommended-plan .plan-type .carousel02 {
    width: 690px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}
#hotel #recommended-plan .plan-type .carousel03 {
    letter-spacing: -0.5em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#hotel #recommended-plan .plan-type .carousel05 {
    width: 230px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}

#hotel #recommended-plan .plan-type .carousel li,
#hotel #recommended-plan .plan-type .carousel02 li,
#hotel #recommended-plan .plan-type .carousel04 li,
#hotel #recommended-plan .plan-type .carousel05 li{
    display: inline-block;
    width: 230px;
    padding: 10px;
    letter-spacing: normal;
    vertical-align: top;
}

#hotel #recommended-plan .plan-type .carousel li span,
#hotel #recommended-plan .plan-type .carousel02 li span,
#hotel #recommended-plan .plan-type .carousel04 li span,
#hotel #recommended-plan .plan-type .carousel05 li span{
    display: block;
    margin: 10px 0 0;
    font-size: 14px;
}
#hotel #recommended-plan .plan-type .carousel04 {
    width: 460px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}
#hotel #recommended-plan .other-link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    /*-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;*/
    /*margin-top: 100px;*/
    padding-top: 120px;
}
#hotel #recommended-plan .other-link li {
    width: 230px;
    position: relative;
}
#hotel #recommended-plan .other-link li .other-link-btn {
    position: relative;
}
#hotel #recommended-plan .other-link li .other-link-btn span{
    font-size: 14px;
    font-weight: normal;
    display: block;
}
#hotel #recommended-plan .other-link li .other-link-btn a{
    color: #fff!important;
    position: absolute;
    bottom: -120px;
    left: 50%;
	margin-left: -105px;
    background: #92795F;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0 5px 10px 5px;
    width: 210px;
    height: 150px;
    text-align: center;
    line-height: 1.4;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.top_arrow {
    position: absolute;
    bottom: 10px;
    right: 15px;
}

#hotel #top-info .top-info-inner{
    background: #fff;
    padding: 40px;
}

#hotel #top-info .information-list {
    border-top: 1px solid #aaa;
    border-bottom: 1px dotted #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-info .information-list li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    /*width: 50%;*/
    vertical-align: top;
    letter-spacing: normal;
}
#hotel #top-info .information-list-top {
    border-top:1px solid #aaa;
}
#hotel #top-info .information-list-bottom {
    border-bottom:1px solid #aaa;
}

#hotel #top-info .information-list li:first-child {
    width: 45%;
}

#hotel #top-info .information-list li a,
#hotel #top-info .information-list li span {
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 14px;
}

#hotel #top-info .information-list li a {
    padding-left: 60px;
    background: url(../../images/arrow.png) 20px 20px no-repeat;
}

#hotel #top-info .information-list02 {
    border-bottom: 1px solid #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-info .information-list04 {
    border-bottom: 1px dotted #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-info .information-list02 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

#hotel #top-info .information-list04 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%
}

#hotel #top-info .information-list04 li:first-child,
#hotel #top-info .information-list02 li:first-child {
    width: auto;
}

#hotel #top-info .information-list02 li a,
#hotel #top-info .information-list02 li span,
#hotel #top-info .information-list04 li a,
#hotel #top-info .information-list04 li span {
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 14px;
}

#hotel #top-info .information-list02 li a,
#hotel #top-info .information-list04 li a {
    padding-left: 60px;
    background: url(../../images/arrow.png) 20px 20px no-repeat;
}

#hotel #top-info .information-list02 li a.icon-none,
#hotel #top-info .information-list04 li a.icon-none {
    padding: 0 !important;
    background: #ffffff !important;
    display: inline;
}

#hotel #top-info .information-list03,
#hotel #top-info .information-list05 {
    border-bottom: 1px solid #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-info .information-list03 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

#hotel #top-info .information-list05 li,
#hotel #top-info .information-list06 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 20px 0;
}

#hotel #top-info .information-list03 li a,
#hotel #top-info .information-list03 li span {
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 14px;
}

#hotel #top-info .information-list05 li a {
    /*display: block;*/
    padding: 20px 0 10px 0;
    font-size: 14px;
}

#hotel #top-info .information-list05 li span{
    /*display: block;*/
    padding: 20px 0 10px 20px;
    font-size: 14px;
}
#hotel #top-info .information-list06 li span {
    font-size: 14px;
}
#hotel #top-info .information-list03 li a,
#hotel #top-info .information-list05 li a {
    padding-left: 60px;
    background: url(../../images/arrow.png) 20px 20px no-repeat;
}

#hotel #top-info .information-list06 li {
    display: block;
    margin: 0;
    font-size: 14px;
    border-bottom: 1px solid #aaa;
}
#hotel #top-info .information-list07 li {
    display: block;
    margin: 0;
    font-size: 14px;
}

#hotel #top-info .information-list06 .toggle-trigger,
#hotel #top-info .information-list07 .toggle-trigger{
    display: block;
    padding: 20px 40px 20px 0;
    background: url(../../images/arrow02.png) right center no-repeat;
}

#hotel #top-info .information-list06 .toggle-target, 
#hotel #top-info .information-list07 .toggle-target {
    display: none;
    padding: 0 0 20px;
}


#hotel #top-recommend .recommendations-bn07 {
    margin: 0 auto 20px;
    text-align: center;
}
#hotel #top-recommend .recommend-inner {
    background: #fff;
    padding: 50px 0;
}

#hotel #top-info .top-banner a{
    border: 4px solid #B68014;
    width: 750px;
    margin: 20px auto 0;
    padding: 20px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    display: block;
    background: #fffcdd;
    color: #333;
    text-decoration: none;
    font-family: "�q���M�m���� ProN", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    position: relative;
}
#hotel #top-info .top-banner a .plan-txt{
    font-size: 34px;
}
#hotel #top-info .top-banner a .plan-txt02{
    font-size: 16px;
    line-height: 2;
    font-family: '�q���M�m�p�S Pro', 'Hiragino Kaku Gothic Pro', '���C���I', 'Mayryo', '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
    font-weight: normal;
}
#hotel #top-info .top-banner a:hover{
    opacity: 0.6;
    transition: 0.4s ;
}
#hotel #top-info .top-banner .top-banner-arrow{
    position: absolute;
    bottom: 4px;
    right: 4px;
}


#hotel #top-recommended-plan .plan-tab {
    border-top: 1px solid #B68014;
}

#hotel #top-recommended-plan .plan-tab ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin: 0 0 30px;
}

#hotel #top-recommended-plan .plan-tab ul li {
    position: relative;
    width: 33.33%;
    padding: 10px 0;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    height: 155px;
}

#hotel #top-recommended-plan .plan-tab ul li.col2 {
    position: relative;
    width: 50%;
    padding: 10px 0;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    height: 155px;
}

#hotel #top-recommended-plan .plan-tab ul li .btn {
    display: block;
    padding: 30px 0;
    border-right: 1px solid #aaa;
    height: 145px;
}

#hotel #top-recommended-plan .plan-tab ul li:last-child .btn {
    border-right: none;
}

#hotel #top-recommended-plan .plan-tab #tab03 span,
#hotel #top-recommended-plan .plan-tab #tab04 span {
    padding-top: 40px;
}

#hotel #top-recommended-plan .plan-tab ul li.select {
    border-bottom: 6px solid #B68014;
}

#hotel #top-recommended-plan .plan-tab ul li.select:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(182, 128, 20, 0);
    border-top-color: #B68014;
    border-width: 15px;
    margin-left: -15px;
}

#hotel #top-recommended-plan .plan-type {
    display: none;
    padding: 20px 0;
    background: #FCF4E5;
}

#hotel #top-recommended-plan #plan01 {
    display: block;
}

#hotel #top-recommended-plan .plan-type .carousel {
    width: 920px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}

#hotel #top-recommended-plan .plan-type .carousel02 {
    width: 690px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}
#hotel #top-recommended-plan .plan-type .carousel03 {
    letter-spacing: -0.5em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

#hotel #top-recommended-plan .plan-type .carousel li,
#hotel #top-recommended-plan .plan-type .carousel02 li,
#hotel #top-recommended-plan .plan-type .carousel04 li{
    display: inline-block;
    width: 230px;
    padding: 10px;
    letter-spacing: normal;
    vertical-align: top;
}

#hotel #top-recommended-plan .plan-type .carousel li span,
#hotel #top-recommended-plan .plan-type .carousel02 li span,
#hotel #top-recommended-plan .plan-type .carousel04 li span{
    display: block;
    margin: 10px 0 0;
    font-size: 14px;
}

#hotel #top-recommended-plan .plan-type .carousel03 .calendar {
    display: inline-block;
    width: 32%;
    padding: 10px 12px;
    letter-spacing: normal;
    vertical-align: top;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar .month {
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table{
    width: 100%;
    text-align: center;
    font-size: 14px;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table th {
    text-align: center;
    color: #707070;
    background: #f6edbe;
    border: 1px #AFABA5 solid;
    font-weight: bold;
    padding: 8px;
    height: 40px;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table th.holiday{
    background: #ff8caf;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table td.sunday{
    background: #ffd5e2;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table td {
    text-align: center;
    border: 1px #AFABA5 solid;
    background: #fff;
    vertical-align: middle;
    height: 40px;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table td.gray-day {
  background: #dedede ;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table td a {
    color: #707070;
    padding: 8px;
    display: block;
}
#hotel #top-recommended-plan .plan-type .carousel03 .calendar table td a:hover {
    opacity: 0.7;
}
#hotel #top-recommended-plan .plan-type .carousel04 {
    width: 460px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}

#hotel #top-recommended-plan .bx-wrapper .bx-prev {
    left: -25px;
    background: url(../../images/prev.png) 0 0 no-repeat;
}

#hotel #top-recommended-plan .bx-wrapper .bx-next {
    right: -25px;
    background: url(../../images/next.png) 0 0 no-repeat;
}

#hotel #top-other-link {
    margin: 60px 0 0;
}

#hotel #top-other-link ul {
    margin: 0 -5px;
    letter-spacing: -0.5em;
    overflow: hidden;
}

#hotel #top-other-link ul li {
    display: inline-block;
    width: 33.333%;
    padding: 0 5px;
    letter-spacing: normal;
}

#hotel #top-other-link ul li a {
    /*display: block;
    padding: 30px 0;*/
    text-align: center;
    border: 1px solid #b7b7b7;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    height: 110px;
}

#hotel #top-information .information-list {
    border-top: 1px solid #aaa;
    border-bottom: 1px dotted #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-information .information-list li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    /*width: 50%;*/
    vertical-align: top;
    letter-spacing: normal;
}

#hotel #top-information .information-list li:first-child {
    width: 45%;
}

#hotel #top-information .information-list li a,
#hotel #top-information .information-list li span {
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 14px;
}

#hotel #top-information .information-list li a {
    padding-left: 60px;
    background: url(../../images/arrow.png) 20px 20px no-repeat;
}

#hotel #top-information .information-list02 {
    border-bottom: 1px solid #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-information .information-list04 {
    border-bottom: 1px dotted #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-information .information-list02 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

#hotel #top-information .information-list04 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%
}

#hotel #top-information .information-list04 li:first-child,
#hotel #top-information .information-list02 li:first-child {
    width: 45%;
}

#hotel #top-information .information-list02 li a,
#hotel #top-information .information-list02 li span,
#hotel #top-information .information-list04 li a,
#hotel #top-information .information-list04 li span {
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 14px;
}

#hotel #top-information .information-list02 li a,
#hotel #top-information .information-list04 li a {
    padding-left: 60px;
    background: url(../../images/arrow.png) 20px 20px no-repeat;
}

#hotel #top-information .information-list02 li a.icon-none,
#hotel #top-information .information-list04 li a.icon-none {
    padding: 0 !important;
    background: #ffffff !important;
    display: inline;
}

#hotel #top-information .information-list03,
#hotel #top-information .information-list05 {
    border-bottom: 1px solid #aaa;
    letter-spacing: -0.5em;
}

#hotel #top-information .information-list03 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

#hotel #top-information .information-list05 li,
#hotel #top-information .information-list06 li {
    /* border-bottom: 1px solid #aaa;*/
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 20px 0;
}

#hotel #top-information .information-list03 li a,
#hotel #top-information .information-list03 li span {
    display: block;
    padding: 20px 0 20px 20px;
    font-size: 14px;
}

#hotel #top-information .information-list05 li a {
    /*display: block;*/
    padding: 20px 0 10px 0;
    font-size: 14px;
}

#hotel #top-information .information-list05 li span{
    /*display: block;*/
    padding: 20px 0 10px 20px;
    font-size: 14px;
}
#hotel #top-information .information-list06 li span {
    font-size: 14px;
}
#hotel #top-information .information-list03 li a,
#hotel #top-information .information-list05 li a {
    padding-left: 60px;
    background: url(../../images/arrow.png) 20px 20px no-repeat;
}

#hotel #top-information .information-list06 li {
    display: block;
    margin: 0;
    font-size: 14px;
    border-bottom: 1px solid #aaa;
}

#hotel #top-information .information-list06 .toggle-trigger {
    display: block;
    padding: 20px 40px 20px 0;
    background: url(../../images/arrow02.png) right center no-repeat;
}

#hotel #top-information .information-list06 .toggle-target {
    display: none;
    padding: 0 0 20px;
}

#hotel #top-recommendations {
    margin: 60px 0 0;
}

#hotel #top-recommendations ul {
    margin: 0 -3px;
    letter-spacing: -0.5em;
    overflow: hidden;
}

#hotel #top-recommendations ul li {
    display: inline-block;
    width: 50%;
    margin: 0 0 6px;
    padding: 0 3px;
    letter-spacing: normal;
}

#hotel .recommendations-bn01,
#hotel .recommendations-bn02,
#hotel .recommendations-bn03,
#hotel .recommendations-bn04,
#hotel .recommendations-bn05,
#hotel .recommendations-bn06,
#hotel .recommendations-bn07,
#hotel .recommendations-bn08,
#hotel .recommendations-bn09,
#hotel .recommendations-bn10{
    margin: 0 auto 20px;
    text-align: center;
}

#hotel .recommendations-bn01 a {
    background: url(../../img/top/bn_amenity.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 55px 20px 20px 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}

#hotel .recommendations-bn02 a {
    background: url(../../img/top/bn_soratabeyo.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 55px 20px 20px 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}

#hotel .recommendations-bn03 a {
    background: url(../../img/top/bn_winter.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 25px 20px 20px 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}

#hotel .recommendations-bn04 a {
    background: url(../../img/top/bn_60th.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 20px 10px 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}
#hotel .recommendations-bn06 a {
    background: url(../../img/top/bn_firework.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 21px;
    font-weight: bold;
    padding: 30px 20px 10px 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}
#hotel .recommendations-bn08 a {
    background: url(../../img/top/bn_f1.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 72px 20px 0 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}
#hotel .recommendations-bn09 a {
    background: url(../../img/top/bn_xmas-cake.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 20px 20px 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}
#hotel .recommendations-bn10 a {
    background: url(../../img/top/bn_newyear.jpg) no-repeat;
    height: 180px;
    width: 784px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    padding: 28px 0 0 290px;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #333;
}

#hotel .recommendations-bn01 a:hover,
#hotel .recommendations-bn02 a:hover,
#hotel .recommendations-bn03 a:hover,
#hotel .recommendations-bn04 a:hover,
#hotel .recommendations-bn09 a:hover,
#hotel .recommendations-bn10 a:hover{
    opacity: 0.7;
}

#hotel .recommendations-bn01 .subttl,
#hotel .recommendations-bn02 .subttl,
#hotel .recommendations-bn03 .subttl,
#hotel .recommendations-bn06 .subttl,
#hotel .recommendations-bn10 .subttl{
    font-size: 18px;
    font-weight: normal;
}
#hotel .recommendations-bn09 .subttl{
    font-size: 18px;
    font-weight: normal;
    padding-top: 10px;
    display: inline-block;
}
#hotel .recommendations-bn06 .subttl02,
#hotel .recommendations-bn09 .subttl02{
    font-size: 16px;
    font-weight: bold;
}
#hotel .recommendations-bn04 .subttl{
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
}

#hotel .recommendations-bn04 .subttl02 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #007dc0;
    margin-top: 5px;
    display: inline-block;
}
#hotel .recommendations-bn10 .subttl02{
    font-size: 16px;
}
#hotel .recommendations-bn04 .recomme-catch {
    background: #e4b425;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
}
#hotel .recommendations-bn08 .subttl {
    font-size: 18px;
    font-weight: normal;
}

#hotel .info-red {
    color: #ff0000;
    border: 2px solid #ff0000;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: auto;
    margin-top: 30px;
}

#hotel .info-red a {
    color: #ff0000;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    display: inline-block;
}

#hotel .info-red a:hover {
    color: #ff0000;
}

#hotel .top-calendar {
    margin: 50px 0;
    background: #d6effc;
    padding: 30px;
}

#hotel .top-calendar .top-calendar-ttl {
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #B68014;
    text-align: center;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}

#hotel .top-calendar .top-calendar-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}

#hotel .top-calendar .top-calendar-box li {
    margin: 20px 0;
}

#hotel .top-calendar .top-calendar-box li .month {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#hotel .top-calendar .top-calendar-box li table {
    width: 100%;
    text-align: center;
    font-size: 18px;
}

#hotel .top-calendar .top-calendar-box li table th {
    text-align: center;
    color: #707070;
    background: #f6edbe;
    border: 1px #AFABA5 solid;
    font-weight: bold;
    padding: 15px;
}

#hotel .top-calendar .top-calendar-box li table td {
    text-align: center;
    border: 1px #AFABA5 solid;
    background: #fff;
}

#hotel .top-calendar .top-calendar-box li table td a {
    color: #707070;
    padding: 15px;
    display: block;
}

#hotel .top-calendar .top-calendar-box li table .gray-day {
    background: #eee;
    /*padding: 15px;*/
}

#hotel .top-calendar .top-calendar-box li table td a:hover {
    opacity: 0.7;
}

#hotel #change-point {
    border: 2px solid #B68014;
    padding: 30px;
    margin-bottom: 100px;
}
#hotel #change-point .ttl{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
#hotel #change-point .change-point-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#hotel #change-point .change-point-box li{
    text-indent: -1em;
    padding-left: 1em;
}
#hotel #change-point .change-point-box li dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 20px;
}
#hotel #change-point .change-point-box li dl dt{
    width: 30%;
}
#hotel #change-point .change-point-box li dl dd{
    width: 70%;
}

.top-allergy-txt{
    font-size: 14px;
    padding: 30px;
    background: #fffbdc;
}


#hotel .recommended-plan-bn {
    padding-top: 120px;
}
#hotel .recommended-plan-bn a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    /*background: url(../../img/top/bn_recommended-plan.png)no-repeat;*/
    width: 980px;
    height: 350px;
    position: relative;
    text-decoration: none;
}
#hotel .recommended-plan-bn a .recommended-plan-txt{
    position: absolute;
    font-size: 36px;
    font-weight: bold;
    color: #333333!important;
    text-decoration:none;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}


/* �p������
----------------------------------------------------------- */
#hotel .inner .pan {
    font-size: 12px;
    color: #333333;
    padding-bottom: 15px;
    padding-top: 5px;
    margin: 30px 0;
}


/* room
----------------------------------------------------------- */
#hotel #room > div {
    margin: 0 0 60px;
}

#hotel #room #main .room-header {
    background: #EACF94;
}

#hotel #room #north .room-header {
    background: #DDCACA;
}

#hotel #room #family .room-header {
    background: #BCD0B9;
}

#hotel #room .room-header {
    position: relative;
    height: 316px;
}

#hotel #room .room-header .mv {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -117px;
    width: calc(50% + 117px);
    height: 316px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

#hotel #room #main .room-header .mv {
    background: url(../../room/images/main00.jpg) center center no-repeat;
}

#hotel #room #north .room-header .mv {
    background: url(../../room/images/north00.jpg) center center no-repeat;
}

#hotel #room #family .room-header .mv {
    background: url(../../room/images/family00.jpg) center center no-repeat;
}

#hotel #room .room-header .ttl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 373px;
    height: 316px;
    position: relative;
}
#hotel #room .room-header .ttl .ttl-img{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

#hotel #room #main .detail-btn {
    background: #F7E6C6;
}

#hotel #room #north .detail-btn {
    background: #F0E2E2;
}

#hotel #room #family .detail-btn {
    background: #D0E2CD;
}

#hotel #room .detail-btn {
    display: block;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
}

#hotel #room .detail-btn span {
    font-size: 18px;
    position: relative;
}

/*#hotel #room .detail-btn span:before {
    content: "^";
    display: inline-block;
    margin-right: 10px;
    padding: 10px 10px 5px 10px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #707070;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 22px;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(180deg);
}

#hotel #room .detail-btn.active span:before {
  content: "^";
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(-360deg);
  font-size: 22px;
}*/

#hotel #room .detail-btn span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  /*�c��*/
  width: 25px;
  height: 3px;
  background: #B68014;
  transition: all 0.2s ease-in-out;
}
#hotel #room .detail-btn span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -35px;
  width: 25px;
  height: 3px;
  /*������*/
  transform: rotate(90deg);
  background: #B68014;
  transition: all 0.3s ease-in-out;
}
#hotel #room .detail-btn.active span:before {
  transform: rotate(180deg);
  background: #B68014;
}
#hotel #room .detail-btn.active span:after {
  opacity: 0;
}

#hotel #room .detail-content {
    display: none;
    padding: 50px 0 0;
    background: #F7F7F7;
}

#hotel #room .detail-content .room-list {
    margin: 0 -25px;
    letter-spacing: -0.5em;
}

#hotel #room .detail-content .room-list li {
    display: inline-block;
    width: 500px;
    margin: 0 0 50px;
    padding: 0 25px;
    letter-spacing: normal;
    vertical-align: top;
}

#hotel #room .detail-content .room-list li a {
    display: block;
    padding: 25px;
    color: #707070;
    text-decoration: none;
    background: #fff;
    -webkit-box-shadow: 0 3px 6px #96825B;
    box-shadow: 0 3px 6px #96825B;
}

#hotel #room .detail-content .room-list li a h3 {
    margin: 15px 0;
    color: #B68014;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#hotel #room .detail-content .room-list li a .txt {
    font-size: 13px;
}

#hotel #room .detail-content .room-list li a .detail {
    margin: 20px 0 0;
    font-size: 16px;
    text-align: center;
}
#hotel #room .areamap-btn {
    margin-top: 80px;
}
#hotel #room .areamap-btn a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    font-size: 46px;
    font-weight: bold;
    border-radius: 20px;
    width: auto;
    padding: 50px;
    position: relative;
    transition: 0.3s;
    background-image: linear-gradient(225deg, rgba(242, 213, 129, 1), rgba(116, 165, 86, 1));
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
}
#hotel #room .areamap-btn a::before,
#hotel #room .areamap-btn a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform-origin: 100% 50%;
    height: 3px;
    width: 30px;
    background-color: #fff;
    border-radius: 5px;
    will-change: transform;
    transition: .3s;
}
#hotel #room .areamap-btn a::before {
  transform: translateY(-50%) rotate(30deg);
}

#hotel #room .areamap-btn a::after {
  transform: translateY(-50%) rotate(-30deg);
}
#hotel #room .areamap-btn a:hover{
    opacity: 0.6;
    transition: 0.8s ;
}

#hotel #room #business a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center;
    padding: 30px 0;
    color: #707070;
    text-decoration: none;
    border: 1px solid #000;
}

#hotel #room #business a .txt {
    font-size: 13px;
}

#hotel #room #business a .detail {
    font-size: 16px;
}


/* room-page
----------------------------------------------------------- */
#hotel #room-page.main .plan-detail {
    background: #FCF4E5;
}

#hotel #room-page.north .plan-detail {
    background: #F8F0F0;
}

#hotel #room-page.west .plan-detail {
    background: #fce5e7;
}

#hotel #room-page.east .plan-detail {
    background: #F0F4F8;
}

#hotel #room-page.east .plan-detail-suite {
    background: #F0F4F8;
}

#hotel #room-page.main #amenity .special h3 span {
    background: #f7f7f7;
}

#hotel #room-page.main .plan-detail .special h3 span {
    background: #FCF4E5;
}

#hotel #room-page.north .plan-detail .special_north h3 span {
    background: #F8F0F0;
}

#hotel #room-page.west .plan-detail .special_west h3 span {
    background: #fce5e7;
}

#hotel #room-page.east .plan-detail .special_east h3 span {
    background: #F0F4F8;
}

#hotel #room-page section {
    padding: 80px 0;
    font-size: 14px;
}

#hotel #room-page section.east-suite {
    padding: 80px 0;
    font-size: 14px;
    background: #F0F4F8;
}

#hotel #room-page .plan-header .inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    padding: 80px 0 0;
    border-top: 1px solid #707070;
}

#hotel #room-page .plan-header:first-child .inner {
    padding: 0;
    border-top: none;
}

#hotel #room-page .plan-header .inner .photo {
    width: 510px;
}

#hotel #room-page .plan-header .inner .plan-ttl {
    width: 470px;
    padding: 0 60px;
}

#hotel #room-page .plan-header .inner .plan-ttl_north {
    width: 100%;
    padding: 0 60px;
}

#hotel #room-page .plan-header .inner .plan-ttl_north h2 {
    margin: 0 0 30px;
    color: #006600;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#hotel #room-page .plan-header .inner .plan-ttl h2 {
    margin: 0 0 30px;
    color: #B68014;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
#hotel #room-page .plan-header .inner .plan-ttl h2 span{
    font-size: 14px;
    line-height: 1.4;
    padding-top: 10px;
    display: inline-block;
    color: #707070;
}

#hotel #room-page .plan-header .inner .plan-ttl h2.east {
    margin: 0 0 30px;
    color: #004da0;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#hotel #room-page .plan-header .inner .plan-ttl h2.west {
    margin: 0 0 30px;
    color: #e50012;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#hotel #room-page .plan-header .inner .plan-ttl h2.north {
    margin: 0 0 30px;
    color: #a80001;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#hotel #room-page .plan-header .inner .plan-ttl .catch {
    margin: 0 0 30px;
    font-size: 16px;
    text-align: center;
}

#hotel #room-page .plan-header .inner .plan-ttl .txt {
    margin: 0 0 30px;
    font-size: 14px;
}

#hotel #room-page .plan-detail .plan-info,
#hotel #room-page .plan-detail-suite .plan-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 80px;
}

#hotel #room-page .plan-detail .plan-info .info,
#hotel #room-page .plan-detail-suite .plan-info .info {
    width: 510px;
}

#hotel #room-page .plan-detail .plan-info .info ul li,
#hotel #room-page .plan-detail-suite .plan-info .info ul li {
    padding: 7px 0;
    border-top: 1px dashed #707070;
}

#hotel #room-page .plan-detail .plan-info .info ul li:first-child,
#hotel #room-page .plan-detail-suite .plan-info .info ul li:first-child {
    border-top: none;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl,
#hotel #room-page .plan-detail-suite .plan-info .info ul li dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dt,
#hotel #room-page .plan-detail-suite .plan-info .info ul li dl dt {
    width: 170px;
    padding: 30px 0;
    text-align: center;
    background: #EACF94;
}
#hotel #room-page .plan-detail .plan-info .info ul li dl dt.main-capacity {
    width: 170px;
    padding: 150px 0;
    text-align: center;
    background: #EACF94;
}
#hotel #room-page .plan-detail .plan-info .info ul li dl dt.east,
#hotel #room-page .plan-detail-suite .plan-info .info ul li dl dt.east {
    width: 170px;
    padding: 30px 0;
    text-align: center;
    background: #004da0;
    color: #fff;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dt.east-capacity {
    width: 170px;
    padding: 160px 0;
    text-align: center;
    background: #004da0;
    color: #fff;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dt.west {
    width: 170px;
    padding: 30px 0;
    text-align: center;
    background: #e50012;
    color: #fff;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dt.west-capacity {
    width: 170px;
    padding: 160px 0;
    text-align: center;
    background: #e50012;
    color: #fff;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dt.north {
    width: 170px;
    padding: 30px 0;
    text-align: center;
    background: #a80001;
    color: #fff;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dt.north-capacity {
    width: 170px;
    padding: 160px 0;
    text-align: center;
    background: #a80001;
    color: #fff;
}

#hotel #room-page .plan-detail .plan-info .info ul li dl dd,
#hotel #room-page .plan-detail-suite .plan-info .info ul li dl dd {
    width: calc(100% - 170px);
    padding: 0 30px;
}

#hotel #room-page .plan-detail .plan-info .layout,
#hotel #room-page .plan-detail-suite .plan-info .layout {
    width: 470px;
    text-align: center;
}
#hotel #room-page .plan-detail .plan-info {
    
}


#hotel #room-page .plan-detail .plan-info .layout .north-btn {
    background: #a80001;
    color: #fff;
    border-radius: 50px;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    width: 440px;
    text-align: center;
    margin: 20px auto;
}

#hotel #room-page .plan-detail.bgn {
    background: #fff;
}

#hotel #room-page .plan-detail .east-btn {
    background: #004da0;
    color: #fff;
    border-radius: 50px;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    width: 780px;
    text-align: center;
    margin: 20px auto;
}

#hotel #room-page .plan-detail .plan-info .layout ul {
    /*margin-left: 80px;*/
}

#hotel #room-page .plan-detail .plan-info .layout .north-time {
    /*padding-left: 1em;
    text-indent: -5em;*/
    text-align: center;
}

#hotel #room-page .plan-detail .plan-info .info .suite-ttl,
#hotel #room-page .plan-detail-suite .plan-info .info .suite-ttl {
    font-size: 30px;
    font-weight: bold;
    color: #004da0;
    margin-bottom: 20px;
}

#hotel .panorama {
  width: 100%;
  height: 470px;
}
#hotel #room-page .plan-detail .View {
  margin: 0 0 80px;
  padding: 20px;
  color: #000;
  background: #fff;
}

#hotel #room-page .plan-detail .View .view-360 {
  margin-top: 20px;
}

#hotel #room-page #amenity .special,
#hotel #room-page .plan-detail .special {
    border-top: 7px solid #EACF94;
}

#hotel #room-page .plan-detail .special_east {
    border-top: 7px solid #7fa6cf;
}

#hotel #room-page .plan-detail .special_west {
    border-top: 7px solid #f27f88;
}

#hotel #room-page .plan-detail .special_north {
    border-top: 7px solid #f27f88;
}

#hotel #room-page .plan-detail .special h3,
#hotel #room-page .plan-detail .special_east h3,
#hotel #room-page .plan-detail .special_west h3,
#hotel #room-page .plan-detail .special_north h3 {
    margin: 0 0 40px;
    text-align: center;
}

#hotel #room-page #amenity .special h3 span,
#hotel #room-page .plan-detail .special h3 span {
    display: inline-block;
    margin-top: -32px;
    padding: 0 15px;
    color: #B68014;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
}

#hotel #room-page .plan-detail .special_east h3 span.east {
    display: inline-block;
    margin-top: -32px;
    padding: 0 15px;
    color: #004da0;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
}

#hotel #room-page .plan-detail .special_west h3 span.west {
    display: inline-block;
    margin-top: -32px;
    padding: 0 15px;
    color: #e50012;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
}

#hotel #room-page .plan-detail .special_north h3 span.north {
    display: inline-block;
    margin-top: -32px;
    padding: 0 15px;
    color: #a80001;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
}

#hotel #room-page #amenity .special .special-list,
#hotel #room-page .plan-detail .special .special-list,
#hotel #room-page .plan-detail .special_east .special-list,
#hotel #room-page .plan-detail .special_west .special-list,
#hotel #room-page .plan-detail .special_north .special-list {
    overflow: hidden;
}

/*#hotel #room-page .plan-detail .special .special-list ul{
    margin: 0 -12px;
    letter-spacing: -0.5em;
    overflow: hidden;
}
#hotel #room-page .plan-detail .special .special-list ul li{
    display: inline-block;
    width: 33.333%;
    margin: 0 0 24px;
    padding: 0 12px;
    letter-spacing: normal;
    vertical-align: top;
}*/
#hotel #room-page #amenity .special .special-list ul,
#hotel #room-page .plan-detail .special .special-list ul,
#hotel #room-page .plan-detail .special_east .special-list ul,
#hotel #room-page .plan-detail .special_west .special-list ul,
#hotel #room-page .plan-detail .special_north .special-list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#hotel #room-page #amenity .special .special-list ul li,
#hotel #room-page .plan-detail .special .special-list ul li,
#hotel #room-page .plan-detail .special_east .special-list ul li,
#hotel #room-page .plan-detail .special_west .special-list ul li,
#hotel #room-page .plan-detail .special_north .special-list ul li {
    margin: 0 0 25px;
    background: #fff;
}

#hotel #room-page #amenity .special .special-list ul.c3 li,
#hotel #room-page .plan-detail .special .special-list ul.c3 li,
#hotel #room-page .plan-detail .special_east .special-list ul.c3 li,
#hotel #room-page .plan-detail .special_west .special-list ul.c3 li,
#hotel #room-page .plan-detail .special_north .special-list ul.c3 li {
    width: 31.632%;
}

#hotel #room-page #amenity .special .special-list ul.c3.item8:after,
#hotel #room-page .plan-detail .special .special-list ul.c3.item8:after,
#hotel #room-page .plan-detail .special_east .special-list ul.c3.item8:after,
#hotel #room-page .plan-detail .special_west .special-list ul.c3.item8:after,
#hotel #room-page .plan-detail .special_north .special-list ul.c3.item8:after {
    content: "";
    width: 31.632%;
    height: 0;
}

#hotel #room-page #amenity .special .special-list ul.c2 li,
#hotel #room-page .plan-detail .special .special-list ul.c2 li,
#hotel #room-page .plan-detail .special_east .special-list ul.c2 li,
#hotel #room-page .plan-detail .special_west .special-list ul.c2 li,
#hotel #room-page .plan-detail .special_north .special-list ul.c2 li {
    width: 48.724%;
}

#hotel #room-page #amenity .special .special-list ul li .box,
#hotel #room-page .plan-detail .special .special-list ul li .box,
#hotel #room-page .plan-detail .special_east .special-list ul li .box,
#hotel #room-page .plan-detail .special_west .special-list ul li .box,
#hotel #room-page .plan-detail .special_north .special-list ul li .box {
    padding: 15px;
}

#hotel #room-page #amenity .special .special-list ul li .box .thum,
#hotel #room-page .plan-detail .special .special-list ul li .box .thum,
#hotel #room-page .plan-detail .special_east .special-list ul li .box .thum,
#hotel #room-page .plan-detail .special_west .special-list ul li .box .thum,
#hotel #room-page .plan-detail .special_north .special-list ul li .box .thum {
    margin: 0 0 15px;
    text-align: center;
}

#hotel #room-page #amenity .special .special-list ul li .box h4,
#hotel #room-page .plan-detail .special .special-list ul li .box h4 {
    margin: 0 0 15px;
    padding: 0 0 15px;
    color: #B68014;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #D8B872;
}

#hotel #room-page .plan-detail .special_east .special-list ul li .box h4 {
    margin: 0 0 15px;
    padding: 0 0 15px;
    color: #004da0;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #7fa6cf;
}

#hotel #room-page .plan-detail .special_west .special-list ul li .box h4 {
    margin: 0 0 15px;
    padding: 0 0 15px;
    color: #e50012;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #f27f88;
}

#hotel #room-page .plan-detail .special_north .special-list ul li .box h4 {
    margin: 0 0 15px;
    padding: 0 0 15px;
    color: #a80001;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d37f80;
}

#hotel #room-page .plan-detail .special .special-list ul li .box .link,
#hotel #room-page .plan-detail .special_east .special-list ul li .box .link,
#hotel #room-page .plan-detail .special_west .special-list ul li .box .link,
#hotel #room-page .plan-detail .special_north .special-list ul li .box .link {
    margin: 15px 0 0;
}

#hotel #room-page .plan-detail .special .special-list ul li .box .note,
#hotel #room-page .plan-detail .special_east .special-list ul li .box .note,
#hotel #room-page .plan-detail .special_west .special-list ul li .box .note,
#hotel #room-page .plan-detail .special_north .special-list ul li .box .note {
    font-size: 12px;
}

#hotel #room-page #recommended h3.recommended-ttl {
    margin: 0 0 40px;
    font-size: 30px;
    font-style: italic;
    text-align: center;
}

#hotel #room-page #recommended .recommended-list {
    letter-spacing: -0.5em;
    text-align: center;
}

#hotel #room-page #recommended .recommended-list li {
    display: inline-block;
    max-width: 300px;
    padding: 0 20px;
    letter-spacing: normal;
    vertical-align: top;
}

#hotel #room-page #recommended .recommended-list li img {
    margin: 0 0 10px;
}

#hotel #room-page #recommended .recommended-list li span {
    display: block;
}

#hotel #room-page #amenity {
    background: #f7f7f7;
}

#hotel #room-page #amenity h3 {
    margin: 0 0 30px;
    color: #B68014;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page #amenity h3.east {
    margin: 0 0 30px;
    color: #004da0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page #amenity h3.west {
    margin: 0 0 30px;
    color: #e50012;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page #amenity h3.north {
    margin: 0 0 30px;
    color: #a80001;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page #amenity .items li {
    padding: 7px 0;
    border-top: 1px dashed #707070;
}

#hotel #room-page #amenity .items li:first-child {
    border-top: none;
}

#hotel #room-page #amenity .items li dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

#hotel #room-page #amenity .items li dl dt {
    width: 170px;
    padding: 30px 0;
    color: #fff;
    text-align: center;
    background: #707070;
}

#hotel #room-page #amenity .items li dl dd {
    width: calc(100% - 170px);
    padding: 0 30px;
}

#hotel #room-page .room-service {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 15px;
    border: 1px solid #707070;
    background: #fff;
}

#hotel #room-page .room-service .box {
    padding: 0 35px;
}

#hotel #room-page .room-service .box h4 {
    margin: 0 0 20px;
    color: #B68014;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}

#hotel #room-page .room-service .box p {
    font-size: 16px;
    line-height: 2;
}

#hotel #room-page #papamama h3 {
    margin: 0 0 30px;
    color: #004da0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page #papamama h3.west {
    margin: 0 0 30px;
    color: #e50012;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page .fee {
    background: #fff;
}

#hotel #room-page .fee h3 {
    margin: 0 0 30px;
    color: #B68014;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page .fee h3.east {
    margin: 0 0 30px;
    color: #004da0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page .fee h3.west {
    margin: 0 0 30px;
    color: #e50012;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page .fee h3.north {
    margin: 0 0 30px;
    color: #a80001;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page .fee .items li {
    padding: 7px 0;
    border-top: 1px dashed #707070;
}

#hotel #room-page .fee .items li:first-child {
    border-top: none;
}

#hotel #room-page .fee .items li dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

#hotel #room-page .fee .items li dl dt {
    width: 170px;
    padding: 30px 0;
    color: #fff;
    text-align: center;
    background: #707070;
}

#hotel #room-page .fee .items li dl dd {
    width: calc(100% - 170px);
    padding: 0 30px;
}



#hotel #business {
    margin: 60px 0 0 !important;
}

#hotel #south {
    width: 980px;
    margin: 0 auto !important;
    padding: 50px;
    background: #eef6fb;
}

#hotel #room-page .plan-header .inner .plan-ttl_south {
    padding: 0;
}

#hotel #room-page .plan-header .inner .plan-ttl_south h2 {
    margin: 0 0 30px;
    color: #006600;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#hotel #room-page .south-img {
    text-align: center;
    margin-bottom: 20px;
}

#hotel #room-page .south-img li {
    display: inline-block;
}

#hotel #room-page .inner-south {
    padding: 0 20px;
}

#hotel #room-page h3.south-room {
    margin: 0 0 30px;
    color: #006600;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

#hotel #room-page #amenity-south {
    background: #eef6fb;
}

#hotel #room-page #amenity-south .items li {
    padding: 7px 0;
    border-top: 1px dashed #707070;
}

#hotel #room-page #amenity-south .items li:first-child {
    border-top: none;
}

#hotel #room-page #amenity-south .items li dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

#hotel #room-page #amenity-south .items li dl dt {
    width: 170px;
    padding: 30px 0;
    color: #fff;
    text-align: center;
    background: #707070;
}

#hotel #room-page #amenity-south .items li dl dd {
    width: calc(100% - 170px);
    padding: 0 30px;
}

#hotel #room-page .plan-header .plan-waku {
    border: 3px solid #ff0000;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    color: #ff0000;
    width: 980px;
    margin: 0 auto 50px;
    font-size: 16px;
}

.main-movie * {
  margin: 0;
  padding: 0;
}
.main-movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 310px;
    overflow: hidden;
}

.main-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 310px;
  border: none;
}

.buttons {
  display: flex;
  justify-content: center;
  margin: 10px auto 0;
  padding: 0;
  list-style: none;
}

.buttons > * {
  width: 240px;
  padding: 0 10px;
  box-sizing: border-box;
}

.buttons a {
  display: block;
  padding: 5px;
  background-color: #fff;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}

/* activity
----------------------------------------------------------- */
#hotel #activity .activity-list {
    margin: 0 -32px;
    letter-spacing: -0.5em;
}

#hotel #activity .activity-list li {
    display: inline-block;
    width: 522px;
    margin: 0 0 64px;
    padding: 0 32px;
    letter-spacing: normal;
    vertical-align: top;
}

#hotel #activity .activity-list li a {
    display: block;
    padding: 0 0 20px;
    color: #707070;
    text-decoration: none;
    border: 1px solid #707070;
    background: #fff;
}

#hotel #activity .activity-list li a h3 {
    margin: 15px 0;
    color: #B68014;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#hotel #activity .activity-list li a .txt {
    padding: 0 20px;
    font-size: 13px;
    text-align: center;
}

#hotel #activity .activity-list li a .detail {
    margin: 20px 0 0;
    font-size: 16px;
    text-align: center;
}

/* �C���t�H���[�V����
----------------------------------------------------------- */
#hotel .Hotel-info {
    border: 3px solid #ff0000;
    padding: 20px;
    margin: 20px 0;
    color: #ff0000;
}

#hotel .Hotel-info02 {
    border: 3px solid #ff0000;
    padding: 20px;
    margin: 20px auto;
    color: #ff0000;
    background: #fcdddd;
    width: 980px;
}

#hotel .Hotel-info03 {
    border: 3px solid #ff0000;
    padding: 20px;
    margin: 20px auto;
    background: #fcdddd;
    width: 980px;
}

#hotel .Hotel-info03 a {
    color: #ff0000;
}

/* �ł����I
----------------------------------------------------------- */
#hotel .dekita {
    width: 980px;
    margin: 30px auto;
}

#hotel .dekita .dekita-ttl {
    background-image: url("../../dekita/images/summer/kochira.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    font-size: 26px;
    height: 196px;
    padding: 60px 0 0 70px;
}

/* �����̂��ē��E�V�[�Y���J�����_�[
----------------------------------------------------------- */
#hotel #Fee {
    width: 980px;
    margin: 0 auto;
}

#hotel .fee-ttl {
    font-size: 12px;
    text-align: right;
    valign: bottom;
}

#hotel .fee-Table {
    width: 980px;
    color: #333333;
    font-size: 14px;
}

#hotel .fee-Table td.themain-fee {
    font-weight: bold;
    color: #333333;
    text-align: center;
    background: #f6edbe;
    padding: 3px;
    border-width: 0px;
    vertical-align: middle;
    border: 1px solid #b9b9b9;
}

#hotel .fee-Table td.themain-fee_2 {
    font-weight: bold;
    color: #333333;
    text-align: center;
    background: #f6edbe;
    padding: 3px;
    border-width: 0px;
    vertical-align: middle;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
}

#hotel .fee-Table th.themain-fee_3 {
    font-weight: bold;
    text-align: center;
    background: #fefee5;
    vertical-align: middle;
    border: 1px solid #b9b9b9;
    padding: 3px;
}

#hotel .fee-Table td.themain-td-a {
    font-weight: bold;
    text-align: right;
    background: #E8F5D1;
    padding: 3px;
    vertical-align: middle;
    border-width: 0px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

#hotel .fee-Table td.themain-td-b {
    font-weight: bold;
    text-align: right;
    background: #BFD6FB;
    padding: 3px;
    vertical-align: middle;
    border-width: 0px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

#hotel .fee-Table td.themain-td-c {
    font-weight: bold;
    text-align: right;
    background: #EDC5C7;
    padding: 3px;
    vertical-align: middle;
    border-width: 0px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

#hotel .fee-Table td.themain-td-d {
    font-weight: bold;
    text-align: right;
    background: #EDB12C;
    padding: 3px;
    vertical-align: middle;
    border-width: 0px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

#hotel .fee-Table td.themain-td-e {
    font-weight: bold;
    text-align: right;
    background: #F675D6;
    padding: 3px;
    vertical-align: middle;
    border-width: 0px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

#hotel .fee-Table .themain-td-z {
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    padding: 3px;
    vertical-align: middle;
    border-width: 0px;
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}

#hotel .calendar-table .themain-cal {
    border: 1px #AFABA5 solid;
    width: 700px;
    text-align: center;
}

#hotel .calendar-table .themain-cal th {
    font-weight: bold;
    padding: 2px 0;
    color: #333333;
    background-color: #f6edbe;
    border: 1px #AFABA5 solid;
    width: 16px;
    vertical-align: middle;
}

#hotel .calendar-table .themain-cal td.fee-a {
    background-color: #E8F5D1;
}

#hotel .calendar-table .themain-cal td.fee-b {
    background-color: #BFD6FB;
}

#hotel .calendar-table .themain-cal td.fee-c {
    background-color: #EDC5C7;
}

#hotel .calendar-table .themain-cal td.fee-d {
    background-color: #EDB12C;
}

#hotel .calendar-table .themain-cal td.fee-e {
    background-color: #F675D6;
}

#hotel .calendar-table .themain-cal td.fee-f {
    background-color: #D0CDC6;
}

#hotel .calendar-table .themain-cal td.fee-s {
    background-color: #C6A6FB;
}

#hotel .calendar-table .themain-cal td {
    vertical-align: middle;
}

#hotel .calendar-table {
    font-size: 14px;
    line-height: 18px;
}

#hotel .calendar-table .Early {
    position: relative;
}

#hotel .Early-ttl {
    font-size: 34px;
    font-weight: bold;
}

/*#hotel .calendar-table .Early:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
#hotel .calendar-table .Early:after {
    position: absolute;
    content: "�A�[���[���C�h�͌��ݒ������ƂȂ��Ă���܂�";
    width: 100%;
    top: 45%;
    color: #f00;
    text-align: center;
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #ffff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
    font-size: 28px;
	font-weight: bold;
}*/
#hotel .calendar-table td {
    border: 1px #AFABA5 solid;
}

#hotel .calendar-table li {
    line-height: 1.4;
}

#hotel .calendar-table .themain-cal {
    border: 1px #AFABA5 solid;
    width: 980px;
    text-align: center;
    color: #333;
}

#hotel .calendar-table .themain-cal th {
    font-weight: bold;
    padding: 2px 0;
    color: #333333;
    background-color: #f6edbe;
    border: 1px #AFABA5 solid;
    width: 16px;
    vertical-align: middle;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-a {
    background-color: #E8F5D1;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-b {
    background-color: #BFD6FB;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-c {
    background-color: #EDC5C7;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-d {
    background-color: #EDB12C;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-e {
    background-color: #F675D6;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-f {
    background-color: #D0CDC6;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td.fee-s {
    background-color: #C6A6FB;
    text-align: center !important;
}

#hotel .calendar-table .themain-cal td {
    vertical-align: middle;
    text-align: center !important;
}

#hotel .fee-tab {
    margin: 60px 0;
}

#hotel .fee-tab ul {
    margin: 0 -5px;
    letter-spacing: -0.5em;
    overflow: hidden;
    text-align: center;
}

#hotel .fee-tab ul li {
    display: inline-block;
    width: 30%;
    letter-spacing: normal;
    text-align: center;
    margin: 0 10px;
    font-size: 20px;
}

#hotel .fee-tab ul li a {
    color: #fff;
    display: block;
    padding: 20px 0;
    border-radius: 3px;
    border: 3px solid #b78014;
    background-color: #b78014;
    text-decoration: none;
    font-weight: bold;
}

#hotel .fee-tab ul li a:hover {
    color: #b78014;
    background-color: rgba(255, 255, 255, 0.1);
    display: block;
    padding: 20px 0;
    border-radius: 3px;
    border: 3px solid #b78014;
    text-decoration: none;
}

#hotel .calendar-table02 {
    width: 980px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

#hotel .calendar-table02 .calendar-table-txt {
    width: 100%;
}

#hotel .calendar-table02 .calendar-table-img {
    width: 300px;
}

#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
/*    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul li {
    width: 31%;
    margin-bottom: 20px;
    margin-right: 20px;
}

#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul li table {
    width: 100%;
    text-align: center;
}

#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul li table th {
    text-align: center;
    background: #f6edbe;
    border: 1px #AFABA5 solid;
    font-weight: bold;
    width: 14%;
}

#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul li table td {
    text-align: center;
    border: 1px #AFABA5 solid;
}

#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul li table td.early-mark {
    background: #FFD0D0;
}
#hotel .calendar-table02 .calendar-table-txt .parkinn-calendar-table ul li table td.holiday-mark {
    background: #d9d9d9;
}

.early-mark-color {
    color: #FFD0D0;
    border: 1px #AFABA5 solid;
    background: #FFD0D0;
}
#hotel .calendar-table02 .calendar-table-txt .early-note li{
    text-indent: -1em;
    padding-left: 2em;
}

/* �T�[�r�X�̂��ē�
----------------------------------------------------------- */
#hotel #service {
    width: 980px;
    margin: 0 auto;
    font-size: 14px;
}

#hotel #service h1 {
    font-size: 34px;
    font-weight: bold;
}

#hotel #service h1 .subttl {
    font-size: 20px;
}

#hotel #service ul.service-navi {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

#hotel #service ul.service-navi li {
    display: inline-block;
    width: 30%;
    background: #b78014;
    text-align: center;
    border-radius: 10px;
    margin: 0 5px;
}

#hotel #service ul.service-navi li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 15px;
}

#hotel #service ul.service-navi li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.50);
}

#hotel #service .Room-front {
    border-bottom: 1px dotted;
    padding: 20px 0;
}

#hotel #service .Room-front_last {
    border-bottom: none;
    padding: 20px 0;
}

#hotel #service .Room-front span,
#hotel #service .Room-front_last span {
    color: #990038;
    font-weight: bold;
}

#hotel #service .Room-front ul,
#hotel #service .Room-front_last ul {
    margin: 0 auto;
}

#hotel #service .Room-front ul li,
#hotel #service .Room-front_last ul li {
    width: 31%;
    display: inline-block;
    background-image: url(../../service/images/icon.gif);
    background-repeat: no-repeat;
    padding: 0 5px 0 10px;
    background-position: left center;
}

#hotel #service .Room-front ul li.photo {
    width: 611px;
    vertical-align: top;
    background-image: none;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}

#hotel #service .Room-front ul li.photo-img {
    width: 352px;
    vertical-align: top;
    background-image: none;
    display: inline-block;
    padding: 0;
}

#hotel #service .Room-front ul li.news,
#hotel #service .Room-front_last ul li.news {
    width: 720px;
    vertical-align: top;
    background-image: none;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}

#hotel #service .Room-front ul li.news-img,
#hotel #service .Room-front_last ul li.news-img {
    width: 240px;
    vertical-align: top;
    background-image: none;
    display: inline-block;
    padding: 0;
}

#hotel #service .Room-front table td.td-newstop {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    background: #FFD0D0;
    border: 1px solid #333;
    padding: 10px;
    width: 300px;
}

#hotel #service .Room-front table td.td-news {
    border: 1px solid #333;
    color: #333333;
    padding: 10px;
    text-align: left;
}

#hotel #service .Room-front table {
    margin-top: 5px;
}

#hotel #service .Room-front table td {
    border: 1px solid #333;
    color: #333333;
    padding: 10px;
    text-align: right;
}

#hotel #service .Room-front table td.tdTop {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    background: #FFD0D0;
    border: 1px solid #333;
    padding: 10px;
    width: 150px;
}

#hotel #service .Room-front table td.tdTopl {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    background: #FFD0D0;
    border: 1px solid #333;
    padding: 10px;
    width: 210px;
}

#hotel #service .Room-front table th {
    font-weight: bold;
    text-align: left;
    background: #FFE6E6;
    color: #333333;
    border: 1px solid #333;
    padding: 10px;
}

#hotel #service .Room-front td.bihin {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    border: 1px solid #333;
    padding: 5px;
    width: 150px;
}

.service-link {
    background-image: url(../../service/images/icon.gif);
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 5px;
    background-position: left center;
}

#hotel #service .parkinn-calendar {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

#hotel #service .parkinn-calendar .parkinn-cal {
    border: 1px #AFABA5 solid;
    width: 980px;
    text-align: center;
}

#hotel #service .parkinn-calendar .parkinn-cal th {
    font-weight: bold;
    padding: 2px 0;
    color: #333333;
    background-color: #f6edbe;
    border: 1px #AFABA5 solid;
    vertical-align: middle;
    text-align: center;
    width: 28px;
}

#hotel #service .parkinn-calendar .parkinn-cal td {
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    border: 1px #AFABA5 solid;
}



/*���[�H�E�����H�̂��ē�*/

#Food {
    /*width: 980px;*/
    margin: 0 auto;
    min-width: 980px;
}

#Food .food-info {
    border: 3px solid #ff0000;
    padding: 20px 30px;
    font-size: 14px;
    width: 980px;
    margin: 0 auto 20px;
}

#Food .food-info .food-info-ttl {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

#Food #s-plaza {
    width: 980px;
    margin: 0 auto;
}

#Food #s-plaza #restaurant {
    margin: 7px 0 0;
    overflow: hidden;
}

#Food #s-plaza #restaurant li {
    float: left;
    width: 322px;
    margin-left: 7px;
}

#Food #s-plaza #restaurant li:first-child {
    margin: 0;
}

#Food .food-header {
    border-bottom: 1px solid #ccc;
    padding: 50px;
}

#Food .food-header .inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    padding: 50px 0 0;
}

#Food .food-header:last-child {
    padding: 0;
    border-bottom: none;
}

#Food .food-header .inner .photo {
    width: 510px;
}

#Food .food-header .inner .food-ttl {
    width: 470px;
    padding: 0 0 0 60px;
}

#Food .food-header .inner .food-ttl h3.sora {
    margin: 0 0 10px;
    color: #054e3c;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#Food .food-header .inner .food-ttl h3.shun {
    margin: 0 0 10px;
    color: #003894;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

#Food .food-header .inner .food-ttl h3.sora span,
#Food .food-header .inner .food-ttl h3.shun span {
    font-size: 20px;
    line-height: 1.8;
}

#Food .food-header .inner .food-ttl .txt {
    margin: 0 0 30px;
    font-size: 14px;
}


#Food .food-header .logo-shun {
    margin: auto;
    text-align: center;
    width: 100%;
}


#Food .food-header .food-btn {
    margin: 50px 0;
}

#Food .food-header .food-btn li.sora-plan,
#Food .food-header .food-btn li.shun-plan {
    text-align: center;
}

#Food .food-header .food-btn li.sora-plan a {
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    text-align: center;
    background: #054e3c;
    border-radius: 10px;
    font-weight: bold;
}

#Food .food-header .food-btn li.shun-plan a {
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    text-align: center;
    background: #003894;
    border-radius: 10px;
    font-weight: bold;
}

#Food .food-header .food-btn li.sora-plan a:hover,
#Food .food-header .food-btn li.splaza a:hover,
#Food .food-header .food-btn li.shun-plan a:hover {
    color: #fff;
    text-decoration: underline;
    opacity: 0.5;
    text-decoration: none;
}

#Food .food-header .food-btn li.sora-plan span::after,
#Food .food-header .food-btn li.splaza span::after,
#Food .food-header .food-btn li.shun-plan span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.2em;
    margin: -4.3px 0 0 0;
    border-top: solid 4.3px transparent;
    border-left: solid 8.6px #FFF;
    border-bottom: solid 4.3px transparent;
}

#Food .food-header .food-btn li.sora-plan span,
#Food .food-header .food-btn li.splaza span,
#Food .food-header .food-btn li.shun-plan span {
    display: inline-block;
    position: relative;
    padding: 1em 1.2em 1em 2.2em;
}

#Food .food-header .food-btn li.splaza {
    text-align: center;
}

#Food .food-header .food-btn li.splaza a {
    color: #fff;
    text-decoration: none;
    padding: 20px 30px;
    text-align: center;
    background: #efa103;
    border-radius: 10px;
    font-weight: bold;
}

#Food .dinner {
    background: #f5efe0;
    margin: 80px 0 0;
    padding-bottom: 50px;
}

#Food .dinner h2 {
    border-bottom: 1px solid #333;
    padding: 80px 0 10px;
    margin-bottom: 50px;
}

#Food #shun {
    margin: 0 0 120px;
}

#Food #shun li {
    overflow: hidden;
}

#Food #shun li figure {
    float: left;
    width: 50%;
    height: 430px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}

#Food #shun li.shun02 figure {
    float: right;
}

#Food #shun li.shun02 .box {
    left: 0;
}

#Food #shun li.shun01 figure {
    background: url("../../food/images/shun01.jpg") center center no-repeat;
    background-size: auto;
}

#Food #shun li.shun02 figure {
    background: url("../../food/images/shun02.jpg") center center no-repeat;
    background-size: auto;
}

#Food #shun li.shun03 figure {
    background: url("../../food/images/shun03.jpg") center center no-repeat;
    background-size: auto;
}

#Food #shun li .inner {
    position: relative;
}

#Food #shun li .box {
    position: absolute;
    right: 0;
    top: 83px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 538px;
    height: 264px;
    font-size: 22px;
    padding: 0 100px;
    background: #fff;
}

#Food .food-slider {
    margin: 80px 0 0;
    overflow: hidden;
}

#Food .food-slider ul li {
    padding: 0 10px;
}

#Food .food-slider ul li img {
    max-width: 300px;
}

#Food .food-slider .slick-prev,
#Food .food-slider .slick-next {
    width: 30px;
    height: 30px;
}

#Food .food-slider .slick-prev:before,
#Food .food-slider .slick-next:before {
    font-size: 30px;
}

#Food .food-slider .slick-prev {
    left: 20px;
    z-index: 100;
}

#Food .food-slider .slick-next {
    right: 20px;
}

#Food #the-dining {
    text-align: center;
    margin-top: 220px;
    padding: 0 10px;
}

#Food #the-dining .the-dining-ttl {
    font-size: 24px;
    font-weight: bold;
    font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;
    margin: 20px 0 10px;
}

#Food #the-dining .the-dining-txt {
    font-size: 16px;
}

/* ���]�[�g�G���A�}�b�v
----------------------------------------------------------- */
#hotel #Map {
    width: 980px;
    margin: 0 auto;
    font-size: 14px;
}

#hotel #Map h1 {
    font-size: 34px;
    font-weight: bold;
}

#hotel #Map .map-ttl {
    color: #FFF;
    background-color: #C90;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}

#hotel #Map .map-txt {
    line-height: 16px;
    margin-bottom: 10px;
}

#hotel #Map table td {
    text-align: center;
    border: 1px solid #333;
    padding: 10px;
    color: #333;
    vertical-align: middle;
}

#hotel #Map table td.hotelfront {
    background-color: #E1FFFF;
}

#hotel #Map table td.splaza {
    background-color: #F2FFD7;
}

#hotel #Map table td.hotelgate {
    background-color: #FFFFCC;
}

#hotel #Map table td.kurgarden {
    background-color: #FFE8E8;
}
#hotel #Map table td.spa01 {
    background-color: #FFE8E8;
}
#hotel #Map table td.spa02 {
    background-color: #d3e6ff;
}

/* ���h���\�� ��t�ɂ‚��Ă̂��ē�
----------------------------------------------------------- */
#hotel #stay-info {
    width: 980px;
    margin: 0 auto 30px;
    font-size: 14px;
}
#hotel #stay-info h1 {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF3D7A;
    padding: 10px;
    font-size: 18px;
}

#hotel #stay-info .Hotel-info-sec {
    border: 3px solid #ff0000;
    padding: 20px;
    margin: 20px 0;
    color: #ff0000;
    font-size: 14px;
    line-height: 1.6;
    background: #fcdddd;
}
#hotel #stay-info .reserve-note {
    font-weight: normal !important;
    border: 2px solid #ff0000;
    padding: 20px;
    line-height: 1.6;
    margin-top: 50px;
}
#hotel #stay-info .reserve-note .reserve-note-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
#hotel #stay-info .reserve-note .reserve-note-box li{
    text-indent: -1em;
    padding-left: 1em;
}
#hotel #stay-info ul {
    margin-top: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#hotel #stay-info ul li .note {
    color: #ff0000;
    font-weight: normal !important;
    border: 2px solid #ff0000;
    padding: 10px;
    line-height: 1.6;
    display: inline-block;
    margin-right: 20px;
}

#hotel #stay-info ul li .note span {
    font-weight: bold;
}

#hotel #stay-info ul li.mark {
    display: inline-block;
    vertical-align: top;
}
#hotel #stay-info .reserve-btn-box{
    margin: 30px 0 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#hotel #stay-info .reserve-btn-box .reserve-btn{
    margin: 0 10px 10px;
}
#hotel #stay-info .reserve-btn-box .reserve-btn a{
    display: inline-block;
    width: 360px;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
    background: #b68014;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#hotel #stay-info .reserve-btn-box .reserve-btn a:hover{
    opacity: 0.6;
    transition: 0.4s ;
}
#hotel #stay-info table {
    width: 980px;
    color: #333333;
    font-size: 14px;
}

#hotel #stay-info table td {
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
    text-align: center;
    vertical-align: middle;
    padding: 5px 0;
}
#hotel #stay-info table td .form-btn{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 50px;
    background: #b78014;
    border-radius: 20px;
    text-decoration: none;
}
#hotel #stay-info table td .form-btn-none{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 50px;
    background:#aaa;
    border-radius: 20px;
    text-decoration: none;
    pointer-events: none
}
#hotel #stay-info table td.yoyaku-top {
    background-color: #CCCCCC;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #b9b9b9;
    vertical-align: middle;
}

#hotel #stay-info table th {
    background-color: #e5e5e5;
    padding: 5px 0 5px 20px;
    font-weight: bold;
    border: 1px solid #b9b9b9;
    vertical-align: middle;
}

#hotel #stay-info .reservation {
    margin: 0 !important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
}

#hotel #stay-info .reservation li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin-right: 10px;
    text-align: center;
}
#stay-info-yoyaku {
    margin: 0 auto 30px;
    color: #333;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}
#stay-info-yoyaku .stay-info-inner {
    width: 980px;
    margin: 0 auto;
}
#stay-info-yoyaku .information {
    border: 5px solid #ff0000;
    padding: 20px 30px;
    margin-bottom: 120px;
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
}
#stay-info-yoyaku .lead {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0 100px;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
    line-height: 1.8;
    color: #333;
}
#stay-info-yoyaku .reservation-box {
    padding: 60px 50px 80px;
    margin-bottom: 130px;
    border: 2px solid #B78014;
    position: relative;
}
#stay-info-yoyaku .reservation-box .icon{
    position: absolute;
    left: calc(50% - 63px);
    top:-50px;
}
#stay-info-yoyaku .reservation-box .ttl,
#stay-info-yoyaku .plan-info .ttl {
    text-align: center;
    margin-bottom: 50px;
}
#stay-info-yoyaku .reservation-box .ttl span,
#stay-info-yoyaku .room .ttl span,
#stay-info-yoyaku .plan-info .ttl span,
#stay-info-yoyaku .area-map .ttl span,
#stay-info-yoyaku .benefit .ttl span,
#stay-info-yoyaku .faq .ttl span {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
    border-bottom: 3px solid ;
    border-image: linear-gradient(to right, #C49841 0%, #FFE49B 100%);
    border-image-slice: 1;
    display: inline-block;
}
#stay-info-yoyaku .reservation-box .period {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px dotted #D5D5D5;
}
#stay-info-yoyaku .reservation-box .period .sub-ttl {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#stay-info-yoyaku .reservation-box .period .info-txt {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #7D7D7D;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex,
#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin: 0;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex .web-reserve,
#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 .web-reserve{
    width: 48%;
    line-height: 1;
    position: relative;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 .web-reserve .web-reserve-txt {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    color: #5F9279;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.4;
}

#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 .web-reserve .web-reserve-txt::before,
#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 .web-reserve .web-reserve-txt::after {
    width: 2px;
    height: 40px;
    background-color: #5F9279;
    content: '';
}

#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 .web-reserve .web-reserve-txt::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

#stay-info-yoyaku .reservation-box .period .reservation-box-flex02 .web-reserve .web-reserve-txt::after {
    transform: rotate(35deg);
    margin-left: 30px;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex .web-reserve .icon-web{
    position: absolute;
    left: 20px;
    bottom: 15px;
    z-index: 1;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex .web-reserve .btn-tel {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 25px;
    background: #92795F;
    border-radius: 5px;
    width: 100%;
    height: 120px;
    /*display: inline-block;*/
    text-decoration: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex .web-reserve .btn-tel:hover {
    opacity: 0.4;
    transition: 0.6s;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex .web-reserve .btn-tel-na {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 25px;
    background: #92795F;
    border-radius: 5px;
    width: 100%;
    height: 120px;
    text-decoration: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
#stay-info-yoyaku .reservation-box .period .reservation-box-flex .tel-reserve{
    width: 48%;
    height: 120px;
    border: 1px solid #8C745B;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 25px;
    border-radius: 5px;
    text-decoration: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#stay-info-yoyaku .reservation-box .period .cancel-box {
    margin-top: 30px;
    text-align: center;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel {
    padding: 20px;
    border: 1px solid #B78014;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    width: 80%;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel:hover {
    opacity: 0.4;
    transition: 0.6s;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel .cancel-txt {
    font-size: 20px;
    font-weight: bold;
    color: #B78014;
    margin-bottom: 10px;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel .cancel-subtxt {
    font-size: 14px;
    color: #333;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel-na {
    background: #aaa;
    padding: 20px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    width: 80%;
    pointer-events: none;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel-na .cancel-txt {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
#stay-info-yoyaku .reservation-box .period .cancel-box .btn-cancel-na .cancel-subtxt {
    font-size: 14px;
    color: #fff;
}
#stay-info-yoyaku .reservation-box .note-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-top: 40px;
}
#stay-info-yoyaku .reservation-box .note-box li {
    font-size: 14px;
    text-align: center;
}
#stay-info-yoyaku .room {
    margin-bottom: 140px;
}
#stay-info-yoyaku .room .room-icon{
    text-align: center;
}
#stay-info-yoyaku .room .ttl {
    text-align: center;
    margin: 30px 0 50px;
}
#stay-info-yoyaku .room .room-txt {
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}
#stay-info-yoyaku .room .room-box-c {
    padding: 0;
    overflow: hidden;
}
#stay-info-yoyaku .room .room-box-c .room-box .slick-list{
    overflow: visible;
}
#stay-info-yoyaku .room .room-box-c .room-box {
    /*margin: 0;*/
    position: relative;
    width: 100%;
    max-width: 980px;
    padding: 0 30px 0 0 ;
    margin: 0 auto 50px;
}
#stay-info-yoyaku .room .room-box-c .room-box .stay-info-room{
    /*padding: 0 10px;*/
    margin: 0 6px;
}
#stay-info-yoyaku .room .room-box-c .room-box .stay-info-room a{
    text-decoration: none;
}
#stay-info-yoyaku .room .room-box-c .room-box .stay-info-room .stay-info-room-txt{
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding: 0 20px;
    background: #F1E6D0;
    height: 110px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#stay-info-yoyaku .room .room-box-c .room-box .stay-info-room .stay-info-room-txt span{
    font-size: 14px;
    font-weight: normal;
}
#stay-info-yoyaku .room .room-box-c .slick-prev {
    position: absolute;
    bottom: -40px !important;
    left: 48% !important;
    top: inherit !important;
    transform: translateX(-50%) !important;
    z-index: 1000;
    height: 30px !important;
    width: 30px !important;
}
#stay-info-yoyaku .room .room-box-c .slick-next {
    position: absolute;
    bottom: -40px !important;
    right: 48% !important;
    top: inherit !important;
    transform: translateX(50%) !important;
    z-index: 1000;
    height: 30px !important;
    width: 30px !important;
}
#stay-info-yoyaku .room .room-box-c .room-box .slick-prev::before,
#stay-info-yoyaku .room .room-box-c .room-box .slick-next::before {
    font-family: "slick";
    font-size: 30px;
    line-height: 1;
    color: #B78014;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}







#stay-info-yoyaku .plan-info {
    margin-bottom: 130px;
}
#stay-info-yoyaku .plan-info .plan-info-icon{
    text-align: center;
}
#stay-info-yoyaku .plan-info .ttl {
    text-align: center;
    margin: 30px 0 50px;
}
#stay-info-yoyaku .plan-info .plan-accordion,
#stay-info-yoyaku .plan-info .plan-accordion02 {
    /*text-align: center; *//* �q�v�f�𒆉����� */
    margin-bottom: 50px;
}
#stay-info-yoyaku .plan-info .plan-accordion .sub-ttl,
#stay-info-yoyaku .plan-info .plan-accordion02 .sub-ttl{
    position: relative;
    margin-bottom: 30px;
}
#stay-info-yoyaku .plan-info .plan-accordion02 .sub-ttl-camp{
    position: relative;
    margin: 30px 0;
}
#stay-info-yoyaku .plan-info .plan-accordion .sub-ttl::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: rgb(213, 213, 213) currentcolor currentcolor;
    border-image: none;
    width: 720px;
    z-index: 0;
}
#stay-info-yoyaku .plan-info .plan-accordion02 .sub-ttl-camp::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 250px;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: rgb(213, 213, 213) currentcolor currentcolor;
    border-image: none;
    width: 730px;
    z-index: 0;
}
#stay-info-yoyaku .plan-info .plan-accordion .sub-ttl .sub-ttl-txt,
#stay-info-yoyaku .plan-info .plan-accordion02 .sub-ttl-camp .sub-ttl-txt{
    margin-right: 10px;
    font-size: 24px;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content:after,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content:after {
    content: "";
    display: block;
    width: 24%;
    height: 0;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li{
    width: 24%;
    margin-bottom: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li a,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li a{
    text-decoration: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li img,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li img{
    flex-shrink: 0;
    align-self: flex-start;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li .plan-txt,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li .plan-txt {
    font-size: 14px;
    margin: 5px 0 20px;
    color: #333;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li .plan-txt span,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li .plan-txt span{
    color: #B78014;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li .btn-plan,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li .btn-plan {
    font-size: 14px;
    padding: 15px 20px;
    text-align: center;
    display: block;
    border: 1px solid #B78014;
    text-decoration: none;
    margin-top: auto;
    -ms-align-self: stretch;
    align-self: stretch;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content li:hover .btn-plan,
#stay-info-yoyaku .plan-info .plan-accordion02 .accordion-content li:hover .btn-plan{
    transition: 0.6s;
    color: #fff;
    background: #B78014;
}
#stay-info-yoyaku .plan-info .plan-accordion .accordion-content .hidden{
    max-height: 0; /* ������Ԃō����[�� */
    opacity: 0; /* ���� */
    overflow: hidden; /* �͂ݏo�����e���B�� */
    transition: max-height 0.5s ease, opacity 0.5s ease; /* �����Ɠ����x�̃A�j���[�V���� */
    margin-bottom: 0;
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button {
    margin: 0 auto; /* �{�^���𒆉��ɔz�u */
    padding: 10px 50px;
    font-size: 14px;
    border: none;
    background-color: #F5F5F5;
    border: 1px solid #333;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    position: relative; /* �A�C�R���p�̐ݒ� */
    transition: background-color 0.5s ease;
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button .icon {
    width: 10px;
    height: 10px;
    margin-right: 10px; /* �e�L�X�g�Ƃ̊Ԋu */
    position: relative;
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button .icon::before,
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button .icon::after {
    content: "";
    position: absolute;
    background-color: #333; /* ���̐F */
    transition: transform 0.5s ease;
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button .icon::before {
    width: 10px;
    height: 1px; /* ���� */
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button .icon::after {
    width: 1px;
    height: 10px; /* �c�� */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button.active .icon::after {
    transform: scaleY(0); /* �c�����\���� */
    transition: transform 0.7s ease; /* ����ɂ�����蓮���悤�ɐݒ�i0.7�b�j */
}
#stay-info-yoyaku .plan-info .plan-accordion #toggle-button.active .icon::before {
    transform: rotate(180deg); /* ��]���ăv���X�}�[�N�̈ʒu��ύX */
    }
#stay-info-yoyaku .plan-info .btn-plan-all{
    color: #fff;
    font-size: 18px;
    padding: 15px 50px;
    background: #B78014;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
}
#stay-info-yoyaku .plan-info .btn-plan-all:hover{
    opacity: 0.4;
    transition: 0.6s;
}
#stay-info-yoyaku .area-map {
    margin-bottom: 130px;
    padding: 100px 0 80px;
    background: #F3F6EF;
    position: relative;
}
#stay-info-yoyaku .area-map .area-map-icon{
    position: absolute;
    left: calc(50% - 63px);
    top: -50px;
}
#stay-info-yoyaku .area-map .ttl,
#stay-info-yoyaku .benefit .ttl,
#stay-info-yoyaku .faq .ttl {
    text-align: center;
    margin-bottom: 50px;
}
#stay-info-yoyaku .area-map .area-map-txt {
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}
#stay-info-yoyaku .benefit {
    margin-bottom: 130px;
    padding: 100px 0 80px;
    background: #F6F3EE;
    position: relative;
}
#stay-info-yoyaku .benefit .benefit-icon{
    position: absolute;
    left: calc(50% - 63px);
    top: -50px;
}
#stay-info-yoyaku .benefit .benefit-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#stay-info-yoyaku .benefit .benefit-box02 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#stay-info-yoyaku .benefit .benefit-box li,
#stay-info-yoyaku .benefit .benefit-box02 li{
    width: 32%;
    border-radius: 24px;
    padding: 3px;
    background: linear-gradient(135deg, #DF84A3 ,#C49841);
    font-size: 24px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: stretch;
    align-items: stretch;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg{
    border-radius: 22px;
    padding: 40px 10px;
    text-align: center;
    flex-grow: 1;
    position: relative;
    background: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-ttl,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-ttl{
    font-size: 22px;
    font-weight: bold;
    color: #D52661;
    margin-bottom: 10px;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-sub-ttl,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-sub-ttl{
    font-size: 16px;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-price,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-price{
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-price .marker,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-price .marker{
    background: linear-gradient(transparent 50%, rgba(234, 196, 7, 0.58) 50%);
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-ex,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-ex{
    font-size: 18px;
}
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-note {
    font-size: 14px;
    margin-bottom: 20px;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-no,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-no{
    background: #D52661;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 15px;
    border-radius: 50px;
    position: absolute;
    top: -40px;
    left: 20px;
    width: 70px;
    height: 70px;
    line-height: 1;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#stay-info-yoyaku .benefit .benefit-box li .benefit-bg .benefit-no .namber,
#stay-info-yoyaku .benefit .benefit-box02 li .benefit-bg .benefit-no .namber {
    font-size: 22px;
    display: block;
    text-align: center;
    line-height: 1.4;
}
#stay-info-yoyaku .benefit .plus {
    text-align: center;
    margin: 50px 0 30px;
}
#stay-info-yoyaku .benefit .plus-txt {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#stay-info-yoyaku .benefit .plus-txt span{
    color: #B78014;
    text-decoration: underline;
}
#stay-info-yoyaku .faq {
    margin-bottom: 100px;
    padding: 100px 0 15px;
    background: #F3F6EF;
    position: relative;
}
#stay-info-yoyaku .faq .faq-icon{
    position: absolute;
    left: calc(50% - 63px);
    top: -50px;
}
#stay-info-yoyaku .faq .faq-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
#stay-info-yoyaku .faq .b-none {
    border: none;
}
#stay-info-yoyaku .faq .faq-box dt {
    width: 4%;
    font-size: 18px;
    line-height: 1;
}
#stay-info-yoyaku .faq .faq-box dd {
    width: 96%;
    font-size: 18px;
}
#stay-info-yoyaku .faq .faq-box .dt-question,
#stay-info-yoyaku .faq .faq-box .dd-question {
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
}
#stay-info-yoyaku .faq .faq-box .dt-answer,
#stay-info-yoyaku .faq .faq-box .dd-answer {
    margin-top: 10px;
    padding-bottom: 30px;
}



/* ���\�񎞂̒��ӓ_
----------------------------------------------------------- */
#hotel #notice {
    width: 980px;
    margin: 0 auto 30px;
    font-size: 14px;
}

#hotel #notice h1 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
}

#hotel #notice h2 {
    background: #f4efd6;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #999;
}

#hotel .notice-txt {
    margin-bottom: 30px;
    line-height: 1.6;
}

#hotel .notice-txt span {
    color: #990038;
    font-weight: bold;
}

#hotel .notice-txt ul li {
    display: inline-block;
}

#hotel .notice-txt ul li:first-child {
    width: 25%;
}

/* ���������炲�o���܂� 
----------------------------------------------------------- */
#hotel #flow {
    width: 980px;
    margin: 0 auto 30px;
    font-size: 14px;
}

#hotel #flow h1 {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 20px;
}

#hotel #flow h2 {
    background: #f4efd6;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #999;
}

#hotel #flow ul li {
    display: inline-block;
}

#hotel #flow ul li.flow-ttl {
    width: 190px;
    vertical-align: top;
}

#hotel #flow ul li.flow-txt {
    width: 780px;
}

#hotel #flow ul li.flow-txt_col3 {
    width: 500px;
    vertical-align: top;
    margin-right: 5px;
}

#hotel #flow h3 {
    font-size: 14px;
    border-bottom: 1px solid #666666;
    border-left: 5px solid #FF99CC;
    font-weight: bold;
    color: #FF7DA8;
    text-indent: 5px;
    line-height: 20px;
    margin-bottom: 10px;
}

#hotel #flow ul li ul.flow-photo {
    margin-top: 20px;
}

#hotel #flow ul li ul.flow-photo li {
    display: inline-block;
    width: 250px;
    vertical-align: top;
    text-align: center;
}

#hotel #flow ul li ul.flow-photo li p {
    text-align: left !important;
    margin-top: 5px;
}

/* �}�}�p�p�X�}�C���􂨔���v���� 
----------------------------------------------------------- */
.msp-bg {
    background: url("../../mps_plan/images/bg.png") center top repeat-y;
}

#hotel #mps-plan {
    width: 980px;
    margin: 0 auto 80px;
    font-size: 14px;
    text-align: center;
}

#hotel .point-tab #tab {
    width: 900px;
    margin: 50px auto 0;
    letter-spacing: -0.5em;
}

#hotel .point-tab #tab li {
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
    border-radius: 30px 30px 0 0;
    padding: 10px;
    width: 120px;
    cursor: pointer;
    background: #fff;
}

#hotel .point-tab #tab li.active:after {
    content: "";
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #fff;
    z-index: 1;
}

#hotel .point-tab #tab01 {
    border-top: 5px solid #29abe2;
    border-left: 5px solid #29abe2;
    border-right: 5px solid #29abe2;
}

#hotel .point-tab #tab02 {
    border-top: 5px solid #d98091;
    border-left: 5px solid #d98091;
    border-right: 5px solid #d98091;
}

#hotel .point-tab #tab03 {
    border-top: 5px solid #dbc704;
    border-left: 5px solid #dbc704;
    border-right: 5px solid #dbc704;
}

#hotel .point-tab #tab04 {
    border-top: 5px solid #016869;
    border-left: 5px solid #016869;
    border-right: 5px solid #016869;
    padding: 20px;
    width: 128px;
}

#hotel .point-tab #line {
    width: 900px;
    margin: 0 auto;
}

#hotel .point-tab #line li {
    display: none;
    border-radius: 0 30px 30px 30px;
    background: #fff;
    text-align: center;
    padding: 30px 0;
    margin: 0 auto;
}

#hotel .point-tab #line li:first-child {
    display: block;
}

#hotel .point-tab #line01 {
    border: 5px solid #29abe2;
}

#hotel .point-tab #line02 {
    border: 5px solid #d98091;
}

#hotel .point-tab #line03 {
    border: 5px solid #dbc704;
}

#hotel .point-tab #line04 {
    border: 5px solid #016869;
}

/* Go To�g���x���L�����y�[��
----------------------------------------------------------- */
#hotel #goto {
    width: 980px;
    margin: 0 auto 80px;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}

#hotel .goto-ttl {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}

#hotel #goto .goto-coupon {
    border: 1px solid #01409d;
    padding: 24px;
    margin: 20px 0;
    background: #d2e8ff;
    color: #01409d;
    font-weight: bold;
}

#hotel #goto .goto-plan {
    background-color: #f9e6c0;
    padding: 20px;
    text-align: left;
    margin-bottom: 30px;
    border: 3px solid #b78014;
}

#hotel #goto .goto-plan h2 {
    border-bottom-color: #D23F2A;
    padding-left: 0;
    line-height: 1.6;
    padding: 10px;
    font-size: 120%;
    font-weight: bold;
    color: #033c8f;
    text-align: center;
}

#hotel #goto .goto-plan .title_red {
    border-bottom: 1px solid #ff205a;
    font-size: 120%;
    font-weight: bold;
    color: #ff205a;
}

#hotel #goto .goto-flow {
    background-color: #e4f2f4;
    padding: 20px;
    border: 3px solid #02b1ca;
    margin-bottom: 50px;
}

#hotel #goto .reserved {
    background-color: #fff9da;
    padding: 20px;
    border: 3px solid #d3b101;
    margin-bottom: 50px;
}

#hotel #goto .goto-info {
    background-color: #D8F8FF;
    padding: 20px;
    border: 3px solid #00d0fe;
    margin-bottom: 50px;
}

#hotel #goto .goto-info-txt {
    text-align: left;
}

#hotel #goto .goto-info-txt .aug14 {
    color: #3ebcef;
    font-weight: bold;
    border: 2px solid #3ebcef;
    text-shadow: none;
    padding: 5px 10px;
    border-radius: 0.3em;
}

#hotel #goto .measures {
    background-color: #f9e6c0;
    padding: 20px;
}

#hotel #goto .measures-txt {
    text-align: left;
}

#hotel #goto .measures .update {
    font-size: 14px;
}

.goto-btn {}

.goto-btn a {
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
    background: #3ebcef;
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 10px;
    transition: .4s;
}

.goto-btn a:hover {
    background: #3ebcef;
    opacity: 0.5;
}

.goto-red {
    color: #ff205a;
    font-weight: bold;
}

.note_red {
    font-size: 120%;
    font-weight: bold;
    color: #ff205a;
    text-align: left;
}

.flow-bg {
    padding: 15px 0 0;
    background: #ffffff;
    margin: 0 0 20px 0;
}

.flow_01 {
    max-width: 900px;
    margin: 10px auto 0;
    padding: 20px 0;
    color: #555;
    text-align: center;
}

.flow_01 .wrap {
    width: 95%;
    margin: auto;
}

.flow_01 .wrap .note {
    margin-top: 8px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #F15A24;
}

.flow_02 {
    margin: 0 auto;
    padding: 10px;
    background-color: #FFF2E3;
}

.flow_02 dl.ac {
    height: 100%;
    margin-bottom: 10px;
    display: flex;
}

.flow_02 dl.ac dt.ac_dt {
    width: 15%;
    padding: 15px;
    background: #b68014;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.flow_02 dl.ac dd.ac_dd {
    width: 85%;
    padding: 10px 10px;
    background: #fff;
    line-height: 2;
    text-align: left;
}

.flow-title {
    display: inline-block;
    margin: 1.4em 0;
    padding-left: 0.2em;
    line-height: 1.4;
    padding: 10px;
    border-bottom: 6px solid #d5a443;
    font-size: 120%;
    font-weight: bold;
    color: #033c8f;
    text-align: center;
}

#hotel #goto .travel-campaign {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 50px;
    width: 700px;
}

#hotel #goto .travel-campaign .btn-travel01,
#hotel #goto .travel-campaign .btn-travel02,
#hotel #goto .travel-campaign .btn-travel03 {
    width: 320px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    /*padding: 0 5px;*/
    letter-spacing: normal;
}

#hotel #goto .travel-campaign .btn-travel01 a,
#hotel #goto .travel-campaign .btn-travel02 a,
#hotel #goto .travel-campaign .btn-travel03 a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 5px;
    text-decoration: none;
    font-weight: bold;
    text-decoration: none !important;
    border-radius: 10px;
    transition: .4s;
    height: 180px;
}

#hotel #goto .travel-campaign .btn-travel01 a {
    background: #e4f2f4;
    color: #033c8f !important;
    border: 5px solid #02b1ca;
}

#hotel #goto .travel-campaign .btn-travel01 a:hover {
    background: #e4f2f4;
    opacity: 0.5;
}

#hotel #goto .travel-campaign .btn-travel02 a {
    background: #fff9da;
    color: #033c8f !important;
    border: 5px solid #d3b101;
}

#hotel #goto .travel-campaign .btn-travel02 a:hover {
    background: #fff9da;
    opacity: 0.5;
}

#hotel #goto .travel-campaign .btn-travel03 a {
    background: #D8F8FF;
    color: #033c8f !important;
    border: 5px solid #00d0fe;
}

#hotel #goto .travel-campaign .btn-travel03 a:hover {
    background: #D8F8FF;
    opacity: 0.5;
}

#hotel #goto .goto-link {
    background: #fff000;
    color: #000;
    border-radius: 20px;
    margin: 30px;
    padding: 20px 0;
}

#hotel #goto .goto-link a {
    color: #ff205a;
}

/* �鎭�T�[�L�b�g�z�e���̐V�^�R���i�E�C���X�����h�~�΍�ɂ‚��Ă̎��g��
----------------------------------------------------------- */
#hotel #guidance {
    width: 980px;
    margin: 0 auto 80px;
    font-size: 16px;
    line-height: 1.8;
}

#hotel #guidance h1 {
    background: url(../../guidance/images/img_head-line.png) repeat-x left top #e3e3e3;
    padding: 20px 10px 10px 10px;
    color: #707595;
    font-size: 18px;
    font-weight: bold;
}

#hotel #guidance h2 {
    line-height: 180%;
    font-weight: bold;
}

#hotel #guidance li {
    padding-left: 1em;
    text-indent: -1em;
    margin: 0.5em 0 0.5em 0.5em;
    line-height: 150%;
}

#hotel #guidance h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 50px;
}

/* ��؂ȓ���f�G�ɉ��o����O�������X�g�����gSHUN�h�ŏj���o�[�X�f�[�v���� 
----------------------------------------------------------- */
#hotel #birthday {
    width: 980px;
    margin: 0 auto 80px;
    line-height: 1.8;
    text-align: center;
}

/*�N���N�n���ʃC�x���g*/
#hotel #Newyear {
    width: 980px;
    margin: 0 auto 80px;
    line-height: 1.8;
    text-align: center;
    color: #333;
}

#hotel #Newyear .ny-title {
    text-align: center;
    margin: 5px 0 20px;
}

#hotel #Newyear .nyevent {
    background-image: url("../../nyevent/images/bg.jpg");
    padding: 20px 0;
    font-family: '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', '���C���I', 'Mayryo', '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
    font-size: 16px;
    text-align: 1.8;
}

#hotel #Newyear .ny_events {
    box-sizing: border-box;
    position: relative;
    width: 900px;
    margin: 10px auto;
    padding: 0 0 24px;
    background: url(../../nyevent/images/event-bg.gif);
    border: solid 5px #f2c64b;
    -webkit-box-shadow: 0px 0px 0 5px #c90705;
    box-shadow: 0px 0px 0 5px #c90705;
    border-radius: 20px;
}

#hotel #Newyear .ny_events .event-ttl {
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid #666;
    margin: 40px 40px 0;
    text-align: left !important;
}

#hotel #Newyear .ny_events dl {
    /*width: 665px;*/
    margin: 20px 40px 0;
}

#hotel #Newyear .ny_events dl dd {
    padding: 0 0 5px 30px;
    overflow: hidden;
    line-height: 26px;
    text-align: left !important;
}

#hotel #Newyear .ny_events dl dt {
    float: left;
    line-height: 26px;
    width: 110px;
}

#hotel #Newyear .ny_events dl dd span {
    color: #cd0303;
    font-weight: bold;
    /*margin-left: -14px;*/
}

#hotel #Newyear .ny_events .ny_caution {
    font-size: 14px !important;
    margin: 10px 30px 30px 30px;
    text-align: left !important;
}

#hotel #Newyear .ny_events .ny_caution02 {
    font-size: 14px !important;
    margin: 10px 30px 30px 55px;
    text-align: left !important;
}

/*Web�\��菇���@*/
#hotel #reservation {
    width: 980px;
    margin: 0 auto 30px;
    font-size: 14px;
}

#hotel #reservation h1 {
    font-size: 34px;
    font-weight: bold;
}

#hotel #reservation h2 {
    font-size: 20px;
}

#hotel #reservation h3 {
    background: #f4efd6;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #999;
}

#hotel #reservation .conditions {
    margin-bottom: 80px;
}

#hotel #reservation .conditions .conditions-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    width: 800px;
    margin: 0 auto;
}

#hotel #reservation .conditions .conditions-box li {
    width: 350px;
    margin-top: 30px;
}

#hotel #reservation .conditions .conditions-box li a {
    background: #195988;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 20px;
    width: 350px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#hotel #reservation .conditions .conditions-box li a:hover {
    opacity: 0.5;
}

#hotel #reservation .conditions .conditions-box li a span {
    color: #fff000;
}

#hotel #reservation .day-search {
    padding: 0 10px;
    margin-bottom: 80px;
}

#hotel #reservation .day-search .search-border,
#hotel #reservation .day-vacancy .search-border {
    border-top: 1px dotted #333;
    padding: 30px 0 20px;
    margin-top: 30px;
}

#hotel #reservation .day-search .reservation-ttl,
#hotel #reservation .day-vacancy .reservation-ttl {
    font-weight: bold;
    color: #ff0000;
    font-size: 16px;
}

#hotel #reservation .day-vacancy {
    padding: 0 10px;
    margin-bottom: 50px;
}

#hotel #reservation .day-search .reservation-note,
#hotel #reservation .day-vacancy .reservation-note {
    border: 2px solid #ff6666;
    padding: 15px;
    font-size: 14px;
}

/* �؉��߂��� �|�^�W�F���k �t�@�X�g���C�h�t���h���v���� 
----------------------------------------------------------- */
#hotel #c-pot {
    width: 980px;
    margin: 0 auto 20px;
}

/* ������f�r���[�v����
----------------------------------------------------------- */

#debut-plan {
  background: url('../../debutplan/images/bg02.png') top center repeat-y,
    linear-gradient(1deg, rgba(251, 213, 251, 1) 30%, rgba(180, 222, 247, 1) 50%, rgba(164, 228, 213, 1) 68%, rgba(149, 233, 243, 1));
  background-size: auto auto, cover;
  font-family: "�q���M�m�p�SPro", "Hiragino Kaku Gothic Pro", "���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
  padding-bottom: 100px;
}
#debut-plan .ttl-bg{
    padding: 130px 0 100px;
    background: url(../../debutplan/images/bg.png)no-repeat;
}
#debut-plan .ttl-bg .ttl{
    font-family:"Zen Maru Gothic", serif, "�q���M�m�p�SPro","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: #eb1c83;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 30px;
    text-shadow: #ffffff 3px 0px 10px,#ffffff -3px 0px 10px,#ffffff 0px -3px 10px,#ffffff -3px 0px 10px,#ffffff 3px 3px 10px,#ffffff -3px 3px 10px,#ffffff 3px -3px 10px,#ffffff -3px -3px 10px;
}
#debut-plan .ttl-bg .txt{
    width: 85%;
    padding:30px 40px;
    margin: 50px auto ;
    font-size: 16px;
    background:#ffffff;
    border-radius:40px;
    border: 3px solid #23bbd3;
}
#debut-plan .point {
    margin: 0 auto 2em;
    padding: 40px 40px 0;
    border:dotted 8px #9dede4;
    background: #ffffff;
    border-radius: 40px;
}
#debut-plan .point .sec-ttl {
    font-weight: bold;
    font-size: 30px;
    line-height: 80px;
    position: relative;
    height: 80px;
    margin: -2.3em 150px 40px;
    padding: 0 2rem;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(360deg, rgba(113, 199, 161, 1), rgba(0, 176, 200, 1));
}
#debut-plan .point .sec-ttl:before,
#debut-plan .point .sec-ttl:after {
    position: absolute;
    top: 0;
    content: '';
    width: 40px;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(360deg, rgba(113, 199, 161, 1), rgba(0, 176, 200, 1));
}
#debut-plan .point .sec-ttl:before {
    left: -40px;
    clip-path: polygon(0 0, 15px 50%, 0 100%, 40px 100%, 40px 0);
}
#debut-plan .point .sec-ttl:after {
    right: -40px;
    clip-path: polygon(40px 0, 25px 50%, 40px 100%, 0 100%, 0 0);
}
#debut-plan .point .sec-ttl span {
    position: relative;
    display: block;
    line-height: 80px;
    text-align: center;
    color: #fff;
}
#debut-plan .point .point-box {
    margin-bottom: 70px;
}
#debut-plan .point .point-box .point-ttl{
    font-size: 22px;
    font-weight: bold;
    color: #00b0c8;
    position: relative;
    padding: 0 0 10px;
    border-bottom: 3px solid #95d6db;
    font-feature-settings: "palt";
    letter-spacing: .04em;
}

#debut-plan .point .point-box .point-ttl:before {
    position: absolute;
    bottom: -14px;
    left: 2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 ;
    border-style: solid;
    border-color: #95d6db transparent transparent;
}

#debut-plan .point .point-box .point-ttl:after {
    position: absolute;
    bottom: -10px;
    left: 2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 ;
    border-style: solid;
    border-color: #fff transparent transparent;
}
#debut-plan .point .point-box .point-txt{
    font-size: 18px;
    margin-top: 20px;
    padding: 0 1em;
    line-height: 1.8;
}
#debut-plan .point .point-box .point-img{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#debut-plan .point .point-box .point-img li{
    margin: 30px 20px 0 ;
}
#debut-plan .plan {
    margin: 100px auto 2em;
    padding: 40px 40px 0;
    border:dotted 8px #D6EA9D;
    background: #ffffff;
    border-radius: 40px;
}
#debut-plan .plan .sec-ttl {
    font-weight: bold;
    font-size: 30px;
    line-height: 80px;
    position: relative;
    height: 80px;
    margin: -2.3em 150px 40px;
    padding: 0 2rem;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(0deg, rgba(175, 232, 167, 1), rgba(176, 207, 42, 1));
}
#debut-plan .plan .sec-ttl:before,
#debut-plan .plan .sec-ttl:after {
    position: absolute;
    top: 0;
    content: '';
    width: 40px;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(0deg, rgba(175, 232, 167, 1), rgba(176, 207, 42, 1));
}
#debut-plan .plan .sec-ttl:before {
    left: -40px;
    clip-path: polygon(0 0, 15px 50%, 0 100%, 40px 100%, 40px 0);
}
#debut-plan .plan .sec-ttl:after {
    right: -40px;
    clip-path: polygon(40px 0, 25px 50%, 40px 100%, 0 100%, 0 0);
}
#debut-plan .plan .sec-ttl span {
    position: relative;
    display: block;
    line-height: 80px;
    text-align: center;
    color: #fff;
}
#debut-plan .plan .plan-box {
    margin-bottom: 70px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#debut-plan .plan .plan-box .plan-txt-box {
    width: 54%;
}
#debut-plan .plan .plan-box .plan-txt-box .plan-ttl{
    font-size: 22px;
    font-weight: bold;
    color: #B0CF2A;
    position: relative;
    padding: 0 0 10px;
    border-bottom: 3px solid #CEE17A;
    font-feature-settings: "palt";
    letter-spacing: .04em;
}

#debut-plan .plan .plan-box .plan-txt-box .plan-ttl:before {
    position: absolute;
    bottom: -14px;
    left: 2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 ;
    border-style: solid;
    border-color: #CEE17A transparent transparent;
}

#debut-plan .plan .plan-box .plan-txt-box .plan-ttl:after {
    position: absolute;
    bottom: -10px;
    left: 2em;
    width: 0;
    height: 0;
    content: '';
    border-width: 14px 12px 0 ;
    border-style: solid;
    border-color: #fff transparent transparent;
}
#debut-plan .plan .plan-box .plan-txt-box .plan-txt{
    font-size: 18px;
    margin-top: 20px;
    padding: 0 1em;
    line-height: 1.8;
}
#debut-plan .plan .plan-box .plan-txt-box .plan-txt .txt-green{
    color: #B0CF2A;
}
#debut-plan .plan .plan-box .plan-img{
    width: 46%;
    padding-left: 30px;
}
#debut-plan .choice {
    margin: 100px auto 2em;
    padding: 40px 40px 0;
    border:dotted 8px #E8B59E;
    background: #ffffff;
    border-radius: 40px;
}
#debut-plan .choice .sec-ttl {
    font-weight: bold;
    font-size: 30px;
    line-height: 80px;
    position: relative;
    height: 80px;
    margin: -2.3em 150px 40px;
    padding: 0 2rem;
    text-align: center;
    color: #fff;
    background-image: linear-gradient(0deg, rgba(255, 132, 151, 1), rgba(255, 122, 46, 1));
}
#debut-plan .choice .sec-ttl:before,
#debut-plan .choice .sec-ttl:after {
    position: absolute;
    top: 0;
    content: '';
    width: 40px;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(0deg, rgba(255, 132, 151, 1), rgba(255, 122, 46, 1));
}
#debut-plan .choice .sec-ttl:before {
    left: -40px;
    clip-path: polygon(0 0, 15px 50%, 0 100%, 40px 100%, 40px 0);
}
#debut-plan .choice .sec-ttl:after {
    right: -40px;
    clip-path: polygon(40px 0, 25px 50%, 40px 100%, 0 100%, 0 0);
}
#debut-plan .choice .sec-ttl span {
    position: relative;
    display: block;
    line-height: 80px;
    text-align: center;
    color: #fff;
}
#debut-plan .choice .choice-lead{
    text-align: center;
    font-size: 18px;
    margin-bottom: 40px;
}
#debut-plan .choice .choice-box {
    margin-bottom: 70px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#debut-plan .choice .choice-box .choice-txt-box {
    width: 54%;
}
#debut-plan .choice .choice-box .choice-txt-box .choice-ttl{
    font-size: 22px;
    font-weight: bold;
    color: #FF7A2E;
    padding: 0 0 10px;
    font-feature-settings: "palt";
    letter-spacing: .04em;
}
#debut-plan .choice .choice-box .choice-txt-box .choice-txt{
    font-size: 18px;
    padding: 0 1em 0 0;
    line-height: 1.8;
}
#debut-plan .choice .choice-box .choice-txt-box .btn{
    width: 400px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    margin-top: 10px;
    background: #36CCC8;
    border-radius: 30px;
    text-decoration: none;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
}
#debut-plan .choice .choice-box .choice-txt-box .btn:hover{
    opacity: 0.4;
    transition: 0.8s ;
}
#debut-plan .choice .choice-box .choice-img{
    width: 46%;
    padding-right: 30px;
}
#debut-plan .choice .choice-box .choice-txt-box .reserve-btn{
    width: 400px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    margin-top: 20px;
    background-image: linear-gradient(90deg, rgba(255, 132, 151, 1), rgba(255, 122, 46, 1));
    border-radius: 80px;
    text-decoration: none;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
    box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
#debut-plan .choice .choice-box .choice-txt-box .reserve-btn:hover{
    opacity: 0.4;
    transition: 0.8s ;
}







/*#hotel #Debut {
    width: 980px;
    background: #FFF8F0;
    margin-bottom: 20px;
    padding: 30px 0 80px;
    font-family: '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', '���C���I', 'Mayryo', '�l�r �o�S�V�b�N', 'MS PGothic', sans-serif;
    text-align: center;
}

#hotel #Debut .debut-txt {
    font-size: 22px;
    line-height: 2;
    color: #6A3906;
    font-weight: bold;
    text-align: center;
    margin: 40px 0;
}

#hotel #Debut .debut-caution {
    font-size: 22px;
    font-weight: bold;
    color: #ff0000;
}

#hotel #Debut .debut-west,
#hotel #Debut .debut-east {
    margin-bottom: 30px;
}

#hotel #Debut .button002,
#hotel #Debut .button002 a.button002 {
    background-color: #f8cac0;
    color: #434445;
    text-align: left;
    display: inline-block;
    padding: 15px 40px 15px 20px;
    position: relative;
    border: 2px solid #ed95a2;
    border-radius: 20px;
    font-size: 18px;
    width: 828px;
    font-weight: bold;
    margin-top: 50px;
    text-decoration: none;
}

#hotel #Debut .debut-west .button002:hover,
#hotel #Debut .debut-east .button003:hover {
    opacity: 0.7;
}

#hotel #Debut .button002::after,
#hotel #Debut .button003::after {
    content: url(../../debutplan/images/arrow.png);
    display: block;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 30px;
    height: 30px;
    line-height: 31px;
    border-radius: 500px;
}

#hotel #Debut .button003,
#hotel #Debut .button003 a.button003 {
    background-color: #b2ddde;
    color: #434445;
    text-align: left;
    display: inline-block;
    padding: 15px 40px 15px 20px;
    position: relative;
    border: 2px solid #46bad3;
    border-radius: 20px;
    font-size: 18px;
    width: 828px;
    font-weight: bold;
}

#hotel #Debut .east,
#hotel #Debut .west {
    margin: 0 auto;
    width: 828px;
    display: none;
}

#hotel #Debut .east .east-txt,
#hotel #Debut .west .west-txt {
    font-size: 16px;
    text-align: left;
    margin: 0 20px 30px;
    color: #333;
    line-height: 1.8;

}

#hotel #Debut .east .east-img,
#hotel #Debut .west .west-img {
    text-align: center;
    padding-bottom: 30px;
}*/

/* Honda �r�W�l�X�p�b�N
----------------------------------------------------------- */
#Business-pack {
    width: 980px;
    margin: 0 auto 20px;
    color: #333;
}

#Business-pack .business-main {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

#Business-pack .business-main .main-txt {
    width: 480px;
    font-size: 20px;
    line-height: 1.8;
}

#Business-pack .business-main .main-txt .ttl {
    font-size: 26px;
    font-weight: bold;
    background: #ffffcc;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #212ea3;
    color: #212ea3;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.6;
}

#Business-pack .business-main .main-txt .ttl .sub-ttl {
    font-size: 18px;
}

#Business-pack .business-main .main-img {
    width: 480px;
}

#Business-pack .plan-ttl {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: #bd3774;
    border-radius: 10px;
    padding: 10px 0 10px 36px;
    margin: 50px 0 20px;
    position: relative;
}

#Business-pack .plan-ttl::before {
    position: absolute;
    top: 25%;
    left: 16px;
    width: 6px;
    height: 50%;
    content: '';
    background: #fff;
}

#Business-pack .room-ttl {
    font-size: 20px;
    font-weight: bold;
    color: #212ea3;
    margin-bottom: 10px;
}

#Business-pack .room {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

#Business-pack .room .room-img {
    width: 300px;
}

#Business-pack .room .room-txt {
    width: 660px;
    line-height: 1.8;
}

#Business-pack .price {
    background: #ffe8ef;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 5px 20px;
    margin: 30px 0 10px;
    border-bottom: 1px solid #bd3774;
}

#Business-pack .price-txt {
    line-height: 1.8;
}

#Business-pack .reservation {
    margin-top: 20px;
    font-size: 34px;
    font-weight: bold;
    color: #0063e8;
}

#Business-pack .reservation .cancel {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

#Business-pack .reservation span {
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

#Business-pack .reservation rt {
    color: #333;
    font-size: 14px;
    margin-bottom: -8px;
}

/* THE DINING
----------------------------------------------------------- */

#Restaurant .mv {
    margin-bottom: 100px;
}
#Restaurant .main-logo {
    text-align: center;
}

#Restaurant .restaurant-inner {
    width: 980px;
    margin: 0 auto 30px;
    color: #333;
}

#Restaurant .lead {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0 100px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    line-height: 1.8;
    color: #333;
    /*background: url(../../restaurant/images/bg02.png) no-repeat;
    height: 300px;*/
}
#Restaurant #kodawari {
    background: #FFFCF5;
    padding: 120px 0;
}
#Restaurant #kodawari .k-ttl{
    color: #917C2B;
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 70px;
}
#Restaurant #kodawari .kodawari01,
#Restaurant #kodawari .kodawari02{
    margin-bottom: 100px;
}
#Restaurant #kodawari .kodawari01 .ttl01{
    font-size: 26px;
    font-weight: bold;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    margin-bottom: 30px;
    padding: 1rem 2rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    background-image: -webkit-gradient(linear, left top, right top, from(#CEBC79), to(#FEEFB8));
    background-image: -webkit-linear-gradient(left, #CEBC79 0%, #FEEFB8 100%);
    background-image: linear-gradient(to right, #CEBC79 0%, #FEEFB8 100%);
}
#Restaurant #kodawari .kodawari02 .ttl02{
    font-size: 26px;
    font-weight: bold;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    margin-bottom: 30px;
    padding: 1rem 2rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    background-image: -webkit-gradient(linear, left top, right top, from(#EAB292), to(#FBF1C1));
    background-image: -webkit-linear-gradient(left, #EAB292 0%, #FBF1C1 100%);
    background-image: linear-gradient(to right, #EAB292 0%, #FBF1C1 100%);
}

#Restaurant #kodawari .kodawari03 .ttl03{
    font-size: 26px;
    font-weight: bold;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    margin-bottom: 30px;
    padding: 1rem 2rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    background-image: -webkit-gradient(linear, left top, right top, from(#E08CA5), to(#EED3E8));
    background-image: -webkit-linear-gradient(left, #E08CA5 0%, #EED3E8 100%);
    background-image: linear-gradient(to right, #E08CA5 0%, #EED3E8 100%);
}

#Restaurant #kodawari .kodawari01 .kodawari01-box,
#Restaurant #kodawari .kodawari02 .kodawari02-box,
#Restaurant #kodawari .kodawari03 .kodawari03-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#Restaurant #kodawari .kodawari03 .kodawari03-box{
    -ms-align-items: center;
    align-items: center;
}
#Restaurant #kodawari .kodawari01 .kodawari01-box li,
#Restaurant #kodawari .kodawari02 .kodawari02-box li{
    width: 480px;
}
#Restaurant #kodawari .kodawari01 .kodawari01-box li .kodawari01-txt,
#Restaurant #kodawari .kodawari02 .kodawari02-txt{
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 2;
}
#Restaurant #kodawari .kodawari01 .kodawari01-box li img {
    margin-bottom: 20px;
}

#Restaurant #kodawari .kodawari03 .kodawari03-box .kodawari03-img{
    width: 250px;
}
#Restaurant #kodawari .kodawari03 .kodawari03-box .kodawari03-txt{
    font-size: 18px;
    line-height: 2;
    text-align: center;
}

#Restaurant #morning {
    background: #FBF3EF;
    padding: 120px 0;
}

#Restaurant #morning .morning-ttl{
    font-size: 30px;
    font-weight: bold;
    color: #E67543;
    text-align: center;
}
#Restaurant #morning .morning-ttl span,
#Restaurant #dinner .dinner-ttl span {
    font-size: 14px;
    display: block;
    color: #333;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #morning .morning-txt ,
#Restaurant #dinner .dinner-txt {
    font-size: 18px;
    line-height: 2;
    text-align: center;
    margin: 40px 0 50px;
}
#Restaurant #morning .morning-contents a{
    color: #333;
    text-decoration: none;
}
#Restaurant #morning .morning-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    background: #ffffff;
    position: relative;
}
#Restaurant #morning .morning-menu .morning-menu-img,
#Restaurant #morning .morning-menu .morning-menu-txt-box {
    width: 50%;
}
#Restaurant #morning .morning-menu .morning-menu-txt-box {
    padding: 0 20px;
}
#Restaurant #morning .morning-menu .morning-menu-txt-box .morning-menu-txt-ttl {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333333;
}
#Restaurant #morning .morning-menu .morning-menu-txt-box .morning-menu-txt-ttl span{
    font-size: 14px;
    font-weight: normal;
}
#Restaurant #morning .morning-menu .morning-menu-txt-box .morning-menu-txt{
    font-size: 16px;
    line-height: 2;
    padding: 0 20px;
    text-align: center;
}
#Restaurant #morning .morning-menu .morning-menu-txt-box .morning-menu-arrow{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#Restaurant #morning .morning-menu .morning-menu-txt-box .morning-menu-btn {
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background: rgb(145, 124, 43);
    padding: 15px 30px;
    width: auto;
    display: inline-block;
    border-radius: 80px;
    text-decoration: none;
    text-align: center;
}
#Restaurant #morning .morning-img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#Restaurant #morning .morning-img li{
    width: 49%;
    position: relative;
}
#Restaurant #morning .morning-img li .morning-name{
    position: absolute;
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    background: #b68014;
    opacity: 0.9;
    bottom: 0;
    right:0;
}
#Restaurant #morning .morning-box{
    border: 1px solid #E67543 ;
    padding: 30px;
    margin: 40px auto 0;
    background: #fff;
    width: 70%;
}
#Restaurant #morning .morning-box dl,
#Restaurant #dinner .dinner-box dl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#Restaurant #morning .morning-box dl dt{
    font-size: 20px;
    font-weight: bold;
    width: 120px;
    line-height: 2;
}
#Restaurant #morning .morning-box dl dd{
    font-size: 20px;
    width: 380px;
    line-height: 2;
}
#Restaurant #dinner {
    background: #F5EFE0;
    padding: 120px 0;
    margin: 100px auto ;
}
#Restaurant #dinner .dinner-box{
    border: 1px solid #917C2B ;
    padding: 30px;
    margin: 40px auto 0;
    background: #fff;
    width: 90%;
}
#Restaurant #dinner .dinner-box dl dt{
    font-size: 20px;
    font-weight: bold;
    width: 150px;
    line-height: 2;
}
#Restaurant #dinner .dinner-box dl dd{
    font-size: 20px;
    width: 500px;
    line-height: 2;
}
#Restaurant #dinner .dinner-box .d-ttl01{
    color: #917C2B;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
    margin-top: 20px;
    text-align: center;
    border-top: 2px solid #917C2B;
}
#Restaurant #dinner .dinner-box .d-ttl01 span{
    display: block;
    color: #333;
}
#Restaurant #dinner .dinner-box .dinner-note {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}
#Restaurant #dinner .dinner-box .d-txt {
    font-size: 20px;
    margin: 50px 0 0 50px;
}
#Restaurant #dinner .circuitdining-reservebox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#Restaurant #dinner .circuitdining-reservebox li{
    width: 48%;
}

#Restaurant #dinner .dinner-box .reserve-btn,
#Restaurant #bd-cake .reserve-btn{
    margin: 20px 0;
}
#Restaurant #dinner .dinner-box .reserve-btn a,
#Restaurant #bd-cake .reserve-btn a{
    display: block;
    background: #917C2B;
    padding: 20px 50px;
    border-radius: 80px;
    /*width: 500px;*/
    width: 400px;
    margin: 0 auto;
    text-decoration: none;
}
#Restaurant #dinner .dinner-box .reserve-btn a:hover,
#Restaurant #bd-cake .reserve-btn a:hover {
    opacity: 0.6;
    transition: 0.8s ;
}
#Restaurant #dinner .dinner-box .reserve-btn a .reserve-txt,
#Restaurant #bd-cake .reserve-btn a .reserve-txt{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
#Restaurant #dinner .dinner-box .reserve-btn a .reserve-txt02,
#Restaurant #bd-cake .reserve-btn a .reserve-txt02{
    text-align: center;
    font-size: 14px;
    color: #fff;
}
#Restaurant #dinner .dinner-box .red-waku {
    border: 5px solid #ff0000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding: 20px;
    margin: 30px auto 0;
    width: 90%;
}
#Restaurant #dinner .dinner-ttl{
    font-size: 30px;
    font-weight: bold;
    color: #917C2B;
    text-align: center;
}
#Restaurant #dinner .allergy-txt {
    font-size: 14px;
    margin: 10px 0 0 160px;
}
#Restaurant #dinner .allergy-txt-dinner {
    font-size: 14px;
    margin: 10px 0 0 60px;
}
#Restaurant #morning .gbf-bn{
    margin-top: 40px;
}
#Restaurant #morning .gbf-bn .bnr_gbf{
    margin: 16px 0 0;
    padding: 80px 24px;
    background: url(../../restaurant/images/bnr_gbf.jpg) center 50% no-repeat;
    background-size: 100%;
    border-radius: 24px;
    display: block;
    position: relative;
    text-decoration: none;
}
#Restaurant #morning .gbf-bn .bnr_gbf:hover{
    opacity: 0.7;
    transition: 0.4s;
}
#Restaurant #morning .gbf-bn .bnr_gbf .c-bnr_main {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#Restaurant #morning .gbf-bn .bnr_gbf .bnr_main .bnr_data .bnr_ttl {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    color: #129f6a;
    text-align: center;
}
#Restaurant #morning .gbf-bn .bnr_gbf .bnr_main .bnr_data .bnr_txt {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    color: #333;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#Restaurant #morning .gbf-bn .bnr_gbf .btn_detail {
    display: table;
    margin: 24px auto 0;
    font-weight: bold;
    line-height: 1.2;
    transition: all .2s ease-in;
}
#Restaurant #morning .gbf-bn .bnr_gbf .btn_detail span {
    display: inline-block;
    position: relative;
    padding: 1em 1.2em 1em 2.2em;
    text-align: left;
    background: #917C2B;
    color: #FFF;
    border-radius: 30px;
}
#Restaurant #morning .gbf-bn .bnr_gbf .btn_detail span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.2em;
    margin: -4.3px 0 0 0;
    border-top: solid 4.3px transparent;
    border-left: solid 8.6px #FFF;
    border-bottom: solid 4.3px transparent;
}

#Restaurant #gw-lunch {
    border: 10px solid #4ccb47;
    background:#fff;
    margin: 100px auto;
    max-width: 980px;
    color: #333;
    background: #fdf8ed;
    padding: 50px 50px 50px 50px;
}
#Restaurant #gw-lunch .gw-lunch-min {
    font-family: "�q���M�m����Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #gw-lunch .gw-lunch-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#Restaurant #gw-lunch .gw-lunch-ttl span{
    font-size: 40px;
    color: #4ccb47;
}
#Restaurant #gw-lunch .gw-lunch-txt{
    font-size: 20px;
    text-align: center;
    margin: 30px 0 10px;
    line-height: 2;
}
#Restaurant #gw-lunch .gw-lunch-menu {
    background: #fff;
    padding: 30px;
    width: 750px;
    margin: 0 auto;
    font-size: 18px;
}
#Restaurant #gw-lunch .gw-lunch-menu .menu-ttl,
#Restaurant #gw-lunch .gw-lunch-menu .menu-ttl02{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
#Restaurant #gw-lunch table {
    border: 1px solid #EEEEEE;
    width: 100%;
    margin-top: 30px;
}
#Restaurant #gw-lunch table th{
    width: 30%;
    background: #EEEEEE;
    border-bottom: 1px solid #fff;
    padding: 10px 20px;
}
#Restaurant #gw-lunch table th.n-border {
    border-bottom: none!important;
}
#Restaurant #gw-lunch table td {
    width: auto;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 20px;
    background: #ffffff;
}

#Restaurant #gw-lunch .gw-reserve-btn{
    margin: 20px 0;
}
#Restaurant #gw-lunch .gw-reserve-btn a{
    display: block;
    background: #917C2B;
    padding: 20px 50px;
    border-radius: 80px;
    width: 500px;
    margin: 0 auto;
    text-decoration: none;
}
#Restaurant #gw-lunch .gw-reserve-btn a:hover{
    opacity: 0.6;
    transition: 0.8s ;
}
#Restaurant #gw-lunch .gw-reserve-btn a .gw-reserve-txt{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
#Restaurant #gw-lunch .gw-reserve-btn a .gw-reserve-txt02{
    text-align: center;
    font-size: 14px;
    color: #fff;
}
#Restaurant #gw-lunch .gw-menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-top: 40px;
}

#Restaurant #bd-cake {
    border: 30px solid #f28195;
    background:#fff;
    margin: 0 auto;
    max-width: 980px;
    color: #333;
    background: #fdf8ed;
    padding: 50px 50px 50px 50px;
}
#Restaurant #bd-cake .cake-min {
    font-family: "�q���M�m����Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #bd-cake .cake-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#Restaurant #bd-cake .cake-ttl span{
    font-size: 40px;
    color: #f28195;
}
#Restaurant #bd-cake .bd-cake-txt{
    font-size: 20px;
    text-align: center;
    margin: 30px 0 10px;
    line-height: 2;
}
#Restaurant #bd-cake .cake-size {
    background: #fff;
    padding: 20px;
    text-align: center;
    width: 750px;
    margin: 0 auto;
    font-size: 18px;
}
#Restaurant #bd-cake .cake-size .accordion {
    margin: 10px auto 20px;
}
#Restaurant #bd-cake .cake-size .accordion .toggle {
    display: none;
}
#Restaurant #bd-cake .cake-size .accordion .accordion .option {
    position: relative;
    margin-bottom: 1em;
}
#Restaurant #bd-cake .cake-size .accordion .option .title,
#Restaurant #bd-cake .cake-size .accordion .option .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
#Restaurant #bd-cake .cake-size .accordion .option .title {
    border: solid 1px #ccc;
    padding: 1em 1em 1em 4em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-content: ;
    position: relative;
    color: #333;
    font-weight: bold;
    text-align: left;
    text-indent: -1em;
}
#Restaurant #bd-cake .cake-size .accordion .option .title::after,
#Restaurant #bd-cake .cake-size .accordion .option .title::before {
    content: "";
    position: absolute;
    left: 1.25em;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 0.75em;
    background-color: #999;
    transition: all 0.3s;
}
#Restaurant #bd-cake .cake-size .accordion .option .title::after {
    transform: translateY(-50%) rotate(90deg);
}
#Restaurant #bd-cake .cake-size .accordion .option .content {
    max-height: 0;
    overflow: hidden;
}
#Restaurant #bd-cake .cake-size .accordion .option .content p {
    margin: 0;
    padding: 0.5em 1em 1em;
    line-height: 1.5;
    background: #f4f4f4;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#Restaurant #bd-cake .cake-size .accordion .option .toggle:checked + .title + .content {
    max-height: 500px;
    transition: all 1.5s;
    text-align: center;
}
#Restaurant #bd-cake .cake-size .accordion .option .toggle:checked + .title::before {
    transform: translateY(-50%) rotate(90deg);
}


#Restaurant #bd-cake .cake-note {
    font-size: 14px;
    margin: 10px 0 10px 60px;
}
#Restaurant #bd-cake .cake-order {
    border-top: 1px solid #f28195;
    padding-top: 30px;
    margin-top: 50px;
}
#Restaurant #bd-cake .cake-order .order-tel{
    font-size: 20px;
    text-align: center;
    margin: 0 0 10px;
    line-height: 1.8;
}
#Restaurant #bd-cake .cake-order .order-tel span{
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
#Restaurant #bd-cake .cake-order .order-time {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
#Restaurant #bd-cake .cake-order .order-time span{
    font-size: 18px;
    font-weight: normal!important;
}
#Restaurant #bd-cake .order-note {
    font-size: 14px;
    text-align: center;
}
#Restaurant #bd-cake .bdcake-img{
    width: 750px;
    margin: 0 auto;
}
#Restaurant #bd-cake .bdcake-img .cake-sd{
    position: relative;
}
#Restaurant #bd-cake .bdcake-img .caption{
    font-size: 14px;
    position: absolute;
    bottom: 5px;
    right: 5px;
}




#Restaurant #option {
    border: 30px solid #026a66;
    background:#fff;
    margin: 0 auto;
    padding: 50px 50px 20px 50px;
    max-width: 980px;
    color: #333;
}
#Restaurant .option-summer{
    border: 10px solid #68bddd!important;
}
#Restaurant #option .option-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#Restaurant #option .option-ttl span{
    font-size: 40px;
    color: #026a66;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-ttl span.option-ttl-summer{
    color: #098cbe!important;
}
#Restaurant #option .option-txt{
    font-size: 20px;
    text-align: center;
    margin: 30px 0 50px;
    line-height: 2;
    padding: 10px;
}
#Restaurant #option .option-txt span{
    font-size: 16px;
}
#Restaurant #option .option-menu-box,
#Restaurant #option .option-menu-box-winter{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#Restaurant #option .option-menu-box li{
    width: 48%;
    margin-bottom: 30px;
    /*background: #e4f2f1;*/
}
#Restaurant #option .option-menu-box li .option-menu-box-txt {
    background: #e4f2f1;
}
#Restaurant #option .option-menu-box li .option-menu{
    color: #003432;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-menu-box li .option-price,
#Restaurant #option .option-menu-box-sp li .option-price,
#Restaurant #option .option-menu-box-winter li .option-price{
    font-size: 22px;
    text-align: center;
    margin-top: 5px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-menu-box li .option-menu-txt,
#Restaurant #option .option-menu-box-sp li .option-menu-txt,
#Restaurant #option .option-menu-box-winter li .option-menu-txt{
    font-size: 14px;
    text-align: center;
    /*margin: 10px 0 20px;*/
    padding: 10px 10px 20px;
}

#Restaurant #option .option-menu-box-sp{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#Restaurant #option .option-menu-box-sp li,
#Restaurant #option .option-menu-box-winter li{
    width: 48%;
    margin-bottom: 30px;
    background: #faecec;
}
#Restaurant #option .option-menu-box-sp li .sp-ttl,
#Restaurant #option .option-menu-box-winter li .sp-ttl{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 10px ;
    color: #de0909;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-menu-box-sp li .sp-ttl .sp-date,
#Restaurant #option .option-menu-box-winter .sp-ttl .sp-date{
    font-size: 14px;
}
#Restaurant #option .option-menu-box-sp li .option-menu,
#Restaurant #option .option-menu-box-winter li .option-menu{
    color: #670000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    padding: 0 10px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-menu-box-summer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    background: #e4f0f8 !important;
}
#Restaurant #option .option-menu-box-summer .menu-summer-img01,
#Restaurant #option .option-menu-box-summer .menu-summer-img02,
#Restaurant #option .option-menu-box-summer .menu-summer-txt01,
#Restaurant #option .option-menu-box-summer .menu-summer-txt02{
    width: 50%;
}
#Restaurant #option .option-menu-box-summer .menu-summer-txt01 .option-menu-summer,
#Restaurant #option .option-menu-box-summer .menu-summer-txt02 .option-menu-summer{
    color: #098cbe;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-menu-box-summer .menu-summer-txt01 .option-price-summer,
#Restaurant #option .option-menu-box-summer .menu-summer-txt02 .option-price-summer{
    font-size: 22px;
    text-align: center;
    margin: 5px 0 30px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #option .option-menu-box-summer .menu-summer-txt01 .option-menu-txt-summer,
#Restaurant #option .option-menu-box-summer .menu-summer-txt02 .option-menu-txt-summer{
    font-size: 14px;
    text-align: center;
}

#Restaurant #experience {
    border: 30px solid #ffa142;
    background:#fff;
    margin: 0 auto;
    max-width: 980px;
    color: #333;
    background: #fdf8ed;
    padding: 50px 50px 50px 50px;
}
#Restaurant #experience .experience-min {
    font-family: "�q���M�m����Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #experience .experience-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#Restaurant #experience .experience-ttl span{
    font-size: 40px;
    color: #ffa142;
}
#Restaurant #experience .option-txt{
    font-size: 20px;
    text-align: center;
    margin: 30px 0 50px;
    line-height: 2;
    padding: 10px;
}
#Restaurant #experience .experience-txt{
    font-size: 20px;
    text-align: center;
    margin: 30px 0 10px;
    line-height: 2;
}

#Restaurant #experience #sushi02,
#Restaurant #experience #kids-cocktail02,
#Restaurant #experience #decoration02{
    padding-bottom: 30px;
    margin-top: 30px;
}
#Restaurant #experience #sushi02 .sushi-box,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box,
#Restaurant #experience #decoration02 .decoration-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 60px;
}
#Restaurant #experience #decoration02 .bb-none{
    border-bottom: none!important;
    padding-bottom: 0!important;
}

#Restaurant #experience #sushi02 .sushi-box .sushi-L,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L,
#Restaurant #experience #decoration02 .decoration-box .decoration-L{
    width: 630px;
    padding-right: 20px;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L .sushi-ttl,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L .kids-cocktail-ttl,
#Restaurant #experience #decoration02 .decoration-box .decoration-L .decoration-ttl{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L .sushi-txt,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L .kids-cocktail-txt,
#Restaurant #experience #decoration02 .decoration-box .decoration-L .decoration-txt {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 50px;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L .sushi-txt .caution{
    font-size: 12px;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L table,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L table ,
#Restaurant #experience #decoration02 .decoration-box .decoration-L table {
    border: 1px solid #EEEEEE;
    width: 100%;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L table th,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L table th,
#Restaurant #experience #decoration02 .decoration-box .decoration-L table th{
    width: 30%;
    background: #EEEEEE;
    border-bottom: 1px solid #fff;
    padding: 10px 20px;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L .table table th.n-border,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L table th.n-border, 
#Restaurant #experience #decoration02 .decoration .decoration-L table th.n-border {
    border-bottom: none!important;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-L table td,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-L table td,
#Restaurant #experience #decoration02 .decoration-box .decoration-L table td {
    width: auto;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 20px;
    background: #ffffff;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-R,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-R,
#Restaurant #experience #decoration02 .decoration-box .decoration-R{
    width: 350px;
}
#Restaurant #experience #sushi02 .sushi-box .sushi-R img,
#Restaurant #experience #kids-cocktail02 .kids-cocktail-box .kids-cocktail-R img,
#Restaurant #experience #decoration02 .decoration-box .decoration-R img{
    margin-bottom: 20px;
}








#Restaurant #sushi {
    padding-bottom: 120px;
    margin-top: 120px;
}
#Restaurant #kids-cocktail,
#Restaurant #decoration {
    padding-bottom: 120px;
}
#Restaurant #sushi .sushi-box{
        display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    padding: 70px 0;
}
#Restaurant #kids-cocktail .kids-cocktail-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 70px;
}
#Restaurant #decoration .decoration-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 70px;
}
#Restaurant #sushi .sushi-box .sushi-L,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L,
#Restaurant #decoration .decoration-box .decoration-L{
    width: 630px;
    padding-right: 20px;
}
#Restaurant #sushi .sushi-box .sushi-L .sushi-ttl,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L .kids-cocktail-ttl,
#Restaurant #decoration .decoration-box .decoration-L .decoration-ttl{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#Restaurant #sushi .sushi-box .sushi-L .sushi-txt,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L .kids-cocktail-txt,
#Restaurant #decoration .decoration-box .decoration-L .decoration-txt {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 50px;
}
#Restaurant #sushi .sushi-box .sushi-L .table,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L table ,
#Restaurant #decoration .decoration-box .decoration-L table {
    border: 1px solid #EEEEEE;
    width: 100%;
}
#Restaurant #sushi .sushi-box .sushi-L table th,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L table th,
#Restaurant #decoration .decoration-box .decoration-L table th{
    width: 25%;
    background: #EEEEEE;
    border-bottom: 1px solid #fff;
    padding: 10px 20px;
}
#Restaurant #sushi .sushi-box .sushi-L .table table th.n-border,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L table th.n-border, 
#Restaurant #decoration .decoration .decoration-L table th.n-border {
    border-bottom: none!important;
}
#Restaurant #sushi .sushi-box .sushi-L table td,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-L table td,
#Restaurant #decoration .decoration-box .decoration-L table td {
    width: auto;
    border-bottom: 1px solid #EEEEEE;
    padding: 10px 20px;
}
#Restaurant #sushi .sushi-box .sushi-R,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-R,
#Restaurant #decoration .decoration-box .decoration-R{
    width: 350px;
}
#Restaurant #sushi .sushi-box .sushi-R img,
#Restaurant #kids-cocktail .kids-cocktail-box .kids-cocktail-R img,
#Restaurant #decoration .decoration-box .decoration-R img{
    margin-bottom: 20px;
}

#Restaurant .open-box {
    text-align: center;
}
#Restaurant .open-box .open {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 120px;
    border-bottom: 1px solid #333;
    display: inline-block;
}

#Restaurant .open .openingday {
    color: #AF254D;
}

#Restaurant .menu {
    background: url(../../restaurant/images/bg.png) no-repeat;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    padding: 80px 0;
}

#Restaurant .pickup-box {
    text-align: center;
    margin: 120px auto 50px;
}
#Restaurant .pickup-box .pickup {
    font-size: 24px;
    padding-top: 5px;
    position: relative;
    display: inline-block;
    margin-bottom: 1em;
}

#Restaurant .pickup:before {
    content: '';
    position: absolute;
    top: -15px;
    display: inline-block;
    width: 90px;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
}

#Restaurant .pickup-menu01,
#Restaurant .pickup-menu02 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 50px;
}

#Restaurant .pickup-menu01 .menu01-img,
#Restaurant .pickup-menu02 .menu02-img {
    width: 600px;
}

#Restaurant .pickup-menu01 .menu01-txt,
#Restaurant .pickup-menu02 .menu02-txt {
    width: 380px;
    font-size: 16px;
    text-align: center;
    line-height: 1.8;
}

#Restaurant .menu-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin: 100px 0 120px;
}

#Restaurant .shop {
    border-top: 7px solid #EEEEEE;
}

#Restaurant .shop .shop-box {
    background: #F5EFE0;
    margin-top: 120px;
}

#Restaurant .shop .shop-box .shop-ttl {
    text-align: center;
    padding: 30px 0;
}

#Restaurant .shop .shop-box .shop-ttl .shop-txt {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

#Restaurant .shop .shop-box .shop-detail {
    background: #fff;
    padding: 30px;
    border: 7px solid #F5EFE0;
}

#Restaurant .shop .shop-box .shop-detail .day-ttl {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 200px 10px;
    position: relative;
    display: inline-block;
    padding: 0 200px;
}

#Restaurant .shop .shop-box .shop-detail .day-ttl:after,
#Restaurant .shop .shop-box .shop-detail .day-ttl:before {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 170px;
    height: 3px;
    background-color: #EEEEEE;
}

#Restaurant .shop .shop-box .shop-detail .day-ttl:before {
    left: 0;
}

#Restaurant .shop .shop-box .shop-detail .day-ttl:after {
    right: 0;
}

#Restaurant .shop .shop-box .shop-detail .open-txt {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    /*font-family: "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "������", "Yu Mincho", "YuMincho", "�q���M�m���� ProN W6", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", sans-serif;*/
    margin-bottom: 80px;
}

#Restaurant .shop .shop-box .shop-detail .time-txt {
    font-size: 20px;
    text-align: center;
}
#Restaurant .shop .shop-box .shop-detail dl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
}
#Restaurant .shop .shop-box .shop-detail dt{
    font-size: 20px;
    width: 120px;
}
#Restaurant .shop .shop-box .shop-detail dd{
    font-size: 20px;
}
/*#Restaurant .hero .overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.4);
}*/

#Restaurant .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

#Restaurant .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#Restaurant #Kidsroom {
    border: 30px solid #00b0f0;
    background:#fff;
    margin: 0 auto;
    max-width: 980px;
    color: #333;
    background: #fdf8ed;
    padding: 50px 50px 50px 50px;
}
#Restaurant #Kidsroom .kidsroom-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
#Restaurant #Kidsroom .kidsroom-ttl span {
    font-size: 40px;
    color: #00b0f0;
}
#Restaurant #allergy {
    border: 30px solid #cb6004;
    background:#fff;
    margin: 0 auto;
    max-width: 980px;
    color: #333;
    background: #fdf8ed;
    padding: 50px 50px 50px 50px;
}
#Restaurant #allergy .allergy-ttl{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
#Restaurant #allergy .allergy-txt{
    font-size: 16px;
}
#Restaurant #allergy .allergy-txt .allergy-flex {
    margin: 20px 0;
}
#Restaurant #allergy .allergy-txt .allergy-flex li{
    text-indent: -1em;
    padding-left: 1em;
}
#Restaurant #allergy .allergy-note{
    font-size: 14px;
    margin: 20px 0;
}

#Restaurant #Kidsroom .calendar{
    margin-top: 30px;
}
#Restaurant #Kidsroom .calendar .month {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px 90px;
}
#Restaurant #Kidsroom .calendar th,
#Restaurant #Kidsroom .calendar td{
    border: 1px solid #b9b9b9;
}
#Restaurant #Kidsroom .calendar table{
    width: 80%;
    margin: 0 auto;
    background: #ffffff;
}
#Restaurant #Kidsroom .calendar th {
    text-align: center;
    background: #EEEEEE;
}
#Restaurant #Kidsroom .calendar td{
    text-align: right;
    padding: 4px 10px 4px 0;
    font-size: 22px;
    font-weight: bold;
    vertical-align: bottom;
    height: 60px;
}
#Restaurant #Kidsroom .calendar td span{
    font-size: 14px;
    font-weight: normal;
    display: block;
    color: #666666;
}
/*#Restaurant .kidsroom {
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 70px;
    margin-bottom: 120px;
}*/
/*
#Restaurant .kidsroom .kidsroom-ttl{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}*/
#Restaurant #Kidsroom .kidsroom-txt{
    font-size: 16px;
    margin: 10px auto 0;
    padding: 0 30px;
}
#Restaurant .food-slider {
    margin: 20px auto 0;
    /*overflow: hidden;*/
    width: 980px;
    color: #333;
}
#Restaurant .food-slider .dinner-menu-ttl {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant .food-slider ul {
    margin: 0 -10px;
}
#Restaurant .food-slider ul li {
    padding: 0 10px;
}
#Restaurant .food-slider ul li .caption{
    text-align: center;
    background: #fff;
    padding: 0 8px 8px 8px;
    height: 260px;
}
#Restaurant .food-slider ul li .caption .title{
    font-weight: bold;
    text-align: center;
    display: table;
    width: 100%;
}
#Restaurant .food-slider ul li .caption .title .title-name{
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}
#Restaurant .food-slider ul li .caption .txt{
    font-size: 14px;
    padding-top: 5px;
    border-top: 1px dotted #aaa;
}
.slick-prev::before, .slick-next::before {
    font-family: "slick";
    /*font-size: 30px;*/
    line-height: 1;
    color: #B78014;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#Restaurant #xmas-cake{
    background: linear-gradient(to bottom, #2c1906 0%, #241A19 20%, #000);
    margin: 100px 0;
}
#Restaurant #xmas-cake .xmas-cake-box{
    padding: 20px;
}
#Restaurant #xmas-cake .xmas-cake-box li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#Restaurant #xmas-cake .xmas-cake-box li:last-child{
    padding-top: 20px;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-img{
    width: 460px;
    position: relative;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-img .theformula-cake {
    position: absolute;
    bottom: -13%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
    text-align: center;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-img .theformula-cake a{
    font-size: 16px;
    background: #910000;
    color: #ffffff;
    padding: 10px;
    display: inline-block;
    width: 400px;
    border-radius: 50px;
    text-decoration: none;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-txt{
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    width: 460px;
    padding: 15px 20px 20px;
    line-height: 1.4;
    background: #ffffff;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-txt span{
    font-size: 18px;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-txt .xmas-cake-btn {
    margin-top: 18px;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-txt .xmas-cake-btn a{
    font-size: 16px;
    background: #910000;
    color: #ffffff;
    padding: 15px 10px;
    display: inline-block;
    width: 350px;
    border-radius: 50px;
    text-decoration: none;
}
#Restaurant #xmas-cake .xmas-cake-box li .xmas-cake-txt .xmas-cake-btn a:hover{
    opacity: 0.6;
    transition: 0.4s;
}
#Restaurant .bn-xmas-box {
    text-decoration: none;
}
#Restaurant .bn-xmas-box:hover {
    opacity: 0.6;
    transition: 0.8s;
}
#Restaurant .bn-xmas-box .bn-xmas {
    background: #2c1906;
    margin-bottom: 100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
#Restaurant .bn-xmas-box .bn-xmas .bn-xmas-img{
    width: 30%;
}
#Restaurant .bn-xmas-box .bn-xmas .bn-xmas-txt{
    width: 70%;
    padding: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant .bn-xmas-box .bn-xmas .bn-xmas-txt span{
    font-size: 18px;
    color: #ffd800;
}

#Restaurant .navidial-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 20px;
}
#Restaurant .navidial-box .navidial a{
    color: #fff;
    background: #434343!important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 10px;
    padding: 20px;
    display: block;
    width: 300px;
    border-radius: 10px;
    text-decoration: none;
}
#Restaurant .banner-f1 {
    margin: 50px auto;
    width: 750px;
}
#Restaurant .banner-f1 a{
    text-decoration: none;
}
#Restaurant .banner-f1 a:hover{
    opacity: 0.4;
    transition: 0.6s ;
}
#Restaurant .banner-f1 .banner-f1-box{
    border: 2px solid #e10600;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    background: #fff;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant .banner-f1 .banner-f1-box .banner-img{
    width: 204px;
}
#Restaurant .banner-f1 .banner-f1-box .banner-txt{
    width: 542px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-left: 2px solid #e10600;
    color: #fff;
    background: #e10600;
}
#Restaurant .banner-f1 .banner-f1-box .banner-txt .banner-text{
    color: #333;
    background: #fff;
    padding: 15px 0;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -0.07em;
}
#Restaurant .restaurant-btn-box {
    margin: 50px auto;
    text-align: center;
}
#Restaurant .restaurant-btn-box .restaurant-btn{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: #917C2B;
    padding: 30px;
    width: 600px;
    display: inline-block;
    border-radius: 80px;
    text-decoration: none;
}
#Restaurant .restaurant-btn-box .restaurant-btn:hover{
    opacity: 0.6;
    transition: 0.8s;
}

#Restaurant .other-ttl{
    font-size: 32px;
    font-weight: bold;
    font-family: "�q���M�m���� Pro","Hiragino Mincho Pro","HGS����E","HG����E","�l�r �o����",serif;
    text-align: center;
    margin: 100px 0 30px;
    color: #333;
}
#Restaurant .other-box{
    max-width: 980px;
    margin: 0 auto 30px;
}
#Restaurant .other-option{
    margin: 100px auto 30px;
}

#Restaurant .toggle-trigger{
    display: block;
    background: url(../../restaurant/images/arrow.png) right center no-repeat;
}
#Restaurant .toggle-trigger02{
    display: block;
    background: url(../../restaurant/images/arrow02.png) right center no-repeat;
}
#Restaurant .toggle-trigger03{
    display: block;
    background: url(../../restaurant/images/arrow03.png) right center no-repeat;
}
#Restaurant .tog {
    background: #c3aa4c;
    padding-right: 50px;
}
#Restaurant .tog02 {
    background-image: linear-gradient(150deg, rgba(197, 179, 114, 1), rgba(185, 148, 103, 1) 100%, rgba(201, 177, 105, 1) 50%);
    padding-right: 50px;
}
#Restaurant .tog a,
#Restaurant .tog a:hover,
#Restaurant .tog a:hover img,
#Restaurant .tog02 a,
#Restaurant .tog02 a:hover,
#Restaurant .tog02 a:hover img,
#Restaurant .tog03 a,
#Restaurant .tog03 a:hover,
#Restaurant .tog03 a:hover img{
    opacity: 100;
    text-decoration: none;
}
#Restaurant .other-box .tog .other-flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 5px;
}
#Restaurant .other-box .tog02 .other-flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 15px 20px;
}
#Restaurant .other-box .tog .other-flex .other-img{
    width: 20%;
}
#Restaurant .other-box .tog .other-flex .other-txt{
    width: 80%;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-left: 30px;
}
#Restaurant .other-box .tog02 .other-flex .other-img{
    width: 10%;
    text-align: center;
}
#Restaurant .other-box .tog02 .other-flex .other-txt{
    width: 90%;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#Restaurant #Restaurant-plan{
    padding-top: 100px;
}
#Restaurant #the-dining-box {
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    font-feature-settings: "palt";
    letter-spacing: .04em;
    color: #333333;
    margin-bottom: 100px;
}
#Restaurant #the-dining-box .ttl{
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0;
}


#Restaurant #the-dining-box .restaurant-box {
    width: 980px;
    margin: 0 auto 50px;
    padding: 0 0 0 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}
#Restaurant #the-dining-box .restaurant-box .r-img-slide,
#Restaurant #the-dining-box .restaurant-box .r-img{
    width: 65%;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box{
    width: 35%;
    padding-left: 50px;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box a{
    color: #333;
    text-decoration: none;
    background-color: transparent;
    transition: background-color 0.3s ease;
    height: 456px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box a:hover{
    background-color: #f2dfba;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .the-dining-arrow{
    position: absolute;
    bottom: 10px;
    right: 5px;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .genre{
    text-align: center;
    color: #919191;
    font-size: 16px;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .r-ttl{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .r-ttl .sub{
    font-size: 14px;
    margin-top: 10px;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .r-ttl .sub .morning {
    color: #e05e00;
    padding: 3px 5px;
    margin: 0 5px;
    background: #fff6f0;
    border: 1px solid #e0772b;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .r-ttl .sub .dinner {
    color: #033b95;
    padding: 3px 5px;
    margin: 0 5px;
    background: #f0f6ff;
    border: 1px solid #033b95;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .r-txt{
    font-size: 16px;
    line-height: 1.8;
    margin: 20px 0 30px;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .r-txt .open{
    font-size: 20px;
    color: #ba0d0d;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box .btn{
    font-size: 14px;
    padding: 15px 100px;
    color: #fff;
    text-shadow:  #000000 0 0 5px;
    background-image: linear-gradient(90deg, rgba(205, 179, 82, 1), rgba(227, 171, 96, 1));
    text-decoration: none;
    display: inline-block;
}
#Restaurant #the-dining-box .restaurant-box .r-txt-box a:hover{
    opacity: 0.6;
    transition: 0.8s;
}
#Restaurant #auberge {
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    color: #7A5E3D;
}
#Restaurant #auberge .inner{
    width: 980px;
    margin: 0 auto;
}
#Restaurant #auberge .main{
    text-align: center;
    padding: 50px 0 40px;
    background: url(../../restaurant/images/2f/main.jpg) no-repeat center center;
    background-size:cover;
    color: #fff;
    height: 358px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}
#Restaurant #auberge .main .logo {
    text-align: center;
}
#Restaurant #auberge .main .logo img{
    width: 80%;
}
#Restaurant #auberge .main .ttl{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: #000 1px 0 10px;
}
#Restaurant #auberge .main .open{
    font-size: 28px;
    text-shadow: #000 1px 0 10px;
}
#Restaurant #auberge .main .open span{
    font-size: 46px;
}
#Restaurant #auberge .main-ttl{
    font-size: 40px;
    text-align: center;
    padding: 60px 0 70px;
}
#Restaurant #auberge .main-ttl .catch{
    font-size: 20px;
    line-height: 2;
    margin-top: 20px;
}
#Restaurant #auberge .course-box{
    padding: 100px 0;
    border-top: 1px solid #DCDDDD;
}
#Restaurant #auberge .course-box .ss-course .course-ttl,
#Restaurant #auberge .course-box .a-course .course-ttl{
    border-bottom: solid 2px #7A5E3D;
    position: relative;
    font-size: 30px;
}
#Restaurant #auberge .course-box .ss-course .course-ttl:before,
#Restaurant #auberge .course-box .a-course .course-ttl:before{
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #DCDDDD;
    bottom: -2px;
    width: 90%;
}
#Restaurant #auberge .course-box .ss-course .course-txt,
#Restaurant #auberge .course-box .a-course .course-txt{
    font-size: 18px;
    color: #333;
    margin: 30px 0;
    line-height: 2;
}
#Restaurant #auberge .course-box .a-course .course-txt02{
    font-size: 18px;
    color: #333;
    margin: 30px 0 10px;
    text-align: center;
    line-height: 2;
}
#Restaurant #auberge .course-box .ss-course .menu-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 30px;
}
#Restaurant #auberge .course-box .ss-course .menu-box li{
    width: 50%;
}
#Restaurant #auberge .course-box .ss-course .menu-box .menu-img{
    height: 368px;
    margin: 0 30px;
}
#Restaurant #auberge .course-box .ss-course .menu-box .menu-txt{
    font-size: 16px;
    padding-left: 20px;
    text-align: center;
}
#Restaurant #auberge .course-box .ss-course .menu-box .menu-txt .price{
    font-size: 14px;
    color: #333;
    margin: 10px 0 20px;
    border-top: 1px solid #DCDDDD;
    padding: 20px 50px 0 50px;
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#Restaurant #auberge .course-box .ss-course .menu-box .menu-txt .price dt{
    width: 74%;
    text-align: left;
}
#Restaurant #auberge .course-box .ss-course .menu-box .menu-txt .price dd{
    width: 26%;
}
#Restaurant #auberge .course-box .ss-course .menu-box .menu-txt .note{
    font-size: 12px;
    color: #333;
}

#Restaurant #auberge .course-box .ss-course .accordion,
#Restaurant #auberge .course-box .a-course .accordion {
    margin: 10px auto 20px;
    width: 70%;
}
#Restaurant #auberge .course-box .ss-course .accordion .toggle,
#Restaurant #auberge .course-box .a-course .accordion .toggle {
    display: none;
}
#Restaurant #auberge .course-box .ss-course .accordion .option,
#Restaurant #auberge .course-box .a-course .accordion .accordion .option {
    position: relative;
    margin-bottom: 1em;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .title,
#Restaurant #auberge .course-box .ss-course .accordion .option .content,
#Restaurant #auberge .course-box .a-course .accordion .option .title,
#Restaurant #auberge .course-box .a-course .accordion .option .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .title,
#Restaurant #auberge .course-box .a-course .accordion .option .title {
    border: solid 1px #ccc;
    padding: 1em 1em 1em 2em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    align-content: ;
    position: relative;
    color: #333;
    font-size: 14px;
    text-align: left;
    text-indent: -1em;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .title::after,
#Restaurant #auberge .course-box .ss-course .accordion .option .title::before,
#Restaurant #auberge .course-box .a-course .accordion .option .title::after,
#Restaurant #auberge .course-box .a-course .accordion .option .title::before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 0.75em;
    background-color: #999;
    transition: all 0.3s;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .title::after,
#Restaurant #auberge .course-box .a-course .accordion .option .title::after {
    transform: translateY(-50%) rotate(90deg);
}
#Restaurant #auberge .course-box .ss-course .accordion .option .content,
#Restaurant #auberge .course-box .a-course .accordion .option .content {
    max-height: 0;
    overflow: hidden;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .content p,
#Restaurant #auberge .course-box .a-course .accordion .option .content p {
    margin: 0;
    padding: 0.5em 1em 1em;
    font-size: 0.9em;
    line-height: 1.5;
    color: #7A5E3D;
    background: #f4f4f4;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .toggle:checked + .title + .content,
#Restaurant #auberge .course-box .a-course .accordion .option .toggle:checked + .title + .content {
    max-height: 500px;
    transition: all 1.5s;
    text-align: center;
}
#Restaurant #auberge .course-box .ss-course .accordion .option .toggle:checked + .title::before,
#Restaurant #auberge .course-box .a-course .accordion .option .toggle:checked + .title::before {
    transform: translateY(-50%) rotate(90deg);
}

#Restaurant #auberge .course-box .a-course .menu-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#Restaurant #auberge .course-box .a-course .menu-box02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
}
#Restaurant #auberge .course-box .a-course .menu-box li{
    width: 32%;
    padding: 30px;
    text-align: center;
    border: 1px solid #DCDDDD;
    box-shadow: 0px 0px 5px #cccccc;
}
#Restaurant #auberge .course-box .a-course .menu-box02 li{
    width: 32%;
    padding: 30px;
    margin: 0 10px;
    text-align: center;
    border: 1px solid #DCDDDD;
    box-shadow: 0px 0px 5px #cccccc;
}
#Restaurant #auberge .course-box .a-course .menu-box li .course-name,
#Restaurant #auberge .course-box .a-course .menu-box02 li .course-name{
    font-size: 17px;
    padding-bottom: 20px;
    color: #333;
}
#Restaurant #auberge .course-box .a-course .menu-box li .a-course-slide .a-menu {
    height: 420px;
}
#Restaurant #auberge .course-box .a-course .menu-box02 li .a-course-slide .a-menu {
    height: 390px;
}
#Restaurant #auberge .course-box .a-course .menu-box li .a-course-slide .a-menu .menu-txt,
#Restaurant #auberge .course-box .a-course .menu-box02 li .a-course-slide .a-menu .menu-txt{
    font-size: 16px;
    padding: 10px 0;
}
#Restaurant #auberge .course-box .a-course .menu-box li .a-course-slide .a-menu .menu-txt span,
#Restaurant #auberge .course-box .a-course .menu-box02 li .a-course-slide .a-menu .menu-txt span{
    color: #333;
}
#Restaurant #auberge .course-box .a-course .menu-box li .price,
#Restaurant #auberge .course-box .a-course .menu-box02 li .price{
    font-size: 14px;
    color: #333;
    margin: 10px 0 20px;
    border-top: 1px solid #DCDDDD;
    padding-top: 20px;
    width: 100%;
}
#Restaurant #auberge .course-box .a-course .menu-box li .note,
#Restaurant #auberge .course-box .a-course .menu-box02 li .note{
    font-size: 12px;
    color: #333;
}
#Restaurant #auberge .a-plan{
    padding: 100px 0;
    background: #F9F9F7;
}
#Restaurant #auberge .a-plan .hours{
    font-size: 24px;
    color: #333;
    text-align: center;
    position: relative;
    padding:0 30px;
    display: inline-block;
    top:0;
}
#Restaurant #auberge .a-plan .hours span{
    font-size: 18px;
    display: block;
}
#Restaurant #auberge .a-plan .hours:before,
#Restaurant #auberge .a-plan .hours:after { 
    position: absolute;
    top: 0;
    content:'';
    width: 8px;
    height: 100%;
    display: inline-block;
}
#Restaurant #auberge .a-plan .hours:before {
    border-left: solid 2px #7A5E3D;
    border-top: solid 2px #7A5E3D;
    border-bottom: solid 2px #7A5E3D;
    left: 0;
}
#Restaurant #auberge .a-plan .hours:after {
    content: '';
    border-top: solid 2px #7A5E3D;
    border-right: solid 2px #7A5E3D;
    border-bottom: solid 2px #7A5E3D;
    right: 0;
}
#Restaurant #auberge .a-plan .a-plan-bn{
    position: relative;
    text-align: center;
    margin-top: 50px;
}
#Restaurant #auberge .a-plan .a-plan-bn .bn-txt{
    position: absolute;
    top:34%;
    left:21%;
    /*top:50%;
    left: 63%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/
    color: #231816;
    font-size: 30px;
    font-weight: bold;
    margin: 0!important;
    padding: 0!important;
    /*text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);*/
    text-shadow: #ffffff 3px 0px 10px,#ffffff -3px 0px 10px,#ffffff 0px -3px 10px,#ffffff -3px 0px 10px,#ffffff 3px 3px 10px,#ffffff -3px 3px 10px,#ffffff 3px -3px 10px,#ffffff -3px -3px 10px;
    /*width: 90%;*/
    width: auto;
}
#Restaurant #auberge .a-plan .a-plan-btn{
    position: relative;
    width: 600px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
    background-image: linear-gradient(45deg, rgba(202, 157, 103, 1), rgba(149, 126, 99, 1));
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}
#Restaurant #auberge .a-plan .a-plan-btn span{
    font-size: 14px;
}
#Restaurant #auberge .a-plan .a-plan-btn:after{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    background: url("../../restaurant/images/2f/arrow.png") no-repeat;
    display: inline-block;
    width: 19px;
    height: 19px;
    background-size: cover;
}
#Restaurant #auberge .a-plan .a-plan-bn-box {
    width: 850px;
    margin: 0 auto;
}
#Restaurant #auberge .a-plan .a-plan-bn:hover,
#Restaurant #auberge .a-plan .a-plan-btn:hover {
    opacity: 0.6;
    transition: 0.4s ;
}
#Restaurant #auberge .a-plan .a-plan-btn-na{
    pointer-events: none;
    background: #999999 !important;
}
#Restaurant #auberge .a-plan .a-plan-btn-na:after{
    opacity: 0.7;
}

#Restaurant #auberge .a-plan .note{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 20px;
}
#Restaurant #auberge .a-plan .note{
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 20px;
}
#Restaurant #auberge .attention-box{
    margin-bottom: 100px;
    text-align: center;
}
#Restaurant #auberge .attention{
    font-size: 20px;
    font-weight: bold;
    text-align: center!important;
    display: inline;
    background: linear-gradient(transparent 70%, #D7CEC4 70%);
}
#Restaurant #auberge .zoom-container{
    position: relative;
    height: 550px;
    overflow: hidden;
}
#Restaurant #auberge .zoom-container .inner-image-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#Restaurant #auberge .zoom-container .inner-image-container .img01 {
    width: 400px;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin: 0 10px;
}
#Restaurant #auberge .zoom-container .inner-image-container .img02 {
    width: 300px;
    height: 250px;
    overflow: hidden;
    position: relative;
    bottom:-220px;
    margin: 0 10px;
}
#Restaurant #auberge .zoom-container .inner-image-container .img03 {
    width: 250px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 0 10px;
}
#Restaurant #auberge .zoom-container .inner-image-container .img04 {
    width: 300px;
    height: 250px;
    overflow: hidden;
    position: relative;
    bottom:-120px;
    margin: 0 10px;
}
#Restaurant #auberge .zoom-container .inner-image-container .img05 {
    width: 250px;
    height: 200px;
    overflow: hidden;
    position: relative;
    bottom:-260px;
    margin: 0 10px;
}

#Restaurant #auberge .zoom-container .inner-image-container .img01 img,
#Restaurant #auberge .zoom-container .inner-image-container .img02 img,
#Restaurant #auberge .zoom-container .inner-image-container .img03 img,
#Restaurant #auberge .zoom-container .inner-image-container .img04 img,
#Restaurant #auberge .zoom-container .inner-image-container .img05 img{
    width: 150%;
    height: auto;
    position: absolute;
    transform: translate(-50%, -50%) scale(1.2);
    transition: transform 2s cubic-bezier(0.25, 0.1, 0.25, 1);
    object-fit: cover;
}
#Restaurant #auberge .zoom-container .inner-image-container .inner-image {
    top: 50%;
    left: 50%;
}
#Restaurant #auberge .zoom-container .inner-image-container .inner-image {
    top: 50%;
    left: 50%;
}
#Restaurant .option-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 100px 0 0;
}
#Restaurant .option-box li{
    padding: 0 20px;
    font-size: 18px;
    border-right: 1px solid #333;
}
#Restaurant .option-box li:last-child{
    border: none;
}
#Restaurant .option-box li a{
    text-decoration: none;
}
#Restaurant .option-box li a:hover{
    text-decoration: underline;
}

/* ���[�^�[�X�|�[�c�A�N�e�B�r�e�B�v����
----------------------------------------------------------- */
#msa-plan {
    background: -moz-linear-gradient(top, #228CC9, #E5F2F9);
    background: -webkit-linear-gradient(top, #228CC9, #E5F2F9);
    background: linear-gradient(to bottom, #228CC9, #E5F2F9);
    color: #333333;
    font-family:"�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
}
#msa-plan inner{
    width: 980px;
    margin: 0 auto;
}
#msa-plan .bg-white{
    background: #fff;
    padding: 60px 0;
}
#msa-plan .msa-plan-head {
    background: #EEFBFF;
    border-top: 10px solid #007BC1;
}
#msa-plan .msa-plan-head .msa-plan-ttl {
    padding: 30px 0;
    text-align: center;
}
#msa-plan .plan-list{
    border: 10px solid #E20612;
    padding: 50px;
    background: #F7F8FC;
    margin: 70px 0 200px;
    border-radius: 30px;
    position: relative;
}
#msa-plan .plan-list:after {
    position: absolute;
    bottom: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}


#msa-plan .plan-list h2{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 1rem ;
}

#msa-plan .plan-list h2:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #E20612, #E20612 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #E20612, #E20612 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#msa-plan .plan-list .plan-txt{
    font-size: 18px;
    line-height: 1.6;
    padding: 20px 0 30px;
}

#msa-plan .plan-list .plan-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#msa-plan .plan-list .plan-box li{
    width: 200px;
}
#msa-plan .plan-list .plan-box li a .list-photo img {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.5s;
}
#msa-plan .plan-list .plan-box li a .list-photo{
    overflow: hidden;
    display: block;
    border-radius: 50%;
}
#msa-plan .plan-list .plan-box li a:hover .list-photo img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#msa-plan .plan-list .plan-box li .plan-caption {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
}
#msa-plan .plan-list .plan-box li a:hover{
    color: #E20612;
}
#msa-plan .plan-list .plan-box li a{
    color: #333;
}
#msa-plan .plan-01,
#msa-plan .plan-02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 70px;
}
#msa-plan .plan-01 .plan-01-txt{
    background: #F7F8FC;
    text-align: center;
    width: 390px;
    height:430px;
    text-align:center;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    position: relative;
}
#msa-plan .plan-01 .plan-01-txt .plan-01-box,
#msa-plan .plan-02 .plan-02-txt .plan-02-box{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:345px;
}
#msa-plan .plan-01 .plan-01-txt .plan-01-box h3,
#msa-plan .plan-02 .plan-02-txt .plan-02-box h3{
    font-size: 28px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #79CCDD 0%);
    display: inline;
    padding: 10px 0 2px;
}
#msa-plan .plan-01 .plan-01-txt .plan-01-box .p-txt01,
#msa-plan .plan-02 .plan-02-txt .plan-02-box .p-txt02{
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.8;
}
#msa-plan .plan-02 .plan-02-txt .plan-02-box .p-txt02 span{
    font-size: 14px;
    }

#msa-plan .plan-01 .plan-01-img img{
    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
}

#msa-plan .plan-02 .plan-02-txt{
    background: #F7F8FC;
    text-align: center;
    width: 390px;
    height:430px;
    text-align:center;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    position: relative;
}
#msa-plan .plan-02 .plan-02-img img{
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
}
#msa-plan .plan-02 .plan-02-txt .special{
    position: absolute;
    top: 0;
    right: 0;
}
#msa-plan .plan-02 .plan-02-txt .plan-btn a{
    border-radius: 50px;
    color: #fff;
    padding: 10px 30px;
    background: #E20612 ;
    margin-top: 10px;
    display: block;
    text-decoration: none;
}
#msa-plan .plan-02 .plan-02-txt .plan-btn a:hover{
    opacity: 0.8;
}
#msa-plan .schedule {
    margin: 230px auto 100px;
    position: relative;
}
#msa-plan .schedule:before {
    position: absolute;
    top: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
/*#msa-plan .schedule .schedule-ttl {
    background: #19486a;
    color: #fff ;
    padding: 5px 0;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
}
#msa-plan .schedule .schedule-box {
    background: #EEEEEE;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin-top: 30px;
}

#msa-plan .schedule .schedule-box .schedule-box-txt {
    width: 680px;
}
#msa-plan .schedule .schedule-box .schedule-box-img {
    width: 200px;
}
#msa-plan .schedule .schedule-box .schedule-box-txt .time{
    font-size: 20px;
    margin: 0 0 10px;
    padding: 10px 20px 5px;
    border-bottom: 1px solid #333;
}
#msa-plan .schedule .schedule-box .schedule-box-txt .time span{
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding: 0 15px 0 10px;
}

#msa-plan .schedule .schedule-box .schedule-box-txt .detail{
    font-size: 16px;
    margin: 0 30px;
}*/

#msa-plan .msa-plan-btn {
margin-bottom: 20px;
padding: 30px 10px;
text-align: center;
border-radius: 10px;
}
#msa-plan .msa-plan-btn a.btn-flat {
  overflow: hidden;
  padding: 20px 120px;
  color: #fff;
  border-radius: 0;
  background: #E20612;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

#msa-plan .msa-plan-btn a.btn-flat span {
  position: relative;
}

#msa-plan .msa-plan-btn a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 30px;
  width: 150%;
  height: 500%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-79%) translateY(-70%) rotate(135deg);
  transform: translateX(-79%) translateY(-70%) rotate(135deg);
  background: #000;
}

#msa-plan .msa-plan-btn a.btn-flat:hover:before {
  -webkit-transform: translateX(-16%) translateY(-25%) rotate(135deg);
  transform: translateX(-16%) translateY(-25%) rotate(135deg);
}

#msa-plan #notes {
    border: 1px solid #CCCCCC;
    padding: 50px;
    margin: 40px auto 70px;
}
#msa-plan #notes .notes-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
#msa-plan #notes .notes-txt {
    font-weight: bold;
    font-size: 18px;
}
#msa-plan #notes .notes-box li{
    padding-left:1em;
    text-indent:-1em;
    line-height: 1.8;
}
#msa-plan #calendar {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    position: relative;
    margin-top: 230px;
}
#msa-plan #calendar:before {
    position: absolute;
    top: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#msa-plan #calendar .calendar-ttl {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 5px;
    background: #01477D;
}
#msa-plan #calendar ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 30px 0 0;
}
#msa-plan #calendar ul li {
    display: inline-block;
    width: 33%;
    padding: 0 10px;
    letter-spacing: normal;
    vertical-align: top;
}
#msa-plan #calendar ul li .month{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#msa-plan #calendar ul li table{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
#msa-plan #calendar ul li table th {
    text-align: center;
    background: #b7eaf5;
    border: 1px #999 solid;
    font-weight: bold;
    padding: 5px;
}
#msa-plan #calendar ul li table th.holiday {
    background: #E20612;
    color: #fff;
}
#msa-plan #calendar ul li table td {
    text-align: center;
    border: 1px #999 solid;
    background: #fff;
    vertical-align: middle;
    padding: 5px;
}
#msa-plan #calendar ul li table td.sale {
    background: #ffd6d8;
}
#msa-plan #calendar .msa-note {
    font-size: 16px;
    margin: 10px 0 0 10px;
}

/* SPA
----------------------------------------------------------- */
#spa {
    font-family:"�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
}
#spa .mv{
	text-align: center;
	margin: 0 auto;
}
#spa,
#spa .mv {
    margin-bottom: 100px;
}
#spa .mv .caption{
	margin: 10px 0 0;
	text-align: center;
}
#spa .main-logo {
    text-align: center;
}
#spa .catch {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 100px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    line-height: 1.8;
    color: #333;
}

#spa .spa-inner {
    width: 980px;
    margin: 0 auto 30px;
    color: #333;
}
/*#spa .restaurant-inner {
  width: 980px;
  margin: 0 auto 30px;
  color: #333;
}*/

#spa .lead {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin: 100px 0 100px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    line-height: 1.8;
    color: #333;
}

#spa .lead span{
    font-size: 24px;
}

#spa .open-box {
    text-align: center;
}
#spa .open-box .open {
    font-size: 24px;
    font-weight: bold;
	line-height: 2;
    margin-bottom: 60px;
    border-bottom: 1px solid #333;
    display: inline-block;
}

#spa .open .openingday {
    color: #AF254D;
}

#spa .menu {
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
}
#spa .menu .note{
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    display: block;
}
#spa .spa-box,
#spa .spa-box02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-bottom: 100px;
}
#spa .spa-box li,
#spa .spa-box02 li{
    width: 49%;
}
#spa .spa-box .spa-txt{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 0 0 40px 20px;
    line-height: 2;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    font-size: 16px;
}
#spa .spa-box02 .spa-txt02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 0 20px 40px 0;
    line-height: 2;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
     font-size: 16px;
}
#spa .spa-box .spa-img .caption,
#spa .spa-box02 .spa-img .caption {
    margin: 10px 0 0;
    text-align: center;
    font-size: 18px;
}
#spa .ex {
    font-size: 14px;
    margin-top: 100px;
    border: 1px solid #aaa;
    padding: 30px;
}
#spa .ex .ex-ttl{
    font-size: 20px;
    margin-bottom: 10px;
    color: #B68014;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#spa .amenity {
    margin-top: 50px;
}
#spa .amenity dl {
    display: table;
}
#spa .amenity dl dt{
    width: 160px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #B68014;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
}
#spa .amenity dl dd{
    width: 840px;
    font-size: 14px;
    padding: 20px;
    border: 1px solid #B68014;
    display: table-cell;
    vertical-align: middle;
}
#spa .amenity dl dd .amenity-img {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-top: 15px;
}
#spa .amenity dl dd .amenity-img li{
    width: 32%;
}
#spa .spa-hours {
    margin: 0 0 50px;
}
#spa .spa-hours .spa-hours-box li{
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 10px;
}
#spa .spa-hours .spa-hours-ttl{
    font-size: 18px;
}
#spa .method {
    text-align: center;
    margin: 50px 0;
}
#spa .method .method-ttl {
    font-size: 20px;
    font-weight: bold;
}
#spa .method .method-txt {
    font-size: 16px;
    margin: 20px 0;
}
#spa .method .reserve-btn{
    margin: 20px 0;
}
#spa .method .reserve-btn a {
    display: block;
    background: #917C2B;
    padding: 20px 50px;
    border-radius: 80px;
    width: 500px;
    margin: 0 auto;
    text-decoration: none;
}
#spa .method .reserve-btn a .reserve-txt {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}
#spa .method .reserve-btn a .reserve-txt02 {
    text-align: center;
    font-size: 14px;
    color: #fff;
}
#spa .method .method-note {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}


/* ���h���\��ɂ‚���
----------------------------------------------------------- */
#Information {
    margin: 100px auto 100px;
    width: 980px;
}
#Information .ttl{
    background: #f1e6d0;
    padding: 10px 20px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}
#Information .txt{
    font-size: 18px;
    margin-left: 20px;
}
#Information .reserve-txt-box {
    -webkit-display: block;
    -moz-display: block;
    -ms-display: block;
    -o-display: block;
    display: block;
    margin: 20px 0 0 40px;
}
#Information .reserve-txt-box li{
    padding-left:1em;
    text-indent:-1em;
}
#Information .reserve-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    margin: 50px 0 20px;
}
#Information .reserve-box li {
}
#Information .reserve-box li a{
    width: 450px;
    border-radius: 10px;
    /*background: #B68014;*/
    color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height: 150px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    background: #B68014;
  background: -webkit-gradient(linear, left top, left bottom, from(#B68014), to(#936811));
  background: -webkit-linear-gradient(top, #B68014 0%, #936811 100%);
  background: linear-gradient(to bottom, #B68014 0%, #936811 100%);
}
#Information .reserve-box li a:hover{
    opacity: 0.6;
    transition: 0.4s ;
}
#Information .about-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    margin: 50px 0 100px;
}
#Information .about-box a{
    width: 450px;
    border-radius: 10px;
    color: #B68014;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height: 150px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid #ccc;
    background: #f1e767;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    -webkit-box-shadow: inset 1px 1px 1px #fff;
    box-shadow: inset 1px 1px 1px #fff;
}
#Information .about-box a span{
    font-size: 14px;
    display: block;
}
#Information .note{
    -webkit-display: block;
    -moz-display: block;
    -ms-display: block;
    -o-display: block;
    display: block;
    margin: 50px 20px 0 20px;
}
#Information .note {
    padding-left:1em;
    text-indent:-1em;
    font-size: 14px;
}


/* �g�b�v����
----------------------------------------------------------- */
#HotelMovie{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height: 800px;
	overflow: hidden;
}
#HotelMovie:after{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	top: 0px;
	left: 0px;
}
#HotelMovie .catch{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -55px 0 0 -262px;
	z-index: 100;
}
#HotelMovie .online{
	position: absolute;
	top: 20%;
	right: 5%;
	margin: -55px 0 0 -262px;
	z-index: 100;
}


#Hotel-slide{
	position: relative;
}
#Hotel-slide .catch{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -55px 0 0 -262px;
	z-index: 100;
}
#Hotel-slide .online{
	position: absolute;
	top: 20%;
	right: 5%;
	margin: -55px 0 0 -262px;
	z-index: 100;
}
#Hotel-slide #slideshow li{
    height: 700px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover !important;
    background-size: cover !important;
}




#RestaurantMovie{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height: 680px;
	overflow: hidden;
}
#RestaurantMovie:after{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	position: absolute;
	top: 0px;
	left: 0px;
}
#js-main-movie{
	width: 100%;
	height: auto;
	min-width: 1600px;
	min-height: 1200px;
}

/*F1�h���v����*/
#f1 {
    margin: 0 auto 100px;
    width: 980px;
}
#f1 .txt{
    font-size: 16px;
    margin: 20px 0;
}
#f1 .txt span{
    font-weight: bold;
}
#f1 .request {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    margin-top: 50px;
}
#f1 .plan01 a,
#f1 .plan02 a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 450px;
    height: 120px;
    font-size: 22px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
#f1 .plan01 a:after,
#f1 .plan02 a:after{
    position: absolute;
    right: 20px;
    bottom :10px;
    content: "��";
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    line-height: 1;
}
#f1 .plan01 a{
    background: #1f5bce;
    border: 5px solid #153e8d;
}
#f1 .plan02 a{
    background: #e10600;
    border: 5px solid #ac0601;
}
#f1 .plan02 a span{
    font-size: 16px;
    font-weight: normal;
}
#f1 .plan01 a:hover,
#f1 .plan02 a:hover {
    opacity: 0.4;
    transition:0.5s;
}
#f1 .plan-ttl {
    font-size: 18px;
    font-weight: bold;
    color: #ff3858;
    margin: 20px 0 10px;
}
#f1 .na a{
    background: #8e8e8e;
    display: inline-block;
    pointer-events: none;
    border: 5px solid #666666;
}
#f1 .info-txt{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

/* ���[�V���O�N���[�U�[�v����
----------------------------------------------------------- */
#racing-cruiser-plan {
    background: -moz-linear-gradient(top, #FFA655, #FFF6ED);
    background: -webkit-linear-gradient(top, #FFA655, #FFF6ED);
    background: linear-gradient(to bottom, #FFA655, #FFF6ED);
    color: #333333;
    font-family:"�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
}
#racing-cruiser-plan inner{
    width: 980px;
    margin: 0 auto;
}
#racing-cruiser-plan .bg-white{
    background: #fff;
    padding: 60px 0;
}
#racing-cruiser-plan .rc-plan-head {
    background: #FBF4EE;
    border-top: 10px solid #FFA655;
    padding-bottom: 70px;
}
#racing-cruiser-plan .rc-plan-head .rc-plan-ttl {
    padding: 30px 0;
    text-align: center;
}
#racing-cruiser-plan .rc-plan-head .waku{
    border: 2px solid #E20612;
    background: #fff;
    padding: 20px 50px;
    text-align: left;
    font-size: 16px;
    color: #E20612;
    width: 980px;
}
#racing-cruiser-plan .rc-plan-head .waku .waku-box .waku-li{
    text-indent: -1em;
    padding-left: 1em;
}
#racing-cruiser-plan .plan-list{
    border: 10px solid #007BC1;
    padding: 50px;
    background: #F7F8FC;
    margin: 70px 0 200px;
    border-radius: 30px;
    position: relative;
}
#racing-cruiser-plan .plan-list:after {
    position: absolute;
    bottom: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#racing-cruiser-plan .plan-list .plan-txt{
    font-size: 18px;
    line-height: 1.6;
    padding: 20px 0 30px;
}
#racing-cruiser-plan .plan-list .plan-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#racing-cruiser-plan .plan-list .plan-box li{
    width: 250px;
}
#racing-cruiser-plan .plan-list .plan-box li a .list-photo img {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.5s;
}
#racing-cruiser-plan .plan-list .plan-box li a .list-photo{
    overflow: hidden;
    display: block;
    border-radius: 50%;
}
#racing-cruiser-plan .plan-list .plan-box li a:hover .list-photo img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#racing-cruiser-plan .plan-list .plan-box li .plan-caption {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
}
#racing-cruiser-plan .plan-list .plan-box li a:hover{
    color: #E20612;
}
#racing-cruiser-plan .plan-list .plan-box li a{
    color: #333;
}
#racing-cruiser-plan .plan-01,
#racing-cruiser-plan .plan-02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 70px;
}
#racing-cruiser-plan .plan-01 .plan-01-txt{
    background: #F7F8FC;
    text-align: center;
    width: 390px;
    height:430px;
    text-align:center;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    position: relative;
}
#racing-cruiser-plan .plan-01 .plan-01-txt .plan-01-box,
#racing-cruiser-plan .plan-02 .plan-02-txt .plan-02-box{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:345px;
}
#racing-cruiser-plan .plan-01 .plan-01-txt .plan-01-box h3,
#racing-cruiser-plan .plan-02 .plan-02-txt .plan-02-box h3{
    font-size: 28px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #FBB678 0%);
    display: inline;
    padding: 10px 0 2px;
}
#racing-cruiser-plan .plan-01 .plan-01-txt .plan-01-box .p-txt01,
#racing-cruiser-plan .plan-02 .plan-02-txt .plan-02-box .p-txt02{
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.8;
}
#racing-cruiser-plan .plan-02 .plan-02-txt .plan-02-box .p-txt02 span{
    font-size: 14px;
    }

#racing-cruiser-plan .plan-01 .plan-01-img img{
    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
}

#racing-cruiser-plan .plan-02 .plan-02-txt{
    background: #F7F8FC;
    text-align: center;
    width: 390px;
    height:430px;
    text-align:center;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    position: relative;
}
#racing-cruiser-plan .plan-02 .plan-02-img img{
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
}
#racing-cruiser-plan .plan-02 .plan-02-txt .special{
    position: absolute;
    top: 0;
    right: 0;
}
#racing-cruiser-plan .plan-02 .plan-02-txt .plan-btn a{
    border-radius: 50px;
    color: #fff;
    padding: 10px 30px;
    background: #E20612 ;
    margin-top: 10px;
    display: block;
    text-decoration: none;
}
#racing-cruiser-plan .plan-02 .plan-02-txt .plan-btn a:hover{
    opacity: 0.8;
}
#racing-cruiser-plan .schedule {
    margin: 230px auto 100px;
    position: relative;
}
#racing-cruiser-plan .schedule:before {
    position: absolute;
    top: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#racing-cruiser-plan .reserve-ttl{
    text-align: center;
    font-size: 34px;
    font-weight: bold;
}
#racing-cruiser-plan .rc-plan-btn {
    padding: 30px 10px;
    text-align: center;
    border-radius: 10px;
}
#racing-cruiser-plan .rc-plan-btn a.btn-flat {
    overflow: hidden;
    padding: 20px 120px;
    color: #fff;
    border-radius: 0;
    background: #E20612;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

#racing-cruiser-plan .rc-plan-btn a.btn-flat span {
    position: relative;
}
#racing-cruiser-plan .rc-plan-btn a.btn-flat:before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 150%;
    height: 1190%;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-79%) translateY(-77%) rotate(135deg);
    transform: translateX(-79%) translateY(-77%) rotate(135deg);
    background: #000;
}

#racing-cruiser-plan .rc-plan-btn a.btn-flat:hover:before {
    -webkit-transform: translateX(-16%) translateY(-25%) rotate(135deg);
    transform: translateX(-16%) translateY(-25%) rotate(135deg);
}

#racing-cruiser-plan #notes {
    border: 1px solid #CCCCCC;
    padding: 50px;
    margin: 40px auto 70px;
}
#racing-cruiser-plan #notes .notes-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
#racing-cruiser-plan #notes .notes-txt {
    font-weight: bold;
    font-size: 18px;
}
#racing-cruiser-plan #notes .notes-box li{
    padding-left:1em;
    text-indent:-1em;
    line-height: 1.8;
}
#racing-cruiser-plan #calendar {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    position: relative;
    margin-top: 230px;
}
#racing-cruiser-plan #calendar:before {
    position: absolute;
    top: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#racing-cruiser-plan #calendar .calendar-ttl {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 5px;
    background: #FF9100;
}
#racing-cruiser-plan #calendar ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px auto 0;
    /*width: 80%*/
}
#racing-cruiser-plan #calendar ul li {
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 20px;
}
#racing-cruiser-plan #calendar ul li .month{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#racing-cruiser-plan #calendar ul li table{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
#racing-cruiser-plan #calendar ul li table th {
    text-align: center;
    background: #b7eaf5;
    border: 1px #999 solid;
    font-weight: bold;
    padding: 5px;
    width: 14%;
}
#racing-cruiser-plan #calendar ul li table th.holiday {
    background: #E20612;
    color: #fff;
}
#racing-cruiser-plan #calendar ul li table td {
    text-align: center;
    border: 1px #999 solid;
    background: #fff;
    vertical-align: middle;
    padding: 5px;
}
#racing-cruiser-plan #calendar ul li table td.sale {
    background: #ffd6d8;
}
#racing-cruiser-plan #calendar .rc-note {
    font-size: 16px;
    margin: 10px 0 0 10px;
}

/* �J�[�g�A�^�b�J�[�e�q�`�������W�J�b�v�v����
----------------------------------------------------------- */
#ka-plan {
    background: -moz-linear-gradient(top, #DA362D, #FCECEB);
    background: -webkit-linear-gradient(top, #DA362D, #FCECEB);
    background: linear-gradient(to bottom, #DA362D, #FCECEB);
    color: #333333;
    font-family:"�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
}
#ka-plan inner{
    width: 980px;
    margin: 0 auto;
}
#ka-plan .bg-white{
    background: #fff;
    padding: 60px 0;
}
#ka-plan .ka-plan-head {
    background: #FFEEEF;
    border-top: 10px solid #BA010C;
}
#ka-plan .ka-plan-head .ka-plan-ttl {
    padding: 30px 0;
    text-align: center;
}
#ka-plan .ka-plan-box {
    width: 980px;
    margin: 0 auto;
}
#ka-plan .ka-plan-box .limit {
    border: 3px solid #007BC1;
    padding: 30px 80px;
    background: #F2F8FC;
    border-radius: 30px;
    width: 800px;
    margin: 40px auto 0;
    text-align: center;
    font-size: 14px;
}
#ka-plan .ka-plan-box .limit .limit-ttl{
    background: #007BC1;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    padding: 10px;
    margin-top: 20px;
}
#ka-plan .ka-plan-box .limit .limit-txt01{
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
#ka-plan .ka-plan-box .limit .limit-txt02{
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
    margin-top: 20px;
}
#ka-plan .plan-list{
    padding: 50px;
    background: #F7F8FC;
    margin: 70px 0 200px;
    position: relative;
}
#ka-plan .plan-list:after {
    position: absolute;
    bottom: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#ka-plan .plan-list .plan-list-ttl {
    background: #FFC640;
    border-radius: 50px;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    margin: 50px 0 20px;
}
#ka-plan .plan-list .plan-list-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border: 3px solid #FFC640;
    border-radius: 20px;
    background: #FFFEEC;
    padding: 30px;
}
#ka-plan .plan-list .plan-list-box .plist-L {
    width: 280px;
}
#ka-plan .plan-list .plan-list-box .plist-R {
    width: 510px;
    font-size: 18px;
}
#ka-plan .plan-list .plan-list-txt {
    border: 3px solid #FFC640;
    border-radius: 20px;
    background: #FFFEEC;
    padding: 30px;
    font-size: 18px;
    margin: 30px 0 50px;
}
#ka-plan .plan-list .plan-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#ka-plan .plan-list .plan-box li{
    width: 250px;
}
#ka-plan .plan-list .plan-box li a .list-photo img {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.5s;
}
#ka-plan .plan-list .plan-box li a .list-photo{
    overflow: hidden;
    display: block;
    border-radius: 50%;
    border: 1px solid #aaa;
}
#ka-plan .plan-list .plan-box li a:hover .list-photo img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#ka-plan .plan-list .plan-box li .plan-caption {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
}
#ka-plan .plan-list .plan-box li a:hover{
    color: #E20612;
}
#ka-plan .plan-list .plan-box li a{
    color: #333;
}
#ka-plan .plan-01,
#ka-plan .plan-02{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 70px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#ka-plan .plan-01 .plan-01-txt{
    background: #F7F8FC;
    text-align: center;
    width: 390px;
    height:430px;
    text-align:center;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    position: relative;
}
#ka-plan .plan-01 .plan-01-txt .plan-01-box,
#ka-plan .plan-02 .plan-02-txt .plan-02-box{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:345px;
}
#ka-plan .plan-01 .plan-01-txt .plan-01-box h3,
#ka-plan .plan-02 .plan-02-txt .plan-02-box h3{
    font-size: 28px;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #E4A9AE 0%);
    display: inline;
    padding: 10px 10px 2px;
}
#ka-plan .plan-01 .plan-01-txt .plan-01-box .p-txt01,
#ka-plan .plan-02 .plan-02-txt .plan-02-box .p-txt02{
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.8;
}
#ka-plan .plan-01 .plan-01-txt .plan-01-box .p-txt01 span,
#ka-plan .plan-02 .plan-02-txt .plan-02-box .p-txt02 span{
    font-size: 14px;
    /*display: block;*/
    }

#ka-plan .plan-01 .plan-01-img img{
    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
}

#ka-plan .plan-02 .plan-02-txt{
    background: #F7F8FC;
    text-align: center;
    width: 390px;
    height:430px;
    text-align:center;
    /*border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;*/
    position: relative;
}
#ka-plan .plan-02 .plan-02-img img{
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
}
#ka-plan .plan-02 .plan-02-txt .special{
    position: absolute;
    top: 0;
    right: 0;
}
#ka-plan .plan-02 .plan-02-txt .plan-btn a{
    border-radius: 50px;
    color: #fff;
    padding: 10px 30px;
    background: #E20612 ;
    margin-top: 10px;
    display: block;
    text-decoration: none;
}
#ka-plan .plan-02 .plan-02-txt .plan-btn a:hover{
    opacity: 0.8;
}
#ka-plan .plan-02 .plan-02-txt-img {
    width: 100%;
     background: #F7F8FC;
    text-align: center;
    padding: 20px 0 30px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
}
#ka-plan .schedule {
    margin: 230px auto 100px;
    position: relative;
}
#ka-plan .schedule:before {
    position: absolute;
    top: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#ka-plan .ka-plan-btn {
    margin-bottom: 20px;
    padding: 30px 10px;
    text-align: center;
    border-radius: 10px;
}
#ka-plan .ka-plan-btn a.btn-flat {
    overflow: hidden;
    padding: 20px 120px;
    color: #fff;
    border-radius: 0;
    background: #E20612;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    /*width: 540px;*/
}
#ka-plan .ka-plan-btn a.btn-flat span {
    position: relative;
}
#ka-plan .ka-plan-btn a.btn-flat:before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 150%;
    height: 1190%;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-79%) translateY(-77%) rotate(135deg);
    transform: translateX(-79%) translateY(-77%) rotate(135deg);
    background: #000;
}
#ka-plan .ka-plan-btn a.btn-flat:hover:before {
    -webkit-transform: translateX(-16%) translateY(-25%) rotate(135deg);
    transform: translateX(-16%) translateY(-25%) rotate(135deg);
}

#ka-plan #notes {
    border: 1px solid #CCCCCC;
    padding: 50px;
    margin: 40px auto 70px;
}
#ka-plan #notes .notes-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
#ka-plan #notes .notes-txt {
    font-weight: bold;
    font-size: 18px;
}
#ka-plan #notes .notes-box li{
    padding-left:1em;
    text-indent:-1em;
    line-height: 1.8;
}
#ka-plan #calendar {
    background: #fff;
    padding: 50px;
    border-radius: 20px;
    position: relative;
    margin-top: 230px;
}
#ka-plan #calendar:before {
    position: absolute;
    top: -160px;
    left: 50%;
    content: "";
    width: 1px;
    height: 100px;
    background: #F7F8FC;
}
#ka-plan #calendar .calendar-ttl {
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 5px;
    background: #BA010C;
}
#ka-plan #calendar ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 30px auto 0;
    width: 80%;
}
#ka-plan #calendar ul li {
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 20px;
}
#ka-plan #calendar ul li .month{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#ka-plan #calendar ul li table{
    width: 100%;
    text-align: center;
    font-size: 16px;
}
#ka-plan #calendar ul li table th {
    text-align: center;
    background: #b7eaf5;
    border: 1px #999 solid;
    font-weight: bold;
    padding: 5px;
    width: 14%;
}
#ka-plan #calendar ul li table th.holiday {
    background: #E20612;
    color: #fff;
}
#ka-plan #calendar ul li table td {
    text-align: center;
    border: 1px #999 solid;
    background: #fff;
    vertical-align: middle;
    padding: 5px;
}
#ka-plan #calendar ul li table td.sale {
    background: #ffd6d8;
}
#ka-plan #calendar .rc-note {
    font-size: 16px;
    margin: 10px 0 0 10px;
}

/* �K�[�f���u���b�N�t�@�[�X�g�v����
----------------------------------------------------------- */
#gb-plan {
    /*background: -moz-linear-gradient(top, #AFF2D9, #F4FDFA);
    background: -webkit-linear-gradient(top, #AFF2D9, #F4FDFA);
    background: linear-gradient(to bottom, #AFF2D9, #F4FDFA);*/
    color: #333333;
    font-family:"�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
}
#gb-plan inner{
    width: 980px;
    margin: 0 auto;
}
#gb-plan .bg-white{
    background: #fff;
    padding: 60px 0;
}
#gb-plan .bg-green{
     background: -moz-linear-gradient(top, #AFF2D9, #edfdf8);
    background: -webkit-linear-gradient(top, #AFF2D9, #edfdf8);
    background: linear-gradient(to bottom, #AFF2D9, #edfdf8);
    padding: 60px 0;
}
#gb-plan .bg-pink{
     background: -moz-linear-gradient(top, #f2ced8, #f4e2eb);
    background: -webkit-linear-gradient(top, #f2ced8, #f4e2eb);
    background: linear-gradient(to bottom, #f2ced8, #f4e2eb);
    padding: 60px 0;
}
#gb-plan .gb-plan-head {
    background: #129F6A;
    border-top: 10px solid #BC9E82;
}
#gb-plan .gb-plan-head .gb-plan-ttl {
  padding: 30px 0;
  text-align: center;
}
#gb-plan .main {
    padding: 30px 0;
    text-align: center;
}
#gb-plan .main .main-txt{
    font-size: 18px;
    text-align: left;
    margin-top: 30px;
}
#gb-plan .main .menu-ttl{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #333;
    border-bottom: 6px dotted #FF885A;
    /*background: #FF885A;*/
    padding: 20px 10px;
    margin-top: 30px;
    line-height: 1.4;
}
#gb-plan .main .menu-ttl .date{
    font-size: 16px;
    color: #333333;
    padding-top: 10px;
    display: block;
    font-weight: normal;
    font-feature-settings: "palt";
    letter-spacing: .04em;
}
#gb-plan .main .menu-tab {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-top: 50px;
    border-bottom: 2px solid #7e7e7e;
}
#gb-plan .main .menu-tab .menu-green a{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    background: #aff2d9;
    margin: 0 5px;
    padding: 20px;
    display: block;
    width: 300px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
#gb-plan .main .menu-tab .menu-pink a{
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    background: #f2ced8;
    margin: 0 5px;
    padding: 20px;
    display: block;
    width: 300px;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
#gb-plan .menu{
    padding: 40px;
    background: #fff;
    margin: 40px auto 50px;
}
#gb-plan .menu .menu-ttl-green{
    color: #333333;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 0.2em 0.5em;
    background-image: repeating-linear-gradient(315deg, #ffdba1, #ffdba1 4px, #faeeda 4px, #faeeda 8px);
    font-feature-settings: "palt";
    letter-spacing: .04em;
}
#gb-plan .menu .menu-ttl,
#gb-plan .location .location-ttl{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #FF885A;
    padding: 20px 10px;
    line-height: 1.4;
}
#gb-plan .menu .menu-ttl .date{
    font-size: 16px;
    color: #333333;
    padding-top: 10px;
    display: block;
    font-weight: normal;
    font-feature-settings: "palt";
    letter-spacing: .04em;
}
#gb-plan .menu .menu-ttl .date a {
    color: #333333;
}
#gb-plan .menu .menu-box01{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin: 20px 0;
}
/*#gb-plan .menu .menu-box01 li{
    width: 50%;
}*/
#gb-plan .menu .menu-box01 .menu-list{
    padding: 25px;
    background: #F9F1F1;
    font-size: 16px;
    width: 40%;
}
#gb-plan .menu .menu-box01 .menu-list-img {
    width: 60%;
}
#gb-plan .menu .menu-box01 .menu-list-img img{
    object-fit: cover;
    height: 100%;
    width: auto;
}
#gb-plan .menu .menu-box01 .menu-list .menu-list-ttl{
    font-size: 22px;
    font-weight: bold;
}
#gb-plan .menu .menu-box01 .menu-list .menu-mie{
    font-weight: bold;
    color: #FF885A;
}
#gb-plan .menu .menu-box01 .menu-list span{
    font-size: 14px;
    padding: 0 0 10px 15px;
    display: block;
}
#gb-plan .menu .menu-box01 .menu-list .menu-list-caution{
    font-size: 14px;
    padding: 0 0 0 15px;
    display: block;
}
#gb-plan .menu .fee{
    border: 1px solid #917C2B;
    padding: 30px;
    margin: 10px auto 0;
    background: #fff;
    width: 80%;
}
#gb-plan .menu .fee .fee-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#gb-plan .menu .fee .fee-box dt{
    width: 150px;
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
}
#gb-plan .menu .fee .fee-box dd{
    width: 450px;
    font-size: 20px;
    line-height: 2;
}
#gb-plan .menu .fee .fee-txt{
    font-size: 20px;
    margin: 20px 0 0 30px;
}
#gb-plan .location{
    padding: 40px;
    background: #fff;
    margin: 0 0 0;
}
#gb-plan .location .location-txt {
    margin: 20px 0 10px;
}
#gb-plan .location .special{
    border: 6px dashed #129F6A ;
    border-radius: 20px;
    padding: 20px;
    margin: 30px auto 0;
    width: 640px;
}
#gb-plan .location .special .special-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}
#gb-plan .location .special .special-box .special-list-img{
    width: 300px;
}
#gb-plan .location .special .special-box .special-list-txt {
    margin: 20px 0 0 20px;
}
#gb-plan .location .special .special-box .special-list-txt span{
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 10px;
    display: block;
}
#gb-plan .location .location-ttl-box {
    /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    padding: 0 20px;*/
}
#gb-plan .location .location-ttl-box .location-ttl-l{
    width: auto;
    text-align: center;
}
#gb-plan .location .location-ttl-box .location-ttl-l .location-ttl-main {
    font-size: 26px;
    font-weight: bold;
}
#gb-plan .location .location-ttl-box .location-ttl-l .location-ttl-sub {
    font-size: 18px;
    margin-top: 10px;
}
#gb-plan .location .location-txt-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}
#gb-plan .location .location-txt-box .location-place {
    background: url(../../gb-plan2/images/bg-bf.png) no-repeat ;
    background-position: top center;
    width: 33%;
    padding-bottom: 30px;
}
#gb-plan .location .location-txt-box .location-place .location-place-ttl {
    padding: 40px 0 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -0.02em;
}
#gb-plan .location .location-txt-box .location-place .location-place-txt {
    padding: 0 40px;
    font-size: 16px;
}
#gb-plan .location .location-txt-box .location-place .location-place-img{
    padding: 20px 30px 0;
}
#gb-plan .location .location-btn-box {
    margin-top: 20px;
    text-align: center;
}
#gb-plan .location .location-btn-box  .location-btn{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px 50px;
    background-image: linear-gradient(0deg, #119d69, #71cfac);
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
}
#gb-plan .location .location-btn-box  .location-btn:hover{
    opacity: 0.4;
    transition: 0.6s;
}

#gb-plan #notes {
    border: 1px solid #CCCCCC;
    padding: 50px;
    margin: 0 auto 70px;
}
#gb-plan #notes .notes-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
#gb-plan #notes .notes-txt {
    font-weight: bold;
    font-size: 18px;
}
#gb-plan #notes .notes-box li{
    padding-left:1em;
    text-indent:-1em;
    line-height: 1.8;
}
#gb-plan #notes .notes-box li .note{
    font-size: 12px;
    text-indent: -2em;
    padding-left: 2em;
}
#gb-plan #notes .notes-box li .note span{
    font-size: 0.8em;
    vertical-align: top;
}
#gb-plan #notes .notes-box li .note-mark{
    font-size: 0.8em;
    vertical-align: top;
}
#gb-plan .gb-plan-btn {
    margin-bottom: 20px;
    padding: 30px 10px;
    text-align: center;
    border-radius: 10px;
}
#gb-plan .gb-plan-btn a.btn-flat {
    overflow: hidden;
    padding: 20px 100px;
    color: #fff;
    border-radius: 0;
    background: #FD9D24;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    /*width: 540px*/
}
#gb-plan .gb-plan-btn a.btn-flat span {
    position: relative;
}
#gb-plan .gb-plan-btn a.btn-flat:before {
    position: absolute;
    top: 0;
    left: 30px;
    width: 140%;
    height: 1190%;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-79%) translateY(-77%) rotate(135deg);
    transform: translateX(-79%) translateY(-77%) rotate(135deg);
    background: #129F6A;
}
#gb-plan .gb-plan-btn a.btn-flat:hover:before {
    -webkit-transform: translateX(-16%) translateY(-25%) rotate(135deg);
    transform: translateX(-16%) translateY(-25%) rotate(135deg);
}
#gb-plan .gb-plan-btn .gb-plan-btn-note{
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
}

/* thespaearly
----------------------------------------------------------- */

#thespaearly .spa-bg{
    background: #000;
    padding: 50px 0;
    color: #fff;
}
#thespaearly .spa-bg .lead {
    font-size: 20px;
}
#thespaearly .spa-bg .lead a{
    color: #fff;
}
#thespaearly .spa-bg h2 {
    font-size: 54px;
    text-align: center;
    font-weight: bold;
    margin: 100px 0 0;
    line-height: 1.2;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#thespaearly .spa-bg h2 span{
    font-size: 24px;
}
#thespaearly .spa-bg h2 .sub{
    font-size: 24px;
    margin-bottom: 10px;
}
#thespaearly .spa-bg .ttl{
    font-size: 26px;
    font-family: "�q���M�m���� Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    display: inline-block;
}
#thespaearly .spa-bg .txt{
    font-size: 18px;
    margin: 10px 0 30px;
}
#thespaearly #info{
    margin: 100px auto 150px;
}
#thespaearly #info .info-ttl{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#thespaearly #info .info-box{
    margin-bottom: 50px;
}
#thespaearly #info .info-box .info-ttx{
    font-size: 18px;
    margin-bottom: 10px;
    text-indent: -1em;
    padding-left: 1em;
}
#thespaearly #info .info-box .info-ttx span{
    font-weight: bold;
    border-bottom: 1px solid #707070;
}
#thespaearly #info .spa-btn {
    text-align: center;
}
#thespaearly #info .na{
    pointer-events: none;
}
#thespaearly #info .spa-btn a{
    padding: 30px 50px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #b78014;
    /*background: #8e8e8e;*/
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    width: auto;
}
#thespaearly #info .spa-btn a:hover{
    opacity: 0.5;
    transition: 1.0s ;
    text-decoration: underline;
}

/*�S�����s�x���������p�̂��q�l��*/
#travel {
    width: 980px;
    margin: 0 auto 50px;
}
#travel .ttl{
    font-size: 34px;
    font-weight: bold;
}
#travel .txt{
    font-size: 14px;
    margin: 20px 0 30px;
}
#travel .txt dl{
    margin-bottom: 10px ;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#travel .txt dl dt{
    width: 12%;
}
#travel .txt dl dd{
    width: 88%;
}
#travel .btn{
    font-size: 22px;
    font-weight: bold;
    background: #846e23;
    color: #fff;
    padding: 30px 0;
    width: 500px;
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}
#travel .btn:hover{
    color: #fff!important;
    opacity: 0.5;
    transition: 0.8s ;
}
#travel .red-waku{
    border: 3px solid #ff0000;
    font-weight: bold;
    color: #ff0000;
    padding: 10px;
    font-size: 14px;
    display: inline-block;
    margin: 20px 0;
}

/*�����E�F�u�T�C�g����̂��\�񂪂���*/
#notice-reservation {
    color: #707070;
    font-family:"�q���M�m�p�SPro W3","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
    background: #fffcdc;
    padding: 10px 0 50px;
    line-height: 1.8;
}
#notice-reservation inner{
    width: 980px;
    margin: 0 auto;
}
#notice-reservation .main{
}
#notice-reservation .txt{
    font-size: 16px;
    margin: 50px 20px;
}
#notice-reservation .txt span{
    font-weight: bold;
    text-decoration: underline;
    text-decoration-thickness: 0.7em;
    text-decoration-color: rgb(255, 255, 0);
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
#notice-reservation ul {
    margin-bottom: 50px;
}
#notice-reservation ul li{
    text-indent: -1em;
    padding-left: 1em;
}
#notice-reservation .tbl-ttl {
    font-size: 20px;
    font-weight: bold;
    margin: 50px 0 10px;
}
#notice-reservation table {
    width: 100%;
    text-align: center;
    margin: 50px 0;
    border: 5px solid #F7F4F1;
}
#notice-reservation table th {
    color: #000;
    font-weight: bold;
    padding: 15px 10px;
    border: 5px solid #F7F4F1;
}
#notice-reservation table th.type-0 {
    border: none;
}
#notice-reservation table th.type-a {
    background: #f7d3ac;
}
#notice-reservation table th.type-b {
    background: #fff1a8;
}
#notice-reservation table th.type-c {
    background: #d0e48c;
}
#notice-reservation table th.type-d {
    background:#93e5e6;
}
#notice-reservation table th.type-e {
    background:#d7c5f6;
}
#notice-reservation table td {
    font-size: 14px;
    padding: 15px 5px;
    border-right: 5px solid #F7F4F1;
    border-bottom: 5px solid #F7F4F1;
    border-left: 5px solid #F7F4F1;
    text-align: center;
    vertical-align: middle;
    background: #fff;
}
#notice-reservation table td.btop {
    border-top: 5px solid #F7F4F1;
}
#notice-reservation table td.tdw1 {
    width: 8%;
}
#notice-reservation table td.tdw2 {
    width: 8%;
}
#notice-reservation table td.tdw3 {
    width: 8%;
}
#notice-reservation table td.discount {
    font-weight: bold;
}
#notice-reservation table td.type-a-color {
    background: #f7d3ac;
}
#notice-reservation table td.type-a-color2 {
    background: #f5e7d7;
}
#notice-reservation table td.type-b-color {
    background: #fff1a8;
}
#notice-reservation table td.type-b-color2 {
    background: #fffadd;
}
#notice-reservation table td.type-c-color {
    background: #d0e48c;
}
#notice-reservation table td.type-c-color2 {
    background: #e7f2c3;
}
#notice-reservation table td.type-d-color {
    background:#93e5e6;
}
#notice-reservation table td.type-d-color2 {
    background:#c8ebeb;
}
#notice-reservation table td.type-e-color {
    background:#d7c5f6;
}
#notice-reservation table td.type-e-color2 {
    background:#efe8fa;
}
#notice-reservation .ticket .ticket-ttl-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
}
#notice-reservation .ticket .ticket-ttl-box .ticket-ttl{
    position: relative;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}
#notice-reservation .ticket .ticket-ttl-box .ticket-ttl:before,
#notice-reservation .ticket .ticket-ttl-box .ticket-ttl:after {
    position: absolute;
    top: 48%;
    width:18rem;
    border-top: 2px dashed;
    content: '';
}

#notice-reservation .ticket .ticket-ttl-box .ticket-ttl:before {
    left: 1rem;
}
#notice-reservation .ticket .ticket-ttl-box .ticket-ttl:after {
    right: 1rem;
}
#notice-reservation .ticket .ticket-li-box {
    margin-top: 20px;
}
#notice-reservation .ticket .ticket-li-box .ticket-li{
    font-size: 20px;
    margin-bottom: 20px;
}
#notice-reservation .ticket .ticket-li-box .ticket-li span{
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
    text-decoration-thickness: 0.7em;
    text-decoration-color: rgb(255, 255, 0);
    text-underline-offset: -0.3em;
    text-decoration-skip-ink: none;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .ticket-li-txt{
    font-size: 16px;
    text-indent: 0;
    padding-left: 1em;
    margin-top: 5px;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin-top: 10px;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-img{
    width: 35%;
    text-align: center;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt{
    width: 65%;
    font-size: 20px;
    text-indent:0;
    padding-left: 0;
    line-height: 2;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt .point-ttl{
    background: #b8d84c;
    color: #fff;
    padding-left: 10px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: bold;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt .point{
    display: inline-block;
    font-weight: bold;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt .weather {
    position: relative;
    padding: 0.6em;
    background: #dedede;
    border-radius: 20px;
    font-weight: bold;
    width: 250px;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt .weather:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #dedede;;
    width: 0;
    height: 0;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt .buy{
    display: inline-block;
    font-weight: bold;
    background: #fac78f;
    padding: 2px 0;
    width: 120px;
    text-align: center;
    margin: 0 0 10px 1em;
}
#notice-reservation .ticket .ticket-li-box .ticket-li .asoview-box .asoview-txt .cancel{
    display: inline-block;
    font-weight: bold;
    background: #a3ddf7;
    padding: 2px 0;
    width: 120px;
    text-align: center;
}
#notice-reservation .ribbon{
    padding: 24px 16px;
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.2;
    color: #FFF;
    background: linear-gradient( to bottom,#C00 8%,#F00 8%,#F00 92%,#C00 92%,#C00 100%);
    text-align: center;
    clip-path: polygon(100% 0%,98% 50%,100% 100%,0 100%,2% 50%,0 0);
}
#notice-reservation .ribbon small {
    display: block;
    margin: 0 0 4px;
    font-size: 16px;
}

/*�p��T�C�g��\��*/
.show-on-translation {
    display: none!important;
}

/*���菤����@�Ɋ�Â��\�L*/
#law {
    width: 980px;
    margin: 0 auto 30px;
}
#law h1 {
  font-size: 34px;
  font-weight: bold;
}
#law dl{
    border-top: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}
#law dl dt{
    width: 30%;
    background: #EEEEEE;
    padding: 20px;
    border-bottom: 1px solid #fff;
}
#law dl dt.last{
    border-bottom: 1px solid #EEEEEE;
}
#law dl dd{
    width: 70%;
    padding: 20px;
    border-bottom: 1px solid #EEEEEE;
}

/*�C���^�[�l�b�g�\�� �����p�K��*/
#reserve-web {
    width: 980px;
    margin: 0 auto 30px;
}
#reserve-web h1{
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 10px;
}
#reserve-web .txt{
    font-size: 16px;
    line-height: 1.8;
}
#reserve-web .ttl{
    font-size: 20px;
    font-weight: bold;
    border-bottom: 5px solid #EAEAEA;
    display: inline-block;
    line-height: 2;
    margin-bottom: 20px;
}
#reserve-web ul {
    margin-bottom: 50px;
}
#reserve-web ul li{
    font-size: 16px;
    line-height: 1.8;
}
#reserve-web ul .indent{
    text-indent: -1em;
    padding-left: 1em;
}
#reserve-web ul .indent02{
    text-indent: -1em;
    padding-left: 2em;
}

/*FAQ*/
#faq .e-anchor-nav {
    margin-bottom: 5rem;
}
#faq .e-anchor-nav .e-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    }
#faq .e-anchor-nav .e-flex .e-item {
    width: 33%;
    margin-bottom: 1rem;
    border: #f0f0f0 solid 5px;
    padding: 10px;
    text-align: center;
    color: #000;
}
#faq .e-anchor-nav .e-flex .e-item.m-demo {
    border: none;
}
#faq .e-main-contents .e-h2 {
    color: #249698;
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 2rem;
}
#faq .e-main-contents .e-h2::before,
#faq .e-main-contents .e-h2::after {
    content: "";
    width: 1em;
    height: 1px;
    border-top: #249698 solid 3px;
    display: inline-block;
    position: relative;
    bottom: 0.3em;
    margin: 0 0.5em;
}
#faq .e-main-contents .e-faqbox {
    margin-bottom: 8rem;
}
#faq .e-main-contents .e-faqbox .e-faq {
    margin-bottom: 1rem;
    padding-top: 2rem;
    border-top: #E0E0E0 1px solid;
    font-weight: bold;
}
#faq .e-main-contents .e-faqbox .e-faq::before {
    content: url(../../faq/images/question.png);
    margin-right: 1em;
}
#faq .e-main-contents .e-faqbox .e-answer {
    padding: 1rem 1.5rem;
    background: #F0F0F0;
    margin-bottom: 2rem;
}
#faq .e-main-contents .e-faqbox .e-answer::before {
    content: url(../../faq/images/answer.png);
    margin-right: 1em;
}
#faq .u-mb-3 {
    margin-bottom: 1.25rem auto 1.875rem !important;
    clear: both;
    max-width: 61.25rem;
    height: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #cacaca;
    border-left: 0;
}
#faq .e-subtitle {
    color: #fff;
    padding: 10px 20px;
    background: #003C42;
    margin: 0 0 2%;
    border-radius: 3px;
    font-size: 1.5rem;
}
#faq .e-item-title {
    font-size: 1.375rem;
    padding: 10px 10px 0;
    border-bottom: 1px solid red;
    margin-bottom: 1rem;
}
#faq .e-notes {
  padding-bottom: 40px;
}
#faq .grid-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
#faq .grid-x .medium-8 {
    width: 66.66667%;
}
#faq .grid-x .medium-4 {
    width: 33.33333%;
    font-size: 14px;
}
#faq .medium-8  ul {
    margin-bottom: 30px;
    padding-right: 20px;
    font-size: 14px;
}
#faq .medium-8 ul li {
    margin-bottom: 5px;
    margin-left: 1em;
    text-indent: -1em;
}
#faq .e-banner-stay img {
    max-width: 230px;
    display: table;
    margin: 30px auto;
    margin-bottom: 30px;
    margin-bottom: 10px;
}
#faq .e-item-subtitle {
    font-size: 1.25rem;
    font-weight: bold;
}
#faq .e-item-subtitle::before {
    content: "��";
    padding-right: 5px;
}
#faq .e-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
}
#faq .e-table th {
    font-size: 14px;
    color: #2F9E8D;
    text-align: center;
    vertical-align: middle;
    background: #F9F9F9;
    border: 1px solid #CBCBCB;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#faq .e-table td {
    font-size: 14px;
    color: #54575A;
    vertical-align: middle;
    border: 1px solid #CBCBCB;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#faq .p-experience-stay {
    margin-bottom: 30px;
    padding-right: 20px;
    font-size: 14px;
}
#faq .p-experience-stay li {
    margin-bottom: 5px;
    margin-left: 1em;
    text-indent: -1em;
}

/*menu*/
#menu {
    color: #707070;
    font-family:"�q���M�m�p�SPro","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
    padding: 10px 0 50px;
    line-height: 1.8;
}
#menu ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}
#menu ul li{
    width: 48%;
    margin-bottom: 40px;
}
#menu ul li .txt{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #B68014;
    color: #ffffff;
    padding: 10px 0;
}
#menu ul li a:hover{
    opacity: 0.7;
    transition: 0.4s;
}

/* 3�΃o�[�X�f�[�X�y�V�����v���� */
#three-bdp {
    background-image: linear-gradient(180deg, rgba(198, 240, 234, 1), rgba(255, 235, 148, 1) 50%, rgba(255, 204, 172, 1));
    font-family:"�q���M�m�p�SPro","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
}
#three-bdp .ttl{
    font-family:"Zen Maru Gothic", serif, "�q���M�m�p�SPro","Hiragino Kaku Gothic Pro","���S�V�b�N Medium", "Yu Gothic Medium", "���S�V�b�N��", YuGothic, "���C���I", Meiryo, sans-serif;
    font-size: 80px;
    font-weight: 900;
    font-style: normal;
    color: #009dff;
    text-align: center;
    line-height: 1;
    padding: 100px 0 50px;
    background: url(../../three_bdp/images/ttl.png);
    margin-bottom: 30px;
    text-shadow: #ffffff 3px 0px 10px,#ffffff -3px 0px 10px,#ffffff 0px -3px 10px,#ffffff -3px 0px 10px,#ffffff 3px 3px 10px,#ffffff -3px 3px 10px,#ffffff 3px -3px 10px,#ffffff -3px -3px 10px;
}
#three-bdp .ttl .sub{
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
    color: #505050;
}
#three-bdp .txt{
    padding: 30px;
    margin-top: 20px;
    font-size: 16px;
    background: #ffffff;
    border-radius: 10px;
}
#three-bdp .plan-box {
    /*background: #ffffff;
    border: 10px solid #009dff;
    border-radius: 50px;
    padding: 30px 40px;
    margin-top: 30px;*/
    margin-top: 30px;
    padding: 20px;
    background: repeating-linear-gradient(-45deg, #7dcdff 0 10px, #fff 7px 20px);
}
#three-bdp .plan-box .box-body,
#three-bdp .plan-box02 .box-body{
    padding: 30px;
    border-radius: 1rem;
    background-color: white;
}
#three-bdp .plan-box02 {
   /* background: #ffffff;
    border: 10px solid #ffa700;
    border-radius: 50px;
    padding: 30px 40px;
    margin-top: 30px;*/
    margin-top: 30px;
    padding: 20px;
    background: repeating-linear-gradient(-45deg, #ffc456 0 10px, #fff 7px 20px);
}
#three-bdp .plan-box .plan-ttl{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 30px;
    color: #ffffff;
    background: #009dff;
    border-radius: 10px;
}
#three-bdp .plan-box02 .plan-ttl02{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 30px;
    color: #ffffff;
    background: #ffa700;
    border-radius: 10px;
}
#three-bdp .plan-box .plan-fl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #333333;
    width: 90%;
}
#three-bdp .plan-box .plan-fl-nb{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#three-bdp .plan-box .plan-fl .plan-imgL{
    width: 40%;
}
#three-bdp .plan-box .plan-fl .plan-txtR{
    width: 55%;
    font-size: 20px;
    padding-left: 20px;
}
#three-bdp .plan-box .plan-fl .plan-imgR{
    width: 40%;
}
#three-bdp .plan-box .plan-fl .plan-txtL{
    width: 55%;
    font-size: 20px;
    padding-right: 20px;
}
#three-bdp .plan-box .plan-fl .bd-photo{
    text-align: right!important;
}
#three-bdp .plan-box02 .select-txt{
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}
#three-bdp .plan-box02 .plan-fl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0 auto 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #333333;
}
#three-bdp .plan-box02 .plan-fl-nb{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#three-bdp .plan-box02 .plan-fl .plan-imgL{
    width: 30%;
}
#three-bdp .plan-box02 .plan-fl .plan-txtR{
    width: 65%;
    font-size: 20px;
    padding-left: 20px;
}



#three-bdp .faq-box {
    background: #ffffff;
    padding: 30px 30px 20px;
    margin: 50px auto ;
    border-radius: 10px;
}
#three-bdp .faq-box a{
    text-decoration: none!important;
}
#three-bdp .faq-box .faq-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    color: #009dff;
    background: url(../../images/arrow02.png) right center no-repeat;
}
#three-bdp .faq-box .faq-ttl .toggle-trigger {
    display: block;
    padding: 20px 40px 20px 0;
}
#three-bdp .faq-box .toggle-target {
    display: none;
    padding: 0 0 20px;
}
#three-bdp .faq-box .faq-fl .faq-q{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    text-indent: -2em;
    padding-left: 2em;
}
#three-bdp .faq-box .faq-fl .faq-q .q-blue{
    color: #00a7ff;
    font-weight: bold;
}
#three-bdp .faq-box .faq-fl .faq-a{
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #333333;
    text-indent: -2em;
    padding-left: 2em;
}
#three-bdp .faq-box .faq-fl .faq-a:last-child{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
#three-bdp .faq-box .faq-fl .faq-a .a-red{
    color: #ff0080;
    font-weight: bold;
}
.deco-cake-contents{
    border: 30px solid #f28195;
    background:#fff;
    margin: 0 auto;
    max-width: 980px;
    color: #333;
    background: #fdf8ed;
    padding: 50px 50px 50px 50px;
}
.deco-cake-contents .cake-min {
    font-family: "�q���M�m����Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
.deco-cake-contents .cake-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}
.deco-cake-contents .cake-ttl span{
    font-size: 40px;
    color: #f28195;
}
.deco-cake-contents .bd-cake-txt{
    font-size: 20px;
    text-align: center;
    margin: 30px 0 10px;
    line-height: 2;
}
.deco-cake-contents .cake-size {
    background: #fff;
    padding: 20px;
    text-align: center;
    width: 750px;
    margin: 0 auto;
    font-size: 18px;
}
.deco-cake-contents .cake-note {
    font-size: 14px;
    margin: 10px 0 10px 60px;
}
.deco-cake-contents .cake-order {
    border-top: 1px solid #f28195;
    padding-top: 30px;
    margin-top: 50px;
}
.deco-cake-contents .cake-order .order-tel{
    font-size: 20px;
    text-align: center;
    margin: 0 0 10px;
    line-height: 1.8;
}
.deco-cake-contents .cake-order .order-tel span{
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px;
    display: block;
}
.deco-cake-contents .cake-order .order-time {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.deco-cake-contents .cake-order .order-time span{
    font-size: 18px;
    font-weight: normal!important;
}
.deco-cake-contents .order-note {
    font-size: 14px;
    text-align: center;
}
.deco-cake-contents .navidial-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 20px;
}
.deco-cake-contents .navidial-box .navidial a {
    color: #fff;
    background: #434343 !important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 10px;
    padding: 20px;
    display: block;
    width: 300px;
    border-radius: 10px;
    text-decoration: none;
}

#three-bdp .btn{
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    background: #009dff;
    border-radius: 20px;
    padding: 20px 50px;
    margin: 0 auto;
    text-align: center;
    width: 500px;
    display: block;
    text-decoration: none;
}
#three-bdp .btn:hover {
    opacity: 0.6;
    transition: 0.5s;
    color: #ffffff;
}
#three-bdp .calendar{
    background: #ffffff;
    border: 10px solid #ff76b0;
    border-radius: 50px;
    padding: 30px 40px;
    margin: 20px 0 50px;
}
#three-bdp .calendar .calendar-ttl {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 30px;
    color: #ffffff;
    background: #ff76b0;
    border-radius: 10px;
}
#three-bdp .calendar  ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 30px auto 0;
    width: 80%;
}
#three-bdp .calendar ul li {
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 20px;
}
#three-bdp .calendar ul li .month {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#three-bdp .calendar ul li table {
    width: 100%;
    text-align: center;
    font-size: 16px;
}
#three-bdp .calendar ul li table th {
    text-align: center;
    background: #b7eaf5;
    border: 1px #999 solid;
    font-weight: bold;
    padding: 5px;
    width: 14%;
}
#three-bdp .calendar ul li table td {
    text-align: center;
    border: 1px #999 solid;
    background: #fff;
    vertical-align: middle;
    padding: 5px;
}
#three-bdp .calendar ul li table td.notsale {
    background: #d3d3d3;
}
    #three-bdp .calendar .note{
    font-size: 16px;
    margin: 10px 0 0 10px;
}

#recommend-eng,
#recommend-zh-tw,
#recommend-jp{
    color: #333333;
    margin-top: 100px;
    font-family: "�q���M�m����Pro W3","Hiragino Mincho Pro","�q���M�m���� Pro W6","HGS����E","HG����E","�l�r �o����",serif;
}
#recommend-eng .summer,
#recommend-zh-tw .summer,
#recommend-jp .summer{
    background: #B6DDF7;
    padding: 50px 30px;
}
#recommend-jp .summer .img-summer01,
#recommend-jp .allyear .img-allyear01{
    position: relative;
    margin-bottom: 30px;
}
#recommend-jp .summer .img-summer01 .summer01-txt,
#recommend-jp .allyear .img-allyear01 .allyear01-txt{
    font-size: 24px;
    padding: 20px 60px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    position: absolute;
    top: 80px;
    right: 0;
    width: 500px;
}
#recommend-jp .summer .img-summer02,
#recommend-jp .allyear .img-allyear02{
    position: relative;
    text-align: right;
    margin-bottom: 30px;
}
#recommend-jp .summer .img-summer02 .summer02-txt{
    font-size: 24px;
    text-align: left;
    padding: 20px 60px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 500px;
}
#recommend-jp .allyear .img-allyear02 .allyear02-txt{
    font-size: 24px;
    text-align: left;
    padding: 20px 60px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 500px;
}
#recommend-jp .summer .img-summer03 img{
    text-align: right;
}
#recommend-jp .summer .img-summer03{
    position: relative;
    margin-bottom: 30px;
}
#recommend-jp .summer .img-summer03 .summer03-txt{
    font-size: 24px;
    padding: 20px 60px;
    background: rgba(255,255,255,0.8);
    display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 0;
    width: 500px;
}

#recommend-eng .allyear,
#recommend-zh-tw .allyear,
#recommend-jp .allyear{
    background: #d4edda;
    padding: 50px 30px;
    margin-top: 50px;
}

#recommend-eng .summer .ttl,
#recommend-eng .allyear .ttl,
#recommend-zh-tw .summer .ttl,
#recommend-zh-tw .allyear .ttl,
#recommend-jp .summer .ttl,
#recommend-jp .allyear .ttl{
    font-size: 40px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}
#recommend-eng .summer .sub-ttl,
#recommend-eng .allyear .sub-ttl,
#recommend-zh-tw .summer .sub-ttl,
#recommend-zh-tw .allyear .sub-ttl,
#recommend-jp .summer .sub-ttl,
#recommend-jp .allyear .sub-ttl{
    font-size: 20px;
    width: 50%;
    text-align: center;
    margin: 80px auto 20px;
    padding: 20px;
    border: 2px solid #fff;
}
#recommend-eng .summer .buffet-box,
#recommend-eng .allyear .buffet-box,
#recommend-zh-tw .summer .buffet-box,
#recommend-zh-tw .allyear .buffet-box,
#recommend-jp .summer .buffet-box,
#recommend-jp .allyear .buffet-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
#recommend-eng .summer .buffet-box li,
#recommend-eng .allyear .buffet-box li,
#recommend-zh-tw .summer .buffet-box li,
#recommend-zh-tw .allyear .buffet-box li,
#recommend-jp .summer .buffet-box li,
#recommend-jp .allyear .buffet-box li{
    width: 40%;
    margin: 0 10px;
    position: relative;
}
#recommend-eng .summer .buffet-box li .dinner-txt,
#recommend-eng .allyear .buffet-box li .dinner-txt,
#recommend-eng .summer .buffet-box li .morning-txt,
#recommend-eng .allyear .buffet-box li .morning-txt,
#recommend-zh-tw .summer .buffet-box li .dinner-txt,
#recommend-zh-tw .allyear .buffet-box li .dinner-txt,
#recommend-zh-tw .summer .buffet-box li .morning-txt,
#recommend-zh-tw .allyear .buffet-box li .morning-txt,
#recommend-jp .summer .buffet-box li .dinner-txt,
#recommend-jp .allyear .buffet-box li .dinner-txt,
#recommend-jp .summer .buffet-box li .morning-txt,
#recommend-jp .allyear .buffet-box li .morning-txt{
    font-size: 18px;
    padding: 5px 10px;
    background:rgba(255,255,255,0.8);
    display: inline-block;
    position: absolute;
    bottom:0;
    right: 0;
}
#recommend-eng .summer .plan,
#recommend-eng .allyear .plan,
#recommend-zh-tw .summer .plan,
#recommend-zh-tw .allyear .plan,
#recommend-jp .summer .plan,
#recommend-jp .allyear .plan{
    padding: 50px 30px;
    background: #fff;
    margin-top: 50px;
}
#recommend-eng .summer .plan .plan-ttl,
#recommend-eng .allyear .plan .plan-ttl,
#recommend-zh-tw .summer .plan .plan-ttl,
#recommend-zh-tw .allyear .plan .plan-ttl,
#recommend-jp .summer .plan .plan-ttl,
#recommend-jp .allyear .plan .plan-ttl{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
#recommend-eng .summer .plan .plan-txt,
#recommend-eng .allyear .plan .plan-txt,
#recommend-zh-tw .summer .plan .plan-txt,
#recommend-zh-tw .allyear .plan .plan-txt,
#recommend-jp .summer .plan .plan-txt,
#recommend-jp .allyear .plan .plan-txt{
    font-size: 18px;
}
#recommend-eng .summer .plan .plan-note,
#recommend-eng .allyear .plan .plan-note,
#recommend-zh-tw .summer .plan .plan-note,
#recommend-zh-tw .allyear .plan .plan-note,
#recommend-jp .summer .plan .plan-note,
#recommend-jp .allyear .plan .plan-note{
    font-size: 14px;
    margin-top: 20px;
}
#recommend-eng .summer .plan .plan-note-box,
#recommend-eng .allyear .plan .plan-note-box,
#recommend-zh-tw .summer .plan .plan-note-box,
#recommend-zh-tw .allyear .plan .plan-note-box,
#recommend-jp .summer .plan .plan-note-box,
#recommend-jp .allyear .plan .plan-note-box{
    margin-top: 20px;
}
#recommend-eng .summer .plan .plan-note-box li,
#recommend-eng .allyear .plan .plan-note-box li,
#recommend-zh-tw .summer .plan .plan-note-box li,
#recommend-zh-tw .allyear .plan .plan-note-box li,
#recommend-jp .summer .plan .plan-note-box li,
#recommend-jp .allyear .plan .plan-note-box li{
    font-size: 14px;
    text-indent: -1em;
    padding-left: 1em;
}
#recommend-eng .summer .btn,
#recommend-eng .allyear .btn,
#recommend-zh-tw .summer .btn,
#recommend-zh-tw .allyear .btn,
#recommend-jp .summer .btn,
#recommend-jp .allyear .btn{
    margin: 30px auto 0;
    text-align: center;
}
#recommend-eng .summer .btn a,
#recommend-eng .allyear .btn a,
#recommend-zh-tw .summer .btn a,
#recommend-zh-tw .allyear .btn a,
#recommend-jp .summer .btn a,
#recommend-jp .allyear .btn a{
    width: 400px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    color: #fff;
    background: #1A5BB6;
    text-decoration: none;
    border-radius: 20px;
}
#recommend-eng .summer .btn a:hover,
#recommend-eng .allyear .btn a:hover,
#recommend-zh-tw .summer .btn a:hover,
#recommend-zh-tw .allyear .btn a:hover,
#recommend-jp .summer .btn a:hover,
#recommend-jp .allyear .btn a:hover{
    opacity: 0.6;
    transition: 0.4s ;
}