@charset "utf-8";

/*PCSP共通設定*/
/*section:nth-of-type(odd){background-color:#f0f0f0;}
section:nth-of-type(even){background-color:#fff;}*/
html {scroll-behavior: smooth;}/*smooth scroll*/


.font-shippori {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.font-noto-serif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

#kikitabi{
  background-image: url("../images/pattern_bg.png"), linear-gradient(to bottom, #ffffff, #f1ecdd);
  background-size: 30px 48px, 100% 100%;
  background-attachment: fixed;
  width:100%;
  min-height: 100%;
  font-size: 16px;
  line-height: 1.7;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  position: relative;
}
#kikitabi a{
  transition: .3s;
}
.kikitabi_bg{
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 0px 10px 0px #f1eddd;
}

h2.tit_head{
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem);
  margin-bottom: 20px;
  text-align: center;
  color: #5b490d;
  line-height: 1.4;
}




@media screen and (max-width: 759.9px) {  /* SP === */
#wrapper {line-height: 1.4;}
.spno{display:none;}

/* CSS */
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock,
#anchorLinkBlock {margin: 0 1%;}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
#dirPathBlock p {width: max-content;}
h1 {
	font-size: 12px;
	margin: 0 1% 1%;
}

.kikitabi_bg{
	width: 94%;
}

.inner{
	width: 94%;
	margin: 0 auto;
	padding: 24px 0;
	box-sizing: border-box;
}
.txt_head{
  padding-bottom:20px;
  text-align: center;
}

}
/* === SP */



@media screen and (min-width: 760px),print { /* PC === */
#wrapper {line-height: 1.231;}
.pcno{display:none;}

/* CSS */
#dirPathBlock,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:1080px;
	min-width:760px;
	margin: auto;
}
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
  width: 100%;
	max-width:1080px;
	min-width:760px;
  margin: 0 auto 5px;
}

#kikitabi{
  background: url("../images/pattern_bg.png"), linear-gradient(to bottom, #ffffff, #f1ecdd);
  background-size: 75px 120px, 100% 100%;
  background-attachment: fixed;
}
.kikitabi_bg{
	max-width:1080px;
  padding-bottom: 50px;
}
.inner{
	max-width:1020px;
  padding: 0 30px 80px 30px;
}

.txt_head{
  padding-bottom:30px;
  text-align: center;
}


}
/* === PC */









/* -------------------------------------------------------

  #kikimv = メインビジュアル

---------------------------------------------------------- */


@media screen and (max-width: 759.9px) {  /* SP === */

#kikimv{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: auto;
}
#kikimv .mvslider img{
 width:100%;
}

#kikititle{
  background: url("../images/mv_title_bg-sp.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: auto;
  aspect-ratio: 75 / 73;
  z-index: 999;
}
#kikititle img{
 width:100%;
}

}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */

#kikimv{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  background: url("../images/mv_bg-pc.jpg") no-repeat center 0;
  background-size: auto 610px;
}
#kikimv .mvslider {
margin:0 auto;
 width:1080px;
}
#kikimv .mvslider img{
 width:100%;
}

#kikititle{
background: url("../images/mv_title_bg-pc.png") no-repeat center 205px;
background-size: 3350px auto;
width:100%;
height: 100%;
max-height: 880px;
position: absolute;
left:50%;
top:0;
transform: translateX(-50%);
z-index: 999;
}
#kikititle{
}
#kikititle h2{
width:1080px;
margin: 0 auto;
}
#kikititle img{
 width:100%;
}

}
/* === PC */




/* -------------------------------------------------------

  #head_kikitabi = キキタビとは

---------------------------------------------------------- */

@media screen and (max-width: 759.9px) {  /* SP === */

#head_kikitabi{
padding: 40px 0 120px 0;
background: url("../images/illst_izanagi_izanami.png") no-repeat center bottom;
background-size: auto 150px
}
#head_kikitabi::before {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 75 / 73;
}

}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */

