.pc { display: none !important; }

#contentsArea a:hover { opacity: 0.8; }

#contents.column1 { padding: 0; background: #fff; }

#mainContents { overflow: hidden; }

#top { width: 100%; background: #fff url(https://img.travel.rakuten.co.jp/package/guide/images/top_arr.gif) center bottom no-repeat; background-size: 70px auto; padding-bottom: 70px; margin-bottom: 25px; }

#top h1 { width: 100%; background: #85cd27; }

#top h1 img { display: block; margin: 0 auto; width: 100%; }

.mainImg { margin: 0 10px 20px; padding: 15px; border: 2px solid #66af08; border-radius: 10px; }

.mainImg img { display: block; width: 100%; }

#contentsArea .yoyaku { margin: 0 10px 20px; }

#contentsArea .yoyaku li { margin-bottom: 10px; }

#contentsArea .yoyaku li img { display: block; width: 100%; }

#contentsArea .yoyaku li div { margin: 10px; }

#top2 { padding: 10px 0; }

#top2 h1 { padding: 0 15px 0 100px; background: url(https://img.travel.rakuten.co.jp/package/guide/images/women_sp.jpg) 10px bottom no-repeat; background-size: 80px auto; height: 78px; font-size: 24px; display: flex; align-items: center; }

#top2 .bar { border-radius: 10px; font-weight: bold; font-size: 17px; color: #fff; padding: 10px 10px 10px 60px; margin: 0 10px 20px; }

#top2 .bar.or { background: #83c02c url(https://img.travel.rakuten.co.jp/package/guide/images/icon1.png) 10px center no-repeat; background-size: 36px auto; }

#top2 .bar.bl { background: #83c02c url(https://img.travel.rakuten.co.jp/package/guide/images/icon2.png) 10px center no-repeat; background-size: 36px auto; }

#top2 .bar.pk { background: #83c02c url(https://img.travel.rakuten.co.jp/package/guide/images/icon3.png) 10px center no-repeat; background-size: 36px auto; }

#top2 .bar.icon01 { background: #83c02c url(../images/icon_hotel01.png) 10px center no-repeat; background-size: 36px auto; }

#top2 .bar.icon02 { background: #83c02c url(../images/icon_plan.png) 10px center no-repeat; background-size: 36px auto; }

#top2 .bar.icon03 { background: #83c02c url(../images/icon_hotel02.png) 10px center no-repeat; background-size: 36px auto; }

#top2 .bar.icon04 { background: #83c02c url(../images/icon_air.png) 10px center no-repeat; background-size: 40px auto; }

#contentsArea .stepnav {
  margin: 0 10px 20px 10px;
 }

#contentsArea .stepnav li {
  display: block;
  margin-bottom: 3px;
}

#contentsArea .stepnav li a {
  font-size: 13px;
  display: block;
  line-height: 150%;
  padding: 2px 5px;
  border-radius: 2%;
  color: #FFF;
  background: #85cd27;
  -webkit-box-shadow: 0 7px 0 #476e14;
  box-shadow: 0 1px 0 #476e14;
  text-align: left;
  border-radius: 5px;
  }

#contentsArea .stepnav li em {
  font-size: 13px;
  display: block;
  line-height: 150%;
  padding: 2px 5px;
  border-radius: 2%;
  color: #FFF;
  background: #eb9502;
  -webkit-box-shadow: 0 7px 0 #476e14;
  box-shadow: 0 1px 0 #476e14;
  text-align: left;
  border-radius: 5px;
}

#contentsArea .imglist > div { margin-bottom: 20px; }

#contentsArea .imglist .imgbox { padding: 0 10px; position: relative; }

#contentsArea .imglist .imgbox > img { display: block; width: 100%; }

#contentsArea .imglist .imgbox a.arr { height: 80px; width: 100%; background: url(https://travel.rakuten.co.jp/package/guide/images/arr_sp.png) center center no-repeat; color: #fff; display: block; text-align: center; line-height: 60px; font-size: 20px; font-weight: bold; margin: 10px 0; }

