@charset "utf-8";

.summer {
  background: #d6f7ff;
  padding: 0 0 100px;
}

.summer h2 {
  text-align: center;
  margin: 142px 0 0;
  padding: 20px 0;
  background: url('../img/bg_main.jpg') no-repeat 50% 50%;
  background-size: cover;
}

.sec_nav {
  padding: 10px 0 120px 0;

  background: url('../img/bg_sec_nav.png') no-repeat 50% 55px;
}

.sec_nav h3 {
  text-align: center;
  font-size: 41px;
  color: #e45e0d;
  font-weight: bold;
  padding: 80px 0 43px;
}

.explain_box {
  text-align: center;
  background: url('../img/explain_line.png') no-repeat 50% 0, url('../img/explain_line.png') no-repeat 50% 100%;
  padding: 60px 0 50px;
  font-size: 20px;
  color: #e45e0d;
}

.nav_box {
  background: #fff url('../img/bg_nav.png') no-repeat 5% 65%;
  padding: 25px 0 25px 285px;
  border-radius: 10px;
  margin: 60px 0 0 0;
  
}

.nav_box ul {
  margin: 0;
  padding: 0;
}

.nav_box ul li {
  margin: 10px 0;
}

.nav_box ul li a {
  display: inline-block;
  color: #04447c;
  font-weight: bold;
  font-size: 16px;
  /* border-bottom: 1px solid #04447c; */
  text-decoration: underline;
  line-height: 1.2em;
}

.summer_inner {
  max-width: 980px;
  margin: 0 auto;
}

.sec_list {
}

.list_inner {
  max-width: 1290px;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  padding: 1px 160px;
  border-radius: 20px;
}

.recommend_box {
  margin: 100px 0;
  padding: 0 0 30px;
  background: url('../img/list_line.png') no-repeat 50% 100%;
}

.recommend_box h3 {
  text-align: center;
  color: #04447c;
  font-weight: bold;
  font-size: 24px;
}

.recommend_box h3 strong {
  display: block;
  font-size: 28px;
  margin: 10px 0 80px;
}

.recommend_box h3 a {
  text-align: center;
  color: #04447c;
  font-weight: bold;
  font-size: 24px;
}

.recommend_box h3 a:hover {
  text-decoration: underline;
}

.list_ly {
  overflow: hidden;
  margin: 80px 0;
}

.list_slider {
  float: left;
  width: 50%;
}

.slider-nav,
.slider-nav2,
.slider-nav3,
.slider-nav4,
.slider-nav5,
.slider-nav6,
.slider-nav7 {
  margin: 10px 0 0;
}

.list_txt {
  float: right;
  width: 50%;
  box-sizing: border-box;
  padding: 0 0 0 40px;
}

.list_txt p {
  font-size: 15px;
  margin: 0;
  color: #04447c;
  line-height: 1.8em;
}

.list_txt h4 {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 15px;
  color: #fff;
  background: #df2a40;
  margin: 30px 0 0;
  font-weight: bold;
}

.list_txt ul {
  padding: 0;
  margin: 10px 0 0;
}

.list_txt ul li {
  margin: 5px 0;
}

.list_txt ul li dl {
  display: flex;
  margin: 0;
}

.list_txt ul li dl dt {
  width: 21%;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 15px;
}

.list_txt ul li dl dd {
  width: 79%;
  background: #fff;
  margin: 0;
  font-size: 14px;
  padding: 5px 0 5px 10px;
}

.recommend_plan {
  background: #fff7e1;
  padding: 20px;
  text-align: center;
  border: 2px solid #e45e0d;
  border-radius: 10px;
  margin: 40px 0 50px;
}

.recommend_plan strong {
  display: block;
  color: #e45e0d;
  margin: 0 0 5px;
}

