@charset "utf-8";
/* CSS Document */

/*クーポンコーナー*/
#coupon .pc_center {
  width: 480px;
  margin: 0 auto;
}
div:has(>.tx_border) {
  text-align: center;
}
/* ----------PCのみ---------- */
@media screen and (min-width: 768px) {
  .br_sp {
    display: none;
  }
}
/*----- DP プラン -----*/
.plan_box{padding: 0 0;}
.sachi_icon{
	position: absolute;
    top: 0px;
    left: 0;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
	border-radius: 0 0 5px 0;
}


.sachi_kani{background-color: #a73d15;}
.sachi_nodoguro{background-color: #595959;}
.sachi_buri{background-color: #20887d;}
.sachi_ebi{background-color: #a79b2d;}
.sachi_sakana{background-color: #6a1e8f;}
.sachi_other{background-color: #1c435b;}

.plan_name{font-weight: bold;}

.plan_box .plan_name{background: #f1f1e5; padding: 5px;}

/*----- タイトル -----*/
.ttl_box{text-align: center; padding: 1rem 10px 2rem 10px;}
.ttl_box h2 {
	font-size: 2.8rem;
    color: #1c435b;
    line-height: 120%;
    font-weight: bold;
}
.ttl_box h2 > .h2cap{
	font-size: 70%;
}




@media screen and (max-width: 767px) {
  #coupon .box {
    margin: 10px;
    padding: 0 10px;
  }
  .coupon_corner_iskw .top .section h2,.coupon_corner_tym .top .section h2,.coupon_corner_fki .top .section h2,.coupon_corner_nigt .top .section h2 {
    font-size: 2.0rem;
  }
  #coupon .pc_center {
    width: auto;
  }
  .coupon_corner_iskw .tx_border,.coupon_corner_tym .tx_border,.coupon_corner_fki .tx_border,.coupon_corner_nigt .tx_border {
    font-size: 1.4rem;
    width: auto;
    text-align: center;
  }
	.all_btn{width: auto!important;}
}

/*行きたい、食べたい、日本海コーナー*/
.details_box .tx_plan {
  background: #f1f1e5;
  padding: 5px 10px;
}
/*----- 背景 -----*/
.bg_color {
  background-color: #f5f1e5;
}





@media screen and (max-width: 767px) {
  .nihonkai_corner_iskw .top .section.ttl_whitebox h2,
  .nihonkai_corner_tym .top .section.ttl_whitebox h2,
  .nihonkai_corner_fki .top .section.ttl_whitebox h2,
  .nihonkai_corner_nigt .top .section.ttl_whitebox h2 {
    font-size: 2.0rem;
    margin: 10px auto 20px;
    padding: 10px 8%;
  }
  .nihonkai_corner_iskw .top .section.ttl_border h2,
  .nihonkai_corner_tym .top .section.ttl_border h2,
  .nihonkai_corner_fki .top .section.ttl_border h2,
  .nihonkai_corner_nigt .top .section.ttl_border h2 {
    font-size: 2.0rem;
    margin: 20px auto 10px;
  }
  .nihonkai_corner_iskw .top .section.ttl_border h2::before, .nihonkai_corner_iskw .top .section.ttl_border h2::after,
  .nihonkai_corner_tym .top .section.ttl_border h2::before, .nihonkai_corner_tym .top .section.ttl_border h2::after,
  .nihonkai_corner_fki .top .section.ttl_border h2::before, .nihonkai_corner_fki .top .section.ttl_border h2::after,
  .nihonkai_corner_nigt .top .section.ttl_border h2::before, .nihonkai_corner_nigt .top .section.ttl_border h2::after {
    display: none;
  }
  .swiper-container {
    padding: 0 10px;
  }
  .swiper-wrapper .swiper-slide {
    width: 70% !important;
  }
  .btn01_rt a, .btn01_btm a {
    font-size: 1.5rem;
  }
}