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

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

nav {
  background: url("../images/common/background-01.png") no-repeat repeat 100%;
  border-bottom: 2px solid #052275;
  padding-top: 15px;
}
nav .nav-bar {
  display: table;
  width: 1200px;
  margin: 0 auto;
  font-size: 20px;
}
nav .nav-bar > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
nav .nav-bar > div:last-child {
  text-align: center;
  vertical-align: bottom;
}
nav .nav-bar > div:last-child a {
  color: #042275;
}
nav .menu {
  display: table;
  height: 75px;
  float: right;
  margin-top: 30px;
}
nav .menu > li {
  display: table-cell;
  vertical-align: middle;
  border-left: 1px solid #052275;
  padding: 0 20px;
  height: 75px;
}
nav .menu > li:last-child {
  font-size: 15px;
  padding: 0;
}
nav .menu > li:hover:not(:last-child) {
  background-color: #052275;
}
nav .menu > li.current {
  background-color: #052275;
}
nav .menu > li.current a {
  color: #fff;
}
nav .lang li {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  height: 75px;
}
nav .lang li:hover {
  background-color: #052275;
}
nav .lang li:hover a {
  color: #fff;
}
nav .logo {
  width: 400px !important;
}
nav .contact {
  position: absolute;
  top: -15px;
  right: 20px;
}
nav .sub-menu {
  position: absolute;
  right: 0;
}
nav .sub-menu li {
  vertical-align: middle;
  font-size: 13px;
  background: url("../images/common/header-square.png") no-repeat 5%;
  padding-left: 20px;
  text-align: right;
}

header {
  background: url("../images/common/header-smiley.png") no-repeat, #fff100;
  background-position: 95% 0px;
}
header .header-banner {
  width: 1250px;
  margin: 0 auto;
  padding: 10px 25px;
}
header .logo {
  width: 795px;
}
header .logo a {
  width: 400px;
  display: block;
  font-weight: bold;
  text-align: center;
  font-family: Meiryo, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 24px;
}
header .quick-links-contact {
  vertical-align: top !important;
  color: #042275;
}
header .quick-links-contact ul li {
  font-size: 13px;
  background: url("../images/common/header-square.png") no-repeat 0%;
  padding: 0 10px 0 15px;
}
header .quick-links-contact ul + p {
  font-size: 19px;
  margin-top: 20px;
}
header .quick-links-contact .smile-hotel-contact-number {
  font-size: 47px;
}

.nav-menu {
  position: relative;
  background-color: #052275;
  font-size: 23px;
}
.nav-menu .nav-list-link {
  margin: 0 auto;
}
.nav-menu .nav-list-link li {
  border-right: 1px solid #fff;
  text-align: center;
}
.nav-menu .nav-list-link li:first-child {
  border-left: 1px solid #fff;
}
.nav-menu .nav-list-link li p {
  color: #fff;
}
.nav-menu .nav-list-link li:nth-child(12), .nav-menu .nav-list-link li:nth-child(13), .nav-menu .nav-list-link li:nth-child(14) {
  display: block;
}
.nav-menu .nav-list-link li:hover {
  background: #fff100;
}
.nav-menu .nav-list-link li:hover p {
  color: #042275;
}
.nav-menu .nav-list-link .lang-link {
  font-size: 17px;
  padding: 0 5px;
  border-right: none;
  text-align: center;
}
.nav-menu .current {
  background-color: #fff100;
}
.nav-menu .lang-ul {
  display: none;
  position: absolute;
  width: 100px;
  top: 76px;
  margin-left: -6px;
}
.nav-menu .lang-ul li {
  font-size: 23px;
  background-color: #042275;
  padding: 10px 10px;
  text-align: center;
  border: 1px solid #fff;
  border-top: none;
  z-index: 9;
}
.nav-menu .lang-ul li a {
  color: #fff;
}
.nav-menu .lang-ul li:first-child {
  border-top: 1px solid #fff;
}
.nav-menu .lang-ul li:hover a {
  color: #042275;
}
.nav-menu .lang-ul .current {
  background-color: #fff100;
}
.nav-menu .lang-ul .current a {
  color: #042275;
}

.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}

.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0px;
}

