@charset "utf-8";

/*PCSP共通設定*/
main img {
  width: 100%;
  height: auto;
}
.follow-up_nav a,
main article * {
	font-family: "Sawarabi Mincho", "Yu Mincho", "YuMincho", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
html{scroll-behavior: smooth;}
section:nth-of-type(odd){background-color:#fff7f0;}
section:nth-of-type(even){background-color:#fff;}
.iframe_end-content_gadget{
	z-index: 1;
	position: sticky;
}

/*gadget*/
:root {
	--gadget-accent-color: #333;
	--gadget-noactive-color: #FCFCFC;
	--gadget-botton-color: #F29A16;
}
.search_kokunaiBar{
	z-index: 1;
	position: sticky;
	margin-top: 50px;
}
.search_kokunaiBar .fw-top .fw-checkbox__label:before {border-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fw-checkbox__input:checked + .fw-checkbox__label:before {
    background-color: var(--gadget-accent-color);
    border-color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list {border-bottom-color: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li.fw-is-active {background: var(--gadget-accent-color);}
.search_kokunaiBar .fw-top .fwnta-modal-btn-clear {
    border-color: var(--gadget-accent-color);
    color: var(--gadget-accent-color);
}
.search_kokunaiBar .fw-top .fwnta-modal-tab__list > li {background-color: var(--gadget-noactive-color);}
.search_kokunaiBar .fw-top .fw-btn-detail-01, .fw-top .fw-btn-fix-01 {background-color: var(--gadget-botton-color);}
.search_kokunaiBar .fw-top .fwnta-btn-search{background-color: var(--gadget-botton-color);}

/*970px以上*/
@media screen and (min-width: 970px),print {
/* CSS */
/*========= particle js を描画するエリア設定 ===============*/
#particles-js{ 
  position:fixed;/*描画固定*/
  z-index:0;/*描画を一番下に*/
  width: 100%;
  height: 100%;
  /*background: url(../images/bg.png) no-repeat;*/
}
main article section:not(#gadget){line-height: 1.6;letter-spacing: 2px;}
main article section#gadget * {letter-spacing: normal}
#wrapper {line-height: 1.231;}
header#pc_header{
	background-color:#fff;
	margin: 0;
}
.inner970 {
    width: 970px;
    margin: 0 auto;
    display: block;
}
.br-sp {display: none; }

.iframe_end-content_gadget {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	padding: 10px 0;
    display: block;
    font-size: 13px;
	background: #FFF;
	z-index: 1;
	position: sticky;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {font-size: 14px;}
.inner{
	width: 970px;
	margin: 0px auto;
	padding: 100px 0;
	display: block;
}
h2 {
	font-size: 28px;
    text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
}
h2 span:before{
	content: "";
    width: 70px;
    height: 70px;
    position: absolute;
	top: -70px;
    left: 50%;
}
section:nth-of-type(odd) h2 span:before{
	transform: translateX(-55%);
    background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/ic_leaves.png)
}
section:nth-of-type(even) h2 span:before{
	transform: translateX(-55%);
    background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/ic_leaves2.png)
}
p.near_yado__p{
	width: 90%;
	margin: 0 auto 24px;
	display: block;
	font-size: 14px;
}

/*title*/
#title {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: url(../images/bg.jpg) 50%;
    background-size: cover;
}	
#main_title {
	color: #FFF;
	font-size: 80px;
	padding: 75px 0 50px;
	text-shadow: 2px 2px 5px #333;
}
#area_title{
	text-align: center;
    font-size: 24px;
	font-weight: bold;
    color: #f00;
    background: #fff;
    width: 350px;
    margin: 0 auto 3%;
    padding: 5px;
    display: grid;
	border-radius: 15px;
    align-items: center;
}	

/*area-select*/
#top .area_box_wrapper dt{
	width: 18%;
	margin: 0 1% 2%;
	position: relative;
	float: left;
}

/*btn*/
.koyo-blackbtn a {
    width: 60%;
	display: block;
    margin: 0 auto;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #000 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 20px;
    text-decoration: none !important;
}
.koyo-blackbtn_wrap2 .koyo-blackbtn a {
    width: 46%;
	float: left;
	display: block;
    margin: 0 2%;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #000 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 18px;
    text-decoration: none !important;
}
.koyo-blackbtn a:hover{
	text-decoration:none!important;
	background:#f00 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
	transition: 0.2s;
}

/*nav・undernav*/
nav.follow-up_nav,
nav.follow-up_nav_under {
	background: #FFF;
    margin: auto;
	z-index: 1;
	position: sticky;
}
nav.follow-up_nav ul,
nav.follow-up_nav_under ul{
	padding: 20px 0;
	width: 970px;
	margin: 0 auto;
}
nav.follow-up_nav li {
	width: 20%;
    display: block;
    text-align: center;
    float: left;
	border-right: 1px dotted #aaa;
    box-sizing: border-box;
}
nav.follow-up_nav_under li {
	width: 14.2864%;
    display: block;
    text-align: center;
    float: left;
	border-right: 1px dotted #aaa;
    box-sizing: border-box;
}
nav.follow-up_nav li:last-child,
nav.follow-up_nav_under li:last-child {
	border-right: none;
}
nav.follow-up_nav li a,
nav.follow-up_nav_under li a{
	font-size:16px;
	color:#000;
}
nav.follow-up_nav_under li a{
	font-size:14px;
}
nav.follow-up_nav li a:hover,
nav.follow-up_nav_under li a:hover{
	text-decoration:none!important;
	color:#f00;
	transition: 0.2s;
}

/*3カラム*/
.bg_area{
	background-color: #fff;
	padding: 30px;
	z-index: 1;
	position: sticky;
}
.area_box_wrapper dt{
	position: relative;	
	float: left;
    width: 23%;
    margin: 0 1%;
}	
.area_box_wrapper dt strong{	
	position: absolute;
    top: 7%;
    left: 7%;
    text-align: center;
    width: 86%;
    height: 86%;
    background: rgba(255,255,255,0.45);
    display: grid;
    align-items: center;
    font-size: 25px;
	color:#333;	
    text-shadow: 3px 3px 8px #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}	

/*全共通*/
.area_box_wrapper .about_area_koyo_txtbox .plan_image img{width:100%;}

/*slick plan*/
.slick-slide-js .slick-prev,
.slick-slide-js .slick-next {z-index: 40;}
.slick-slide-js .slick-prev:before,
.slick-slide-js .slick-next:before {color: #242424;}

/*slick tripa*/
.tripa_slick .slick-prev,
.tripa_slick .slick-next {z-index: 40;}
.tripa_slick .slick-prev:before,
.tripa_slick .slick-next:before {color: #242424;}

/* おすすめ旅行情報 */
#useWrap .tripa_useWrap{
	line-height: 1.5!important;
    letter-spacing: 0!important;
}
#useWrap div.tripa_slick div.tripa {
	overflow: hidden;
    margin: 5px;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
}
#useWrap div.tripa_slick div p {
	margin: 0 0 3% 0;
    height: 150px;
    overflow: hidden;
}
#useWrap div.tripa_slick div p img {
    width: auto;
    height: 100%;
}
#useWrap div.tripa_slick div dl {
	overflow: hidden;
	display: block;
	padding: 0;
}
#useWrap div.tripa_slick div dt {
	font-size: 16px;
	margin: 0 0 2% 0;
	padding: 0;
	
}
#useWrap div.tripa_slick div dd {
	font-size: 14px;
}
#useWrap div.tripa_slick div dd > span {
	display: block;
	margin: 5px 0 0 0;
}
#useWrap div.tripa_slick div dd > span a {
	color: #CCC;
	font-size: 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#useWrap div.tripa_slick div dd > span span {
	color: #F69;
	display: inline;
	font-size: 12px;
}

