@charset "UTF-8";
/* CSS Document zhao 201907012 */
/*--------------------------------------------
強制的にclearするセレクタ 2010.03.04
--------------------------------------------*/
#CAR li.jss.column-list .hotel-img img {
  display: block;
}

#TABU li.jss.column-list .hotel-img img {
  display: block;
}

#TABU2 .buscmp li dl.flt dt img {
  display: block;
}

#RANK li.column-list .hotel-img img {
  display: block;
}

.clear {
  display: block;
  clear: both;
  height: 0;
  line-height: 0px;
  font-size: 1px;
}

/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/*Hides from MacIE \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/*Hides from MacIE */
a:link,
a:visited {
  color: #1d54a7;
}

a:hover {
  text-decoration: none;
}

li,
ul {
  list-style: none;
}

img {
  vertical-align: bottom;
}

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

.align-center a:hover img, .flex-box-center a:hover img {
  -moz-opacity: .6;
  opacity: .6;
}

.display-inline {
  display: inline;
}

.popUpplan > p {
  padding: 40px;
  color: #000;
  font-size: 15px;
  line-height: 35px;
}

.black {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999998;
}

.pagetop a {
  background-color: #0dbd0d;
  border-radius: 5px 5px 0 0;
  display: block;
  line-height: 0;
  font-size: 0;
  height: 50px;
  position: relative;
}

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

.pagetop a img {
  width: 100%;
}

.popUpplan {
  width: 50%;
  left: 26%;
}

.popUpplan {
  position: fixed;
  top: 15%;
  background: #fff;
  z-index: 99999999;
  border-radius: 12px;
}

.popUpplan span {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999999px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUAAAAhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyEhyyElyyUqzCo4zjg8zzw/zz9H0EdS0lJl1mV22naG3YaU4ZSi5KK867zI7sjM78zU8tTf9d/q+Or1/PX////nbGJkAAAAG3RSTlMAAQIDIScoPj9ARkdJYomLwsTFyszc6Ovy8/k6EkGvAAABDUlEQVR42o2TAwLEQAwAz7WF1Bb+/7sKOWkqzArJ4V+OBC/ptq1LPHF8kSdOgx2NOz3aiwIPKJd7SxnwhEGgpW14wWY2ezXhDdZ1see5Xzd0NuGE7tz/edYcTHh1tVqvqj2Y4Ob5rjPK+gJmij5b5zfNn4SVYvT4mCBHzQP6HCBHC/yoJbjzad6X+C2OWsdPv+m6xsdvfdQ2IHnf54DYjzrumqaLH7V+Z1s/6u68fj80v53MVAaHhhPzmj6ZnmnfePvEcFmqPt/GV23Lgosa1Nk+/jpYFvWEW+IGsBO4uCWHswpvUc+HmZv1zlq3wwr7LpjYUWzeeqk7WuSmPvV7+ysNkBMhyFMSyQKB8gcDBHlFUJsvWlUAAAAASUVORK5CYII=) no-repeat;
  background: url(https://img.travel.rakuten.co.jp/special/supersale/201712/coupon/images/coupon_close.png) no-repeat;
  background-size: 30px 30px;
}

.mapflex {
  display: inline-table;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  width: 85%;
  margin: 0 auto;
  min-height: 1%;
  clear: both;
  left: 7.5%;
  position: relative;
}

.mapflex li {
  width: 99.9%;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  position: relative;
}

.mapflex li.half {
  width: 49.8%;
  float: left;
  width: 49.7% \9\0;
}

.mapflex.half li {
  width: 49.8%;
  float: left;
  width: 49.7% \9\0;
}

@media screen and (max-width: 720px) {
  .newversion .ss-hotel .hotel-price span.details small{margin-right: 10px;}
  /* .newversion .jss_popOver{pointer-events:auto;} */
  .newversion .jss a:first-child{display: block;overflow: hidden;}
  .newversion .hotel-img img{width: 100%;}
  /* .newversion .jss a{display: block;overflow: hidden;} */
  .newversion .hotel-img{float: right;width: 35%;}
.ss-banner-box{padding: 10px !important;}
.newversion .upperpart{overflow: hidden;padding-bottom: 5px;}
.newversion .ss-button{position: absolute;font-size: 0 !important;top: 0;width: 30px !important;bottom: 0;right: 0;border-radius: 0;margin-top: 0 !important;box-shadow: none;}
.newversion .ss-button::before{display: block;content: "";width: 10px;height: 10px;border-right: 1px solid #fff; border-bottom: 1px solid #fff;position: absolute;top: 50%;transform: translateY(-50%) rotate(-45deg);position: absolute;}
.newversion .ss-hotel{padding-right: 35px;position: relative;}
.newversion .hotel-img span{font-size: 12px;display: block;color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newversion .hotel-container{padding-left: 0;float: none;padding-right: 10px;padding-top: 0;overflow: hidden;}
.newversion .hotel-container .hotel-main{float: left;}
.newversion .ss-hotel .hotel-price{float: none;width: 100%;clear: both;padding-bottom: 0;text-align: left;margin-bottom: 0;display: flex; align-items: baseline;z-index:0}

.newversion .ss-hotel .hotel-price span.details{display: inline;}
  .mapflex {
    left: 0 !important;
  }
  .mapflex li.half {
    width: 100% !important;
    float: none !important;
  }
  .mapflex.half li {
    width: 100% !important;
    float: none !important;
  }
}

.mapflex:after {
  display: inline-table;
  min-height: 1%;
  clear: both;
}

.mapflex li a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.mapflex li a {
  position: relative;
  color: #333;
  display: block;
  padding: 10px;
}

.mapflex li a:hover {
  background-color: #f4f1f1;
}

.infoArea {
  padding: 10px;
}

.entryflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  width: 80%;
  margin: 0 auto;
}

.entryflex li {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  position: relative;
  padding: 10px;
}

.entryflex li.tt {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

/* ie8 ie9 ie11 */
_:-ms-lang(x),
.mapflex {
  display: inline-block;
  position: relative;
}

_:-ms-lang(x),
.mapflex li.half {
  display: block;
  width: 49.7%;
  float: left;
}

_:-ms-lang(x),
.mapflex.half li {
  display: block;
  width: 49.7%;
  float: left;
  border-left: 1px solid #333;
}

_:-ms-lang(x),
.entryflex {
  display: block;
}

_:-ms-lang(x),
.entryflex li {
  display: block;
  width: 70%;
  float: left;
}

_:-ms-lang(x),
.entryflex li.tt {
  display: block;
  width: 29.8%;
  float: left;
  border-left: 1px solid #333;
}

#popUpplan .ss-banner-box .align-center img {
  width: 100%;
  max-width: 990px;
}

#popUpplan .ss-banner-box .flex-box-center img {
  width: 100%;
}

#popUpplan .ss-banner-box .align-center.half-banner img {
  width: 100%;
  max-width: 448px;
}

.infoArea .title {
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

.infoArea .tagTtl {
  color: #9e8b32;
  padding: 30px 0 10px;
  font-size: 20px;
}

.infoArea .tagBar {
  overflow: hidden;
}

.infoArea .tagBar ul li {
  float: left;
  margin-bottom: 5px;
  font-size: 0;
  width: 50px;
  margin-right: 5px;
}

.infoArea .tagBar ul li img {
  width: 100%;
}

.infoArea .explain {
  font-size: 14px;
  line-height: 1.8;
  padding: 0;
}

.infoArea .textLink {
  padding: 17px 0 20px;
}

.infoArea .textLink a {
  color: #333;
  font-size: 14px;
  padding-left: 18px;
  margin-right: 12px;
  position: relative;
  padding-bottom: 3px;
  display: inline-block;
}

.infoArea .textLink a:hover {
  padding-bottom: 3px;
  border-bottom: 1px solid #333;
}

.infoArea .textLink a:before {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  content: "";
}

.infoArea .textLink a:nth-child(1) {
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/popupLinkLogo01.png) left center no-repeat;
  background-size: 16px 16px;
}

.infoArea .textLink a:nth-child(2) {
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/popupLinkLogo02.png) left center no-repeat;
  background-size: 16px 16px;
}

.infoArea .textLink a:nth-child(3) {
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/popupLinkLogo03.png) left center no-repeat;
  background-size: 16px 16px;
}

.infoArea .textLink a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: -7px;
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.pagetop {
  width: 96px;
  margin: 0 auto;
}

.pagetop img {
  width: 100%;
}

.swiper-pagination-bullet-active {
  background: #4bcd00;
}

.OSUSUME .swiper-container {
  cursor: pointer;
}

.OSUSUME .swiper-container.swiper-display {
  position: relative !important;
}

.OSUSUME .float-box {
  position: absolute;
  top: 30%;
  z-index: 100;
  width: 34px;
  height: 34px;
}

.OSUSUME .swiper-slide {
  -moz-opacity: .5;
  opacity: .5;
}

.OSUSUME .swiper-slide img {
  width: 100%;
}

.OSUSUME .swiper-nav .swiper-slide.swiper-slide-active {
  -moz-opacity: 1;
  opacity: 1;
}

.OSUSUME .swiper-display.sp .swiper-slide.swiper-slide-active {
  -moz-opacity: 1;
  opacity: 1;
}

.OSUSUME .swiper-prev-btn {
  margin-left: calc(100% - 16px);
  background-position: -123px -44px;
}

.OSUSUME .swiper-next-btn {
  margin-left: -16px;
  background-position: -123px -84px;
}

.OSUSUME .swiper-prev-btn, .swiper-next-btn {
  display: inline-block;
  width: 34px;
  height: 34px;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-size: auto;
  background-repeat: no-repeat;
  opacity: .4;
}

.ss-note-infoB {
  display: block;
  background: #fcfcfc;
  border: 1px solid #ccd4dc;
  font-size: 12px;
  color: #666;
  padding: 10px;
  border-radius: 3px;
  background-size: 13px auto;
  padding-left: 10px;
}

.ss-note-info {
  display: block;
  background: #fcfcfc url(https://img.travel.rakuten.co.jp/special/sales/images/new/surprise.svg) no-repeat center left 7px;
  background-size: 16px 16px;
  border: 1px solid #ccd4dc;
  font-size: 12px;
  color: #666;
  padding: 10px;
  border-radius: 3px;
  background-size: 13px auto;
  padding-left: 23px;
}

.ss-note-blue {
  color: #0769b0;
}

.ss-note-error {
  display: block;
  background: #fff8f7 url(https://img.travel.rakuten.co.jp/special/sales/images/new/error.png) no-repeat center left 7px;
  background-size: 13px 13px;
  border: 1px solid #e08782;
  font-size: 12px;
  color: #cd3a33;
  padding: 10px;
  border-radius: 3px;
  padding-left: 24px;
}

.ss-noteOut a:hover, .txt_s a:hover {
  text-decoration: underline;
}

/*202003*/
.cp_box {
  position: relative;
}

.cp_box label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 140px;
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 252, 252, 0)), color-stop(90%, rgba(250, 252, 252, 0.95)));
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.cp_box input:checked + label {
  background: inherit;
  /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
  line-height: 3.5rem;
  position: absolute;
  z-index: 2;
  bottom: 18px;
  left: 50%;
  width: 12rem;
  padding-left: 20px;
  content: '  続きを見る';
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  -webkit-box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;
          box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;
  font-size: 14px;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #333 !important;
}

@media screen and (min-width: 1px) and (max-width: 720px) {
  .globalNav .kv_logo.sp {
    background: #fff;
    padding: 3px 0;
  }
  .globalNav .kv_logo.sp img {
    width: 100%;
    display: block;
  }
  #popUpplan .ss-banner-box .align-center img.sp {
    display: block;
  }
  .cp_box label:after {
    bottom: 24px;
  }
  #search-box .searchNavi li a input {
    display: none;
  }
}

.cp_box label:hover:after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cp_box label:before {
  z-index: 10;
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  margin-top: 15px;
  margin-right: 41px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}

.cp_box input {
  display: none;
}

.cp_box .cp_container {
  overflow: hidden;
  height: 450px;
  /* 開く前に見えている部分の高さ */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cp_box input:checked + label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}

.cp_box input:checked + label:after {
  content: '  閉じる';
}

.cp_box input:checked + label::before {
  z-index: 10;
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  margin-top: 22px;
  margin-right: 23px;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
}

.cp_box input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 0px;
  /* 閉じるボタンのbottomからの位置 */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cp_container ul {
  display: block;
}

@media screen and (max-width: 720px) {
  .cp_box label:before {
    margin-top: 18px;
  }
  .cp_box input:checked + label::before {
    margin-top: 25px;
  }
  .cp_container ul li {
    text-align: center;
    margin: 0 1% 1% 0!important;
    width: 22.9%;
    float: left;
  }
  .column-list.htlBox{
    margin-bottom: 16px!important;
  }
  .cp_box .cp_container {
    padding-bottom: 0!important;
  }

  .cp_box .cp_container {
    overflow: hidden;
    height: 250px;
    /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
}

.cp_container ul li a {
  color: #333333;
}
.cp_container ul li a:hover{
  text-decoration: none;
}

.cp_container ul li a > p {
  margin-bottom: 8px;
}

.cp_container ul li a > p img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
}

.cp_container ul li a > span {
  font-size: 80%;
}

.cp_container ul li a:hover span {
  text-decoration: none;
}

@media screen and (min-width: 721px) {
  .cp_container ul li {
    text-align: center;
    /* margin: 0 0.5% 20px 0.5%; */
    width: 15.6%;
    float: left;
  }
  .mapPopUp {
    width: 760px;
    left: calc( 50% - 380px);
  }
  .popUpplan > p#popUpplan {
    max-height: 560px;
    overflow-y: hidden;
  }
  /* -------------------------------------------- 
Base-pc
--------------------------------------------- */
  .hgtA {
    min-height: 15px !important;
  }
  .hgtB {
    min-height: 20px !important;
  }
  .hgtC {
    min-height: 25px !important;
  }
  .hgtD {
    min-height: 30px !important;
  }
  .hgtE {
    min-height: 35px !important;
  }
  .hgtF {
    min-height: 40px !important;
  }
  .hgtG {
    min-height: 45px !important;
  }
  .hgtH {
    min-height: 50px !important;
  }
  .hgtI {
    min-height: 55px !important;
  }
  .hgtJ {
    min-height: 60px !important;
  }
  .hgtK {
    min-height: 65px !important;
  }
  .hgtL {
    min-height: 70px !important;
  }
  .hgtM {
    min-height: 75px !important;
  }
  .hgtN {
    min-height: 80px !important;
  }
  .hgtO {
    min-height: 90px !important;
  }
  .hgtP {
    min-height: 100px !important;
  }
  .hgtQ {
    min-height: 110px !important;
  }
  .hgtR {
    min-height: 120px !important;
  }
  .hgtS {
    min-height: 130px !important;
  }
  .hgtT {
    min-height: 140px !important;
  }
  .hgtU {
    min-height: 150px !important;
  }
  .hgtV {
    min-height: 160px !important;
  }
  .hgtW {
    min-height: 170px !important;
  }
  .hgtX {
    min-height: 180px !important;
  }
  .hgtY {
    min-height: 190px !important;
  }
  .hgtZ {
    min-height: 200px !important;
  }
  .rt-footer {
    z-index: 0;
  }
  body .rt-wide-banner-pc {
    display: none !important;
  }
  /*noteOut*/
  .ss-noteOut li {
    font-size: 14px;
    line-height: 20px;
  }
  .rt-header,
  .rc-f-standard {
    min-width: 1450px;
    width: 100%;
  }
  .rt-rakuten-link,
  .rt-footer {
    width: calc(100% - 30px);
    border-top: 0;
  }
  .sp {
    display: none !important;
  }
  .ss-contents {
    position: relative;
    z-index: auto;
    width: 100%;
    margin: 0 auto;
    background-color: #e9e9eb;
    padding-bottom: 20px;
    min-width: 1450px;
  }
  .ss-center {
    max-width: 1280px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .pre .ss-center {
    margin: 0 auto;
  }
  .kanbanIn {
    top: 0;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .kanbanIn2 {
    top: -40px;
    margin-bottom: -40px;
  }
  .ss-container {
    border: 1px solid #ced5db;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mainTtl {
    font-weight: 700;
    display: table;
    vertical-align: middle;
    padding-left: 60px;
    position: relative;
    line-height: 1;
    font-size: 36px;
    margin-bottom: 25px;
    padding-top: 9px;
    margin-top: -10px;
  }
  .bnr {
    right: 0;
    position: fixed;
    font-size: 88%;
    text-align: right;
    z-index: 9999;
    bottom: 0px;
    width: 80px;
  }
  .subTt {
    display: inline-block;
    clear: both;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 2px dotted #000;
    margin: 0 10px;
  }
  .ss-noteSma {
    display: block;
    clear: both;
    color: #666;
    font-size: 12px;
    margin: 10px 0;
    padding: 0;
  }
  /*sline btn*/
  .swiper-container.swipeSlide {
    overflow: hidden;
  }
  .swiper-wrapper li img {
    width: 100%;
  }
  .swipeLftSlide {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    left: 0;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -44px;
    opacity: 0.2;
  }
  .swipeRgtSlide {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    right: 0;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -84px;
    opacity: 0.2;
  }
  .swipeLftSlide:hover,
  .swipeRgtSlide:hover {
    opacity: 0.8;
  }
  .swiper-pagination-bullet-active {
    background: #4ace00 !important;
    opacity: 1 !important;
  }
  /*hotel chain LOGO swipe*/
  .swipe-logo {
    position: relative;
  }
  .htlLogo {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .htlLogo ul {
    margin: 0 auto 10px auto;
  }
  .htlLogo ul li {
    width: 25%;
    float: left;
    margin-bottom: 10px;
  }
  .htlLogo ul li a {
    display: block;
    width: 92%;
    padding: 1%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #1d54a7;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
  }
  .htlLogo ul li a img {
    display: block;
    max-width: 220px;
    margin: 0 auto 5px auto;
    width: 100%;
  }
  .htlLogo ul li a:hover img {
    opacity: .8;
  }
  .htlChainBox .common-round-left {
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    left: -10px;
    top: 50%;
    display: block;
    text-indent: -9999px;
    z-index: 3;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -44px;
    margin-top: -16px;
    background-repeat: no-repeat;
  }
  .htlChainBox .common-round-right {
    position: absolute;
    display: block;
    width: 34px;
    height: 34px;
    right: -10px;
    top: 50%;
    display: block;
    text-indent: -9999px;
    z-index: 3;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -84px;
    margin-top: -16px;
    background-repeat: no-repeat;
  }
  .htlLogo ul.logo5 li {
    width: 20%;
  }
  .swiper-pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    clear: both;
    margin-top: 15px;
    z-index: 2;
  }
  /*OSUSUME*/
  .wrapper.OSUSUME {
    max-width: 1280px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
  }
  .OSUSUME .float-box.left {
    left: -18px;
    top: 35%;
    cursor: pointer;
  }
  .OSUSUME .float-box.right {
    right: -18px;
    top: 35%;
    cursor: pointer;
  }
  .dpbox .swipeLftSlide {
    left: -10px;
  }
  .dpbox .swipeRgtSlide {
    right: -10px;
  }
  /*.OSUSUME  .swiper-slide a{-moz-opacity:1;opacity:1; width: 31.3%; margin: 0 1%; display: block; float: left;}*/
  .column_2,
  .column_3,
  .column_4,
  .column_5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  /*column*/
  .column_5 .column-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 10px;
    margin-left: 0;
    width: calc((100% - 40px) / 5);
  }
  
  .column_4 .column-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 10px;
    width: calc((100% - 48px) / 5);
  }
  .column_3 .column-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 10px;
    width: calc((100% - 20px) / 3);
    width: 32.6%;
  }
  .column_2 .column-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
  }
  .column_5 .column-list:nth-child(5n) {
    margin-right: 0;
  }
  .column_4 .column-list:nth-child(4n) {
    margin-right: 0;
  }
  .column_3 .column-list:nth-child(3n) {
    margin-right: 0;
  }
  .column_2 .column-list:nth-child(2n) {
    margin-right: 0;
  }
  .jdsSelectShow .jssBox.column_2 .column-list {
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  .jdsSelectShow .jssBox.column_3 .column-list {
    width: 32.3%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  .jdsSelectShow .jssBox.column_4 .column-list {
    width: 24%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  .jdsSelectShow .jssBox.column_5 .column-list {
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  .htlBox {
    background-color: #fff;
    border-radius: 5px;
    line-height: 1.4;
    margin-bottom: 15px;
  }
  .column_4 .htlBox.column-list.jss {
    margin-left: .5%;
    margin-right: .5%;
  }
  .htlBox .areaNm {
    background-color: #4bcd00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 8px;
    padding-left: 10px;
    border-radius: 5px 5px 0 0;
  }
  .htlBox .basic,
  .htlBox .sub {
    padding: 10px;
  }
  .htlBox .basic .htlNm {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
  }
  .htlBox .basic .photo {
    overflow: hidden;
  }
  .htlBox .basic .photo.typeb .htlImg {
    width: 100%;
  }
  .htlBox .photo .htlImg {
    width: 50%;
    float: left;
  }
  .htlBox .photo .htlImg img {
    width: 100%;
  }
  .htlBox .basic .iconBox {
    width: 50%;
    float: left;
    line-height: 1.4;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
  }
  .htlBox .basic .iconBox li {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/htl_icon.png) no-repeat left center;
    padding: 4px 0;
    padding-left: 25px;
  }
  .htlBox .basic .chara {
    overflow: hidden;
    margin-bottom: 10px;
  }
  .htlBox .basic .chara li {
    float: left;
    padding: 5px;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 3px;
  }
  .htlBox .basic .chara li.color01 {
    background-color: #4fbbcb;
  }
  .htlBox .basic .chara li.color02 {
    background-color: #4fbbcb;
  }
  .htlBox .basic .pr {
    font-size: 14px;
  }
  .htlBox .discount {
    background-color: #ff0;
    text-align: center;
    padding: 8px 0;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .htlBox .price {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .htlBox .price .original {
    color: #d00505;
    text-decoration: line-through;
  }
  .htlBox .price em {
    color: #d00505;
  }
  .htlBox .price em.red {
    font-size: 16px;
  }
  .htlBox .price b.aboutP {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
  }
  .htlBox p.subline.priceCod a {
    color: #0068b7;
  }
  .htlBox .price .present {
    color: #d00505;
    font-size: 25px;
  }
  .htlAll .htlBox .price .present {
    font-size: 24px;
  }
  .htlBox .price .present .p-small {
    font-size: 85%;
  }
  .htlBox .btnbox {
    overflow: hidden;
  }
  .htlBox .btnbox li {
    margin-bottom: 5px;
    font-weight: 700;
  }
  .htlBox .btnbox .half {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .htlBox .btnbox .half:nth-child(2n) {
    margin-right: 0;
  }
  .htlBox .subline {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .htlBox .subline a {
    color: #333;
    text-decoration: underline;
  }
  .htlBox .number {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
  }
  .htlBox .linkbox .hotelbox {
    width: 100% !important;
    margin-bottom: 0;
  }
  .htlBox .linkbox .rgtCnt {
    width: 100%;
    font: none;
  }
  .htl_one_column .basic {
    position: relative;
    overflow: hidden;
    padding: 15px 10px 15px 15px;
  }
  .htl_one_column .basic .photo {
    width: calc(100% - 610px);
    float: left;
    overflow: visible;
    padding: 0 15px;
    position: relative;
  }
  .htl_one_column .basic .right {
    width: 560px;
    padding-left: 20px;
    float: left;
  }
  .htl_one_column .basic .iconBox {
    width: 100%;
    float: none;
    padding-left: 0;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .htl_one_column .basic .iconBox li {
    float: left;
    margin-right: 8px;
  }
  .htl_one_column .basic .price {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .htl_one_column .basic .btnbox,
  .htl_one_column .basic .linkbox {
    padding: 0 115px;
    margin-bottom: 3px;
  }
  .htl_one_column .basic .btnbox li {
    margin: 0 1%;
  }
  .column_2 .htl_one_column .photo {
    width: calc(100% - 360px);
    padding: 0;
    margin-bottom: 0;
  }
  .column_2 .htl_one_column .right {
    width: 350px;
    padding-left: 10px;
  }
  .column_2 .htl_one_column .photo .htlImg {
    width: 100%;
  }
  .column_2 .htl_one_column .linkbox {
    padding: 0;
    margin-bottom: 0;
  }
  .column_2 .htl_one_column .btnbox {
    padding-left: 100px;
    padding-right: 100px;
    margin-bottom: 10px;
  }
  .column_2 .htl_one_column.dpbox .photo {
    width: 235px;
    padding: 0;
    margin-bottom: 0;
  }
  .column_2 .htl_one_column.dpbox .right {
    width: calc(100% - 255px);
  }
  .column_2 .htl_one_column.dpbox .swiper-pagination.swiperpageSlide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    clear: both;
    margin-top: 5px;
    z-index: 2;
    position: static;
  }
  .column_2 .htl_one_column.dpbox .swiper-pagination.swiperpageSlide span {
    margin: 0 2px;
  }
  .column_2 .htl_one_column.dpbox .sub {
    padding: 5px;
    padding-top: 0;
  }
  .column_2 .htl_one_column.dpbox .linkbox {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .column_2 .htl_one_column.dpbox .btnbox {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
  .column_2 .htl_one_column.dpbox .dp_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .column_2 .htl_one_column.dpbox .dp_detail > li {
    width: 33.333%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
  }
  .column_2 .htl_one_column.dpbox .dp_detail > li + li {
    border-left: 1px solid #b6b6b6;
  }
  .column_2 .htl_one_column.dpbox .dp_detail > li em.small {
    color: #333;
    font-size: 85%;
  }
  .column_2 .htl_one_column.dpbox .dp_detail .price {
    padding: 0;
    margin-top: 0;
  }
  .column_2 .htl_one_column.dpbox .dp_detail .ss-btn-ana,
  .column_2 .htl_one_column.dpbox .dp_detail .ss-btn-jal {
    font-size: 12px;
    padding-top: .4em;
    padding-bottom: .4em;
    padding-left: .4em;
  }
  .column_2 .htl_one_column.simple .btnbox {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
  }
  .htl_one_column.simple .btnbox {
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 20px;
  }
  .htl_one_column.simple .photo {
    padding: 0;
  }
  .htl_one_column.simple .photo .htlImg {
    width: 100%;
  }
  .htlRank {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin: 2px auto 0;
    margin-bottom: 10px;
    background-color: #ababab;
    border-radius: 3px;
    padding-bottom: 3px;
  }
  .htlRank span {
    margin-left: 10px;
    margin-top: 6px;
    color: #333;
    text-align: center;
    position: relative;
    padding: 4px;
    height: 14px;
    border-radius: 0;
    font-size: 12px;
    vertical-align: -3px;
  }
  .htlRank b {
    display: inline-block;
    margin-left: 5px;
    margin-top: 6px;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
  }
  .htlRank b.rank50 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -10px 0;
  }
  .htlRank b.rank50 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -10px 0px;
  }
  .htlRank b.rank45 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat 0 -25px;
  }
  .htlRank b.rank40 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -18px -50px;
  }
  .htlRank b.rank35 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -3px -75px;
  }
  .htlRank b.rank30 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -100px;
  }
  .htlRank b.rank25 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -15px -125px;
  }
  .htlRank b.rank20 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -150px;
  }
  .htlRank b.rank15 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -175px;
  }
  .htlRank b.rank10 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -200px;
  }
  .htlRank b.rank05 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -225px;
  }
  .linkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10px;
  }
  .linkbox li {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 5px;
  }
  .linkbox .ss-btn {
    border-width: 1px;
    padding: 3px 0;
    font-size: 12px;
  }
  .linkbox.center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin: 0 0 5px;
  }
  /*hotelbox*/
  .hotelbox {
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #e9e9eb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: inline;
  }
  .hotelbox .cp__acordion ul.submenu {
    border: none;
  }
  .hotelbox .oareaBtn {
    margin-bottom: 10px;
  }
  .hotelbox dd .table {
    display: table;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .hotelbox dd .table i {
    display: table-cell;
    vertical-align: middle;
    width: 80px;
    border-right: 1px solid #fff;
    text-align: center;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 10px;
    font-style: normal;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .hotelbox dd .table i img {
    display: block;
    margin: 3px auto;
    width: 35px !important;
  }
  .hotelbox dd .table b {
    display: table-cell;
    background: #e1e1e1;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
  }
  .hotelbox dd .table b a {
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .hotelbox dd .table b a.nobd {
    border-bottom: none;
  }
  .hotelbox dd .table a {
    display: block;
    background-color: #fff;
    padding: 8px 2%;
    position: relative;
    background-color: #e1e1e1;
    color: #333;
    font-size: 13px;
  }
  .hotelbox dd .table a:hover {
    opacity: .8;
  }
  .hotelbox dd .table a em {
    font-style: normal;
  }
  .hotelbox dd .table a:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODIxRDNCRDk5QUYxMUU2Qjc3N0UwNzhDMjY3MUY5MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODIxRDNCQzk5QUYxMUU2Qjc3N0UwNzhDMjY3MUY5MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pibYxAAAAMNJREFUeNpkkbEKwkAMhq9FHAQHB3FyUHERB7VFxcHRPodvaaG7VToJOrqJYH0CEc4vkgN7Bj6Suz/JJVwQRdHCGJPDtSiKgfEshLbG/TiOcz8hsNYahIR4p3dHWNLNug6GQ4pLNGEOh0oHZ3Ta4FI97mFdSdCkMS6Djgwemn87w8sNHnrVsmYJXXhAr/YjDnW4loozhr+5NaXyBA14wgix/K6JuMJfVJTKqRPF5Ikm1OENE8R7ZWR5gv/YQiKxz0eAAQDqjFFVh9JyawAAAABJRU5ErkJggg==) center center no-repeat;
    display: block;
    position: absolute;
    width: 8px;
    height: 13px;
    right: 10px;
    margin-top: -7px;
    top: 50%;
    content: '';
  }
  .hotelbox dd .table .link:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTY0QjQ2Qzk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTY0QjQ2Qjk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGQjAxRUNGOUM5OUU2MTE4N0RCRjFDRTIzNEQzRkU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KyIfYgAAAJFJREFUeNpi+P//v/l/CLgLxAzomImBgUGUAQKUgPgEAzqAqnT/jwAngZgRZgKycW5Iik5hU4Cu6BgQszBgcZgOEL+AORybApD9j2DGoEsqA/EbqNxLIFZAllQF4ndIktLIjgTp/AqVfA3Eosi+sALin0g6ZZCtZQGGFS8QswHxHyA2AOLn2EIyERqaGL4CCDAAyKsoZamm1mcAAAAASUVORK5CYII=) center center no-repeat;
    width: 8px;
    height: 13px;
    right: 16px;
    margin-top: -7px;
    content: '';
  }
  .hotelbox .photo:hover img {
    opacity: .8;
  }
  .hotelbox .area {
    background-color: #4bcd00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 8px;
    padding-left: 10px;
    border-radius: 5px 5px 0 0;
  }
  .hotelbox .holder {
    position: relative;
  }
  .hotelbox .photo img {
    width: 100%;
  }
  .hotelbox .htlnm {
    padding: 10px 8px 8px;
    font-weight: 700;
    color: #333;
    word-wrap: break-word;
    font-size: 18px;
  }
  .hotelbox .plan {
    padding: 5px 0 2px;
    display: block;
  }
  .hotelbox .plan:hover {
    background-color: #efefef;
  }
  .hotelbox a.plan > div {
    padding-bottom: 5px;
  }
  .hotelbox .pr {
    font-size: 14px;
    color: #333;
    margin: 0 10px;
  }
  .hotelbox .price {
    font-size: 14px;
    text-align: center;
    margin: 2px 0 5px 0;
    color: #333;
  }
  .hotelbox .price span {
    font-weight: 700;
    color: #ca0b1a;
  }
  .hotelbox .price span em {
    font-style: normal;
    font-size: 30px;
    color: #ca0b1a;
  }
  .hotelbox .details {
    font-size: 12px;
    color: #a0a0a0;
    margin: 0 10px;
  }
  .hotelbox .btnbox {
    overflow: hidden;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 8px;
    clear: both;
    margin-bottom: 8px;
  }
  .hotelbox .btnbox li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
  }
  .hotelbox .btnbox .half {
    width: 49%;
    float: left;
  }
  .hotelbox .btnbox .half.gap {
    margin-right: 2%;
  }
  .hotelbox .btnbox .half_border {
    border-right: 5px solid #fafafa;
    display: block;
    height: 100%;
    width: 1px;
    content: '';
    width: calc(50% - 5px);
  }
  .hotelbox .dami {
    display: none;
  }
  .column_2 .hotelbox {
    position: relative;
  }
  .column_2 .hotelbox .holder {
    overflow: hidden;
    width: 39%;
    float: left;
    margin-right: 1%;
  }
  .column_2 .hotelbox .holder .photo {
    width: 100%;
    position: relative;
  }
  .column_2 .hotelbox .rgtCnt {
    width: 58%;
    float: left;
  }
  .column_2 .hotelbox .htlnm.pc {
    font-weight: 700;
    padding: 0 0 0 10px;
    background: 0 0;
    color: #333;
    position: static;
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 5px;
  }
  .column_2 .hotelbox .htlnm.pc a {
    color: #333;
  }
  .column_2 .hotelbox a.plan {
    display: block;
  }
  .column_2 .hotelbox a.plan:hover {
    background-color: #efefef;
  }
  .column_2 .hotelbox .details {
    padding-bottom: 0;
    clear: both;
  }
  .column_2 .hotelbox .dami {
    float: left !important;
    width: 100%;
    margin-top: -10px;
    padding-bottom: 5px;
  }
  .column_2 .hotelbox .dami img {
    width: 100%;
  }
  .column_2 .hotelbox .htlRank {
    margin: 0 !important;
    width: 100%;
    text-align: left;
    padding-top: 0;
  }
  .column_2 .hotelbox .htlRank a {
    max-width: 215px;
    margin: 0 0 5px 0;
    display: block;
  }
  .column_2 .column-list .plan p.iconbox {
    text-align: left !important;
    padding-bottom: 6px;
  }
  .column_2 .column-list .price {
    padding: 6px 0;
    float: none;
    margin: 4px auto;
  }
  .column_2 .btnbox {
    margin-left: 10px;
    margin-right: 10px;
  }
  .column_3 .hotelbox .photo a {
    display: block;
  }
  .column_4 .hotelbox .photo a {
    display: block;
  }
  .hotelbox .htlRank span {
    margin-left: 10px;
    display: block;
    margin-top: 6px;
    color: #333;
    text-align: center;
    position: relative;
    padding: 4px;
    height: 14px;
    float: left;
    border-radius: 0;
    font-size: 12px;
  }
  .hotelbox .status_r,
  .hotelbox .status_y {
    margin-left: 10px;
    font-size: 12px;
    margin-bottom: 5px;
  }
  .block .iconpc,
  .hotelbox .iconpc {
    background-color: #feda5e;
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 0;
    text-align: center;
    width: 100%;
  }
  .block .iconpc span em,
  .hotelbox .iconpc span em {
    font-size: 22px;
    line-height: 22px;
    font-style: normal;
  }
}