#head_kikitabi{
position: relative;
padding-top: 700px;
}
#head_kikitabi::before{
content:'';
width: 278px;
height: 258px;
background: url("../images/illst_izanagi_izanami.png") no-repeat;
position: absolute;
top:700px;
right: -120px;
z-index: 999;
}


}
/* === PC */



/* -------------------------------------------------------

  #kojiki_nihonshoki = 「古事記」と「日本書紀」の違い

---------------------------------------------------------- */

.kiki_question{
position: relative;
margin: 0 auto;
padding: 20px 20px;
background: #e7d494;
border-radius: 20px;
text-align: center;
}
.kiki_question::before{
content:'';
width: 143px;
height: 37px;
aspect-ratio: 143 / 37;
background: url("../images/illst_kumo2.png") no-repeat left bottom;
background-size: 5em;
position: absolute;
bottom:10px;
left: -10px;
}
.kiki_question::after{
content:'';
width: 167px;
height: 52px;
aspect-ratio: 167 / 52;
background: url("../images/illst_kumo1.png") no-repeat right top;
background-size: 5em;
position: absolute;
top:10px;
right: -10px;
}

/*アマテラス*/
.amaterasu_answer{
margin: 10px auto;
text-align: center;
}
.amaterasu_answer img{
width: 70%;
max-width: 240px;
}
.amaterasu_answer p{
padding: 20px 20px;
background: #f7e8e4;
border-radius: 20px;
text-align: left;
}
/*ニニギノミコト*/
.ninigi_answer{
margin: 10px auto;
text-align: center;
}
.ninigi_answer img{
width: 70%;
max-width: 240px;
}
.ninigi_answer p{
padding: 20px 20px;
background: #e6effa;
border-radius: 20px;
text-align: left;
}

@media screen and (max-width: 759.9px) {  /* SP === */


}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */

.kiki_question{
position: relative;
margin: 30px auto 0 auto;
padding: 30px 20px;
background: #e7d494;
border-radius: 20px;
text-align: center;
width: 500px;
}
.kiki_question::before{
content:'';
width: 143px;
height: 37px;
aspect-ratio: 143 / 37;
background: url("../images/illst_kumo2.png") no-repeat left bottom;
background-size: 143px;
position: absolute;
bottom:10px;
left: -70px;
}
.kiki_question::after{
content:'';
width: 167px;
height: 52px;
aspect-ratio: 167 / 52;
background: url("../images/illst_kumo1.png") no-repeat right top;
background-size: 167px;
position: absolute;
top:-16px;
right: -70px;
}

/*アマテラス*/
.amaterasu_answer{
width: 880px;
min-height: 224px;
position: relative;
margin: 30px auto 0 auto;
}
.amaterasu_answer img{
width: 240px;
position: absolute;
left: 0;
top:0;
z-index: 99;
}
.amaterasu_answer p{
width: 600px;
padding: 30px 30px 30px 80px;
background: #f7e8e4;
border-radius: 20px;
text-align: left;
position: absolute;
right: 0;
top:30px;
}

/*ニニギノミコト*/
.ninigi_answer{
width: 880px;
min-height: 254px;
position: relative;
margin: 70px auto 0 auto;
}
.ninigi_answer img{
width: 254px;
position: absolute;
right: 0;
top:0;
z-index: 99;
}
.ninigi_answer p{
width: 600px;
padding: 30px 80px 30px 30px;
background: #e6effa;
border-radius: 20px;
text-align: left;
position: absolute;
left: 5px;
top:0;
}


}
/* === PC */



/* -------------------------------------------------------

  #kikispot = キキにゆかりのあるスポット

---------------------------------------------------------- */