#contentsArea .navi { position: fixed; right: 0; bottom: 0; z-index: 101; }

#contentsArea .navi a span { display: block; font-size: 10px; letter-spacing: -1px; text-align: center; color: #fff; background: #66af08; border-radius: 10px; padding: 5px 2px; border: 2px solid #fff; margin-top: 2px; }

#contentsArea .navi a span b { color: #ffff78; display: block; font-size: 12px; letter-spacing: 0; }

#contentsArea .navi a:hover { text-decoration: none; }

.rt-footer { z-index: 10; }

/*# sourceMappingURL=contents_sp.css.map */
.column_2 .column-list, .column_3 .column-list, .column_4 .column-list, .column_5 .column-list {
    float: left;
    display: table;
    width: 45.5%;
    vertical-align: middle;
    margin-right: 1%;
}

a.ss-btn-ana {
    padding: 15px 10px;
    font-size: 12px !important;
}

a.ss-btn {
    display: block;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

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


a.ss-btn-jal {
    padding: 15px 10px;
    font-size: 12px !important;
}

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

.align-center {
    text-align: center;
    margin: 0 15px 20px 40px;
}

.text {

    text-align: center;
    margin-bottom: 10px;

}

.small {

    font-size: 90%;

}s



-----------------------------------------


#contentsArea .yoyaku . li {
    width: 200px;
}
.yoyakubtn,
a.yoyakubtnbtn,
button.yoyakubtnbtn {
  font-size: 1.6rem;
      font-weight: 700;
      position: relative;
      display: inline-block;
      padding: 1rem 4rem;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: all .3s;
      transition: all .3s;
      text-align: center;
      vertical-align: middle;
      text-decoration: none;
      letter-spacing: .1em;
      color: #212529;
      border-radius: 0.5rem;
}

a.btn--circle {
  font-size: 14px;
  display: block;
  line-height: 150%;
  height: 50px;
  padding: 5px 5px 5px 90px;
  border-radius: 2%;
  color: #212529;
  background: #85cd27;
  -webkit-box-shadow: 0 7px 0 #476e14;
  box-shadow: 0 7px 0 #476e14;
  text-align: left;
}

a.btn--circle i {
  font-size: 150%;
}

.fa-position-bottom {
  position: absolute;
  right: calc(10% - 0.5rem);
  top: 50%;
}

#contentsArea a.btn--circle:hover {
  color: #212529!important;
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
  text-decoration: none!important;
  -webkit-box-shadow: 0 3px 0 #476e14;
  box-shadow: 0 3px 0 #476e14;
  opacity: 0.8;
}


.fa-envelope01:before {
    position: absolute;
    top: calc(15% - 1rem);
    left: 1.0rem;
    transform: scale(0.8);
    margin: 0;
    padding: 0;
    content: url(../images/icon_hotel01.png);
}
.fa-envelope02:before {
    position: absolute;
    top: calc(15% - 1rem);
    left: 1.0rem;
    transform: scale(0.8);
    margin: 0;
    padding: 0;
    content: url(../images/icon_plan.png);
}
.fa-envelope03:before {
    position: absolute;
    top: calc(15% - 1rem);
    left: 1.0rem;
    transform: scale(0.8);
    margin: 0;
    padding: 0;
    content: url(../images/icon_hotel02.png);
}
.fa-envelope04:before {
    position: absolute;
    top: calc(15% - 1rem);;
    left: 1.0rem;
    transform: scale(0.8);
    margin: 0;
    padding: 0;
    content: url(../images/icon_air.png);
}
.fa-angle-down:before {
  position: absolute;
    top: calc(15% - 1rem);
    margin: 0;
    padding: 0;
    content: url(../images/arrow.png);
}

.midashi {font-size: 26px;text-align: center;padding-top: 30px;padding-bottom: 8px;}