@media screen and (min-width: 721px) and (min-width: 720px) and (max-width: 1440px) {
  .hotelbox .icon.medama {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 2;
    width: 38%;
    display: block;
  }
  .hotelbox .icon.medama img {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 721px) {
  .column_4.pickup.ov .hotelbox .photo p.planLink a {
    text-align: center;
  }
}

@media screen and (min-width: 721px) and (min-width: 720px) and (max-width: 1300px) {
  .hotelbox .btnbox li span.small {
    display: none;
  }
}

@media screen and (min-width: 721px) {
  /*themegroup*/
  .theme-group {
    margin-left: auto;
    margin-right: auto;
  }
  .theme-group .column-list {
    min-height: 190px;
    position: relative;
    background-size: cover;
    background-position: center center;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .theme-group .title {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 5px 8px 10px;
  }
  .theme-group .title p {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 3px;
  }
  .theme-group .title span {
    font-size: 14px;
  }
  .theme-group .column-list .areaBtn {
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  .theme-group .column-list .areaBtn li {
    width: 125px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  .theme-group .column-list .areaBtn a {
    padding: 7px 0 9px 10px;
    position: relative;
    color: #1ba91b;
    border: 1px solid #4bcd00;
    font-size: 13px;
    background: white;
    display: block;
    border-radius: 5px;
    height: 14px;
    margin-bottom: 3px;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    text-align: center;
    z-index: 1;
  }
  .theme-group .column-list .areaBtn a:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 8px;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThDMDlDNTFCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThDMDlDNTJCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEMwOUM0RkIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEMwOUM1MEIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PggjI74AAACRSURBVHjaYpReKR3FwMDgDsRpT8Ke/GSAAiYgNgbiOCA+IrNKhgkuAVRVDKQ7gdgEiM/AJBj+//8PxkAjW4H4PxCfBPEZQQQMAI1KB1IzgPge3EwoeAalpZmQVOcCqU1A/AiIRZmgggVAahJUhy7QQZ+ZgILNQE4/ED8GYn2g4CeYP94C8X4gNgUKvoEZDRBgAIzrNADQkc5ZAAAAAElFTkSuQmCC) 0 0 no-repeat;
  }
  .theme-group .column-list .areaBtn a:hover {
    -moz-opacity: .7;
    opacity: .7;
  }
  .theme-group .column-list .areaBtn.areaBtn_one li {
    float: right;
  }
  .theme-group .column-list .areaBtn a.dh {
    padding-left: 8px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/searchIco.png) -6px -525px no-repeat #fff;
  }
  .theme-group .column-list .areaBtn a.dp {
    padding-left: 8px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/searchIco.png) -4px -554px no-repeat #fff;
  }
  .theme-group .column-list .areaBtn a.car {
    padding-left: 8px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/searchIco.png) -3px -581px no-repeat #fff;
  }
  .theme-group .column-list .areaBtn a.bus {
    padding-left: 8px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/searchIco.png) -5px -608px no-repeat #fff;
  }
  .theme-group .column-list .areaBtn a.ov {
    padding-left: 8px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/searchIco.png) -4px -788px no-repeat #fff;
  }
  .theme-group .column-list .areaBtn a.noTxt {
    padding-left: 0;
  }
  .theme-group .column-list .areaBtn_one {
    width: 220px;
  }
  .theme-group .column-list .areaBtn_one li {
    width: 220px;
  }
  .theme-group .Btn_oneLink {
    min-height: 190px;
  }
}

@media screen and (min-width: 721px) and (max-width: 1279px) {
  .theme-group .column-list .areaBtn {
    width: 130px;
    right: 0;
    margin-left: 0;
    left: auto;
  }
}

@media screen and (min-width: 721px) {
  .theme-group .column-list > a {
    display: block;
    height: 100%;
  }
  .theme-group .column-list > a:hover {
    opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
  }
  .theme-group .column-list.bomb .title {
    padding-right: 120px;
  }
  .bomb-content {
    height: 110px;
    width: 110px;
    position: absolute;
    top: -10px;
    right: 10px;
  }
  .bomb-content img {
    width: 100%;
  }
  .theme-group .column-list.nobomb .title {
    padding-right: 10px;
  }
  .theme-group .column-list .btm {
    text-decoration: underline !important;
    padding: 5px 0;
    margin-bottom: 5px;
  }
  .theme-group .column-list .bd {
    border: 1px solid #4bcd00;
    padding: 8px 10px 7px 7px;
    font-size: 13px;
  }
  .ov001 {
    width: 98%;
    padding-left: 2%;
    overflow: hidden;
    margin-top: 10px;
  }
  .ov001 li {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 5px;
  }
  /*thene-group*/
  .theme-group {
    margin-left: auto;
    margin-right: auto;
  }
  .theme-group .column-list {
    min-height: 120px;
    position: relative;
    background-size: cover;
    background-position: center center;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .theme-group .title {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 5px 8px 10px;
  }
  .theme-group .title p {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 3px;
  }
  .theme-group .title span {
    font-size: 14px;
  }
  .theme-group .column-list .areaBtn {
    position: absolute;
    right: 0;
    bottom: 3px;
  }
  .theme-group .column-list .areaBtn li {
    width: 140px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
  }
  .theme-group .column-list .areaBtn a {
    padding: 8px 0 7px 10px;
    position: relative;
    color: #1ba91b;
    border: 1px solid #4bcd00;
    font-size: 13px;
    background: white;
    display: block;
    border-radius: 5px;
    height: 14px;
    margin-bottom: 3px;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    text-align: center;
    z-index: 1;
  }
  .theme-group .column-list .areaBtn a:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 8px;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThDMDlDNTFCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThDMDlDNTJCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEMwOUM0RkIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEMwOUM1MEIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PggjI74AAACRSURBVHjaYpReKR3FwMDgDsRpT8Ke/GSAAiYgNgbiOCA+IrNKhgkuAVRVDKQ7gdgEiM/AJBj+//8PxkAjW4H4PxCfBPEZQQQMAI1KB1IzgPge3EwoeAalpZmQVOcCqU1A/AiIRZmgggVAahJUhy7QQZ+ZgILNQE4/ED8GYn2g4CeYP94C8X4gNgUKvoEZDRBgAIzrNADQkc5ZAAAAAElFTkSuQmCC) 0 0 no-repeat;
  }
  .theme-group .column-list .areaBtn a:hover {
    -moz-opacity: .7;
    opacity: .7;
  }
  .theme-group .column-list .areaBtn.areaBtn_one li {
    float: right;
  }
}

@media screen and (max-width: 720px) {
  /* -------------------------------------------- 
Base-sp
--------------------------------------------- */
  body > a > img {
    display: none;
  }
  html {
    font-size: 62.5% !important;
  }
  body {
    font-size: 160% !important;
    overflow-x: hidden;
  }
  em,
  i {
    font-style: normal;
  }
  .pc {
    display: none;
  }
  .ss-contents {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 2px;
    background-color: #eaeaea;
  }
  .ss-center {
    margin: 0;
    background-color: #fff;
  }
  .ss-container {
    background-color: #ffffff;
    padding: 15px 15px;
    /* border-bottom: 17px solid #eaeaea; */
    margin: 0;
  }
  .mainTtl {
    height: 42px;
    color: #000;
    font-weight: 700;
    font-size: 19px;
    display: table;
    vertical-align: middle;
    position: relative;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 8px;
  }
  .mainTtl span {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    padding-left: 48px;
  }
  .mainTtl .ttlicon:after {
    left: 5px !important;
  }
  .subTt {
    display: inline-block;
    clear: both;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 2px dotted #000;
    margin: 0 10px;
  }
  .ss-noteOut {
    margin: 0 10px;
  }
  .ss-noteSma {
    display: block;
    clear: both;
    color: #666;
    font-size: 10px;
    margin: 10px;
  }
  /*other*/
  .swiper-nav {
    margin-top: 0;
    padding-top: 10px;
  }
  .swiper-nav .swiper-slide span {
    border: 1px solid transparent;
    display: block;
    position: relative;
  }
  .swiper-nav .swiper-slide.swiper-slide-active span {
    border-color: #666;
  }
  .swiper-nav .swiper-slide.swiper-slide-active span:after {
    position: absolute;
    content: '';
    border-top: 5px transparent dashed;
    border-left: 5px transparent dashed;
    border-right: 5px transparent dashed;
    border-bottom: 6px #666 solid;
    top: -12px;
    left: calc(50% + 1px);
    margin-left: -3px;
  }
  .swiper-wrapper li img {
    width: 100%;
  }
  .swipeLftSlide {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    left: 0;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -44px;
    opacity: 0.2;
  }
  .swipeRgtSlide {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    right: 0;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -84px;
    opacity: 0.2;
  }
  .swipeLftSlide:hover,
  .swipeRgtSlide:hover {
    opacity: 0.8;
  }
  .wrapper.OSUSUME {
    position: relative;
  }
  .OSUSUME .float-box.left {
    left: 13%;
    left: calc(12.5% - 34px);
  }
  .OSUSUME .float-box.right {
    right: 13%;
    right: calc(12.5% - 34px);
  }
  .OSUSUME .swiper-display.sp {
    overflow: visible;
  }
  .OSUSUME .swiper-display.sp .swiper-slide {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .OSUSUME .swiper-display.sp .swiper-slide-active {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .OSUSUME .swiper-nav.sp .swiper-slide {
    width: 100px !important;
  }
  .OSUSUME .outer-swiper {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
  }
  .dpbox .swipeLftSlide {
    left: -10px;
  }
  .dpbox .swipeRgtSlide {
    right: -10px;
  }
  .swipeLftSlide-b,
  .swipeRgtSlide-b {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/new/sprite-small.png);
    background-size: 116px 200px;
    opacity: .4;
  }
  .swipeLftSlide-b {
    background-position: -292px -117px;
    left: 0;
  }
  .swipeRgtSlide-b {
    background-position: -292px -151px;
    right: 0;
  }
  .swipeLft {
    background: url(https://img.travel.rakuten.co.jp/special/sales/area/images/201807/sprite-small.png) no-repeat -123px -44px !important;
    opacity: 0.2;
  }
  .swipeRgt {
    background: url(https://img.travel.rakuten.co.jp/special/sales/area/images/201807/sprite-small.png) no-repeat -123px -84px !important;
    opacity: 0.2;
  }
  /*column*/
  .column_2 .column-list,
  .column_3 .column-list,
  .column_4 .column-list,
  .column_5 .column-list {
    margin-bottom: 10px;
    float: left;
    display: table;
    width: 49.5%;
    vertical-align: middle;
    margin-right: 1%;
  }
  .column_5 .column-list:nth-child(2n) {
    margin-right: 0;
  }
  .column_4 .column-list:nth-child(2n) {
    margin-right: 0;
  }
  .column_3 .column-list:nth-child(2n) {
    margin-right: 0;
  }
  .column_2 .column-list:nth-child(2n) {
    margin-right: 0;
  }
  .column-list.htlBox.ss-hotel:last-child {
    margin-bottom: 0!important;
  }

  /**/
  .htlBox {
    background-color: #fff;
    border-radius: 5px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
  .htlBox .areaNm {
    background-color: #4bcd00;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 8px;
    padding-left: 10px;
    border-radius: 5px 5px 0 0;
  }
  .htlBox .basic,
  .htlBox .sub {
    padding: 10px;
    display: block !important;
  }
  .htlBox .basic .htlNm {
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    padding-bottom: 10px;
  }
  .htlBox .basic .photo {
    overflow: hidden;
    margin-bottom: 10px;
  }
  .htlBox .basic .photo .htlImg {
    float: left;
    width: 50%;
    float: left;
  }
  .htlBox .basic .photo .htlImg img {
    width: 100%;
  }
  .htlBox .basic .iconBox {
    width: 50%;
    float: left;
    line-height: 1.4;
    font-size: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
  }
  .htlBox .basic .iconBox li {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/htl_icon.png) no-repeat left center;
    padding: 4px 0;
    padding-left: 30px;
  }
  .htlBox .basic .chara {
    overflow: hidden;
    margin-bottom: 10px;
  }
  .htlBox .basic .chara li {
    float: left;
    padding: 5px;
    color: #fff;
    font-size: 10px;
    margin-right: 5px;
    border-radius: 3px;
  }
  .htlBox .basic .chara li.color01 {
    background-color: #56b0bb;
  }
  .htlBox .basic .chara li.color02 {
    background-color: #007f8f;
  }
  .htlBox .basic .pr {
    font-size: 12px;
  }
  .htlBox .discount {
    background-color: #ff0;
    text-align: center;
    padding: 8px 0;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .htlBox .price {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .htlBox .price .original {
    color: #bf0000;
    text-decoration: line-through;
  }
  .htlBox .price em {
    color: #bf0000;
  }
  .htlBox .price .present {
    color: #bf0000;
    font-size: 22px;
  }
  .htlBox .price .present .p-small {
    font-size: 78%;
  }
  .htlBox .btnbox {
    overflow: hidden;
  }
  .htlBox .btnbox li {
    margin-bottom: 5px;
  }
  .htlBox .btnbox .half {
    width: 49%;
    float: left;
    margin-right: 2%;
  }
  .htlBox .btnbox .half:nth-child(2n) {
    margin-right: 0;
  }
  .htlBox .subline {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .htlBox .subline a {
    color: #333;
    text-decoration: underline;
  }
  .htlBox .number {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
  }
  .spRight {
    width: 50%;
    float: left;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 10px;
  }
  .htlRank {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin: 2px auto 0;
    margin-bottom: 10px;
    background-color: #ababab;
    border-radius: 3px;
    padding-bottom: 3px;
  }
  .htlRank span {
    margin-left: 10px;
    color: #333;
    text-align: center;
    position: relative;
    padding: 4px;
    height: 14px;
    border-radius: 0;
    font-size: 12px;
    vertical-align: -3px;
  }
  .htlRank b {
    display: inline-block;
    margin-left: 5px;
    margin-top: 6px;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
  }
  .htlRank b.rank50 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -10px 0;
  }
  .htlRank b.rank50 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -10px 0px;
  }
  .htlRank b.rank45 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat 0 -25px;
  }
  .htlRank b.rank40 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -18px -50px;
  }
  .htlRank b.rank35 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -3px -75px;
  }
  .htlRank b.rank30 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -100px;
  }
  .htlRank b.rank25 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -15px -125px;
  }
  .htlRank b.rank20 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -150px;
  }
  .htlRank b.rank15 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -175px;
  }
  .htlRank b.rank10 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -200px;
  }
  .htlRank b.rank05 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -23px -225px;
  }
  /*theme-group*/
  .theme-group .column-list {
    height: 190px;
    position: relative;
    background-size: cover;
    background-position: center center;
  }
  .theme-group .title {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 5px 8px 5px;
  }
  .theme-group .title p {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 3px;
  }
  .theme-group .title span {
    font-size: 14px;
  }
  .theme-group .column-list > a {
    display: block;
  }
  .theme-group .column-list > a:hover {
    opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
  }
  .theme-group .column-list .areaBtn {
    position: absolute;
    bottom: 3px;
  }
  .theme-group .column-list .areaBtn li {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
  .theme-group .column-list .areaBtn a {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: #1ba91b;
    font-size: 13px;
    border: 1px solid #4bcd00;
    background: white;
    display: block;
    border-radius: 5px;
    height: 15px;
    margin-bottom: 3px;
    padding: 7px 0 7px 10px;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    text-align: center;
    z-index: 1;
  }
  .theme-group .column-list .areaBtn a:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 8px;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThDMDlDNTFCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThDMDlDNTJCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEMwOUM0RkIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEMwOUM1MEIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PggjI74AAACRSURBVHjaYpReKR3FwMDgDsRpT8Ke/GSAAiYgNgbiOCA+IrNKhgkuAVRVDKQ7gdgEiM/AJBj+//8PxkAjW4H4PxCfBPEZQQQMAI1KB1IzgPge3EwoeAalpZmQVOcCqU1A/AiIRZmgggVAahJUhy7QQZ+ZgILNQE4/ED8GYn2g4CeYP94C8X4gNgUKvoEZDRBgAIzrNADQkc5ZAAAAAElFTkSuQmCC) 0 0 no-repeat;
  }
  .theme-group .column-list .areaBtn_one {
    width: 50%;
    margin-left: -25%;
    max-width: 260px;
  }
  .theme-group .column-list .areaBtn_one li {
    width: 100%;
  }
  .theme-group .column-list .areaBtn_one a {
    min-width: 120px;
  }
  .theme-group .column-list .areaBtn a:before {
    height: 26px;
    position: absolute;
    content: "";
    width: 24px;
    display: block;
    left: 0;
    top: 0;
  }
  .theme-group .column-list .areaBtn a.dh:before {
    padding-left: 0;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -2px 3px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.dp:before {
    padding-left: 0;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -24px 2px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.car:before {
    padding-left: 0;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -48px 2px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.bus:before {
    padding-left: 0 !important;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -24px -22px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.noTxt {
    background: #fff;
  }
  .linkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10px;
  }
  .linkbox li {
    width: 49%;
    margin-bottom: 5px;
  }
  .dpbox .linkbox li {
    width: 48%;
    margin-bottom: 5px;
    margin-right: 2%;
  }
  .linkbox .ss-btn {
    border-width: 1px;
    padding: 3px 0;
    font-size: 12px;
  }
  .linkbox.center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .linkbox.center li {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .right .linkbox.center li {
    width: 88%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .squarePic {
    margin-left: 1%;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027.gif);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 5px;
    width: 21.5% !important;
    min-width: 40px;
    display: block;
    float: left;
    border: 2px solid #64c3d2 !important;
    padding-top: 21.5%;
    height: auto;
    margin-bottom: 1%;
    position: relative;
    z-index: 10;
  }
  a.ss-btn.DP {
    color: #fff;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/DPplane.png) left center no-repeat #21cb21;
    border-color: #21cb21;
  }
  /*需整理*/
  #NEW .linkbox {
    margin-top: 10px;
    float: left;
    width: 100%;
  }
  #NEW .linkbox.center li {
    width: 100%;
  }
  #NEW .photo.typeb {
    width: 50%;
    float: left;
  }
  #NEW .htlBox .sub {
    clear: both;
  }
  #NEW .photo .htlImg {
    width: 100%;
  }
  .swiper-containerDp .swiper-slide.column_4 {
    width: 360%;
  }
  .swiper-containerDp .swiper-slide.column_4 .htlBox {
    width: 24%;
    margin: 0 0.5% !important;
  }
  .swiper-containerDp2 .swiper-slide.column_4 {
    width: 360%;
  }
  .swiper-containerDp2 .swiper-slide.column_4 .htlBox {
    width: 24%;
    margin: 0 0.5% !important;
  }
  .swiper-containerDp .swiper-slide.column_5 {
    width: 450%;
  }
  .swiper-containerDp .swiper-slide.column_5 .htlBox {
    width: 19%;
    margin: 0 0.5% !important;
  }
  .swiper-container {
    /* position: static !important; scrollBar hide*/
  }
  .swiper-containerDp .common-round-left,
  .swiper-containerDp .common-round-right {
    display: none !important;
  }
  .long_swipeBnr {
    position: relative;
  }
  .long_swipeBnr ul.swiper-wrapper li img {
    width: 100%;
  }
  .long_swipeBnr .swipeLftSlide {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    left: -15px;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -44px;
    opacity: 0.2;
  }
  .long_swipeBnr .swipeRgtSlide {
    display: block;
    position: absolute;
    text-indent: -9999px;
    z-index: 2;
    right: -15px;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
    background-position: -123px -84px;
    opacity: 0.2;
  }
  .long_swipeBnr .swiper-pagination.swiperpageSlide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    clear: both;
    margin-top: 5px;
    z-index: 2;
  }
  .swiper-pagination-bullet-active {
    background: #4ace00 !important;
    opacity: 1 !important;
  }
  .long_swipeBnr .swiper-pagination-bullet {
    margin: 0 5px;
    opacity: .2;
  }
  .hotelbox.column-list {
    width: 100%;
  }
  .photoLink .icon.medama {
    display: none;
  }
  .hotelbox .squarePic {
    margin-left: 0;
    width: 22% !important;
  }
  .hotelbox .htlRank {
    background: none;
  }
  .ovHide,
  .ovHideCP {
    overflow: visible !important;
    height: auto !important;
  }
  .htlBox .price em.red {
    font-size: 16px;
  }
  .htlBox .price b.aboutP {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
  }
  .htlBox p.subline.priceCod {
    text-align: center;
  }
  .htlBox p.subline.priceCod a {
    color: #0068b7;
  }
}

@media screen and (max-width: 720px) and (max-width: 400px) {
  ul.pickup.ov .htlBox span.squarePic {
    padding-top: 0;
    min-height: 40px;
  }
  ul.pickup.ov .htlBox span.squarePic:after {
    padding-top: 0;
    min-height: 40px;
  }
}

@media screen and (max-width: 720px) and (min-width: 400px) and (max-width: 720px) {
  ul.pickup.ov .block .rgtCnt,
  ul.pickup.ov .hotelbox .rgtCnt {
    width: 100% !important;
    float: none !important;
    clear: both;
  }
  ul.pickup.ov .htlBox .basic,
  ul.pickup.ov .htlBox .sub {
    padding-bottom: 0;
  }
  ul.pickup.ov .htlBox .basic .photo {
    margin-bottom: 0;
  }
  ul.pickup.ov .htlBox .sub {
    padding-top: 0;
  }
  ul.pickup.ov .htlBox p.subline.priceCod {
    margin-top: 0;
  }
  ul.pickup.ov .htlBox .price {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 720px) {
  .jssBox.allList {
    height: auto;
  }
  .moreDetail {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    max-width: 300px;
    text-align: center;
    position: relative;
    clear: both;
    cursor: pointer;
    border-radius: 5px;
    color: #1ba91b;
    background-color: #fff;
    padding: .8em 0 .7em 0;
    padding-right: 15px;
    padding-left: 15px;
    border: 2px solid #4bcd00;
    font-size: 16px;
  }
  .moreDetail:after,
  .moreDetails:after {
    position: absolute;
    width: 14px;
    height: 10px;
    content: "";
    top: 50%;
    margin-top: -5px;
    right: 10px;
    background-size: 14px auto !important;
  }
  .moreDetail:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAYAAACA0IaCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzg3NDVCNTE0ODMxMTFFOEFCOEFEMkU3NTJGNjM1RjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg3NDVCNTI0ODMxMTFFOEFCOEFEMkU3NTJGNjM1RjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDODc0NUI0RjQ4MzExMUU4QUI4QUQyRTc1MkY2MzVGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDODc0NUI1MDQ4MzExMUU4QUI4QUQyRTc1MkY2MzVGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu4s5AoAAAEKSURBVHjaYpReKc1ABNgMxPOAeD26xJOwJ3A2EwFDWIB4GRD7APFaIPbGp5iQYauBOBLKZgTiNUAcSKph7EC8FYgD0MQ5gHgdEEcQaxgvVIMXktgtIP6CxF8CxI7EGLYFzaC7QKwBxBlIYsxAvA2IPXEZxgm10Q5J7CyU/x+Il0K99xPJy1tkVskEYDNsBRBHI/GvArErED9DElsJxDFA/AdJ/zKggUHgGAKmM25orCE7+QwQ2wPxNxwR5ANNe8ggHGTycjSDDgOxCx6DGKAxnQnEv5HE5oIM246kERRrzkD8kUD6A4XhDCBORBK7zMwXygfy0mkgVoOm8A8MxIPLQHwTiAWA2AMgwACXAzbIexNXGgAAAABJRU5ErkJggg==) center center no-repeat;
  }
  .moreDetails:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAYAAACA0IaCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzEyRUE4NEU0ODMxMTFFODhGMTBEQkJBODZGNUY1QTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzEyRUE4NEY0ODMxMTFFODhGMTBEQkJBODZGNUY1QTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMTJFQTg0QzQ4MzExMUU4OEYxMERCQkE4NkY1RjVBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMTJFQTg0RDQ4MzExMUU4OEYxMERCQkE4NkY1RjVBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pm8tbiUAAAEeSURBVHjalNK/SsNQFMfx5hIRpEVc27HgYjvV1dFBrUu19V+3Lvocru466aKYOmgp1A5qBUefwAeoTyBiRFv9XjjC6eVq6oVPyDlJfiHnJsg1cynWIvaxhufU/9YmGlgNOezhAFPooYCPMYN2cCrnPcNhSYLsmsUdphNCAuziRPWKNmwLXdVcwK16gW+t4BATqtewYa9YRltdmMcjZjxB67hS9Zuddb/WvzDOIM9UPYcbZFVvQ2YUSj3ENkGXtjDOG+p4UL2S1IEMO8KkXItRJqj1c7PxfEYZ16rO4wlHqjeQ0ehZe8NeUHEC7S6nVW2/4N590PyyW++yYy2nH8uLIt9DJuF/quJczr88OzmywoSwT7tbyOAYnb9u/hZgABsMN0zfnSKeAAAAAElFTkSuQmCC) center center no-repeat;
  }
  .htl_one_column.simple .spnor .photo,
  .htl_one_column.simple .spnor .right {
    width: 100%;
    float: none;
    padding: 0;
  }
  .htl_one_column.simple .spnor .photo img {
    max-width: 100%;
  }
  .right.spnor {
    width: 100% !important;
    float: none;
    padding: 0 !important;
  }
  .mcenter {
    max-width: 300px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 720px) and (max-width: 720px) {
  .htlAll .block .holder,
  .htlAll .hotelbox .holder {
    display: block;
    float: left !important;
    position: relative;
  }
  .htlAll .block .holder,
  .htlAll .hotelbox .holder {
    width: 31.5% !important;
  }
  .htlAll .block .rgtCnt,
  .htlAll .hotelbox .rgtCnt {
    display: block;
    float: left !important;
    position: relative;
  }
  .htlAll .block .rgtCnt,
  .htlAll .hotelbox .rgtCnt {
    width: 66% !important;
  }
}