.bullet-list {
  list-style: disc;
  list-style-position: inside;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body input, body select, body textarea {
  font-family: Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

* {
  box-sizing: border-box;
}

.container {
  overflow: hidden;
  *zoom: 1;
}

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

.table, header .header-banner, .nav-menu .nav-list-link, .footer-ver2, .footer-ver2 .smile-hotel-partners .row1, .footer-ver2 .smile-hotel-partners .row2, .footer-ver2 .smile-hotel-partners .row3, .calendar-datepicker .top-part-inputs, .calendar-datepicker .bottom-part, .calendar-datepicker .bottom-left-calendar, .calendar-datepicker .bottom-right-btns .vacancy-search, .calendar-datepicker .bottom-right-btns .cardholder, .blue-btns-div, .info-details-div .info-details-btns, .info-list-pager ul, .privilege-div .perks-list li {
  display: table;
}
.table > *, header .header-banner > *, .nav-menu .nav-list-link > *, .footer-ver2 > *, .footer-ver2 .smile-hotel-partners .row1 > *, .footer-ver2 .smile-hotel-partners .row2 > *, .footer-ver2 .smile-hotel-partners .row3 > *, .calendar-datepicker .top-part-inputs > *, .calendar-datepicker .bottom-part > *, .calendar-datepicker .bottom-left-calendar > *, .calendar-datepicker .bottom-right-btns .vacancy-search > *, .calendar-datepicker .bottom-right-btns .cardholder > *, .blue-btns-div > *, .info-details-div .info-details-btns > *, .info-list-pager ul > *, .privilege-div .perks-list li > * {
  display: table-cell;
  vertical-align: middle;
}
.table .thead, header .header-banner .thead, .nav-menu .nav-list-link .thead, .footer-ver2 .thead, .footer-ver2 .smile-hotel-partners .row1 .thead, .footer-ver2 .smile-hotel-partners .row2 .thead, .footer-ver2 .smile-hotel-partners .row3 .thead, .calendar-datepicker .top-part-inputs .thead, .calendar-datepicker .bottom-part .thead, .calendar-datepicker .bottom-left-calendar .thead, .calendar-datepicker .bottom-right-btns .vacancy-search .thead, .calendar-datepicker .bottom-right-btns .cardholder .thead, .blue-btns-div .thead, .info-details-div .info-details-btns .thead, .info-list-pager ul .thead, .privilege-div .perks-list li .thead {
  display: table-header-group;
}
.table ol, header .header-banner ol, .nav-menu .nav-list-link ol, .footer-ver2 ol, .footer-ver2 .smile-hotel-partners .row1 ol, .footer-ver2 .smile-hotel-partners .row2 ol, .footer-ver2 .smile-hotel-partners .row3 ol, .calendar-datepicker .top-part-inputs ol, .calendar-datepicker .bottom-part ol, .calendar-datepicker .bottom-left-calendar ol, .calendar-datepicker .bottom-right-btns .vacancy-search ol, .calendar-datepicker .bottom-right-btns .cardholder ol, .blue-btns-div ol, .info-details-div .info-details-btns ol, .info-list-pager ul ol, .privilege-div .perks-list li ol {
  display: table-row;
  margin: 0;
}
.table ol li, header .header-banner ol li, .nav-menu .nav-list-link ol li, .footer-ver2 ol li, .footer-ver2 .smile-hotel-partners .row1 ol li, .footer-ver2 .smile-hotel-partners .row2 ol li, .footer-ver2 .smile-hotel-partners .row3 ol li, .calendar-datepicker .top-part-inputs ol li, .calendar-datepicker .bottom-part ol li, .calendar-datepicker .bottom-left-calendar ol li, .calendar-datepicker .bottom-right-btns .vacancy-search ol li, .calendar-datepicker .bottom-right-btns .cardholder ol li, .blue-btns-div ol li, .info-details-div .info-details-btns ol li, .info-list-pager ul ol li, .privilege-div .perks-list li ol li {
  display: table-cell;
  padding: 16px;
  text-align: center;
  background: #F4F3F0;
  overflow-x: hidden;
  font-weight: bold;
}
.table .tbody, header .header-banner .tbody, .nav-menu .nav-list-link .tbody, .footer-ver2 .tbody, .footer-ver2 .smile-hotel-partners .row1 .tbody, .footer-ver2 .smile-hotel-partners .row2 .tbody, .footer-ver2 .smile-hotel-partners .row3 .tbody, .calendar-datepicker .top-part-inputs .tbody, .calendar-datepicker .bottom-part .tbody, .calendar-datepicker .bottom-left-calendar .tbody, .calendar-datepicker .bottom-right-btns .vacancy-search .tbody, .calendar-datepicker .bottom-right-btns .cardholder .tbody, .blue-btns-div .tbody, .info-details-div .info-details-btns .tbody, .info-list-pager ul .tbody, .privilege-div .perks-list li .tbody {
  display: table-row-group;
}
.table .tr, header .header-banner .tr, .nav-menu .nav-list-link .tr, .footer-ver2 .tr, .footer-ver2 .smile-hotel-partners .row1 .tr, .footer-ver2 .smile-hotel-partners .row2 .tr, .footer-ver2 .smile-hotel-partners .row3 .tr, .calendar-datepicker .top-part-inputs .tr, .calendar-datepicker .bottom-part .tr, .calendar-datepicker .bottom-left-calendar .tr, .calendar-datepicker .bottom-right-btns .vacancy-search .tr, .calendar-datepicker .bottom-right-btns .cardholder .tr, .blue-btns-div .tr, .info-details-div .info-details-btns .tr, .info-list-pager ul .tr, .privilege-div .perks-list li .tr {
  display: table-row;
  margin: 0;
}
.table .tr > .td, header .header-banner .tr > .td, .nav-menu .nav-list-link .tr > .td, .footer-ver2 .tr > .td, .footer-ver2 .smile-hotel-partners .row1 .tr > .td, .footer-ver2 .smile-hotel-partners .row2 .tr > .td, .footer-ver2 .smile-hotel-partners .row3 .tr > .td, .calendar-datepicker .top-part-inputs .tr > .td, .calendar-datepicker .bottom-part .tr > .td, .calendar-datepicker .bottom-left-calendar .tr > .td, .calendar-datepicker .bottom-right-btns .vacancy-search .tr > .td, .calendar-datepicker .bottom-right-btns .cardholder .tr > .td, .blue-btns-div .tr > .td, .info-details-div .info-details-btns .tr > .td, .info-list-pager ul .tr > .td, .privilege-div .perks-list li .tr > .td {
  display: table-cell;
  padding: 10px 8px;
  text-align: center;
  overflow-x: hidden;
}
.table .tr > .price, header .header-banner .tr > .price, .nav-menu .nav-list-link .tr > .price, .footer-ver2 .tr > .price, .footer-ver2 .smile-hotel-partners .row1 .tr > .price, .footer-ver2 .smile-hotel-partners .row2 .tr > .price, .footer-ver2 .smile-hotel-partners .row3 .tr > .price, .calendar-datepicker .top-part-inputs .tr > .price, .calendar-datepicker .bottom-part .tr > .price, .calendar-datepicker .bottom-left-calendar .tr > .price, .calendar-datepicker .bottom-right-btns .vacancy-search .tr > .price, .calendar-datepicker .bottom-right-btns .cardholder .tr > .price, .blue-btns-div .tr > .price, .info-details-div .info-details-btns .tr > .price, .info-list-pager ul .tr > .price, .privilege-div .perks-list li .tr > .price {
  text-align: right;
}

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

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

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

.table-center {
  margin: 0 auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.pd0 {
  padding: 0px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd50 {
  padding: 50px !important;
}

.pdt0 {
  padding-top: 0 !important;
}

.pdt2 {
  padding-top: 2px !important;
}

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

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

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

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

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

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

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

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

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

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

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

.pdr40 {
  padding-right: 40px !important;
}

.pdr50 {
  padding-right: 50px !important;
}

.pdr150 {
  padding-right: 150px !important;
}

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

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

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

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

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

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

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

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

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

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

.pdl40 {
  padding-left: 40px !important;
}

.pdl50 {
  padding-left: 50px !important;
}

.pdrl10 {
  padding: 0 10px;
}

.pdl20p {
  padding-left: 20% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mgr40 {
  margin-right: 40px !important;
}

.mgr50 {
  margin-right: 50px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mgb120 {
  margin-bottom: 120px !important;
}

.mrg0 {
  margin: 0 !important;
}

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

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

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

.mgl40 {
  margin-left: 40px !important;
}

.mgl50 {
  margin-left: 50px !important;
}

.background-brown {
  background-color: #fdf8e5;
}

.background-orange {
  background-color: #f78e00;
}

.background-white {
  background-color: #fff;
}

.background-gray {
  background-color: #f3f1e8;
}

.background-none {
  background: none !important;
  padding: 0px;
}

.font10 {
  font-size: 10px;
}

.font11 {
  font-size: 11px;
}

.font12 {
  font-size: 12px;
}

.font13 {
  font-size: 13px;
}

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

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font-bold {
  font-weight: bold;
}

.text-blue {
  color: #0092C4;
}

.text-lightgreen {
  color: #94b428;
}

.text-green {
  color: #008d54;
}

.text-brown {
  color: #736357;
}

.text-red {
  color: #f06565;
}

.text-darkred {
  color: #b00006;
}

.text-gray {
  color: #c5c5c5;
}

.text-yellow {
  color: #aa8600;
}

.w100p {
  width: 100% !important;
}

.w200 {
  width: 200px !important;
}

.w215 {
  width: 215px !important;
}

.w250 {
  width: 250px !important;
}

.pankuzu a {
  text-decoration: none;
}

.clearfix, nav .menu:after, .map0 ul:after, .map1 ul:after, .map2 ul:after, .map3 ul:after, .map4 ul:after, .map5 ul:after, .map6 ul:after, .map7 ul:after, .map8 ul:after, .calendar:after, .tourism-list .tourist-place-name-label:after, .details .icon-list:after, .dl-table dl .dd-name:after, .dl-table dl .dd-address:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contents {
  width: 980px;
  margin: 0 auto;
}

.contents-width-short {
  width: 850px;
  margin: 0 auto;
}
@media (max-width: 970px) {
  .contents-width-short {
    width: 100%;
    padding: 10px 2%;
  }
}

footer {
  background-color: #052275;
}
footer h3, footer h4 {
  font-size: 15px;
  color: #fff;
  padding-bottom: 5px;
}
footer ul {
  padding-bottom: 20px;
}
footer ul li {
  margin-left: 5px;
  margin-bottom: 7px;
  line-height: 0.8em;
}
footer ul li a {
  font-size: 13px;
  color: #fff;
}
footer .footer-column {
  display: table;
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}
footer .table > div, footer header .header-banner > div, header footer .header-banner > div, footer .nav-menu .nav-list-link > div, .nav-menu footer .nav-list-link > div, footer .footer-ver2 > div, footer .footer-ver2 .smile-hotel-partners .row1 > div, .footer-ver2 .smile-hotel-partners footer .row1 > div, footer .footer-ver2 .smile-hotel-partners .row2 > div, .footer-ver2 .smile-hotel-partners footer .row2 > div, footer .footer-ver2 .smile-hotel-partners .row3 > div, .footer-ver2 .smile-hotel-partners footer .row3 > div, footer .calendar-datepicker .top-part-inputs > div, .calendar-datepicker footer .top-part-inputs > div, footer .calendar-datepicker .bottom-part > div, .calendar-datepicker footer .bottom-part > div, footer .calendar-datepicker .bottom-left-calendar > div, .calendar-datepicker footer .bottom-left-calendar > div, footer .calendar-datepicker .bottom-right-btns .vacancy-search > div, .calendar-datepicker .bottom-right-btns footer .vacancy-search > div, footer .calendar-datepicker .bottom-right-btns .cardholder > div, .calendar-datepicker .bottom-right-btns footer .cardholder > div, footer .blue-btns-div > div, footer .info-details-div .info-details-btns > div, .info-details-div footer .info-details-btns > div, footer .info-list-pager ul > div, .info-list-pager footer ul > div, footer .privilege-div .perks-list li > div, .privilege-div .perks-list footer li > div {
  vertical-align: top;
  width: 170px;
}
footer .table > div:nth-child(3), footer header .header-banner > div:nth-child(3), header footer .header-banner > div:nth-child(3), footer .nav-menu .nav-list-link > div:nth-child(3), .nav-menu footer .nav-list-link > div:nth-child(3), footer .footer-ver2 > div:nth-child(3), footer .footer-ver2 .smile-hotel-partners .row1 > div:nth-child(3), .footer-ver2 .smile-hotel-partners footer .row1 > div:nth-child(3), footer .footer-ver2 .smile-hotel-partners .row2 > div:nth-child(3), .footer-ver2 .smile-hotel-partners footer .row2 > div:nth-child(3), footer .footer-ver2 .smile-hotel-partners .row3 > div:nth-child(3), .footer-ver2 .smile-hotel-partners footer .row3 > div:nth-child(3), footer .calendar-datepicker .top-part-inputs > div:nth-child(3), .calendar-datepicker footer .top-part-inputs > div:nth-child(3), footer .calendar-datepicker .bottom-part > div:nth-child(3), .calendar-datepicker footer .bottom-part > div:nth-child(3), footer .calendar-datepicker .bottom-left-calendar > div:nth-child(3), .calendar-datepicker footer .bottom-left-calendar > div:nth-child(3), footer .calendar-datepicker .bottom-right-btns .vacancy-search > div:nth-child(3), .calendar-datepicker .bottom-right-btns footer .vacancy-search > div:nth-child(3), footer .calendar-datepicker .bottom-right-btns .cardholder > div:nth-child(3), .calendar-datepicker .bottom-right-btns footer .cardholder > div:nth-child(3), footer .blue-btns-div > div:nth-child(3), footer .info-details-div .info-details-btns > div:nth-child(3), .info-details-div footer .info-details-btns > div:nth-child(3), footer .info-list-pager ul > div:nth-child(3), .info-list-pager footer ul > div:nth-child(3), footer .privilege-div .perks-list li > div:nth-child(3), .privilege-div .perks-list footer li > div:nth-child(3) {
  width: 260px;
}
footer .table > div:nth-child(4), footer header .header-banner > div:nth-child(4), header footer .header-banner > div:nth-child(4), footer .nav-menu .nav-list-link > div:nth-child(4), .nav-menu footer .nav-list-link > div:nth-child(4), footer .footer-ver2 > div:nth-child(4), footer .footer-ver2 .smile-hotel-partners .row1 > div:nth-child(4), .footer-ver2 .smile-hotel-partners footer .row1 > div:nth-child(4), footer .footer-ver2 .smile-hotel-partners .row2 > div:nth-child(4), .footer-ver2 .smile-hotel-partners footer .row2 > div:nth-child(4), footer .footer-ver2 .smile-hotel-partners .row3 > div:nth-child(4), .footer-ver2 .smile-hotel-partners footer .row3 > div:nth-child(4), footer .calendar-datepicker .top-part-inputs > div:nth-child(4), .calendar-datepicker footer .top-part-inputs > div:nth-child(4), footer .calendar-datepicker .bottom-part > div:nth-child(4), .calendar-datepicker footer .bottom-part > div:nth-child(4), footer .calendar-datepicker .bottom-left-calendar > div:nth-child(4), .calendar-datepicker footer .bottom-left-calendar > div:nth-child(4), footer .calendar-datepicker .bottom-right-btns .vacancy-search > div:nth-child(4), .calendar-datepicker .bottom-right-btns footer .vacancy-search > div:nth-child(4), footer .calendar-datepicker .bottom-right-btns .cardholder > div:nth-child(4), .calendar-datepicker .bottom-right-btns footer .cardholder > div:nth-child(4), footer .blue-btns-div > div:nth-child(4), footer .info-details-div .info-details-btns > div:nth-child(4), .info-details-div footer .info-details-btns > div:nth-child(4), footer .info-list-pager ul > div:nth-child(4), .info-list-pager footer ul > div:nth-child(4), footer .privilege-div .perks-list li > div:nth-child(4), .privilege-div .perks-list footer li > div:nth-child(4) {
  width: 300px;
}
footer .hotel {
  width: 435px;
  display: table;
}
footer .hotel ul {
  display: table-cell;
  vertical-align: top;
}
footer .hotel ul li {
  margin-left: 5px;
  margin-bottom: 7px;
  width: 140px;
  color: #fff;
}
footer .logo-hp {
  text-align: center;
  padding-bottom: 15px;
}

.footer-ver2 {
  width: 1200px;
  margin: 0 auto 90px auto;
}
.footer-ver2 .smile-hotel-contact-details {
  padding: 25px 20px 70px 0px;
  color: #fff;
  width: 20%;
  border-right: 1px solid #fff;
}
.footer-ver2 .smile-hotel-text {
  font-size: 21px;
  margin-bottom: 10px;
}
.footer-ver2 .contact-details {
  font-size: 15px;
  line-height: 1.3;
}
.footer-ver2 .smile-hotel-partners {
  width: 80%;
}
.footer-ver2 .smile-hotel-partners ul {
  padding: 10px 20px 10px 40px;
}
.footer-ver2 .smile-hotel-partners .row1 li:first-child {
  vertical-align: bottom;
}
.footer-ver2 .smile-hotel-partners img {
  padding-right: 30px;
}

.footer-ver2 + div {
  padding-bottom: 15px;
}

.main-content {
  background-color: #fdf8e5;
  padding: 10px 25px 12px 25px;
  width: 1250px;
  margin: 0 auto;
}

.pankuzu {
  text-align: right;
  font-size: 15px;
  color: #042275;
}
.pankuzu li {
  display: inline;
}
.pankuzu li:before {
  padding: 0 7px 0 4px;
  content: url("../images/common/icon-06.png");
}
.pankuzu li:first-child:before {
  display: none;
}

.page-title {
  color: #042275;
  font-size: 44px;
}

input[type=text], select, input[type=password], input[type=email] {
  border: 1px solid #052275;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  font-size: 23px;
  height: 40px;
  padding: 6px 0;
  width: auto;
  line-height: 1.5;
  background-color: #fff;
  color: #042275;
}

.btn-blue {
  display: block;
  width: 495px;
  color: #fff;
  background-color: #052275;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 14px;
}

.btn-blue2 {
  display: block;
  width: 495px;
  color: #fff;
  background-color: #1e90ff;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 14px;
}

.btn-cardholder {
  display: block;
  width: 495px;
  color: #f13d40;
  background: url("../images/common/icon-05.png") no-repeat 5% center;
  background-color: #fff;
  padding: 9px;
  font-size: 18px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 5px solid #ff0000;
}

.header-title-blue {
  font-size: 25px;
  color: #fff;
  background-color: #042275;
  padding: 5px 15px 3px;
  margin-bottom: 5px;
}

.header-title-blue-bold {
  font-size: 32px;
  color: #fff;
  background-color: #042275;
  padding: 10px 7px;
  font-weight: bold;
}

.has-left-menu {
  display: table;
  width: 1200px;
  margin: 25px auto 18px;
}
.has-left-menu > * {
  display: table-cell;
  vertical-align: top;
}
.has-left-menu .main-contents {
  padding-left: 20px;
  height: 690px;
}

.main-contents img {
margin-bottom: 25px;
}

.left-menu {
  width: 700px;
}
.left-menu dl {
  border: 1px solid #fffcbd;
  border-top: none;
  background-color: #fffcbd;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.left-menu dl dd label {
  font-size: 23px;
  color: #042275;
}

.map {
  border: 1px solid #fffcbd;
  border-top: none;
  background-color: #fffcbd;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  width: 490px;
  height: 100%;
  position: relative;
}
.map dd {
  padding: 20px 40px 40px 40px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 465px;
  min-height: 615px;
}

.border-bottom-blue {
  border-bottom: 1px solid #052275;
  margin-bottom: 20px;
}

.top {
  border-bottom: 1px solid #052275;
  margin-bottom: 20px;
}
@media (max-width: 1285px) {
  .top .has-left-menu {
    display: table;
    width: 1200px;
    margin: 25px auto 18px;
  }
  .top .has-left-menu > * {
    display: table-cell;
    vertical-align: top;
  }
  .top .has-left-menu .main-contents {
    padding-left: 20px;
  }
  .top .left-menu {
    margin-bottom: 10px;
  }
  .top .left-menu dl {
    border: 1px solid #fffcbd;
    border-top: none;
    background-color: #fffcbd;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
  }
  .top .left-menu dl dd label {
    font-size: 23px;
    color: #042275;
  }
  .top .map {
    border: 1px solid #fffcbd;
    border-top: none;
    background-color: #fffcbd;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    width: 490px;
    height: 100%;
  }
  .top .map dd {
    padding-top: 20px;
    text-align: center;
    position: relative;
  }
}
@media (min-width: 1286px) {
  .top .has-left-menu {
    display: table;
    width: 100%;
    margin: auto;
    padding: 25px 2.5% 18px;
    height: 100%;
  }
  .top .has-left-menu > * {
    display: table-cell;
    vertical-align: top;
  }
  .top .has-left-menu .main-contents {
    padding-left: 20px;
    height: 700px;
    width: 43%;
  }
  .top .left-menu {
    width: 57%;
    height: 100%;
  }
  .top .left-menu dl {
    border: 1px solid #fffcbd;
    border-top: none;
    background-color: #fffcbd;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    height: 100%;
  }
  .top .left-menu dl dd label {
    font-size: 23px;
    color: #042275;
  }
  .top .map {
    border: 1px solid #fffcbd;
    border-top: none;
    background-color: #fffcbd;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    width: 100%;
  }
  .top .map dd {
    padding-top: 20px;
    text-align: center;
    position: relative;
  }
}

.group {
  display: table;
  padding: 0 10px;
}
.group > * {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 8px;
}
.group > *:first-child {
  width: 140px;
}
.group select {
  width: 520px;
}
@media (min-width: 1286px) {
  .group {
    width: 100%;
  }
  .group select {
    width: 98%;
  }
}

.area {
  background: url("../images/common/icon-01.png") no-repeat 60% center;
}

.hotel-name {
  background: url("../images/common/icon-02.png") no-repeat 85% center;
}

.check-in {
  background: url("../images/common/icon-03.png") no-repeat 85% center;
}



.check-out {
  background: url("../images/common/icon-04.png") no-repeat 98% center;
}

.date {
  display: table;
  padding: 0 10px;
  width: 100%;
}
.date > div {
  display: table-cell;
  vertical-align: top;
}
.date > div:first-child {
  padding-right: 2%;
  width: 51%;
}
.date > div .table > div:first-child, .date > div header .header-banner > div:first-child, header .date > div .header-banner > div:first-child, .date > div .nav-menu .nav-list-link > div:first-child, .nav-menu .date > div .nav-list-link > div:first-child, .date > div .footer-ver2 > div:first-child, .date > div .footer-ver2 .smile-hotel-partners .row1 > div:first-child, .footer-ver2 .smile-hotel-partners .date > div .row1 > div:first-child, .date > div .footer-ver2 .smile-hotel-partners .row2 > div:first-child, .footer-ver2 .smile-hotel-partners .date > div .row2 > div:first-child, .date > div .footer-ver2 .smile-hotel-partners .row3 > div:first-child, .footer-ver2 .smile-hotel-partners .date > div .row3 > div:first-child, .date > div .calendar-datepicker .top-part-inputs > div:first-child, .calendar-datepicker .date > div .top-part-inputs > div:first-child, .date > div .calendar-datepicker .bottom-part > div:first-child, .calendar-datepicker .date > div .bottom-part > div:first-child, .date > div .calendar-datepicker .bottom-left-calendar > div:first-child, .calendar-datepicker .date > div .bottom-left-calendar > div:first-child, .date > div .calendar-datepicker .bottom-right-btns .vacancy-search > div:first-child, .calendar-datepicker .bottom-right-btns .date > div .vacancy-search > div:first-child, .date > div .calendar-datepicker .bottom-right-btns .cardholder > div:first-child, .calendar-datepicker .bottom-right-btns .date > div .cardholder > div:first-child, .date > div .blue-btns-div > div:first-child, .date > div .info-details-div .info-details-btns > div:first-child, .info-details-div .date > div .info-details-btns > div:first-child, .date > div .info-list-pager ul > div:first-child, .info-list-pager .date > div ul > div:first-child, .date > div .privilege-div .perks-list li > div:first-child, .privilege-div .perks-list .date > div li > div:first-child {
  width: 180px;
}
.date > div input[type=text] {
  width: 94%;
  min-width: 135px;
  font-size: 18px;
}
.date span {
  font-size: 14px;
  color: #042275;
}

.undecided-date {
  font-size: 14px;
  color: #042275;
  padding: 0 10px;
}

.number {
  display: table;
  padding: 0 10px;
  width: 100%;
  border-bottom: 1px solid #fff100;
}
.number > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 23px;
  color: #042275;
}
.number > div select {
  width: 50px;
  text-align: center;
}
.number > div:first-child {
  width: 558px;
}
.number .btn-blue {
  margin: 10px 0 15px;
}
@media (min-width: 1380px) {
  .number > div:last-child {
    width: 160px;
  }
}
@media (min-width: 1286px) {
  .number .btn-blue {
    width: 90%;
  }
}

.cardholder {
  display: table;
  padding: 5px 10px;
  width: 100%;
}
.cardholder > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  color: #f13d40;
}
.cardholder > div:first-child {
  width: 558px;
}
.cardholder .btn-cardholder {
  margin: 10px 0 15px;
}
@media (min-width: 1380px) {
  .cardholder > div:last-child {
    width: 160px;
  }
}
@media (min-width: 1286px) {
  .cardholder .btn-cardholder {
    width: 90%;
  }
}

.slide-box {
  padding: 15px 0;
}
@media (min-width: 1286px) {
  .slide-box {
    padding: 15px 2.5%;
  }
}

.slider {
  background: #fff;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
@media (min-width: 1286px) {
  .slider {
    width: auto;
  }
}

.bx-prev {
  position: absolute;
  top: 40%;
  left: 3%;
}

.bx-next {
  position: absolute;
  top: 40%;
  right: 3%;
}

.bx-wrapper {
  margin: 0 auto;
  padding: 25px 0;
}

.category li {
  position: relative;
}
.category .category-detail {
  position: absolute;
  bottom: 0;
  right: 0;
}

map area {
  outline: none;
}

.smiley-marker {
  display: none;
}

.smiley-marker1-1 {
  position: absolute;
  top: 14%;
  right: 30%;
}

.smiley-marker1-2 {
  position: absolute;
  top: 20%;
  right: 32%;
}

.smiley-marker1-3 {
  position: absolute;
  top: 24%;
  right: 37%;
}

.smiley-marker1-4 {
  position: absolute;
  top: 19%;
  right: 37%;
}

.smiley-marker2-1 {
  position: absolute;
  top: 30%;
  right: 38%;
}

.smiley-marker2-2 {
  position: absolute;
  top: 31.5%;
  right: 35%;
}

.smiley-marker2-3 {
  position: absolute;
  top: 31%;
  right: 31%;
}

.smiley-marker2-4 {
  position: absolute;
  top: 40%;
  right: 31%;
}

.smiley-marker2-5 {
  position: absolute;
  top: 37.5%;
  right: 34.5%;
}

.smiley-marker2-6 {
  position: absolute;
  top: 40.5%;
  right: 35%;
}

.smiley-marker2-7 {
  position: absolute;
  top: 45%;
  right: 35%;
}

.smiley-marker2-8 {
  position: absolute;
  top: 31%;
  right: 38%;
}

.smiley-marker3-1 {
  position: absolute;
  top: 49%;
  right: 36%;
}

.smiley-marker3-2 {
  position: absolute;
  top: 52%;
  right: 33%;
}

.smiley-marker3-3 {
  position: absolute;
  top: 52%;
  right: 38.5%;
}

.smiley-marker3-4, .smiley-marker3-5, .smiley-marker3-6, .smiley-marker3-7, .smiley-marker3-8, .smiley-marker3-9 {
  position: absolute;
  top: 54%;
  right: 36%;
}

.smiley-marker3-10 {
  position: absolute;
  top: 49%;
  right: 45%;
}

.smiley-marker3-11 {
  position: absolute;
  top: 53%;
  right: 46%;
}

.smiley-marker3-12 {
  position: absolute;
  top: 52%;
  right: 36%;
}

.smiley-marker4-1 {
  position: absolute;
  top: 51%;
  right: 51%;
}

.smiley-marker4-2, .smiley-marker4-3 {
  position: absolute;
  top: 58%;
  right: 44%;
}

.smiley-marker4-4 {
  position: absolute;
  top: 58%;
  right: 50%;
}

.smiley-marker5-1 {
  position: absolute;
  top: 60%;
  right: 53%;
}

.smiley-marker5-2 {
  position: absolute;
  top: 57%;
  right: 56%;
}

.smiley-marker5-3 {
  position: absolute;
  top: 60%;
  right: 56%;
}

.smiley-marker5-4 {
  position: absolute;
  top: 60%;
  right: 58%;
}

.smiley-marker5-5 {
  position: absolute;
  top: 60%;
  right: 61%;
}

.smiley-marker5-6 {
  position: absolute;
  top: 63%;
  right: 56%;
}

.smiley-marker5-7 {
  position: absolute;
  top: 60%;
  right: 55%;
}


.smiley-marker6-1 {
  position: absolute;
  top: 58%;
  left: 28%;
}

.smiley-marker6-2 {
  position: absolute;
  top: 64%;
  left: 18%;
}

.smiley-marker6-3 {
  position: absolute;
  top: 64%;
  left: 34%;
}

.smiley-marker7-1 {
  position: absolute;
  top: 66%;
  left: 15%;
}
.smiley-marker7-2 {
  position: absolute;
  top: 70%;
  left: 15%;
}


.smiley-marker8-1 {
  position: absolute;
  bottom: 10%;
  right: 33%;
}

.smiley-marker8-2 {
  position: absolute;
  bottom: 9%;
  right: 33%;
}

@media (min-width: 1286px)and (max-width: 1600px) {
  .smiley-marker1-1 {
    right: 31%;
  }

  .smiley-marker1-2 {
    top: 21%;
  }

  .smiley-marker1-3 {
    top: 25%;
  }

  .smiley-marker2-1 {
    top: 32%;
    right: 37%;
  }

  .smiley-marker2-2 {
    top: 33%;
    right: 35%;
  }

  .smiley-marker2-3 {
    top: 33%;
    right: 32%;
  }

  .smiley-marker2-4 {
    top: 42%;
    right: 32%;
  }

  .smiley-marker2-5 {
    top: 40%;
    right: 34%;
  }

  .smiley-marker2-6 {
    top: 43%;
  }

  .smiley-marker2-7 {
    top: 47%;
  }

  .smiley-marker2-8 {
    top: 32%;
    right: 37%;
  }

  .smiley-marker3-1 {
    top: 52%;
  }

  .smiley-marker3-2 {
    top: 55%;
  }

  .smiley-marker3-3 {
    top: 55%;
  }

  .smiley-marker3-4, .smiley-marker3-5, .smiley-marker3-6, .smiley-marker3-7, .smiley-marker3-8, .smiley-marker3-9 {
    top: 57%;
  }

  .smiley-marker3-10 {
    top: 53%;
  }

  .smiley-marker3-11 {
    top: 56%;
  }

  .smiley-marker3-12 {
    top: 53%;
    right: 36%
  }

  .smiley-marker4-1 {
    top: 52%;
  }

  .smiley-marker4-2, .smiley-marker4-3 {
    top: 60%;
  }

  .smiley-marker4-4 {
    top: 58%;
  }

  .smiley-marker5-1 {
    top: 61%;
    right: 55%;
  }

  .smiley-marker5-2 {
    top: 61%;
  }

  .smiley-marker5-3 {
    top: 63.5%;
    right: 56.5%;
  }

  .smiley-marker5-4 {
    top: 62%;
    right: 59%;
  }

  .smiley-marker5-5 {
    top: 62%;
  }

  .smiley-marker5-6 {
    top: 65%;
  }

  .smiley-marker5-7 {
    top: 63%;
  }

  .smiley-marker6-1 {
  top: 60%;
  }
  .smiley-marker6-2 {
    top: 65%;
  }

  .smiley-marker6-3 {
    top: 65%;
    left: 34%;
  }

  .smiley-marker7-1 {
    top: 68%;
  }

  .smiley-marker7-2 {
    top: 72%;
  }

  .smiley-marker8-1 {
    bottom: 7%;
  }

  .smiley-marker8-2 {
    bottom: 9%;
  }
}

@media (min-width: 1601px)and (max-width: 1965px) {
  .smiley-marker1-1 {
    right: 31%;
  }

  .smiley-marker1-2 {
    top: 21%;
  }

  .smiley-marker1-3 {
    top: 25%;
  }

  .smiley-marker2-1 {
    top: 32%;
    right: 37%;
  }

  .smiley-marker2-2 {
    top: 32%;
    right: 35%;
  }

  .smiley-marker2-3 {
    top: 32%;
    right: 32%;
  }

  .smiley-marker2-4 {
    top: 42%;
    right: 32%;
  }

  .smiley-marker2-5 {
    top: 40%;
    right: 34%;
  }

  .smiley-marker2-6 {
    top: 42%;
  }

  .smiley-marker2-7 {
    top: 46%;
  }

  .smiley-marker2-8 {
    top: 31%;
    right: 37%;
  }

  .smiley-marker3-1 {
    top: 52%;
  }

  .smiley-marker3-2 {
    top: 54%;
    right: 34%;
  }

  .smiley-marker3-3 {
    top: 54%;
    right: 38%;

  }

  .smiley-marker3-4, .smiley-marker3-5, .smiley-marker3-6, .smiley-marker3-7, .smiley-marker3-8, .smiley-marker3-9 {
    top: 56%;
  }

  .smiley-marker3-10 {
    top: 52%;
    right: 46%;

  }

  .smiley-marker3-11 {
    top: 55%;
    right: 47%;

  }

  .smiley-marker3-12 {
    top: 54%;
    right: 36%;

  }

  .smiley-marker4-1 {
    top: 53%;
    right: 52%;

  }

  .smiley-marker4-2, .smiley-marker4-3 {
    top: 61%;
        right: 45%;

  }

  .smiley-marker4-4 {
    top: 60%;
    right: 51%;

  }

  .smiley-marker5-1 {
    top: 61%;
    right: 57%;
  }

  .smiley-marker5-2 {
    top: 63%;
    right: 56%;

  }

  .smiley-marker5-3 {
    top: 63%;
    right: 58%;
  }

  .smiley-marker5-4 {
    top: 63%;
    right: 60%;
  }

  .smiley-marker5-5 {
    top: 63%;
    right: 62%;
  }

  .smiley-marker5-6 {
    top: 66%;
    right: 58%;

  }

  .smiley-marker5-7 {
    top: 64%;
    right: 56%;
  }

  .smiley-marker6-1 {
  top: 61%;
  }
  .smiley-marker6-2 {
    top: 67%;
    left: 15%
  }
  .smiley-marker6-3 {
    top: 67%;
    left: 35%
  }
  .smiley-marker7-1 {
    top: 70%;
    left: 13%;
  }


  .smiley-marker7-2 {
    top: 74%;
  }

  .smiley-marker8-1 {
    bottom: 7%;
  }

  .smiley-marker8-2 {
    bottom: 6%;
  }
}


@media (min-width: 1966px) {
  .smiley-marker1-1 {
    right: 30.5%;
  }

  .smiley-marker1-2 {
    top: 21%;
    right: 31.5%;
  }

  .smiley-marker1-3 {
    top: 26%;
    right: 37%;
  }

  .smiley-marker1-4 {
    top: 19.5%;
    right: 37%;
  }

  .smiley-marker2-1 {
    top: 32%;
    right: 37%;
  }

  .smiley-marker2-2 {
    top: 32.5%;
    right: 34.5%;
  }

  .smiley-marker2-3 {
    top: 32.5%;
    right: 32%;
  }

  .smiley-marker2-4 {
    top: 42%;
    right: 32%;
  }

  .smiley-marker2-5 {
    top: 41%;
    right: 34%;
  }

  .smiley-marker2-6 {
    top: 42%;
  }

  .smiley-marker2-7 {
    top: 47%;
    right: 34%;
  }

  .smiley-marker2-8 {
    top: 31%;
    right: 37%;
  }

  .smiley-marker3-1 {
    top: 53%;
  }

  .smiley-marker3-2 {
    top: 55%;
    right: 33.5%;
  }

  .smiley-marker3-3 {
    top: 66%;
    right: 35%;

  }

  .smiley-marker3-4, .smiley-marker3-5, .smiley-marker3-6, .smiley-marker3-7, .smiley-marker3-8, .smiley-marker3-9 {
    top: 57%;
  }

  .smiley-marker3-10 {
    top: 53%;
    right: 46.5%;

  }

  .smiley-marker3-11 {
    top: 56%;
    right: 47.5%;

  }

  .smiley-marker3-12 {
    top: 55%;
    right: 36%;

  }

  .smiley-marker4-1 {
    top: 54%;
    right: 52.5%;

  }

  .smiley-marker4-2, .smiley-marker4-3 {
    top: 62%;
        right: 44.5%;

  }

  .smiley-marker4-4 {
    top: 61%;
    right: 51.5%;

  }

  .smiley-marker5-1 {
    top: 62%;
    right: 57.5%;
  }

  .smiley-marker5-2 {
    top: 64%;
    right: 56%;

  }

  .smiley-marker5-3 {
    top: 63.5%;
    right: 58.5%;
  }

  .smiley-marker5-4 {
    top: 63.5%;
    right: 60.5%;
  }

  .smiley-marker5-5 {
    top: 63%;
    right: 63%;
  }

  .smiley-marker5-6 {
    top: 66.5%;
    right: 59%;

  }

  .smiley-marker5-7 {
    top: 64%;
    right: 56%;

  }

  .smiley-marker6-1 {
  top: 61.5%;
  left: 27%;
  }
  .smiley-marker6-2 {
    top: 68.5%;
    left: 15%;
  }

  .smiley-marker6-3 {
    top: 67.5%;
    left: 35%;
  }
  .smiley-marker7-1 {
    top: 71%;
    left: 12%;
  }


  .smiley-marker7-2 {
    top: 75%;
    left: 14%;
  }

  .smiley-marker8-1 {
    bottom: 5%;
  }

  .smiley-marker8-2 {
    bottom: 6%;
  }
}


.map0, .map1, .map2, .map3, .map4, .map5, .map6, .map7, .map8 {
  top: 24%;
  right: 5%;
  width: 120px;
  border: 4px solid #042275;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  position: absolute;
  background-color: #fffede;
  display: none;
}
.map0 ul, .map1 ul, .map2 ul, .map3 ul, .map4 ul, .map5 ul, .map6 ul, .map7 ul, .map8 ul {
  padding: 5px;
}
.map0 ul li, .map1 ul li, .map2 ul li, .map3 ul li, .map4 ul li, .map5 ul li, .map6 ul li, .map7 ul li, .map8 ul li {
  float: left;
  line-height: 1.5;
  margin-right: 5px;
  text-align: left;
}
.map0 ul li a, .map1 ul li a, .map2 ul li a, .map3 ul li a, .map4 ul li a, .map5 ul li a, .map6 ul li a, .map7 ul li a, .map8 ul li a {
  font-size: 15px;
  text-decoration: underline;
  color: #052275;
  padding: 3px;
}
.map0 ul li a:hover, .map1 ul li a:hover, .map2 ul li a:hover, .map3 ul li a:hover, .map4 ul li a:hover, .map5 ul li a:hover, .map6 ul li a:hover, .map7 ul li a:hover, .map8 ul li a:hover {
  background-color: #042275;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.map0 ul li:last-child, .map1 ul li:last-child, .map2 ul li:last-child, .map3 ul li:last-child, .map4 ul li:last-child, .map5 ul li:last-child, .map6 ul li:last-child, .map7 ul li:last-child, .map8 ul li:last-child {
  margin-right: 0px;
}

.map1 ul li {
  margin-right: 0px;
  width: 50%;
}

.map2 {
  top: 38%;
  right: 1%;
  width: 180px;
}
.map2 ul li:nth-child(5) {
  margin-right: 0px;
}

.map3 {
  top: 57%;
  right: 5%;
  width: 160px;
}
.map3 ul li:nth-child(4) {
  margin-right: 20px;
}

.map4 {
  top: 51%;
  right: 54%;
  width: 145px;
}

.map5 {
  width: 160px;
  top: 72%;
  right: 26%;
}

.map6 {
  width: 60px;
  position: absolute;
  top: 64%;
  left: 5%;
}

.map7 {
  width: 107px;
  top: 82%;
  left: 23%;
}

.map8 {
  width: 160px;
  top: 90%;
  right: 1%;
}
.map8 ul li:nth-child(2) {
  margin-right: 0px;
}

@media (max-width: 1285px) {
  .map1 {
    top: 23%;
    right: 3%;
  }

  .map2 {
    top: 36%;
    right: -5%;
  }

  .map3 {
    top: 54%;
    right: 4%;
  }

  .map4 {
    top: 48%;
    right: 55%;
  }

  .map5 {
    top: 69%;
    right: 24%;
  }

  .map6 {
    top: 61%;
    left: 4%;
  }

  .map7 {
    top: 78%;
    left: 23%;
  }

  .map8 {
    top: 85%;
    right: 0%;
  }
}
.ui-datepicker-title {
  padding-bottom: 10px;
  font-size: 18px;
}
.ui-datepicker-title span:first-child {
  padding-right: 10px;
}

.ui-datepicker table {
  width: 100%;
}
.ui-datepicker table td {
  text-align: center;
  padding: 1px 5px;
}
.ui-datepicker table td a {
  padding: 0px 5px;
  color: #052275;
  font-size: 18px;
}
.ui-datepicker table td span {
  text-align: center;
  padding: 5px;
  color: #052275;
  font-size: 18px;
}
.ui-datepicker table td:first-child a, .ui-datepicker table td:first-child span {
  color: #ff0000;
}
.ui-datepicker table tr th {
  text-align: center;
  color: #052275;
  font-size: 18px;
  padding: 1.5px;
}
.ui-datepicker table tr th:nth-child(1) span {
  color: #ff0000 !important;
}

.guide {
  font-size: 14px;
  color: #042275;
  background-color: #fbf46e;
  width: 290px;
  margin: 5px auto 0;
  font-weight: bold;
}

.guide-hotellist {
  font-size: 14px;
  color: #042275;
  background-color: #fbf46e;
  width: 290px;
  margin: 20px 0 10px 14px;
  font-weight: bold;
}

.active, .ui-state-active {
  color: #fff !important;
  background-color: #042275 !important;
}

.ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-active {
  color: #052275 !important;
  background-color: #fff !important;
}
.ui-datepicker-today .ui-state-default.ui-state-highlight.ui-state-active.active {
  color: #fff !important;
  background-color: #042275 !important;
}

.dp-highlight .ui-state-default {
  background: #7ddcff;
}

.ui-datepicker.ui-datepicker-multi {
  width: 100% !important;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
  border: 1px solid #052275;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  color: #052275;
  text-align: center;
  padding: 10px;
  width: 325px;
}
.ui-datepicker-multi .ui-datepicker-group:first-child {
  margin-right: 17px;
}
@media (min-width: 1286px) {
  .ui-datepicker-multi .ui-datepicker-group {
    width: 48%;
  }
}

.ui-state-highlight {
  background: transparent;
  color: #042275;
}

.calendar {
  position: relative;
  padding: 3px 10px;
  width: 688px;
}
.calendar.ui-datepicker .ui-datepicker-prev span, .calendar .ui-datepicker .ui-datepicker-prev span {
  display: none;
  background: url("../images/common/arrow-prev.png") no-repeat left center;
  padding: 15px;
  position: absolute;
  top: 4%;
  left: 3%;
}
.calendar.ui-datepicker .ui-datepicker-next span, .calendar .ui-datepicker .ui-datepicker-next span {
  display: block;
  background: url("../images/common/arrow-next.png") no-repeat left center;
  padding: 15px;
  position: absolute;
  top: 4%;
  right: 3%;
}
@media (min-width: 1286px) {
  .calendar {
    width: 100%;
  }
}

.recommended {
  width: 1200px;
  margin: 0 auto;
}
.recommended h3 {
  font-size: 25px;
  color: #052275;
  font-weight: bold;
}
.recommended .plan li {
  width: 100%;
  display: table;
  border-bottom: 1px solid #052275;
  padding: 25px 0;
}
.recommended .plan li > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 25px;
  color: #052275;
}
.recommended .btn-blue {
  width: 165px;
  padding: 18px;
  font-size: 25px;
  margin-top: 20px;
}
.recommended .plan-title {
  width: 605px;
  text-decoration: underline;
  padding-left: 4px;
}
.recommended .plan-title a {
  color: #052275;
}
/*.recommended .image{
  width: 270px;
  height: 150px;
  overflow: hidden;
}*/
.recommended .image img {
  background-color: #fff;
  padding: 3px;

}
.recommended .offer {
  width: 220px;
}

.site-links {
  display: table;
  padding: 25px 0 30px;
}
.site-links li {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
}

.others {
  border-top: 1px solid #052275;
}
.others .table, .others header .header-banner, header .others .header-banner, .others .nav-menu .nav-list-link, .nav-menu .others .nav-list-link, .others .footer-ver2, .others .footer-ver2 .smile-hotel-partners .row1, .footer-ver2 .smile-hotel-partners .others .row1, .others .footer-ver2 .smile-hotel-partners .row2, .footer-ver2 .smile-hotel-partners .others .row2, .others .footer-ver2 .smile-hotel-partners .row3, .footer-ver2 .smile-hotel-partners .others .row3, .others .calendar-datepicker .top-part-inputs, .calendar-datepicker .others .top-part-inputs, .others .calendar-datepicker .bottom-part, .calendar-datepicker .others .bottom-part, .others .calendar-datepicker .bottom-left-calendar, .calendar-datepicker .others .bottom-left-calendar, .others .calendar-datepicker .bottom-right-btns .vacancy-search, .calendar-datepicker .bottom-right-btns .others .vacancy-search, .others .calendar-datepicker .bottom-right-btns .cardholder, .calendar-datepicker .bottom-right-btns .others .cardholder, .others .blue-btns-div, .others .info-details-div .info-details-btns, .info-details-div .others .info-details-btns, .others .info-list-pager ul, .info-list-pager .others ul, .others .privilege-div .perks-list li, .privilege-div .perks-list .others li {
  width: 1200px;
  margin: 0 auto;
}
.others .serving-card {
  border-left: 1px solid #052275;
  font-size: 19px;
  color: #052275;
  padding-left: 10px;
  padding: 5px 10px 0;
}
.others .serving-card ul {
  margin-top: 8px;
}
.others .serving-card ul li {
  font-size: 15px;
}

.image-banner {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
}
@media (min-width: 1286px) {
  .image-banner {
    width: auto;
    margin: auto;
    padding: 0 2.5%;
  }
}

.select-area {
  position: relative;
  padding: 10px 0 100px 0;
  font-size: 18px;
}

.people-area {
  width: 495px;
  position: absolute;
  bottom: 0;
}

@media (min-width: 1286px) {
  .people-area {
    width: 90%;
  }
}
.people-select {
  background: #faf559;
  padding: 10px 5px 5px 5px;
}

.people-description {
  display: block;
  margin: 0 0 0 auto;
  background: #faf559;
  font-size: 14px;
  font-weight: bold;
  width: 310px;
  padding: 5px;
}

.number .table > div, .number header .header-banner > div, header .number .header-banner > div, .number .nav-menu .nav-list-link > div, .nav-menu .number .nav-list-link > div, .number .footer-ver2 > div, .number .footer-ver2 .smile-hotel-partners .row1 > div, .footer-ver2 .smile-hotel-partners .number .row1 > div, .number .footer-ver2 .smile-hotel-partners .row2 > div, .footer-ver2 .smile-hotel-partners .number .row2 > div, .number .footer-ver2 .smile-hotel-partners .row3 > div, .footer-ver2 .smile-hotel-partners .number .row3 > div, .number .calendar-datepicker .top-part-inputs > div, .calendar-datepicker .number .top-part-inputs > div, .number .calendar-datepicker .bottom-part > div, .calendar-datepicker .number .bottom-part > div, .number .calendar-datepicker .bottom-left-calendar > div, .calendar-datepicker .number .bottom-left-calendar > div, .number .calendar-datepicker .bottom-right-btns .vacancy-search > div, .calendar-datepicker .bottom-right-btns .number .vacancy-search > div, .number .calendar-datepicker .bottom-right-btns .cardholder > div, .calendar-datepicker .bottom-right-btns .number .cardholder > div, .number .blue-btns-div > div, .number .info-details-div .info-details-btns > div, .info-details-div .number .info-details-btns > div, .number .info-list-pager ul > div, .info-list-pager .number ul > div, .number .privilege-div .perks-list li > div, .privilege-div .perks-list .number li > div {
  width: 82px;
  text-align: center;
  line-height: .6em;
}
.number .table > div:nth-child(odd), .number header .header-banner > div:nth-child(odd), header .number .header-banner > div:nth-child(odd), .number .nav-menu .nav-list-link > div:nth-child(odd), .nav-menu .number .nav-list-link > div:nth-child(odd), .number .footer-ver2 > div:nth-child(odd), .number .footer-ver2 .smile-hotel-partners .row1 > div:nth-child(odd), .footer-ver2 .smile-hotel-partners .number .row1 > div:nth-child(odd), .number .footer-ver2 .smile-hotel-partners .row2 > div:nth-child(odd), .footer-ver2 .smile-hotel-partners .number .row2 > div:nth-child(odd), .number .footer-ver2 .smile-hotel-partners .row3 > div:nth-child(odd), .footer-ver2 .smile-hotel-partners .number .row3 > div:nth-child(odd), .number .calendar-datepicker .top-part-inputs > div:nth-child(odd), .calendar-datepicker .number .top-part-inputs > div:nth-child(odd), .number .calendar-datepicker .bottom-part > div:nth-child(odd), .calendar-datepicker .number .bottom-part > div:nth-child(odd), .number .calendar-datepicker .bottom-left-calendar > div:nth-child(odd), .calendar-datepicker .number .bottom-left-calendar > div:nth-child(odd), .number .calendar-datepicker .bottom-right-btns .vacancy-search > div:nth-child(odd), .calendar-datepicker .bottom-right-btns .number .vacancy-search > div:nth-child(odd), .number .calendar-datepicker .bottom-right-btns .cardholder > div:nth-child(odd), .calendar-datepicker .bottom-right-btns .number .cardholder > div:nth-child(odd), .number .blue-btns-div > div:nth-child(odd), .number .info-details-div .info-details-btns > div:nth-child(odd), .info-details-div .number .info-details-btns > div:nth-child(odd), .number .info-list-pager ul > div:nth-child(odd), .info-list-pager .number ul > div:nth-child(odd), .number .privilege-div .perks-list li > div:nth-child(odd), .privilege-div .perks-list .number li > div:nth-child(odd) {
  width: 70px;
}
.number .table > div span, .number header .header-banner > div span, header .number .header-banner > div span, .number .nav-menu .nav-list-link > div span, .nav-menu .number .nav-list-link > div span, .number .footer-ver2 > div span, .number .footer-ver2 .smile-hotel-partners .row1 > div span, .footer-ver2 .smile-hotel-partners .number .row1 > div span, .number .footer-ver2 .smile-hotel-partners .row2 > div span, .footer-ver2 .smile-hotel-partners .number .row2 > div span, .number .footer-ver2 .smile-hotel-partners .row3 > div span, .footer-ver2 .smile-hotel-partners .number .row3 > div span, .number .calendar-datepicker .top-part-inputs > div span, .calendar-datepicker .number .top-part-inputs > div span, .number .calendar-datepicker .bottom-part > div span, .calendar-datepicker .number .bottom-part > div span, .number .calendar-datepicker .bottom-left-calendar > div span, .calendar-datepicker .number .bottom-left-calendar > div span, .number .calendar-datepicker .bottom-right-btns .vacancy-search > div span, .calendar-datepicker .bottom-right-btns .number .vacancy-search > div span, .number .calendar-datepicker .bottom-right-btns .cardholder > div span, .calendar-datepicker .bottom-right-btns .number .cardholder > div span, .number .blue-btns-div > div span, .number .info-details-div .info-details-btns > div span, .info-details-div .number .info-details-btns > div span, .number .info-list-pager ul > div span, .info-list-pager .number ul > div span, .number .privilege-div .perks-list li > div span, .privilege-div .perks-list .number li > div span {
  line-height: .1em;
}

.facility-list {
  color: #042275;
  margin-bottom: 105px;
}
.facility-list li {
  padding: 55px 0 25px 45px;
  border-bottom: 1px solid #042275;
  width: 100%;
}
.facility-list li:first-child {
  padding-top: 30px;
}
.facility-list li:last-child {
  border-bottom: none;
}
.facility-list .facility-text-desc {
  width: 670;
  position: relative;
  vertical-align: top;
  padding-right: 20px;
  word-break: break-all;
}
.facility-list .facility-image {
  width: 485px;
}
.facility-list .facility-image img {
  border: 3px solid #fff;
}
.facility-list .facility-image img:first-child {
  margin-bottom: 10px;
}
.facility-list .btn-facility {
  background-color: #042275;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  padding: 15px 8px;
  font-size: 18px;
  display: block;
  margin-top: 10px;
}
.facility-list .facility-title {
  font-size: 30px;
  padding-left: 35px;
  background: url("../images/facility/facility-title-bg.png") no-repeat 0%;
  font-weight: bold;
}
.facility-list .facility-title + .subtitle {
  font-size: 23px;
  padding-left: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.facility-list p {
  font-size: 23px;
  line-height: 1.3;
  padding-left: 35px;
}
.facility-list dt {
  font-weight: bold;
}
.facility-list dl {
  padding-left: 30px;
  padding-top: 30px;
}
.facility-list dt, .facility-list dd {
  font-size: 23px;
  line-height: 1.3;
}
.facility-list dd {
  padding-left: 20px;
}
.facility-list dd p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px 0 0;
}
.facility-list dd .facility-note {
  width: 370px;
}

.breakfast-div {
  margin: 50px auto 90px auto;
}
.breakfast-div .banner-text {
  font-size: 46px;
  color: #042275;
  margin-bottom: 5px;
  margin-left: 5px;
  font-weight: bold;
}
.breakfast-div .img-banner {
  margin-bottom: 40px;
}
.breakfast-div .bf-images {
  width: 480px;
  text-align: right;
}
.breakfast-div .bf-images img {
  border: 3px solid #fff;
  background-color: #aaaaaa;
}
.breakfast-div .bf-images img:first-child {
  margin-bottom: 10px;
}
.breakfast-div .bf-text-desc {
  width: 720px;
  vertical-align: top;
}
.breakfast-div .bf-text-desc dl {
  margin-left: 5px;
  margin-bottom: 20px;
}
.breakfast-div .bf-text-desc dl dt, .breakfast-div .bf-text-desc dl dd {
  font-size: 23px;
  color: #042275;
  line-height: 1.3;
}
.breakfast-div .bf-text-desc dl dd {
  margin-left: 35px;
}
.breakfast-div .bf-first-desc {
  width: 713px;
  margin-left: 5px;
  font-size: 23px;
  color: #042275;
  margin-bottom: 55px;
  line-height: 1.3;
}
.breakfast-div .menu-sample {
  font-size: 23px;
  color: #042275;
  line-height: 1.3;
  margin-left: 40px;
  margin-bottom: 20px;
}
.breakfast-div .menu-note {
  font-size: 18px;
  color: #042275;
  line-height: 1.3;
  margin-left: 40px;
}

.tourism-div {
  margin: 0 auto 20px auto;
  padding-top: 20px;
}
.tourism-div .banner-text {
  font-size: 34px;
  background-color: #042275;
  color: #fff;
  padding: 15px 30px;
}

.tourism-list {
  background-color: #fff;
  padding: 0 30px;
}
.tourism-list li {
  border-bottom: 1px dashed #042275;
  padding: 20px 0;
  width: 100%;
}
.tourism-list li:last-child {
  border-bottom: none;
}
.tourism-list .tourism-img {
  width: 25%;
  vertical-align: top;
}
.tourism-list .tourism-desc {
  padding-top: 20px;
  vertical-align: top;
  line-height: 1.5em;
}
.tourism-list .tourist-place-name-label {
  margin-bottom: 20px;
}
.tourism-list .tourist-place-name-label .access_default {
  background: url("../images/tourism/icon-default.png") no-repeat 0 center;
  width: 171px;
  padding: 5px;
  color: #fff;
  font-size: 17px;
  text-align: center;
}
.tourism-list .tourist-place-name-label .walk, .tourism-list .tourist-place-name-label .bus, .tourism-list .tourist-place-name-label .car, .tourism-list .tourist-place-name-label .train {
  padding: 5px 20px 5px 40px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  float: right;
  min-width: 170px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}
.tourism-list .tourist-place-name-label .walk {
  background: #052275 url("../images/tourism/icon-walk.png") no-repeat 5px center;
}
.tourism-list .tourist-place-name-label .bus {
  background: #052275 url("../images/tourism/icon-bus.png") no-repeat 5px center;
  padding-left: 70px;
}
.tourism-list .tourist-place-name-label .car {
  background: #052275 url("../images/tourism/icon-car.png") no-repeat 5px center;
}
.tourism-list .tourist-place-name-label .train {
  background: #052275 url("../images/tourism/icon-train.png") no-repeat 5px center;
}
.tourism-list .tourist-place-name-label .with-out-access {
  width: 100%;
}
.tourism-list .tourist-place-name {
  color: #042275;
  font-size: 28px;
  width: 80%;
  font-weight: bold;
}
.tourism-list .tourist-place-desc {
  font-size: 16px;
  margin-bottom: 10px;
  width: 565px;
}
.tourism-list .tourist-place-desc + a {
  color: #036eb7;
}

.calendar-datepicker {
  width: 100%;
}
.calendar-datepicker form {
  padding: 0 10px;
}
.calendar-datepicker .header-title-blue {
  font-size: 25px;
  color: #fff;
  background-color: #042275;
  padding: 5px 15px 3px;
  margin-bottom: 25px;
}
.calendar-datepicker .top-part-inputs {
  margin-bottom: 60px;
}
.calendar-datepicker .top-part-inputs .check-in-div {
  width: 325px;
}
.calendar-datepicker .top-part-inputs .check-out-div {
  width: 360px;
}
.calendar-datepicker .top-part-inputs .check-in {
  width: 170px;
  background: url("../images/common/check-in.png") no-repeat 96% center;
}
.calendar-datepicker .top-part-inputs .check-out {
  padding-left: 5px;
  width: 195px;
  background: url("../images/common/check-out.png") no-repeat 95% center;
}
.calendar-datepicker .top-part-inputs span {
  font-size: 14px;
  color: #042275;
}
.calendar-datepicker .top-part-inputs input[type=text] {
  width: 150px;
  font-size: 20px;
}
.calendar-datepicker .top-part-inputs select {
  width: 110px;
  text-align: center;
}
.calendar-datepicker .top-part-inputs .num-adults, .calendar-datepicker .top-part-inputs .num-child {
  font-size: 23px;
  color: #042275;
  text-align: right;
}
.calendar-datepicker .top-part-inputs .num-adults {
  width: 210px;
}
.calendar-datepicker .top-part-inputs .num-child {
  width: 250px;
}
.calendar-datepicker .bottom-left-calendar {
  vertical-align: top;
}
.calendar-datepicker .bottom-left-calendar .check-in-calendar-div {
  padding-right: 10px;
}
.calendar-datepicker .bottom-left-calendar .calendar {
  padding: 0;
  width: 678px;
}
.calendar-datepicker .bottom-left-calendar .calendar.ui-datepicker .ui-datepicker-prev span, .calendar-datepicker .bottom-left-calendar .calendar .ui-datepicker .ui-datepicker-prev span {
  top: 3%;
  left: 2%;
}
.calendar-datepicker .bottom-left-calendar .calendar.ui-datepicker .ui-datepicker-next span, .calendar-datepicker .bottom-left-calendar .calendar .ui-datepicker .ui-datepicker-next span {
  top: 3%;
  right: 3%;
}
.calendar-datepicker .bottom-left-calendar .guide {
  font-size: 14px;
  color: #042275;
  background-color: #fbf46e;
  width: 290px;
  margin: 5px 0 5px 22px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  padding: 2px 0;
}
.calendar-datepicker .bottom-right-btns .vacancy-search:first-child {
  padding-top: 10px;
}
.calendar-datepicker .bottom-right-btns .vacancy-search .btn-blue {
  padding: 15px;
  width: 365px;
  border: none;
  margin-right: 20px;
}
.calendar-datepicker .bottom-right-btns .cardholder {
  padding: 5px 0 0 0px;
  width: 100%;
}
.calendar-datepicker .bottom-right-btns .cardholder div {
  font-size: 18px;
  color: #f13d40;
}
.calendar-datepicker .bottom-right-btns .cardholder div:first-child {
  vertical-align: middle;
  width: 385px;
}
.calendar-datepicker .bottom-right-btns .cardholder .btn-cardholder {
  margin: 10px 20px 0 0;
  width: 365px;
  padding: 5px;
}
.calendar-datepicker .undecided-date {
  font-size: 14px;
  color: #042275;
  padding: 1px 0;
  float: left;
}
.calendar-datepicker dl {
  border: 1px solid #fffcbd;
  border-top: none;
  background-color: #fffcbd;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 10px;
}
.calendar-datepicker dl dd {
  position: relative;
}
.calendar-datepicker dl dd label {
  font-size: 23px;
  color: #042275;
}
.calendar-datepicker dl dd .select-area {
  position: absolute;
  width: 465px;
  height: 90px;
  right: 35px;
  font-size: 18px;
}
.calendar-datepicker dl dd .room-number {
  position: absolute;
  top: -15px;
  z-index: 1;
}
.calendar-datepicker dl dd .people-area {
  width: 465px;
}
.calendar-datepicker dl dd .people-area .table > div, .calendar-datepicker dl dd .people-area header .header-banner > div, header .calendar-datepicker dl dd .people-area .header-banner > div, .calendar-datepicker dl dd .people-area .nav-menu .nav-list-link > div, .nav-menu .calendar-datepicker dl dd .people-area .nav-list-link > div, .calendar-datepicker dl dd .people-area .footer-ver2 > div, .calendar-datepicker dl dd .people-area .footer-ver2 .smile-hotel-partners .row1 > div, .footer-ver2 .smile-hotel-partners .calendar-datepicker dl dd .people-area .row1 > div, .calendar-datepicker dl dd .people-area .footer-ver2 .smile-hotel-partners .row2 > div, .footer-ver2 .smile-hotel-partners .calendar-datepicker dl dd .people-area .row2 > div, .calendar-datepicker dl dd .people-area .footer-ver2 .smile-hotel-partners .row3 > div, .footer-ver2 .smile-hotel-partners .calendar-datepicker dl dd .people-area .row3 > div, .calendar-datepicker dl dd .people-area .top-part-inputs > div, .calendar-datepicker dl dd .people-area .bottom-part > div, .calendar-datepicker dl dd .people-area .bottom-left-calendar > div, .calendar-datepicker dl dd .people-area .bottom-right-btns .vacancy-search > div, .calendar-datepicker .bottom-right-btns dl dd .people-area .vacancy-search > div, .calendar-datepicker dl dd .people-area .bottom-right-btns .cardholder > div, .calendar-datepicker .bottom-right-btns dl dd .people-area .cardholder > div, .calendar-datepicker dl dd .people-area .blue-btns-div > div, .calendar-datepicker dl dd .people-area .info-details-div .info-details-btns > div, .info-details-div .calendar-datepicker dl dd .people-area .info-details-btns > div, .calendar-datepicker dl dd .people-area .info-list-pager ul > div, .info-list-pager .calendar-datepicker dl dd .people-area ul > div, .calendar-datepicker dl dd .people-area .privilege-div .perks-list li > div, .privilege-div .perks-list .calendar-datepicker dl dd .people-area li > div {
  width: 75px;
  text-align: center;
  line-height: .8em;
}
.calendar-datepicker dl dd select {
  height: auto;
}

.hospitality-image {
  padding-bottom: 80px;
  border-bottom: 1px solid #052275;
  text-align: center;
}

.brand {
  color: #052275;
  position: relative;
}
.brand h4 {
  position: absolute;
  font-size: 25px;
  font-weight: bold;
  top: -20px;
  background-color: #fdf8e5;
  padding: 5px;
}
.brand ul {
  list-style-type: disc;
  padding: 45px 25px 145px;
}
.brand ul li {
  font-size: 23px;
  line-height: 2;
}

.hotel-lists {
  width: 1200px;
  margin: 25px auto;
}
.hotel-lists .table, .hotel-lists header .header-banner, header .hotel-lists .header-banner, .hotel-lists .nav-menu .nav-list-link, .nav-menu .hotel-lists .nav-list-link, .hotel-lists .footer-ver2, .hotel-lists .footer-ver2 .smile-hotel-partners .row1, .footer-ver2 .smile-hotel-partners .hotel-lists .row1, .hotel-lists .footer-ver2 .smile-hotel-partners .row2, .footer-ver2 .smile-hotel-partners .hotel-lists .row2, .hotel-lists .footer-ver2 .smile-hotel-partners .row3, .footer-ver2 .smile-hotel-partners .hotel-lists .row3, .hotel-lists .calendar-datepicker .top-part-inputs, .calendar-datepicker .hotel-lists .top-part-inputs, .hotel-lists .calendar-datepicker .bottom-part, .calendar-datepicker .hotel-lists .bottom-part, .hotel-lists .calendar-datepicker .bottom-left-calendar, .calendar-datepicker .hotel-lists .bottom-left-calendar, .hotel-lists .calendar-datepicker .bottom-right-btns .vacancy-search, .calendar-datepicker .bottom-right-btns .hotel-lists .vacancy-search, .hotel-lists .calendar-datepicker .bottom-right-btns .cardholder, .calendar-datepicker .bottom-right-btns .hotel-lists .cardholder, .hotel-lists .blue-btns-div, .hotel-lists .info-details-div .info-details-btns, .info-details-div .hotel-lists .info-details-btns, .hotel-lists .info-list-pager ul, .info-list-pager .hotel-lists ul, .hotel-lists .privilege-div .perks-list li, .privilege-div .perks-list .hotel-lists li {
  padding-bottom: 135px;
}
.hotel-lists .table > div, .hotel-lists header .header-banner > div, header .hotel-lists .header-banner > div, .hotel-lists .nav-menu .nav-list-link > div, .nav-menu .hotel-lists .nav-list-link > div, .hotel-lists .footer-ver2 > div, .hotel-lists .footer-ver2 .smile-hotel-partners .row1 > div, .footer-ver2 .smile-hotel-partners .hotel-lists .row1 > div, .hotel-lists .footer-ver2 .smile-hotel-partners .row2 > div, .footer-ver2 .smile-hotel-partners .hotel-lists .row2 > div, .hotel-lists .footer-ver2 .smile-hotel-partners .row3 > div, .footer-ver2 .smile-hotel-partners .hotel-lists .row3 > div, .hotel-lists .calendar-datepicker .top-part-inputs > div, .calendar-datepicker .hotel-lists .top-part-inputs > div, .hotel-lists .calendar-datepicker .bottom-part > div, .calendar-datepicker .hotel-lists .bottom-part > div, .hotel-lists .calendar-datepicker .bottom-left-calendar > div, .calendar-datepicker .hotel-lists .bottom-left-calendar > div, .hotel-lists .calendar-datepicker .bottom-right-btns .vacancy-search > div, .calendar-datepicker .bottom-right-btns .hotel-lists .vacancy-search > div, .hotel-lists .calendar-datepicker .bottom-right-btns .cardholder > div, .calendar-datepicker .bottom-right-btns .hotel-lists .cardholder > div, .hotel-lists .blue-btns-div > div, .hotel-lists .info-details-div .info-details-btns > div, .info-details-div .hotel-lists .info-details-btns > div, .hotel-lists .info-list-pager ul > div, .info-list-pager .hotel-lists ul > div, .hotel-lists .privilege-div .perks-list li > div, .privilege-div .perks-list .hotel-lists li > div {
  width: 300px;
  vertical-align: top;
}
.hotel-lists .table > div:nth-child(1), .hotel-lists header .header-banner > div:nth-child(1), header .hotel-lists .header-banner > div:nth-child(1), .hotel-lists .nav-menu .nav-list-link > div:nth-child(1), .nav-menu .hotel-lists .nav-list-link > div:nth-child(1), .hotel-lists .footer-ver2 > div:nth-child(1), .hotel-lists .footer-ver2 .smile-hotel-partners .row1 > div:nth-child(1), .footer-ver2 .smile-hotel-partners .hotel-lists .row1 > div:nth-child(1), .hotel-lists .footer-ver2 .smile-hotel-partners .row2 > div:nth-child(1), .footer-ver2 .smile-hotel-partners .hotel-lists .row2 > div:nth-child(1), .hotel-lists .footer-ver2 .smile-hotel-partners .row3 > div:nth-child(1), .footer-ver2 .smile-hotel-partners .hotel-lists .row3 > div:nth-child(1), .hotel-lists .calendar-datepicker .top-part-inputs > div:nth-child(1), .calendar-datepicker .hotel-lists .top-part-inputs > div:nth-child(1), .hotel-lists .calendar-datepicker .bottom-part > div:nth-child(1), .calendar-datepicker .hotel-lists .bottom-part > div:nth-child(1), .hotel-lists .calendar-datepicker .bottom-left-calendar > div:nth-child(1), .calendar-datepicker .hotel-lists .bottom-left-calendar > div:nth-child(1), .hotel-lists .calendar-datepicker .bottom-right-btns .vacancy-search > div:nth-child(1), .calendar-datepicker .bottom-right-btns .hotel-lists .vacancy-search > div:nth-child(1), .hotel-lists .calendar-datepicker .bottom-right-btns .cardholder > div:nth-child(1), .calendar-datepicker .bottom-right-btns .hotel-lists .cardholder > div:nth-child(1), .hotel-lists .blue-btns-div > div:nth-child(1), .hotel-lists .info-details-div .info-details-btns > div:nth-child(1), .info-details-div .hotel-lists .info-details-btns > div:nth-child(1), .hotel-lists .info-list-pager ul > div:nth-child(1), .info-list-pager .hotel-lists ul > div:nth-child(1), .hotel-lists .privilege-div .perks-list li > div:nth-child(1), .privilege-div .perks-list .hotel-lists li > div:nth-child(1) {
  width: 250px;
}
.hotel-lists h2 {
  color: #052275;
  font-size: 32px;
  padding-bottom: 20px;
  font-weight: bold;
}
.hotel-lists h3 {
  color: #052275;
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 20px;
}
.hotel-lists ul li {
  padding-bottom: 15px;
}
.hotel-lists ul li a {
  background: url("../images/common/icon-smile.png") no-repeat 10px center;
  color: #052275;
  font-size: 23px;
  display: block;
  padding-left: 40px;
}


.pp-lists h2 {
  color: #052275;
  font-size: 32px;
  padding-bottom: 20px;
  font-weight: bold;
}

.pp-ttl a{
color: #052275;
font-size: 25px;
text-decoration: underline;
margin-bottom: 10px;
}

.pp-ttl1 {
color: #052275;
font-size: 25px;
margin-bottom: 10px;
}

.pp-left {
float: left;
margin-right: 80px;
margin-left: 80px;
}

.pp-left li{
margin: 10px 0;
}


.pp-right li{
margin: 10px 0;
}

.fc a{
color: #052275;
text-decoration: underline;
}


.title {
  font-size: 44px;
  color: #042275;
  margin-bottom: 25px;
}

.guest {
  display: table;
  width: 1200px;
  margin: 25px auto 135px;
}
.guest > * {
  display: table-cell;
  vertical-align: top;
}

.menu-list dt {
  padding-left: 25px;
  font-size: 21px;
  color: #042275;
  background: url("../images/common/icon-arrow-blue.png") no-repeat 0 center;
}
.menu-list .close {
  background: url("../images/common/icon-arrow-blue-down.png") no-repeat 0 center;
}
.menu-list .close + dd {
  display: none;
}
.menu-list ul > li a {
  display: block;
  font-size: 21px;
  color: #042275;
  padding-left: 50px;
  background: url("../images/common/icon-06.png") no-repeat 15% center;
}

.guest-menu {
  width: 250px;
}
.guest-menu .tabs-menu {
  border-top: 7px solid #042275;
  background-color: #fffcbd;
  line-height: 1.2;
}
.guest-menu .tabs-menu > li {
  border-bottom: 1px dashed #626e7c;
  padding: 18px 10px;
}
.guest-menu .tabs-menu > li:last-child {
  border-bottom: none;
}
.guest-menu .tabs-menu > li > a {
  display: block;
  font-size: 21px;
  color: #042275;
  padding-left: 25px;
  background: url("../images/common/icon-arrow-blue.png") no-repeat 0 center;
}

.tab-content {
  display: none;
}
.content {
  padding-left: 25px;
}
.content .table .image, .content header .header-banner .image, header .content .header-banner .image, .content .nav-menu .nav-list-link .image, .nav-menu .content .nav-list-link .image, .content .footer-ver2 .image, .footer-ver2 .smile-hotel-partners .content .row1 .image, .footer-ver2 .smile-hotel-partners .content .row2 .image, .footer-ver2 .smile-hotel-partners .content .row3 .image, .content .calendar-datepicker .top-part-inputs .image, .calendar-datepicker .content .top-part-inputs .image, .content .calendar-datepicker .bottom-part .image, .calendar-datepicker .content .bottom-part .image, .content .calendar-datepicker .bottom-left-calendar .image, .calendar-datepicker .content .bottom-left-calendar .image, .content .calendar-datepicker .bottom-right-btns .vacancy-search .image, .calendar-datepicker .bottom-right-btns .content .vacancy-search .image, .content .calendar-datepicker .bottom-right-btns .cardholder .image, .calendar-datepicker .bottom-right-btns .content .cardholder .image, .content .blue-btns-div .image, .content .info-details-div .info-details-btns .image, .info-details-div .content .info-details-btns .image, .content .info-list-pager ul .image, .info-list-pager .content ul .image, .content .privilege-div .perks-list li .image, .privilege-div .perks-list .content li .image {
  vertical-align: top;
}
.content .table .image img, .content header .header-banner .image img, header .content .header-banner .image img, .content .nav-menu .nav-list-link .image img, .nav-menu .content .nav-list-link .image img, .content .footer-ver2 .image img, .footer-ver2 .smile-hotel-partners .content .row1 .image img, .footer-ver2 .smile-hotel-partners .content .row2 .image img, .footer-ver2 .smile-hotel-partners .content .row3 .image img, .content .calendar-datepicker .top-part-inputs .image img, .calendar-datepicker .content .top-part-inputs .image img, .content .calendar-datepicker .bottom-part .image img, .calendar-datepicker .content .bottom-part .image img, .content .calendar-datepicker .bottom-left-calendar .image img, .calendar-datepicker .content .bottom-left-calendar .image img, .content .calendar-datepicker .bottom-right-btns .vacancy-search .image img, .calendar-datepicker .bottom-right-btns .content .vacancy-search .image img, .content .calendar-datepicker .bottom-right-btns .cardholder .image img, .calendar-datepicker .bottom-right-btns .content .cardholder .image img, .content .blue-btns-div .image img, .content .info-details-div .info-details-btns .image img, .info-details-div .content .info-details-btns .image img, .content .info-list-pager ul .image img, .info-list-pager .content ul .image img, .content .privilege-div .perks-list li .image img, .privilege-div .perks-list .content li .image img {
  border: 3px solid #fff;
  @border-radius (3px);
}
.content .tab-content:first-child {
  display: block;
}

.details {
  padding-left: 12px;
  vertical-align: top;
}

.details h4 {
  font-size: 30px;
  color: #042275;
  margin-bottom: 35px;
}
.details dl {
  display: table;
  width: 280px;
}

.details-wide dl {
  display: table;
  width: 361px;
}

.details dl dt, .details dl dd {
  display: table-cell;
  vertical-align: middle;
}
.details dl dt {
  font-size: 23px;
  color: #042275;
}
.details dl dd {
  font-size: 23px;
  color: #042275;
  text-align: right;
}
.details .icon-list {
  margin-top: 25px;
  padding: 15px;
  @border-radius (3px);
  background-color: #fffcbd;
  display: table;
  width: 100%;
}
.details .icon-list li {
  display: inline-table;
  width: 23%;
  padding-bottom: 8px;
  text-align: center;
}

.details .icon-list li p {
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  color: #0075c2;
}

.access-div .transpo-guide-title {
  margin-top: 35px;
  font-size: 23px;
  color: #052275;
}
.access-div ul {
  margin-left: 10px;
  margin-top: 30px;
}
.access-div ul li {
  font-size: 23px;
  padding: 0 10px 0 0;
  margin-bottom: 30px;
  color: #052275;
}
.access-div .access-list {
  margin-left: 10px;
  margin-top: 30px;
}
.access-div .access-list dt,
.access-div .access-list dd {
  font-size: 23px;
  padding: 0 10px 0 0;
  margin-bottom: 30px;
  color: #052275;
  line-height: 1.4;
}
.access-div .access-list2 {
  margin-left: 10px;
  margin-top: 10px;
}
.access-div .access-list2 dt,
.access-div .access-list2 dd {
  font-size: 20px;
  padding: 0;
  margin-bottom: 30px;
  color: #052275;
  line-height: 1.5;
}
.access-div .access-list2 dt {
  border-bottom: 3px solid #0075c2;
  color: #0075c2;
}
.access-div .transpo-guide-text {
  font-size: 23px;
  color: #052275;
  margin-bottom: 165px;
  margin-left: 10px;
  line-height: 1.3;
}
.access-div .map-note {
  text-align: right;
  margin-top: 10px;
}
.access-div .map-note a {
  font-size: 18px;
  color: #052275;
}
.access-div .gmap-frame {
  height: 660px;
  width: 1180px;
  margin: 0 auto 10px auto;
}

.access-div .gmap-frame2 {
  float: right;
  height: 500px;
  width: 680px;
  margin: 30px auto 10px auto;
}

.access-div #gmap {
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.smile-hotel-address-line {
  font-size: 23px;
  color: #052275;
  margin: 30px 0 10px 10px;
  line-height: 1.3;
}

.contact-div {
  margin-bottom: 30px;
}
.contact-div .desc {
  font-size: 23px;
  color: #042275;
  margin: 30px 0 85px 10px;
  line-height: 1.2;
}
.contact-div .required {
  font-size: 13px;
  color: #fff;
  background-color: #ff0000;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  width: 40px;
  padding: 3px;
}
.contact-div input[type="text"].error {
  background: #FFE6E6;
}
.contact-div textarea.error {
  background: #FFE6E6;
}
.contact-div div.error {
  color: #f13d40;
  float: none !important;
}

.dl-table {
  border-top: 1px solid #042275;
  margin-top: 16px;
  display: table;
  width: 100%;
}
.dl-table dl {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #042275;
  display: table-row;
  border: 0 none;
}
.dl-table dl:last-child {
  border-bottom: none;
}
.dl-table dl:last-child dt, .dl-table dl:last-child dd {
  border-bottom: none;
}
.dl-table dl:last-child dd {
  padding-bottom: 10px;
}
.dl-table dl dt, .dl-table dl dd {
  display: table-cell;
  border-bottom: 1px solid #042275;
  padding: 40px 0 30px 15px;
  font-size: 16px;
}
.dl-table dl dt {
  width: 200px;
  font-weight: bold;
  font-size: 23px;
  color: #042275;
  vertical-align: top;
}
.dl-table dl dd {
  font-size: 18px;
  color: #042275;
  line-height: 1.5;
}
.dl-table dl .dd-name > div, .dl-table dl .dd-address > div {
  float: left;
  margin-right: 25px;
}
.dl-table dl .dd-name input[type=text], .dl-table dl .dd-address input[type=text] {
  width: 355px;
}
.dl-table dl .dd-address div:first-child {
  margin-right: 15px;
}
.dl-table dl .dd-address div:first-child input[type=text] {
  width: 140px;
}
.dl-table dl .dd-address div:last-child input[type=text] {
  width: 575px;
}
.dl-table dl input[type=text] {
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 730px;
  height: 60px;
}
.dl-table dl input[type=radio] + label {
  margin-right: 35px;
}
.dl-table dl textarea {
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 730px;
  resize: none;
  line-height: 1.5;
  font-size: 23px;
}

.blue-btns-div {
  margin: 0px auto 70px auto;
}
.blue-btns-div div {
  padding: 0 20px;
  vertical-align: bottom;
}
.blue-btns-div div a {
  display: block;
}
.blue-btns-div div:first-child a {
  padding: 15px 40px;
}
.blue-btns-div div:last-child submit {
  padding: 30px 60px;
}

.btn-blue-big {
  font-size: 23px;
  background-color: #042275;
  color: #fff;
  padding: 25px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
}

.contact-confirm-div {
  margin-top: 50px;
}
.contact-confirm-div dl dt {
  width: 220px;
}

.contact-complete-div {
  margin-bottom: 80px;
}
.contact-complete-div p {
  font-size: 23px;
  color: #052275;
  margin: 30px 0 10px 10px;
  line-height: 1.3;
}

.info-details-div {
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 15px 80px 50px 100px;
  background-color: #fffcbd;
}
.info-details-div dt, .info-details-div dd, .info-details-div .details {
  font-size: 23px;
  color: #042275;
}
.info-details-div dd {
  margin-top: 10px;
  font-weight: bold;
}
.info-details-div .details {
  padding: 45px 0;
  line-height: 1.5em;
}

/* 20160520 IOS 追加 */
.info-details-div .details {
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid #042275;
  margin-bottom: 30px;
}
/* ここまで */

.info-details-div .info-details-btns {
  margin: 0 auto;
}
.info-details-div .info-details-btns div {
  padding: 0 10px;
}
.info-details-div .btn-blue-big {
  font-size: 23px;
  background-color: #042275;
  color: #fff;
  display: inline-block;
  padding: 25px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.info-list-div {
  margin: 30px 0 80px 0;
}
.info-list-div dl {
  margin-bottom: 35px;
}
.info-list-div dt span {
  font-size: 23px;
  color: #042275;
  background-color: #fffcbd;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.info-list-div dd {
  margin-top: 10px;
}
.info-list-div dd a {
  font-size: 23px;
  color: #042275;
  padding-bottom: 2px;
  border-bottom: 1px solid #042275;
}

.info-list-pager {
  margin-bottom: 110px;
  text-align: center;
}
.info-list-pager ul {
  margin: 0 auto;
}
.info-list-pager ul li {
  border: 1px solid #042275;
  background-color: #fff;
  width: 50px;
  height: 50px;
}
.info-list-pager ul li a {
  color: #042275;
  font-size: 23px;
}
.info-list-pager .current {
  background-color: #042275;
}
.info-list-pager .current a {
  color: #fff;
}

.privilege-div {
  margin-bottom: 455px;
}
.privilege-div .img-banner1, .privilege-div .img-banner2 {
  padding-top: 30px;
}
.privilege-div .img-banner2 {
  text-align: center;
  padding-bottom: 20px;
}
.privilege-div .perks-list li {
  background-color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -moz-box-shadow: 0px 1px 29px 0px rgba(255, 165, 87, 0.25);
  -webkit-box-shadow: 0px 1px 29px 0px rgba(255, 165, 87, 0.25);
  box-shadow: 0px 1px 29px 0px rgba(255, 165, 87, 0.25);
  padding: 25px;
  width: 100%;
  margin-bottom: 20px;
}
.privilege-div .perks-list li:last-child {
  margin-bottom: 0;
}
.privilege-div .perks-list .perks-img {
  width: 170px;
}
.privilege-div .perks-list .perks-text {
  color: #e73828;
  font-size: 49px;
  font-weight: bold;
}
.privilege-div .perks-list .perks-text .tax-included {
  font-size: 16px;
  color: #e73828;
  margin-left: 490px;
}
.privilege-div .perks-list .perks-text p {
  color: #000;
  font-size: 20px;
  margin-top: 10px;
  line-height: 1.5em;
}

.qa-div {
  margin-bottom: 215px;
}
.qa-div .tab-content {
  display: none;
  width: auto;
}
.qa-div .tab-1 {
  display: block;
}
.qa-div .tab-active {
  border-top: 5px solid #052275;
  background-color: #FFF;
  padding: 20px 35px 40px 35px;
  margin-bottom: 20px;
  font-size: 23px;
  color: #042275;
}
.qa-div .tabs-list {
  width: 100%;
  display: table;
  margin: 0 auto;
  margin-top: 50px;
}
.qa-div .tabs-list li {
  display: inline-block;
  list-style: none;
  padding-right: 5px;
}
.qa-div .tabs-list li a {
  position: relative;
  display: block;
  border-radius: 10px 10px 0px 0px;
  background: #fffcbd;
  font-size: 23px;
  color: #042275;
  border: 1px solid #fff100;
  border-bottom: none;
  text-align: center;
  width: 330px;
  height: 60px;
  line-height: 60px;
}
.qa-div .tabs-list li a:hover {
  text-decoration: none;
}
.qa-div .tabs-list .current a {
  background-color: #052275;
  border: 1px solid #052275;
  color: #fff;
  border-bottom: none;
  font-weight: bold;
}
.qa-div dt span {
  line-height: 1.8;
  border-bottom: 1px solid #042275;
  cursor: pointer;
}
.qa-div dd {
  display: none;
  line-height: 1.5;
  margin-left: 55px;
}
.qa-div dd ol {
  list-style-type: upper-alpha;
}



.plan-div {
  margin-bottom: 215px;
}
.plan-div .tab-content {
  display: none;
  width: auto;
}
.plan-div .tab-1 {
  display: block;
}
.plan-div .tab-active {
  border-top: 5px solid #052275;
  background-color: #FFF;
  padding: 20px 35px 40px 35px;
  margin-bottom: 20px;
  font-size: 23px;
  color: #042275;
}
.plan-div .tabs-list {
  width: 100%;
  display: table;
  margin: 0 auto;
  margin-top: 50px;
}
.plan-div .tabs-list li {
  display: inline-block;
  list-style: none;
  padding-right: 5px;
}
.plan-div .tabs-list li a {
  position: relative;
  display: block;
  border-radius: 10px 10px 0px 0px;
  background: #fffcbd;
  font-size: 23px;
  color: #042275;
  border: 1px solid #fff100;
  border-bottom: none;
  text-align: center;
  width: 280px;
  height: 60px;
  line-height: 60px;
}
.plan-div .tabs-list li a:hover {
  text-decoration: none;
}
.plan-div .tabs-list .current a {
  background-color: #052275;
  border: 1px solid #052275;
  color: #fff;
  border-bottom: none;
  font-weight: bold;
}
.plan-div dt span {
  line-height: 1.8;
  border-bottom: 1px solid #042275;
  cursor: pointer;
}
.plan-div dd {
  display: none;
  line-height: 1.5;
  margin-left: 55px;
}
.plan-div dd ol {
  list-style-type: upper-alpha;
}



/*IOS　WP設定*/
.recommended .plan .image img {
max-width: 152px; max-height: 152px;
}


.cancel {
font-size: 12px;
line-height: 18px;
color: #052275;
margin-top: 20px;
background-color: #fff;
border: 2px solid #052275;
padding: 5px;
}

.ss_link{
text-decoration: underline;
font-weight: bold;
color: #052275;
}

.keiro_title{
font-size: 30px;
font-weight: bold;
}


.banner {
    position: relative;
    overflow: auto;
}

.banner li {
    list-style: none;
}
.banner ul li {
    float: left;
}

.banner img {
width: 100%
}

#inquiry_box02 {
width: 670px;
margin: 0 auto;
}

.cc td {
padding: 10px;
}


.cc tr {
border-bottom: 1px solid #666666;
}

.faci-table{
background-color: #fff;
}

.faci-table th {
font-weight: bold;
color: #fff;
background-color: #052275;
padding: 5px;
text-align: center;
border: 1px solid #fff;
font-size: 15px;
}

.faci-table td {
padding: 5px;
border: 1px solid #052275;
font-size: 15px;
line-height: 1.3em
}

.rec li{
display: inline-block;
}


.kensaku-div .tab-content {
  display: none;
  width: auto;
}
.kensaku-div .tab-1 {
  display: block;
}
.kensaku-div .tab-active {
  border: 1px solid #fff100;
  border-top: 1px solid #fffcbd;
  background-color: #fffcbd;
  padding: 20px 35px 40px 35px;
  margin-bottom: 20px;
  font-size: 23px;
  color: #042275;
}
.kensaku-div .tabs-list {
  width: 100%;
  display: table;
  margin: 0 auto;
  margin-top: 10px;
}
.kensaku-div .tabs-list li {
  display: inline-block;
  list-style: none;
  padding-right: 5px;
    vertical-align: bottom;

}
.kensaku-div .tabs-list li a {
  position: relative;
  display: block;
  border-radius: 10px 40px 0px 0px;
//background: linear-gradient(#fff, #fffcbd, #fff100);
background: #052275;
 font-size: 23px;
  color: #fff;
  border: 1px solid #52275;
  border-bottom: none;
  text-align: center;
  width: 310px;
  height: 60px;
  line-height: 60px;
}



.kensaku-div .tabs-list .tab-1 a {
margin-right: 20px;
}

.kensaku-div .tabs-list li a:hover {
  text-decoration: none;
}


.kensaku-div .tabs-list .current a {
background: linear-gradient(#fff100, #fffcbd);
  border: 2px solid #fff100;
  color: #052275;
  border-bottom: none;
  font-weight: bold;
  width: 380px;
  height: 70px;
   box-shadow: 3px -3px 3px rgba(0, 0, 0, .4);
}


.kensaku-div dt span {
  line-height: 1.8;
  border-bottom: 1px solid #042275;
  cursor: pointer;
}
.kensaku-div dd {
  display: none;
  line-height: 1.5;
  margin-left: 55px;
}
.kensaku-div dd ol {
  list-style-type: upper-alpha;
}

.people-description2 {
  background: #faf559;
  font-weight: bold;
  padding: 5px;
  font-size: 15px;
}

.dp-menu {
font-size: 23px;
color: #052275;
}

.top_main {
max-width: 1800px;
margin: 0 auto;
}

.ss_url {
color: #036eb7;
margin-bottom: 15px;
}

.ss_url a {
color: #036eb7;
}

 .kumamoto-faci li{
   border-bottom: none;
   list-style: disc;
   padding: 0px;
   margin-bottom: 10px;
   line-height: 1.5em;
 }