/*slick矢印の設定*/
.spotslick .slick-prev, 
.spotslick .slick-next {
  position: absolute;
  z-index: 10;
  top: calc(50% - 30px);
  cursor: pointer;
  outline: none;
  height: 30px;
  width: 30px;
  background: #000;
  border-radius: 50%;
}
.spotslick .slick-prev {
  left:-15px;
}
.spotslick .slick-next {
  right:-15px;
}
.spotslick .slick-prev::after, 
.spotslick .slick-next::after {
  content: '';
  position: absolute;
  z-index: 100;
  top: calc(50% - 5px);
  cursor: pointer;
  outline: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  height: 8px;
  width: 8px;
}
.spotslick .slick-prev::after{
  left:12px;
  transform: rotate(-135deg);
} 
.spotslick .slick-next::after {
  right:12px;
  transform: rotate(45deg);
}


/*スポット*/
.spot_area{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: clamp(1.25rem, 0.886rem + 1.82vw, 2.25rem);
margin: 60px 0 20px;
text-align: center;
}
.spot_area .marker{
padding: 0 10px;
}

.spotBox{
background: url("../images/bg_spot.png") no-repeat center top;
background-size: contain;
border-radius: 20px;
margin: 0 5px;
padding: 20px 10px;
}
.spot_name{
text-align: center;
}
.spot_name h3{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem);
margin-bottom: 10px;
}
.list_hashtag{
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
}
.list_hashtag li{
padding: 4px 6px;
border-radius: 20px;
font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
line-height: 1;
}
.slider_photo img{
width:100%;
margin: 20px auto;
}
.spot_txt{
padding-bottom: 20px;
}
.spot_info {
display: inline-flex;
flex-wrap: wrap;
gap: 8px 0;
font-size: 14px;
}
.spot_info dt{
width:5em;
}
.spot_info dd{
width:calc(100% - 5em);
line-height: 1.3;
}

.slick-track {
  display: flex !important;
}
.slick-slide {
  height: auto !important;
  float: none !important;
}

