@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : plan_rankup.css
 author     : Ability Consultant
 style info : ワンランク上のご旅行　ちょっと贅沢な休日を楽しみたいあなたへ
=================================================================== */
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
#contents {
  padding: 2% 0;
}
@media only screen and (max-width: 767px) {
  #contents {
    padding: 1% 0;
  }
}

/* -----------------------------------------------------------
	title
----------------------------------------------------------- */
.con_title {
  box-shadow: none;
}
.con_title h3 {
  color: #808080;
  font-size: 154%;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  border-bottom: 1px solid #808080;
  margin-bottom: 3%;
}
.con_title .img {
  margin: 0 0 5%;
}
.con_title .img img {
  display: block;
  width: 100%;
}

/* -----------------------------------------------------------
	con_rankup
----------------------------------------------------------- */
.con_rankup .box_top .img {
  float: right;
}
@media only screen and (max-width: 543.5px) {
  .con_rankup .box_top .img {
    float: none;
    margin-bottom: .6em;
    padding: 0em 0em 1em 1em;
  }
  .con_rankup .box_top .img img {
    width: 100%;
    height: auto;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_top .img {
    padding: 0;
  }
}
.con_rankup .box_top .txt {
  text-align: left;
  margin: 0 0 .9em;
}
.con_rankup .box_top ul {
  margin-left: 2em;
  margin-bottom: 2em;
}
.con_rankup .box_top ul li {
  list-style-type: disc;
}
.con_rankup .box_rec {
  border: 1px dotted #666;
  border-left: 0;
  border-right: 0;
  padding: 3% 0;
  margin: 4% 0;
}
.con_rankup .box_rec .ss_rec {
  color: #660000;
  font-weight: bold;
  font-size: 120%;
  margin: 0 0 .8em;
}
.con_rankup .box_rec ul {
  padding: 0 0 0 2em;
}
.con_rankup .box_rec ul li {
  list-style-type: disc;
  font-size: 90%;
}
.con_rankup .box_link {
  margin: 0 0 5%;
  overflow: hidden;
}
.con_rankup .box_link .box_img {
  float: left;
  width: 44%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_img {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_img {
    width: 100%;
  }
}
.con_rankup .box_link .box_img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 1em;
}
.con_rankup .box_link .box_img .all_planlist {
  text-align: right;
}
.con_rankup .box_link .box_list {
  float: left;
  width: 54%;
  padding: 0.3em 0 0 0.8em;
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_list {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_list {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_list {
    padding: 2em 0 0;
  }
}
.con_rankup .box_link .box_list p {
  color: #660000;
  font-size: 139%;
  font-weight: bold;
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  background: url(../plan/images/rankup/ic_arr.png) left center no-repeat;
  background-size: 1em auto;
  padding-left: 1.2em;
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_list p {
    margin-bottom: 0.5em;
  }
}
.con_rankup .box_link .box_list ol {
  margin: 0 0 1.3em 0.8em;
  padding: 0 0 0 .8em;
  color: #660000;
  font-size: 100%;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .con_rankup .box_link .box_list ol {
    margin: 0 0 1.3em 0;
  }
}
.con_rankup .box_link .box_list ol li {
  line-height: 1.3em;
  list-style-position: outside;
  list-style-type: decimal;
  margin: 0 0 0 10px;
}
.con_rankup .box_link .box_list ul {
  margin: 0 0 1.3em .8em;
  padding: 0 0 0 0;
  color: #660000;
  font-size: 120%;
  font-weight: bold;
}
.con_rankup .box_link .box_list ul li {
  line-height: 1.7em;
  list-style-position: inside;
  list-style-type: disc;
  border-bottom: 3px solid #660000;
  padding: .3em .3em .3em .8em;
}