/*
Theme Name: 株式会社ハルクニック
Theme URI: http://www.herknic.jp/
Description: 株式会社ハルクニックのオリジナルテーマ
Version: 1.0
Author: 株式会社ハルクニック
Author URI: http://herknic.jp/
Tags: ホテルトレンド浅草, ホテルトレンド, ホテル, ビジネスホテル, 東京, 浅草, 予約, 観光, 無線LAN, 格安プラン, 旅行, おひとり様, 禁煙, 喫煙, 朝食付き, 女子会, 素泊まり
*/
.wrapper {
  overflow: hidden;
}

img {
  max-width: 100%;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.clearText {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

a:hover img {
  opacity: .9;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  filter: alpha(opacity=90);  /* IE lt 8 */
  -ms-filter: "alpha(opacity=90)"; /* IE 8 */
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.header_box {
  width: 100%;
  height: 104px;
  margin: 0;
  padding: 0;
  position: relative;
}

.h1_logo {
  position: absolute;
  top: 0;
  left: -42px;
  z-index: 1;
  margin: 0;
  padding: 0;
}

.header_right {
  position: absolute;
  top: 50px;
  right: 0;
}

.header_right {
  margin: 0;
  padding: 0;
  list-style: none;

}

.header_right li {
  float: left;
  margin-left: 15px;
  font-size: 1.2rem;

}

.arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #2f2f2f;
  vertical-align: middle;
  text-decoration: none;
  font-size: 12px;
}

.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.arrow1::before{
  width: 12px;
  height: 12px;
  background: #000;
}
.arrow1::after{
  left: 5px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #fff;
}

@media (max-width: 767px) {
  .header_box {
    display: none;
  }
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
  .navbar-nav {
    padding-left: 200px;
  }
  .navbar-brand {
    display: none;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {

}


.fixed {
  background-color: #00155e;
}
@media screen and (max-width: 767px) {
  .navbar-ito {
      background-color: #00155e;
      border-bottom: 4px solid #0f1267;
      color: #fff;
  }
  .navbar-brand {
      background: rgba(0, 0, 0, 0) url("../images/header/header_logo_smp.png") no-repeat scroll left center / contain ;
      color: #1b1f87;
      display: table-cell;
      float: left;
      margin-bottom: 8px;
      margin-left: 15px;
      margin-top: 8px;
      overflow: hidden;
      padding: 0;
      text-indent: 100%;
      white-space: nowrap;
      width: 60%;
  }
}


/*mainvisual*/
.main-bg {
  background: url(../images/topslider/fv_bg.png) center center / cover no-repeat fixed;
  overflow: hidden;
}

.main-bg2 {
  background: url(../images/topslider/fv_bg2.png) center center / cover no-repeat fixed;
  overflow: hidden;
}

.main-bg3 {
  background: url(../images/topslider/fv_bg3.png) center center / cover no-repeat fixed;
  overflow: hidden;
}

.main-bg5 {
  background: url(../images/topslider/fv_bg5.png) center center / cover no-repeat fixed;
  overflow: hidden;
}

    /* 画面幅が1170px以上になった場合に背景色をつける */
    .main-v {
        position: relative;
        /*background-color: #333;*/
        margin-bottom: 0;
    }

    /* メインcontainerを最大1170pxに指定 */
    /* Bootstrapのコンテンツエリアが最大1170pxのため */
    .main-container{
        max-width: 1170px;
        margin-left:auto;margin-right:auto;
    }

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

    .main-img{
        width: 1170px;
        min-height: 635px;
        position:relative;
        padding-top: 20px;
        margin: 0 auto;
    }

    .main-info div {
      width: 696px;
      margin: 136px auto 0;
    }

    .main-info div.main-txt-block {
      float: right;
      margin: 136px auto 0;
      width: 568px;
    }

    /* メインのテキスト装飾 */
    .main-info h2{
      font-weight: normal;
      color: #666666;
      font-size: 6.4rem;
      font-family: "Montserrat","Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;

    }
    .main-info2 h3{
      font-size: 2.0rem;
      position: absolute;
      top:140px;
      left: 240px;
    }

    .main-info2 p{
      font-size: 1.8rem;
    }

.main-contact-bg {
  background: url(../images/topslider/fv_contact_bg.png) center center / cover no-repeat fixed;
  overflow: hidden;
}

    .main-contact-img{
        width: 1170px;
        min-height: 435px;
        position:relative;
        padding-top: 20px;
        margin: 0 auto;
    }

    /*bootstrapのメディアクエリに合わせて、表示位置やフォントサイズを調整*/
    @media screen and (max-width: 767px) {
        .main-bg5 {
          background: url(../images/topslider/fv_bg_sp.png) center center no-repeat;
        }
        .main-img {
            width: 100%;
            min-height: 435px;
            padding-top: 10px;
            margin: 0 auto;
            display: block;
        }
        .main-info div {
          width: 100%;
          margin: 76px auto 0;
        }
        .main-info div.main-txt-block {
          float: none;
          margin: 0;
          width: 100%;
        }
        .main-info h2 {
          font-size: 3.2em;
        }
        .main-info h3 {
          font-size: 1.4em;
        }
        .main-contact-bg {
          background: url(../images/topslider/fv_contact_bg_sp.png) center center no-repeat;
        }
        .main-contact-img {
            width: 100%;
            min-height: 435px;
            padding-top: 10px;
            margin: 0 auto;
            display: block;
        }
    }

    @media screen and (min-width: 768px) {
        .main-info h2 {
          top: 70px;
          right: 80px;
        }
        .main-info2 h2 {
          top: 120px;
          right: 40px;
        }
    }

.main-push {
  margin-top: -145px;
}

.push-box {
  background-color: #fff;
  /* box-shadow */
  box-shadow:0px 0px 4px 1px #c8c8c8;
  -moz-box-shadow:0px 0px 4px 1px #c8c8c8;
  -webkit-box-shadow:0px 0px 4px 1px #c8c8c8;

  /* border-radius */
  border-radius:4px 4px 4px 4px ;
  -moz-border-radius:4px 4px 4px 4px ;
  -webkit-border-radius:4px 4px 4px 4px ;
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.push-box dl {
  padding: 0 20px;
  margin: 10px 0;
}

.bg-color1 {
  background-color: #f5f4f2;
  margin-top: 46px;
  margin-bottom: 110px;
}

.box-information {
  margin: 40px 0;
  overflow: hidden;
}

.h2-information {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-information span {
  font-weight: normal;
  font-size: 1.8rem;
}

.box-information_r {
  border-left: 1px solid #bababa;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.box-information_r dl {
  width: 100%;
  overflow: hidden;
}

.box-information_r dt {
  width: 110px;
  float: left;
  font-weight: normal;
}

.box-information_r dd {
  float: left;
}

.pc_hid {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc_hid {
    display: inline;
  }

  .smp_hid {
    display: none;
  }
  .h2-information {
    padding-top: 10px;
    padding-left: 0;
    margin: 0;
  }
  .box-information_r {
    border-left: none;
    border-top: 1px solid #bababa;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
  }
}

.bg-img1 {
  background: url(../images/main/bg-img1.png) center center / cover no-repeat;
  /*width: 1170px;*/
  min-height: 490px;
  position: relative;
}

.sub-title1 {
  position: absolute;
  top: 140px;
  left: -42px;
  z-index: 2;

}

.title-box1 {
  position: absolute;
  top: 200px;
  right: 200px;
  color: #fff;
  width: 320px;
}

@media screen and (max-width: 767px) {
  .bg-img1 {
    background: url(../images/main/bg-img1_sp.png) center center no-repeat;
    min-height: 400px;
  }
  .sub-title1 {
    position: static;
    margin: 0 auto;
  }
  .title-box1 {
    position: absolute;
    left: 10px;
  }
}

.box-service1 {
  margin: 40px 0 110px;
  overflow: hidden;
}

.h2-service1 {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-service1 span {
  font-weight: normal;
  font-size: 1.8rem;
}

.box-service1_r {
  border-left: 1px solid #bababa;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.service1-txt span {
  font-size: 1.4rem;
  line-height: 2.2;
}

@media screen and (max-width: 767px) {
  .h2-service1 {
    padding-top: 10px;
    padding-left: 0;
    margin: 0;
  }
  .box-service1_r {
    border-left: none;
    border-top: 1px solid #bababa;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
  }
}

.bg-img2 {
  background: url(../images/main/bg-img2.png) center center / cover no-repeat;
  /*width: 1170px;*/
  min-height: 490px;
  position: relative;
}

.sub-title2 {
  position: absolute;
  top: 140px;
  left: -42px;
  z-index: 2;

}

.title-box2 {
  position: absolute;
  top: 200px;
  right: 200px;
  color: #fff;
    width: 320px;
}

@media screen and (max-width: 767px) {
  .bg-img2 {
    background: url(../images/main/bg-img2_sp.png) center center no-repeat;
    min-height: 400px;
  }
  .sub-title2 {
    position: static;
    margin: 0 auto;
  }
  .title-box2 {
    position: absolute;
    left: 10px;
  }
}

.box-service2 {
  margin: 40px 0 110px;
  overflow: hidden;
}

.h2-service2 {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-service2 span {
  font-weight: normal;
  font-size: 1.8rem;
}

.bg-img3 {
  background: url(../images/main/bg-img3.png) center center / cover no-repeat;
  /*width: 1170px;*/
  min-height: 490px;
  position: relative;
}

.sub-title3 {
  position: absolute;
  top: 140px;
  left: -42px;
  z-index: 2;

}

.title-box3 {
  position: absolute;
  top: 200px;
  right: 200px;
  color: #fff;
    width: 320px;
}

@media screen and (max-width: 767px) {
  .bg-img3 {
    background: url(../images/main/bg-img3_sp.png) center center no-repeat;
    min-height: 400px;
  }
  .sub-title3 {
    position: static;
    margin: 0 auto;
  }
  .title-box3 {
    position: absolute;
    left: 10px;
  }
}

.box-service3 {
  margin: 40px 0 110px;
  overflow: hidden;
}

.h2-service3 {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-service3 span {
  font-weight: normal;
  font-size: 1.8rem;
}

.bg-img4 {
  background: url(../images/main/bg-img4.png) center center / cover no-repeat;
  /*width: 1170px;*/
  min-height: 490px;
  position: relative;
}

.sub-title4 {
  position: absolute;
  top: 140px;
  left: -42px;
  z-index: 2;

}

.title-box4 {
  position: absolute;
  top: 200px;
  right: 200px;
  color: #fff;
    width: 320px;
}

@media screen and (max-width: 767px) {
  .bg-img4 {
    background: url(../images/main/bg-img4_sp.png) center center no-repeat;
    min-height: 400px;
  }
  .sub-title4 {
    position: static;
    margin: 0 auto;
  }
  .title-box4 {
    position: absolute;
    left: 10px;
  }
}

.box-company {
  margin: 40px 0 110px;
  overflow: hidden;
}

.h2-company {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-company span {
  font-weight: normal;
  font-size: 1.8rem;
}

.box-company_r {
  border-left: 1px solid #bababa;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.box-company_r dd {
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .h2-company {
    padding-top: 10px;
    padding-left: 0;
    margin: 0;
  }
  .box-company_r {
    border-left: none;
    border-top: 1px solid #bababa;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
  }
}

.bg-img5 {
  background: url(../images/main/bg-img5.png) center center / cover no-repeat;
  /*width: 1170px;*/
  min-height: 490px;
  position: relative;
}

.sub-title5 {
  position: absolute;
  top: 140px;
  left: -42px;
  z-index: 2;

}

.title-box5 {
  position: absolute;
  top: 200px;
  right: 200px;
  color: #fff;
    width: 320px;
}

@media screen and (max-width: 767px) {
  .bg-img5 {
    background: url(../images/main/bg-img5_sp.png) center center no-repeat;
    min-height: 400px;
  }
  .sub-title5 {
    position: static;
    margin: 0 auto;
  }
  .title-box5 {
    position: absolute;
    left: 10px;
  }
}

.box-download {
  margin: 40px 0 110px;
  overflow: hidden;
}

.h2-download {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-download span {
  font-weight: normal;
  font-size: 1.8rem;
}

.box-download_inner {
  margin-top: 15px;
}

.bg-img6 {
  background: url(../images/main/bg-img6.png) center center / cover no-repeat;
  /*width: 1170px;*/
  min-height: 490px;
  position: relative;
}

.sub-title6 {
  position: absolute;
  top: 140px;
  left: -42px;
  z-index: 2;

}

.title-box6 {
  position: absolute;
  top: 200px;
  right: 200px;
  color: #fff;
    width: 320px;
}

.title-box6 span {
  font-size: 3.0rem;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .bg-img6 {
    background: url(../images/main/bg-img6_sp.png) center center no-repeat;
    min-height: 400px;
  }
  .sub-title6 {
    position: static;
    margin: 0 auto;
  }
  .title-box6 {
    position: absolute;
    left: 10px;
    color: #000;
  }
  .title-box6 span {
    color: #ff5b01;
  }
}

.box-contact {
  margin: 40px 0 110px;
  overflow: hidden;
}

.h2-contact {
  padding-top: 10px;
  padding-left: 55px;
  margin: 0;
}

.h2-contact span {
  font-weight: normal;
  font-size: 1.8rem;
}

.box-contact_r {
  border-left: 1px solid #bababa;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.privacy-box {
  border: 1px solid #ccc;
  height: 200px;
  padding: 10px;
  margin: 20px 0;
  overflow-y:scroll;
}

@media screen and (max-width: 767px) {
  .h2-contact {
    padding-top: 10px;
    padding-left: 0;
    margin: 0;
  }
  .box-contact_r {
    border-left: none;
    border-top: 1px solid #bababa;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 10px;
  }
}

/* footer */

.bg-color8 {
  background-color: #00155e;
  margin-top: 60px;
  margin-bottom: 15px;
}

.box-footer {
  margin: 40px 0;
  overflow: hidden;
  color: #fff;
  word-wrap : break-word;
  overflow-wrap : break-word;
}

.box-footer a {
  color: #fff;
}

.box-footer address {
  margin-top: 10px;
	margin-bottom: 0;
}

h1.footer-logo {
  padding: 0;
  margin: 0;
  font-size: 0;
}

.footer-bottom {
  margin-bottom: 25px;
}

.pageTop {
    background-image: url("../images/footer/btnPagetop.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    bottom: -60px;
    display: block;
    height: 60px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 61px;
    z-index: 10;
}

.pageTop:hover {
    background-position: 0 -60px;
}

/* button-0 LINK */
.button-0{
  height:50px;
  border:2px solid #1c1c1c;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-0 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-0{
  width:100%;
  height:50px;
  border:70px solid #1c1c1c;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-0:hover .eff-0{
  border:0px solid #1c1c1c;
}
.button-0:hover a{
  color:#1c1c1c;
}

.button-0 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -100%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-0:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -100%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #1c1c1c;
  border-right: solid 2px #1c1c1c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-1{
  height:50px;
  border:2px solid #1c1c1c;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  margin:0 20px;
}
.button-1 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-1{
  width:100%;
  height:50px;
  border:70px solid #1c1c1c;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-1:hover .eff-1{
  border:0px solid #1c1c1c;
}
.button-1:hover a{
  color:#1c1c1c;
}

.button-1 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -80%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-1:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -80%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #1c1c1c;
  border-right: solid 2px #1c1c1c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-2{
  float: right;
  width: 46%;
  height:50px;
  border:2px solid #1c1c1c;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-2 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-2{
  width:100%;
  height:50px;
  border:70px solid #1c1c1c;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-2:hover .eff-2{
  border:0px solid #1c1c1c;
}
.button-2:hover a{
  color:#1c1c1c;
}

.button-2 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -50%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-2:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -50%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #1c1c1c;
  border-right: solid 2px #1c1c1c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-3{
  float: left;
  width: 46%;
  height:50px;
  border:2px solid #446e24;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-3 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-3{
  width:100%;
  height:50px;
  border:70px solid #446e24;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-3:hover .eff-3{
  border:0px solid #446e24;
}
.button-3:hover a{
  color:#446e24;
}

.button-3 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-3:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #446e24;
  border-right: solid 2px #446e24;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-4{
  float: left;
  width: 46%;
  height:50px;
  border:2px solid #0e437f;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-4 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-4{
  width:100%;
  height:50px;
  border:70px solid #0e437f;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-4:hover .eff-4{
  border:0px solid #0e437f;
}
.button-4:hover a{
  color:#0e437f;
}

.button-4 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-4:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #0e437f;
  border-right: solid 2px #0e437f;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-5{
  float: left;
  width: 46%;
  height:50px;
  border:2px solid #c64199;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-5 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-5{
  width:100%;
  height:50px;
  border:70px solid #c64199;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-5:hover .eff-5{
  border:0px solid #c64199;
}
.button-5:hover a{
  color:#c64199;
}

.button-5 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-5:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #c64199;
  border-right: solid 2px #c64199;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-5-2{
  float: right;
  width: 46%;
  height:50px;
  border:2px solid #1c1c1c;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-5-2 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-5-2{
  width:100%;
  height:50px;
  border:70px solid #1c1c1c;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-5-2:hover .eff-5-2{
  border:0px solid #1c1c1c;
}
.button-5-2:hover a{
  color:#1c1c1c;
}

.button-5-2 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -30%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-5-2:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -30%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #1c1c1c;
  border-right: solid 2px #1c1c1c;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-6{
  float: left;
  width: 46%;
  height:50px;
  border:2px solid #943b47;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-6 a{
  font-family:arial;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-6{
  width:100%;
  height:50px;
  border:70px solid #943b47;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-6:hover .eff-6{
  border:0px solid #943b47;
}
.button-6:hover a{
  color:#943b47;
}

.button-6 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-6:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -40%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #943b47;
  border-right: solid 2px #943b47;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-7,.button-7-1{
  float: left;
  width: 100%;
  height:50px;
  border:2px solid #352d2d;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  /*margin:0 20px;*/
}
.button-7 a,.button-7-1 a{
    font-family: arial;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    line-height: 50px;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    text-align: center;
}
.eff-7{
  width:100%;
  height:50px;
  border:70px solid #352d2d;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
  box-sizing:border-box;
}
.button-7:hover .eff-7,.button-7-1:hover .eff-7{
  border:0px solid #352d2d;
}
.button-7:hover a,.button-7-1:hover a{
  color:#352d2d;
}

.button-7 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -45%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-7:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -45%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #352d2d;
  border-right: solid 2px #352d2d;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-7-1 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -15%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button-7-1:hover a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -15%;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #352d2d;
  border-right: solid 2px #352d2d;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}


.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
}
.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button::before,
.button::after {
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #333;
}
.button::before {
  top: 0;
}
.button::after {
  bottom: 0;
}
.button:hover::before,
.button:hover::after {
  height: 0;
  background-color: #59b1eb;
}

.trend_list {
	margin: 0 5px;
	padding: 0;
	list-style: none;
}
.br {
	display:none;
}

.list_wrap {
	display: flex;
	margin-bottom: 20px;
}

.list_wrap_sp {
	display: none;
}
@media screen and (max-width: 767px) {
  .button-0{
    float: none;
    width: 100%;
    height:50px;
  }
  .button-0 a{
    line-height:50px;
  }
  .eff-0{
    height:50px;
  }
  .button-0 a:after {
    right: -80%;
  }
  .button-1{
    float: none;
    width: 100%;
    margin: 0;
  }

  .button-1 a:after {
    right: -80%;
  }
  .button-2{
    float: none;
    width: 100%;
  }

  .button-2 a:after {
    right: -80%;
  }

  .button-2:hover a:after {
    right: -80%;
  }

  .button-3{
    float: none;
    width: 100%;
  }

  .button-3 a:after {
    right: -80%;
  }

  .button-3:hover a:after {
    right: -80%;
  }

  .button-4{
    float: none;
    width: 100%;
  }

  .button-4 a:after {
    right: -80%;
  }

  .button-4:hover a:after {
    right: -80%;
  }

  .button-5{
    float: none;
    width: 100%;
  }

  .button-5 a:after {
    right: -80%;
  }

  .button-5:hover a:after {
    right: -80%;
  }

  .button-5-2{
    float: none;
    width: 100%;
  }

  .button-5-2 a:after {
    right: -80%;
  }

  .button-5-2:hover a:after {
    right: -80%;
  }

  .button-6{
    float: none;
    width: 100%;
  }

  .button-6 a:after {
    right: -80%;
  }

  .button-6:hover a:after {
    right: -80%;
  }

  .button-7{
    float: none;
    width: 100%;
  }

  .button-7 a:after {
    right: -80%;
  }

  .button-7:hover a:after {
    right: -80%;
  }
  .button {
    display: inline-block;
    width: 100px;
    height: 54px;
  }
	.br {
	display: inherit;
}
	.trend_list {
	margin: 0 5px 0;
	padding: 0;
	list-style: none;
}
	.list_wrap {
	display: none;
}
    .list_wrap_sp {
	display: block;
	margin-bottom: 20px;
}

}

.margin-bottom-10 {
    margin-bottom: 10px;
  }
.margin-bottom-20 {
    margin-bottom: 20px;
  }
.padding-1 {
    padding-right: 1em;
}
.padding-2 {
    padding-right: -2em;
}
.weight-b {
    font-weight: bold;	
}
.uriage {
    text-align: justify;
}

/* ========== Scoped to .tt-tax-table ========== */
.tt-tax-table {
    max-width: 640px;
    color: #222;
    margin: 2rem 0;
}
.tt-tax-table__wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
/* Table base */
.tt-tax-table__table {
    width: 100%;
    table-layout: fixed;                 /* 文字が長くてもカラム幅を詰めやすく */
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #bbb;              /* 外枠（濃いめ） */
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    font-size: 14px;                     /* 横長に見せる用に小さめ */
    line-height: 1.4;
}
/* Header */
.tt-tax-table__head-top {
    background: #ddd;
}  /* 一番上の行だけ薄グレー */
.tt-tax-table__head-sub th {
    background: #fafafa;
    font-weight: normal;
}
/* Cells */
.tt-tax-table__th, .tt-tax-table__td {
    padding: 10px 12px;
    border-bottom: 1px solid #ccc;       /* 内側ボーダー（濃いめ） */
    vertical-align: middle;
}
/* 縦の区切り線 */
.tt-tax-table__th + .tt-tax-table__th, .tt-tax-table__td + .tt-tax-table__td {
    border-left: 1px solid #ccc;
}
/* 左カラム：PCは折り返さず狭めに見せる */
.tt-tax-table__th--price {
    text-align: left;
    width: 30%;
    white-space: nowrap;
}
.tt-tax-table__th--tax {
    text-align: center;
}
.tt-tax-table__th {
    text-align: center;
}
.tt-tax-table__td--price {
    text-align: left;
    white-space: nowrap;
}
/* --- 仕上げ：最後の行の下線は外枠で代替（任意） --- */
.tt-tax-table__table tbody tr:last-child .tt-tax-table__td {
    border-bottom: 0;
}

/* ========== Responsive (～480px) ========== */
@media (max-width: 480px) {
/* 文字が詰まり過ぎないよう微調整 */
.tt-tax-table__table {
    font-size: 13px;
}
.tt-tax-table__th, .tt-tax-table__td {
    padding: 8px 10px;
}
/* スマホでは左カラムを折り返し可に（右端切れ対策） */
.tt-tax-table__th--price, .tt-tax-table__td--price {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    width: auto;                        /* PCの30%指定を解除 */
}
}


.an_title {
    color: #000000;
    font-weight: normal;
    font-size: 120%;
    display: block;
    padding: 10px 0;
    background-color: #FFDA9C;
    text-align: center;
    line-height: 1.5em;
}
.announcement {
    display: block;
    padding: 0 10px;
	max-width: 1110px;
	margin: 0 auto;
}
.announcement p{
    text-align: center;
    font-size: 16px;
}
.br01 {
    display: none;		
	}
.br02 {
    display: inherit;		
	}
@media screen and (max-width: 767px) {
	.br01 {
    display: inherit;		
	}
	.br02 {
    display: none;		
	}
	.announcement p{
    text-align: left;	
}
}
.pc_top_announce{
	width: calc(100% - 20px - 4px) !important;
	margin: 20px auto 0px!important;
	padding: 20px 20px 0;
	background: #fff;
	border:1px solid #ccc;
}

.pc_top_announce h2{
	margin-top: 0;
}

.tax-table {
  width: min(640px, 100%); /* 上限を付けつつレスポンシブ */
  margin: 0 auto 1rem; /* ★中央寄せのキモ */
  border-collapse: collapse;
  font-size: clamp(14px, 1.6vw, 16px);
}
.tax-table th,
.tax-table td {
  border: 1px solid #e5e7eb;
  padding: 0.75em 1em;
}
.tax-table thead th {
  background: #f8fafc;
}
.tax-table tbody th {
  background: #fcfdff;
  white-space: nowrap;
}
.tax-table tbody td {
  text-align: left;
}
@media (max-width: 480px) {
  .tax-table tbody td {
    text-align: left;
  }
}

.bold {
  font-weight: bold;
}

.hotel-logo {
  text-align: center;
  margin-bottom: 10px;
}
.hotel-logo img{
  padding: 5px;
}