/*イラスト*/
/*
.spotBox.illust01,
.spotBox.illust02,
.spotBox.illust03{
position: relative;
}
.spotBox.illust01::before{
content:'';
width: 4em;
height: 100px;
background: url("../images/illust01.png") no-repeat right top;
background-size: 4em;
position: absolute;
top:5px;
right: 0;
}
.spotBox.illust02::before{
content:'';
width: 5em;
height: 100px;
background: url("../images/illust02.png") no-repeat left top;
background-size: 5em;
position: absolute;
top:10px;
left: 10px;
}
.spotBox.illust03::before{
content:'';
width: 5em;
height: 100px;
background: url("../images/illust03.png") no-repeat right top;
background-size: 5em;
position: absolute;
top:0;
right: 5px;
}
*/
/*県北*/
.spot_kenpoku {
margin-bottom: 40px;
}
.spot_kenpoku .marker{
position: relative;
}
.spot_kenpoku .marker::before{
content:'';
width: 4em;
height: 100px;
background: url("../images/illust01.png") no-repeat right top;
background-size: 4em;
position: absolute;
top: -57px;
right: -78px;
}
.spot_kenpoku .spotslick .slick-prev, 
.spot_kenpoku .spotslick .slick-next {
  background: #6c9c39;
}
.spot_kenpoku .spot_area{
color: #6c9c39;
}
.spot_kenpoku .spot_area .marker{
background: linear-gradient(transparent 50%, #e0edd4 50%);
}
.spot_kenpoku .spotBox{
background-color: #e0edd4;
}
.spot_kenpoku .spotBox .list_hashtag li{
background: #c2de95;
}

/*県央*/
.spot_kenou {
margin-bottom: 40px;
}
.spot_kenou .marker{
position: relative;
}
.spot_kenou .marker::before{
content:'';
width: 5em;
height: 100px;
background: url("../images/illust02.png") no-repeat left top;
background-size: 5em;
position: absolute;
top: -27px;
left: -112px;
}
.spot_kenou .spotslick .slick-prev, 
.spot_kenou .spotslick .slick-next {
  background: #bf61b2;
}
.spot_kenou .spot_area{
color: #bf61b2;
}
.spot_kenou .spot_area .marker{
background: linear-gradient(transparent 50%, #f5deee 50%);
}
.spot_kenou .spotBox{
background-color: #f5deee;
}
.spot_kenou .spotBox .list_hashtag li{
background: #ebb0e0;
}

/*県南*/
.spot_kennan .marker{
position: relative;
}
.spot_kennan .marker::before{
content:'';
width: 5em;
height: 100px;
background: url("../images/illust03.png") no-repeat right top;
background-size: 5em;
position: absolute;
top: -52px;
right: -112px;
}
.spot_kennan .spotslick .slick-prev, 
.spot_kennan .spotslick .slick-next {
  background: #4692cb;
}
.spot_kennan .spot_area{
color: #4692cb;
}
.spot_kennan .spot_area .marker{
background: linear-gradient(transparent 50%, #d4eaf3 50%);
}
.spot_kennan .spotBox{
background-color: #d4eaf3;
}
.spot_kennan .spotBox .list_hashtag li{
background: #a2d9ea;
}


@media screen and (max-width: 759.9px) {  /* SP === */


}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */
/*
#kikispot{
position: relative;
}
#kikispot::before{
content:'';
width: 252px;
height: 221px;
background: url("../images/illst_izanagi.png") no-repeat;
position: absolute;
top:-60px;
left: -60px;
}
*/

/*slick矢印の設定*/
.spotslick .slick-prev, 
.spotslick .slick-next {
  position: absolute;
  z-index: 10;
  top: calc(50% - 60px);
  cursor: pointer;
  outline: none;
  height: 60px;
  width: 60px;
  background: #000;
  border-radius: 50%;
}
.spotslick .slick-prev {
  left:-60px;
}
.spotslick .slick-next {
  right:-60px;
}
.spotslick .slick-prev::after, 
.spotslick .slick-next::after {
  content: '';
  position: absolute;
  z-index: 100;
  top: calc(50% - 10px);
  cursor: pointer;
  outline: none;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  height: 16px;
  width: 16px;
}
.spotslick .slick-prev::after{
  left:24px;
  transform: rotate(-135deg);
} 
.spotslick .slick-next::after {
  right:24px;
  transform: rotate(45deg);
}

/*スポット*/
.spot_area{
margin-bottom: 30px;
}
.spotBox{
margin: 0 20px;
padding: 40px 20px 20px 20px;
}
.list_hashtag li{
padding: 5px 8px;
}
.spot_info dt{
width:6em;
}
.spot_info dd{
width:calc(100% - 6em);
line-height: 1.3;
}

/*イラスト*/
/*
.spotBox.illust01::before{
content:'';
width: 120px;
height: 100px;
background: url("../images/illust01.png") no-repeat right top;
background-size: auto 90px;
position: absolute;
top:5px;
right: 10px;
}
.spotBox.illust02::before{
content:'';
width: 120px;
height: 100px;
background: url("../images/illust02.png") no-repeat left top;
background-size: auto 90px;
position: absolute;
top:5px;
left: 5px;
}
.spotBox.illust03::before{
content:'';
width: 120px;
height: 100px;
background: url("../images/illust03.png") no-repeat right top;
background-size: auto 100px;
position: absolute;
top:0;
right: 5px;
}
*/
.spot_kenpoku .marker::before{
content:'';
width: 116px;
height: 131px;
background: url("../images/illust01.png") no-repeat;
position: absolute;
top:-60px;
right: -120px;
}
.spot_kenou .marker::before{
content:'';
width: 168px;
height: 111px;
background: url("../images/illust02.png") no-repeat;
position: absolute;
top:-40px;
left: -180px;
}
.spot_kennan .marker::before{
content:'';
width: 143px;
height: 131px;
background: url("../images/illust03.png") no-repeat;
position: absolute;
top:-55px;
right: -165px;
}

.spot_kenpoku,
.spot_kenou{
margin-bottom: 60px;
}


}
/* === PC */



/* -------------------------------------------------------

  #planlink = 宮崎のご宿泊はこちら

---------------------------------------------------------- */

.list_plan{
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
width: 100%;
gap:10px;
margin-bottom: 30px;
}
.list_plan li{
text-align: center;
}
.list_plan li a{
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 90%;
max-width: 600px;
padding: 20px 30px 20px 30px;
color: #fff;
text-decoration: none;
border-radius: 10px;
font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
box-sizing: border-box;
background: #a48620;
}

.list_plan li.bt_yado a::before {
content: '';
background: url("../images/icon_bed.png") no-repeat;
background-size: 42px;
width: 42px;
height: 31px;
position: absolute;
left: 10px;
}
.list_plan li.bt_air a::before {
content: '';
background: url("../images/icon_air.png") no-repeat;
background-size: 48px;
width: 48px;
height: 37px;
position: absolute;
left: 10px;
}
.list_plan li.bt_jr a::before {
content: '';
background: url("../images/icon_shinkansen.png") no-repeat;
background-size: 49px;
width: 49px;
height: 21px;
position: absolute;
left: 10px;
}
.list_plan li a::after {
content: '';
background: url("../images/arrow_planlink.png") no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
}

@media screen and (max-width: 759.9px) {  /* SP === */


}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */

.list_plan{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
width: 100%;
gap:20px;
}
.list_plan li{
flex: 1;
}
.list_plan li a{
padding: 26px 20px;
width: 100%;
}

.list_plan li.bt_yado a::before {
content: '';
background: url("../images/icon_bed.png") no-repeat;
background-size: 42px;
width: 42px;
height: 31px;
position: absolute;
left: 10px;
}
.list_plan li.bt_air a::before {
content: '';
background: url("../images/icon_air.png") no-repeat;
background-size: 48px;
width: 48px;
height: 37px;
position: absolute;
left: 10px;
}
.list_plan li.bt_jr a::before {
content: '';
background: url("../images/icon_shinkansen.png") no-repeat;
background-size: 49px;
width: 49px;
height: 21px;
position: absolute;
left: 10px;
}
.list_plan li a::after {
content: '';
background: url("../images/arrow_planlink.png") no-repeat;
background-size: 37px;
width: 37px;
height: 37px;
position: absolute;
right: 10px;
}

}
/* === PC */



/* -------------------------------------------------------

  #modelcourse = おすすめキキタビコース

---------------------------------------------------------- */

.list_model{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:stretch;
width: 100%;
gap:5px;
margin-bottom: 30px;
}
.list_model li{
flex: 1;
font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
line-height: 1.4;
}
.list_model li span{
font-size: clamp(1rem, 0.773rem + 1.14vw, 1.625rem);
font-weight: 600;
}
.list_model li a{
position: relative;
color: #ffffff;
border-radius: 5px;
padding:10px 5px;
text-align: center;
box-sizing: border-box;
text-decoration: none;
display: inline-block;
width: 100%;
height: 100%;
}
.list_model a::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
}