/*-----------------------------------------------
planWrap
-------------------------------------------------*/
div.serchCommonBox1 div.colum3B h3 {
    font-weight: normal;
    margin: 3% 0 0 0;
    padding: 2px 0 0 15px;
    font-size: 22px;
    background: #822700;
    color: #fff;
    border-radius: 8px 8px 0 0;
}
.planInner{
	width: 950px;
	margin: 0 auto;
	padding: 40px 3px 20px;
}
.planInner:before,
.planInner:after {
    content: " ";
    display: table;
}
.planInner:after {
    clear: both;
}
.planInner {
    *zoom: 1;
}
.planInner h2{
text-align: center;
margin-bottom: 30px;
clear:both;
}
.planInner h2 strong{
color: #7e1a44;
font-weight: bold;
text-align: center;
font-size: 32px;
display: block;
padding: 0 0 30px 0;
margin-bottom: 20px;
background:url(../images/imline.png) no-repeat 50% 100%
}
.planInner h2 strong span{
	font-size:24px;
	font-weight:bold;
	display:block;
	margin-top:13px;
}
.planInner h2 strong.middleP{
color: rgba(47,47,47,1.00);
font-size: 26px;
}
.planInner h2 span{display: block;}
.plan3Box{
width: calc(94% / 3);
float: left;
filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
margin: 2% 1%;
background: rgba(255,255,255,1.00)
}
.plan3Box .photoBox b:nth-of-type(1) {display: none;}
.plan3Box img {
    width: 100%;
    height: auto;
}
.plan3Box .photoBox .slider-wrap ul.slider li:nth-of-type(n+2),
.plan3Box .photoBox .slider-wrap ul.thumb{display:none;}
.colum3B{overflow:hidden;}
.photoBox{position: relative;}
.photoBox b{
position: absolute;
top: -5px;
left: 5px
}
.plan3Box dl{padding: 10px;}
.plan3Box dl dt > span{
display: block;
margin-bottom: 5px;
}
.plan3Box dl dt{
padding-bottom: 0;
margin-bottom: 10px;
overflow:hidden;
}
.plan3Box dl dt strong{
display: block;
line-height: 22px;
padding-bottom:10px;
border-bottom: #efe4d3 2px solid;
font-size: 15px;
font-weight: bold;
}
.plan3Box dl dd{
line-height:130%;
margin-bottom: 13px;
}
.copy{
font-size: 14px;
padding-top:15px;
}
.dept span{display: block;}
.dept span span {
    display: inline-block;
    border: #947e3e 1px solid;
    width: auto;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
	color: #947e3e
}
.dept strong{
	font-weight: normal;
	color: #947e3e
}
.inlineS{display:inline-block!important;}
.price strong{
font-size: 18px;
font-weight: bold;
display: block;
background: url(../images/im_en.png) no-repeat 0 10%;
background-size:22px auto;
padding: 4px 0 4px 30px;
margin-bottom: 5px;
color: rgba(255,0,4,1.00)
}
.price span{
font-size: 12px;
line-height: 15px;
display: block;
}

