@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/*@import url("//fonts.googleapis.com/css?family=PT+Serif");*/
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }

*,
:after,
:before {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit; }

* {
  padding: 0;
  margin: 0; }

audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible; }

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

summary {
  display: list-item; }

small {
  font-size: 80%; }

[hidden],
template {
  display: none; }

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active,
a:hover {
  outline-width: 0; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

b,
strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

input {
  border-radius: 0; }

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer; }

[disabled] {
  cursor: default; }

[type=number] {
  width: auto; }

[type=search] {
  -webkit-appearance: textfield; }

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  resize: vertical; }

button,
input,
optgroup,
select,
textarea {
  font: inherit; }

optgroup {
  font-weight: 700; }

button {
  overflow: visible; }

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText; }

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button; }

button,
select {
  text-transform: none; }

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

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

select::-ms-value {
  color: currentColor; }

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

ul,
li {
  list-style: none; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

img {
  border-style: none; }

progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden; }

audio,
canvas,
progress,
video {
  display: inline-block; }

@media screen {
  [hidden~=screen] {
    display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }

[aria-busy=true] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none; }

html {
  font-size: 62.5%; }
  html.is-fz-medium {
    font-size: 62.5%; }
  html.is-fz-large {
    font-size: 80%; }

body#index {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
  background: #fff; }
  body#index .container {
    position: relative;
    width: 1200px;
    margin: 0 auto; }
  body#index img {
    display: block;
    width: 100%; }
  body#index .icn_wether img {
    width: auto; }