@media screen and (max-width: 720px) {
  .htlAll .hotelbox .btnbox .half {
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
  }
  .htlAll .swiperBox .swiper-pagination {
    position: static;
    width: 100%;
  }
  .htlAll .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .htlAll .lst-htl {
    background-color: transparent;
  }
  .htlAll .lst-htl .ss-btn {
    margin-top: 40%;
    margin-left: 40px;
    margin-right: 40px;
  }
  .htlBox .linkbox .hotelbox {
    width: 100% !important;
    margin-bottom: 0;
  }
  .htlBox .linkbox .rgtCnt {
    width: 100% !important;
    font: none;
  }
  .htlBox .linkbox .hotelbox .planLink {
    margin: 0;
  }
  .swiperBox {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
  }
  .common-round-left,
  .common-round-right {
    width: 32px;
    height: 32px;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    z-index: 999;
    opacity: .2;
  }
  .common-round-left {
    background-position: -123px -44px;
    left: -10px;
  }
  .common-round-right {
    background-position: -123px -84px;
    right: -10px;
  }
  .common-round-left-b,
  .common-round-right-b {
    width: 32px;
    height: 32px;
    font-size: 0;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 999;
    opacity: .2;
  }
  .common-round-left-b {
    background-position: -123px -44px;
    left: -10px;
  }
  .common-round-right-b {
    background-position: -123px -84px;
    right: -10px;
  }
  /**/
  .hotelbox {
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #e9e9eb;
  }
  .block .area,
  .hotelbox .area {
    color: #ff9e9d;
    font-size: 13px;
  }
  .hotelbox .holder {
    position: relative;
  }
  .hotelbox .photo img {
    width: 100%;
  }
  .block .htlnm,
  .hotelbox .htlnm {
    padding: 4px 10px;
    color: #333;
    font-weight: 700;
    background: 0 0;
    color: #333;
    position: static;
    font-size: 18px;
    word-wrap: break-word;
  }
  .hotelbox .plan {
    padding: 2px 0;
    display: block;
  }
  .hotelbox .plan > div {
    padding-bottom: 4px;
  }
  .hotelbox .pr {
    font-size: 14px;
    color: #555;
    margin: 0 10px;
    line-height: 18px;
  }
  .hotelbox .planLink {
    font-size: 14px;
    color: #555;
    margin: 0 10px;
    text-align: center;
    color: #0068b7;
  }
  .hotelbox .price {
    font-size: 12px;
    text-align: center;
    margin: 3px 0;
    clear: both;
  }
  .hotelbox .price span {
    font-weight: 700;
    color: #ca0b1a;
  }
  .hotelbox .price span em {
    font-style: normal;
    font-size: 20px;
    color: #ca0b1a;
  }
  .hotelbox .details {
    font-size: 12px;
    color: #a0a0a0;
    margin: 0 10px;
    text-align: left;
  }
  .hotelbox .btnbox {
    overflow: hidden;
    margin: 2px 10px 10px 10px;
  }
  .hotelbox .btnbox li {
    width: 100%;
    float: left;
    margin-top: 5px;
  }
  .hotelbox .btnbox .half {
    width: 49%;
    float: left;
  }
  .hotelbox .btnbox .half.gap {
    margin-right: 2%;
  }
  .hotelbox .btnbox .half_border {
    display: block;
    height: 100%;
    width: 1px;
    content: '';
    width: 50%;
    position: relative;
  }
  .half .ss-btn .small {
    display: none;
  }
  .HOTELBOX .column-list {
    width: 100%;
  }
  .HOTELBOX .hotelbox .holder {
    overflow: hidden;
    position: relative;
  }
  .HOTELBOX .hotelbox .holder .photo {
    width: 42%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .HOTELBOX .hotelbox a.plan {
    display: block;
  }
  .HOTELBOX .hotelbox a.plan > div {
    width: 100%;
    margin-top: 2px;
  }
  .HOTELBOX .hotelbox a.plan:hover {
    background-color: #efefef;
  }
  .HOTELBOX .hotelbox .details {
    clear: both;
  }
  .HOTELBOX .hotelbox a.plan .dami {
    display: block;
    float: left;
    width: 42% !important;
    margin-top: -10px;
    padding-bottom: 5px;
  }
  .HOTELBOX .hotelbox .dami img {
    width: 100%;
  }
  .hotelbox .htlRank {
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto 0;
    width: auto;
  }
  .hotelbox .htlRank span {
    margin-left: 10px;
    display: block;
    color: #333;
    text-align: center;
    position: relative;
    padding: 4px 0;
    height: 14px;
    float: left;
    border-radius: 0;
    font-size: 12px;
  }
  .hotelbox .iconbox {
    clear: both;
    margin-left: 0;
    padding-left: 10px;
  }
  .HOTELBOX .pickup .hotelbox .holder {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .HOTELBOX .pickup .hotelbox .rgtCnt {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .HOTELBOX .pickup p.area {
    background: #e9e9eb;
    padding: 5px 8px;
  }
  .HOTELBOX .pickup .hotelbox:nth-child(2n) {
    margin-right: 0;
  }
  .HOTELBOX .pickup .hotelbox .small {
    display: none;
  }
  .HOTELBOX .pickup .hotelbox .price {
    margin-top: 0;
  }
  .photoLink {
    position: relative;
    display: block;
  }
  .block {
    margin-bottom: 10px;
    border-radius: 6px 6px 0 0;
    border: 1px solid #d8d8d8;
  }
  .block a:hover img {
    opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
  }
  .block .area {
    color: #ff9e9d;
    font-size: 13px;
  }
  .block .holder {
    position: relative;
  }
  .block .photo img {
    width: 100%;
  }
  .block .plan {
    padding: 10px 0;
    display: block;
  }
  .block .plan:hover {
    background-color: #efefef;
  }
  .block .plan > div {
    padding-bottom: 8px;
  }
  .block .pr {
    font-size: 14px;
    color: #555;
    margin: 0 10px;
    line-height: 18px;
  }
  .block .price {
    font-size: 12px;
    text-align: center;
    margin: 7px 0;
  }
  .block .price span {
    color: #ca0b1a;
    font-weight: 700;
  }
  .block .price span em {
    font-style: normal;
    font-size: 24px;
  }
  .block .details {
    font-size: 12px;
    color: #a0a0a0;
    margin: 0 10px;
  }
  .block .btnbox {
    overflow: hidden;
    margin: 2px 10px 10px 10px;
  }
  .block .btnbox li {
    width: 100%;
    float: left;
    margin-top: 5px;
  }
  .block .btnbox .half {
    width: 50%;
    float: left;
  }
  .block .hotelbox .btnbox .half_border {
    display: block;
    height: 100%;
    width: 1px;
    content: '';
    width: 50%;
    position: relative;
  }
  .block .hotelbox .btnbox .half_border:after {
    position: absolute;
    content: '';
    border-right: 2px solid #fff;
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
  }
  .block .dami {
    display: none;
  }
  .block .planLink {
    color: #0068b7;
    font-size: 14px;
    margin: 0 10px;
    text-align: center;
    text-decoration: underline;
  }
  .HOTELBOX .column-list {
    width: 100%;
  }
  .swiper-container .column-list {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    margin-right: 0 !important;
  }
  .HOTELBOX .block .holder {
    overflow: hidden;
    position: relative;
  }
  .HOTELBOX .block .holder .photo {
    width: 42%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .HOTELBOX .block .htlnm {
    padding: 10px;
    color: #333;
    font-weight: 700;
    padding-top: 0;
    background: 0 0;
    color: #333;
    position: static;
    font-size: 14px;
    word-wrap: break-word;
  }
  .HOTELBOX .block a.plan {
    display: block;
  }
  .HOTELBOX .block a.plan > div {
    width: 58%;
    float: right;
  }
  .HOTELBOX .block a.plan:hover {
    background-color: #efefef;
  }
  .HOTELBOX .block .details {
    clear: both;
  }
  .HOTELBOX .block a.plan .dami {
    display: block;
    float: left;
    width: 42% !important;
    margin-top: -10px;
    padding-bottom: 5px;
  }
  .HOTELBOX .block .dami img {
    width: 100%;
  }
  .block .htlRank {
    font-size: 12px;
    font-weight: 400;
    margin: 5px auto 0;
  }
  .block .htlRank span {
    margin-left: 5px;
    display: block;
    margin-top: 6px;
    color: #333;
    text-align: center;
    position: relative;
    padding: 4px;
    height: 14px;
    float: left;
    border-radius: 0;
    font-size: 12px;
  }
  .block .htlRank b {
    display: block;
    float: left;
    margin-left: 3px;
    margin-top: 6px;
    width: 90px;
    height: 20px;
    text-indent: -9999px;
  }
  .block .htlRank b.rank50 {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/rank.png) no-repeat -10px 0;
  }
  .block .iconbox {
    clear: both;
    padding-left: 10px;
  }
  .mg2 {
    margin-right: 3px;
    margin-bottom: 3px;
  }
  .hotelbox .dami {
    display: none;
  }
}

@media screen and (max-width: 720px) and (max-width: 400px) {
  .column_3 .hotelbox .holder,
  .column_4 .hotelbox .holder {
    width: 100%;
    position: relative;
    display: block;
  }
  .column_2 .hotelbox .holder .photo,
  .column_3 .hotelbox .holder .photo,
  .column_4 .hotelbox .holder .photo {
    width: 100%;
    position: relative;
  }
}

@media screen and (max-width: 720px) and (min-width: 400px) and (max-width: 720px) {
  .column_2 .hotelbox .holder,
  .column_3 .hotelbox .holder,
  .column_4 .block .holder,
  .column_4 .hotelbox .holder {
    width: 50%;
    display: block;
    margin-right: 2%;
    position: relative;
    float: left;
  }
  .column_2 .hotelbox .holder .photo,
  .column_3 .hotelbox .holder .photo,
  .column_4 .block .holder .photo,
  .column_4 .hotelbox .holder .photo {
    width: 100%;
    position: relative;
  }
  .block .rgtCnt,
  .hotelbox .rgtCnt {
    width: 47.6%;
    float: left;
  }
}

@media screen and (max-width: 720px) and (min-width: 400px) and (max-width: 480px) {
  .block .htlRank span,
  .hotelbox .htlRank span {
    font-size: 10px;
    margin-left: 0;
  }
  .block .htlRank b {
    margin-top: 0;
  }
}

@media screen and (max-width: 720px) {
  /**/
  .theme-group .column-list {
    width: 100%;
    height: 120px;
    position: relative;
    background-size: cover;
    background-position: center center;
  }
  .theme-group .title {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 5px 8px 5px;
  }
  .theme-group .title p {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 3px;
  }
  .theme-group .title span {
    font-size: 14px;
  }
  .theme-group .column-list > a {
    height: 100%;
    display: block;
  }
  .theme-group .column-list > a:hover {
    opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
  }
  .theme-group .column-list .areaBtn {
    position: absolute;
    bottom: 3px;
  }
  .theme-group .column-list .areaBtn li {
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
  .theme-group .column-list .areaBtn a {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    color: #1ba91b;
    font-size: 13px;
    border: 1px solid #4bcd00;
    background: white;
    display: block;
    border-radius: 5px;
    height: 15px;
    margin-bottom: 3px;
    padding: 7px 0 7px 10px;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
    text-align: center;
    z-index: 1;
  }
  .theme-group .column-list .areaBtn a:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    right: 8px;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThDMDlDNTFCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThDMDlDNTJCM0NBMTFFN0IzQzVFRjM1QzMzQjRDMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEMwOUM0RkIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEMwOUM1MEIzQ0ExMUU3QjNDNUVGMzVDMzNCNEMxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PggjI74AAACRSURBVHjaYpReKR3FwMDgDsRpT8Ke/GSAAiYgNgbiOCA+IrNKhgkuAVRVDKQ7gdgEiM/AJBj+//8PxkAjW4H4PxCfBPEZQQQMAI1KB1IzgPge3EwoeAalpZmQVOcCqU1A/AiIRZmgggVAahJUhy7QQZ+ZgILNQE4/ED8GYn2g4CeYP94C8X4gNgUKvoEZDRBgAIzrNADQkc5ZAAAAAElFTkSuQmCC) 0 0 no-repeat;
  }
  .theme-group .column-list .areaBtn_one {
    width: 50%;
    margin-left: -25%;
    max-width: 260px;
  }
  .theme-group .column-list .areaBtn_one li {
    width: 100%;
  }
  .theme-group .column-list .areaBtn_one a {
    min-width: 120px;
  }
  .theme-group .column-list .areaBtn a:before {
    height: 26px;
    position: absolute;
    content: "";
    width: 24px;
    display: block;
    left: 0;
    top: 0;
  }
  .theme-group .column-list .areaBtn a.dh:before {
    padding-left: 0;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -2px 3px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.dp:before {
    padding-left: 0;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -24px 2px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.car:before {
    padding-left: 0;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -48px 2px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.bus:before {
    padding-left: 0 !important;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/top_ico-red.png) -24px -22px no-repeat #fff;
    background-size: 75px auto;
  }
  .theme-group .column-list .areaBtn a.noTxt {
    background: #fff;
  }
  .bomb-content {
    width: 30%;
    position: absolute;
    top: -15px;
    right: 5px;
    display: block;
    font-size: 12px;
    font-weight: 700;
  }
  .bomb-content img {
    width: 100%;
  }
  .bomb-content span {
    padding-top: 25px;
    padding-left: 25px;
    display: block;
    line-height: 1.2;
  }
  .bomb-content span b {
    font-size: 17px;
  }
  .bomb-content span em {
    font-style: normal;
    font-size: 80%;
  }
  .theme-group .column-list .areaBtn {
    min-width: 110px;
    right: 2%;
    margin-left: 0;
  }
  .theme-group .column-list .areaBtn li {
    width: 100%;
    margin: 0;
    float: none;
  }
  .theme-group .column-list .areaBtn_one a {
    min-width: 0;
    padding: 7px 0;
  }
  .theme-group .column-list {
    margin-bottom: 10px;
  }
  .theme-group .column-list .btm {
    text-decoration: underline !important;
    padding-right: 0;
  }
  .theme-group .column-list .bd {
    border: 1px solid #4bcd00;
    padding: 8px 10px 7px 7px;
    font-size: 13px;
  }
  .ov001 {
    width: 99%;
    padding-left: 1%;
    overflow: hidden;
  }
  .ov001 li {
    width: 48%;
    float: left;
    margin-left: 1%;
  }
  /**/
  .column_4.htl .column-list {
    width: 100%;
    margin-right: 0;
  }
  .column_4.htl .column-list.one_column .photo .htlImg {
    width: 100%;
    float: none;
  }
  .column_4.htl .column-list.one_column .photo .spRight {
    width: 100%;
    float: none;
  }
  .htl_one_column .basic {
    overflow: hidden;
    padding: 10px;
    padding-bottom: 0;
  }
  .htl_one_column .basic .photo {
    overflow: visible;
    padding: 0 15px;
    position: relative;
  }
  .htl_one_column .basic .iconBox {
    width: 100%;
    float: none;
    padding-left: 0;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .htl_one_column .basic .iconBox li {
    float: left;
    margin-right: 8px;
  }
  .htl_one_column .basic .price {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .htl_one_column .basic .btnbox,
  .htl_one_column .basic .linkbox {
    padding: 0;
  }
  .htl_one_column .basic .btnbox {
    margin-bottom: 10px;
  }
  .column_2 .htl_one_column {
    width: 100%;
  }
  .column_2 .htl_one_column .photo {
    padding: 0;
    width: 50%;
    float: left;
  }
  .column_2 .htl_one_column .right {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    float: left;
  }
  .column_2 .htl_one_column .photo .htlImg {
    width: 100%;
  }
  .column_2 .htl_one_column .linkbox {
    padding: 0;
    margin-bottom: 0;
  }
  .column_2 .htl_one_column .btnbox {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .column_2 .htl_one_column.dpbox .sub {
    padding: 5px;
    padding-top: 0;
  }
  .column_2 .htl_one_column.dpbox .swiper-pagination.swiperpageSlide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    clear: both;
    margin-top: 5px;
    z-index: 2;
    position: static;
  }
  .column_2 .htl_one_column.dpbox .swiper-pagination.swiperpageSlide span {
    margin: 0 2px;
  }
  .column_2 .htl_one_column.dpbox .right {
    width: calc(100% - 150px);
    min-height: 195px;
  }
  .column_2 .htl_one_column.dpbox .photo {
    width: 150px;
  }
  .column_2 .htl_one_column.dpbox .linkbox {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .column_2 .htl_one_column.dpbox .btnbox {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    margin-left: 3px;
    margin-right: 3px;
  }
  .column_2 .htl_one_column.dpbox .dp_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 12px;
  }
  .column_2 .htl_one_column.dpbox .dp_detail > li {
    width: 33.333%;
  }
  .column_2 .htl_one_column.dpbox .dp_detail > li + li {
    border-left: 1px solid #b6b6b6;
  }
  .column_2 .htl_one_column.dpbox .dp_detail > li em.small {
    color: #333;
    font-size: 78%;
    letter-spacing: -0.5px;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
  }
  .column_2 .htl_one_column.dpbox .dp_detail .price {
    padding: 0;
    margin-top: 0;
    font-size: 13px;
    font-weight: 700;
  }
  .column_2 .htl_one_column.dpbox .dp_detail .price .present {
    font-size: 16px;
    letter-spacing: -0.5px;
  }
  .column_2 .htl_one_column.dpbox .dp_detail .ss-btn-ana,
  .column_2 .htl_one_column.dpbox .dp_detail .ss-btn-jal {
    padding-top: .4em;
    padding-bottom: .4em;
    padding-left: .2em;
    margin: 0 5px 3px;
    line-height: 1.2;
  }
  .column_2 .htl_one_column.simple .btnbox {
    margin-top: 20px;
  }
  .htl_one_column.simple .btnbox {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .htl_one_column.simple .photo {
    padding: 0;
    float: left;
    width: 50%;
  }
  .htl_one_column.simple .right {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
  }
  .htl_one_column.simple .photo .htlImg {
    width: 100%;
  }
  .column_2 .htl_one_column.dpbox .btnbox .half {
    width: 100%;
    margin: 0;
  }
  .column_2 .htl_one_column.dpbox .btnbox .half br {
    display: none;
  }
  .htl_one_column.simple .spnor .photo,
  .htl_one_column.simple .spnor .right {
    width: 100%;
    float: none;
    padding: 0;
  }
  .htl_one_column.simple .spnor .photo img {
    max-width: 100%;
  }
  /**/
  .popUpplan {
    width: 80%;
    position: fixed;
    top: 15%;
    left: 10%;
    background: #fff;
    z-index: 99999999;
    border-radius: 12px;
  }
  .popUpplan > p {
    padding: 15px 10px 10px 10px;
    color: #000;
    font-size: 14px;
    line-height: 24px;
  }
  .popUpplan p a {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
    color: #333;
  }
  .popUpplan span {
    display: block;
    position: absolute;
    cursor: pointer;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    text-indent: -999px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDQkFCQ0Q3RDFDQjlFNzExQkU4MzlENTQwRkQ2QUVGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRDREQjM5M0I5MUQxMUU3OEYyMUJERUQ3NkVCQzYwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRDREQjM5MkI5MUQxMUU3OEYyMUJERUQ3NkVCQzYwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNCQUJDRDdEMUNCOUU3MTFCRTgzOUQ1NDBGRDZBRUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNCQUJDRDdEMUNCOUU3MTFCRTgzOUQ1NDBGRDZBRUZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+hTe0FQAAAu5JREFUeNrEV99LU1Ec/253OV01EpwtZrKZzD9gzejXCJQCIwiEnhoJ5bvgS+GDDJGeBor4tIRgDz7YWz9GpCAuMgvxVVaTNRzljEbgksnm+n4PZ+N2d+/uuTjpOz5wds7n+/3ce3587/eYPJ898D/MIsgzIa4jbiOuIroRrXwsh/iK+IB4hYgjyroBdd7YjBhCPOFiIkYP8RTxHHFYL7CW0RN9RMwZEAXOneO+HqPCNxCfEP4jLKOfxwiICt9EvEW0NWAPUYx3iFt6wj2IF4imBm7gJh6zR0tYQkQRp+WEFlMLeE94cftbBI6IhXHJR2GneGxJTfiB2prazXYId4Vhvnu+rqhTcjIOcclHY82HlMImfmRqbKe0A8u5ZfCd8UHEHdEUnjg/wTjEJR8Ne8y1qsKBekcmnA3D0s8l6GvrUxWnPhojDnF1jlpALjygt37DqeGqeOhcqNpP7YoocQRsQJ4yr4h4UOAI/oKuIGwXtqHD2sHaa7k1UVGyy/KU+QNxVsTLZXFB1BuFdms7+58tZCGYCEKmmBEVpg3grEx1q6gXCcRzcbBJNgZqGxCtapmNZoP+k/0w6ByE1J8UA7Wpz6iZZZ82IdEp7xTki3k2vaPJUdZPfQbEc3LhLyJrO9k1ydpjW2NsejcKGzCSGGF9NEYcAUvIhVf1shJtKIfVAaGtECzmF6tj1J7+Ns3GiENcHVuVC7+ux5zxzIDb5oZoJgoLvxdqE8ivCBsjDnF17I38HK/wyqEme3VaOqFZaobZ9GzdrDT+fRzrnTL47D7mky6mtaqTuLL0eYh4pmTSl8YhObQCgdqD7pZ2Yb+8rzb8iFcn/whLvFy5eEyF5TriEqKkPMfUEUTsHYMoxbxfEVVLIJuIe4iDBooe8JibejVXDHG3QW++x2PFRKvMGK8Y1o+4pn41Ub1cTVPTy3d70oBgkvv0KqfXyE1C/oDXEHf4t/uC4gqT5FeYl4j39W4QRu9OhzzJrDRqx/0VYACX4eTNVj9Z7QAAAABJRU5ErkJggg==) no-repeat;
  }
  .popUpplan p a {
    font-size: 16px;
    /* font-weight: 700; */
    display: block;
    margin-bottom: 5px;
    color: #333;
  }
  .mapPopUp {
    width: 80%;
    left: 10%;
  }
  .mapPopUp.popUpplan p {
    max-height: 460px;
    overflow-y: auto;
  }
  .mapPopUp p a {
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 0;
  }
  .mapflex {
    width: 100%;
  }
}

@media (min-width: 1px) and (max-width: 320px) {
  .mapPopUp.popUpplan p {
    max-height: 360px;
    overflow-y: auto;
  }
}

/* -------------------------------------------- 
Base-tablelet
--------------------------------------------- */
@media (max-width: 768px) and (min-width: 721px) {
  body {
    zoom: .57;
  }
  .ss-right dl {
    display: none;
  }
  .questionForm {
    min-width: 1450px;
  }
  .questionForm form {
    width: 700px;
    margin: 0 auto;
  }
  .rt-rakuten-link,
  .rt-footer {
    min-width: 1450px;
    z-index: 0;
  }
}

/* -------------------------------------------- 
ss-component
--------------------------------------------- */
.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1px) and (max-width: 720px) {
  .mb60 {
    margin-bottom: 60px !important;
  }
}

.bd2 {
  border-width: 2px;
}

.bd3 {
  border-width: 3px;
}

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

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

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

.fz10 {
  font-size: 10px !important;
}

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

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

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

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

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

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

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

.nolink:hover {
  cursor: default !important;
  background: #fafafa !important;
}

.nolink:hover img {
  opacity: 1 !important;
}

.txtr {
  text-align: right;
}

.txtc {
  text-align: center;
}

.ss-btn,
.arr-right-white,
.arr-right-blue,
.arr-right-blue2,
.arr-right-green,
.arr-right-blue-b,
.arr-right-blue2-b,
.arr-right-green-b,
.arr-right-white-b,
.arr-down-white,
.arr-left-black,
.arr-right-black,
.triangle-right-gray,
.triangle-left-gray,
.triangle-left-gray,
.triangle-down-gray,
.round-minus-black,
.round-plus-black,
.arr-up-white {
  position: relative;
}

.ss-btn:after,
.arr-right-white:after,
.arr-right-white-b:after,
.arr-right-blue:after,
.arr-right-blue2:after,
.arr-right-green:after,
.arr-right-blue-b:after,
.arr-right-blue2-b:after,
.arr-right-green-b:after,
.arr-down-white:after,
.arr-left-black:after,
.arr-right-black:after,
.triangle-right-gray:after,
.triangle-left-gray:after,
.triangle-down-gray:after,
.round-minus-black:after,
.round-plus-black:after,
.arr-up-white:after,
.ss-btn-ana:after,
.ss-btn-jal:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
}

.arr-right-white:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTY0QjQ2Qzk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTY0QjQ2Qjk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGQjAxRUNGOUM5OUU2MTE4N0RCRjFDRTIzNEQzRkU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KyIfYgAAAJFJREFUeNpi+P//v/l/CLgLxAzomImBgUGUAQKUgPgEAzqAqnT/jwAngZgRZgKycW5Iik5hU4Cu6BgQszBgcZgOEL+AORybApD9j2DGoEsqA/EbqNxLIFZAllQF4ndIktLIjgTp/AqVfA3Eosi+sALin0g6ZZCtZQGGFS8QswHxHyA2AOLn2EIyERqaGL4CCDAAyKsoZamm1mcAAAAASUVORK5CYII=) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.ss-btn-ana:after {
  background: url(data:image/png;base64,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) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.ss-btn-jal:after {
  background: url(data:image/png;base64,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) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.arr-right-white:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTY0QjQ2Qzk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTY0QjQ2Qjk5QUUxMUU2OUU5OEMxRDA4RjUzMEZGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdGQjAxRUNGOUM5OUU2MTE4N0RCRjFDRTIzNEQzRkU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KyIfYgAAAJFJREFUeNpi+P//v/l/CLgLxAzomImBgUGUAQKUgPgEAzqAqnT/jwAngZgRZgKycW5Iik5hU4Cu6BgQszBgcZgOEL+AORybApD9j2DGoEsqA/EbqNxLIFZAllQF4ndIktLIjgTp/AqVfA3Eosi+sALin0g6ZZCtZQGGFS8QswHxHyA2AOLn2EIyERqaGL4CCDAAyKsoZamm1mcAAAAASUVORK5CYII=) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.arr-right-white-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFMkFDNzc4NTQyRENFNjExODk4NUJEREFDOUUzMTFFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NUNCQjAzRERFQjQxMUU2QUI4REUyMTIzMEIxMzk1OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NUNCQjAzQ0RFQjQxMUU2QUI4REUyMTIzMEIxMzk1OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2MjYzN0UyMENERUU2MTFCRjczQzA3MjdFNEY4OTFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUyQUM3Nzg1NDJEQ0U2MTE4OTg1QkREQUM5RTMxMUVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aD0D3wAAAH5JREFUeNpi+P//PwMQzwDiZ0AsCeXjxCBi7n8EAGmSIqRh/X9UgFcTjDEVTdNTXM5D5kwjxiZ0E6YT0oTNndicJ4VPAy7nSeLTAMITgfgXmiZ9BgIRdQXNpjNUs4EkP5AUSiTFw3RSYnoaKWlpA6mpdQ6p+QHmfqJyHECAAQDw0vi9fuBonAAAAABJRU5ErkJggg==) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-down-white-b:after {
  background: url(data:image/png;base64,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) center center no-repeat;
  width: 19px;
  height: 12px;
  right: 12px;
  margin-top: -6px;
}

.arr-down-red01:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Q3NTAwNzFCM0I2MTFFN0EwMjFDQUVGNzg4RDNDMTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Q3NTAwNzJCM0I2MTFFN0EwMjFDQUVGNzg4RDNDMTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRDc1MDA2RkIzQjYxMUU3QTAyMUNBRUY3ODhEM0MxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRDc1MDA3MEIzQjYxMUU3QTAyMUNBRUY3ODhEM0MxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpizH1MAAAC/SURBVHjadNCxDgExHMfxFtfJYLJaTLfcwmDwBgYxEJMXsBkYPItBIiSMYrWKEAxi8wr2W+pbaaUa1+RzvfzbX/9NxTWKSlhhqLUWWVhvYo1KQQgxQA/dm1LPJE13IhjUE6Y98njl+Mwwh8SWDe0gEDNdbOCIqTStWTCBBfrQaJmO1Kv836FwplYzB31C9kQTXNqrmuIEI5RxINBw3b8hL+g6unEiUPev/BPyght08CAQhw+T9bwSYxT/rb8FGAB4uHPDq8hUBwAAAABJRU5ErkJggg==) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-right-green:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkVFQzk3MDlDOTE0MTFFNzkyNTBCODFFNDlGMUIzOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkVFQzk3MEFDOTE0MTFFNzkyNTBCODFFNDlGMUIzOTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRUVDOTcwN0M5MTQxMUU3OTI1MEI4MUU0OUYxQjM5NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRUVDOTcwOEM5MTQxMUU3OTI1MEI4MUU0OUYxQjM5NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgAncbsAAACzSURBVHjaYpReKS3PwMBQDcQ1T8KevGJAA0xA3APEqUC8mQELACmYBMR/gdhMZpXMGXQFjP///2cASugD2edBfCA+AbTKEkUBCAAVaUEVsQHxGaAiUxQFUEUqQOooEIsB8XWQtUzI9gF13QFSvVCuJhBno5vgDaS2QLlrgRpCmJAkA5Ekl4EkkX2BrHMFUDISHg5AyRw0nZHoAWUDZS8ESkajBxQLEGcA8XEgnostqAECDABWkUNlwms9FQAAAABJRU5ErkJggg==) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.arr-right-green-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDQ1NUJCNUFFMkU3MTFFNjg1MzNENDE0MjJCOTkyRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ1NUJCNUJFMkU3MTFFNjg1MzNENDE0MjJCOTkyRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNDU1QkI1OEUyRTcxMUU2ODUzM0Q0MTQyMkI5OTJFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNDU1QkI1OUUyRTcxMUU2ODUzM0Q0MTQyMkI5OTJFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjhNu9wAAAD3SURBVHjaYvz//z+D5j59awYGhiNAfA+IVa87XfzHgAMwARXbQBWDgBIQHweKMeHUAMQPgXgjkpgZEB/FpYER5CQQAJq6CEjFIskdBzrNCqcGqKYFQCoeWRMQWwM1/kd2EhwAJRKA1HwkIUsgPobsJxQb8Nh0EqQZZBPW0IDatBhJyBxkE04bkGzqBFJlSEKPcIY3vnjAZfoiNNNPAJ0qz4RD8QK0OAF52gqrDUDF89FC6ARIMSwuWNAULwRScfgijgVJMSgYYwgmDY29enJAejIQ+6F50BJXKMmhKT4Fcgbe1EpKBmIAaQBhoNPCgVgPxseFAQIMAAzogaS7/TeYAAAAAElFTkSuQmCC) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-down-green:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTYyQzZEQkZCNTVDMTFFNzk2NzVBRDkwQzE2ODM4RTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTYyQzZEQzBCNTVDMTFFNzk2NzVBRDkwQzE2ODM4RTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNjJDNkRCREI1NUMxMUU3OTY3NUFEOTBDMTY4MzhFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNjJDNkRCRUI1NUMxMUU3OTY3NUFEOTBDMTY4MzhFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmx2+w0AAAC3SURBVHjaYpReKS3AwMAwA4iPPAl7MoUBB5BZJWMLpPKAuIQFSMQDcTgIAyXuAzVuxaJBH0jtB2JmIH7PBCTmAvFCqPwWoIJANA1aQOo8VMMpIK5h/P//P0xyKZCKgqr1AdkIFFMBsq8CMRsQnwWKmYAk4ZqgGpcDqQgotxyIi4FYDIhPADVYwtShaMJiIwicAWowRVaDoQmqcQ2QCgbi60ANWujyTNiCF6gwBEhVALEZNnmAAAMA1RQ+zJuV/nQAAAAASUVORK5CYII=) center center no-repeat;
  width: 13px;
  height: 8px;
  right: 10px;
  margin-top: -4px;
}

.arr-right-blue:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDOEU5MDU3OURDRTJFNjExQkZERjg2REEwMzQ0MTY4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMkIzNDc4MEUyRTcxMUU2QTM0Mjk5NUYyN0FBOEU5OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMkIzNDc3RkUyRTcxMUU2QTM0Mjk5NUYyN0FBOEU5OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wW4QZgAAAMlJREFUeNpiNOk8bs7AwHACiO+dLrNQZkADTEAsCmUrmXadOIGugPH///8MQAl3IHsHVOwUEFsATfsPM4EByNkJpNyhCsyA+CSKCTAANMkNSO2Eco8DsR2KAqgiHSC1B4jFQQ5nYsAEV4H4F8zhTGi6Qd58DcSyQPwKiBVZkCRVoY4ThEoaAR3/FOZNkM5LQMwFxG+AWAsoCTKJgXkrl4cVyKdAzIGk8wXMZJAVvEDMBsR/gNgAKPkcxckgK4DxkQjE7iA2OgYIMADOMlRzV9n84AAAAABJRU5ErkJggg==) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.arr-right-blue-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDN0U5MDU3OURDRTJFNjExQkZERjg2REEwMzQ0MTY4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNzYzRjI4N0UyRTcxMUU2QjM1OUFDQzJGM0Q3NTlBMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNzYzRjI4NkUyRTcxMUU2QjM1OUFDQzJGM0Q3NTlBMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N0LxiQAAAPJJREFUeNqUU8kNwjAQdKLUESQkvry4klADXz5cVaSH8KWAHFRAD0AC9IAEhWBmpQQtVtaIlUarrGc867XjaK3VcFtFSqkjcAd6t3jyUkK4IE9rMkUXKFFzRQHwAA6sNgJOksChliiwa4G0ZGslWgtFQS3KkNZcBEQQat7SJ7CwQUpZKQDO/ExfDhanC4nJqXUatdOelcbkJDowpwQpZqWnOG/bPUi7F8buFVrtuAI5M+6EDh22OoCcGhOqiNzchWeQc6SV7eI8RqYxLn4+jUFS+sg7YGYcMJCm5BvkK7Vhfa3//ECKBAS0Ngf6zbeEtwADAAg+g9lgJzl+AAAAAElFTkSuQmCC) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-right-blue2:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDOEU5MDU3OURDRTJFNjExQkZERjg2REEwMzQ0MTY4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjFFQTIyOUUyRTcxMUU2OThBMEI5QzZCQUNGQzEyNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjFFQTIyOEUyRTcxMUU2OThBMEI5QzZCQUNGQzEyNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM5RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+01AHuAAAAMJJREFUeNpkkb8KwjAQh9MiDoKDFHG3uIiCOlhxcDTP4eYb6aNYcLc6VnR0E0HrC4gQv8gFbDz4uEt+9y8kWOVFopTK4LLsR7HyLISmxO318Zn5CYExRiFo4o3cHWBCN+M6KA4pTkvCGPalDs7oNMelctzBrJQgST3cFlp28VD92wlebnF/RCzzI7hDUvkROyI2RByx/NU901bmUIMCuoiP7zMRp/iziLZy6ERrdkQdqvCGAeKttLIdwX8sQNvY5yPAAP6uWysrmIQaAAAAAElFTkSuQmCC) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 6px;
  margin-top: -7px;
}

.arr-right-blue2-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDN0U5MDU3OURDRTJFNjExQkZERjg2REEwMzQ0MTY4MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTMwMkYxMEUyRTcxMUU2QUU5OThFNzJDQjk2QzMzNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTMwMkYwRkUyRTcxMUU2QUU5OThFNzJDQjk2QzMzNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM3RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM3RTkwNTc5RENFMkU2MTFCRkRGODZEQTAzNDQxNjgyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+x3+6xQAAAPhJREFUeNpi/P//P8OMy2+tGRgYjgDxPSBWzdAV/seAAzABFdtAFYOAEhAfB4ox4dQAxA+BeCOSmBkQH8WlgRHkJBAAmroISMUiyR0HOs0KpwaopgVAKh5ZExBbAzX+R3YSHAAlEoDUfCQhSyA+huwnFBvw2HQSpBlkE9bQgNq0GEnIHGQTThuQbOoEUmVIQo9whje+eMBl+iI0008AnSrPhEPxArQ4AXnaCqsNQMXz0ULoBEgxLC5Y0BQvBFJx+CKOBUkxKBhjCCUNFqBCOSA9GYj90DxohSuU5NAUnwI5A29qJSUDMYA0gPD0S2/CgVgPxseFAQIMAHESh/U5xZB4AAAAAElFTkSuQmCC) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-right-red01:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkUzQjg3NkFCM0NCMTFFNzg1QjBGQzBGMkNFMEQwRTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkUzQjg3NkJCM0NCMTFFNzg1QjBGQzBGMkNFMEQwRTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRTNCODc2OEIzQ0IxMUU3ODVCMEZDMEYyQ0UwRDBFMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRTNCODc2OUIzQ0IxMUU3ODVCMEZDMEYyQ0UwRDBFMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpkhoAMAAAC0SURBVHjaYvj58OH/xxkZ/3+/fPkfCBjQMcP98PD/F1hZ/9+yssKu4Mvhw/8vcnCAFd00N8dQBCa+Xbz4/wIbG8QkG5v/GApA+Pu1a/8vcnNDFFlY/MdQAMI/7tz5f0VaGqzohq7ufwwFIPyyuxusAIRfdnWhSn7ctg3ulvuhoagmfNi4ES75ICYG1Q3IOh9ERaH64vXUqVh1whWAdIAkHyYmYg/JP+/f/389aRJWSRAGCDAAdrAfpuppcc0AAAAASUVORK5CYII=) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-right-red01-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAATCAYAAACk9eypAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNFMzUzRTFCM0I3MTFFN0EyMEJDN0JDQ0Q1NkZGOUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjNFMzUzRTJCM0I3MTFFN0EyMEJDN0JDQ0Q1NkZGOUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM0UzNTNERkIzQjcxMUU3QTIwQkM3QkNDRDU2RkY5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyM0UzNTNFMEIzQjcxMUU3QTIwQkM3QkNDRDU2RkY5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqSG5k4AAAC8SURBVHjaYvj//z/DBVbWGUD8DIglQXx8mBGoaC4DA0MSAwQ8B2IT/V+/njHgAExALITElwTiMxfZ2KRwaWAEWQNUMBXIzkISfwa16TlWDSAA1DQNSGUiyWF1HlwDVNN0IJWBTxOKBqgmbM4zhWnC0IDHecYgP2HVANU0EaqJFUmTJ04NUE1XgJQ2ktBZ6thAkh9ICiWS4oEYxchpCd3NuNMSMHlvANL+hExGTt5viFUMBtAcN53YHAcQYAABrLy54OwvHAAAAABJRU5ErkJggg==) center center no-repeat;
  width: 12px;
  height: 19px;
  right: 12px;
  margin-top: -10px;
}

.arr-down-red01-b:after {
  background: url(data:image/png;base64,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) center center no-repeat;
  width: 19px;
  height: 12px;
  right: 12px;
  margin-top: -6px;
}

.arr-down-red01-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAYAAACA0IaCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQ3OUU5NzFCM0I3MTFFN0JCNkM5NTg4OTFFNTM3MkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ3OUU5NzJCM0I3MTFFN0JCNkM5NTg4OTFFNTM3MkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RDc5RTk2RkIzQjcxMUU3QkI2Qzk1ODg5MUU1MzcyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RDc5RTk3MEIzQjcxMUU3QkI2Qzk1ODg5MUU1MzcyRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq2W8EMAAAEcSURBVHjalNI9TwJBEIBh2Nw1RkNobYk2amxosbMAsUENfnU08Dto7bHSRiOhAGMiFCqGlorShtJfQIwICr5rJma4rJ5O8lxu5m5nc7MX7fl+hNhEGTt4jvwv9lHAtselhBPMoY1VjP/Y6AgXct82XNLSyMYyHhALaRJFEeeqtmabHaCliincqw1csYUKfFUr2GYvyOBGPUiii7ij0S4aKn+1s14fjWomMMhLla/gDouqlpcZeZJPcEij+te3y2nq6GBD5X0s2UVq2DaGyNHoe0TG8RlZNFWewBNOVe1DRqNn7Ww2sDsGGtpTnlf5MR6DC80Pp/UmJ3YdqA9lo6prkQn5n/ZwJfdTx0nOhBfS7F0Gv4Az3P728qcAAwDS3zcmnWrcIAAAAABJRU5ErkJggg==) center center no-repeat;
  width: 19px;
  height: 12px;
  right: 12px;
  margin-top: -6px;
}