/*モデルコース*/
.model_box{
text-align: center;
padding: clamp(1.563rem, 1.222rem + 1.7vw, 2.5rem) 0;
margin: 20px 0;
}

.model_name{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
font-size: clamp(1.125rem, 0.898rem + 1.14vw, 1.75rem);
line-height: 1.4;
}
.model_name span{
font-size: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
line-height: 1.2;
}
.model_img{
margin: 20px auto;
}
.bt_modeltour {
margin: 0 auto;
}
.bt_modeltour a,
.bt_modeltour span {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 86%;
max-width: 600px;
padding: 20px 30px 20px 10px;
color: #fff;
text-decoration: none;
border-radius: 10px;
font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
box-sizing: border-box;
}

.bt_modeltour a::after,
.bt_modeltour span::after {
content: '';
background: url("../images/arrow_planlink.png") no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
}
.bt_modeltour span {
background: #bbb;
}

/*高千穂コース*/
.list_model li.bt_takachiho a{
background: #6c9c39;
}
.list_model li.bt_takachiho a::after {
border-top-color: #6c9c39;
}
#model_takachiho{
background: #e0edd4;
}
#model_takachiho .bt_modeltour a{
background: #6c9c39;
}
#model_takachiho .model_name{
color: #6c9c39;
}

/*あまてらすコース*/
.list_model li.bt_amaterasu a{
background: #bf61b2;
}
.list_model li.bt_amaterasu a::after {
border-top-color: #bf61b2;
}
#model_amaterasu{
background: #f5deee;
}
#model_amaterasu .bt_modeltour a{
background: #bf61b2;
}
#model_amaterasu .model_name{
color: #bf61b2;
}