/*****ribbon******/
.photoBox b:nth-of-type(1){display: none;}

/***********tagIcon***********/
.tagIcon {
 display: inline-block!important;
 border: #dcdcdc 1px solid;
 background-color: #eee;
 padding: 5px 5px;
 text-align: center;
 margin-right: 8px;
 font-size: 14px;
 line-height: 14px;
 margin-bottom: 5px;
 white-space: nowrap;
 }
.tagIcon.new {
  background-color: #cc3300;
  color: #fff;
  border: #cc3300 1px solid; }
.tagIcon.kyushu {
  background-color: #ff3a82;
  color: #fff;
  border: #ff3a82 1px solid; }
.tagIcon.kinki {
  background-color: #0095d9;
  color: #fff;
  border: #0095d9 1px solid; }
.tagIcon.chugoku {
  background-color: #0cc2dd;
  color: #fff;
  border: #0cc2dd 1px solid; }
.tagIcon.hokuriku {
  background-color: #9900cc;
  color: #fff;
  border: #9900cc 1px solid; }
.tagIcon.chubu {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.kanto {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.hokkaido {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.tohoku {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.zenkoku {
  background-color: #191970;
  color: #fff;
  border: #191970 1px solid; }
.tagIcon.type1 {
    border: #871c48 1px solid;
    background-color: #871c48;
    color: #fff;
}
.tagIcon.type2 {
border: #947e3e 1px solid;
background-color: #947e3e;
color: #fff; }
.tagIcon.type3 {
border: #1b5581 1px solid;
background-color: #1b5581; }
.tagIcon.type4 {
border: #947e3e 1px solid;
background-color: #f8f3eb;
color: #947e3e; }
.tagIcon.type5 {
border: #1b5581 1px solid;
background-color: #e9eef2;
color: #1b5581; }
.tagIcon.type6 {
border: #871c48 1px solid;
background-color: #f4e7ee;
color: #871c48;
}

/***********btn***********/
.commonBtn {
margin-bottom: 8px;
}
.commonBtn a{
padding: 8px 20px 8px 8px;
font-size: 14px;
display:block;
text-align: center;
border-radius: 3px;
position: relative;
}
p.single a{
color: #7e1a44;
border: 1px solid #7e1a44;
}
.single a:after{
font-family: "Font Awesome 5 Free";
content: '\f1c1';
position: absolute;
right: 10px;
font-size: 20px;
font-weight: 400
}
p.dub a{
color: #FFFFFF;
background: #7e1a44;
}
.dub a:after{
font-family: 'Font Awesome 5 Free';
content: '\f054';
position: absolute;
right: 10px;
font-size: 12px;
font-weight: 600;
}
span.otherL a{
font-size: 10px;
display:block;
text-decoration: underline;
color: rgba(71,71,71,1.00)}
.btnBox{
margin: 0;
padding: 0 30px;
clear: left;
letter-spacing: -0.4em;
}
.btnBox a{
border: 1px solid #7e1a44;
color: #7e1a44;
padding: 18px;
display:block;
font-size: 18px;
position: relative;
text-align: center;
border-radius: 3px;
letter-spacing: normal;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e8e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e8e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e8e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e8e7',GradientType=0 ); /* IE6-9 */
}
.btnBox p.orangebtn a{
border: 1px solid #ff9800;
color: #FFF;
background: #ff9800;
}
.btnBox a:after{
font-family: 'Font Awesome 5 Free';
content: '\f054';
position: absolute;
right: 10px;
font-size: 14px;
font-weight: 600;
}
.btnBox2 p{
width: 48%;
margin-left: 2%;
display: inline-block;
}
.commonBtn a,
.btnBox a {
	transition: 0.2s ;
}
.commonBtn a:hover,
.btnBox a:hover {
	opacity: 0.5 ;
	text-decoration: none
}

/*area*/
#pref dl.pref {
	display: block !important;
	padding: 20px 15px;
	background: #fff url(../images/pref_map.png) no-repeat center center;
	background-size: auto 100%;
}
#pref dl.pref a {
	display: flex;
	padding: 0 20px;
	justify-content: center;
	align-items: center;
	height: 2.8em;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
}
#pref dl.pref div {
	width: fit-content;
	display: flex;
	padding: 10px 0;
	z-index: 1;
	position: sticky;
}
#pref dl.pref dt {padding-right: 10px;}
#pref dl.pref dt a {
	width: 10em;
	background: #333;
	color: #FFF;
}
#pref *, #pref :before, #pref :after {box-sizing: border-box;}
#pref dl.pref ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#pref dl.pref dd a {
	background: #FFF;
	color: #333;
	border: 1px solid #333;
}
#pref dl.pref div:hover dt a {
    background: #f00;
    transition: 0.2s;
}

/*footer*/
#pc_footer{margin:0;}

}
/*追記*/
/*FAQ*/
#link-faq .inner > div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#link-faq .inner div > div {
    padding: 10px;
    margin-bottom: 3%;
    background: #fff;
	position: sticky;
	z-index: 1;
}
#link-faq b.qaicon {
    background: #f00;
    font-size: 18px;
	line-height: 40px;
    margin: 0 10px 1% 0;
    color: #FFF;
	width: 40px;
    height: 40px;
    text-align: center;
    float: left;
}
#link-faq h3 {
    font-size: 16px;
    margin: 0 0 2% 0;
    padding-right: 24px;
    color: #f00;
    line-height: 40px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq .inner > div p span{
	width:890px;
	display:block;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq a:link{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq div p {
    font-size: 18px;
    line-height: 1.8;
}
ul.kw_list li {
	width: 289px;
    float: left;
    margin: 1% 7px;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #333 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    letter-spacing: 1px;
	z-index: 1;
	position: sticky;
}
ul.kw_list li a {
	width:100%;
	display:block;
    padding: 15px 0;
    color: #fff;
	font-size: 14px;
}
ul.kw_list li:hover{
	background:#f00 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
	transition: 0.2s;
}
#link-search_from_theme dl{
	width: 21%;
    float: left;
    margin: 0 2%;
    cursor: pointer;
    background: #FFF;
}
#link-search_from_theme dt {
	margin-bottom: 5%;
	float: left;
}
#link-search_from_theme dt img {width:100%;}
#link-search_from_theme .Catch_title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#f00;
	letter-spacing:0.04em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}	
#link-search_from_theme .Catch_txt {
	font-size: 14px;
    font-weight: normal;
    text-align: left;
    height: 50px;
    padding: 5px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

/*969px以下*/
@media screen and (max-width: 969px) {
/*========= particle js を描画するエリア設定 ===============*/
#particles-js{ 
  position:fixed;/*描画固定*/
  z-index:1;/*描画を一番下に*/
  width: 100%;
  height: 100%;
}
main article section:not(#gadget){line-height: 1.5;letter-spacing: 1px;}
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
.inner970 {
    width: 100%;
    margin: 0 auto;
    display: block;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	padding: 5px;
    display: block;
    font-size: 10px;
    background: #FFF;
	z-index: 1;
	position: sticky;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {font-size: 12px;}
h2 {
	font-size: 24px;
    text-align: center;
	margin-bottom: 5px;
	font-weight: bold;
	position: relative;
}
h2 span:before{
	content: "";
    width: 50px;
    height: 50px;
    position: absolute;
	top: -50px;
    left: 50%;
}
h2 small{
	z-index: 1;
	position: sticky;
}
section:nth-of-type(odd) h2 span:before{
	transform: translateX(-55%);
    background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/ic_leaves.png)
}
section:nth-of-type(even) h2 span:before{
	transform: translateX(-55%);
    background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../images/ic_leaves2.png)
}
p.near_yado__p{
	width: 90%;
	margin: 0 auto 24px;
	display: block;
	font-size: 14px;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 64px 0 25px;
	box-sizing: border-box;
}

/*title*/
#title {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    background: url(../images/bg.jpg) 50%;
    background-size: cover;
}	
#main_title {
	color: #FFF;
	font-size: 36px;
	padding: 35px 0 15px;
	text-shadow: 1px 1px 2px #333;
}
#area_title {
    text-align: center;
    font-size: 18px;
	font-weight: bold;
    color: #f00;
    background: #fff;
    width: 60%;
    margin: 0 auto 25px;
    padding: 3px;
    display: grid;
	border-radius: 15px;
    align-items: center;
}

/*area-select*/
#top .area_box_wrapper dt{
	width: calc(94% / 3);
	margin: 0 1% 2%;
}
#top .area_box_wrapper dt strong{font-size: 16px;}

