@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align: baseline;
  color: #333;
  font-family: 游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Arial,Helvetica,Verdana,sans-serif;
  line-height: 1;
}

a {
  text-decoration: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

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

blockquote, q {
  quotes: none;
}

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

input, textarea {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

a:focus {
  outline: none;
}

sup {
  vertical-align: super;
  font-size: 60%;
}

input[type="text"], input[type="password"], button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-family: 游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Arial,Helvetica,Verdana,sans-serif;
}

select::-ms-expand {
  display: none;
}

html {
  font-size: 62.5%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb35 {
  margin-bottom: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

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

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

.pb40 {
  padding-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

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

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

.pb50 {
  padding-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.wid0 {
  width: 0px !important;
}

.wid5 {
  width: 5px !important;
}

.wid10 {
  width: 10px !important;
}

.wid15 {
  width: 15px !important;
}

.wid20 {
  width: 20px !important;
}

.wid25 {
  width: 25px !important;
}

.wid30 {
  width: 30px !important;
}

.wid35 {
  width: 35px !important;
}

.wid40 {
  width: 40px !important;
}

.wid45 {
  width: 45px !important;
}

.wid50 {
  width: 50px !important;
}

.wid55 {
  width: 55px !important;
}

.wid60 {
  width: 60px !important;
}

.wid65 {
  width: 65px !important;
}

.wid70 {
  width: 70px !important;
}

.wid75 {
  width: 75px !important;
}

.wid80 {
  width: 80px !important;
}

.wid85 {
  width: 85px !important;
}

.wid90 {
  width: 90px !important;
}

.wid95 {
  width: 95px !important;
}

.wid100 {
  width: 100px !important;
}

.wid105 {
  width: 105px !important;
}

.wid110 {
  width: 110px !important;
}

.wid115 {
  width: 115px !important;
}

.wid120 {
  width: 120px !important;
}

.wid125 {
  width: 125px !important;
}

.wid130 {
  width: 130px !important;
}

.wid135 {
  width: 135px !important;
}

.wid140 {
  width: 140px !important;
}

.wid145 {
  width: 145px !important;
}

.wid150 {
  width: 150px !important;
}

.wid155 {
  width: 155px !important;
}

.wid160 {
  width: 160px !important;
}

.wid165 {
  width: 165px !important;
}

.wid170 {
  width: 170px !important;
}

.wid175 {
  width: 175px !important;
}

.wid180 {
  width: 180px !important;
}

.wid185 {
  width: 185px !important;
}

.wid190 {
  width: 190px !important;
}

.wid195 {
  width: 195px !important;
}

.wid200 {
  width: 200px !important;
}

.wid205 {
  width: 205px !important;
}

.wid210 {
  width: 210px !important;
}

.wid215 {
  width: 215px !important;
}

.wid220 {
  width: 220px !important;
}

.wid225 {
  width: 225px !important;
}

.wid230 {
  width: 230px !important;
}

.wid235 {
  width: 235px !important;
}

.wid240 {
  width: 240px !important;
}

.wid245 {
  width: 245px !important;
}

.wid250 {
  width: 250px !important;
}

.wid255 {
  width: 255px !important;
}

.wid260 {
  width: 260px !important;
}

.wid265 {
  width: 265px !important;
}

.wid270 {
  width: 270px !important;
}

.wid275 {
  width: 275px !important;
}

.wid280 {
  width: 280px !important;
}

.wid285 {
  width: 285px !important;
}

.wid290 {
  width: 290px !important;
}

.wid295 {
  width: 295px !important;
}

.wid300 {
  width: 300px !important;
}

.exs-border-btm {
  border-bottom: #ccc 1px solid;
}

.exs-border-top {
  border-top: #ccc 1px solid;
}

.exs-border-left {
  border-left: #ccc 1px solid;
}

.exs-border-right {
  border-right: #ccc 1px solid;
}

.bg-white {
  background: #fff;
}

.italic {
  font-style: italic;
}

.no-border {
  border: none !important;
}

.click-shield a {
  cursor: default;
}

html {
  background: url(../img/bg_html-blue.png) 0 0 no-repeat;
  background-size: 100% auto;
}

em {
  font-style: normal;
  color: #f60;
}

.w940 {
  width: 940px;
  margin: 0 auto;
}

.icon-smoke::before {
  display: inline-block;
  content: url(../img/icon_smoke.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-smoke.after::before {
  display: none;
}
.icon-smoke.after::after {
  display: inline-block;
  content: url(../img/icon_smoke.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-nosmoke::before {
  display: inline-block;
  content: url(../img/icon_nosmoke.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-nosmoke.after::before {
  display: none;
}
.icon-nosmoke.after::after {
  display: inline-block;
  content: url(../img/icon_nosmoke.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-sun::before {
  display: inline-block;
  content: url(../img/icon_sun.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-sun.after::before {
  display: none;
}
.icon-sun.after::after {
  display: inline-block;
  content: url(../img/icon_sun.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-cards::before {
  display: inline-block;
  content: url(../img/icon_cards.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-cards.after::before {
  display: none;
}
.icon-cards.after::after {
  display: inline-block;
  content: url(../img/icon_cards.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-ladies::before {
  display: inline-block;
  content: url(../img/icon_ladies.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-ladies.after::before {
  display: none;
}
.icon-ladies.after::after {
  display: inline-block;
  content: url(../img/icon_ladies.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-family::before {
  display: inline-block;
  content: url(../img/icon_family.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-family.after::before {
  display: none;
}
.icon-family.after::after {
  display: inline-block;
  content: url(../img/icon_family.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-couple::before {
  display: inline-block;
  content: url(../img/icon_couple.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-couple.after::before {
  display: none;
}
.icon-couple.after::after {
  display: inline-block;
  content: url(../img/icon_couple.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-business::before {
  display: inline-block;
  content: url(../img/icon_business.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-business.after::before {
  display: none;
}
.icon-business.after::after {
  display: inline-block;
  content: url(../img/icon_business.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-cb::before {
  display: inline-block;
  content: url(../img/icon_cb.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-cb.after::before {
  display: none;
}
.icon-cb.after::after {
  display: inline-block;
  content: url(../img/icon_cb.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-bed::before {
  display: inline-block;
  content: url(../img/icon_bed.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-bed.after::before {
  display: none;
}
.icon-bed.after::after {
  display: inline-block;
  content: url(../img/icon_bed.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-dinner-morning::before {
  display: inline-block;
  content: url(../img/icon_dinner-morning.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-dinner-morning.after::before {
  display: none;
}
.icon-dinner-morning.after::after {
  display: inline-block;
  content: url(../img/icon_dinner-morning.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-dinner::before {
  display: inline-block;
  content: url(../img/icon_dinner.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-dinner.after::before {
  display: none;
}
.icon-dinner.after::after {
  display: inline-block;
  content: url(../img/icon_dinner.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.icon-morning::before {
  display: inline-block;
  content: url(../img/icon_morning.png);
  width: 1.2em;
  vertical-align: middle;
  text-align: center;
  margin-right: 4px;
}
.icon-morning.after::before {
  display: none;
}
.icon-morning.after::after {
  display: inline-block;
  content: url(../img/icon_morning.png);
  vertical-align: middle;
  text-align: center;
  width: 1.2em;
  margin-left: 4px;
}

.caution::before {
  display: inline-block;
  margin-right: 3px;
  content: '※' !important;
}

span.required {
  display: inline-block;
  padding: 3px 7px;
  margin: -2px 5px 0;
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
}

.title-page-heading {
  padding: 10px;
  font-size: 22px;
  line-height: 1.73;
  letter-spacing: 3px;
  border-bottom: #333 4px solid;
}
.title-page-heading span {
  position: relative;
  float: right;
  font-size: 14px;
  line-height: 2.81;
}
.title-page-heading span::before {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: -25px;
  width: 24px;
  height: 24px;
  border-left: #1e3467 1px solid;
  content: '';
  transform: rotateZ(45deg);
}
.title-page-heading.icon-magnifying-glass::before {
  display: inline-block;
  width: 39px;
  height: 38px;
  margin: 0 15px 0 5px;
  background: url(../img/icon_mmg-big.png) 0 0 no-repeat;
  content: '';
  vertical-align: middle;
}

.title-sub-heading {
  position: relative;
  padding-left: 20px;
  background: #333;
  color: #fff;
  font-size: 16px;
  line-height: 2.5;
}
.title-sub-heading::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 14px;
  height: 4px;
  background: #fff;
  content: '';
}

.title-bgg {
  margin-bottom: 10px;
  background: #ebebeb;
  font-size: 12px;
  font-weight: bold;
  line-height: 2.15;
  text-align: center;
  letter-spacing: 5px;
}

.title-common {
  padding: 0 0 7px 0;
  margin-bottom: 30px;
  border-bottom: #919191 1px solid;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 2px;
}

.title-em {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

.txt {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.txt.lead {
  line-height: 2;
}
.txt.little {
  font-size: 12px;
}
.txt a {
  text-decoration: underline;
}

.txt-red {
  color: #ea3a15;
}
.txt-red a, .txt-red span {
  color: #ea3a15;
}

.lead-page-heading {
  padding: 35px 0;
  color: #666;
  font-size: 14px;
  line-height: 2;
}

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

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

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

.link a {
  color: #17346a;
  text-decoration: underline;
}

.btn-common {
  margin-bottom: 50px;
  overflow: hidden;
}
.btn-common a {
  display: inline-block;
  min-width: 240px;
  background: #333;
  font-size: 14px;
  color: #fff;
  line-height: 4.3;
  padding: 0 25px;
  text-align: center;
  transition: .3s all;
}
.btn-common a:hover {
  background: #595959;
}

.btn-small a {
  line-height: 3.3;
}

.list-mb0 > li {
  margin-bottom: 0 !important;
}

.list-bar > li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
}
.list-bar > li::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #000;
  content: '';
}

.list-disc-white > li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
}
.list-disc-white > li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '○';
}

.list-barwrap {
  margin-left: 5px;
  padding-left: 25px;
  margin-bottom: 10px;
  border-left: #666 2px solid;
}
.list-barwrap > li {
  font-size: 16px;
  line-height: 2;
}
.list-barwrap > li.caution {
  font-size: 14px;
}
.list-barwrap > li a {
  line-height: 2;
}

.simple-table {
  border-top: #ccc 1px solid;
}
.simple-table tr {
  border-bottom: #ccc 1px solid;
}
.simple-table tr th, .simple-table tr td {
  padding: 8px 10px;
  font-size: 14px;
  vertical-align: middle;
}
.simple-table tr th {
  padding-left: 15px;
  color: #999;
  text-align: right;
}
.simple-table tr td {
  padding-right: 15px;
  font-size: 14px;
}

.table-common {
  width: 100%;
  margin-bottom: 50px;
}
.table-common thead {
  background: #f5f5f5;
}
.table-common thead tr {
  border-bottom: none;
  vertical-align: middle;
}
.table-common thead.center th, .table-common thead.center td {
  text-align: center;
}
.table-common tr {
  border-bottom: #ccc 1px solid;
}
.table-common tr th, .table-common tr td {
  font-size: 14px;
  padding: 15px 5px;
  line-height: 1.2;
  vertical-align: middle;
}
.table-common tr th a, .table-common tr td a {
  text-decoration: underline;
}
.table-common tr.cancel th, .table-common tr.cancel td, .table-common tr.cancel a:not(.btn-tablein) {
  color: #ea3a15;
}
.table-common .btn-tablein {
  display: inline-block;
  padding: 5px 15px;
  border: #ccc 1px solid;
  transition: .4s all;
}
.table-common .btn-tablein:hover {
  background: #ccc;
}

th.tbl-mealtype, td.tbl-mealtype {
  width: 100px;
}
th.tbl-roomlimit, td.tbl-roomlimit {
  width: 80px;
}
th.tbl-plantype, td.tbl-plantype {
  width: 80px;
}
th.tbl-smoketype, td.tbl-smoketype {
  width: 100px;
}
th.tbl-basicprice, td.tbl-basicprice {
  width: 80px;
}
th.tbl-price, td.tbl-price {
  width: 100px;
}
th.tbl-reservation, td.tbl-reservation {
  width: 140px;
}
th.tbl-sumprice, td.tbl-sumprice {
  width: 280px;
}
th.table-checkin, td.table-checkin {
  width: 135px;
}
th.table-checkout, td.table-checkout {
  width: 135px;
}
th.table-roomsum, td.table-roomsum {
  width: 45px;
}
th.table-price, td.table-price {
  width: 80px;
}
th.table-cards, td.table-cards {
  width: 100px;
}
th.table-detail, td.table-detail {
  width: 95px;
}
th.table-cancel, td.table-cancel {
  width: 115px;
}

.box-common {
  position: relative;
  border: #000 2px solid;
  box-sizing: border-box;
  padding: 35px 50px;
  margin-bottom: 50px;
  background: #fff;
}

.figbox {
  overflow: hidden;
}
.figbox.fig-left > figure {
  width: 300px;
  margin-right: 30px;
  float: left;
}
.figbox.fig-left > div {
  padding-top: 5px;
  overflow: hidden;
}
.figbox.fig-right > figure {
  width: 300px;
  margin-left: 30px;
  float: right;
}
.figbox.fig-right > div {
  padding-top: 5px;
  overflow: hidden;
}
.figbox figure {
  position: relative;
  overflow: hidden;
}
.figbox figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: .4s all;
}
.figbox figure:hover figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.reservation-flow {
  padding: 28px 32px 0;
  margin-bottom: 90px;
  background: #fff;
  overflow: hidden;
}
.reservation-flow h2 {
  width: 121px;
  height: 72px;
  box-sizing: border-box;
  padding-top: 57px;
  margin-bottom: 28px;
  float: left;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;
  background: url(../img/icon_reservation-flow.png) center 7px no-repeat;
  font-size: 12px;
  text-align: center;
}
.reservation-flow ol {
  width: 726px;
  height: 72px;
  float: right;
  font-size: 0;
}
.reservation-flow ol li {
  display: inline-block;
  position: relative;
  width: 120px;
  margin: 3px 1px 0 0;
  font-size: 12px;
  color: #e5e5e5;
  text-align: center;
  counter-increment: num;
}
.reservation-flow ol li::before {
  display: block;
  position: relative;
  z-index: 20;
  width: 36px;
  margin: 0 auto 15px;
  border: #e5e5e5 2px solid;
  border-radius: 50%;
  background: #fff;
  content: counter(num);
  color: #e5e5e5;
  font-size: 15px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}
.reservation-flow ol li::after {
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
  right: 0;
  z-index: 10;
  height: 4px;
  background: #e5e5e5;
  content: '';
}
.reservation-flow ol li.active {
  color: #333;
}
.reservation-flow ol li.active::before {
  border-color: #333;
  color: #333;
}
.reservation-flow ol li.active::after {
  background-color: #333;
}
.reservation-flow ul {
  clear: both;
  padding: 10px 0;
  border-top: #ccc 1px solid;
  font-size: 0;
  text-align: center;
}
.reservation-flow ul li {
  display: inline-block;
  width: 167px;
  border-right: #ccc 1px solid;
}
.reservation-flow ul li.active {
  pointer-events: none;
  background: #e5e5e5;
}
.reservation-flow ul li a {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 2.3;
  transition: .4s all;
}
.reservation-flow ul li a:hover {
  background: #f1f1f1;
}
.reservation-flow.cancel h2 {
  width: 151px;
}
.reservation-flow.cancel ol {
  width: 696px;
}
.reservation-flow.cancel ol li {
  width: 231px;
}
.reservation-flow.history h2 {
  width: 151px;
}
.reservation-flow.history ol {
  width: 696px;
}
.reservation-flow.history ol li {
  width: 173px;
}

.box-plan {
  position: relative;
  border: #000 2px solid;
  box-sizing: border-box;
  padding: 35px 50px;
  margin-bottom: 50px;
  background: #fff;
}
.box-plan::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-left: #333 23px solid;
  border-top: #333 23px solid;
  border-right: transparent 23px solid;
  border-bottom: transparent 23px solid;
  content: '';
}
.box-plan::after {
  position: absolute;
  left: 10px;
  top: 10px;
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  content: '';
}
.box-plan .title-box-plan {
  position: relative;
  margin-bottom: 30px;
  border-bottom: #919191 1px solid;
}
.box-plan .title-box-plan .title {
  padding: 0 130px 7px 0;
  font-style: italic;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 2px;
}
.box-plan .title-box-plan .title span {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.box-plan .title-box-plan .more {
  display: block;
  position: absolute;
  right: 0;
  bottom: 8px;
  cursor: pointer;
  transition: .4s all;
}
.box-plan .title-box-plan .more:hover {
  background: #b9b9b9;
}
.box-plan .content-box-plan {
  overflow: hidden;
}
.box-plan .content-box-plan .left {
  width: 300px;
  float: left;
}
.box-plan .content-box-plan .right {
  width: 500px;
  float: right;
  padding-top: 5px;
}
.box-plan .content-box-plan .wide {
  width: 100%;
}
.box-plan .content-box-plan .img-sliders {
  position: relative;
  width: 300px;
  height: 225px;
  overflow: hidden;
}
.box-plan .content-box-plan .img-sliders figure {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: .5s all;
}
.box-plan .content-box-plan .img-sliders figure img {
  width: 100%;
}
.box-plan .content-box-plan .img-sliders figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: .4s all;
}
.box-plan .content-box-plan .img-sliders:hover figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.box-plan .content-box-plan .img-sliders .active figure {
  opacity: 1;
  transition: .5s all;
}
.box-plan .content-box-plan .btn-img-sliders {
  position: relative;
  text-align: center;
}
.box-plan .content-box-plan .btn-img-sliders .prev {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 55px;
  height: 50px;
  background: url(../img/btn_prev-imgslider.png) center center no-repeat;
  cursor: pointer;
}
.box-plan .content-box-plan .btn-img-sliders .next {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 55px;
  height: 50px;
  background: url(../img/btn_next-imgslider.png) center center no-repeat;
  cursor: pointer;
}
.box-plan .content-box-plan .btn-img-sliders div[class*='btn-disc'] {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 50px;
  cursor: pointer;
}
.box-plan .content-box-plan .btn-img-sliders div[class*='btn-disc']::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  content: '';
}
.box-plan .content-box-plan .btn-img-sliders div[class*='btn-disc'].active::before {
  background: #333;
}
.box-plan .content-box-plan .price-box-plan {
  margin-bottom: 10px;
  font-size: 16px;
}
.box-plan .content-box-plan .price-box-plan span {
  display: inline-block;
  padding: 0 10px;
  margin-right: 10px;
  border: #e2e2e2 1px solid;
  background: #efefef;
  font-size: 12px;
  color: #666;
  line-height: 1.8;
  vertical-align: middle;
}
.box-plan .content-box-plan .price-box-plan em {
  display: inline-block;
  padding: 0 10px;
  font-size: 30px;
  font-style: normal;
  color: #dd8e59;
  vertical-align: middle;
}
.box-plan .content-box-plan .txt-box-plan {
  font-size: 14px;
  color: #666;
  line-height: 21px;
  overflow: hidden;
}
.box-plan .content-box-plan .txt-box-plan.no-more {
  margin-bottom: 30px;
}
.box-plan .content-box-plan .txt-box-plan.yes-more {
  max-height: 105px;
/*  transition: .8s max-height; */
  transition: 1.6s max-height;
}
.box-plan .content-box-plan .txt-box-plan.yes-more.wholeview {
/*  max-height: 1000px;  */
  max-height: 2000px; 
}
.box-plan .content-box-plan .txt-more {
  display: none;
  position: relative;
  padding: 10px 0;
  text-align: center;
}
.box-plan .content-box-plan .txt-more::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  content: '';
}
.box-plan .content-box-plan .txt-more a {
  position: relative;
  width: 140px;
  display: inline-block;
  border: #ccc 1px solid;
  border-radius: 12px;
  background: #fff;
  font-size: 11px;
  line-height: 2.2;
  text-align: center;
  transition: .4s all;
}
.box-plan .content-box-plan .txt-more a:hover {
  background: #d8d8d8;
}
.box-plan .content-box-plan .price-more {
  padding: 10px 0;
  text-align: center;
}
.box-plan .content-box-plan .price-more a {
  display: inline-block;
  width: 240px;
  background: #333;
  box-sizing: border-box;
  border: #333 1px solid;
  font-size: 14px;
  color: #fff;
  line-height: 3.3;
  text-align: center;
  transition: .4s all;
}
.box-plan .content-box-plan .price-more a:hover {
  background: #d8d8d8;
}
.box-plan .content-box-plan .price-more a::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: url(../img/icon_plus-w.png) 0 0 no-repeat;
  content: '';
}
.box-plan .content-box-plan .price-more.close a {
  border: #333 1px solid;
  background: #fff;
  color: #333;
}
.box-plan .content-box-plan .price-more.close a::before {
  background: url(../img/icon_minus.png) 0 0 no-repeat;
}
.box-plan .table-box-plan {
  margin-top: 20px;
  display: none;
}
.box-plan .table-box-plan .caution {
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
}
.box-plan .table-box-plan table {
  width: 100%;
}
.box-plan .table-box-plan thead {
  background: #919191;
}
.box-plan .table-box-plan thead td, .box-plan .table-box-plan thead th {
  height: 30px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.box-plan .table-box-plan tbody tr {
  border-bottom: #e0e0e0 1px solid;
}
.box-plan .table-box-plan tbody td, .box-plan .table-box-plan tbody th {
  padding: 10px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
}
.box-plan .table-box-plan tbody td.button a, .box-plan .table-box-plan tbody th.button a {
  display: inline-block;
  margin-left: 10px;
  transition: .4s all;
}
.box-plan .table-box-plan tbody td.button a:hover, .box-plan .table-box-plan tbody th.button a:hover {
  background: #d8d8d8;
}
.box-plan .table-box-plan tbody td.button a img, .box-plan .table-box-plan tbody th.button a img {
  vertical-align: middle;
}
.box-plan .table-box-plan tbody td:nth-of-type(4) img, .box-plan .table-box-plan tbody th:nth-of-type(4) img {
  margin-right: 5px;
}
.box-plan .table-box-plan tbody td:nth-of-type(4) img:last-of-type, .box-plan .table-box-plan tbody th:nth-of-type(4) img:last-of-type {
  margin-right: 0;
}
.box-plan .table-box-plan tbody td.room-type, .box-plan .table-box-plan tbody th.room-type {
  text-align: left;
  max-width: 190px;
}
.box-plan .table-box-plan tbody td.room-type a, .box-plan .table-box-plan tbody th.room-type a {
  text-decoration: underline;
  color: #17366a;
}
.box-plan .table-box-plan tbody td.room-type a:hover, .box-plan .table-box-plan tbody th.room-type a:hover {
  text-decoration: none;
}
.box-plan .table-box-plan tbody td.room-price, .box-plan .table-box-plan tbody th.room-price {
  width: 280px;
  padding: 10px 0;
  text-align: right;
}
.box-plan .table-box-plan tbody td.room-price a, .box-plan .table-box-plan tbody th.room-price a {
  display: inline-block;
  margin-left: 10px;
  transition: .4s all;
}
.box-plan .table-box-plan tbody td.room-price a:hover, .box-plan .table-box-plan tbody th.room-price a:hover {
  background: #d8d8d8;
}
.box-plan .table-box-plan tbody td.room-price a img, .box-plan .table-box-plan tbody th.room-price a img {
  vertical-align: middle;
}

.box-plan.choice-plan {
  padding: 20px 20px 15px 70px;
}
.box-plan.choice-plan::before {
  bottom: 0;
  width: 50px;
  border: none;
  background: #333;
}
.box-plan.choice-plan::after {
  display: none;
}
.box-plan.choice-plan > input {
  position: absolute;
  left: 18px;
  top: 50%;
}
.box-plan.choice-plan .title-box-plan {
  margin-bottom: 10px;
}
.box-plan.choice-plan .title-box-plan .title {
  font-size: 20px;
  font-weight: bold;
}
.box-plan.choice-plan .title-box-plan .supplemental {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #999;
}
.box-plan.choice-plan .title-box-plan .supplemental span {
  color: #333;
}
.box-plan.choice-plan .content-box-plan .left {
  width: 150px;
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}
.box-plan.choice-plan .content-box-plan .left a {
  position: relative;
  display: block;
  margin-bottom: 10px;
  -webkit-transition: .4s opacity;
  transition: .4s opacity;
}
.box-plan.choice-plan .content-box-plan .left a::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: url(../img/icon_lb.png);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.box-plan.choice-plan .content-box-plan .left a:hover img {
  opacity: 0.8;
}
.box-plan.choice-plan .content-box-plan .left a:not(:first-child) {
  display: none;
}
.box-plan.choice-plan .content-box-plan .center {
  width: 300px;
  float: left;
  margin-right: 26px;
  padding-top: 5px;
}
.box-plan.choice-plan .content-box-plan .right {
  position: relative;
  width: 360px;
  float: left;
  padding-top: 5px;
}
.box-plan.choice-plan .content-box-plan .txt-box-plan.yes-more {
  max-height: 84px;
/*  transition: .8s max-height; */
  transition: 1.6s max-height;
}
.box-plan.choice-plan .content-box-plan .txt-box-plan.yes-more.wholeview {
/*  max-height: 1000px; */
  max-height: 2000px;
}
.box-plan.choice-plan .content-box-plan .txt-more {
  padding-bottom: 0;
  text-align: left;
}
.box-plan.choice-plan .content-box-plan .txt-more::before {
  display: none;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan {
  width: 325px;
  margin: 0 auto;
  border-left: #666 1px solid;
  border-right: #666 1px solid;
  font-size: 0;
  overflow: hidden;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li {
  display: inline-block;
  width: 65px;
  height: 65px;
  padding: 10px 0;
  box-sizing: border-box;
  border-right: #e6e6e6 1px solid;
  text-align: center;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li.sat span {
  color: #308fcf;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li.sun span {
  color: #be2c2c;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li span {
  display: block;
  line-height: 1.2;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li .date {
  font-size: 12px;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li .dow {
  font-size: 10px;
  margin-bottom: 5px;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan li .price {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan + .control div {
  position: absolute;
  width: 7px;
  height: 65px;
  bottom: 0;
  cursor: pointer;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan + .control div:hover {
  opacity: .7;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan + .control div.prev {
  left: 0;
  background: url(../img/btn_datelist-prev.png) 0 center no-repeat;
}
.box-plan.choice-plan .content-box-plan .date-list-choice-plan + .control div.next {
  right: 0;
  background: url(../img/btn_datelist-next.png) 0 center no-repeat;
}

.customer-panel {
  text-align: right;
  margin-bottom: 20px;
}
.customer-panel p {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 2.6;
}
.customer-panel a {
  display: inline-block;
  padding: 0 20px;
  background: #333;
  color: #fff;
  font-size: 12px;
  line-height: 3;
}

.select-period {
  margin-bottom: 55px;
  font-size: 16px;
  text-align: center;
}
.select-period div {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  overflow: hidden;
}
.select-period div select {
  width: 150%;
  padding: 11px 25px 11px 3px;
  border-top: #333 1px solid;
  border-bottom: #333 1px solid;
  font-size: 36px;
  cursor: pointer;
}
.select-period div::after {
  position: absolute;
  right: 7px;
  top: 30px;
  z-index: -1;
  display: block;
  content: '▼';
  font-size: 10px;
}

.area-refine {
  display: none;
}

.btn-refine {
  width: 160px;
  border: #ccc 1px solid;
  border-top: none;
  background: #fff;
  font-size: 12px;
  line-height: 3.3;
  color: #666;
  text-align: center;
  transition: .4s all;
  cursor: pointer;
}
.btn-refine:hover {
  background: #d8d8d8;
}
.btn-refine::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: url(../img/icon_plus.png) 0 0 no-repeat;
  content: '';
}
.btn-refine.active::before {
  background: url(../img/icon_minus.png) 0 0 no-repeat;
}

.search-plan {
  margin-bottom: 90px;
}
.search-plan .box-form-base {
  position: relative;
}
.search-plan .box-form-option {
  display: none;
}
.search-plan .form-search-plan {
  padding: 45px 80px 10px;
  border: #ccc 1px solid;
  border-top: none;
  background: #f4f4f4;
}
.search-plan .form-search-plan dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.search-plan .form-search-plan dl dt {
  display: table-cell;
  width: 160px;
  font-size: 14px;
  vertical-align: middle;
  letter-spacing: 2px;
}
.search-plan .form-search-plan dl dt span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #999999;
}
.search-plan .form-search-plan dl dd {
  display: table-cell;
  width: 618px;
  vertical-align: middle;
}
.search-plan .form-search-plan dl.form-item-date dd {
  position: relative;
}
.search-plan .form-search-plan dl.form-item-date dd input {
  width: 298px;
  height: 39px;
  padding: 0 10px 0 45px;
  box-sizing: border-box;
  border: #d9d9d9 1px solid;
  background: #fff;
  color: #666;
  font-size: 14px;
  line-height: 2.85;
}
.search-plan .form-search-plan dl.form-item-date dd span {
  font-size: 15px;
}
.search-plan .form-search-plan dl.form-item-date dd a {
  position: absolute;
  display: block;
  width: 298px;
  top: 0;
  bottom: 0;
  background: url(../img/icon_carender.png) 10px center no-repeat, url(../img/icon_form-triangle.png) 280px center no-repeat;
}
.search-plan .form-search-plan dl.form-item-date dd a.to {
  right: 2px;
}
.search-plan .form-search-plan dl.form-item-room dd select {
  width: 138px;
  height: 39px;
  padding: 0 10px 0 10px;
  margin-right: 20px;
  box-sizing: border-box;
  border: #d9d9d9 1px solid;
  background: url(../img/icon_form-triangle.png) 120px center no-repeat, #fff;
  color: #666;
  font-size: 14px;
  line-height: 2.85;
  cursor: pointer;
}
.search-plan .form-search-plan dl.form-item-room dd select::-ms-expand {
  display: none;
}
.search-plan .form-search-plan dl.form-item-area dd select {
  height: 39px;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  border: #d9d9d9 1px solid;
  color: #666;
  font-size: 14px;
  line-height: 2.85;
  cursor: pointer;
}
.search-plan .form-search-plan dl.form-item-area dd select::-ms-expand {
  display: none;
}
.search-plan .form-search-plan dl.form-item-area dd select.area {
  width: 138px;
  background: url(../img/icon_form-triangle.png) 120px center no-repeat, #fff;
}
.search-plan .form-search-plan dl.form-item-area dd select.hotel {
  width: 457px;
  background: url(../img/icon_form-triangle.png) 439px center no-repeat, #fff;
}
.search-plan .form-search-plan dl.form-item-area dd span {
  padding: 0 3px;
  font-size: 15px;
}
.search-plan .form-search-plan dl.form-item-smoke dd ul {
  font-size: 0;
}
.search-plan .form-search-plan dl.form-item-smoke dd ul li {
  display: inline-block;
  margin-right: 20px;
}
.search-plan .form-search-plan dl.form-item-smoke dd ul li label {
  color: #333;
  font-size: 14px;
  line-height: 2.85;
  cursor: pointer;
}
.search-plan .form-search-plan dl.form-item-smoke dd ul li label input {
  margin-right: 10px;
}
.search-plan .form-search-plan dl.form-item-price dd select {
  width: 138px;
  height: 39px;
  padding: 0 10px 0 10px;
  margin-right: 20px;
  box-sizing: border-box;
  border: #d9d9d9 1px solid;
  background: url(../img/icon_form-triangle.png) 120px center no-repeat, #fff;
  color: #666;
  font-size: 14px;
  line-height: 2.85;
  cursor: pointer;
}
.search-plan .form-search-plan dl.form-item-price dd select::-ms-expand {
  display: none;
}
.search-plan .form-search-plan dl.form-item-category dd ul {
  font-size: 0;
}
.search-plan .form-search-plan dl.form-item-category dd ul li {
  display: inline-block;
  margin-right: 20px;
}
.search-plan .form-search-plan dl.form-item-category dd ul li label {
  color: #333;
  font-size: 14px;
  line-height: 2.85;
  cursor: pointer;
}
.search-plan .form-search-plan dl.form-item-category dd ul li label input {
  margin-right: 10px;
}
.search-plan .form-search-plan dl.form-item-category dd ul li label img {
  margin-right: 5px;
  vertical-align: inherit;
}
.search-plan .form-search-plan dl.form-item-checkbox dd ul {
  font-size: 0;
}
.search-plan .form-search-plan dl.form-item-checkbox dd ul li {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
.search-plan .form-search-plan dl.form-item-checkbox dd ul li label {
  display: block;
  padding: 10px 0 10px 20px;
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
}
.search-plan .form-search-plan dl.form-item-checkbox dd ul li label input {
  margin-right: 10px;
  margin-left: -22px;
}
.search-plan .form-search-plan dl.form-item-checkbox dd ul li label img {
  margin-right: 5px;
  vertical-align: inherit;
}
.search-plan .form-search-plan .form-calendar {
  display: none;
  position: absolute;
  top: 45px;
  left: 14px;
  z-index: 100;
  width: 750px;
  padding: 10px 11px 15px 35px;
  box-sizing: border-box;
  border: #f0f0f0 1px solid;
  background: #fff;
}
.search-plan .form-search-plan .form-calendar::after {
  position: absolute;
  top: -9px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-left: #f0f0f0 1px solid;
  border-top: #f0f0f0 1px solid;
  background: #fff;
  content: '';
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.search-plan .form-search-plan .form-calendar.active {
  display: block;
}
.search-plan .form-search-plan .form-calendar.checkin::after {
  left: 290px;
}
.search-plan .form-search-plan .form-calendar.checkout::after {
  right: 130px;
}
.search-plan .form-search-plan .form-calendar .inner-form-calendar {
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
}
.search-plan .form-search-plan .form-calendar .btn-form-calendar {
  padding-top: 20px;
  text-align: center;
  font-size: 0;
}
.search-plan .form-search-plan .form-calendar .btn-form-calendar div {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  cursor: pointer;
}
.search-plan .form-search-plan .form-calendar .btn-form-calendar div.prev {
  margin-right: 12px;
  background: url("../img/btn_prev-calendar.png") 0 0 no-repeat;
}
.search-plan .form-search-plan .form-calendar .btn-form-calendar div.next {
  background: url("../img/btn_next-calendar.png") 0 0 no-repeat;
}
.search-plan .form-search-plan .form-calendar table {
  display: inline-block;
  width: 210px;
  text-align: center;
  margin-right: 24px;
  vertical-align: top;
}
.search-plan .form-search-plan .form-calendar table:last-of-type {
  margin-right: 0;
}
.search-plan .form-search-plan .form-calendar table caption {
  padding-top: 20px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
}
.search-plan .form-search-plan .form-calendar table caption span.month {
  margin: 0 3px;
  font-size: 24px;
  font-weight: bold;
  vertical-align: bottom;
}
.search-plan .form-search-plan .form-calendar table th, .search-plan .form-search-plan .form-calendar table td {
  width: 29px;
  line-height: 29px;
  border: #fff 1px solid;
}
.search-plan .form-search-plan .form-calendar table thead th, .search-plan .form-search-plan .form-calendar table thead td {
  font-size: 14px;
}
/* .search-plan .form-search-plan .form-calendar table thead th:nth-last-of-type(2), .search-plan .form-search-plan .form-calendar table thead td:nth-last-of-type(2) { */
.search-plan .form-search-plan .form-calendar table thead th:nth-last-of-type, .search-plan .form-search-plan .form-calendar table thead td:nth-last-of-type {
  color: #308fcf;
}
/* .search-plan .form-search-plan .form-calendar table thead th:last-of-type, .search-plan .form-search-plan .form-calendar table thead td:last-of-type { */
.search-plan .form-search-plan .form-calendar table thead th:first-of-type, .search-plan .form-search-plan .form-calendar table thead td:first-of-type {
  color: #be2c2c;
}
.search-plan .form-search-plan .form-calendar table tbody th, .search-plan .form-search-plan .form-calendar table tbody td {
  background: #f4f4f4;
  font-size: 12px;
}
/* .search-plan .form-search-plan .form-calendar table tbody th:nth-last-of-type(2), .search-plan .form-search-plan .form-calendar table tbody td:nth-last-of-type(2) { */
.search-plan .form-search-plan .form-calendar table tbody th:nth-last-of-type(1), .search-plan .form-search-plan .form-calendar table tbody td:nth-last-of-type(1) {
  background: #d8e9f8;
}
/* .search-plan .form-search-plan .form-calendar table tbody th:last-of-type, .search-plan .form-search-plan .form-calendar table tbody td:last-of-type { */
.search-plan .form-search-plan .form-calendar table tbody th:first-of-type, .search-plan .form-search-plan .form-calendar table tbody td:first-of-type {
  background: #f9e6e6;
}
.search-plan .form-search-plan .form-calendar table tbody th[data-form-search-plan-day], .search-plan .form-search-plan .form-calendar table tbody td[data-form-search-plan-day] {
  cursor: pointer;
}
.search-plan .form-search-plan .form-calendar table tbody th.active, .search-plan .form-search-plan .form-calendar table tbody td.active {
  background: #ff0;
}
.search-plan .form-search-plan .box-btn-search {
  position: relative;
  padding: 20px 0;
  overflow: hidden;
  border-top: #ccc 1px solid;
  text-align: center;
}
.search-plan .form-search-plan .box-btn-search a {
  display: inline-block;
}
.search-plan .form-search-plan .box-btn-search .btn-search {
  width: 300px;
  background: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 3.7;
  color: #fff;
  text-align: center;
  transition: .4s all;
}
.search-plan .form-search-plan .box-btn-search .btn-search:hover {
  background: #5b5b5b;
}
.search-plan .form-search-plan .box-btn-search .btn-search::before {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  background: url(../img/icon_mmg-small.png) 0 0 no-repeat;
  content: '';
  vertical-align: text-bottom;
}
.search-plan .form-search-plan .box-btn-search .more-conditions {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 160px;
  border: #ccc 1px solid;
  background: #fff;
  font-size: 12px;
  line-height: 3.3;
  color: #666;
  text-align: center;
  transition: .4s all;
}
.search-plan .form-search-plan .box-btn-search .more-conditions:hover {
  background: #d8d8d8;
}
.search-plan .form-search-plan .box-btn-search .more-conditions::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background: url(../img/icon_plus.png) 0 0 no-repeat;
  content: '';
}
.search-plan .form-search-plan .box-btn-search .more-conditions.active::before {
  background: url(../img/icon_minus.png) 0 0 no-repeat;
}

.box-sort {
  margin-bottom: 50px;
  overflow: hidden;
}
.box-sort .searchcount {
  float: left;
  font-size: 16px;
}
.box-sort .searchcount span {
  margin: 0 5px;
  font-size: 20px;
  font-weight: bold;
  color: #d42b2b;
  vertical-align: bottom;
}
.box-sort dl {
  float: right;
}
.box-sort dl dt {
  display: inline-block;
  width: 104px;
  margin: 0 14px;
  background: rgba(51, 51, 51, 0.5);
  font-size: 12px;
  color: #fff;
  line-height: 2.2;
  text-align: center;
}
.box-sort dl dd {
  display: inline-block;
}
.box-sort dl dd ul li {
  display: inline-block;
  width: 132px;
  border-right: #ccc 1px solid;
  text-align: center;
}
.box-sort dl dd ul li:first-child {
  border-left: #ccc 1px solid;
}
.box-sort dl dd ul li.active a {
  color: #333;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  pointer-events: none;
  line-height: 2.2;
}
.box-sort dl dd ul li a {
  font-size: 12px;
  color: #17366a;
  text-decoration: underline;
  line-height: 2.2;
}
.box-sort dl dd ul li a:hover {
  text-decoration: none;
}

.pageblock {
  padding: 40px 0;
  border-top: #ccc 1px solid;
  font-size: 0;
  text-align: center;
}
.pageblock span {
  display: inline-block;
  width: 40px;
  margin-right: 8px;
  border: #919191 1px solid;
  background: #fff;
  color: #666;
  font-size: 14px;
  line-height: 2.8;
  text-align: center;
  cursor: pointer;
  transition: .4s all;
}
.pageblock span:last-of-type {
/* del mizobata 改ページの表示が必ず崩れるため */
/*  margin-right: 0; */
}
.pageblock span:hover {
  background: #d8d8d8;
}
.pageblock .page_disabled {
  width: auto;
  padding: 0 18px;
  border: #ccc 1px solid;
  pointer-events: none;
}
.pageblock .page_abled {
  width: auto;
  padding: 0 18px;
}
.pageblock .page_selected {
  background: #e4e4e4;
  pointer-events: none;
}

.content-plan-calender {
  margin-bottom: 50px;
  overflow: hidden;
}
.content-plan-calender .annotation {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
  line-height: 1.2;
  text-align: right;
}
.content-plan-calender .room-type {
  position: relative;
  width: 240px;
  box-sizing: border-box;
  float: left;
  border-top: #333 6px solid;
  background: url(../img/icon_bed.png) center 60px no-repeat, #f0f0f0;
  text-align: center;
}
.content-plan-calender .room-type .title-room-type {
  display: inline-block;
  margin: 150px 0 67px;
  padding-top: 10px;
  border-top: rgba(51, 51, 51, 0.2) 1px solid;
  font-size: 12px;
  text-align: center;
}
.content-plan-calender .room-type .box-room-type {
  position: relative;
  border-top: rgba(51, 51, 51, 0.2) 1px solid;
  overflow: hidden;
}
.content-plan-calender .room-type .box-room-type ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;
  transition: .4s all;
}
.content-plan-calender .room-type .box-room-type ul li {
  padding: 12px 20px;
  border-bottom: rgba(51, 51, 51, 0.2) 1px solid;
  cursor: pointer;
}
.content-plan-calender .room-type .box-room-type ul li:hover {
  background: #ffc;
}
.content-plan-calender .room-type .box-room-type ul li.selected {
  background: rgba(255, 255, 255, 0.7);
  pointer-events: none;
}
.content-plan-calender .room-type .box-room-type ul li.selected div {
  display: block;
  pointer-events: visible;
}
.content-plan-calender .room-type .box-room-type ul li span {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
.content-plan-calender .room-type .box-room-type ul li div {
  display: none;
  margin-top: 10px;
}
.content-plan-calender .room-type .box-room-type ul li div a {
  margin: auto;
  padding: 0 10px;
  width: 180px;
  display: block;
  background: #333;
  color: #fff;
  font-size: 12px;
  line-height: 2.1;
  transition: .4s all;
}
.content-plan-calender .room-type .box-room-type ul li div a:hover {
  opacity: .75;
}
.content-plan-calender .room-type .box-room-type ul li div a::after {
  display: inline-block;
  float: right;
  content: '>';
}
.content-plan-calender .room-type .control-room-type {
  box-sizing: border-box;
  font-size: 0;
  padding: 6px;
  background: #f0f0f0;
}
.content-plan-calender .room-type .control-room-type div {
  position: relative;
  display: inline-block;
  width: 112px;
  height: 40px;
  background: #c0c0c0;
  cursor: pointer;
}
.content-plan-calender .room-type .control-room-type div::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
}
.content-plan-calender .room-type .control-room-type div:hover {
  background: #999;
}
.content-plan-calender .room-type .control-room-type div.noclick {
  background: #d8d8d8;
  pointer-events: none;
}
.content-plan-calender .room-type .control-room-type div.noclick_fjs {
  pointer-events: none;
}
.content-plan-calender .room-type .control-room-type div.up {
  margin-right: 4px;
}
.content-plan-calender .room-type .control-room-type div.up::before {
  background: url(../img/icon_arrow-up.png) center center no-repeat;
}
.content-plan-calender .room-type .control-room-type div.down::before {
  background: url(../img/icon_arrow-down.png) center center no-repeat;
}
.content-plan-calender .box-availability {
  width: 700px;
  padding-top: 65px;
  box-sizing: border-box;
  float: right;
  border-top: #333 1px solid;
  border-right: #ebebeb 1px solid;
}
.content-plan-calender .plan-calender {
  width: 100%;
  border-bottom: #ebebeb 1px solid;
}
.content-plan-calender .plan-calender tbody th, .content-plan-calender .plan-calender tbody td {
  box-sizing: border-box;
  width: 100px;
}
.content-plan-calender .plan-calender .week th, .content-plan-calender .plan-calender .week td {
  font-size: 14px;
  text-align: center;
  line-height: 1.2;
}
/* .content-plan-calender .plan-calender .week th:nth-last-of-type(2), .content-plan-calender .plan-calender .week td:nth-last-of-type(2) { */
.content-plan-calender .plan-calender .week th:nth-last-of-type, .content-plan-calender .plan-calender .week td:nth-last-of-type {
  color: #308fcf;
}
/* .content-plan-calender .plan-calender .week th:last-of-type, .content-plan-calender .plan-calender .week td:last-of-type { */
.content-plan-calender .plan-calender .week th:first-of-type, .content-plan-calender .plan-calender .week td:first-of-type {
  color: #be2c2c;
}
.content-plan-calender .plan-calender .week th span, .content-plan-calender .plan-calender .week td span {
  display: block;
  margin: 5px 0 10px;
  font-size: 10px;
  color: inherit;
}
.content-plan-calender .plan-calender .day {
  background: #ebebeb;
}
.content-plan-calender .plan-calender .day th, .content-plan-calender .plan-calender .day td {
  padding-left: 5px;
  border-left: #ebebeb 1px solid;
  border-right: #ebebeb 1px solid;
  font-size: 12px;
  line-height: 2;
}
/* .content-plan-calender .plan-calender .day th:nth-last-of-type(2), .content-plan-calender .plan-calender .day td:nth-last-of-type(2) { */
.content-plan-calender .plan-calender .day th:nth-last-of-type(1), .content-plan-calender .plan-calender .day td:nth-last-of-type(1) {
  background: #d8e9f8;
  color: #308fcf;
}
/* .content-plan-calender .plan-calender .day th:last-of-type, .content-plan-calender .plan-calender .day td:last-of-type { */
.content-plan-calender .plan-calender .day th:first-of-type, .content-plan-calender .plan-calender .day td:first-of-type {
  background: #f9e6e6;
  color: #be2c2c;
}
.content-plan-calender .plan-calender .availability th, .content-plan-calender .plan-calender .availability td {
  height: 98px;
  border-left: #ebebeb 1px solid;
  border-right: #ebebeb 1px solid;
  text-align: center;
  vertical-align: middle;
}
.content-plan-calender .plan-calender .availability th .planprice, .content-plan-calender .plan-calender .availability td .planprice {
  font-size: 13px;
  line-height: 1.2;
}
.content-plan-calender .plan-calender .availability th.plancal_reserve_ok:hover, .content-plan-calender .plan-calender .availability td.plancal_reserve_ok:hover {
  background: #ffc;
}
.content-plan-calender .plan-calender .availability th a, .content-plan-calender .plan-calender .availability td a {
  display: block;
  padding: 5px 0 0 0;
  font-size: 13px;
  color: #f49826;
}
.content-plan-calender .plan-calender .availability th a.close, .content-plan-calender .plan-calender .availability td a.close {
  color: #aaa;
  font-weight: bold;
  pointer-events: none;
}
.content-plan-calender .plan-calender .availability th a:hover, .content-plan-calender .plan-calender .availability td a:hover {
  text-decoration: underline;
}

.horizonal-slide-table-outer {
  overflow: hidden;
  margin-bottom: 20px;
}

.horizonal-slide-table-heading {
  width: 270px;
  float: left;
}
.horizonal-slide-table-heading ul li {
  position: relative;
  min-height: 50px;
  padding: 17px 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 17px;
  border-bottom: #ebebeb 1px solid;
  padding-left: 30px;
}
.horizonal-slide-table-heading ul li::after {
  position: absolute;
  top: 0;
  bottom: -1px;
  right: -50px;
  width: 50px;
  content: '';
  border-bottom: #ebebeb 1px solid;
}
.horizonal-slide-table-heading ul li.date {
  padding: 0;
  border-color: #333;
  font-size: 20px;
  font-weight: bold;
  line-height: 2.5;
  letter-spacing: 2px;
}
.horizonal-slide-table-heading ul li.date::after {
  border-color: #333;
}
.horizonal-slide-table-heading ul li.smoke {
  background: url(../img/icon_smoke.png) 3px center no-repeat;
}
.horizonal-slide-table-heading ul li.nosmoke {
  background: url(../img/icon_nosmoke.png) 3px center no-repeat;
}
.horizonal-slide-table-heading ul li a {
  display: block;
  color: #17356a;
  text-decoration: underline;
  font-size: 14px;
  line-height: 16px;
}
.horizonal-slide-table-heading ul li a:hover {
  text-decoration: none;
}

.horizonal-slide-table-wrap {
  width: 670px;
  float: right;
}

.horizonal-slide-table {
  width: 670px;
  padding: 0 50px;
  overflow: auto;
  table-layout: fixed;
  white-space: nowrap;
}
.horizonal-slide-table tr {
  display: table;
  margin: 0 50px;
  box-sizing: border-box;
  border-bottom: #ebebeb 1px solid;
  font-size: 0;
}
.horizonal-slide-table tr.heading {
  border-color: #333;
}
.horizonal-slide-table th {
  display: inline-block;
  width: 50px;
  height: 50px;
  padding-top: 10px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
}
.horizonal-slide-table th.sat {
  color: #308ece;
}
.horizonal-slide-table th.sun {
  color: #be2c2c;
}
.horizonal-slide-table th span {
  display: block;
  margin-top: 5px;
  color: inherit;
  font-size: 10px;
  line-height: 1.2;
}
.horizonal-slide-table td {
  width: 50px;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.horizonal-slide-table td.sat {
  background-color: rgba(217, 237, 255, 0.5);
}
.horizonal-slide-table td.sun {
  background-color: rgba(255, 223, 223, 0.5);
}
.horizonal-slide-table td:hover {
  background: #ffffcc;
}
.horizonal-slide-table td a {
  display: block;
  width: 50px;
  color: #ff6600;
}
.horizonal-slide-table td a:hover {
  text-decoration: underline;
}
.horizonal-slide-table td span {
  display: block;
  width: 50px;
}

.continue-block {
  margin-bottom: 50px;
  overflow: hidden;
}
.continue-block > div {
  width: 460px;
  height: 452px;
  padding: 40px;
  box-sizing: border-box;
  background: #f5f5f5;
  float: left;
}
.continue-block > div:nth-of-type(2n+1) {
  margin-right: 20px;
}
.continue-block > div.pleaseRepeaterRegistration {
  float: none;
  margin: auto;
  height: auto;
}
.continue-block > div.pleaseRepeaterRegistration dl {
  margin-bottom: 0;
}
.continue-block > div.pleaseRepeaterRegistration dl dt {
  margin-bottom: 0;
}
.continue-block .title-continue-block {
  position: relative;
  padding: 0 0 30px;
  margin-bottom: 25px;
  font-size: 20px;
  text-align: center;
}
.continue-block .title-continue-block::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 2px;
  background: #333;
  content: '';
}
.continue-block .formbox-continue-block {
  padding: 25px;
  margin-bottom: 20px;
  background: #fff;
}
.continue-block .formbox-continue-block dl {
  margin-bottom: 10px;
  overflow: hidden;
}
.continue-block .formbox-continue-block dl dt {
  width: 100px;
  padding-right: 10px;
  margin-bottom: 15px;
  text-align: right;
  clear: both;
  float: left;
  font-size: 12px;
  line-height: 3.2;
}
.continue-block .formbox-continue-block dl dd {
  float: left;
  width: 220px;
}
.continue-block .formbox-continue-block dl dd .caution {
  display: block;
  margin-top: 5px;
}
.continue-block .formbox-continue-block input {
  width: 220px;
  padding: 5px 15px;
  box-sizing: border-box;
  border: #d8d8d8 1px solid;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 2.7;
  transition: .3s all;
}
.continue-block .formbox-continue-block input:focus {
  background: #fff;
  border-color: rgba(216, 216, 216, 0.5);
}
.continue-block .formbox-continue-block label {
  font-size: 12px;
  line-height: 3.2;
  margin-right: 10px;
}
.continue-block .formbox-continue-block label input[type="radio"] {
  width: auto;
  margin-right: 5px;
}
.continue-block .buttons {
  clear: both;
  text-align: center;
}
.continue-block .buttons button {
  display: inline-block;
  width: 120px;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 2.7;
  text-align: center;
  cursor: pointer;
}
.continue-block .buttons button:last-of-type {
  margin-right: 0;
}
.continue-block .buttons button.back {
  background: #ccc;
}
.continue-block .buttons button.next {
  background: #333;
}
.continue-block .buttons button:hover {
  opacity: .75;
}

.form-customer-registration {
  margin-bottom: 50px;
}
.form-customer-registration dl {
  margin-bottom: 30px;
  overflow: hidden;
  border-bottom: #e6e6e6 1px solid;
}
.form-customer-registration dt, .form-customer-registration dd {
  border-top: #e6e6e6 1px solid;
}
.form-customer-registration dt.bt-bold, .form-customer-registration dd.bt-bold {
  border-width: 9px;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-customer-registration dt {
  clear: both;
/*  width: 270px; */
  width: 360px;
  padding: 8px 50px 8px 25px;
  box-sizing: border-box;
  float: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  line-height: 2.3;
}
.form-customer-registration dt.required {
  position: relative;
}
.form-customer-registration dt.required::after {
  position: absolute;
  right: 5px;
  top: 20px;
  display: inline-block;
  padding: 3px 7px;
  margin: -2px 5px 0;
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  content: '必須';
}
.form-customer-registration dd {
/*  width: 670px; */
/*  margin-left: 270px; */
  width: 580px;
  margin-left: 360px;
  padding: 8px 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 32px;
  overflow: hidden;
}
.form-customer-registration dd.error {
  background: url(../img/icon_warning.png) right 5px center no-repeat, #f9e8e8;
}
.form-customer-registration dd figure {
  float: left;
  max-width: 120px;
  margin-right: 10px;
  overflow: hidden;
}
.form-customer-registration dd figure img {
  width: 100%;
  height: auto;
}
.form-customer-registration dd p {
  line-height: 2.3;
}
.form-customer-registration dd input[type="text"] {
  width: 200px;
  height: 35px;
  margin-right: 10px;
  border: #ccc 1px solid;
  background: #fff;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}
.form-customer-registration dd input[type="text"].middle {
  width: 400px;
}
.form-customer-registration dd input[type="text"].large {
  width: 500px;
}
.form-customer-registration dd label {
  margin-right: 10px;
  cursor: pointer;
}
.form-customer-registration dd input[type="radio"], .form-customer-registration dd input[type="checkbox"] {
  margin-right: 5px;
}
.form-customer-registration dd input[type="button"] {
  width: 200px;
  border: none;
  background: #333;
  padding: 5px 10px;
  font-family: 游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,Arial,Helvetica,Verdana,sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 1.8;
  cursor: pointer;
}
.form-customer-registration dd select {
  position: relative;
  width: 150px;
  padding: 5px 10px;
  border: #ccc 1px solid;
  background: url(../img/icon_form-triangle.png) 130px center no-repeat, #fff;
  font-size: 14px;
  cursor: pointer;
  line-height: 1.8;
}
.form-customer-registration dd textarea {
  width: 500px;
  padding: 10px;
  min-height: 150px;
  border: #ccc 1px solid;
  line-height: 1.5;
  font-size: 14px;
  resize: vertical;
  vertical-align: bottom;
  background-color: #FFFFFF;
}
.form-customer-registration dd.payment {
  position: relative;
/*  background: url(../img/icon_cardtype.jpg) 220px 18px no-repeat; */
}
.form-customer-registration dd.payment::before {
  position: absolute;
  left: 200px;
  top: 20px;
  display: block;
  height: 40px;
  width: 1px;
  background: #d9d9d9;
  content: '';
}
.form-customer-registration dd.payment label {
  display: block;
  width: 180px;
  line-height: 2.3;
}
.form-customer-registration .minibox {
  margin-bottom: 10px;
}
.form-customer-registration .minibox:last-of-type {
  margin-bottom: 0;
}
.form-customer-registration .minibox-address {
  margin-bottom: 0;
}
.form-customer-registration .midbox {
  padding: 15px;
}
.form-customer-registration .midbox.error {
  background: url(../img/icon_warning.png) right 5px center no-repeat, #f9e8e8;
}
.form-customer-registration .annotation {
  display: block;
  color: #999;
  font-size: 12px;
  line-height: 27px;
}
.form-customer-registration .error-msg {
  width: 110px;
  margin-right: 5px;
  padding-right: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #b83131;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}
.form-customer-registration .error {
  position: relative;
  background: #f9e8e8;
}
.form-customer-registration .c-cards .c-number input {
  width: 60px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.form-customer-registration .c-cards .c-number input:first-of-type {
  margin-left: 0;
}
.form-customer-registration .c-cards .c-number span {
  line-height: 1.5;
}
.form-customer-registration .c-cards .c-limit select {
  width: 80px;
  background-position: 60px center;
}
.form-customer-registration .table-specification {
  border: #e6e6e6 1px solid;
  width: 100%;
}
.form-customer-registration .table-specification th, .form-customer-registration .table-specification td {
  padding: 12px 25px;
  border-bottom: #e6e6e6 1px solid;
  vertical-align: middle;
  line-height: 1.2;
}
.form-customer-registration .table-specification .date {
  background: #f5f5f5;
}
.form-customer-registration .table-specification .subtotal {
  border-left: #e6e6e6 1px solid;
}
.form-customer-registration .table-specification .total {
  border-top: #e6e6e6 2px solid;
}
.form-customer-registration .table-specification .total td[colspan] {
  text-align: right;
}

.btn-form-customer-registration {
  padding-top: 30px;
  margin-bottom: 30px;
  border-top: #e6e6e6 1px solid;
  text-align: center;
}
.btn-form-customer-registration button {
  display: inline-block;
  width: 120px;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
  line-height: 2.7;
  text-align: center;
  cursor: pointer;
}
.btn-form-customer-registration button:last-of-type {
  margin-right: 0;
}
.btn-form-customer-registration button.back {
  background: #ccc;
}
.btn-form-customer-registration button.next {
  background: #333;
}
.btn-form-customer-registration button:hover {
  opacity: .75;
}

html.beige {
  background-image: url(../img/bg_html-beige.png);
}
html.beige .reservation-flow ol li.active {
  color: #84723c;
}
html.beige .reservation-flow ol li.active::before {
  border-color: #84723c;
  color: #84723c;
}
html.beige .reservation-flow ol li.active::after {
  background-color: #84723c;
}
html.beige .title-page-heading {
  border-bottom-color: #84723c;
}
html.beige .search-plan .form-search-plan .box-btn-search .btn-search {
  background: #84723c;
}
html.beige .search-plan .form-search-plan .box-btn-search .btn-search:hover {
  background-color: #b49d59;
}
html.beige .box-plan {
  border-color: #84723c;
}
html.beige .box-plan::before {
  border-left-color: #84723c;
  border-top-color: #84723c;
}
html.beige .box-plan .content-box-plan .price-more a {
  background: #84723c;
  border-color: #84723c;
}
html.beige .box-plan .content-box-plan .price-more a:hover {
  background-color: #b49d59;
}
html.beige .box-plan .content-box-plan .price-more.close a {
  background: #fff;
}
html.beige .btn-common a {
  background: #84723c;
}
html.beige .btn-common a:hover {
  background-color: #b49d59;
}
html.beige .title-sub-heading {
  background: #84723c;
}

html.green {
  background-image: url(../img/bg_html-green.png);
}
html.green .reservation-flow ol li.active {
  color: #3c7535;
}
html.green .reservation-flow ol li.active::before {
  border-color: #3c7535;
  color: #3c7535;
}
html.green .reservation-flow ol li.active::after {
  background-color: #3c7535;
}
html.green .title-page-heading {
  border-bottom-color: #3c7535;
}
html.green .search-plan .form-search-plan .box-btn-search .btn-search {
  background: #3c7535;
}
html.green .search-plan .form-search-plan .box-btn-search .btn-search:hover {
  background-color: #57aa4d;
}
html.green .box-plan {
  border-color: #3c7535;
}
html.green .box-plan::before {
  border-left-color: #3c7535;
  border-top-color: #3c7535;
}
html.green .box-plan .content-box-plan .price-more a {
  background: #3c7535;
  border-color: #3c7535;
}
html.green .box-plan .content-box-plan .price-more a:hover {
  background-color: #57aa4d;
}
html.green .box-plan .content-box-plan .price-more.close a {
  background: #fff;
}
html.green .btn-common a {
  background: #3c7535;
}
html.green .btn-common a:hover {
  background-color: #57aa4d;
}
html.green .title-sub-heading {
  background: #3c7535;
}

html.brown {
  background-image: url(../img/bg_html-brown.png);
}
html.brown .reservation-flow ol li.active {
  color: #442b26;
}
html.brown .reservation-flow ol li.active::before {
  border-color: #442b26;
  color: #442b26;
}
html.brown .reservation-flow ol li.active::after {
  background-color: #442b26;
}
html.brown .title-page-heading {
  border-bottom-color: #442b26;
}
html.brown .search-plan .form-search-plan .box-btn-search .btn-search {
  background: #442b26;
}
html.brown .search-plan .form-search-plan .box-btn-search .btn-search:hover {
  background-color: #754a41;
}
html.brown .box-plan {
  border-color: #442b26;
}
html.brown .box-plan::before {
  border-left-color: #442b26;
  border-top-color: #442b26;
}
html.brown .box-plan .content-box-plan .price-more a {
  background: #442b26;
  border-color: #442b26;
}
html.brown .box-plan .content-box-plan .price-more a:hover {
  background-color: #754a41;
}
html.brown .box-plan .content-box-plan .price-more.close a {
  background: #fff;
}
html.brown .btn-common a {
  background: #442b26;
}
html.brown .btn-common a:hover {
  background-color: #754a41;
}
html.brown .title-sub-heading {
  background: #442b26;
}