.recommend_plan a:link {
  color: #04447c;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

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

.list_txt .btn_detail a {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #e45e0d;
  border-radius: 20px;
  padding: 12px 40px;
}

.theend {
  text-align: center;
  margin: 0 0 70px;
  color: #e45e0d;
  font-size: 18px;
}

.sp_main {
  display: none;
}

.sp_br {
  display: none;
}

.t-link {
  text-decoration: underline!important;
  font-weight: bold;
}
.search .btn_detail a {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #e45e0d;
  border-radius: 20px;
  padding: 12px 40px;
}
.search .btn_detail {
  margin: 10px auto;
  text-align: center;
}

.pc_br {
  display: block;
}

.coupon {
	background: none;
	margin: 0 auto;
	text-align: center;
  }
  
  .coupon h3 {
	font-size: 40px;
	color: #e12b8a;
	text-align: center;
	font-weight: bold;
  }
  
  .coupon p {
	font-size: 20px;
	color: #e12b8a;
	font-weight: bold;
	padding: 20px;
  }

  .coupon img {
	max-width: 800px;
	margin: 100px 0 0;
  }


@media only screen and (max-width: 640px) {

  .pc_br {
    display: none;
  }

  .summer {
    padding: 0 0 10%;
  }
  .summer h2 {
    margin: 70px 0 0;
    background-image: url('../img/bg_main_sp.jpg');
    background-size: cover;
    padding: 10% 20%;
  }
  .sec_nav {
    background: url('../img/bg_sec_nav_sp.png') no-repeat 50% 55px;
    background-size: 95%;
    
  }
  .summer_inner {
    max-width: 90%;
  }
  .sp_br {
    display: block;
  }
  .nav_box {
    padding: 45vw 5% 5%;
    border-radius: 2vw;
    background-size: 40vw;
    background-position: 50% 5vw;
  }

  .sec_nav h3 {
    font-size: 3.5vw;
    padding: 11vw 0 4vw;
  }
  .explain_box {
    background-size: auto 1.8vw;
    font-size: 2.8vw;
    padding: 7vw 0 4vw;
    max-width: 60%;
    margin: 0 auto;
  }

  .nav_box ul li {
    margin: 2vw 0;
  }
  .nav_box ul li a {
    font-size: 3.4vw;
  }
  .sec_list {
    margin: 10vw 0 0;
  }
  .list_inner {
    max-width: 94%;
    padding: 1px 3%;
  }
  .recommend_box {
    margin: 10vw 0;
    padding: 0 0 3.5vw;
    background-size: auto 3.5vw;
  }
  .recommend_box h3 {
    font-size: 4vw;
  }
  .recommend_box h3 strong {
    font-size: 4.5vw;
    margin: 2% 0 10%;
    line-height: 1.4em;
  }
  .list_ly {
    position: relative;
    margin: 8vw 0 0;
  }
  .list_slider {
    float: none;
    width: 100%;
  }
  .list_txt {
    float: none;
    width: 100%;
    padding: 0;
  }
  .list_txt p {
    padding: 5% 0;
    font-size: 3.2vw;
  }
  .list_txt h4 {
    font-size: 3.4vw;
    padding: 1vw 4vw;
    margin: 3% 0 0;
  }
  .list_txt ul {
    margin: 3% 0 0;
  }
  .list_txt ul li {
    margin: 2% 0;
  }
  .list_txt ul li dl dt {
    font-size: 3vw;
    padding: 1vw 3vw;
  }
  .list_txt ul li dl dd {
    font-size: 3vw;
    padding: 1vw 3vw;
  }
  .recommend_plan {
    margin: 10% 0;
    padding: 5%;
  }
  .recommend_plan strong {
    font-size: 3.4vw;
    margin: 0 0 2%;
  }
  .recommend_plan a:link {
    font-size: 3vw;
  }
  .list_txt .btn_detail {
    padding: 0 0 10%;
  }
  .list_txt .btn_detail a {
      font-size: 4vw;
      border-radius: 4vw;
      padding: 2vw 10vw;
  }
  .theend {
    font-size: 3.4vw;
    padding: 0 5%;
    margin: 0 0 10%;
  }


.coupon {
	max-width: 94%;
	margin: 0 auto 10%;
	}
	.coupon h3 {
	font-size: 16px;
	line-height: 30px;
	padding: 10px 0;
	}
	.coupon p {
	font-size: 15px;
}

.coupon img {
	max-width: 94%;
	margin: 50px auto 0;
	}

}