/*btn*/
.koyo-blackbtn a,
.koyo-blackbtn_wrap2 .koyo-blackbtn a {
    width: 100%;
	display: block;
    margin: 0 auto 4%;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #000 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    text-decoration: none !important;
}

/*nav*/
main article nav.fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    margin: 0;
    text-align: center;
	background: #FFF!important;
}
nav.follow-up_nav {
	background: #FFF;
}
nav.follow-up_nav li {
	width: calc(100% / 3);
    padding: 5px 0;
    display: block;
    text-align: center;
    float: left;
    box-sizing: border-box;
    border-right: 1px dotted #000;
    border-bottom: 1px dotted #000;
	z-index: 1;
	position: sticky;
}
nav.follow-up_nav li:nth-of-type(3n) {border-right: none;}
nav.follow-up_nav li:nth-of-type(n+4) {border-bottom: none;}
nav.follow-up_nav li a{
	font-size:14px;
	color:#000;
}

/*フルカラム　2カラム　(3カラムカルーセルなし)共通デザイン、3カラムカルーセル*/
.area_box_wrapper dl.area_box {
	background: rgba(255,255,255,0.95);
	z-index: 1;
	position: sticky;
}
.area_box_wrapper dt{
	position: relative;	
	float: left;
    width: 98%;
    margin: 0 1%;
}
.area_box_wrapper dt strong{	
	position: absolute;
    top: 7%;
    left: 7%;
    text-align: center;
    width: 86%;
    height: 86%;
    background: rgba(255,255,255,0.45);
    display: grid;
    align-items: center;
    font-size: 18px;
	color:#333;	
    text-shadow: 3px 3px 8px #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
ul.kw_list li {
	width: 41%;
    float: left;
    margin: 2% 1%;
    color: #FFF !important;
    text-decoration: none;
    text-align: left;
	padding-left: 7%;	
    font-weight: normal;
    border-radius: 3px;
    background: #333 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    /*letter-spacing: 1px;*/
}
ul.kw_list li.w100p {width: 91% !important;}
ul.kw_list li a {
	width:100%;
	display:block;
    padding: 10px 0;
    color: #fff;
	font-size: 13px;
}		
#link-search_from_theme dl{
	width: 48%;
    float: left;
    margin: 2% 1%;
    cursor: pointer;
    background: #FFF;
	position: sticky;
	z-index: 1;
}
#link-search_from_theme dt {
	margin-bottom: 5%;
	float: left;
}
#link-search_from_theme dt img {width:100%;}
#link-search_from_theme .Catch_title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:#f00;
	letter-spacing:0.04em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	}	