.arr-down-green-b:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAYAAACA0IaCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REUxNjVERjJCNTVDMTFFN0JGM0VCODIzNUMyQzhFNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REUxNjVERjNCNTVDMTFFN0JGM0VCODIzNUMyQzhFNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERTE2NURGMEI1NUMxMUU3QkYzRUI4MjM1QzJDOEU0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERTE2NURGMUI1NUMxMUU3QkYzRUI4MjM1QzJDOEU0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlutPfAAAAEbSURBVHjalNKxTgJBEIBh2JyNgRBbKI00aGernQWijYoi0tHAc9DSSyWNRrQAY6IWKsSWJ6CxgycwRogI/msmZrysnkzyXW7mbmdzsxdOXCRCxAYq2MUgNFvkUMS2x6WMKubRxjLe/9noCKdy3zZc0tLIRhKPiAU0CaOEuqqt2GaHuFPFNTyoDVyRwTHmVK1om71iE9fqwSq6WHA02kNL5W921v39/qXxDfJM5SncI65qBzIjT/IJ8jRqfn27nKaOJ6yr/BlLdpEato0hdmj0PSLj+Iwt3Kp8ET3UVO1DRqNn7Wz2Ynf0NbSnHFF5AR3/QvPLaY3kxK589aFs1HAtMgH/Uxbncj91nOSP8AKajWXwUZzg5q+XPwUYANMtNyE5Ch38AAAAAElFTkSuQmCC) center center no-repeat;
  width: 19px;
  height: 12px;
  right: 12px;
  margin-top: -6px;
}

.arr-right-green-e:after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #1ba91b;
  border-right: 1px solid #1ba91b;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 8px;
  right: 8px;
}

.arr-green-window:after {
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/newTag.png) center center no-repeat;
  width: 12px;
  height: 12px;
  right: 12px;
  margin-top: -6px;
  background-size: 12px;
}

.arr-down-blue:after {
  background: center center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4RDg2MjNCMTI1MzVFNzExQTYyRUNDNkZCOTJBQjVEQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMzA4MENFRTM1MkIxMUU3ODM1REZFMTA5Q0E0MjlERCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzA4MENFRDM1MkIxMUU3ODM1REZFMTA5Q0E0MjlERCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhEODYyM0IxMjUzNUU3MTFBNjJFQ0M2RkI5MkFCNURDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhEODYyM0IxMjUzNUU3MTFBNjJFQ0M2RkI5MkFCNURDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MdE+6gAAALdJREFUeNpi5NzwQICBgWEGEB/55i8/hQEH4Nr40BZI5QFxCQuQiAficBAGStwHatyKRYM+kNoPxMxA/J4JSMwF4oVQ+S1ABYFoGrSA1HmohlNAXMP4//9/mORSIBUFVesDshEopgJkXwViNiA+CxQzAUnCNUE1LgdSEVBuORAXA7EYEJ8AarCEqUPRhMVGEDgD1GCKrAZDE1TjGiAVDMTXgRq00OWZsAUvUGEIkKoAYjNs8gABBgC6i0D6XgUNxAAAAABJRU5ErkJggg==);
  width: 13px;
  height: 8px;
  right: 10px;
  margin-top: -4px;
}

.arr-down-white:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAYAAAAiJnXPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MEU1NzM0MTk5QUUxMUU2QTUyMDgyNjFBN0RDMTc4NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MEU1NzM0MDk5QUUxMUU2QTUyMDgyNjFBN0RDMTc4NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY5MzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+jbZhagAAAIlJREFUeNpi+P//vxEQ+wExAwFsBsTuIDaIAwPueDSoI6lLBAlcRhLwxKJBBYg/QOXfA7EPTOIYDhtBGt5CxV8AsTTMeTB8CkmjNhALAvErKP8ZEMvC1CJrYgHi41BFX4H4OZT9GoglkJ2M7n5mID6BZONLIJZD9ye2kGID4jtA/A3qJww1AAEGAJsAWoq+tOlLAAAAAElFTkSuQmCC) center center no-repeat;
  width: 13px;
  height: 8px;
  right: 10px;
  margin-top: -4px;
}

.arr-up-white:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RDgyRTk2NDlDMjgxMUU2OUJBMEM2QjgwRDU3MTBDMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RDgyRTk2MzlDMjgxMUU2OUJBMEM2QjgwRDU3MTBDMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM1NDU5QzMzMjA5Q0U2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+y80+WgAAAIJJREFUeNpi/P//PwMOYA/E0kC8DKssSCMWrPQfAdywqcGl6ct/VOBNSKM6EH/6jx244tKoDMTfkBQ6ozkZBLzQNWoC8WckBTFIBjqiaXaGabQG4u9IEslY/G2NpjkcJHgWSSAORyiDsB2Suk8gAVEgvgDENXg0wbAHEN8EYiOAAAMADIV9whoaX9kAAAAASUVORK5CYII=) center center no-repeat;
  width: 14px;
  height: 8px;
  left: 50%;
  margin-top: -4px;
  margin-left: -7px;
}

.arr-left-black:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RTk0QTg1RTk5QjYxMUU2OEQxOEMwNzVGNzdERUJDNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RTk0QTg1RDk5QjYxMUU2OEQxOEMwNzVGNzdERUJDNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T+6G8AAAAKxJREFUeNpi/P//PwM6MDExaQFS1UBcz4RFsgEqCQKaTFgk66Hc3jNnzkQywqwASoJ0tUAlZwAlM0EMJqhkDZJkL0wSBBiNjY1nAelUKL8cKNmFbC3IBA0k/gN0RzMBddgB6cVQ/kqgdRnoJjAAFcUBqSVQselARYUoCqCKYoHUfCi3D6ioGOxI9JAESqwGUiFQbidGSAJNCgVSK6BcSRYG7CAZiI8DFU8CCDAAzu06gdDc+L4AAAAASUVORK5CYII=) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 10px;
  margin-top: -7px;
}

.arr-right-black:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0ODIxRDNCRDk5QUYxMUU2Qjc3N0UwNzhDMjY3MUY5MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0ODIxRDNCQzk5QUYxMUU2Qjc3N0UwNzhDMjY3MUY5MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pibYxAAAAMNJREFUeNpkkbEKwkAMhq9FHAQHB3FyUHERB7VFxcHRPodvaaG7VToJOrqJYH0CEc4vkgN7Bj6Suz/JJVwQRdHCGJPDtSiKgfEshLbG/TiOcz8hsNYahIR4p3dHWNLNug6GQ4pLNGEOh0oHZ3Ta4FI97mFdSdCkMS6Djgwemn87w8sNHnrVsmYJXXhAr/YjDnW4loozhr+5NaXyBA14wgix/K6JuMJfVJTKqRPF5Ikm1OENE8R7ZWR5gv/YQiKxz0eAAQDqjFFVh9JyawAAAABJRU5ErkJggg==) center center no-repeat;
  width: 8px;
  height: 13px;
  right: 10px;
  margin-top: -7px;
}

.triangle-right-gray:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBOUY3MkNGODk5QUUxMUU2QTlGN0QwQTgxMDI2ODlDMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBOUY3MkNGNzk5QUUxMUU2QTlGN0QwQTgxMDI2ODlDMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H7RcLwAAAKhJREFUeNpiKistXQDEyv///2cghJkYGBjigfhmeVlZGgMBAFL8EYiZgXgmUMM+INbCp5gJie8IxFeBGqpwKcYGWoEazgGxPTGKQcAQiA8ANUwEYg5CimEgD4jfADUUEaMYBLiBmIcYxUuBWLKzq6uJBY+ih0CcD1S0kZAHJwKxOrJCEACZ/A+Jfw7kIaCio9hMACnmh7JrgYpaCEX3ZiA2JaQQBAACDAAXvkl9wjej/gAAAABJRU5ErkJggg==) center center no-repeat;
  width: 10px;
  height: 12px;
  right: 7px;
  margin-top: -6px;
}

.triangle-left-gray:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBOUY3MkNGODk5QUUxMUU2QTlGN0QwQTgxMDI2ODlDMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBOUY3MkNGNzk5QUUxMUU2QTlGN0QwQTgxMDI2ODlDMSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+H7RcLwAAAKhJREFUeNpiKistXQDEyv///2cghJkYGBjigfhmeVlZGgMBAFL8EYiZgXgmUMM+INbCp5gJie8IxFeBGqpwKcYGWoEazgGxPTGKQcAQiA8ANUwEYg5CimEgD4jfADUUEaMYBLiBmIcYxUuBWLKzq6uJBY+ih0CcD1S0kZAHJwKxOrJCEACZ/A+Jfw7kIaCio9hMACnmh7JrgYpaCEX3ZiA2JaQQBAACDAAXvkl9wjej/gAAAABJRU5ErkJggg==) center center no-repeat;
  width: 10px;
  height: 12px;
  left: 7px;
  margin-top: -6px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.triangle-down-gray:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNzlDOTY4RDk5QUUxMUU2OUQ2RURENDg0OTJBNzA2OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNzlDOTY4Qzk5QUUxMUU2OUQ2RURENDg0OTJBNzA2OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+whShwwAAAKVJREFUeNpiLCstXczAwBADxJ8ZiANcQLyXBUjUQjXyMhAPSpk6u7oeABmJJGiqAuq5xPj//38wr7ys7ASQMieg6S5QkwqIwYQkGEqEbUEwBlwj0KTHUP/iAlNBToRx4E6FAaCT7wIpJTRNb4GaRJAFmLCYHIxFLBJdAEMj0OQLQGo6ktB6oNhughqhIBuJHYNNAVaNQBtAHs8B4jog+xs2NQABBgCw3i+KXJQnlAAAAABJRU5ErkJggg==) center center no-repeat;
  width: 14px;
  height: 11px;
  left: 7px;
  margin-top: -5px;
}

.round-plus-black:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-repeat: no-repeat;
  background-position: -169px -139px;
  display: block;
  width: 20px;
  height: 20px;
  left: 10px;
  margin-top: -10px;
}

.ttlicon:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIcon.svg) !important;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  width: 45px;
  height: 45px;
  background-size: 530px auto;
  left: 0;
  top: 5px;
  content: '';
  z-index: 10;
}

.ttlicon.first-icon:after {
  background-position: 2px 0;
}

.ttlicon.recommend-icon:after {
  background-position: -60px 0;
}

.ttlicon.premium-icon:after {
  background-position: -120px 0;
}

.ttlicon.rank-icon:after {
  background-position: -182px 0;
}

.ttlicon.domestic-icon:after {
  background-position: -242px 0;
}

.ttlicon.medama-icon:after {
  background-position: -303px 0;
}

.ttlicon.limit-icon:after {
  background-position: -364px 0;
}

.ttlicon.sale-icon:after {
  background-position: -425px 0;
}

.ttlicon.new-icon:after {
  background-position: -486px 0;
}

.ttlicon.surprise-icon:after {
  background-position: 1px -60px;
}

.ttlicon.jpMap-icon:after {
  background-position: -60px -60px;
}

.ttlicon.point-icon:after {
  background-position: -121px -60px;
}

.ttlicon.themapark-icon:after {
  background-position: -182px -60px;
}

.ttlicon.air-icon:after {
  background-position: -242px -60px;
}

.ttlicon.tour-icon:after {
  background-position: -304px -60px;
}

.ttlicon.location-icon:after {
  background-position: -364px -60px;
}

.ttlicon.onsen-icon:after {
  background-position: -425px -60px;
}

.ttlicon.search-icon:after {
  background-position: -486px -60px;
}

.ttlicon.rentcar-icon:after {
  background-position: 1px -120px;
}

.ttlicon.taxi-icon:after {
  background-position: -60px -120px;
}

.ttlicon.pophotel-icon:after {
  background-position: -121px -120px;
}

.ttlicon.poplocation-icon:after {
  background-position: -182px -120px;
}

.ttlicon.coupon-icon:after {
  background-position: -242px -120px;
}

.ttlicon.off-icon:after {
  background-position: -303px -120px;
}

.ttlicon.buskk-icon:after {
  background-position: -364px -120px;
}

.ttlicon.bus-icon:after {
  background-position: -427px -120px;
}

.ttlicon.bus2-icon:after {
  background-position: -484px -120px;
}

.ttlicon.fruit-icon:after {
  background-position: 1px -180px;
}

.ttlicon.sakura-icon:after {
  background-position: -60px -180px;
}

.ttlicon.city-icon:after {
  background-position: -121px -180px;
}

.ttlicon.food-icon:after {
  background-position: -182px -180px;
}

.ttlicon.sports-icon:after {
  background-position: -242px -180px;
}

.ttlicon.night-icon:after {
  background-position: -304px -180px;
}

.ttlicon.seat-icon:after {
  background-position: -364px -180px;
}

