@charset "UTF-8";

/*  Clearfix
========================================== */
/* clearfix */
.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; }


/* Text style
========================================== */

/* Font size */
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }
.fs32 { font-size: 32px; }
.fs36 { font-size: 36px; }
.fs48 { font-size: 48px; }


/*  Margin
========================================== */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

.kagoshima_wrap * { box-sizing: border-box; }
.kagoshima_wrap a { cursor: pointer; }

/* 全体
----------------------------------------------------- */
a:hover img{opacity:0.7;}

.contentsInr.kagoshima_wrap{
  width: 100%;
  min-height: auto;
  margin: 0 auto;
}
.contentsInr.kagoshima_wrap .wrap950{
  width: 950px;
  min-height: 200px;
  margin: 40px auto;
}
.bg_main{
  background: #f0e6da;
  padding: 20px 0 50px;
}
.note{
  text-align: center;
  margin-bottom: 40px;
  font-size: 1.6rem;
}


/* 共通
----------------------------------------------------- */

.kagoshima_wrap img{
  max-width: 100%;
  width: auto;
  vertical-align: bottom;
}

.kagoshima_wrap p{
  white-space: pre-line;
}
.flexbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.kagoshima_wrap .none{
  display: none;
}

.kagoshima_wrap section{
  /* margin: 50px auto 0; */
}

/* aside
----------------------------------------------------- */
aside{
  display: block;
}
div.application img,.application a{
  display: block;
  margin: 0 auto;
}
aside img{
  display: block;
  margin: 0 auto;
}

/* main
----------------------------------------------------- */