/*青島コース*/
.list_model li.bt_aoshima a{
background: #4692cb;
}
.list_model li.bt_aoshima a::after {
border-top-color: #4692cb;
}
#model_aoshima{
background: #d4eaf3;
}
#model_aoshima .bt_modeltour a{
background: #4692cb;
}
#model_aoshima .model_name{
color: #4692cb;
}

@media screen and (max-width: 759.9px) {  /* SP === */

.model_img{
width: 86%;
max-width: 340px;
}
.model_img img{
width: 100%;
}

}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */

.list_model{
gap:20px;
}
.list_model li a{
border-radius: 10px;
padding:20px 5px;
}
.list_model a::after {
content: '';
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #6c9c39;
}
.model_box{
margin: 40px 0;
}
.model_img{
width: 86%;
max-width: 900px;
}
.model_img img{
width: 100%;
}

.bt_modeltour a,
.bt_modeltour span {
padding: 26px 20px;
margin-top: 20px;
}
.bt_modeltour a::after,
.bt_modeltour span::after {
content: '';
background: url("../images/arrow_planlink.png") no-repeat;
background-size: 37px;
width: 37px;
height: 37px;
position: absolute;
right: 20px;
}

}
/* === PC */




/* -------------------------------------------------------

  #cplink = 宮崎県のご旅行のお得情報

---------------------------------------------------------- */

#cplink ul{
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap:wrap;
}
#cplink ul li{
flex: 1;
min-width: 0;
}
#cplink ul li img{
width: 100%;
}


@media screen and (max-width: 759.9px) {  /* SP === */

#cplink ul{
gap: 10px;
}

}
/* === SP */


@media screen and (min-width: 760px),print { /* PC === */

#cplink ul{
max-width: 600px;
gap: 20px;
}

}


/* -------------------------------------------------------

  #tourguide = バスガイド同行ツアー

---------------------------------------------------------- */

.first_serve_only{
margin: 15px 0;
padding: 20px;
background: #bd330e;
font-weight: bold;
color: #fff;
text-align: center;
font-size: clamp(1.25rem, 0.417rem + 1.67vw, 1.875rem);
}

#info_tour ul{
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap:wrap;
}
#cplink ul li{
flex: 1;
min-width: 0;
}
#cplink ul li img{
width: 100%;
}