@media screen and (max-width: 720px) {
  .mainTtl {
    font-size: 19px;
  }
  .ttlicon:after {
    top: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

/**/
.squarePic {
  margin-right: 1%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027.gif);
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 5px;
  width: 21%;
  min-width: 40px;
  display: block;
  float: left;
  border: 2px solid #64c3d2;
  padding-top: 21%;
  height: auto;
  margin-bottom: 1%;
  position: relative;
  z-index: 1;
}

.squarePic:after {
  content: "";
  width: 21%;
  min-width: 40px;
  display: block;
  height: auto;
  padding-top: 21%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 100% auto;
  z-index: 100;
}

.roomType1 {
  background-position: 0 0;
}

.roomType2 {
  background-position: 0 0.6%;
}

.roomType3 {
  background-position: 0 1.25%;
}

.roomType4 {
  background-position: 0 1.85%;
}

.roomType5 {
  background-position: 0 2.5%;
}

.roomType6 {
  background-position: 0 3.15%;
}

.roomType7 {
  background-position: 0 3.77%;
}

.roomType8 {
  background-position: 0 4.4%;
}

.roomType9 {
  background-position: 0 5.05%;
}

.roomType10 {
  background-position: 0 5.65%;
}

.roomType11 {
  background-position: 0 6.29%;
}

.roomType12 {
  background-position: 0 6.9%;
}

.roomType13 {
  background-position: 0 7.55%;
}

.roomType14 {
  background-position: 0 8.2%;
}

.roomType15 {
  background-position: 0 8.8%;
}

.roomType16 {
  background-position: 0 9.45%;
}

.roomType17 {
  background-position: 0 10.1%;
}

.roomType18 {
  background-position: 0 10.7%;
}

.roomType19 {
  background-position: 0 11.35%;
}

.roomType20 {
  background-position: 0 11.95%;
}

.roomType21 {
  background-position: 0 12.55%;
}

.roomType22 {
  background-position: 0 13.2%;
}

.roomType23 {
  background-position: 0 13.85%;
}

.roomType24 {
  background-position: 0 14.45%;
}

.roomType25 {
  background-position: 0 15.1%;
}

.roomType26 {
  background-position: 0 15.75%;
}

.roomType27 {
  background-position: 0 16.35%;
}

.roomType28 {
  background-position: 0 16.98%;
}

.roomType29 {
  background-position: 0 17.6%;
}

.roomType30 {
  background-position: 0 18.25%;
}

.roomType31 {
  background-position: 0 18.86%;
}

.roomType32 {
  background-position: 0 15.75%;
}

.roomType33 {
  background-position: 0 19.5%;
}

.roomType34 {
  background-position: 0 20.14%;
}

.roomType35 {
  background-position: 0 20.76%;
}

.roomType36 {
  background-position: 0 21.4%;
}

.roomType37 {
  background-position: 0 22%;
}

.roomType38 {
  background-position: 0 22.65%;
}

.roomType39 {
  background-position: 0 23.27%;
}

.roomType40 {
  background-position: 0 23.9%;
}

.roomType41 {
  background-position: 0 24.5%;
}

.roomType42 {
  background-position: 0 25.16%;
}

.roomType43 {
  background-position: 0 25.8%;
}

.roomType44 {
  background-position: 0 26.43%;
}

.roomType45 {
  background-position: 0 27.05%;
}

.roomType46 {
  background-position: 0 27.67%;
}

.roomType47 {
  background-position: 0 28.3%;
}

.roomType48 {
  background-position: 0 28.92%;
}

.roomType49 {
  background-position: 0 29.55%;
}

.roomType50 {
  background-position: 0 30.18%;
}

.roomType51 {
  background-position: 0 30.82%;
}

.roomType52 {
  background-position: 0 31.45%;
}

.roomType53 {
  background-position: 0 32.05%;
}

.roomType54 {
  background-position: 0 32.7%;
}

.roomType55 {
  background-position: 0 33.35%;
}

.roomType56 {
  background-position: 0 34%;
}

.roomType57 {
  background-position: 0 34.63%;
}

.roomType58 {
  background-position: 0 35.25%;
}

.roomType59 {
  background-position: 0 35.88%;
}

.roomType60 {
  background-position: 0 36.49%;
}

.roomType61 {
  background-position: 0 37.1%;
}

.roomType61 {
  background-position: 0 37.71%;
}

.roomType62 {
  background-position: 0 38.32%;
}

.roomType63 {
  background-position: 0 38.97%;
}

.roomType64 {
  background-position: 0 39.6%;
}

.roomType65 {
  background-position: 0 40.22%;
}

.roomType66 {
  background-position: 0 40.87%;
}

.roomType67 {
  background-position: 0 41.5%;
}

.roomType68 {
  background-position: 0 42.15%;
}

.roomType69 {
  background-position: 0 42.76%;
}

.roomType70 {
  background-position: 0 43.38%;
}

.roomType71 {
  background-position: 0 44%;
}

.roomType72 {
  background-position: 0 44.61%;
}

.roomType73 {
  background-position: 0 45.25%;
}

.roomType74 {
  background-position: 0 45.9%;
}

.roomType75 {
  background-position: 0 46.55%;
}

.roomType76 {
  background-position: 0 47.15%;
}

.roomType77 {
  background-position: 0 47.8%;
}

.roomType78 {
  background-position: 0 48.45%;
}

.roomType79 {
  background-position: 0 49.07%;
}

.roomType80 {
  background-position: 0 49.7%;
}

.roomType81 {
  background-position: 0 50.3%;
}

.roomType82 {
  background-position: 0 50.95%;
}

.roomType83 {
  background-position: 0 51.56%;
}

.roomType84 {
  background-position: 0 52.2%;
}

.roomType85 {
  background-position: 0 52.85%;
}

.roomType86 {
  background-position: 0 53.45%;
}

.roomType87 {
  background-position: 0 54.1%;
}

.roomType88 {
  background-position: 0 54.73%;
}

.roomType89 {
  background-position: 0 55.35%;
}

.roomType90 {
  background-position: 0 55.95%;
}

.roomType91 {
  background-position: 0 56.6%;
}

.roomType92 {
  background-position: 0 57.24%;
}

.roomType93 {
  background-position: 0 57.85%;
}

.roomType94 {
  background-position: 0 58.45%;
}

.roomType95 {
  background-position: 0 59.1%;
}

.roomType96 {
  background-position: 0 59.75%;
}

.roomType97 {
  background-position: 0 60.4%;
}

.roomType98 {
  background-position: 0 61%;
}

.roomType99 {
  background-position: 0 61.64%;
}

.roomType100 {
  background-position: 0 62.25%;
}

.roomType101 {
  background-position: 0 62.9%;
}

.roomType102 {
  background-position: 0 63.53%;
}

.roomType103 {
  background-position: 0 64.15%;
}

.roomType104 {
  background-position: 0 64.75%;
}

.roomType105 {
  background-position: 0 65.4%;
}

.roomType106 {
  background-position: 0 66.02%;
}

.roomType107 {
  background-position: 0 66.65%;
}

.roomType108 {
  background-position: 0 67.3%;
}

.roomType109 {
  background-position: 0 67.92%;
}

.roomType110 {
  background-position: 0 68.55%;
}

.roomType111 {
  background-position: 0 69.18%;
}

.roomType112 {
  background-position: 0 69.8%;
}

.roomType113 {
  background-position: 0 70.45%;
}

.roomType114 {
  background-position: 0 71.065%;
}

.roomType115 {
  background-position: 0 71.7%;
}

.roomType116 {
  background-position: 0 72.35%;
}

.roomType117 {
  background-position: 0 72.96%;
}

.roomType118 {
  background-position: 0 73.6%;
}

.roomType119 {
  background-position: 0 74.22%;
}

.roomType120 {
  background-position: 0 74.84%;
}

.roomType121 {
  background-position: 0 75.47%;
}

.roomType122 {
  background-position: 0 76.1%;
}

.roomType123 {
  background-position: 0 76.73%;
}

.roomType124 {
  background-position: 0 77.352%;
}

.roomType125 {
  background-position: 0 78%;
}

.roomType126 {
  background-position: 0 78.61%;
}

.roomType127 {
  background-position: 0 79.25%;
}

.roomType128 {
  background-position: 0 79.88%;
}

.roomType129 {
  background-position: 0 80.5%;
}

.roomType130 {
  background-position: 0 81.12%;
}

.roomType131 {
  background-position: 0 81.75%;
}

.roomType132 {
  background-position: 0 82.39%;
}

.roomType133 {
  background-position: 0 83%;
}

.roomType134 {
  background-position: 0 83.64%;
}

.roomType135 {
  background-position: 0 84.27%;
}

.roomType136 {
  background-position: 0 84.9%;
}

.roomType137 {
  background-position: 0 85.55%;
}

.roomType138 {
  background-position: 0 86.17%;
}

.roomType139 {
  background-position: 0 86.8%;
}

.roomType140 {
  background-position: 0 87.42%;
}

.roomType141 {
  background-position: 0 88.05%;
}

.roomType142 {
  background-position: 0 88.69%;
}

.roomType143 {
  background-position: 0 89.3%;
}

.roomType144 {
  background-position: 0 89.94%;
}

.roomType145 {
  background-position: 0 90.55%;
}

.roomType146 {
  background-position: 0 91.2%;
}

.roomType147 {
  background-position: 0 91.83%;
}

.roomType148 {
  background-position: 0 92.45%;
}

.roomType149 {
  background-position: 0 93.1%;
}

.roomType150 {
  background-position: 0 93.7%;
}

.roomType151 {
  background-position: 0 94.34%;
}

.roomType152 {
  background-position: 0 94.95%;
}

.roomType153 {
  background-position: 0 95.6%;
}

.roomType154 {
  background-position: 0 96.2%;
}

.roomType155 {
  background-position: 0 96.85%;
}

.roomType156 {
  background-position: 0 97.46%;
}

.roomType157 {
  background-position: 0 98.12%;
}

.roomType158 {
  background-position: 0 0;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType159 {
  background-position: 0 0.6%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType160 {
  background-position: 0 1.25%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType161 {
  background-position: 0 1.88%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType162 {
  background-position: 0 2.53%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType163 {
  background-position: 0 3.15%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType164 {
  background-position: 0 3.77%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType165 {
  background-position: 0 4.4%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType166 {
  background-position: 0 5.05%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType167 {
  background-position: 0 5.65%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType168 {
  background-position: 0 6.34%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType169 {
  background-position: 0 6.96%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType170 {
  background-position: 0 7.58%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

.roomType171 {
  background-position: 0 8.24%;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/roomType-fix1027-2.gif);
}

/*right icon*/
.ttlicon_w:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/new/ttlIcon.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  background-size: 125px 250px;
  left: 50%;
  margin-left: -13px;
  top: 5px;
  content: '';
  z-index: 4;
}

.ttlicon_w.location-icon:after {
  background-position: -50px -50px;
}

.ttlicon_w.surprise-icon:after {
  background-position: -25px -50px;
}

.ttlicon_w.premium-icon:after {
  background-position: -50px 0;
}

.ttlicon_w.coupon-icon:after {
  background-position: -100px -75px;
}

.ttlicon_w.off-icon:after {
  background-position: -50px -100px;
}

.ttlicon_w.rank-icon:after {
  background-position: 0 -25px;
}

.ttlicon_w.point-icon:after {
  background-position: -75px -25px;
}

.ttlicon_w.frist-icon:after {
  background-position: 0 0;
}

.ttlicon_w.sakura-icon:after {
  background-position: -25px -175px;
}

.ttlicon_w.rentcar-icon:after {
  background-position: -75px -50px;
}

.ttlicon_w.bus-icon:after {
  background-position: -25px -125px;
}

.ttlicon_w.search-icon:after {
  background-position: 0px -125px;
}

.ttlicon_w.bus2-icon:after {
  background-position: -75px -125px;
}

.ttlicon_w.jpMap-icon:after {
  background-position: -25px -25px;
}

.ttlicon_w.city-icon:after {
  background-position: 0 -175px;
}

.ttlicon_w.sports-icon:after {
  background-position: -50px -150px;
}

.ttlicon_w.onsen-icon:after {
  background-position: -75px -100px;
}

.ttlicon_w.fruit-icon:after {
  background-position: -50px -175px;
}

.ttlicon_w.medama-icon:after {
  background-position: -100px 0;
}

.ttlicon_w.tour-icon:after {
  background-position: -50px -125px;
}

.ttlicon_w.domestic-icon:after {
  background-position: -75px 0;
}

.ttlicon_w.poplocation-icon:after {
  background-position: -50px -75px;
}

.ttlicon_w.pophotel-icon:after {
  background-position: -25px -75px;
}

.ttlicon_w.recommend-icon:after {
  background-position: -25px 0;
}

.ttlicon_w.night-icon:after {
  background-position: -75px -150px;
}

.ttlicon_w.food-icon:after {
  background-position: -100px -150px;
}

.ttlicon_w.themapark-icon:after {
  background-position: -100px -25px;
}

.ttlicon_w.limit-icon:after {
  background-position: -50px -25px;
}

.ttlicon_w.air-icon:after {
  background-position: 0 -50px;
}

.ttlicon_w.sale-icon:after {
  background-position: 0 -75px;
}

.ttlicon_w.new-icon:after {
  background-position: -100px -100px;
}

.ttlicon_w.buskk-icon:after {
  background-position: 0 -150px;
}

.ttlicon_w.seat-icon:after {
  background-position: -25px -125px;
}

.ttlicon_w.bag-icon:after {
  background-position: -75px 0;
}

.ttlicon_w.taxi-icon:after {
  background-position: -100px -50px;
}

.ttlicon_w.crown-icon:after {
  background-position: 0 -25px;
}

.ttlicon_s.location-icon:after {
  background-position: -44px -44px;
}

.ttlicon_s.surprise-icon:after {
  background-position: -22px -44px;
}

.ttlicon_s.premium-icon:after {
  background-position: -44px 0;
}

.ttlicon_s.coupon-icon:after {
  background-position: -88px -66px;
}

.ttlicon_s.coupon-icon:after {
  background-position: -44px -88px;
}

.ttlicon_s.rank-icon:after {
  background-position: 0 -22px;
}

.ttlicon_s.point-icon:after {
  background-position: -66px -22px;
}

.ttlicon_s.frist-icon:after {
  background-position: 0 0;
}

.ttlicon_s.sakura-icon:after {
  background-position: -22px -154px;
}

.ttlicon_s.rentcar-icon:after {
  background-position: -66px -44px;
}

.ttlicon_s.bus-icon:after {
  background-position: -22px -110px;
}

.ttlicon_s.search-icon:after {
  background-position: 0px -110px;
}

.ttlicon_s.bus2-icon:after {
  background-position: -66px -110px;
}

.ttlicon_s.jpMap-icon:after {
  background-position: -22px -22px;
}

.ttlicon_s.city-icon:after {
  background-position: 0 -154px;
}

.ttlicon_s.sports-icon:after {
  background-position: -44px -132px;
}

.ttlicon_s.onsen-icon:after {
  background-position: -66px -88px;
}

.ttlicon_s.fruit-icon:after {
  background-position: -44px -154px;
}

.ttlicon_s.medama-icon:after {
  background-position: -88px 0;
}

.ttlicon_s.tour-icon:after {
  background-position: -44px -110px;
}

.ttlicon_s.domestic-icon:after {
  background-position: -66px 0;
}

.ttlicon_s.poplocation-icon:after {
  background-position: -44px -66px;
}

.ttlicon_s.pophotel-icon:after {
  background-position: -22px -66px;
}

.ttlicon_s.recommend-icon:after {
  background-position: -22px 0;
}

.ttlicon_s.night-icon:after {
  background-position: -66px -132px;
}

.ttlicon_s.food-icon:after {
  background-position: -88px -132px;
}

.ttlicon_s.themapark-icon:after {
  background-position: -88px -22px;
}

.ttlicon_s.limit-icon:after {
  background-position: -44px -22px;
}

.ttlicon_s.air-icon:after {
  background-position: 0 -44px;
}

.ttlicon_s.sale-icon:after {
  background-position: 0 -66px;
}

.ttlicon_s.new-icon:after {
  background-position: -88px -88px;
}

.ttlicon_s.buskk-icon:after {
  background-position: 0 -132px;
}

.ttlicon_s.seat-icon:after {
  background-position: -22px -110px;
}

.ttlicon_s.bag-icon:after {
  background-position: -66px 0;
}

.ttlicon_s.crown-icon:after {
  background-position: 0 -44px;
}

.ttlicon_s:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/ttlIcon.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  background-size: 110px 220px;
  left: 0;
  top: 0px;
  content: '';
  z-index: 4;
}

.htlLogo ul li a img {
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 0 auto 5px auto;
}

.htlChainBox .common-round-left {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  left: -10px;
  top: 50%;
  text-indent: -9999px;
  z-index: 3;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -123px -44px;
  margin-top: -34px;
  background-repeat: no-repeat;
}

.htlChainBox .common-round-right {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  right: -10px;
  top: 50%;
  text-indent: -9999px;
  z-index: 3;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -123px -84px;
  margin-top: -34px;
  background-repeat: no-repeat;
}

.swiper-pag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  clear: both;
  margin-top: 8px;
  z-index: 2;
}

.common-round-right {
  height: 32px;
  width: 32px;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -123px -84px;
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
}

.common-round-left,
.common-round-right {
  width: 32px;
  height: 32px;
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  z-index: 999;
  opacity: .2;
}

.common-round-left {
  background-position: -123px -44px;
  left: -10px;
}

.common-round-right {
  background-position: -123px -84px;
  right: -10px;
}

/*acordion*/
.cp__acordion .cp__trigger.active-submenu:after {
  content: "";
  position: absolute;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-repeat: no-repeat;
  background-position: -199px -109px;
  width: 20px;
  height: 20px;
  left: 10px;
  margin-top: -10px;
}

.cp__acordion .cp__trigger:after {
  content: "";
  position: absolute;
  display: block;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-repeat: no-repeat;
  background-position: -207px -5px;
  width: 20px;
  height: 20px;
  left: 10px;
  margin-top: -10px;
}

.cp__acordion {
  width: auto;
  margin-bottom: 10px;
}

.cp__acordion .cp__trigger {
  background-color: #ccc;
  color: #333;
  padding-left: 40px;
  font-size: 88%;
  display: block;
  position: relative;
  padding: 10px 10px 10px 25px;
  cursor: pointer;
  background-color: #eaeaea;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.cp__acordion .cp__trigger:after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 50%;
  left: 10px;
  background-repeat: no-repeat;
}

.cp__acordion .cp__trigger.active-submenu:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-repeat: no-repeat;
  background-position: -199px -109px;
  width: 20px;
  height: 20px;
  left: 10px;
  margin-top: -10px;
}

.cp__acordion ul.submenu {
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 10px 10px 0 10px;
  line-height: 1.4;
}

a.ss-btn {
  display: block;
  font-size: 14px;
  text-align: center;
  padding: .6em 0 .8em;
  color: #fff;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  min-height: 16px;
  margin-bottom: 5px;
}

a.ss-btn:hover {
  opacity: .7;
  -moz-opacity: .7;
  opacity: .7;
}

a.ss-btn-red01 {
  background-color: #d00505;
  border-color: #d00505;
  border-style: solid;
}

a.ss-btn-white01 {
  color: #d00505;
  border-color: #d00505;
  border-style: solid;
  background-color: #fff;
}

a.ss-btn-white02 {
  color: #333333;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;
          box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;
}

a.ss-btn-white01:hover {
  background-color: #fdebeb;
}

a.ss-btn-ana {
  background: #fff;
  color: #009;
  border-style: solid;
  border-color: #009;
  z-index: 1;
  border-width: 2px;
}

a.ss-btn-jal {
  background: #fff;
  color: #c00;
  border-style: solid;
  border-color: #c00;
  z-index: 1;
  border-width: 2px;
}

a.ss-btn-ana span,
a.ss-btn-jal span {
  display: block;
}

a.ss-btn:hover {
  opacity: .8;
}

.btn_M {
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}

.btn_M .ss-btn {
  height: 18px;
  padding: .8em 0;
  font-size: 18px;
}

.btn_M .ss-btn:after {
  right: 18px;
}

.btn_L {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.btn_L .ss-btn {
  height: 22px;
  padding: .8em 0;
  font-size: 22px;
}

.btn_L .ss-btn:after {
  right: 20px;
}

.common-round-left {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -124px -45px;
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
}

.common-round-right {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -124px -85px;
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
}

.common-round-left:hover,
.common-round-right:hover {
  opacity: .8;
}

a.ss-btn.next,
a.ss-btn.pre {
  width: 120px;
  font-size: 14px;
  padding: .5em 0 .6em;
  display: inline-block;
}

a.ss-btn.next:after {
  right: 10px;
}

a.ss-btn.pre:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENTAyMkJGQ0ZFMTBFNjExQjNCOERGMDFBMDI2NEI2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RTk0QTg1RTk5QjYxMUU2OEQxOEMwNzVGNzdERUJDNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RTk0QTg1RDk5QjYxMUU2OEQxOEMwNzVGNzdERUJDNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZEMzhENjIzOEQ5OUU2MTE5MzI0RDA3QUIzRTMzQUVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ1MDIyQkZDRkUxMEU2MTFCM0I4REYwMUEwMjY0QjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T+6G8AAAAKxJREFUeNpi/P//PwM6MDExaQFS1UBcz4RFsgEqCQKaTFgk66Hc3jNnzkQywqwASoJ0tUAlZwAlM0EMJqhkDZJkL0wSBBiNjY1nAelUKL8cKNmFbC3IBA0k/gN0RzMBddgB6cVQ/kqgdRnoJjAAFcUBqSVQselARYUoCqCKYoHUfCi3D6ioGOxI9JAESqwGUiFQbidGSAJNCgVSK6BcSRYG7CAZiI8DFU8CCDAAzu06gdDc+L4AAAAASUVORK5CYII=) center center no-repeat;
  left: 10px;
}

/*ss.v2.js by oy 2019*/
#sRight {
  position: fixed;
  right: 0;
  bottom: 0;
}

#sRight .jss_switchMenu {
  position: relative;
}

#sRight .jss_switchMenu dl {
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  right: -0;
  bottom: 10px;
  width: 96px;
}

#sRight .jss_switchMenu.active dl {
  right: 0px;
}

#sRight .jss_switchMenu.active .trigger {
  background: url("https://img.travel.rakuten.co.jp/special/sales/images/new/menu_close.png") center center no-repeat;
  background-size: 50px auto;
}

.cp__acordion .cp__trigger {
  width: 100%;
  font-size: 88%;
  display: block;
  position: relative;
  padding: 10px 10px 10px 25px;
  padding-left: 25px;
  cursor: pointer;
  background-color: #eaeaea;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.cp__acordion .cp__trigger:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-repeat: no-repeat;
  background-position: -207px -5px;
  width: 20px;
  height: 20px;
  left: 10px;
  margin-top: -10px;
  display: inline-block;
  content: " ";
  position: absolute;
}

.cp__acordion .cp__trigger {
  background-color: #ccc;
  color: #333;
  padding-left: 40px;
}

ul.list-group li {
  padding: 8px 0 8px 0;
  margin-bottom: 3px;
  border-bottom: 1px dotted #ccc;
}

.txt_s {
  color: #000;
  font-size: 14px;
  line-height: 1.4;
}

.txt_xs {
  color: #000;
  font-size: 12px;
  line-height: 1.6;
}

.txt_gray {
  color: #333333;
}

ul.list-group li.st {
  border: none;
}

.saopen.jss_coponSwitch.active-submenu:before {
  background: url(data:image/gif;base64,R0lGODlhGgAaAKIAAJ6enuzs7Le3t4SEhPX19UFBQf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0ZEOUQ1QkZDMzExMUU3OUM0MDg1MTIwQUU3NDFCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQ0ZEOUQ1Q0ZDMzExMUU3OUM0MDg1MTIwQUU3NDFCRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDRkQ5RDU5RkMzMTExRTc5QzQwODUxMjBBRTc0MUJEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDRkQ5RDVBRkMzMTExRTc5QzQwODUxMjBBRTc0MUJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAABoAGgAAA0JYutzuJspJq1Q2a6z75J4HhltBiuZZqitrje6Vxt8cEUCu74BQwYEHY/Cz0QwwWjK2dDVZT1X0NCVVQ1fUsSbsChMAOw==) no-repeat;
}

body #oh-search-form .jss_popOverInfoS {
  left: -130px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

body #oh-search-form .jss_popOverInfoS.active {
  font-size: 12px;
  visibility: visible;
  opacity: 1;
}

body .ss-hotel .jss_popOverInfo {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

body .ss-hotel .jss_popOverInfo.active {
  visibility: visible;
  opacity: 1;
}

.ss-hotel-column2 .jss_tab {
  clear: both;
}

.ss-hotel-column2 .jss_tab .swiper-container .swiper-slide {
  padding: 8px 0px;
}

/* .jss_popOver {
  z-index: 15;
} */

@media screen and (min-width: 720px) {
  .jdsSelectShow .jssBox .column-list.ss-hotel-column2 {
    width: 49%;
  }
  .jdsSelectShow .jssBox .column-list.ss-hotel-column2 {
    width: 49%;
  }
}

@media screen and (min-width: 720px) {
  /*ss.v2.js by oy 2019*/
  #dap-search-form .DPdetail {
    display: block !important;
  }
  .kv_wrapper.jss_showFix {
    display: block !important;
  }
  #search-box.verB #overseas-search-box .squeeze {
    overflow: visible !important;
  }
  #search-box.verB .structure .squeeze li {
    position: relative;
  }
  #search-box.verB .structure .squeeze li:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 50px;
    left: 0;
    top: 25px;
  }
  body #search-box .ovsearchtips {
    left: -130px;
  }
  .ss-hotel .hotel-price a span.details span.price-info {
    right: 0;
  }
  body .ss-hotel .price-info:after {
    right: 105px;
  }
  /* css by oy 2019 */
  .OSUSUME .swiper-slide {
    opacity: 1;
  }
  .swiper-display {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 720px) {
  　　　　　
#sRight {
    top: visible;
    bottom: 0px;
  }
  .pagetop {
    width: 50px;
    margin-right: 0;
  }
  .hotel-sub.mask.active {
    height: auto;
  }
  .hotel-sub.mask.active:before {
    background: none;
    display: none;
  }
  .hotel-sub.mask.active .jss_seeMore {
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
    margin-bottom: 10px;
    display: none;
  }
  .hotel-sub.mask.active .jss_seeMore:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: -.3em;
  }
  body #oh-search-form .jss_popOverInfoS {
    left: 0px;
  }
  /* css by oy 2019 */
  body .rgt.submenu {
    width: calc(100vw - 50px);
    height: calc(100vh);
    /*100vh -60px*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 38px 0 15px 0;
    position: fixed;
    right: 0;
    top: 50px;
  }
  body .ss-hotel .price-info:before {
    right: 99px;
  }
  body .ss-hotel .price-info:after {
    right: 100px;
  }
  .ss-slidetab.jss_tabNav {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ss-hotelbox .ss-slidetab.jss_tabNav {
    max-width: 87vw;
  }
  .ss-hotel .ss-slidetab {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .ss-hotel .price-info {
    right: 3px;
  }
  .ss-hotel .ss-button-middle.ss-button-green {
    font-size: 16px;
    font-weight: bold;
  }
}

#BUS .htlBox {
  background: #FFFFFF;
}

.ss-title .kv_wrapperIn .kv_logo.noCountDown {
  text-align: center;
  display: block !important;
}

#topBnrBox.oneTopImg {
  background: none;
}

#topBnrBox.oneTopImg h1 img {
  width: 100%;
}

@media screen and (min-width: 721px) {
  #topBnrBox.oneTopImg {
    min-height: 260px;
  }
  .detailholder.entry {
    width: 1000px;
  }
  .detailholder.entry .tableholder {
    width: 1000px;
    margin-left: -508px;
  }
  .detailholder.entry table {
    width: auto !important;
  }
  .detailholder.entry .mapflex {
    width: 100%;
  }
  .detailholder.entry .mapflex li {
    padding: 8px;
  }
  .entrybox .ss-banner-box {
    width: 800px;
    margin: 0 auto;
  }
  .entrybox .ss-banner-box .fz24 {
    text-align: center;
    line-height: 1.4;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    padding-top: 10px;
  }
  .entrybox .txt_s.flex-box-center {
    text-align: center;
  }
  .entrybox .txt_s.flex-box-center.txt_s_gray {
    text-align: left;
  }
  .entrybox .txt_s {
    width: 610px;
    margin: 0 auto 20px;
    padding: 0 10px;
  }
  .entrybox .txt_s_gray {
    color: #666;
  }
  .entrybox .detailholder table {
    width: 1000px;
  }
  .entrybox .ss-button-white {
    min-width: 260px;
  }
  .ss-hotel .ss-button-middle.ss-button-green {
    font-size: 18px;
    font-weight: bold;
  }
  .ss-hotel-column2 .ss-button.ss-button-large.ss-button-green {
    width: 50%;
    margin: 0 auto;
  }
  /**/
  .ss-title {
    width: 100%;
    background-color: #fff;
  }
  .ss-title #grpLocationArea {
    margin: 10px 0 10px 15px;
    font-size: 82%;
    text-align: left;
  }
  .ss-title .kv_wrapperIn {
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    max-width: 970px;
    padding: 0 10px;
  }
  .ss-title .kv_wrapperIn .kv_logo {
    height: 60px;
    padding: 7px 0;
    display: block !important;
    background-color: #fff;
  }
  .kv_wrapper .kv_logo img.pc {
    padding-left: 30px;
    max-width: 660px;
    position: relative;
  }
  #countDownArea span.dayF {
    left: 44px;
  }
  #topBnrBox {
    width: 100%;
    /*background: #e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/images/new/kvbnr.jpg) no-repeat top center;*/
    display: block !important;
    background-size: cover;
    min-height: 260px;
    min-width: 1050px;
  }
  .ss-title .kvBnr {
    position: relative;
    padding-top: 30px;
    display: block;
  }
  /* .kvBnr_full {min-height: 380px;        background: rgba(0,0,0,.3);}
    .kvBnr_full  .kvSP_bg {background: none;} */
  #topBnrBox.topBnrBox2 {
    /*background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/kvbnr-coupon.jpg);*/
    height: 227px;
    min-height: auto;
    background-position: center;
  }
  .serviceIcoS {
    position: absolute;
    top: 0;
    left: calc(50% - 640px);
  }
  .kvBnr .service {
    border-radius: 0 0 10px 10px;
    background-color: #4bcd00;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    background: #4bcd00 url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/coupon_icon.png) no-repeat left 10px center;
    background-size: 63px auto;
    width: 90px;
    padding-left: 75px;
    font-size: 22px;
  }
  .kvSP_bg {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 1200px;
    padding: 20px 0;
  }
  .kvBnr .kvSP_bg > h1 {
    text-align: center;
    font-size: 54px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #fff;
    margin: 0 auto;
  }
  .kvBnr em {
    color: #ff0;
    font-style: normal;
  }
  .kvBnr .kvSP_bg > h1 .small {
    font-size: 32px;
  }
  .kvBnr .kvSP_bg > h1 .main {
    font-size: 32px;
    display: block;
    padding-top: 10px;
  }
}

.kv_wrapper {
  height: 74px;
  margin-bottom: 2px;
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/topbnr_bg.png) left 10px center repeat;
}

.ss-right {
  color: #fff;
  z-index: 12;
  right: 0;
  display: none;
}

.ss-right dd ul {
  border: 1px solid #777;
  border-radius: 5px;
  overflow: hidden;
}

.ss-right dd li {
  position: relative;
  border-bottom: 1px solid #777;
  font-size: 75%;
  font-weight: 700;
  text-align: center;
  line-height: 2;
}

.ss-right dd li:last-child {
  border-bottom: none;
}

.ss-right dd li a {
  padding: 30px 5px 5px;
  color: #333;
  display: block;
  background: #fff;
  text-decoration: none;
}

.ss-right dd li a:hover {
  opacity: .8;
}

@media screen and (max-width: 720px) {
  #topBnrBox h1 em {
    color: #ff0;
    font-style: normal;
  }
  .entrybox .ss-banner-box {
    margin: 0 auto;
  }
  .entrybox .ss-banner-box .fz24 {
    text-align: center;
    line-height: 1.4;
    font-size: 18px !important;
    display: inline-block;
    padding-top: 10px;
  }
  .entrybox .txt_s.flex-box-center {
    text-align: center;
  }
  .entrybox .txt_s.flex-box-center.txt_s_gray {
    text-align: left;
  }
  .entrybox .checkEntryMulti img {
    max-width: none;
  }
  .entrybox .txt_s {
    font-size: 12px;
    margin: 0 auto 20px;
  }
  .entrybox .txt_s_gray {
    color: #666;
  }
  #topBnrBox.oneTopImg h1 img.sp {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    display: block;
  }
  .ss-hotel-column2 .ss-button.ss-button-large.ss-button-green {
    margin: 0 20px;
  }
  .kv_wrapper {
    height: auto;
    margin-bottom: 0;
    background: none;
  }
  .ss-title #grpLocationArea {
    display: none;
  }
  .ss-title .kv_wrapperIn {
    position: relative;
    padding: 5px;
  }
  .ss-title .kv_logo img {
    width: 100%;
  }
  .ss-title .kv_wrapperIn .kv_logo {
    width: 100%;
  }
  .ss-title .kvBnr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*background: #e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/domestic/test/images/kvbnr.jpg) no-repeat center;*/
    background-size: cover;
    margin-bottom: 10px;
  }
  .topBnrBox2 .kvBnr {
    /*background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/kvbnr-coupon.jpg);*/
    background-position: center;
  }
  .kvSP_bg {
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
  }
  .topBnrBox2 .kvSP_bg {
    background: rgba(0, 0, 0, 0);
  }
  .kvBnr a.serviceIcoS {
    display: block;
    width: 110px;
    text-decoration: none;
  }
  .kvBnr .service {
    background: #4bcd00 url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/coupon_icon.png) no-repeat left 10px center;
    background-size: 30px auto;
    width: 64px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-weight: 700;
    padding: 3px 10px;
    padding-left: 40px;
    margin-left: 10px;
  }
  .ss-title .kvBnr h1 {
    font-size: 20px;
    padding: 5px 0;
    margin: 34px 57px;
    margin-bottom: 24px;
    color: #ffffff;
    text-align: center;
    /*background: rgba(0,0,0,.4);*/
    letter-spacing: 1px;
  }
  .kvBnr .kvSP_bg > h1 .main {
    display: block;
  }
  .kvBnr .kvSP_bg > h1.sub span {
    font-size: 24px;
    display: block;
    line-height: 1.1;
    padding-bottom: 5px;
  }
  .kvBnr .kvSP_bg > h1 .main {
    padding-bottom: 0;
    font-size: 15px !important;
  }
}

/*============top-right==========*/
@media screen and (min-width: 721px) {
  .countDown {
    height: 60px;
    position: absolute;
    right: -45px;
    top: 13px;
  }
  .countDown p {
    font-size: 14px;
    margin-bottom: 5px;
    width: 100%;
  }
  #countDownArea {
    position: relative;
    overflow: hidden;
  }
  #countDownArea.honbanTop {
    width: 246px;
    height: 45px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/top_countdown_bg.png) no-repeat;
  }
  #countDownArea.countDownPre {
    width: 246px;
    height: 45px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/top_countdown_bg_pre.png) no-repeat;
  }
  #countDownArea img {
    display: block;
    margin: 0;
    padding: 0;
    width: 241px;
    height: 31px;
  }
  #countDownArea span {
    display: block;
    width: 21px;
    height: 30px;
    position: absolute;
    bottom: -2px;
    text-indent: -9999px;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/num.png) no-repeat;
    background-size: auto 300px;
  }
  #countDownArea span.day0 {
    left: 62px;
    background-position: 0 0;
  }
  #countDownArea span.day1 {
    left: 62px;
    background-position: 0 -30px;
  }
  #countDownArea span.day2 {
    left: 62px;
    background-position: 0 -60px;
  }
  #countDownArea span.day3 {
    left: 62px;
    background-position: 0 -90px;
  }
  #countDownArea span.day4 {
    left: 62px;
    background-position: 0 -120px;
  }
  #countDownArea span.day5 {
    left: 62px;
    background-position: 0 -150px;
  }
  #countDownArea span.day6 {
    left: 62px;
    background-position: 0 -180px;
  }
  #countDownArea span.day7 {
    left: 62px;
    background-position: 0 -210px;
  }
  #countDownArea span.day8 {
    left: 62px;
    background-position: 0 -240px;
  }
  #countDownArea span.day9 {
    left: 62px;
    background-position: 0 -270px;
  }
  #countDownArea span.hourA0 {
    left: 93px;
    background-position: 0 0;
  }
  #countDownArea span.hourA1 {
    left: 93px;
    background-position: 0 -30px;
  }
  #countDownArea span.hourA2 {
    left: 93px;
    background-position: 0 -60px;
  }
  #countDownArea span.hourA3 {
    left: 93px;
    background-position: 0 -90px;
  }
  #countDownArea span.hourA4 {
    left: 93px;
    background-position: 0 -120px;
  }
  #countDownArea span.hourA5 {
    left: 93px;
    background-position: 0 -150px;
  }
  #countDownArea span.hourA6 {
    left: 93px;
    background-position: 0 -180px;
  }
  #countDownArea span.hourA7 {
    left: 93px;
    background-position: 0 -210px;
  }
  #countDownArea span.hourA8 {
    left: 93px;
    background-position: 0 -240px;
  }
  #countDownArea span.hourA9 {
    left: 93px;
    background-position: 0 -270px;
  }
  #countDownArea span.hourB0 {
    left: 111px;
    background-position: 0 0;
  }
  #countDownArea span.hourB1 {
    left: 111px;
    background-position: 0 -30px;
  }
  #countDownArea span.hourB2 {
    left: 111px;
    background-position: 0 -60px;
  }
  #countDownArea span.hourB3 {
    left: 111px;
    background-position: 0 -90px;
  }
  #countDownArea span.hourB4 {
    left: 111px;
    background-position: 0 -120px;
  }
  #countDownArea span.hourB5 {
    left: 111px;
    background-position: 0 -150px;
  }
  #countDownArea span.hourB6 {
    left: 111px;
    background-position: 0 -180px;
  }
  #countDownArea span.hourB7 {
    left: 111px;
    background-position: 0 -210px;
  }
  #countDownArea span.hourB8 {
    left: 111px;
    background-position: 0 -240px;
  }
  #countDownArea span.hourB9 {
    left: 111px;
    background-position: 0 -270px;
  }
  #countDownArea span.hourC0 {
    left: 42px;
    background-position: 0 0;
  }
  #countDownArea span.hourC1 {
    left: 42px;
    background-position: 0 -30px;
  }
  #countDownArea span.hourC2 {
    left: 42px;
    background-position: 0 -60px;
  }
  #countDownArea span.hourC3 {
    left: 42px;
    background-position: 0 -90px;
  }
  #countDownArea span.hourC4 {
    left: 42px;
    background-position: 0 -120px;
  }
  #countDownArea span.hourC5 {
    left: 42px;
    background-position: 0 -150px;
  }
  #countDownArea span.hourC6 {
    left: 42px;
    background-position: 0 -180px;
  }
  #countDownArea span.hourC7 {
    left: 42px;
    background-position: 0 -210px;
  }
  #countDownArea span.hourC8 {
    left: 42px;
    background-position: 0 -240px;
  }
  #countDownArea span.hourC9 {
    left: 42px;
    background-position: 0 -270px;
  }
  #countDownArea span.minuteA0 {
    left: 151px;
    background-position: 0 0;
  }
  #countDownArea span.minuteA1 {
    left: 151px;
    background-position: 0 -30px;
  }
  #countDownArea span.minuteA2 {
    left: 151px;
    background-position: 0 -60px;
  }
  #countDownArea span.minuteA3 {
    left: 151px;
    background-position: 0 -90px;
  }
  #countDownArea span.minuteA4 {
    left: 151px;
    background-position: 0 -120px;
  }
  #countDownArea span.minuteA5 {
    left: 151px;
    background-position: 0 -150px;
  }
  #countDownArea span.minuteA6 {
    left: 151px;
    background-position: 0 -180px;
  }
  #countDownArea span.minuteA7 {
    left: 151px;
    background-position: 0 -210px;
  }
  #countDownArea span.minuteA8 {
    left: 151px;
    background-position: 0 -240px;
  }
  #countDownArea span.minuteA9 {
    left: 151px;
    background-position: 0 -270px;
  }
  #countDownArea span.minuteB0 {
    left: 169px;
    background-position: 0 0;
  }
  #countDownArea span.minuteB1 {
    left: 169px;
    background-position: 0 -30px;
  }
  #countDownArea span.minuteB2 {
    left: 169px;
    background-position: 0 -60px;
  }
  #countDownArea span.minuteB3 {
    left: 169px;
    background-position: 0 -90px;
  }
  #countDownArea span.minuteB4 {
    left: 169px;
    background-position: 0 -120px;
  }
  #countDownArea span.minuteB5 {
    left: 169px;
    background-position: 0 -150px;
  }
  #countDownArea span.minuteB6 {
    left: 169px;
    background-position: 0 -180px;
  }
  #countDownArea span.minuteB7 {
    left: 169px;
    background-position: 0 -210px;
  }
  #countDownArea span.minuteB8 {
    left: 169px;
    background-position: 0 -240px;
  }
  #countDownArea span.minuteB9 {
    left: 169px;
    background-position: 0 -270px;
  }
  #countDownArea span.dayF {
    left: 44px;
  }
  #topBnrBox {
    width: 100%;
    background: #e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/kvBnrPC.jpg) no-repeat top center;
    background-size: cover;
    min-height: 220px;
    min-width: 1050px;
  }
  .ss-title .kvBnr {
    position: relative;
    padding-top: 36px;
    display: block;
  }
  /* .kvBnr_full {min-height: 380px;        background: rgba(0,0,0,.3);}
        .kvBnr_full  .kvSP_bg {background: none;} */
  #topBnrBox.topBnrBox2 {
    /*background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/kvbnr-coupon.jpg);*/
    height: 227px;
    min-height: auto;
    background-position: center;
  }
  .serviceIcoS {
    position: absolute;
    top: 0;
    left: calc(50% - 640px);
  }
  .kvBnr .service {
    border-radius: 0 0 10px 10px;
    background-color: #4bcd00;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    background: #4bcd00 url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/coupon_icon.png) no-repeat left 10px center;
    background-size: 63px auto;
    width: 90px;
    padding-left: 75px;
    font-size: 22px;
  }
  .kvSP_bg {
    max-width: 1200px;
    margin: 0 auto;
    min-width: 1200px;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px 0;
  }
  .kvBnr .kvSP_bg > h1 {
    text-align: center;
    font-size: 54px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #fff;
    margin: 0 auto;
  }
  .kvBnr em, #topBnrBox h1 em {
    color: #ff0;
    font-style: normal;
  }
  .kvBnr .kvSP_bg > h1 .small {
    font-size: 32px;
  }
  .kvBnr .kvSP_bg > h1 .main {
    font-size: 32px;
    display: block;
    padding-top: 10px;
  }
}