#link-search_from_theme .Catch_txt {
	font-size: 12px;
    font-weight: normal;
    text-align: left;
    height: 50px;
    padding: 5px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq b.qaicon {
    background: #f00;
    font-size: 16px;
	line-height: 30px;
    margin: 0 10px 1% 0;
    color: #FFF;
	width: 30px;
    height: 30px;
    text-align: center;
    float: left;
}
#link-faq h3 {
    font-size: 14px;
    margin: 0 0 5% 0;
    padding-right: 0px;
    color: #f00;
    line-height: 20px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    position: relative;
    box-sizing: border-box;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq .inner > div p span{
	width:100%;
	/*float:left;*/
	display:block;
	font-size: 13px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq a:link{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#link-faq div p {
    font-size: 18px;
    line-height: 1.8;
}	
/*#gadget .inner >div{
    background: rgba(255,255,255,0.95);
}*/
/*.area_box_wrapper dl.area_box .area_box_text {
    font-size: 14px;
    margin: 15px 1%;
    text-decoration: underline #ddd;
    text-underline-offset: 5px;
    display: inline-block;
}*/

	
/*4コンテンツ以上　3表示カルーセル*/
.area_box_wrapper .slick-slide-js {
	width: 100%;
    margin: auto;
}
/*4コンテンツ以上　3表示カルーセル ここまで*/

/*slick*/
.slick-slide-js .slick-prev,
.slick-slide-js .slick-next {top: 20%;z-index: 40;}
.slick-slide-js .slick-prev {left: -5px;}
.slick-slide-js .slick-next {right: -5px;}
.slick-slide-js .slick-prev:before,
.slick-slide-js .slick-next:before {color: #242424;}

/* おすすめ旅行情報 */
#useWrap .inner{
	width: 96%;
    margin: 0 2%;
    padding: 24px 0;
    box-sizing: border-box;
}
#useWrap .tripa_useWrap_wrap{
	width: 100%;
    overflow-x: scroll;
	box-sizing: border-box;
}
#useWrap .tripa_useWrap_wrap::-webkit-scrollbar {
    height: 8px;
}
#useWrap .tripa_useWrap_wrap::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #999;
}
#useWrap .tripa_useWrap_wrap::-webkit-scrollbar-track {
    margin: 0 5px;
    background: #efefef;
    border-radius: 5px;
}
#useWrap .tripa_slick.tripa_useWrap {width: 1680px;}
#useWrap div.tripa {
	width: 200px;
    float: left;
    margin: 5px 5px 10px;
    padding: 10px;
    background: #FFF;
    box-sizing: border-box;
	position: sticky;
	z-index: 1;
}
#useWrap div.tripa p {
	margin: 0 0 3% 0;
    height: 150px;
    overflow: hidden;
}
#useWrap div.tripa p img {
    width: auto;
    height: 100%;
}
#useWrap div.tripa dl {
	overflow: hidden;
	display: block;
	padding: 0;
}
#useWrap div.tripa dt {
	font-size: 14px;
	margin: 0 0 2% 0;
	padding: 0;
	font-weight: bold;
}
#useWrap div.tripa dd {
	font-size: 12px;
}
#useWrap div.tripa dd > span {
	display: block;
	margin: 5px 0 0 0;
}
#useWrap div.tripa dd > span a {
	color: #CCC;
	font-size: 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#useWrap div.tripa dd > span span {
	color: #F69;
	display: inline;
	font-size: 12px;
}