/* 共通 */
.bg_001,
.bg_002,
.bg_003,
.bg_004{
  background-repeat: no-repeat;
  position: relative;
}
.bg_001 p:not(.txt01){
  font-size: 18px;
  letter-spacing: -0.02em;
}
.bg_001 .txt01,
.bg_002 p,
.bg_003 p,
.bg_004 p{
  font-size: 16px;
  line-height: 1.42;
}
.bg_option ul{
  width: 555px;
  position: absolute;
  right: 56px;
  bottom: 35px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bg_option .txt01{
  width: 336px;
  position: absolute;
  left: 342px;
}
/* 共通ここまで */

.mv {
  background: url(/domtour/jaldp/kagoshima_osusume/img/bg_mv_001.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  opacity: 0;
  width: 100%;
}
.mv ul{
  width: 923px;
  height: 704px;
  position: relative;
  margin: 25px auto;
  opacity: 0;
  background: url(/domtour/jaldp/kagoshima_osusume/img/210715/img_mv_001.png) center no-repeat;
  background-size: 100%;
}
.fade01{
  -webkit-animation: fade01 1s ease 1s 1 forwards;
  animation: fade01 1s ease 1s 1 forwards;
}
@-webkit-keyframes fade01 {
    100% {
    opacity: 1;
    }
  }
  @keyframes fade01 {
    100% {
    opacity: 1;
  }
}
.fade02{
  -webkit-animation: fade02 1.5s ease 1.5s 1 forwards;
  animation: fade02 1.5s ease 1.5s 1 forwards;
}
@-webkit-keyframes fade02 {
    100% {
    opacity: 1;
    }
  }
  @keyframes fade02 {
    100% {
    opacity: 1;
  }
}
.mv ul li{
  display: block;
  position: absolute;
}
.mv .hokusatsu{
  top: 245px;
  left: 179px;
  /*width:171px;*/
}
.mv .kagoshima{
  top: 326px;
  left: 71px;
/*  width:200px;*/
}
.mv .kirishima{
  top: 188px;
  right: 225px;
/*  width:85px;*/
}
.mv .nansatsu{
  top: 417px;
  left: 110px;
/*  width:173px;*/
}
.mv .tarumizu{
  top: 392px;
  right: 97px;
/*  width:173px;*/
}
@media all and (min-width: 1921px) {
/*
  .mv{
    max-width: 100%;
    height: 0;
    padding-bottom: 30%;
    background-image: url(/domtour/jaldp/kagoshima_osusume/img/bg_mv_001.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
*/

}



/*application
-------------------------------------------------*/
.application{
  margin-bottom:130px;
}


/**  info-area
-------------------------------------------------*/
.info-list{padding-top: 20px; margin-bottom:70px;text-align: center;}
.info-item{box-shadow: 0px 2px 5px #ccc;border-radius: 6px;position: relative;background: #fff;display: inline-block;}
.info-item p{font-size: 1.5rem;height: 100%;padding:14px 42px 14px 15px;}
.info-item.link-arrow:before{top: 50%; transform:translateY(-50%); right: 15px;}
.link-arrow:before{content: "";display: block;background: url(/domtour/jaldp/kagoshima_osusume/img/210118/icon_link_arrow_rd_l.svg) 100% no-repeat;background-size:100%;position: absolute;width: 8px;height: 16px;}
.link-arrow:hover:before{content: "";display: block;background: url(/domtour/jaldp/kagoshima_osusume/img/210118/icon_link_arrow_gd_l.svg) 100% no-repeat;background-size:100%;position: absolute;width: 8px;height: 16px;}


/* おすすめスポット・グルメ
-------------------------------------------------*/
.osusume_wrap{
  width: 100%;
  background: #fff;
  width: 100%;
  position: relative;
  background: #fff;
  height: 2214px;
}
.osusume_wrap::before{
  content: '';
  position: absolute;
  top: -75px;
  left:0;
  width: 100%;
  height: 75px;
  background: url(../img/block_top.svg) no-repeat;
  background-size: 100%;
}
.osusume_wrap p{
  font-size: 17px;
  line-height: 1.5;
}
.btn_optional{
  position: absolute;
  left:52px;
  top: -20px;
  width: 143px;
}
.ttl_spot{
  position: absolute;
  right:30px;
  top: -35px;
  width: 668px;
}
.img_spot{
  position: absolute;
  right:0;
  top:191px;
  width:924px;
}
.ttl_kirishima{
  position: absolute;
  left:623px;
  top:150px;
  width:226px;
}
.txt_kirishima{
  position: absolute;
  left:634px;
  top:246px;
  width:285px;
}
.ttl_sakurajima{
  position: absolute;
  left:34px;
  top:711px;
  width:327px;
}
.txt_sakurajima{
  position: absolute;
  left:44px;
  top:818px;
  width:330px;
}
/*gourmet*/
.ttl_gourmet{
  position: absolute;
  left:35px;
  top: 1125px;
  width: 855px;
}
.img_gourmet{
  position: absolute;
  left:23px;
  top:1260px;
  width:904px;
  z-index: 1;
}
.ttl_kurobuta{
  position: absolute;
  right:33px;
  top:1286px;
  width:378px;
}
.txt_kurobuta{
  position: absolute;
  right:22px;
  top:1456px;
  width:380px;
}
.ttl_satsumaage{
  position: absolute;
  left:19px;
  top:1852px;
  width:406px;
}
.txt_satsumaage{
  position: absolute;
  left:30px;
  top:1957px;
  width:394px;
  line-height: 1.4;
}


/* おすすめスポット・グルメ - 奄美大島
-------------------------------------------------*/
.osusume_amami{
  height: 2584px;
}
.osusume_amami::before{
  content: '';
  position: absolute;
  top: -75px;
  left:0;
  width: 100%;
  height: 75px;
  background: url(../img/210715/block_top.svg) no-repeat;
  background-size: 100%;
}
.osusume_amami .btn_optional{
  position: absolute;
  right:52px;
  left: inherit;
  top: -20px;
  width: 143px;
}
.osusume_amami .ttl_spot{
  position: absolute;
  left:30px;
  right: inherit;
  top: -35px;
  width: 668px;
  z-index: 3;
}
.osusume_amami .img_spot{
  position: absolute;
  left: 0;
  top:151px;
  width:924px;
  z-index: 2;
}
.img_spot02{
  position: absolute;
  left: 0;
  right: 0;
  top:1051px;
  margin: 0 auto;
  width:854px;
  z-index: 1;
}
.ttl_kurasaki{
  position: absolute;
  left:34px;
  top:300px;
  width:226px;
}
.txt_kurasaki{
  position: absolute;
  left:34px;
  top:400px;
  width:255px;
}
.ttl_kanami{
  position: absolute;
  left:580px;
  top:711px;
  width:327px;
}
.txt_kanami{
  position: absolute;
  left:590px;
  top:818px;
  width:330px;
}
.ttl_taminamisaki{
  position: absolute;
  left:44px;
  top:1120px;
  width:226px;
}
.txt_taminamisaki{
  position: absolute;
  left:54px;
  top:1230px;
  width:255px;
}
.ttl_yurigahama{
  position: absolute;
  left: 680px;
  top: 1451px;
  width: 227px;
}
.txt_yurigahama{
  position: absolute;
  left: 690px;
  top: 1558px;
  width: 230px;
}

.osusume_amami .ttl_gourmet{
  position: absolute;
  left:168px;
  top: 1955px;
  width: 745px;
}
.osusume_amami .img_gourmet{
  position: absolute;
  left:361px;
  top:2135px;
  width:533px;
}
.ttl_keihan{
  position: absolute;
  left:43px;
  top:2155px;
  width:218px;
}
.txt_keihan{
  position: absolute;
  left: 63px;
  top: 2255px;
  width: 290px;
}


/* お得なオプショナル
-------------------------------------------------*/
.optional_wrap{
  width: 100%;
  margin-bottom: 150px;
  background: url("../img/210715/bg_optional.png");
  background-size: 100%;
  position: relative;
}
.optional_wrap::before{
  content: '';
  background: url("../img/210715/bg_optional_top.png");
  background-size: 100%;
  display: block;
  width: 100%;
  height: 29px;
  position: absolute;
  top: -29px;
  left: 0;
}
.optional_wrap_amami::before{
  content: '';
  background: url("../img/210715/bg_optional_top_amami.png");
  background-size: 100%;
  display: block;
  width: 100%;
  height: 29px;
  position: absolute;
  top: -29px;
  left: 0;
}
.optional_wrap .optional_wrap_inner{
  padding: 30px 20px;
}
.optional_wrap h3{
  position: absolute;
  left: 18px;
  top: -32px;
  width: 261px;
}
.ttl_coupon{
  margin-bottom: 20px;
}
.ttl_coupon img{
  width: 100%;
}
.list_coupon_wrap{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.list_coupon_cont{
  width: 31.3%;
  margin-bottom: 3%;
  margin-right: 3%;
}
.list_coupon_cont:nth-child(3n){
  margin-right: 0;
}
.list_coupon_img{
  width: 100%;
  position: relative;
  line-height: 1;
}
.list_coupon_icon{
  position: absolute;
  z-index: 1;
  width:82px;
  bottom:-50px;
  right: -3px;
}
.list_coupon_area{
  margin-bottom: 5px;
  text-align: left;
}
.list_coupon_area span{
  display: inline-block;
  line-height: 1;
  background: #8f3b9e;
  color: #fff;
  font-size: 16px;
  padding: 5px 8px;
}
.list_coupon_cont h5{
  font-weight: normal;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 1.3;
  color: #000;
}
.list_coupon_cont h6{
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}
.list_coupon_cont h6 span{
  display: inline-block;
  line-height: 1;
  background: #fff;
  color: #0a99ab;
  font-size: 14px;
  padding: 3px 5px;
  border: 1px solid #0a99ab;
  border-radius: 6px;
  margin-left: 5px;
}
.list_coupon_cont p{
  font-size: 14px;
  color: #000;
  line-height: 1.5;
}
.list_coupon_wrap_bot{
  display: flex;
  align-items: flex-end;
}
.list_coupon_wrap_bot .list_coupon_wrap_bot_img{
  margin-right: 3%;
}
.list_coupon_wrap_bot .list_coupon_wrap_bot_link{

}
.period{
}
.period dt{
  display: block;
  color: #000;
  line-height: 0.4;
}
.period dd{
  color:#8f3b9e;
  font-weight: bold;
  font-size: 17px;
  letter-spacing: 0.1em;
}
.period dd span{
  font-size: 23px;
}
.btn_detail{
  display: flex;
}
.btn_detail li{
  width: 270px;
  margin-right: 15px;
}

/*rental_car*/
.optional_wrap.op02 .rental_car_img,
.optional_wrap.op02 .rental_car_txt{
  position: absolute;
}
.optional_wrap.op02 .rental_car_img{
  top:82px;
  left:22px;
  width: 297px;
}
.optional_wrap.op02 .rental_car_txt{
  top:37px;
  left:265px;
  width:634px;
  z-index: 1;
}
.optional_wrap.op02 >.period{
  bottom:100px;
}
.optional_wrap.op02 >.btn_detail{
  bottom:26px;
}


.optional_wrap_amami .list_coupon_area span{
  background: #0a99ab;
}
.optional_wrap_amami .period dd{
  color:#0a99ab;
}

/*中止対応*/
.stop-txt{
	display: inline-block;
    color: #cc0000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 10px 40px;
    border: 2px solid #cc0000;
    background: #fff;
}

/* 220818追加
-------------------------------------------------*/
.list_coupon_cash {
  border: 1px solid #8f3b9e;
  font-weight: bold;
  padding: 2px 5px;
  display: inline-block;
  margin: 3px 0 5px;
  background: #fff;
  color: #8f3b9e!important;
  border-radius: 6px;
}
h1 {
  padding: 20px;
}

.bnrLink {
  margin: 20px 0 50px;
}
.bnrLink .bnrLinkWrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
}
.bnrLink .bnrLinkWrap p {
  width: 34%;
}
.bnrLink .bnrLinkWrap .linkIn {
  margin: 0 2%;
}
.bnrLink .bnrLinkWrap p a {
  display: block;
}
.bnrLink .bnrLinkWrap p a img {
  width: 100%;
}

.list_coupon_wrap {
  position: relative;
}
.list_coupon_wrap .imgMenu {
  position: absolute;
  bottom: 130px;
  right: 30px;
}
.list_coupon_wrap .imgMenu img {
  height: 210px;
}

/* 230915 */
.mv ul {
  /* width: 923px;
  height: 704px;
  position: relative;
  margin: 25px auto;
  opacity: 0; */
  background: url(/domtour/jaldp/kagoshima_osusume/img/230915/img_mv_001.png) center no-repeat;
  background-size: 100%;
}
.osusume_wrap {
  height: 2590px;
}
.ttl_kirishima {
  left: 607px;
}
.txt_kirishima {
  left: 614px;
  top: 246px;
  width: 295px;
}
.ttl_sakurajima {
  top: 651px;
}
.txt_sakurajima {
  top: 753px;
}
.ttl_gourmet {
  position: absolute;
  top: 1475px;
}
.img_gourmet {
  top: 1610px;
}
.ttl_kurobuta {
  top: 1636px;
}
.txt_kurobuta {
  top: 1806px;
}
.ttl_satsumaage {
  top: 2192px;
}
.txt_satsumaage {
  top: 2297px;
}

.ttl_yakushima {
  position: absolute;
  left: 595px;
  top: 1070px;
  width: 296px;
}
.txt_yakushima {
  position: absolute;
  left: 596px;
  top: 1176px;
  width: 305px;
}