a,
a:visited {
  text-decoration: none;
  color: #333; }

a:hover {
  color: #cc1421; }

a:hover img {
  -webkit-animation: wink .6s;
          animation: wink .6s;
  opacity: 1; }

a.nowink:hover img {
  -webkit-animation: none;
          animation: none; }

@-webkit-keyframes wink {
  0% {
    opacity: 1.0; }
  20% {
    opacity: .4; }
  100% {
    opacity: 1.0; } }

@keyframes wink {
  0% {
    opacity: 1.0; }
  20% {
    opacity: .4; }
  100% {
    opacity: 1.0; } }

.btn_more {
  margin-bottom: 0; }
  .btn_more a {
    margin: 0 auto;
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    color: #666;
    letter-spacing: 0.1em;
    /*font-family: 'PT Serif', serif;*/
    text-align: center;
    border: 1px solid #ccc;
    text-decoration: none; }
    .btn_more a:hover {
      background: #151a5f;
      color: #fff;
      border: 1px solid #151a5f; }

.header {
  height: 100px; }
  .header h1 {
    position: absolute;
    top: 23px;
    left: 0;
    width: 237px; }
  .header .header_fz {
    font-size: 0;
    position: absolute;
    top: 41px;
    left: 260px; }
    .header .header_fz p {
      display: inline-block;
      width: 58px;
      margin-right: 5px;
      vertical-align: middle; }
    .header .header_fz ul {
      display: inline-block;
      vertical-align: middle; }
      .header .header_fz ul li {
        display: inline-block;
        overflow: hidden;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        cursor: pointer;
        text-indent: -9999px;
        background-image: url(../images/header_fz_btn.png);
        background-repeat: no-repeat;
        background-size: 40px; }
        .header .header_fz ul li:nth-child(1) {
          background-position: 0 -20px; }
          .header .header_fz ul li:nth-child(1).is-current {
            background-position: 0 0; }
        .header .header_fz ul li:nth-child(2) {
          background-position: -20px -20px; }
          .header .header_fz ul li:nth-child(2).is-current {
            background-position: -20px 0; }
  .header .header_mobile {
    position: absolute;
    top: 30px;
    left: 385px;
    width: 171px; }
  .header .header_submenu {
    position: absolute;
    top: 42px;
    right: 145px; }
    .header .header_submenu ul {
      font-size: 0; }
      .header .header_submenu ul li {
        font-size: 1.3rem;
        display: inline-block;
        margin-left: 25px; }
  .header .header_lang {
    font-size: 1.0rem;
    line-height: 20px;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 999;
    overflow: hidden;
    width: 120px;
    height: 22px;
    cursor: default;
    -webkit-transition: all .4s;
    transition: all .4s;
    text-align: center;
    letter-spacing: .1em;
    color: #999;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    background: #fff url(../images/arrow_down_1.png) no-repeat right 10px top 8px; }
    .header .header_lang:hover {
      height: 115px; }
    .header .header_lang p {
      margin-bottom: 0;
      line-height: 20px; }
    .header .header_lang ul li {
      line-height: 30px;
      border-top: 1px solid #dbdbdb;
      background: #fff; }
      .header .header_lang ul li a {
        display: block; }
        .header .header_lang ul li a:hover {
          color: #fff;
          background: #151a5f; }

.footer .footer_award {
  background: #f0f0f0; }
  .footer .footer_award p {
    width: 940px;
    margin: 0 auto; }

.footer .footer_bottom {
  overflow: hidden;
  padding: 30px 0;
  color: #fff;
  background: #0f0f37; }
  .footer .footer_bottom ul {
    float: left;
    overflow: hidden; }
    .footer .footer_bottom ul li {
      font-size: 1.2rem;
      float: left;
      margin-right: 25px;
      padding-left: 10px;
      background: url(../images/arrow_1.png) no-repeat left center; }
      .footer .footer_bottom ul li a {
        color: #fff; }
        .footer .footer_bottom ul li a:hover {
          text-decoration: underline; }
  .footer .footer_bottom p {
    font-size: 1.0rem;
    float: right; }

.global {
  background: url(../images/global_bg.gif) repeat-x 0 0; }
  .global ul {
    overflow: hidden; }
    .global ul li {
      float: left;
      width: 171px;
      position: relative; }
      .global ul li a {
        display: block; }
        .global ul li a:hover {
          background: #fff; }
      .global ul li:nth-child(1), .global ul li:nth-child(2), .global ul li:nth-child(3) {
        width: 172px; }
      .global ul li.book {
        background: #fbc600; }
        .global ul li.book a:hover {
          background: #ffd849; }
      .global ul li.is-current:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 3px;
        background: #fbc600;
        position: absolute;
        left: 0;
        bottom: 0; }

.visual {
  background: #000; }
  .visual ul li {
    width: 1200px;
    opacity: 0.4;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .visual ul li.slick-center {
      opacity: 1.0; }
  .visual .slick-arrow {
    width: 38px;
    height: 75px;
    position: absolute;
    top: 212px;
    z-index: 2;
    overflow: hidden;
    text-indent: -9999px;
    outline: none;
    background-image: url(../images/slider_arrow1.png);
    background-repeat: no-repeat; }
  .visual .slick-prev {
    left: 20px;
    background-position: 0 0; }
  .visual .slick-next {
    right: 20px;
    background-position: -38px 0; }

.bookNow {
  padding: 20px 0 40px;
  background: #0f0f37; }
  .bookNow .bookNow_title {
    width: 286px;
    margin: 0 auto 20px; }
  .bookNow .bookNow_edit {
    position: absolute;
    top: 10px;
    right: 0; }
    .bookNow .bookNow_edit a {
      padding-left: 12px;
      color: #ccc;
      text-decoration: underline;
      font-size: 1.2rem;
      background: url(../images/arrow_2.png) no-repeat left center; }
      .bookNow .bookNow_edit a:hover {
        color: #fff; }
  .bookNow form {
    overflow: hidden; }
    .bookNow form input,
    .bookNow form select {
      float: left;
      margin-right: 10px;
      padding: 10px;
      background: #fff url(../images/arrow_down_2.png) no-repeat right 10px center;
      height: 40px;
      vertical-align: top;
      cursor: pointer; }
      .bookNow form input::-webkit-input-placeholder,
      .bookNow form select::-webkit-input-placeholder {
        color: #333; }
      .bookNow form input::-moz-input-placeholder,
      .bookNow form select::-moz-input-placeholder {
        color: #333; }
      .bookNow form input:-ms-input-placeholder,
      .bookNow form select:-ms-input-placeholder {
        color: #333; }
    .bookNow form .bookNow_form_area {
      width: 150px; }
    .bookNow form .bookNow_form_hotel {
      width: 280px; }
    .bookNow form .bookNow_form_date {
      width: 150px;
      background: #fff url(../images/icn_calendar.png) no-repeat right 10px center; }
    .bookNow form .bookNow_form_stay {
      width: 80px; }
    .bookNow form .bookNow_form_num {
      width: 80px; }
    .bookNow form .bookNow_form_room {
      width: 90px; }
    .bookNow form .bookNow_form_smoke {
      width: 110px; }
    .bookNow form .bookNow_form_submit {
      margin-right: 0;
      width: 190px;
      padding: 0; }

.pushContents {
  overflow: hidden;
  min-width: 1200px; }
  .pushContents .pushContents_column {
    float: left; }
  .pushContents .pushContents_column-left {
    width: 62%; }
  .pushContents .pushContents_column-right {
    width: 38%; }
  .pushContents .pushContents_article {
    height: 285px;
    float: left;
    position: relative; }
    .pushContents .pushContents_article a {
      display: block;
      width: 100%;
      height: inherit;
      vertical-align: middle;
      position: relative;
      background: rgba(0, 0, 0, 0.3);
      -webkit-transition: all .4s;
      transition: all .4s; }
      .pushContents .pushContents_article a:hover {
        background: transparent; }
    .pushContents .pushContents_article h3 {
      margin: 0 auto;
      position: relative; }
  .pushContents .pushContents_lohas {
    background: url(../images/pushContents_lohas_bg.jpg) no-repeat center center;
    background-size: cover;
    width: 100%; }
    .pushContents .pushContents_lohas h3 {
      padding-top: 65px;
      width: 573px; }
  .pushContents .pushContents_morning {
    background: url(../images/pushContents_morning_bg.jpg) no-repeat center center;
    background-size: cover;
    width: 50%; }
    .pushContents .pushContents_morning h3 {
      padding-top: 89px;
      width: 173px; }
  .pushContents .pushContents_onsen {
    background: url(../images/pushContents_onsen_bg.jpg) no-repeat center center;
    background-size: cover;
    width: 50%; }
    .pushContents .pushContents_onsen h3 {
      padding-top: 89px;
      width: 178px; }
  .pushContents .pushContents_stay {
    background: url(../images/pushContents_stay_bg.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 570px; }
    .pushContents .pushContents_stay h3 {
      padding-top: 234px;
      width: 271px; }

.searchHotel {
  margin-bottom: 0px !important;
  background: url(../images/searchHotel_bg.png) 0 0;
  overflow: hidden; }
  .searchHotel h2 {
    position: absolute;
    top: 80px;
    left: 50%;
    width: 290px;
    margin-left: -145px; }
  .searchHotel .searchHotel_container {
    margin: 0 auto;
    width: 1200px;
    position: relative; }
  .searchHotel .searchHotel_svg {
    margin-left: -163px; }
    .searchHotel .searchHotel_svg .searchHotel_map path {
      fill: none; }
      .searchHotel .searchHotel_svg .searchHotel_map path.is-fill {
        fill: #151a5f; }
    .searchHotel .searchHotel_svg .searchHotel_mapBG path {
      fill: #c8c8c8; }
    .searchHotel .searchHotel_svg .searchHotel_mapBG polygon {
      fill: #999; }
  .searchHotel #v_map_area_list ul li {
    width: 160px;
    height: 30px;
    font-size: 1.5rem; }
    .searchHotel #v_map_area_list ul li a {
      width: inherit;
      height: inherit;
      line-height: 30px;
      color: #151a5f;
      font-size: inherit;
      text-align: center;
      display: block;
      background: #fff; }
      .searchHotel #v_map_area_list ul li a:hover {
        background: #151a5f;
        color: #fff;
        text-decoration: none; }
    .searchHotel #v_map_area_list ul li#bt_hokkaido {
      left: 949px;
      top: 118px; }
    .searchHotel #v_map_area_list ul li#bt_touhoku {
      left: 850px;
      top: 308px; }
    .searchHotel #v_map_area_list ul li#bt_kanto {
      left: 768px;
      top: 455px; }
    .searchHotel #v_map_area_list ul li#bt_tokyo {
      left: 768px;
      top: 495px; }
    .searchHotel #v_map_area_list ul li#bt_koshinetsu {
      left: 548px;
      top: 283px; }
    .searchHotel #v_map_area_list ul li#bt_hokuriku {
      left: 428px;
      top: 333px; }
    .searchHotel #v_map_area_list ul li#bt_toukai {
      left: 658px;
      top: 580px; }
    .searchHotel #v_map_area_list ul li#bt_kinki {
      left: 478px;
      top: 580px; }
    .searchHotel #v_map_area_list ul li#bt_osaka {
      left: 478px;
      top: 620px; }
    .searchHotel #v_map_area_list ul li#bt_tyugoku {
      left: 278px;
      top: 383px; }
    .searchHotel #v_map_area_list ul li#bt_shikoku {
      left: 298px;
      top: 580px; }
    .searchHotel #v_map_area_list ul li#bt_kyushu {
      left: 36px;
      top: 527px; }
    .searchHotel #v_map_area_list ul li#bt_okinawa {
      left: 989px;
      top: 606px; }
    .searchHotel #v_map_area_list ul li#bt_hanoi {
      left: 91px;
      top: 219px; }
    .searchHotel #v_map_area_list ul li#bt_yangon {
      left: -28px;
      top: 126px; }
  .searchHotel #bt_all {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 298px;
    right: -20px; }
    .searchHotel #bt_all a {
      width: inherit;
      height: inherit;
      display: block;
      background-image: url(../images/searchHotel_all.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 120px;
      overflow: hidden;
      text-indent: -9999px; }
      .searchHotel #bt_all a:hover {
        background-position: 0 -120px; }

#v_map_detail .v_map_area {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.pickupBnr {
  padding: 40px 0 20px;
  background: url(../images/pickupBnr_bg.jpg) no-repeat center center;
  background-size: cover; }
  .pickupBnr ul {
    margin-right: -21px;
    width: 1221px;
    overflow: hidden; }
    .pickupBnr ul li {
      margin: 0 21px 20px 0;
      float: left;
      width: 386px; }

.campaign {
  padding: 40px 0;
  overflow: hidden; }
  .campaign h2 {
    margin: 0 auto 40px;
    width: 244px; }
  .campaign .campaign_container {
    margin: 0 auto;
    max-width: 1450px;
    position: relative; }
  .campaign .slick-arrow {
    width: 38px;
    height: 75px;
    position: absolute;
    top: 50%;
    z-index: 2;
    margin-top: -37px;
    overflow: hidden;
    text-indent: -9999px;
    outline: none;
    background-image: url(../images/slider_arrow2.png);
    background-repeat: no-repeat; }
  .campaign .slick-prev {
    left: 20px;
    background-position: 0 0; }
  .campaign .slick-next {
    right: 20px;
    background-position: -38px 0; }
  .campaign .campaign_slider {
    margin: 0 auto 40px;
    width: 1240px; }
    .campaign .campaign_slider .article {
      margin: 0 20px 40px; }
      .campaign .campaign_slider .article a {
        outline: none; }
        .campaign .campaign_slider .article a:hover {
          text-decoration: none;
          color: #333; }
          .campaign .campaign_slider .article a:hover .btn {
            background: #151a5f;
            border: 1px solid #151a5f;
            color: #fff; }
      .campaign .campaign_slider .article .thumb {
        margin-bottom: 20px; }
      .campaign .campaign_slider .article h3 {
        font-size: 1.6rem; }
      .campaign .campaign_slider .article .inner {
        margin-bottom: 20px; }
      .campaign .campaign_slider .article .btn {
        margin-bottom: 0;
        font-size: 1.2rem;
        color: #666;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 30px; }
    .campaign .campaign_slider .slick-dots {
      font-size: 0;
      text-align: center; }
      .campaign .campaign_slider .slick-dots li {
        margin: 0 2px;
        display: inline-block; }
        .campaign .campaign_slider .slick-dots li button {
          width: 50px;
          height: 2px;
          background: #ccc;
          text-indent: -9999px;
          outline: none; }
        .campaign .campaign_slider .slick-dots li.slick-active button {
          background: #fbc600; }

.news_renewal {
  background: #f0f0f0;
  padding: 40px 0; }
  .news_renewal .container {
    overflow: hidden; }
  .news_renewal .news {
    width: 560px;
    float: left; }
    .news_renewal .news h2 {
      margin: 0 auto 40px;
      width: 80px; }
    .news_renewal .news dl dt {
      padding-bottom: 20px;
      margin-bottom: 20px;
      color: #151a5f;
      font-weight: bold;
      float: left; }
    .news_renewal .news dl dd {
      padding: 0 0 20px 150px;
      margin-bottom: 20px;
      border-bottom: 1px solid #ccc; }
      .news_renewal .news dl dd a {
        text-decoration: underline; }
      .news_renewal .news dl dd:last-child {
        border: none; }
  .news_renewal .renewal {
    width: 560px;
    float: right; }
    .news_renewal .renewal h2 {
      margin: 0 auto 40px;
      width: 327px; }
    .news_renewal .renewal .inner {
      margin: 0 -20px 20px 0;
      width: 580px;
      overflow: hidden; }
      .news_renewal .renewal .inner .article {
        margin: 0 20px 0 0;
        float: left;
        width: 173px;
        text-align: center; }
        .news_renewal .renewal .inner .article a {
          text-decoration: none; }
          .news_renewal .renewal .inner .article a:hover {
            color: #333; }
        .news_renewal .renewal .inner .article p {
          margin-bottom: 0; }
        .news_renewal .renewal .inner .article .photo {
          margin-bottom: 10px; }
        .news_renewal .renewal .inner .article h3 {
          margin-bottom: 7px;
          font-size: 1.5rem;
          line-height: 1.2; }
        .news_renewal .renewal .inner .article .date {
          margin-bottom: 5px;
          font-size: 1.2rem;
          background: #151a5f;
          color: #fbc600; }
  .news_renewal .rerewal_more {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: url(../../_img/map/bg_black.png); }
    .news_renewal .rerewal_more.is-show {
      display: block; }
    .news_renewal .rerewal_more .renewal_more_inner {
      margin: -200px 0 0 -300px;
      width: 600px;
      height: 400px;
      position: absolute;
      top: 50%;
      left: 50%; }
    .news_renewal .rerewal_more .inner {
      padding: 20px;
      background: #fff;
      width: 600px;
      height: 400px;
      overflow-y: scroll; }
      .news_renewal .rerewal_more .inner .article {
        margin-top: 10px;
        padding-top: 20px;
        border-top: 1px solid #ccc;
        overflow: hidden; }
        .news_renewal .rerewal_more .inner .article .figure {
          width: 25%;
          float: left; }
        .news_renewal .rerewal_more .inner .article .note {
          float: right;
          width: 71.875%;
          color: #333; }
        .news_renewal .rerewal_more .inner .article h4 {
          font-size: 1.6rem;
          color: #151a5f; }
        .news_renewal .rerewal_more .inner .article h5 {
          font-size: 1.2rem;
          font-weight: bold; }
        .news_renewal .rerewal_more .inner .article:first-child {
          margin-top: 0;
          padding-top: 0;
          border: none; }
    .news_renewal .rerewal_more .renewal_more_bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .news_renewal .rerewal_more .close {
      margin: 20px auto 0;
      padding: 3px 0;
      width: 150px;
      color: #fff;
      text-align: center;
      cursor: pointer;
      border: 1px solid #fff;
      /*font-family: 'PT Serif',
 serif;*/
      font-weight: normal;
      font-size: 1.2rem;
      letter-spacing: .15em; }
      .news_renewal .rerewal_more .close:hover {
        background: #fff;
        color: #333; }

.recently {
  padding: 40px 0;
  background: url(../images/recently_bg.jpg) no-repeat center center;
  background-size: cover;
  overflow: hidden; }
  .recently h2 {
    margin: 0 auto 40px;
    width: 347px; }
  .recently .recently_container {
    margin: 0 auto;
    max-width: 1450px;
    position: relative; }
  .recently .slick-arrow {
    width: 38px;
    height: 75px;
    position: absolute;
    top: 50%;
    margin-top: -37px;
    z-index: 2;
    overflow: hidden;
    text-indent: -9999px;
    outline: none;
    background-image: url(../images/slider_arrow1.png);
    background-repeat: no-repeat; }
  .recently .slick-prev {
    left: 20px;
    background-position: 0 0; }
  .recently .slick-next {
    right: 20px;
    background-position: -38px 0; }
  .recently .recently_slider {
    margin: 0 auto;
    width: 1240px; }
    .recently .recently_slider a {
      color: #fff;
      text-decoration: none;
      outline: none; }
    .recently .recently_slider .article {
      margin: 0 20px;
      text-align: center; }

.allHotelList {
  padding: 40px 0; }
  .allHotelList h3 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 2.4rem;
    color: #151a5f; }
  .allHotelList .inner {
    margin-right: -20px;
    width: 1220px;
    overflow: hidden; }
    .allHotelList .inner .column {
      margin-right: 20px;
      float: left;
      width: 224px; }
      .allHotelList .inner .column .article {
        margin-bottom: 40px;
        line-height: 1.2; }
        .allHotelList .inner .column .article a {
          display: inline-block;
          padding-left: 15px;
          color: #666;
          position: relative; }
          .allHotelList .inner .column .article a:hover {
            color: #cc1421; }
          .allHotelList .inner .column .article a:before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 1px;
            background: #333;
            position: absolute;
            top: 7px;
            left: 0; }
        .allHotelList .inner .column .article h4 {
          margin-bottom: 15px;
          padding-bottom: 10px;
          border-bottom: 1px solid #333; }
        .allHotelList .inner .column .article ul li {
          margin-bottom: 15px; }
          .allHotelList .inner .column .article ul li.icn_spa, .allHotelList .inner .column .article ul li.icn_bath {
            background: none; }
            .allHotelList .inner .column .article ul li.icn_spa a:after, .allHotelList .inner .column .article ul li.icn_bath a:after {
              margin-left: 5px;
              content: '';
              display: inline-block;
              width: 16px;
              height: 16px;
              background-size: 16px;
              position: relative;
              top: 3px; }
          .allHotelList .inner .column .article ul li.icn_spa a:after {
            background: url(../images/icn_spa.png) no-repeat 0 0; }
          .allHotelList .inner .column .article ul li.icn_bath a:after {
            background: url(../images/icn_bath.png) no-repeat 0 0; }
      .allHotelList .inner .column .article_info {
        float: right;
        display: inline-block;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        text-align: center; }
        .allHotelList .inner .column .article_info ul li {
          margin: 0;
          display: inline-block; }
          .allHotelList .inner .column .article_info ul li.icn_spa:before, .allHotelList .inner .column .article_info ul li.icn_bath:before {
            margin-left: 5px;
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            background-size: 16px;
            position: relative; }
          .allHotelList .inner .column .article_info ul li.icn_spa:before {
            background: url(../images/icn_spa.png) no-repeat 0 0; }
          .allHotelList .inner .column .article_info ul li.icn_bath:before {
            background: url(../images/icn_bath.png) no-repeat 0 0; }