/*undernav*/
nav.follow-up_nav_under {background: #FFF;}
nav.follow-up_nav_under ul{padding: 10px 0;}
nav.follow-up_nav_under li {
	display: inline-block;
    border-right: 1px dotted #aaa;
	margin: 5px 0;
    padding: 0 10px;
}
nav.follow-up_nav_under li:last-child {border-right: none;}
nav.follow-up_nav_under li a{
	font-size:12px;
	color:#000;
}

/*-----------------------------------------------
planWrap
-------------------------------------------------*/
.contInner02 h2#link03 span {
    font-size: 16px;
    text-align: right;
    display: block;
}

div.serchCommonBox1 div.colum3B h3 {
    font-weight: normal;
    margin: 3% 0 0 0;
    padding: 2px 0 0 15px;
    font-size: 22px;
    background: #822700;
    color: #fff;
    border-radius: 8px 8px 0 0;
}
.planInner{
width: 950px;
margin: 0 auto;
padding: 40px 3px 20px;

}
.planInner:before,
.planInner:after {
    content: " ";
    display: table;
}
.planInner:after {
    clear: both;
}
.planInner {
    *zoom: 1;
}
.planInner h2{
text-align: center;
margin-bottom: 30px;
clear:both;
}
.planInner h2 strong{
color: #7e1a44;
font-weight: bold;
text-align: center;
font-size: 32px;
display: block;
padding: 0 0 30px 0;
margin-bottom: 20px;
background:url(../images/imline.png) no-repeat 50% 100%
}
.planInner h2 strong span{
	font-size:24px;
	font-weight:bold;
	display:block;
	margin-top:13px;
}
.planInner h2 strong.middleP{
color: rgba(47,47,47,1.00);
font-size: 26px;
}
.planInner h2 span{
display: block;
}
/*------------------------------
scroll item
------------------------------*/
.scrollbox {overflow-x: scroll!important;}
.scrollbox > .scrollbox_wrap {
	width: fit-content!important;
    display: flex!important;
    margin-bottom: 15px!important;
}
.scrollbox > .scrollbox_wrap .plan3Box {
	width: 250px!important;
	filter: drop-shadow(1px 0px 2px rgba(0,0,0,0.1));
	margin: 10px 5px;
	background: rgba(255,255,255,1.00);
	position: sticky;
	z-index: 1;
}
.scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox::-webkit-scrollbar-track {
	margin: 0 5px!important;
	background: #eee!important;
	border-radius: 5px!important;
}
.scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px!important;
	background: #999!important;
}
.scrollbox > .scrollbox_wrap {
    width: fit-content !important;
    display: flex !important;
    margin-bottom: 15px !important;
}
.plan3Box img {
    max-width: 100%;
    height: auto;
}
.plan3Box .photoBox .slider-wrap ul.slider li:nth-of-type(n+2),
.plan3Box .photoBox .slider-wrap ul.thumb{display:none;}
.plan3Box:nth-of-type(2n){margin-right: 0}
.colum3B .plan3Box:nth-of-type(2n){margin-right:4%}
.colum3B .plan3Box:nth-of-type(2n){margin-right: 0!important}
.colum3B{overflow:hidden;}
.photoBox{position: relative;}
.photoBox b{
position: absolute;
top: -5px;
left: 5px
}
.plan3Box dl{padding: 10px;}
.plan3Box dl dt > span{
display: block;
margin-bottom: 5px;
}
.plan3Box dl dt{
padding-bottom: 0;
margin-bottom: 10px;
overflow:hidden;
}
.plan3Box dl dt strong{
display: block;
line-height: 22px;
padding-bottom:10px;
border-bottom: #efe4d3 2px solid;
font-size: 14px;
font-weight: bold;
}
.plan3Box dl dd{
line-height:130%;
margin-bottom: 13px;
}
.copy{
font-size: 14px;
padding-top:15px;
margin-top: 0;
padding: 0;
border-top: none;
background: none;
}
.dept span{display: block;}
.dept span span {
    display: inline-block;
    border: #947e3e 1px solid;
    width: auto;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
	/*font-size: 14px;*/
	color: #947e3e
}
.dept strong{
font-weight: normal;
color: #947e3e
}
.inlineS{display:inline-block!important;}
.price strong{
font-size: 18px;
font-weight: bold;
display: block;
background: url(../images/im_en.png) no-repeat 0 10%;
background-size:22px auto;
padding: 4px 0 4px 30px;
margin-bottom: 5px;
color: rgba(255,0,4,1.00)
}
.price span{
font-size: 12px;
line-height: 15px;
display: block;
}

