@charset "utf-8";
/* CSS Document */
/* style.css */

/* ==================================================================
ページ共通
==================================================================== */
/* =================================
メディアクエリ
=================================== */
@media all and (min-width:740px) {
  
}

/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}
/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 10px;}
/* 背景色指定 */
.ctm_contentsFull{
  background-color:#a75649;
  padding: 48px 0;
} 
@media all and (min-width:740px){
  .contentsInr.contentsUnit{width:950px;padding:0px;margin:0 auto;}
  .ctm_contentsFull{
  padding: 90px 0;
} 
}

.heroimg-bgc {
  background-color: #a2301e;
  padding-bottom: 8px;}
.pc {display: none;}
.font-style {font-family: 'Noto Serif JP', serif;}
.fwb {font-weight: bold;}
.ctm_pageTtl.hc01 {color: #333;}
.ctm_pageTtl.hc02 {background-color: #BA4232;color: #fff;}
.fc-white{color: #ffffff;}
.fc-red{color: #BA4232;}
.lead-text {text-align: left;line-height: 2;}
.about__borderbox{border: 1px solid #333333;padding: 8px;}

/* テーブル */
.ctm_tableColor_set.table_typeA th {
  background-color: #BA4232;
  color: #fff;
}
.ctm_tableColor_set.table_typeA.schedule__table th {
  padding: 6px 15px;
}
.ctm_tableColor_set.table_typeA td {
  background-color: #F9F7F0;
}


/* みどころアコーディオンカスタマイズ */
.tour__acc .acodBlock.type_normal>.heading>.inr {
  color: #333;
  border-color: #c41419;
  text-align: center;
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
}
.tour__acc .acodBlock.type_normal>.heading>.inr .font-kana{
  font-size: 14px;
}
.tour__acc .acodBlock.type_normal>.heading>.inr .fc-red{
  color: #BA4232;
}
.tour__acc .acodBlock.type_normal>.heading {
  background-color: #fff;
  border: none;
}
.tour__acc .acodBlock>.content {
  background-color: #fff;
  border: none;
  border-top: 0px;
  padding: 10px
    /* 0 10px*/
  ;
}
.tour__acc .acodBlock{
  margin-top: 0px;
}
.tour__acc.acc01 .acodBlock > .heading .iconAccordion {
display: block;
background: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/accicon01-open.svg) no-repeat;
background-size: contain;
background-position: center;
position: absolute;
top: 50%;
right: 15px;
width: 20px;
height: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.tour__acc.acc01 .acodBlock > .heading.open .iconAccordion {
  display: block;
  background: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/accicon01-close.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* -----アコーディオン色付き----- */
.tour__acc.acc02 .acodBlock > .heading {
  background-color: #0c003f;
  border: 1px solid #0c003f;
}
.tour__acc.acc02 .acodBlock>.heading>.inr {
  text-align: center;
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.2;
}
.tour__acc.acc02 .acodBlock > .heading .iconAccordion {
  display: block;
  background: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/accicon-open.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.tour__acc.acc02 .acodBlock > .heading.open .iconAccordion {
  display: block;
  background: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/accicon-close.svg) no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* -----アコーディオン色付きここまで----- */

.highlight-head{
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 18px;
  padding: 4px;
  margin-bottom: 10px;
}
.highlight-head.kamiyo{background-color: #c57c25;}
.highlight-head.kodai{background-color: #215481;}
.highlight-head.chusei{background-color: #537E41;}
.highlight-head.kindai{background-color: #A84D9A;}
.ctm_pageTtl.hc01.cont__head {position: relative;}
.ctm_pageTtl.hc01.cont__head::after {
  position: absolute;
  content: "";
  width: 46px;
  height: 20px;
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/deco_heading.svg);
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}

/* フローティングバナー */
.fixedAnchror {
  width: 100%;
  position: fixed;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99;
}

@media all and (min-width:740px) {
  .pc {display: block;}
  .sp {display: none;}
  .heroimg-bgc {padding-bottom: 16px;}
  .lead-text {
    font-size: 18px;
    text-align: center;
    padding: 0 75px;
  }
  .about__borderbox{
  padding: 16px;
}
  .tour__acc .acodBlock>.content {
    padding: 10px 8px;
  }
  .tour__acc .acodBlock{
  margin-top: 8px;
}

/* PCでアコーディオンの高さ揃える */
  .acodBlock > .heading {
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ctm_pageTtl.hc01.cont__head::after {
    width: 63px;
    height: 28px;
  }
  
  .fixedAnchror {
    width: 1180px;
    bottom: 30px;
  }
  .fixedAnchror .imgParts {
    width: 110px;
    height: 110px;
    margin-left: auto;
    margin-right: 0;
  }
}

/* アンカーボタンカスタマイズ */
.anc__btn .btn {
  background-color: #BA4232;
  border: 1px solid #BA4232;
  border-radius: 8px;
  transition: all 0.5s;
}
.anc__btn .btn .btnInr{
  color: #fff;
}
.anc__btn .btn.iconDown::after{
  content: '';
    display: block;
    background-image: none;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(135deg);
    position: absolute;
    right: 15px;
    top: 50%;
}
@media all and (min-width:740px) {
  .anc__btn .btn{
    padding: 13px 40px 13px 20px;
  }
  .anc__btn .btn .btnInr{
    font-size: 16px;
  }
  .anc__btn a:hover{
    text-decoration: none;
  }
  .anc__btn .btn:hover{
    opacity: 0.5;
  }
}
  



/* ==================================================================
自由型コンポネ
==================================================================== */
.day2__wrap{
  padding: 90px 0px 50px;
}
.course__block--item{
  margin-bottom: 50px;
  position: relative;
}
.course__block--item.place06{
  margin-bottom: 0px;
}
.course__block--item::after{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 18px;
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/sp-arrow.svg);
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
}
.course__block--item.place06::after{
  display: none;
}
.course__block--item.place01::before,.course__block--item.place06::before{
  position: absolute;
  display: block;
  content: "";
  width: 102px;
  height: 80px;
  top:-78px;
}
.course__block--item.place01::before{
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/flag-start.svg);
}
.course__block--item.place06::before{
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/flag-goal.svg);
}

.course__txt{
  margin-bottom: 16px;
}
.course__head--flex{
  display: flex;
  margin-bottom: 16px;
}
.course__number{
  background-color: #EBD95F;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  font-size: 26px;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  margin-right: 12px;
  flex-shrink: 0;
}
.course__placename{
  font-family: 'Noto Serif JP', serif;
  font-size: 24px;
}
.course__placename--lead{
  font-weight: bold;
  color: #BA4232;
}
.course__img img{
  border-radius: 8px;
}
.course__img.img-vertical{
  padding: 0 70px;
}
.course__img,.trekking__list--img{
  position: relative;
}
.course__img--icon{
  position: absolute;
  width: 60px;
  top: 4px;
  right: 4px;
}
.img-vertical .course__img--icon{
  right: 74px;
}

.trekking__block{
  background-color: #FAF8F2;
  border-radius: 8px;
  padding: 24px 10px;
  margin-bottom: 90px;
  position: relative;
}
.trekking__block::after{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 18px;
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/sp-arrow.svg);
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
}
.icon__box{
  display: flex;
}
.icon__box img{
  width: 60px;
  margin-right: 8px;
  margin-bottom: 8px;
}

.trekking__info--box{
  background-color: #fff;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 24px;
}
.trekking__info--box>dl>div{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-weight: bold;
}
.trekking__info--box>dl>div>dt{
  background-color: #BA4232;
  border-radius: 6px;
  color: #fff;
  padding: 4px 12px;
  margin-right: 16px;
}
.trekking__info--about p{
  background-color: #BA4232;
  border-radius: 6px;
  color: #fff;
  font-weight: bold;
  padding: 4px 12px;
  text-align: center;
  margin-bottom: 6px;
}
.trekking__info--about ul li{
  padding-left: 1em;
  text-indent: -1em;
}
.trekking__list--flag{
  margin-bottom: 12px;
  position: relative;
  padding-left: 44px;
}
.trekking__list--flag::before{
  content: "";
  display: block;
  width: 44px;
  height: 48px;
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/flag-yellow.svg);
  position: absolute;
  top:0;
  left: 0;
}
.trekking__list--time{
  padding: 22px 0;
  text-align: center;
  font-weight: bold;
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/sp-dot.svg);
  background-repeat: repeat-y;
  background-position: center;
}
.trekking__list--img img{
  border-radius: 8px;
}
.trekking__list--imgbox p{
  margin-top: 6px;
}
.trekking__list--spot{
  margin-bottom: 8px;
  padding-left: 44px;
  position: relative;
}
.trekking__list--spot::before{
  content: "";
  display: block;
  width: 38px;
  height: 32px;
  margin-right: 6px;
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/icon-camera.svg);
  position: absolute;
  left: 0;
  top: 0;
}

/* =================================
JAL LIFE STATUS
=================================== */
.contentsUnitA{
	background: linear-gradient(135deg, #b7b186, #d4d0ae 40%, #b7b186);
}
.contentsUnitB{
	background: linear-gradient(135deg, #1a2b3c, #073760 40%, #1a2b3c);
}
.contentsUnitC{
	background-color: #f5f2d9;
}



/* =================================
メディアクエリ
=================================== */
@media all and (min-width:740px) {
  .day2__wrap{
    padding: 100px 75px 50px;
  }
  .course__block--item {
    margin-bottom: 0px;
    position: relative;
    display: flex;
}
.course__placename {
  font-size: 30px;
}
.course__number {
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 32px;
  margin-right: 12px;
}
.course__txt {
  margin-bottom: 0px;
  width: 400px;
  flex-shrink: 0;
}
.course__img{
  padding: 0 40px;
}
.course__img.img-vertical{
  padding: 0 92px;
}
.flex-reverse{
  flex-direction:row-reverse;
}
.place01,.place03,.place04,.place06{
  align-items: flex-end;
}
.place02{
  align-items: center;
}
.course__block--item::after {
  display: none;
}
.course__img--icon {
  width: 80px;
  right: 10px;
  top: -16px;
}
.img-vertical .course__img--icon {
  left: 64px;
  top: -16px;
}
.place02,.place03,.place04{
  padding-top: 50px;
}
.place04{
   padding-bottom: 50px;
   background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/bg-place04.svg);
   background-repeat: no-repeat;
}
.place02{
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/bg-place02.svg);
  background-repeat: no-repeat;
}
.place03{
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/bg-place03.svg);
  background-repeat: no-repeat;
}
.place06{
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/bg-place06.svg);
  background-repeat: no-repeat;
  padding-top: 96px;
}
.place06 .course__img{
  padding: 0 60px 0 80px;
}
.place06 .course__txt{
  width: 340px;
}
.place06 .course__img--icon {
  right: 40px;
}
.course__block--item.place06::before{
  top: 75px;
    right: 244px;
}

/* トレッキング */
.trekking__block {
  padding: 30px;
  margin-bottom: 0px;
}
.trekking__block::after {
  display: none;
}
.trekking__block--head{
  display: flex;
  margin-bottom: 16px;
}
.icon__box img {
  width: 80px;
  margin-right: 8px;
  margin-bottom: 0px;
}
.icon__box{
  margin-right: 25px;
}
.trekking__block .course__head--flex{
  margin-bottom: 0;
}
.trekking__info--box {
  padding: 20px 24px;
}
.trekking__info--box dl{
  display: flex;
}
.trekking__info--box dl>div{
  margin-right: 40px;
}
.trekking__info--about{
  display: flex;
}
.trekking__info--about>div{
  flex-shrink: 0;
  margin-right: 16px;
}
.trekking__info--about p {
  margin-bottom: 0px;
  display: inline;
}
.trekking__list{
  background-image: url(/jp/ja/domtour/jaldp/kyu/oita-kunisakitour/img_sites/bg-trekking.svg);
}
.trekking__list--flag {
  margin-left: 30px;
  margin-bottom: 0px;
}
.trekking__list--item{
  position: relative;
}
.trekking__list--flex{
  display: flex;
  justify-content: flex-end;
}
.trekking06 .trekking__list--flex{
  align-items: end;
}
.trekking__list--imgbox{
  width: 300px;
  flex-shrink: 0;
}
.trekking__list--time{
  background-image: none;
  position: absolute;
}
.trekking01 .trekking__list--time {
  bottom: -40px;
  left: 270px;
}
.trekking02 .trekking__list--time {
  bottom: -60px;
  left: -84px;
}
.trekking03 .trekking__list--time {
  bottom: -80px;
  right: 40px;
}
.trekking04 .trekking__list--time {
  bottom: -84px;
  left: 36px;
}
.trekking04 .course__img--icon {
  right: -10px;
}
.trekking02,.trekking03,.trekking04{
  width: 300px;
}
.trekking02 {
  margin-left: 440px;
  margin-top: -50px;
}
.trekking02 .trekking__list--spot{
  margin-bottom: 16px;
}
.trekking03{
  margin-top: -60px;
}

.trekking04{
  margin-left: 440px;
  margin-top: -75px;
}

}