.tour_schedule{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-size: clamp(1.125rem, 0.898rem + 1.14vw, 1.75rem);
line-height: 1.4;
text-align: center;
margin-bottom: 20px;
}
.tour_schedule span{
line-height: 1.2;
background: linear-gradient(transparent 50%, #e7d494 50%);
color: #5b490d;
padding: 0 10px;
}
.tour_schedule_img{
text-align: center;
margin-bottom: 30px;
}
.tour_schedule_img img{
width: 96%;
max-width: 1000px;
}

.list_tour{
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: center;
width: 100%;
gap:10px;
margin-bottom: 30px;
}
.list_tour li{
text-align: center;
}
.list_tour li a{
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 90%;
max-width: 600px;
padding: 20px 30px 20px 30px;
color: #fff;
text-decoration: none;
border-radius: 10px;
font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
box-sizing: border-box;
background: #a48620;
}
.list_tour li a::after {
content: '';
background: url("../images/arrow_planlink.png") no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
}

.tourguide_info{
margin: 0 0 30px 0;
}
.tourguide_info dt{
padding-top: 10px;
font-weight: 600;
color: #5b490d;
}
.tourguide_info dd{
padding-bottom: 10px;
border-bottom: solid 1px #ccc;
padding-left: 1em;
}
.tourguide_info .price,
.tourguide_info .price2{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 800;
font-style: normal;
color: #8d290e;
font-size: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
}
.tourguide_info .price2{
font-size: clamp(1rem, 0.9rem + 0.5vw, 1.4rem);
}
.tourguide_info .price2{
position: relative;
}
.tourguide_info .price2::after{
position: absolute;
display: block;
content: "";
top: 50%;
left: 0;
width: 100%;
height: 2px; /* 線の太さ */
background-color: #cc0000; /* 線の色 */
transform: rotate(20deg); /* 傾き角度 */
}

.bt_modellink a{
margin: 0 auto;
display: block;
width: 86%;
max-width: 600px;
padding: 20px 10px;
color: #fff;
text-decoration: none;
border-radius: 10px;
font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
box-sizing: border-box;
background: #a48620;
text-align: center;
}



@media screen and (min-width: 760px),print { /* PC === */

#tourguide{
background: #f5f1e2;
padding: 20px 20px 0 20px;
margin: 0 20px 50px 20px;
}
.tour_schedule_img img{
border:solid 10px #fff;
}
.list_tour{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
width: 100%;
gap:20px;
}
.list_tour li{
flex: 1;
}
.list_tour li a{
padding: 20px 60px 20px 30px;
}
.list_tour li a::after {
content: '';
background: url("../images/arrow_planlink.png") no-repeat;
background-size: 37px;
width: 37px;
height: 37px;
position: absolute;
right: 20px;
}

.tourguide_info{
margin: 0 0 30px 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
border-bottom: solid 1px #5b490d;
}
.tourguide_info dt{
width: 250px;
padding-top: 20px;
font-weight: 600;
font-size: 18px;
border-top: solid 1px #5b490d;
}
.tourguide_info dd{
width:calc(100% - 250px);
padding: 20px 0;
border-top: solid 1px #5b490d;
border-bottom: 0;
padding-left: 0;

}
/*
.tourguide_info dd ul{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap:30px;
}
*/
.tourguide_info dd ul li{
font-size: 20px;
}
.tourguide_info .price,
.tourguide_info .price2{
font-weight: 600;
}



}
/* === PC */