/*****ribbon******/
.photoBox b:nth-of-type(1){display: none; }

/***********tagIcon***********/
.tagIcon {
 display: inline-block!important;
 border: #dcdcdc 1px solid;
 background-color: #eee;
 padding: 5px 5px;
 text-align: center;
 margin-right: 8px;
 line-height: 14px;
 margin-bottom: 5px;
 white-space: nowrap;
}
.tagIcon.new {
  background-color: #cc3300;
  color: #fff;
  border: #cc3300 1px solid; }
.tagIcon.kyushu {
  background-color: #ff3a82;
  color: #fff;
  border: #ff3a82 1px solid; }
.tagIcon.kinki {
  background-color: #0095d9;
  color: #fff;
  border: #0095d9 1px solid; }
.tagIcon.chugoku {
  background-color: #0cc2dd;
  color: #fff;
  border: #0cc2dd 1px solid; }
.tagIcon.hokuriku {
  background-color: #9900cc;
  color: #fff;
  border: #9900cc 1px solid; }
.tagIcon.chubu {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.kanto {
  background-color: #e36b0a;
  color: #fff;
  border: #e36b0a 1px solid; }
.tagIcon.hokkaido {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.tohoku {
  background-color: #b6d300;
  color: #fff;
  border: #b6d300 1px solid; }
.tagIcon.zenkoku {
  background-color: #191970;
  color: #fff;
  border: #191970 1px solid; }
.tagIcon.type1 {
    border: #871c48 1px solid;
    background-color: #871c48;
    color: #fff;
}
.tagIcon.type2 {
border: #947e3e 1px solid;
background-color: #947e3e;
color: #fff; }
.tagIcon.type3 {
border: #1b5581 1px solid;
background-color: #1b5581; }
.tagIcon.type4 {
border: #947e3e 1px solid;
background-color: #f8f3eb;
color: #947e3e; }
.tagIcon.type5 {
border: #1b5581 1px solid;
background-color: #e9eef2;
color: #1b5581; }
.tagIcon.type6 {
border: #871c48 1px solid;
background-color: #f4e7ee;
color: #871c48;
}

/***********btn***********/
.commonBtn {
	margin-bottom: 8px;
}
.commonBtn a{
padding: 8px 20px 8px 8px;
font-size: 14px;
display:block;
text-align: center;
border-radius: 3px;
}
p.single a{
color: #7e1a44;
border: 1px solid #7e1a44;
}
.single a:after{
font-family: "Font Awesome 5 Free";
content: '\f1c1';
position: absolute;
right: 10px;
font-size: 20px;
font-weight: 400
}
p.dub a{
color: #FFFFFF;
background: #7e1a44;
}
.dub a:after{
font-family: 'Font Awesome 5 Free';
content: '\f054';
position: absolute;
right: 10px;
font-size: 12px;
font-weight: 600;
}
span.otherL a{
font-size: 10px;
display:block;
text-decoration: underline;
color: rgba(71,71,71,1.00)}
.btnBox{
margin: 0;
padding: 0 30px;
clear: left;
letter-spacing: -0.4em;
}
.btnBox a{
border: 1px solid #7e1a44;
color: #7e1a44;
padding: 18px;
display:block;
font-size: 18px;
position: relative;
text-align: center;
border-radius: 3px;
letter-spacing: normal;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e8e7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e8e7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e8e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e8e7',GradientType=0 ); /* IE6-9 */
}
.btnBox p.orangebtn a{
border: 1px solid #ff9800;
color: #FFF;
background: #ff9800;
}
.btnBox a:after{
font-family: 'Font Awesome 5 Free';
content: '\f054';
position: absolute;
right: 10px;
font-size: 14px;
font-weight: 600;
}
.btnBox2 p{
width: 48%;
margin-left: 2%;
display: inline-block;
}
.commonBtn a,
.btnBox a {transition: 0.2s;}
.commonBtn a:hover,
.btnBox a:hover {
	opacity: 0.5;
	text-decoration: none
}

/*area*/
#pref dl.pref {
	display: block !important;
	background: #fff url(../images/pref_map.png) no-repeat 0 25%;
	background-size: contain;
	padding: 10px;
}
#pref dl.pref a {
	display: flex;
	padding: 0 10px;
	justify-content: center;
	align-items: center;
	height: 2.5em;
	border-radius: 5px;
	font-weight: 700;
}
#pref dl.pref div {
	width: fit-content;
	display: flex;
	padding: 10px 0;
	z-index: 1;
	position: sticky;
}
#pref dl.pref dt {padding-right: 10px;}
#pref dl.pref dt a {
	width: 80px;
	background: #333;
	color: #FFF;
}
#pref *, #pref :before, #pref :after {box-sizing: border-box;}
#pref dl.pref ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#pref dl.pref dd a {
	background: #FFF;
	color: #333;
	border: 1px solid #333;
}
#pref dl.pref div:hover dt a {
    background: #f00;
    transition: 0.2s;
}

/*footer*/
#smp_footer{
	z-index: 1;
	margin:0;
}

}

footer#nta_footer {
    z-index: 1;
    position: sticky;
}