.kv_wrapper {
  height: 74px;
  margin-bottom: 2px;
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/topbnr_bg.png) left 10px center repeat;
}

.ss-right {
  color: #fff;
  z-index: 16;
  right: 0;
  display: none;
}


.ss-right dd li {
  position: relative;
  border-bottom: 1px solid #777;
  font-size: 75%;
  font-weight: 700;
  text-align: center;
  line-height: 2;
}

.ss-right dd li:last-child {
  border-bottom: none;
}

.ss-right dd li a {
  padding: 25px 5px 2px 5px;
  color: #333;
  display: block;
  background: #fff;
  text-decoration: none;
}

.ss-right dd li a:hover {
  opacity: .7;
}

@media screen and (max-width: 720px) {
  .cp_container ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 22.3%;
            flex: 1 0 22.3%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .hotel-sub ul li {
    flex: none;
  }
  .cp_container ul li img {
    width: 100%;
  }
  .kv_wrapper {
    height: auto;
    margin-bottom: 0;
    background: none;
  }
  .ss-title #grpLocationArea {
    display: none;
  }
  .ss-title .kv_wrapperIn {
    position: relative;
    padding: 5px;
  }
  .ss-title .kv_logo img {
    width: 100%;
  }
  .ss-title .kv_wrapperIn .kv_logo {
    width: 100%;
    display: block !important;
  }
  .ss-title .kvBnr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*background: #e9e9eb url(https://img.travel.rakuten.co.jp/special/sales/domestic/test/images/kvbnr.jpg) no-repeat center;*/
    background-size: cover;
    margin-bottom: 10px;
  }
  .topBnrBox2 .kvBnr {
    /*background-image: url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/kvbnr-coupon.jpg);*/
    background-position: center;
  }
  .kvSP_bg {
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .topBnrBox2 .kvSP_bg {
    background: rgba(0, 0, 0, 0);
  }
  .kvBnr a.serviceIcoS {
    display: block;
    width: 110px;
    text-decoration: none;
  }
  .kvBnr .service {
    background: #4bcd00 url(https://img.travel.rakuten.co.jp/special/sales/coupon/images/coupon_icon.png) no-repeat left 10px center;
    background-size: 30px auto;
    width: 64px;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-weight: 700;
    padding: 3px 10px;
    padding-left: 40px;
    margin-left: 10px;
  }
  .ss-title .kvBnr h1 {
    font-size: 24px;
    padding: 5px 0;
    margin: 34px auto 24px auto;
    width: 90%;
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    letter-spacing: 1px;
  }
  .kvBnr .kvSP_bg > h1 .main {
    display: block;
  }
  .kvBnr .kvSP_bg > h1.sub span {
    font-size: 24px;
    display: block;
    line-height: 1.1;
    padding-bottom: 5px;
  }
  .kvBnr .kvSP_bg > h1 .main {
    padding-bottom: 0;
    font-size: 15px !important;
  }
}

/*=====================ss-globalnav===================*/
/* ==========================================================================
keyword
========================================================================== */
@media screen and (min-width: 721px) {
  .markLink {
    padding: 16px 0;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    background-color: #fff;
    margin-bottom: 40px;
  }
  .markLink ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
  }
  .markLink ul:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -60px;
    width: 56px;
    height: 56px;
    padding-left: 60px;
    display: none;
  }
  .Link-list {
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid #C4C4C4;
    width: calc(100% / 5);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 54px;
    vertical-align: middle;
  }
  .Link-list:last-child {
    border-right: none;
  }
  .Link-list a {
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 23px;
    height: 54px;
    text-decoration: none;
  }
  .Link-list span {
    font-size: 12px;
  }
  .Link-list.active:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 5px solid #0dbd0d;
    width: 100%;
  }
  .Link-list a:after {
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIconGNav.svg) !important;
    background-size: 530px auto;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    background-repeat: no-repeat;
    display: block;
    width: 42px;
    height: 42px;
    content: '';
    top: 50%;
    margin-top: -20px;
    left: 14px;
    position: absolute;
  }
  .Link-list a:hover {
    color: #333;
  }
  .Link-list a:hover:after,
  .Link-list.active a:after {
    opacity: .8;
  }
}

@media screen and (max-width: 720px) {
  .markLink .kv_logo img {
    display: block;
    width: 100%;
  }
  .markLink .jss_scrollUpDown {
    visibility: visible;
  }
  .markLink .jss_scrollUpDown.active2 {
    visibility: visible;
  }
  .markLink .kv_logo.sp {
    background: #fff;
    padding: 3px 0;
  }
  .markLink .kv_logo.sp img {
    width: 100%;
    display: block;
  }
  .markLink {
    -webkit-box-shadow: 0px 2px 2px #ddd;
            box-shadow: 0px 2px 2px #ddd;
    margin-bottom: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    background-color: #fff;
  }
  .Link-list {
    border-right: 1px solid #C4C4C4;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 20%;
    position: relative;
  }
  .Link-list:last-child {
    border-right: none;
  }
  .Link-list a {
    position: relative;
    font-weight: bold;
    color: #626262;
    text-align: center;
    letter-spacing: -.5px;
    padding-top: 30px;
    display: block;
    font-size: 10px;
    padding-bottom: 3px;
    text-decoration: none;
  }
  .Link-list a:after {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    left: 15px;
    bottom: 12px;
    top: auto;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIconGNav.svg) !important;
  }
}

/***** other windowsize  ****/
/*=====================ss-globalnav===================*/
@media screen and (min-width: 721px) {
  .ss-button-more {
    display: none;
  }
  .ss-hotel-column2 .hotel-sub.mask {
    /*width: 60%;float: left;padding-left: 15px;*/
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

/**/
.navi_sp {
  padding-left: 3px;
  margin-top: 10px;
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 999;
  text-align: right;
  width: 50px;
}

.navi_sp ul {
  border: 1px solid #777;
  background-color: #fff;
  display: block;
  width: 120px;
  position: fixed;
  bottom: 110px;
  right: 0;
  border-radius: 0 0 5px 5px;
}

.navi_sp ul li {
  padding: 10px;
  text-align: center;
  font-size: 12px;
}

.navi_sp ul li + li {
  border-top: 1px solid #777;
  padding: 10px;
}

.pagetop.sp .navi_sp ul li a {
  color: #333;
}

.pagetop.sp .navi_sp ul li:hover {
  border-top: 3px solid #333;
}

.trigger {
  width: 50px;
  height: 50px;
  display: block;
  cursor: pointer;
  margin: 10px auto;
  display: none;
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/menu_open.png) center center no-repeat;
  background-size: 50px auto;
}

.gotopre {
  margin: 0 auto;
  width: 880px;
  border-radius: 5px;
  border: 2px solid #00b900;
  background-color: #fff;
  text-align: center;
  padding: 16px 24px;
}

.gotopre:hover {
  opacity: .8;
}

.topbnr_icon {
  position: absolute;
  top: 13px;
  right: 5px;
  border: 1px solid #333;
  border-radius: 5px;
  padding: 3px;
  color: #333;
  padding-left: 28px;
  padding-right: 5px;
  background-color: #fff;
  font-weight: bold;
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}

.topbnr_icon a {
  color: #333;
}

.topbnr_icon a:hover {
  opacity: .8;
}

.topbnr_icon:before {
  content: "";
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/new/top_icons_grey.svg);
  background-size: 45px auto;
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  height: 22px;
  content: '';
  top: 0;
  left: 0px;
  position: absolute;
}

.topbnr_icon.dh:before {
  background-position: -20px -20px;
}

.topbnr_icon.car:before {
  background-position: 3px -22px;
}

.topbnr_icon.bus:before {
  background-position: -20px -45px;
}

.topbnr_icon.taxi:before {
  background-position: -21px 2px;
}

.topbnr_icon.ov:before {
  background-position: 2px -46px;
}

.topbnr_icon.cpn:before {
  background-position: 4px 3px;
}

.kvBnr .kvSP_bg {
  position: relative;
}

.kvBnr .kvSP_bg .top_stick {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 114px;
  height: 114px;
}

/*ss-tab*/
.ss-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px auto 0px;
  border-bottom: 5px solid #4bcd00;
}

.ss-tab.jss_tabNav li {
  width: 33.06%;
}

.ss-tab.tab_area_2col li {
  width: 49.6%;
}

.ss-tab.tab_area_3col li {
  width: 33.06%;
}

.ss-tab.tab_area_4col li {
  width: 24.6%;
}

.ss-tab.tab_area_5col li {
  width: 19.6%;
}

.ss-tab.tab_area_6col li {
  width: 16.5%;
}

.ss-tab.tab_area_7col li {
  width: 14.18%;
}

.ss-tab.tab_area_8col li {
  width: 12.38%;
}

.ss-tab li {
  width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 2px;
  position: relative;
  cursor: pointer;
}

.ss-tab li span {
  padding: 0.5em 0.5em 0.5em 0;
  border-radius: 5px 5px 0 0;
  background-color: #666;
  color: #fff;
  font-size: 24px;
  text-align: center;
  vertical-align: center;
  width: 100%;
  margin-top: 0.6em;
}

.ss-tab li.active span {
  font-size: 30px;
  background-color: #fff;
  border: 1px solid #0dbd0d;
  color: #0dbd0d;
  margin-top: 0;
}

.ss-hotel .ss-slidetab li span {
  text-align: center;
}

.ss-hotel .ss-slidetab li em {
  font-size: 11px;
}

/**/
.ss-slidetab {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ss-slidetab.moreSmall li span {
  font-size: 12px;
}

.ss-slidetab li {
  width: 16.2%;
  border: 1px solid #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  padding: 8px 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 8px;
  margin-right: 0.4%;
}

.ss-slidetab-dp {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ss-slidetab-dp li {
  width: calc((100% - 24px) / 3);
  margin-left: 4px;
  margin-right: 4px;
}

.ss-hotel .ss-slidetab li em {
  font-size: 11px;
}

.swipeBtns, .swipeBtnsSP {
  margin: 10px 0;
}

.swipeBtns .ss-slidetab li.swiper-slide, .swipeBtnsSP .ss-slidetab li.swiper-slide {
  width: auto;
}

.swipeBtns .swiper-scrollbar, .swipeBtnsSP .swiper-scrollbar {
  opacity: 0;
}

.ss-slidetab li.active {
  border: 1px solid #0dbd0d;
  background-color: #0dbd0d;
  color: #fff;
}

/**/
.button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 800px;
  margin: 0 auto 20px;
  background-color: #fff;
  padding: 10px;
}

.ss-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  text-align: center;
  padding: 0.6em;
  color: #fff !important;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  min-height: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;
          box-shadow: 1px 1px 3px #eee, -1px 1px 3px #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ss-button:hover {
  opacity: .8;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.ss-button-large {
  font-size: 18px;
}

.ss-button-middle {
  font-size: 16px;
}

.ss-button-middle.ss-button-ana, .ss-button-middle.ss-button-jal {
  font-size: 18px;
}

.ss-button-small {
  font-size: 10.5px;
  padding: .8em;
}

.ss-button-xsmall {
  font-size: 10.5px;
}

.ss-button-green {
  background-color: #bc0001;
  border: 1px solid #bc0001;
  -webkit-box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
          box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
}

.ss-button-white {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  color: #333 !important;
  padding-right: 1.2em;
  padding-left: .8em;
}

.ss-button-white:after {
  display: block;
  position: absolute;
  top: 50%;
  right: .5em;
  width: .5em;
  height: .5em;
  margin-top: -.35em;
  border-top: 2px solid #777;
  border-right: 2px solid #777;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.ss-button-ana {
  border: 1px solid #1b0e80;
  -webkit-box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
          box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
  color: #ffffff !important;
  padding: 0.6em .4em;
  background-color: #1b0e80;
}

.ss-button-jal {
  border: 1px solid #cc0001;
  -webkit-box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
          box-shadow: 1px 1px 2px #bbb, -1px 1px 2px #bbb;
  color: #ffffff !important;
  padding: 0.6em .4em;
  background-color: #cc0001;
}

.ss-button-ana span, .ss-button-jal span {
  display: inline-block;
}

/**/
.ss-hotelbox {
  /* margin-bottom: 20px; */
  overflow: hidden;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
}

.ss-hotel {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #c3c3c3;
  padding: 12px 10px 15px;
  -webkit-box-shadow: 1px 1px 3px #ddd;
          box-shadow: 1px 1px 3px #ddd;
  overflow: hidden;
  color: #333;
  margin-bottom: 20px;
}

/*.ss-hotel:hover {box-shadow: none;background-color: #e7fee7;}*/
.banner-container .one_column:hover, .banner-container .column-list:hover {
  opacity: .7;
}

.ss-hotel img {
  width: 100%;
}

.car .ss-hotel .hotel-main p.carCond {
  font-size: 13px;
  color: #777777;
}

.car .ss-hotel p.carDetail {
  font-size: 12px;
  color: #333333;
  text-align: right;
}

.car .hotel-price.noCond small {
  font-size: 12px;
}

@media screen and (min-width: 721px) {
  .ss-hotelbox .ss-hotel img {
    max-height: 290px;
  }
  #RANK li.column-list .hotel-img img {
    max-height: 290px;
  }
}

.ss-hotel .hotel-img {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  margin-bottom: 7px;
  position: relative;
}

.ss-hotel-column2 .hotel-img {
  margin: 0 0 7px 0 !important;
  width: 40%;
  float: left;
}

.ss-hotel-column2 .hotel-container {
  width: 60%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
}

.ss-hotel .hotel-main .area-name {
  font-size: 13px;
  color: #777;
  margin-bottom: 9px;
}

.ss-hotel .hotel-main .hotel-name {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin-bottom: 7px;
  line-height: 1.3;
}

.ss-hotel .hotel-main .chara {
  display: block;
  margin-bottom: 10px;
  clear: both;
}

.ss-hotel .hotel-main .chara .icon-reverse a {
  color: #eb6100;
}

.ss-hotel .hotel-main .chara:after {
  min-height: 1%;
  content: "";
  display: table;
  clear: both;
}

.ss-hotel .hotel-main .chara li {
  margin-right: 5px;
  padding: 3px 5px;
  border-radius: 3px;
  font-size: 10.5px;
  border: 1px solid #eb6100;
  display: inline-block;
  float: left;
  margin-bottom: 4px;
}

.ss-hotel .hotel-main .chara .icon {
  background-color: #eb6100;
  color: #fff;
  line-height: 1.3;
}

.ss-hotel .hotel-main .chara .icon-reverse {
  background-color: #fff;
  color: #eb6100;
  line-height: 1.3;
}

.ss-hotel .hotel-price {
  text-align: right;
  position: relative;
  padding-bottom: 4px;
  clear: both;
}

.ss-hotel .hotel-price a {
  font-size: 14px;
  text-align: right;
  color: #333;
  display: inline-block;
}

.ss-hotel .hotel-price a span {
  font-size: 20px;
  color: #bf0000;
  font-weight: bold;
}

.ss-hotel .hotel-price a span.details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  left: 0;
  top: 0;
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/detail.png) right center no-repeat;
  padding-right: 18px;
  background-size: 16px 16px;
}

.ss-hotel .hotel-price a span.details em {
  font-size: 14px;
}

.ss-hotel .hotel-relief {
  font-size: 12px;
  text-align: right;
  line-height: 1;
  margin-top: -5px;
}

.jssBox.car .ss-hotel .hotel-main .chara {
  min-height: 104px;
}

.ss-hotel .hotel-price a span.details span.price-info {
  display: block;
  position: absolute;
}

@media screen and (min-width: 721px) {
  .ss-hotel .hotel-price a span.details span.price-info {
    bottom: 42px;
  }
}

@media screen and (max-width: 720px) {
  .ss-hotel .hotel-price a span.details span.price-info {
    top: -32px;
  }
  .ss-hotel {
    margin-bottom: 10px;
  }
}

.ss-hotel .hotel-price a span.details span.price-info {
  width: 210px;
  margin: 0 auto;
  font-size: 12px;
  clear: both;
  background-color: #fff;
  color: #666;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  z-index: 12;
  border: 1px solid #666;
}

.buscmp li .icos h2.pc {
  display: inline-block;
  font-weight: normal;
  color: #666666;
  margin-top: 5px;
  font-size: 12px;
  max-width: 240px;
}

.ss-hotel img.pointX {
  width: 50px;
  margin-right: 1px;
}

.buscmp .ss-hotel img.pointX {
  margin-top: -26px;
}

.ss-hotel .prcBox {
  position: relative;
}

@media screen and (min-width: 720px) {
  .mapArea .square .column-list dt {
    background: none !important;
  }
  .ss-hotel .price-info-arrow {
    display: block;
    position: absolute;
    content: '';
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/arrow.png) center center no-repeat;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    height: 8px;
    width: 15px;
    top: 6px;
    right: 5px;
    z-index: 15;
  }
}

@media screen and (max-width: 720px) {
  .ss-hotel .price-info-arrow {
    display: block;
    position: absolute;
    content: '';
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/arrow.png) center center no-repeat;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    height: 8px;
    width: 15px;
    top: -8px;
    right: 5px;
    z-index: 15;
  }
}

.ss-hotel .htlInfo {
  position: relative;
  display: inline-block;
  padding: 5px;
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding-right: 14px;
}

.ss-hotel .htlInfo:after {
  display: block;
  position: absolute;
  top: 50%;
  right: .5em;
  width: .5em;
  height: .5em;
  margin-top: -.3em;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.ss-hotel .htlInfo::before {
  content: "";
  position: absolute;
  top: -192px;
  left: -205px;
  bottom: -5px;
  right: -5px;
}

.ss-hotel .hotel-sub {
  padding-top: 4px;
  clear: both;
}

.ss-hotel .hotel-sub .hotel-pr {
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 1.3;
}

.ss-hotel-column2 .hotel-sub {
  clear: both;
}

.ss-hotel .ss-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.ss-hotel .ss-buttons .ss-button-middle.ss-button {
  width: calc((100% - 10px) / 2);
}

.ss-hotel .ss-buttons .ss-button-large.ss-button {
  width: calc((100% - 10px) / 2);
}

.ss-hotel .ss-button-middle.ss-button-white {
  font-size: 12px;
  max-width: 180px;
  margin: 0 auto;
  padding: 0.5em;
}

.ss-hotel .ss-button-middle.ss-button-green {
  max-width: 420px;
  margin: 0 auto;
  clear: both;
}

/**/
.dp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear: both;
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.dp-container > div {
  padding: 10px;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/* .dp-container> div + div {border-left: 1px solid #d7d7d7;} */
.dp-container .departure {
  font-size: 14px;
  text-align: center;
  display: none;
}

.dp-container .departure em {
  font-size: 11px;
  font-style: normal;
}

.dp-container .hotel-price {
  padding: 2px 0 10px;
}

.dp-container .ss-button {
  display: block;
}

.ss-button-ana, .ss-button-jal {
  padding-top: .7em;
  padding-bottom: .7em;
}

/**/
.mapArea .column-list {
  position: relative;
  margin-bottom: 8px;
  line-height: 1.4;
  border-radius: 5px;
  overflow: hidden;
}

.mapArea .column-list:hover dt img {
  opacity: 0.8;
}

.mapArea .column-list .areaNm {
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-shadow: 1px 1px 2px #333;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%);
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 10px 35px;
  width: 100%;
  height: 100%;
}

.mapArea .column-list .areaNm span {
  font-size: 14px;
  display: block;
}

.mapArea .column-list .areaNm span em {
  font-style: normal;
  color: #feff06;
}

.mapArea .column-list img {
  width: 100%;
}

.mapArea .column-list .surprise {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 80px;
  z-index: 2;
}

.mapArea .column-list .surprise img {
  width: 100%;
}

.mapArea .column-list:after {
  content: "";
  background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/area_arrow_right.png) right bottom no-repeat;
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 720px) {
  .mapArea .column-list .areaNm span {
    font-size: 12px;
    display: block;
    line-height: 14px;
  }
  .mapArea .column-list:after {
    background: none;
  }
}

/**/
.banner-container {
  margin-bottom: 10px;
}

.banner-container .column-list {
  margin-bottom: 10px;
}

.banner-container > div {
  -webkit-box-shadow: 1px 1px 3px #ddd;
          box-shadow: 1px 1px 3px #ddd;
  border: 1px solid #f9f9f9;
}

.banner-container .one_column {
  width: 830px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

.banner-container .img {
  margin-bottom: 8px;
  text-align: center;
}

.banner-container .one_column .img {
  margin-right: 20px;
  min-width: 300px;
  margin-bottom: 0;
}

.banner-container .text {
  font-size: 14px;
  line-height: 1.6;
}

.banner-container span {
  display: block;
}

.banner-container a {
  padding: 15px;
  display: block;
}

.banner-container a p, .banner-container span {
  color: #000000;
}

/**/
.beginner .subTtl_M_reverse {
  font-size: 16px;
  padding: 8px;
  color: #fff;
  font-weight: bold;
  background-color: #96a396;
}

.beginner .subTtl_M_reverse span {
  border-bottom: 1px solid #fff;
}

.beginner .btn {
  width: 240px;
  margin: 0 auto;
}

.firstimg {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.globalNav {
  z-index: 20;
  position: fixed !important;
  top: 0;
}

@media screen and (min-width: 721px) {
  .globalNav {
    width: 100%;
    font-size: 15px;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
    border: 1px solid #ddd;
  }
  .globalNav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 1284px;
    padding-left: calc(50vw - 648px);
  }
  .globalNav ul:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -60px;
    width: 56px;
    height: 56px;
    padding-left: 60px;
    display: none;
  }
  .gNav-list {
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-left: 1px solid #0dbd0d;
    border-right: 1px solid #0dbd0d;
    width: calc(100% / 6);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 54px;
    vertical-align: middle;
  }
  .gNav-list:first-child {
    border-left: 2px solid #0dbd0d;
  }
  .gNav-list:last-child {
    border-right: 2px solid #0dbd0d;
  }
  .gNav-list a {
    font-size: 20px;
    font-weight: bold;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 23px;
    height: 54px;
    text-decoration: none;
  }
  .gNav-list span {
    font-size: 12px;
  }
  .gNav-list.active:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 5px solid #0dbd0d;
    width: 100%;
  }
  .gNav-list a:before {
    background-image: url(../images/top_icons_lightgrey.svg);
    background-repeat: no-repeat;
    background-size: 90px auto;
    display: block;
    width: 40px;
    height: 40px;
    content: '';
    top: 50%;
    margin-top: -20px;
    left: 14px;
    position: absolute;
  }
  .gNav-list a:hover {
    color: #333;
  }
  .gNav-list a:hover:before, .gNav-list.active a:before {
    background-image: url(../images/top_icons_grey.svg);
  }
  .gNav-list a.dh:before {
    background-position: -48px -47px;
  }
  .gNav-list a.dp:before {
    background-position: -3px -141px;
  }
  .gNav-list a.ov:before {
    background-position: -0px -96px;
  }
  .gNav-list a.car:before {
    background-position: -0px -50px;
  }
  .gNav-list a.bus:before {
    background-size: 97px auto;
    width: 44px;
    background-position: -53px -108px;
  }
  .gNav-list a.cpn:before {
    background-position: 2px -1px;
  }
  .gNav-list a.taxi:before {
    background-size: 100px auto;
    width: 44px;
    background-position: -55px -3px;
  }
}

@media (max-width: 1448px) and (min-width: 721px) {
  .globalNav ul {
    padding-left: 85px;
  }
}

@media screen and (max-width: 720px) {
  .banner-container .one_column .img {
    min-width: 50%;
  }
  .banner-container .img img {
    width: 100%;
  }
  .firstimg {
    margin-bottom: 10px;
  }
  .gNav-list {
    float: left;
    width: 14.2857143%;
    position: relative;
  }
  .gNav-list a {
    position: relative;
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    padding-top: 30px;
    display: block;
    font-size: 10px;
    padding-bottom: 3px;
    background: #333;
    text-decoration: none;
  }
  .gNav-list.active a, .gNav-list a:hover {
    background-color: #00b900;
  }
  .gNav-list a.dp:after,
  .gNav-list a.bus:after,
  .gNav-list a.cpn:after,
  .gNav-list a.ov:after,
  .gNav-list a.car:after,
  .gNav-list a.dh:after,
  .gNav-list a.taxi:after {
    background-image: url(../images/top_ico.png);
    background-size: 100px auto;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    content: '';
    top: 5px;
    margin-left: -16px;
    left: 50%;
    position: absolute;
  }
  .gNav-list a.dh:after {
    background-position: -3.75px -3.75px;
  }
  .gNav-list a.dp:after {
    background-position: -33.25px -3.75px;
  }
  .gNav-list a.ov:after {
    background-position: -3.75px -36.25px;
  }
  .gNav-list a.car:after {
    background-position: -68.25px -3.75px;
  }
  .gNav-list a.bus:after {
    background-size: 120px auto;
    width: 33px;
    background-position: -43.25px -47.25px;
  }
  .gNav-list a.cpn:after {
    background-position: -68.25px -68.25px;
  }
  .gNav-list a.taxi:after {
    background-position: -34.25px -66.25px;
  }
}

@media screen and (max-width: 720px) and (max-width: 380px) {
  .gNav-list a {
    font-size: 9px;
    letter-spacing: -1.2px;
  }
}

@media screen and (max-width: 720px) and (max-width: 320px) {
  .gNav-list a {
    font-size: 8px;
    letter-spacing: -2.5px;
  }
  .column_2 .column-list, .column_3 .column-list, .column_4 .column-list, .column_5 .column-list {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 720px) {
  .topbnr_icon_goto {
    position: absolute;
    font-size: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    top: 8px;
    right: 35px;
    padding-left: 16px!important;
    margin-bottom: 5px;
    display: inline-block;
    z-index: 1;
  }
  .topbnr_icon_goto:before {
    background: none!important;
  }
  .topbnr_icon:before {
    top: -2px;
  }
  .topbnr_icon span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .kvBnr .kvSP_bg::before {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .globalNav .kv_logo img {
    display: block;
    width: 100%;
  }
  .globalNav .jss_scrollUpDown {
    visibility: hidden;
  }
  .globalNav .jss_scrollUpDown.active2 {
    visibility: visible;
  }
  #sRight .jss_switchMenu dl {
    right: -130px;
    bottom: 52px;
  }
  .pagetop a {
    height: 35px;
  }
  .ss-container {
    padding: 10px 10px 15px;
  }
  .slidetab-contianer {
    overflow: hidden;
  }
  .ss-tab {
    border-bottom: 4px solid #0dbd0d;
    width: auto;
    margin: auto 10px;
    margin-bottom: 10px;
  }
  .ss-tab li:last-child {
    margin-right: 0;
  }
  .ss-tab li span {
    font-size: 14px;
  }
  .ss-tab li.active span {
    font-size: 17px;
  }
  .ss-tab li::before {
    right: 10px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
  .ss-tab li.active::before {
    border-top: 2px solid #0dbd0d;
    border-right: 2px solid #0dbd0d;
    margin-top: -5px;
  }
  /**/
  .ss-slidetab {
    padding: 0 10px;
  }
  .button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .button-container li {
    max-width: 280px;
    margin-bottom: 10px;
  }
  .ss-hotel {
    width: 100% !important;
    margin-right: 0;
    padding: 10px;
  }
  .hotel-img {
    margin: 0 0 7px 0 !important;
    width: 40%;
    float: left;
  }
  .hotel-container {
    width: 60%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
  }
  /*.ss-hotel .ss-buttons {
        flex-direction: column;
        justify-content: center;
    }*/
  /*.ss-hotel .ss-buttons .ss-button-middle.ss-button {
        width: 100%;
    }
    .ss-hotel .ss-buttons .ss-button-middle.ss-button + .ss-button {margin-top: 8px;}*/
  .dp-container .ss-button-ana, .dp-container .ss-button-jal {
    padding: .8em;
    padding-right: .7em;
  }
  .dp-container .ss-button span {
    display: inline-block;
  }
  .dp-container {
    margin: 0;
  }
  .dp-container > div {
    padding-bottom: 0;
    width: 100%;
    padding: 0;
  }
  .dp-container .departure {
    display: none;
  }
  .ss-hotel .dp-container div:nth-child(2), .ss-hotel .dp-container div:nth-child(3) {
    display: none;
  }
  .ss-hotel .ss-slidetab {
    width: auto;
    margin-bottom: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    clear: both;
  }
  .ss-hotel .ss-slidetab li {
    font-size: 14px;
    padding: 8px 8px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .banner-container .one_column {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
  }
  .banner-container > div {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .banner-container .text {
    font-size: 12px;
  }
  .firstimg img {
    width: 100%;
  }
  .gotopre {
    margin: 10px;
    width: auto;
  }
  .gotopre img {
    width: 100%;
  }
  .pagetop.sp {
    border: none;
    position: fixed;
    text-align: right;
    z-index: 9999;
    bottom: 0px;
    right: 0;
  }
  .pagetop.sp a.gotop {
    display: block;
    width: 50px;
    height: 36px;
  }
  .pagetop.sp a img {
    width: 100%;
  }
  /**/
  .mapArea .column-list {
    width: 100%;
  }
  .mapArea .column-list .surprise {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 40px;
    right: 0;
    width: 40px;
    z-index: 2;
  }
  .mapArea .column-list::after {
    margin-top: -12px;
    top: 50%;
    bottom: auto;
  }
  .mapArea .column-list .areaNm {
    padding: 5px;
  }
  .mapArea .square .column-list {
    width: calc((100% - 16px) / 3);
    margin-right: 8px;
  }
  .mapArea .square .column-list dt {
    height: 100px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .mapArea .square .column-list dl dd.tyobun {
    font-size: 14px !important;
    line-height: 18px;
  }
  .mapArea .square .column-list dt img {
    min-height: 100px;
    overflow: hidden;
  }
  .mapArea .square .column-list:nth-child(3n) {
    margin-right: 0;
  }
  .mapArea .column_4.overseas-square .column-list img {
    border-radius: 5px;
  }
  .mapArea .column_4.overseas-square .column-list:nth-child(3n) {
    margin-right: 0;
  }
  .mapArea .column_4.overseas-square .column-list::after {
    margin-top: 0;
    top: auto;
    bottom: 5px;
  }
  .mapArea .column_4.overseas-square .column-list .surprise {
    position: absolute;
    top: auto;
    margin-top: 0;
    left: 5px;
    right: auto;
    bottom: 5px;
    width: 60px;
    z-index: 2;
  }
  .mapArea .column_4.overseas-square .areaNm {
    font-size: 18px;
  }
  .ss-button-more {
    font-size: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    text-align: center;
    padding: .8em;
    color: #333 !important;
    position: absolute;
    cursor: pointer;
    border-radius: 50px;
    min-height: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 180px;
    margin: 0 auto;
    top: 26px;
    left: 50%;
    margin-left: -90px;
    z-index: 11;
  }
  .ss-button-more:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 2.2em;
    width: .5em;
    height: .5em;
    margin-top: -.45em;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    content: "";
  }
  .active .ss-button-more:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: -.3em;
  }
  .hotel-sub.mask {
    position: relative;
    height: 60px;
    overflow: hidden;
    clear: both;
  }
  .hotel-sub.mask::before {
    top: 0;
    left: 0;
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, white), to(white));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    z-index: 10;
  }
  .beginner .subTtl_M_reverse {
    font-size: 13px;
  }
  .ss-button-large {
    font-size: 16px;
  }
  .ss-button-middle {
    font-size: 12px;
  }
  .kvBnr .kvSP_bg .top_stick {
    top: 5px;
    left: 5px;
    width: 50px;
    height: 50px;
  }
  .kvBnr .kvSP_bg .top_stick img {
    width: 100%;
  }
  .ss-hotel .hotel-price a span.details {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/detail.png) right center no-repeat;
    padding-right: 20px;
    background-size: 17px auto;
  }
  .trigger {
    margin-right: 0;
    display: block;
  }
  .dp-container > div + div {
    border: none;
  }
  .rt-footer {
    z-index: 0;
  }
  .ss-slidetab li {
    font-size: 12px;
    padding: 8px;
    width: 32.2%;
  }
}