/* 追加コンテンツ */
.lp_travel_bl03_stayArea{
	margin: 40px auto 20px;
}
.lp_travel_bl03_stayArea h3 {
    font-family: "Noto Serif JP", serif;
	color: #5b490d;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	font-size: clamp(1.25rem, 1.1rem + 0.8vw, 1.75rem);
}
.lp_travel_bl03_stayArea .subTtl{
	max-width: 112px;
}
.lp_travel_bl03_stayArea .bl_media{
	width: 90%;
	max-width: 605px;
	margin: 20px auto 0;
}
.bl_media_txtArea{
	flex: 1;
}
.bl_media_txtArea dt{
	line-height: 1.5;
	color: #5b490d;
	font-size: 14px;
}
.bl_media_txtArea dt em{
	display: block;
	margin-bottom: 5px;
	font-size:1.25em;
}
.bl_media_txtArea dt em .label{
	display: inline-block;
	margin-right: 10px;
	padding: 2px 5px 3px;
	color: #fff;
	background-color: #c1414d;
	font-size: 12px;
}
.bl_media_txtArea dd{
	margin-top: 10px;
	padding-top: 7px;
	line-height: 2;
	font-size: 12px;
	border-top: 1px solid #ddd;
}
.bl_media_txtArea dd ul.red_note {
	margin-top: 5px;
}
.bl_media_txtArea dd ul.red_note li{
	padding-left: 1em;
	line-height: 1.5;
	font-size: 10px;
	position: relative;
	color: #cc0000;
}
.bl_media_txtArea dd ul.red_note li::before{
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

.bl_media_txtArea_tb{
	/*display: flex;*/
	padding-top: 0 !important;
	border: none !important;
}
.bl_media_txtArea_tb table{
	width: 100%;
	border-collapse: collapse;
}
.bl_media_txtArea_tb table th,
.bl_media_txtArea_tb table td{
	height: 48px;
	line-height: 1.4;
	font-size: 12px;
	border: 1px solid #000;
}
.bl_media_txtArea_tb table th{
	width: 64px;
	text-align: center;
	background: #ddd;

}
.bl_media_txtArea_tb table td{
	padding: 0 4px;
	background: #fff;
}
span.bl_media_txtArea_days {
	display: inline-block;
	margin-bottom: 2px;
	padding: 3px 7px 4px;
	background-color: #c1414d;
	color: #fff;
}
span.bl_media_txtArea_small {
	display: block;
	margin-top: 5px;
	color: #000;
}
.bl_media{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 15px;
}
.bl_media_img{
	width: 100%;
	max-width: 100%;
}
.bl_media_img figure {
	margin: 0;
	width: 100%;
	height: auto;
}
.bl_media_img figure img{
	width: 100%;
	height: auto;
}
.bl_media_txtArea{
	flex: 1;
}
.bl_media_txtArea dt{
	line-height: 1.5;
	color: #5b490d;
	font-size: 14px;
}
.bl_media_txtArea dt em{
	display: block;
	margin-bottom: 5px;
	font-size:1.25em;
}
.bl_media_txtArea dt em .label{
	display: inline-block;
	margin-right: 10px;
	padding: 2px 5px 3px;
	color: #fff;
	background-color: #c1414d;
	font-size: 12px;
}
.bl_media_txtArea dd{
	margin-top: 10px;
	padding-top: 7px;
	line-height: 2;
	font-size: 12px;
	border-top: 1px solid #ddd;
}
.bl_media_txtArea dd ul.red_note {
	margin-top: 5px;
}
.bl_media_txtArea dd ul.red_note li{
	padding-left: 1em;
	line-height: 1.5;
	font-size: 10px;
	position: relative;
	color: #cc0000;
}
.bl_media_txtArea dd ul.red_note li::before{
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

/*760px以上*/
@media screen and (min-width: 760px),print {

	.lp_travel_bl03_stayArea{
		margin: 50px auto 20px;
	}
	.lp_travel_bl03_stayArea .bl_media,
	.lp_travel_bl03_stayArea .bl_course {
		max-width: 970px;
		margin: 30px auto 0;
	}
	.bl_media_txtArea dt{
		font-size: 16px;
	}
	.bl_media_txtArea dt em .label{
		padding: 3px 7px 4px;
		font-size: 14px;
	}
	.bl_media_txtArea dd{
		margin-top: 20px;
		padding-top: 17px;
		font-size: 14px;
	}
	.bl_media_txtArea dd ul.red_note li{
		font-size: 12px;
	}
	.bl_media_txtArea_tb table th,
	.bl_media_txtArea_tb table td {
		font-size: 14px;
	}
	.bl_media_txtArea_tb table td {
		padding: 0 8px;
	}
	.bl_media{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 25px;
	}
	.bl_media_img{
		width: 50%;
		max-width: 376px;
	}
	.bl_media_img figure {
    max-width: 752px;
    max-height: 496px;
	}
	.bl_media_img img {
    width: 100%;
    max-width: 100%;
	}
	.bl_media_txtArea dt{
		font-size: 16px;
	}
	.bl_media_txtArea dt em .label{
		padding: 3px 7px 4px;
		font-size: 14px;
	}
	.bl_media_txtArea dd{
		margin-top: 20px;
		padding-top: 17px;
		font-size: 14px;
	}
	.bl_media_txtArea dd ul.red_note li{
		font-size: 12px;
	}
	.bl_media_txtArea_tb table th,
	.bl_media_txtArea_tb table td {
		font-size: 14px;
	}
	.bl_media_txtArea_tb table td {
		padding: 0 8px;
	}
}