/*=========================siteMap===========================*/
@media (min-width: 720px) {
  .goods {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .goods li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16%;
            flex: 0 0 16%;
  }
  .goods li img {
    width: 100%;
  }
  .mapArea .square .column-list dl dd.tyobun {
    font-size: 18px !important;
  }
  .sitemap.mg10 {
    margin-bottom: 0 !important;
  }
  .ss-sitemapBox {
    margin-top: 25px;
    margin-bottom: 15px;
    min-width: 1450px;
    margin-left: auto;
    margin-right: auto;
  }
  .ss-sitemapBox ul {
    max-width: 1280px;
    margin: 0 auto;
  }
  .ss-sitemapBox ul li dl {
    margin: 10px 0;
    border-bottom: 1px dotted #666;
  }
  .ss-sitemapBox ul li dl.guide {
    border-bottom: none;
  }
  .ss-sitemapBox ul li dt {
    padding-bottom: 10px;
    position: relative;
    float: left;
    width: 250px;
    font-weight: 700;
    font-size: 12px;
  }
  .ss-sitemapBox ul li dt span.sp {
    display: none;
  }
  .ss-sitemapBox ul li.special dt {
    padding-top: 8px;
  }
  .ss-sitemapBox ul li dl dd {
    float: left;
    width: calc(100% - 250px);
  }
  .ss-sitemapBox ul li dt.dhTt {
    padding-top: 0;
  }
  .ss-sitemapBox ul li a {
    display: inline-block;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #666;
    line-height: 12px;
    font-size: 12px;
    margin-top: 7px;
    margin-bottom: 7px;
  }
  .ss-sitemapBox ul li dl a {
    color: #333;
  }
  .ss-sitemapBox ul li dl a:hover {
    text-decoration: underline;
  }
  .ss-sitemapBox ul li dt a {
    border-right: none;
  }
  .ss-sitemapBox ul li dt {
    position: relative;
  }
  .ss-sitemapBox ul li dt.window:after {
    content: "";
    width: 10px;
    height: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 8px;
    left: 146px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENkY1NDE1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENkY1NDI1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ2RjUzRjVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ2RjU0MDVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtxXkG4AAADXSURBVHjaYjQ2NmZAAoxAPAeI44GYmYE08BWIi1jQBEGmJzGQB7iBuI8JTZCHgTLAzcRAZYBu4AFoOBKNz5w5A8ZA9kKQAbAwVAJiPhId8xuIbwDxX2RBkIF9QFxIpg9PmpiY2AFd+AvZy7kUBJk5EFujhyELhfHAj+5lEHgPxI/IMEgBXRBm4CYgTiDRwAAgXk8o2VAK/lDbwCksVDSsAJh8PlDNhSDDaBGG1DeQBVowglL7BBL16kLp5+gGFkHzcz6JBoIKhXlAfAqlyP///z9VvQwQYAByGisCLKErLgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 10px;
  }
  .ss-sitemapBox ul li p {
    clear: both;
  }
  .ss-sitemapBox ul li dd {
    margin-bottom: 8px;
  }
  .ss-sitemapBox ul li dl dd.submenu {
    display: block !important;
  }
  .ss-sitemapBox ul li dd a {
    position: relative;
  }
  .ss-sitemapBox ul li dd a.window {
    padding-right: 25px;
  }
  .ss-sitemapBox ul li dd a.window:after {
    content: "";
    width: 10px;
    height: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 2px;
    right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENkY1NDE1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENkY1NDI1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ2RjUzRjVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ2RjU0MDVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtxXkG4AAADXSURBVHjaYjQ2NmZAAoxAPAeI44GYmYE08BWIi1jQBEGmJzGQB7iBuI8JTZCHgTLAzcRAZYBu4AFoOBKNz5w5A8ZA9kKQAbAwVAJiPhId8xuIbwDxX2RBkIF9QFxIpg9PmpiY2AFd+AvZy7kUBJk5EFujhyELhfHAj+5lEHgPxI/IMEgBXRBm4CYgTiDRwAAgXk8o2VAK/lDbwCksVDSsAJh8PlDNhSDDaBGG1DeQBVowglL7BBL16kLp5+gGFkHzcz6JBoIKhXlAfAqlyP///z9VvQwQYAByGisCLKErLgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 10px;
  }
  .ss-sitemapBox ul li a.noBdPC {
    border-right: none;
  }
}

#RANK .ss-hotel .hotel-price a span.details span.price-info {
  max-width: 190px;
}

@media (min-width: 1px) and (max-width: 386px) {
  .ss-sitemapBox ul li p {
    clear: both;
    max-width: 196px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 720px) {
  #RANK .column-list > img {
    width: 180px;
    margin: 8px auto;
    display: block;
  }
  #RANK .column-list {
    width: 100%;
  }
  .sitemap.mg10 {
    margin-bottom: 0 !important;
  }
  .ss-sitemapBox {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 10px;
  }
  .ss-sitemapBox ul li dl {
    margin: 5px 0 0 0;
    border-bottom: 1px dotted #666;
    padding-bottom: 5px;
  }
  .ss-sitemapBox ul li dl.guide {
    border-bottom: none;
  }
  .ss-sitemapBox ul li dt {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    font-size: 12px;
  }
  .ss-sitemapBox ul li dt a.pc {
    display: none;
  }
  .ss-sitemapBox ul li dt:after {
    content: "";
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NzEzRDEzOTJGRkNFNzExOTQzMkU1OURFQzQ2QTk5RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDM0N0RDNEZDRTcxMUU3OTUzM0RBODlDRUE5N0YxMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDM0N0RDM0ZDRTcxMUU3OTUzM0RBODlDRUE5N0YxMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk3MjY4ODg1RTdGQ0U3MTE5RUNDQzFGQkRBMkMwMjAwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3MTNEMTM5MkZGQ0U3MTE5NDMyRTU5REVDNDZBOTlEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+C6EXawAAAHpJREFUeNpidHR0/M9AB8ACIvbt28dIS0ucnJz+MzHQCYxaNAwtAqUgIN49GnTDzyIWPJEuCKQ6cEgbA+VnoondAxZlnSRbBAQgi9JIkNsDxKRbBHTdPSDFiC15gwwFyruOproRkrzxJBLG0aAbtYjyVActVmgKAAIMAJdGHibZLh/3AAAAAElFTkSuQmCC) no-repeat;
  }
  .ss-sitemapBox ul li dt.active-submenu {
    border-bottom: 1px dotted #666;
  }
  .ss-sitemapBox ul li dt.active-submenu:after {
    content: "";
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2NzEzRDEzOTJGRkNFNzExOTQzMkU1OURFQzQ2QTk5RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQkZDMjU3MUZDRTcxMUU3OTY2QkYyM0Y5Q0U0RENEOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQkZDMjU3MEZDRTcxMUU3OTY2QkYyM0Y5Q0U0RENEOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk3MjY4ODg1RTdGQ0U3MTE5RUNDQzFGQkRBMkMwMjAwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY3MTNEMTM5MkZGQ0U3MTE5NDMyRTU5REVDNDZBOTlEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PAedmAAAAGtJREFUeNpidHR0/M9AB8ACIvbt28dIS0ucnJz+MzHQCYxaNGrRqEVDyCIWPMWGIJDqwCKVBsTvgXg1mvg9YFHWSbJFQCAINZRYuT1ATLpFQNfdA1KMo4lh1KJRi0YtonGhCmp30doigAADAJyZFBGDEi+sAAAAAElFTkSuQmCC) no-repeat;
  }
  .ss-sitemapBox ul li dt.link:after {
    content: "";
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTkzMzhBOUIwRkNBMTFFOEJCRERDOUJDNTYxRDkxRTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTkzMzhBOUMwRkNBMTFFOEJCRERDOUJDNTYxRDkxRTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOTMzOEE5OTBGQ0ExMUU4QkJEREM5QkM1NjFEOTFFOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOTMzOEE5QTBGQ0ExMUU4QkJEREM5QkM1NjFEOTFFOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PraMyocAAAC+SURBVHjaYnR0dPzPQAfAAiL27dvHSEtLnJyc/jMx0AmMWjRqEXkW+fv7XwDiBnr4SACI66EWOtDSIgMgngjE+kC8H2jZBCAWoLpFGzdu/ADEBUCmIRBfBOJ8ICbKd2QlBqBlF4AY5LtGaHCCfFdAk1SHJcguECxUybCgAIr5gfggECcAffiAahZBkzayBQ1ACw4QXU2QAOqB+CEQBxBrAbkWJQItWEDzDEuuJaOF6qhFA2MRC6zdRWuLAAIMADneO3FWjH8WAAAAAElFTkSuQmCC) no-repeat;
  }
  .ss-sitemapBox ul li dt.window:after {
    content: "";
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENkY1NDE1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENkY1NDI1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ2RjUzRjVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ2RjU0MDVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtxXkG4AAADXSURBVHjaYjQ2NmZAAoxAPAeI44GYmYE08BWIi1jQBEGmJzGQB7iBuI8JTZCHgTLAzcRAZYBu4AFoOBKNz5w5A8ZA9kKQAbAwVAJiPhId8xuIbwDxX2RBkIF9QFxIpg9PmpiY2AFd+AvZy7kUBJk5EFujhyELhfHAj+5lEHgPxI/IMEgBXRBm4CYgTiDRwAAgXk8o2VAK/lDbwCksVDSsAJh8PlDNhSDDaBGG1DeQBVowglL7BBL16kLp5+gGFkHzcz6JBoIKhXlAfAqlyP///z9VvQwQYAByGisCLKErLgAAAABJRU5ErkJggg==) no-repeat;
  }
  .ss-sitemapBox ul li.special dl dd {
    margin-top: 4px;
  }
  .ss-sitemapBox dt.link a {
    display: block !important;
  }
  .ss-sitemapBox ul li a {
    display: inline-block;
    padding-right: 12px;
    margin-right: 8px;
    border-right: 1px solid #666;
    line-height: 12px;
    font-size: 12px;
  }
  .ss-sitemapBox ul li dl a {
    color: #333;
  }
  .ss-sitemapBox ul li dl a:hover {
    text-decoration: underline;
  }
  .ss-sitemapBox ul li dt a {
    border-right: none;
  }
  .ss-sitemapBox ul li p {
    clear: both;
  }
  .ss-sitemapBox ul li dd {
    margin-bottom: 4px;
    margin-top: 15px;
  }
  .ss-sitemapBox ul li dd a {
    position: relative;
  }
  .ss-sitemapBox ul li dd a.window {
    padding-right: 28px;
  }
  .ss-sitemapBox ul li dd a.window:after {
    content: "";
    width: 14px;
    height: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0px;
    right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENkY1NDE1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENkY1NDI1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ2RjUzRjVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ2RjU0MDVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtxXkG4AAADXSURBVHjaYjQ2NmZAAoxAPAeI44GYmYE08BWIi1jQBEGmJzGQB7iBuI8JTZCHgTLAzcRAZYBu4AFoOBKNz5w5A8ZA9kKQAbAwVAJiPhId8xuIbwDxX2RBkIF9QFxIpg9PmpiY2AFd+AvZy7kUBJk5EFujhyELhfHAj+5lEHgPxI/IMEgBXRBm4CYgTiDRwAAgXk8o2VAK/lDbwCksVDSsAJh8PlDNhSDDaBGG1DeQBVowglL7BBL16kLp5+gGFkHzcz6JBoIKhXlAfAqlyP///z9VvQwQYAByGisCLKErLgAAAABJRU5ErkJggg==) no-repeat;
    background-size: 14px;
  }
  .ss-sitemapBox ul li a.noBdPC {
    border-right: none;
  }
  .ss-sitemapBox ul li a.noBdPC.pc {
    display: none;
  }
}

@media screen and (min-width: 600px) and (max-width: 720px) {
  .ss-sitemapBox ul li a,
  .ss-sitemapBox ul li dt {
    font-size: 16px;
  }
}

@media screen and (min-width: 480px) and (max-width: 600px) {
  .ss-sitemapBox ul li a,
  .ss-sitemapBox ul li dt {
    font-size: 14px;
  }
  .ss-sitemapBox ul li dt:after {
    width: 22px;
    height: 22px;
    background-size: 22px auto;
  }
  .ss-sitemapBox ul li dt.active-submenu:after,
  .ss-sitemapBox ul li dt.link:after {
    width: 22px;
    height: 22px;
    background-size: 22px auto;
  }
}

@media screen and (max-width: 480px) {
  .ss-sitemapBox ul li a,
  .ss-sitemapBox ul li dt {
    font-size: 12px;
  }
  .ss-sitemapBox ul li dt:after {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
  .ss-sitemapBox ul li dt.active-submenu:after,
  .ss-sitemapBox ul li dt.link:after {
    width: 20px;
    height: 20px;
    background-size: 20px auto;
  }
}

/* .rt-header .rt-nav-link li.rt-nav-active a{ background: #EAEAEA!important;} */
.jss_countDown.end {
  background: none !important;
}

.derivation {
  font-size: 12px;
  padding-left: 20px;
}

.derivation a.window {
  padding-right: 25px;
  display: inline-block;
  line-height: 12px;
  font-size: 12px;
  margin: 0 8px 0 0;
  position: relative;
}

.derivation a.window::after {
  content: "";
  width: 10px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 2px;
  right: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUVENkY1NDE1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUVENkY1NDI1Q0JCMTFFOEE4RTI4MjE1NUZCRTU2N0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RUQ2RjUzRjVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RUQ2RjU0MDVDQkIxMUU4QThFMjgyMTU1RkJFNTY3RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtxXkG4AAADXSURBVHjaYjQ2NmZAAoxAPAeI44GYmYE08BWIi1jQBEGmJzGQB7iBuI8JTZCHgTLAzcRAZYBu4AFoOBKNz5w5A8ZA9kKQAbAwVAJiPhId8xuIbwDxX2RBkIF9QFxIpg9PmpiY2AFd+AvZy7kUBJk5EFujhyELhfHAj+5lEHgPxI/IMEgBXRBm4CYgTiDRwAAgXk8o2VAK/lDbwCksVDSsAJh8PlDNhSDDaBGG1DeQBVowglL7BBL16kLp5+gGFkHzcz6JBoIKhXlAfAqlyP///z9VvQwQYAByGisCLKErLgAAAABJRU5ErkJggg==) no-repeat;
  background-size: auto;
  background-size: auto auto;
  background-size: 10px;
}

.column_5.square {
  margin-top: 8px;
}

.areaBox dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 16px;
}

.areaBox dd a {
  padding: 8px;
  border-radius: 5px;
  margin-right: 8px;
  -webkit-box-shadow: 1px 1px 2px #ccc;
          box-shadow: 1px 1px 2px #ccc;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
}

.areaBox dd a:hover {
  opacity: .8;
}

@media screen and (min-width: 720px) {
  .videoBox {
    width: 430px;
    margin: 40px auto;
    position: relative;
  }
  .videoBox .vediottl {
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
  }
  .videoBox > div {
    border: 1px solid #999;
  }
  .vjs-dock-text {
    display: none !important;
  }
}

@media screen and (max-width: 720px) {
  .ss-sitemapBox ul li a {
    border-right: none;
  }
  .areaBox dd {
    display: block;
    margin: 10px 0;
  }
  .areaBox dl.tdrSW dd a {
    display: inline-block;
    padding: 12px 8px 11px 8px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    float: left;
    margin-right: 6px;
    color: #333333;
    margin-bottom: 10px;
    -webkit-box-shadow: 1px 1px 3px #ccc;
            box-shadow: 1px 1px 3px #ccc;
  }
  .videoBox {
    margin: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-bottom: 40px;
  }
  .vediottl {
    font-weight: bold;
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
  }
  .videoBox > div {
    border: 1px solid #999;
  }
  .video-js {
    background: none !important;
  }
  .vjs-dock-text {
    display: none !important;
  }
}

.mapArea .ttlicon_s:after {
  display: none;
}

#RANK li img {
  width: 100%;
}

.ss-banner-box h2 {
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
}

.ss-banner-box .align-center {
  margin-bottom: 24px;
}

.ss-banner-box .flex-box-center {
  margin-bottom: 24px;
}

.flex-box-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-box-center li {
  margin-left: 2%;
  margin-right: 2%;
  max-width: 46%;
  /*domestic,area bnr 50%*/
}

.ss-banner-box .align-center {
  margin-bottom: 24px;
}

@media screen and (max-width: 720px) {
  .ss-banner-box h2 {
    font-size: 16px;
  }
  .ss-banner-box .align-center {
    margin-bottom: 15px;
  }
  .ss-banner-box .flex-box-center {
    margin-bottom: 15px;
  }
  .ss-banner-box .half-banner {
    margin-left: 27%;
    margin-right: 27%;
  }
  .ss-banner-box img {
    width: 100%;
  }
}

/*hotelChain Swipe*/
.swipe-logo {
  position: relative;
}

.htlLogo {
  min-height: auto;
}

.htlLogo ul {
  margin-bottom: 0;
}

.htlLogo ul.logo5 li {
  margin-bottom: 5px;
}

.swipe-logo .swipeLogo.pc .htlLogo ul li {
  width: 25%;
  margin-bottom: 0;
}

.htlLogo ul li a {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  color: #1d54a7;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  word-break: break-all;
}

.pc .htlLogo ul.swiper-slide li, .swipeLogo1aSP .htlLogo ul.swiper-slide li {
  width: 33.3%;
  float: left;
  margin-bottom: 0;
}

.sp.swipeBnr.htlLogo ul li {
  width: 75%;
  float: left;
  margin-bottom: 0;
}

.pc.swpBnr ul.swiper-slide li {
  width: 30%;
  margin: 0 1.64%;
}

.htlLogo.swipeBnr.sp ul li a {
  border: none;
  width: 100%;
}

.pc.swpBnr ul.swiper-slide li a {
  border: none;
  width: 100%;
}

.pc.swpBnr .common-round-right {
  background-position: -123px -44px !important;
  right: 0px;
  top: 85px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.pc.swpBnr .common-round-left {
  background-position: -123px -44px;
  left: 0px;
  top: 85px;
}

.htlLogo.swipeBnr.sp ul li a img, .pc.swpBnr ul.swiper-slide li a img {
  max-width: 600px;
}

.htlLogo ul li a img {
  display: block;
  width: 100%;
  margin: 0 auto 5px auto;
}

.htlChainBox .common-round-left {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  left: -10px;
  top: 50%;
  text-indent: -9999px;
  z-index: 3;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -123px -44px;
  margin-top: -34px;
  background-repeat: no-repeat;
}

.htlChainBox .common-round-right {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  right: -10px;
  top: 50%;
  text-indent: -9999px;
  z-index: 3;
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/sprite-small.png);
  background-position: -123px -84px;
  margin-top: -34px;
  background-repeat: no-repeat;
}

@media screen and (min-width: 720px) {
  .checkEntryMulti {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
  }
  .checkEntryMulti__noLoginForm {
    text-align: center;
  }
  .checkEntryMulti.checkEntryMulti-before .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-after .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-active .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-entered .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-registered .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-invalid .checkEntryMulti__noLoginForm {
    display: none;
  }
  .checkEntryMulti__noLoginButton img:hover img {
    opacity: .6;
    max-width: 432px;
  }
  a.checkEntryMulti__entryLink:hover img {
    opacity: .6;
  }
  .checkEntryMulti__noLoginButton {
    cursor: pointer;
    outline: none;
    background: none;
    border: none;
    padding: 0;
  }
  .checkEntryMulti__noLoginButton > img {
    display: block;
  }
  .checkEntryMulti__entryButton {
    display: none;
    width: 700px;
    margin: 0 auto;
    text-align: center;
  }
  .checkEntryMulti.checkEntryMulti-before .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-after .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-active .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__entryButton {
    display: block;
  }
  .checkEntryMulti.checkEntryMulti-entered .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-registered .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-invalid .checkEntryMulti__entryButton {
    display: none;
  }
  .checkEntryMulti__entryLink {
    display: block;
    width: 432px;
    height: 69px;
    margin: 0 auto;
  }
  .checkEntryMulti__entryLink img, .checkEntryMulti__enteredButton img, .checkEntryMulti__registeredButton img {
    max-width: 432px;
    width: 100%;
  }
  .checkEntryMulti.checkEntryMulti-locked .checkEntryMulti__entryLink,
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__entryLink {
    /*cursor: default;
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter: "alpha(opacity=50)"*/
  }
  .checkEntryMulti__checkBoxLabel {
    display: none;
    cursor: pointer;
    height: 38px;
    margin: 22px 0 0 0;
    font-size: 21px;
    font-weight: bold;
  }
  .checkEntryMulti__checkBox {
    display: none;
  }
  .checkEntryMulti__checkBox + .checkEntryMulti__imageCheckBox {
    display: inline-block;
    width: 36px;
    height: 38px;
    margin: -7px 0 0 0;
    background: url(https://img.travel.rakuten.co.jp/camp/tokutabi/201704/images/check_entry_multi_pc_image_check_box.gif) no-repeat top left;
    vertical-align: top;
  }
  .checkEntryMulti__checkBox:checked + .checkEntryMulti__imageCheckBox {
    background-position: bottom left;
  }
  .checkEntryMulti__entryText {
    display: inline-block;
    margin: 8px 0 0;
  }
  .checkEntryMulti__enteredButton {
    display: none;
    width: 700px;
    height: 69px;
    margin: 0 auto;
  }
  .checkEntryMulti.checkEntryMulti-entered .checkEntryMulti__enteredButton {
    display: block;
  }
  .checkEntryMulti__registeredButton {
    display: none;
    width: 700px;
    height: 69px;
    margin: 0 auto;
  }
  .checkEntryMulti.checkEntryMulti-registered .checkEntryMulti__registeredButton {
    display: block;
  }
  .checkEntryMulti__enteringIcon {
    position: absolute;
    display: none;
    width: 100%;
    height: 74px;
    top: 9px;
    text-align: center;
  }
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__enteringIcon {
    display: block;
  }
}

/* Styles for IE 6,7,8 */
@media \0screen\,screen\9 {
  .checkEntryMulti__checkBox {
    display: inline;
  }
  .checkEntryMulti__checkBox + .checkEntryMulti__imageCheckBox {
    display: none;
  }
}

@media screen and (max-width: 720px) {
  .checkEntryMulti {
    position: relative;
    max-width: 432px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .checkEntryMulti__noLoginForm {
    text-align: center;
  }
  .checkEntryMulti.checkEntryMulti-before .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-after .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-active .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-entered .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-registered .checkEntryMulti__noLoginForm,
  .checkEntryMulti.checkEntryMulti-invalid .checkEntryMulti__noLoginForm {
    display: none;
  }
  .checkEntryMulti__noLoginButton {
    cursor: pointer;
    outline: none;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
  }
  .checkEntryMulti__noLoginButton > img {
    display: block;
  }
  .checkEntryMulti__entryButton {
    display: none;
    width: 100%;
    text-align: center;
  }
  .checkEntryMulti.checkEntryMulti-before .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-after .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-active .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__entryButton {
    display: block;
  }
  .checkEntryMulti.checkEntryMulti-invalid .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-entered .checkEntryMulti__entryButton,
  .checkEntryMulti.checkEntryMulti-registered .checkEntryMulti__entryButton {
    display: none;
  }
  .checkEntryMulti__entryLink {
    display: block;
    width: 100%;
  }
  .checkEntryMulti.checkEntryMulti-locked .checkEntryMulti__entryLink,
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__entryLink {
    cursor: pointer;
    /*opacity: 0.5;*/
  }
  .checkEntryMulti__checkBoxLabel {
    display: none;
    cursor: pointer;
    height: 38px;
    margin: 7px 0 0 0;
    font-size: 16px;
    font-weight: bold;
  }
  .checkEntryMulti__checkBox {
    display: none;
  }
  .checkEntryMulti__checkBox + .checkEntryMulti__imageCheckBox {
    display: inline-block;
    width: 36px;
    height: 38px;
    margin: -7px 0 0 0;
    background: url(https://img.travel.rakuten.co.jp/camp/tokutabi/201704/images/check_entry_multi_pc_image_check_box.gif) no-repeat top left;
    vertical-align: top;
  }
  .checkEntryMulti__checkBox:checked + .checkEntryMulti__imageCheckBox {
    background-position: bottom left;
  }
  .checkEntryMulti__entryText {
    display: inline-block;
    margin: 8px 0 0;
  }
  .checkEntryMulti__enteredButton {
    display: none;
    width: 100%;
    margin: 0 auto;
  }
  .checkEntryMulti.checkEntryMulti-entered .checkEntryMulti__enteredButton {
    display: block;
  }
  .checkEntryMulti__registeredButton {
    display: none;
    width: 100%;
    margin: 0 auto;
  }
  .checkEntryMulti.checkEntryMulti-registered .checkEntryMulti__registeredButton {
    display: block;
  }
  .checkEntryMulti__enteringIcon {
    position: absolute;
    display: none;
    width: 100%;
    height: 85px;
    top: 18px;
    text-align: center;
  }
  .checkEntryMulti.checkEntryMulti-entering .checkEntryMulti__enteringIcon {
    display: block;
    max-width: 38px;
  }
  .checkEntryMulti img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

.buscmp.ss-hotel {
  margin-bottom: 15px;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.buscmp .clearfix {
  display: block;
}

.buscmp .clearfix {
  display: inline-table;
  min-height: 1%;
}

.buscmp li.box:hover {
  cursor: pointer;
  opacity: .8;
}

.buscmp li.box {
  margin: 0;
  padding: 0;
}

.buscmp li a {
  display: block;
}

.buscmp li div.clearfix {
  margin: 0;
  padding: 0 20px 10px 0;
  display: block;
  position: relative;
  border: 1px solid #cccccc;
  background: top right url(data:image/gif;base64,R0lGODlhFAAUAIAAAB3NAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjExMzU5QUY0OTExMUU5OTJCMkY5NDJGNkExNDE4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjExMzU5QkY0OTExMUU5OTJCMkY5NDJGNkExNDE4NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCMTEzNTk4RjQ5MTExRTk5MkIyRjk0MkY2QTE0MTg2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCMTEzNTk5RjQ5MTExRTk5MkIyRjk0MkY2QTE0MTg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAABQAFAAAAhGEj6nL7Q+jnLTai7PevPuvFQA7) repeat-y;
}

.buscmp li div.clearfix:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.buscmp li dl.flt dt {
  width: 28%;
  float: left;
  margin: 0 10px;
}

.buscmp li dl.flt dt img {
  width: 100%;
}

.buscmp li dl.flt dd {
  width: 65%;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 1%;
}

.buscmp li dl.flt dd p {
  width: 40%;
  max-width: 100px;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  text-align: center;
}

.buscmp li dl.flt dd p span {
  color: #999;
  font-size: 14px;
  display: block;
}

.buscmp li dl.flt dd b {
  width: 16%;
  max-width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.buscmp li div.icos {
  clear: both;
  padding: 0 10px;
}

.buscmp li div.icos ul.chara {
  clear: none;
}

.buscmp li div.icos .chara {
  margin-bottom: 0;
}

.buscmp div.icos ul.chara li {
  width: auto;
  margin-top: 0;
}

.buscmp.buscmp-big li dl.flt dd {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.buscmp li dl.flt em {
  font-size: 12px;
  color: #666;
  font-style: normal;
  display: block;
  margin-bottom: 8px;
}

.buscmp li dl.flr dt img {
  width: 100%;
  display: block;
}

.buscmp li dl.flr dd {
  margin-right: 10px;
}

.buscmp .details {
  font-size: 12px;
  display: block;
}

.buscmp .hotel-price a span.details {
  background: none;
}

.buscmp.ss-hotel .hotel-price span.details {
  color: #000000;
}

.buscmp.ss-hotel .hotel-price span.details b {
  color: #bf0000;
  font-weight: bold;
  font-size: 28px;
  padding-top: 5px;
  display: block;
}

.buscmp.ss-hotel .hotel-price span.details b em {
  font-size: 16px;
}

/*bus*/
@media screen and (min-width: 720px) {
  .buscmp.buscmp-sma li.box {
    width: 48%;
    margin: 10px 1%;
    float: left;
  }
  .buscmp li dl.flt {
    width: 66%;
    float: left;
    margin: 20px 0 5px 0;
    border-right: 1px solid #ccc;
  }
  .buscmp li dl.flr {
    width: 33%;
    float: right;
    margin: 10px 0 0 0;
    position: relative;
    text-align: center;
  }
  .buscmp li .flt dt h2 {
    display: inline-block;
    font-weight: normal;
    color: #666666;
    margin-top: 5px;
    font-size: 12px;
    max-width: 240px;
  }
  .buscmp li dl.flr dt {
    position: absolute;
    top: 5px;
    right: 150px;
    max-width: 60px;
  }
  .buscmp li dl.flr img.pointX {
    margin-top: 0;
    display: block;
  }
  .buscmp .price-info-arrow {
    top: 14px;
  }
  .buscmp .details {
    padding-top: 8px;
  }
  .buscmp li h3 {
    font-size: 18px;
  }
  .buscmp li div.icos ul.chara {
    width: 73%;
    float: left;
  }
}

@media screen and (max-width: 300px) {
  .buscmp li.box {
    padding-bottom: 10px;
  }
  .buscmp li.box .clearfix {
    padding-bottom: 10px;
  }
  .buscmp li h2.sp {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    display: block;
    margin-bottom: 0;
    padding: 10px 0 0 10px;
  }
  .buscmp.buscmp-sma li.box {
    margin: 10px;
    float: none;
  }
  .buscmp li dl.flt {
    width: 96%;
    clear: both;
    margin: 10px auto 5px auto;
    border-right: 1px solid #ccc;
  }
  .buscmp li dl.flr {
    width: 96%;
    clear: both;
    margin: 10px auto 0 auto;
    position: relative;
  }
  .buscmp li dl.flt:after, .buscmp li dl.flr:after {
    display: inline-table;
    min-height: 1%;
  }
  .buscmp li dl.flr dt {
    position: absolute;
    top: 0px;
    right: 150px;
    max-width: 60px;
  }
  .buscmp .price-info-arrow {
    top: -8px;
  }
  .buscmp li h3 {
    font-size: 16px;
    padding-left: 12px;
  }
  .buscmp .hotel-price a span.details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 300px) and (max-width: 550px) {
  .buscmp li.box {
    padding-bottom: 10px;
  }
  .buscmp li.box .clearfix {
    padding-bottom: 10px;
  }
  .buscmp li h2.sp {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    display: block;
    margin-bottom: 0;
    padding: 10px 0 0 10px;
  }
  .buscmp.buscmp-sma li.box {
    margin: 10px 0;
    float: none;
  }
  .buscmp li dl.flt dt {
    width: 36%;
    float: left;
    margin: 0 2%;
  }
  .buscmp li dl.flt dd {
    min-height: 56px;
  }
  .buscmp li dl.flt dd h3 {
    font-size: 12px;
  }
  .buscmp li dl.flt dd p {
    font-size: 12px;
  }
  .buscmp li dl.flt {
    width: 53.5%;
    float: left;
    margin: 10px 0 5px 0;
    border-right: 1px solid #ccc;
  }
  .buscmp li dl.flr {
    width: 46%;
    float: right;
    margin: 10px 0 0 0;
    position: relative;
  }
  .buscmp li dl.flr dt {
    position: absolute;
    top: -30px;
    right: 140px;
    max-width: 60px;
    min-width: 50px;
  }
  .buscmp .price-info-arrow {
    top: -8px;
  }
  .buscmp .hotel-price a span.details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .buscmp li　h3 {
    font-size: 16px;
    padding-left: 12px;
  }
  .buscmp li img.pointX {
    text-align: left;
    margin-right: auto;
    display: block;
    margin-left: 2px;
  }
  .buscmp li img.no-pointX {
    display: none;
  }
}

@media screen and (min-width: 550px) and (max-width: 720px) {
  .buscmp li.box {
    padding-bottom: 10px;
  }
  .buscmp li.box .clearfix {
    padding-bottom: 10px;
  }
  .buscmp li h2.sp {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    display: block;
    margin-bottom: 0;
    padding: 10px 0 0 10px;
  }
  .buscmp.buscmp-sma li.box {
    margin: 10px 0;
    float: none;
  }
  .buscmp li dl.flt dt {
    width: 36%;
    float: left;
    margin: 0 2%;
  }
  .buscmp li dl.flt dd {
    width: 58%;
    min-height: 56px;
  }
  .buscmp li dl.flt dd h3 {
    font-size: 12px;
  }
  .buscmp li dl.flt dd p {
    font-size: 12px;
  }
  .buscmp li dl.flt {
    width: 58%;
    float: left;
    margin: 10px 0 5px 0;
    border-right: 1px solid #ccc;
  }
  .buscmp li dl.flr {
    width: 41%;
    float: right;
    margin: 10px 0 0 0;
    position: relative;
  }
  .buscmp li dl.flr dt {
    position: absolute;
    top: -30px;
    right: 150px;
    max-width: 60px;
    min-width: 50px;
  }
  .buscmp .price-info-arrow {
    top: -8px;
  }
  .buscmp li　h3 {
    font-size: 16px;
    padding-left: 12px;
  }
  .buscmp .hotel-price a span.details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 721px) {
  .buscmp li dl.flt dt {
    width: 36%;
    float: none;
    margin-left: 20px;
    margin-right: auto;
  }
  .ss-hotel .hotel-main .chara {
    margin-left: 10px;
    margin-top: 10px;
  }
  .buscmp li dl.flt dd {
    width: 100%;
    float: none;
  }
}

.ss-banner-Nolink {
  margin: 10px auto;
}

@media screen and (min-width: 720px) {
  .ss-banner-Nolink img.pc {
    display: block;
    width: 100%;
    max-width: 1300px;
    margin: 10px auto;
  }
}

@media screen and (max-width: 720px) {
  .goods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .goods li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc((100% - 10px) / 2);
            flex: 0 0 calc((100% - 10px) / 2);
    margin-bottom: 10px;
  }
  .goods li img {
    width: 100%;
  }
  .ss-banner-Nolink img.sp {
    display: block;
    width: 100%;
    max-width: 350px;
    margin: 10px auto;
  }
}

/*car tab sp*/
@media screen and (max-width: 720px) {
  .ui-datepicker {
    position: fixed !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .tab_areaDown {
    display: none;
  }
  .pc_text {
    display: none;
  }
  .tab_area {
    width: calc(100% + 2px);
    padding-bottom: 15px;
  }
  .tab_area li {
    cursor: pointer;
    display: table-cell;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #666;
    height: auto;
    color: #fff;
    border-right: 1px solid #eaeaea;
  }
  .tab_area li.active,
  .tab_area li.select {
    background: #0dbd0d;
    position: relative;
  }
  .tab_area li.active::before,
  .tab_area li.select::before {
    display: block;
    content: "";
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0dbd0d;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    z-index: 0;
  }
  .tab_area_7col li b {
    margin: 2px;
    padding: 0;
    font-size: 0;
    overflow: hidden;
    display: block;
    text-align: center;
  }
  .tab_area_7col li img {
    max-width: 100%;
    height: auto;
  }
  #CAR .cpnholder {
    margin-top: 20px;
    margin-bottom: 30px;
    background: #e9e9e9;
  }
  #CAR .mainlogo {
    overflow: hidden;
    margin: 5px 0 10px 0;
  }
  #CAR .mainlogo img {
    width: 20%;
    float: left;
  }
  #CAR .mainlogo p {
    width: 80%;
    float: left;
    line-height: 16px;
    font-size: 12px;
    min-height: auto;
  }
  #CAR .mainlogo p span {
    display: block;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0;
  }
  #CAR .content_area h2.mainTtl2 span {
    background: none;
  }
  .gomain {
    margin: 10px;
    max-width: 420px;
  }
  .gomain img {
    width: 100%;
  }
}

/*car Tab pc*/
@media screen and (min-width: 721px) {
  .tab_area {
    margin: 0;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
  }
  .mapArea .column-list .areaNm.surpriseIco {
    padding-right: 90px;
  }
  .tab_area li {
    cursor: pointer;
    font-weight: 700;
    height: 68px;
    text-align: center;
    vertical-align: middle;
    width: 25%;
    font-size: 18px;
    position: relative;
    color: #1ba91b;
    float: left;
  }
  .tab_area li {
    background: #666;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 6px;
    border-right: 1px solid #e9e9e9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .tab_areaDown li.select,
  .tab_areaTop li.select {
    z-index: 100 !important;
    margin-bottom: 0;
    color: #fff;
  }
  .tab_area li.active,
  .tab_area li.select {
    background: #1ba91b;
    position: relative;
  }
  .tab_area li.active::before,
  .tab_area li.select::before {
    display: block;
    content: "";
    position: absolute;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid  #1ba91b;
    bottom: -10px;
    left: 50%;
    margin-left: -16px;
    z-index: -1 !important;
  }
  .tab_areaDown {
    display: none;
  }
  .selectBtnNew ul .feature a.on {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAIAAAC0D9CtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAxNzAwNEM1MzM1RTExRTlCOUM4RTU1MEU2MjgwOUVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAxNzAwNEM2MzM1RTExRTlCOUM4RTU1MEU2MjgwOUVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE3MDA0QzMzMzVFMTFFOUI5QzhFNTUwRTYyODA5RUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE3MDA0QzQzMzVFMTFFOUI5QzhFNTUwRTYyODA5RUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4znlCtAAAAuklEQVR42mIMOK/KQCJgYiAd0EyPk1BQknQVnMtCjIZcuQ4g4+vfzytfTCZsD1wDGPwn7DZkDSteTFr5Ygq6Hm5mXmQNOjzmWDUg9IixSfepb4IrUuTUrFCchlUDIgwqFKcDtQEdA2Tvf7ceqAFiLaYGIGCEpAOgwc0qS9Cch1UDwm33v1+vvRMDDE24xL53a7FqQAkDZG1ADZMfVeIKT2aNDGE458OfNx/+vP769xMeDQj/DMp0DRBgALbcVdeQTQ6zAAAAAElFTkSuQmCC) left center no-repeat;
  }
  .selectBtnNew .typeRow.noBdcar {
    border-bottom: none;
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .all_area div.content_area {
    padding: 20px 0 0;
  }
  .tab_area_7col {
    overflow: hidden;
    margin-top: 20px;
    width: 99.75%;
    padding-left: 0.20%;
  }
  .tab_area_7col li {
    width: 12.46%;
  }
  .tab_area_7col li b {
    margin: 2px;
    padding: 0;
    font-size: 0;
    display: block;
  }
  .tab_area_7col li.active b {
    background: #fff;
  }
  .tab_area_7col li img {
    height: 64px;
  }
  .tab_area li.select:before {
    z-index: -1 !important;
    margin-left: -16px;
  }
  .selectBtnNew ul.tokutyo .feature a {
    color: #000;
    font-size: 14px;
    /*padding: 5px 8px 6px 8px;
            background: #d6d6d6;*/
    border-radius: 3px;
  }
  #CAR .mainlogo {
    overflow: hidden;
  }
  #CAR .mainlogo img {
    width: 10%;
    float: left;
  }
  #CAR .mainlogo p {
    width: 90%;
    float: left;
    padding-top: 8px;
    line-height: 24px;
    min-height: 132px;
  }
  #CAR .mainlogo p span {
    display: block;
    font-weight: bold;
    font-size: 24px;
    padding: 10px 0;
  }
  #CAR .cpnholder {
    background: #fff;
  }
  #CAR .firstimg {
    margin: 0;
    text-align: center;
  }
}

.tabButton .ss-slidetab li {
  border-radius: 30px;
  background-color: #eee;
  width: auto;
  border-color: #DDD;
}

.tabButton .ss-slidetab li.active {
  background: #0dbd0d;
}

.tabButton .ss-slidetab li a {
  color: #000;
}

@media screen and (min-width: 721px) {
  #CAR .column_4 .htlBox.column-list.jss {
    width: calc(24% - 2px);
  }
  /*タブボタン行高の定義*/
  .lineHA {
    min-height: 36px;
  }
  .lineHB {
    min-height: 46px;
  }
  .lineHC {
    min-height: 56px;
  }
  .lineHD {
    min-height: 66px;
  }
  .lineHE {
    min-height: 76px;
  }
  .lineHF {
    min-height: 86px;
  }
  .lineHG {
    min-height: 96px;
  }
  .lineHH {
    min-height: 106px;
  }
  .lineHI {
    min-height: 116px;
  }
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 720px) {
  .selectBtnNew ul.level a, .selectBtnNew ul.levelCop a {
    color: #444;
    font-size: 14px;
    padding-left: 21px;
  }
  .selectBtnNew ul.level .checkedbg a {
    color: #000;
  }
  .selectBtnNew ul li.radioBtn a {
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/radio.png) left center no-repeat;
    font-size: 14px;
    min-height: 18px;
    line-height: 18px;
  }
  .selectBtnNew ul li.radioBtn.checked a {
    background: url(https://img.travel.rakuten.co.jp/special/sales/dp/201809/images/checked_r.png) left center no-repeat;
    background-size: auto;
    background-size: 17px 17px;
  }
}

.scrollin {
  display: block;
}

.fadein {
  opacity: 0;
  display: none;
  /*transform: translate(0, 100px);
            transition: all 1000ms;*/
}

.fadein.scrollin {
  opacity: 1;
  display: block;
  /*transform: translate(0, 0);*/
}

.fadein.scrollin {
  -webkit-animation-name: lazyloadAnime;
  animation-name: lazyloadAnime;
  visibility: visible;
  /*animation-delay:0; 
            animation-iteration-count: 1;*/
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation: lazyloadAnime 0.9s;
  -webkit-animation: lazyloadAnime 0.9s;
  /* -webkit-animation-direction:alternate;
            animation-direction:alternate;*/
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes lazyloadAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes lazyloadAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (max-width: 720px) {
  .rt-header {
    z-index: 2 !important;
  }
}

.hide .flex-box-center li.rankingBnr {
  display: none;
}

.hide .ss-banner-box .align-center.rankingBnr {
  display: none;
}

#search-box.verB.test #searchForeignSwitchArea1 .ovsearchtips span {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}

/* ==========================================================================
   message
========================================================================== */
.msg-area {
  display: block;
  margin: 0 0 10px 20px;
  padding-right: 20px;
}

.msg-item {
  margin-bottom: 8px;
}

.msg-item > a,
.msg-item.no-link {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 8px 10px 2.7em;
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  background-size: 20px 20px !important;
}

.msg-item > a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.msg-item > a:hover:after {
  opacity: 0.2;
}

.msg-info > a,
.msg-info.no-link {
  color: currentColor;
  background: #FFF8E5 url(https://img.travel.rakuten.co.jp/bus/images/icon-info.svg) 0.7em 0.7em no-repeat;
}

.msg-warning > a,
.msg-warning.no-link {
  color: #bf0000;
  background: #FFF8E5 url(https://img.travel.rakuten.co.jp/bus/images/icon-warning.svg) 0.7em 0.7em no-repeat;
}

.msg-info2 > a,
.msg-info2.no-link {
  color: #437617;
  border: 1px solid #76AE25;
  border-radius: 4px;
  background: #ffffff url(https://img.travel.rakuten.co.jp/share/common/images/icon-bag.svg) 0.7em 0.6em no-repeat;
}

@media screen and (max-width: 720px) {
  .msg-area {
    padding-top: 6px;
    margin: 10px;
    padding-right: 0;
  }
  .msg-item {
    margin-bottom: 4px;
  }
}

/* ==========================================================================
keyword
========================================================================== */
.keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.keyword .keyword--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0  auto;
          flex: 0 0  auto;
}

@media screen and (max-width: 720px) {
  .keyword .pc {
    display: none !important;
  }
}

.keyword .keyword--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.keyword .keyword--btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px;
  border-radius: 5px;
  margin-right: 5px;
  -webkit-box-shadow: 1px 1px 3px #ccc;
          box-shadow: 1px 1px 3px #ccc;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
}

.keyword .keyword--btn:hover {
  opacity: .8;
}

/*202009*/
.ss-hotel-bus .hotel-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ss-hotel-bus .hotel-main .area-name {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 10px;
  text-align: right;
}

.ss-hotel-bus .hotel-main .hotel-name {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.ss-hotel-bus .hotel-main .chara {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ss-hotel-bus .hotel-price a span {
  font-size: 30px;
}

.ss-hotel-bus .hotel-price a span.details em {
  font-size: 18px;
}

.ss-hotel-bus img.pointX {
  margin-top: 0;
}

.tabButton .ss-slidetab li.active.one_button {
  width: 75%;
  cursor: default;
  color: #333;
  background: #fff;
  border-color: #ccc;
}

@media screen and (max-width: 721px) {
  #HOME_BusKanko .ss-hotel-bus {
    position: relative;
  }
  #HOME_BusKanko .ss-hotel-bus .hotel-container {
    width: 100%;
    clear: both;
    float: none;
    padding-left: 0;
  }
  #HOME_BusKanko .ss-hotel-bus .hotel-main .chara {
    position: absolute;
    top: 0;
    width: 55%;
    right: 0;
  }
}

@media screen and (max-width: 321px) {
  #HOME_BusKanko .ss-hotel-bus .hotel-main .chara li {
    padding: 1px 2px;
    font-size: 10px;
  }
}

@media screen and (max-width: 721px) {
  .ss-noteOut li {
    font-size: 12px;
    line-height: 18px;
  }
  .rt-header .rt-nav-link ul li a {
    color: #000;
  }
  .rt-nologin a {
    color: #000;
  }
  .rt-header .rt-btn-info a,
  .rt-header .rt-nav-link dt a,
  .rt-header .rt-member dt a {
    color: #000;
  }
  .kvSP_bg_goto {
    padding-top: 35px;
  }
  .buscmp li.box .clearfix {
    padding-bottom: 0;
  }
  .buscmp li dl.flt dt {
    display: none;
  }
  .buscmp .hotel-main .chara {
    margin-top: 0;
    margin-bottom: 0;
  }
  .buscmp li dl.flr {
    margin-top: -15px;
  }
  .buscmp li dl.flt dd {
    min-height: 50px;
  }
  .buscmp.ss-hotel .hotel-price span.details b em {
    font-size: 12px;
  }
  .buscmp li img.pointX {
    margin-left: 10px;
  }
}

/*maybe have bug */
.mapPopUp #popUpplan {
  overflow-y: auto !important;
}

.popUpplan .mainTtl2 {
  margin-bottom: 15px;
}

.popUpplan .mainTtl2 span {
  position: relative;
  text-indent: 0;
  width: auto;
  height: auto;
  background: none;
}

#topBnrBox {
  position: relative;
}

/*topssi*/
.ss-title .kv_wrapperIn_goto {
  max-width: 1100px;
  padding-left: 0;
}

.kv_wrapper .kv_wrapperIn_goto .kv_logo img.pc {
  max-width: 1100px;
  padding-left: 0;
}

/*topbnr*/
.htlLogoNew ul li {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.htlLogoNew ul li a {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  color: #1d54a7;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  word-break: break-all;
}

.htlLogoNew ul li a img {
  display: block;
  width: 100%;
  margin: 0 auto 5px auto;
}

.htlLogoNew ul li {
  width: 35%;
  float: left;
  margin-bottom: 0;
  max-width: 250px;
}

.swiper-container-horizontal > .swiper-scrollbarNew {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  opacity: 1 !important;
}
.topbnr_icon_goto {
  padding-left: 16px!important;
}
.topbnr_icon_goto:before{ background: none!important;}

@media (min-width: 720px) and (max-width: 1450px) {
  .topbnr_icon_goto {
    width: 195px;
  }
  .oneTopImg .topbnr_icon {
    left: calc(50% + 145px);
  }
}

@media screen and (min-width: 1450px) {
  .topbnr_icon_goto {
    width: 195px;
  }
  .oneTopImg .topbnr_icon_goto {
    top: calc(20px);
    left: calc(50vw + ((378 * 50vw) / 725) - 245px);
  }
}

/*===================== busCard ===================*/
/* ==========================================================================
busCard
========================================================================== */
@media screen and (min-width: 721px) {
  .busCard {
    border: 1px solid #ccc;
    position: relative;
    width: 32.1%;
    padding: 0;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
  }
  .busCard a {
    padding: 15px 4% 4px 2%;
  }
  .busCard a:hover {
    opacity: .8;
  }
  .busCard:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    top: 0;
    right: 0;
    background-color: #1DCD00;
  }
  .busCard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .busCard--date {
    padding-left: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .busCard--date li {
    font-size: 14px;
    padding: 8px;
    text-align: center;
    border-radius: 5px;
    margin-right: 42px;
    color: #999;
    position: relative;
    background-color: #e8f8e8;
  }
  .busCard--date li span {
    display: block;
    color: #000;
    font-size: 20px;
  }
  .busCard--date li:first-child:after {
    position: absolute;
    display: block;
    content: "";
    right: -32px;
    top: 50%;
    margin-top: -3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAGCAYAAADZq14TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABHSURBVHgBtdDBDQAQEETRoQIlKFEH6EAHSqMDJTAOknXf/clLNnscQLdOEYZtGpTew1GBXlnck6qHbRPK3YkWdFf5ahTk4wDMOwlf9CVT6wAAAABJRU5ErkJggg==);
    width: 24px;
    height: 6px;
  }
  .busCard--name {
    font-size: 12px;
    position: absolute;
    color: #666;
    width: 80px;
    top: 16px;
    left: 16px;
    line-height: 1.5;
    margin-top: -10px;
  }
  .busCard--name:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIconGreen.svg) !important;
    background-size: 530px auto;
    background-position: -364px -120px;
    margin: 0 auto;
  }
  .busCard--price {
    font-weight: bold;
    text-align: right;
    padding: 15px 0;
    color: #BF0000;
    padding-right: 20px;
  }
  .busCard--price em {
    font-style: normal;
    font-size: 33px;
  }
  .busCard--icon {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 50px;
    height: 50px;
  }
  .busCard--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .busCard--services li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 6px;
    border: 1px solid #EB6100;
    border-radius: 3px;
    color: #EB6100;
    font-size: 11px;
    margin-right: 6px;
    padding: 3px 5px;
  }
}

@media screen and (max-width: 720px) {
  .busCard {
    border: 1px solid #ccc;
    position: relative;
    padding: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .busCard a {
    padding: 10px 30px 4px 10px;
  }
  .busCard a:hover {
    opacity: .8;
  }
  .busCard:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    top: 0;
    right: 0;
    background-color: #1DCD00;
  }
  .busCard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .busCard--date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .busCard--date li {
    font-size: 14px;
    padding: 5px;
    line-height: 1;
    text-align: center;
    border-radius: 5px;
    color: #999;
    position: relative;
    background-color: #e8f8e8;
  }
  .busCard--date li:first-child {
    margin-right: 42px;
  }
  .busCard--date li span {
    color: #000;
    font-size: 18px;
  }
  .busCard--date li:first-child:after {
    position: absolute;
    display: block;
    content: "";
    right: -32px;
    top: 50%;
    margin-top: -3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAGCAYAAADZq14TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABHSURBVHgBtdDBDQAQEETRoQIlKFEH6EAHSqMDJTAOknXf/clLNnscQLdOEYZtGpTew1GBXlnck6qHbRPK3YkWdFf5ahTk4wDMOwlf9CVT6wAAAABJRU5ErkJggg==);
    width: 24px;
    height: 6px;
  }
  .busCard--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 15px 0 10px;
  }
  .busCard--details .wraper {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 180px;
    margin-left: 10px;
  }
  .busCard--name {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    display: inline-block;
  }
  .busCard--price {
    line-height: 1;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    color: #BF0000;
  }
  .busCard--price em {
    font-style: normal;
    font-size: 33px;
  }
  .busCard--icon {
    display: inline-block;
    width: 50px;
    height: 50px;
  }
  .busCard--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .busCard--services li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 6px;
    border: 1px solid #EB6100;
    border-radius: 3px;
    color: #EB6100;
    font-size: 11px;
    margin-right: 6px;
    padding: 3px 5px;
  }
}

/*===================== taxiCard ===================*/
/* ==========================================================================
taxiCard
========================================================================== */
@media screen and (min-width: 721px) {
  .taxiCard {
    border: 1px solid #ccc;
    position: relative;
    width: 32.1%;
    padding: 0;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
  }
  .taxiCard a {
    padding: 15px 4% 4px 2%;
  }
  .taxiCard a:hover {
    opacity: .8;
  }
  .taxiCard:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    top: 0;
    right: 0;
    background-color: #1DCD00;
  }
  .taxiCard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .taxiCard--date {
    padding-left: 90px;
    padding-right: 10px;
    line-height: 1.5;
    color: #000;
    font-size: 13px;
    font-weight: bold;
  }
  .taxiCard--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 15px 0 10px;
  }
  .taxiCard--details .wraper {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-left: 10px;
  }
  .taxiCard--name {
    font-size: 12px;
    position: absolute;
    color: #666;
    width: 80px;
    top: 16px;
    left: 16px;
    line-height: 1.5;
    margin-top: -10px;
  }
  .taxiCard--name:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIconGreen.svg) !important;
    background-size: 530px auto;
    background-position: -60px -120px;
    margin: 0 auto;
    position: relative;
    left: -4px;
  }
  .taxiCard--price {
    line-height: 1;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    color: #BF0000;
  }
  .taxiCard--price em {
    font-style: normal;
    font-size: 33px;
  }
  .taxiCard--icon {
    width: 50px;
    height: 50px;
  }
  .taxiCard--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .taxiCard--services li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 6px;
    border: 1px solid #EB6100;
    border-radius: 3px;
    color: #EB6100;
    font-size: 11px;
    margin-right: 6px;
    padding: 3px 5px;
  }
}

@media screen and (max-width: 720px) {
  .taxiCard {
    border: 1px solid #ccc;
    position: relative;
    padding: 0;
    margin-bottom: 10px;
  }
  .taxiCard a {
    padding: 10px 30px 4px 10px;
  }
  .taxiCard a:hover {
    opacity: .8;
  }
  .taxiCard:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    top: 0;
    right: 0;
    background-color: #1DCD00;
  }
  .taxiCard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .taxiCard--date {
    color: #000;
    font-weight: bold;
    padding-right: 10px;
  }
  .taxiCard--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 15px 0 10px;
  }
  .taxiCard--details .wraper {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 180px;
    margin-left: 10px;
  }
  .taxiCard--name {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    display: inline-block;
  }
  .taxiCard--price {
    line-height: 1;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    color: #BF0000;
  }
  .taxiCard--price em {
    font-style: normal;
    font-size: 33px;
  }
  .taxiCard--icon {
    display: inline-block;
    width: 50px;
    height: 50px;
  }
  .taxiCard--services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .taxiCard--services li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    margin-bottom: 6px;
    border: 1px solid #EB6100;
    border-radius: 3px;
    color: #EB6100;
    font-size: 11px;
    margin-right: 6px;
    padding: 3px 5px;
  }
}

/*===================== carCard ===================*/
/* ==========================================================================
carCard
========================================================================== */
@media screen and (min-width: 721px) {
  .carCard {
    border: 1px solid #ccc;
    position: relative;
    width: 32.1%;
    padding: 0;
    margin-right: 1%;
    float: left;
    margin-bottom: 10px;
  }
  .carCard a {
    padding: 15px 4% 4px 2%;
  }
  .carCard a:hover {
    opacity: .8;
  }
  .carCard:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    top: 0;
    right: 0;
    background-color: #1DCD00;
  }
  .carCard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .carCard .wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .carCard--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0 0;
  }
  .carCard--name {
    color: #000;
    font-size: 13px;
    padding-right: 5px;
    min-width: 60%;
  }
  .carCard--name span {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 8px;
  }
  hr {
    border: none;
    position: relative;
  }
  hr:after {
    content: "";
    display: block;
    width: 1px;
    background-color: #ccc;
    height: 100%;
  }
  .carCard--condition {
    font-size: 12px;
    text-align: center;
    color: #666;
    line-height: 1.5;
  }
  .carCard--condition:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(../images/ttlIconGreen.svg) !important;
    background-size: 530px auto;
    position: relative;
    top: 5px;
    background-position: -427px -180px;
    margin: 0 auto;
  }
  .carCard--price {
    font-weight: bold;
    text-align: right;
    padding: 15px 0;
    color: #BF0000;
    padding-right: 20px;
  }
  .carCard--price em {
    font-style: normal;
    font-size: 33px;
  }
  .carCard--price span {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    display: block;
    padding-top: 6px;
  }
  .carCard a img {
    width: 92%;
    margin-right: 4%;
  }
}

@media screen and (max-width: 720px) {
  .carCard {
    border: 1px solid #ccc;
    position: relative;
    padding: 10px;
    padding-right: 30px;
    padding-bottom: 4px;
    margin-bottom: 10px;
  }
  .carCard:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 20px;
    top: 0;
    right: 0;
    background-color: #1DCD00;
  }
  .carCard:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .carCard .wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .carCard--details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0 0;
  }
  .carCard--name {
    color: #000;
    font-size: 13px;
    min-width: 60%;
  }
  .carCard--name span {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    padding-bottom: 8px;
  }
  hr {
    border: none;
    position: relative;
  }
  hr:after {
    content: "";
    display: block;
    width: 1px;
    background-color: #ccc;
    height: 100%;
  }
  .carCard--condition {
    font-size: 12px;
    text-align: center;
    color: #666;
    padding-right: 8px;
    line-height: 1.5;
  }
  .carCard--condition:before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/new_template/images/ttlIconGreen.svg) !important;
    background-size: 530px auto;
    position: relative;
    top: 5px;
    background-position: -427px -180px;
    margin: 0 auto;
  }
  .carCard--price {
    font-weight: bold;
    text-align: right;
    padding: 15px 0;
    font-size: 12px;
    color: #BF0000;
  }
  .carCard--price em {
    font-style: normal;
    font-size: 24px;
  }
  .carCard--price span {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    display: block;
    padding-top: 6px;
  }

  .newversion .ss-hotel .hotel-sub ul {
    justify-content: flex-start!important;
  }

  .newversion .ss-hotel .hotel-sub ul li {
    width: fit-content!important;
    margin-right: 5px!important;
  }
  .newversion .ss-hotel .hotel-sub ul li:last-of-type {
    margin-right: 0!important;
  }
}

@media screen and (min-width: 461px) and (max-width: 720px) {
  .carCard--price {
    font-size: 14px;
  }
  .carCard--name {
    min-width: 55%;
  }
}


.newversion .ss-hotel .hotel-main .area-name{color: #000;}
.newversion .hotel-img img{width: 100%;}
.newversion .ss-hotel .hotel-img{margin: 0 !important;}
.newversion .upperpart{border-bottom: 1px dotted #000;}
.newversion .hotel-container{padding-top: 8px;}
.newversion .ss-hotel .hotel-main .hotel-name{font-weight: normal;text-align: center;font-size: 11px;}
.newversion .ss-hotel .hotel-main .area-name{font-weight: bold;font-size: 14px;text-align: left;}
.newversion .ss-hotel .hotel-main .type-name{display: flex; align-items: center;font-size: 12px; padding-left: 22px; color: #000; }
.newversion .ss-hotel .hotel-main .type-name.iconA{  background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType1.svg)
  no-repeat left center;background-size: 20px;}
  .newversion .ss-hotel .hotel-main .type-name.iconB{  background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType2.svg)
    no-repeat;background-size: 20px;}
    .newversion .ss-hotel .hotel-main .type-name.iconC{  background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType3.svg)
      no-repeat;background-size: 20px;}
      .newversion .ss-hotel .hotel-main .type-name.iconD{   background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType4.svg) no-repeat;background-size: 20px;}
        .newversion .ss-hotel .hotel-main .type-name.iconE{  background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType5.svg) no-repeat;background-size: 20px;}
          .newversion .ss-hotel .hotel-main .type-name.iconF{ background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType8.svg) no-repeat;background-size: 20px;}
 
.newversion .ss-hotel .hotel-price a span.details{text-align: left;}
.newversion .ss-hotel .hotel-sub{float: none;}
.newversion .ss-hotel .hotel-sub ul{width: 100%;display: flex;font-size: 11px;color: #6d6d6d;flex-wrap: wrap; justify-content: space-between;}
.newversion .ss-hotel .hotel-sub ul li{width: 49%;float: none;padding-left: 16px;box-sizing: border-box;text-align: left;margin-bottom: 2px;}
.newversion .ss-hotel .hotel-sub ul li.ico_pt{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_point.svg) no-repeat left center; background-size: 16px 15px;}
.newversion .ss-hotel .hotel-sub ul li.ico_cr{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_credit.svg) no-repeat left center; background-size: 16px 15px;}
.newversion .ss-hotel .hotel-sub ul li.ico_cd{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_credit.svg) no-repeat left center; background-size: 16px 15px;}
.newversion .ss-hotel .hotel-sub ul li.ico_pay{ background: url(https://img.travel.rakuten.co.jp/cars/special/anniversary/1200/images/icon_pay.svg) no-repeat left center; background-size: 16px 15px;}
.newversion .ss-hotel .hotel-main .area-name{margin-bottom: 0;}
.newversion .ss-button{width: 100%;margin: 0 auto;box-sizing: content-box;padding: 10px 0;font-size: 14px}
.newversion .ss-hotel .hotel-price span.details {
  text-align: left;
  display: block;
  background: none;
  padding: 0;
  min-height: auto;
  font-size: 21px;  color: #bf0000;  font-weight: bold;
}
.newversion .ss-hotel .hotel-price span.details small {
  font-size: 12px;
}
.ss-hotel .hotel-price {
  padding-top: 8px;
  display: block;
  text-align: right;
  font-size: 11px;
  margin-bottom: 5px;
  cursor: default;
  color: #000;
  position: static;
}
/*# sourceMappingURL=ss-contentsNew.css.map */