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

:root {
	--primary-color:#1D296F;
	--secondary-color:#DFE2F4;
	--button-color:#E30034;
	--accent-color:#FFF100;
	--font-heading:"Zen Maru Gothic", sans-serif;
	--font-en:"Oooh Baby", cursive;
	--font-default:"Noto Sans JP", sans-serif;
	--area-spk-color:#96B2FF;
	--area-sdj-color:#AFECFF;
	--area-tyo-color:#C5E580;
	--area-ngo-color:#FFFB74;
	--area-osa-color:#FFA141;
	--area-chs-color:#FFB6B1;
	--area-kyu-color:#FFACC9;
	--area-spk-rgb:150, 178, 255;
	--area-sdj-rgb:175, 236, 255;
	--area-tyo-rgb:197, 229, 128;
	--area-ngo-rgb:255, 251, 116;
	--area-osa-rgb:255, 161, 65;
	--area-chs-rgb:255, 182, 177;
	--area-kyu-rgb:255, 172, 201;
}

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
	transition: 0.8s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
}
.scroll_up.on {
	transform: translateY(0);
	opacity: 1.0;
} 
/* 検索モーダルとtransformがバッティングするので縦の動きを代替_start */
	.index_searchBlk.scroll_up{
		transform:none;
		margin-top: 30px; /* 初期位置を下げる */
	}
	.index_searchBlk.on.scroll_up{
		transform:none;
		margin-top: 0;   /* 元の位置に戻す */
	}
/* 検索モーダルとtransformがバッティングするので縦の動きを代替_end */

/*----------------------------------
	リセット用CSS
----------------------------------*/

ul {
	list-style-type: none;
}
li img {
	vertical-align: bottom;
}
body {
}
ul {
	list-style-type: none;
}
li img {
	vertical-align: bottom;
}
.containner {
	background: #082b46;
	position: relative;
	overflow: hidden;
	font-family: var(--font-default);
	font-optical-sizing: auto;
}

body .contents {
	position: relative !important;
/*	z-index: 106;*/
	width: 100%;
	background: #082b46;
    padding-bottom: 50px;
}

#btnToTop {
    position: fixed;
    bottom: -131px;
    right: 15px;
    z-index: 110;
    display: block;
    width: 131px;
    height: 131px;
    opacity: 0.7;
    background: url(/attending/kokunai/illumination/images/btn_top_re.png) no-repeat center / contain;
    cursor: pointer;
    transition: 0.3s;
}

.Gnav__link--d.Gnav__link--active::before {
	z-index: 1;
	position: relative;
}
.Gnav__link--active::after {
	z-index: 0;
}
.Gnav__link-text {
	z-index: 1;
}

#PageName > br{
	display: none;
}
/*----------------------------------
index用のCSSです
----------------------------------*/
.credit {
	position: absolute;
    right: 3px;
    bottom: 2px;
    color: #fff;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	text-align: right;
    text-shadow:
    2px 2px 2px rgba(0, 0, 0, 0.9),
    -2px 2px 2px rgba(0, 0, 0, 0.9),
    -2px -2px 2px rgba(0, 0, 0, 0.9),
    2px -2px 2px rgba(0, 0, 0, 0.9);
}

.credit.black {
	color: #333;
}
.index_slideBlk .credit {
	right: 10px;
    bottom: 50px;
}

/*スライド*/
.swiper-wrapper .mv_slide{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 530px;
}

/*スライド*/
.bxslider .mv_slide{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 530px;
}

/*MV*/
.index_slideBlk {
	position: relative;/*width: 960px;
	height: 453px;*/
}
.index_slideBlk .ttl {
	text-align: center;
	position: absolute;
	left: 0;
	z-index: 1;
	right: 0;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	min-width: 960px;
}
.index_slideBlk .ttl img {
	width: 806px;
}

.index_slideBlk .bx-viewport {
	min-height: 391px;
}
.index_slideBlk .ttl_main {
	text-align: center;
	position: absolute;
	left: 0;
	z-index: 1;
	right: 0;
	margin: 0 auto;
	top: 40%;
	-webkit-transform: translateY(-40%); /* Safari用 */
	transform: translateY(-40%);
	min-width: 1024px;
	/* min-width: 960px; */
}
.index_slideBlk .ttl_main .ttl {
	position: relative;
	top: 0;
	-webkit-transform: translateY(-0%);
	transform: translateY(-0%);
}
.hacchi_box {
	position: absolute;
	z-index: 1;
	top: 25px;
    left: 465px;
	right: 0;
	margin: 0 auto;
	background: url(/attending/kokunai/illumination/images/hacchi_bg.svg) no-repeat ;
    width: 195px;
    height: 177px;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    rotate: 15deg;
}
.hacchi_box .hacchi {
	rotate: -15deg;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	font-weight: 700;
	color: #171924;
}
#bx-pager .active img {
	opacity: 0.5;
}
.slide_img {
	display: none;
}
.slide_img img {
	width: 100%;
	min-width: 960px;
}
.index_seoBlk {
    width: 800px;
	border-radius: 20px;
    margin: -40px auto 0;
	z-index: 106;
	position: relative;
	padding: 30px 40px;
	background-color: #fff;
}
.index_seoBlk p {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #1D296F;
    margin-bottom: 0;
	letter-spacing: 0.075em;
}

.slick-slide img {
    object-fit: cover;
    height: 530px;
}
/*おすすめツアー*/
.index_tourBlk {
	height: auto;
	margin: 0 auto;
	padding-bottom: 1px;
}
.tour_osusume {
	box-sizing: border-box;
	overflow: hidden;
	width: 1024px;
	height: auto;
	margin: 50px auto 0;
}

.tour-osusume-box {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: dashed 1px #ccc;
}
.tour-osusume-photo {
    overflow: hidden;
    float: left;
    width: 410px;
    margin-right: 20px;
}
.tour-osusume-photo01 {
    float: left;
    width: 200px;
    height: 150px;
    margin-right: 10px;
}
.tour-osusume-photo02 {
    float: left;
    width: 200px;
    height: 150px;
}
.tour-osusume-title {
    float: right;
    width: 470px;
    font-size: 18px;
    line-height: 1.5;
    color: #1d3994;
    margin-bottom: 5px;
}
.tour-osusume-caption {
    float: right;
    width: 470px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 5px;
}
.tour-osusume-price {
    float: right;
    width: 470px;
    font-size: 18px;
    line-height: 1.5;
    text-align: right;
    color: #c00;
    margin-bottom: 5px;
}
.tour-osusume-button {
    float: right;
    width: 470px;
    text-align: right;
}
.tour-osusume-button span {
    display: inline-block;
    background-color: #c00;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    padding: 10px 40px;
}
/*.index_tourBlk ul li{
	border-bottom: 1px dotted #b4b2b3;
	padding: 0 0 10px 0;
	margin: 10px 0;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.index_tourBlk ul li:hover{
	border-bottom: 1px dotted #b4b2b3;
	padding: 0 0 10px 0;
	margin: 10px 0;
	overflow: hidden;
	opacity: 0.8;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.index_tourBlk ul .tName {
	float: left;
	color: #1962af;
	font-size: 16px;
	width: 640px;
	font-weight: bold;
}
.index_tourBlk ul .tName a {
	font-size: 16px;
	line-height: 1.5;
	color: #1962af;
}
.index_tourBlk ul .tPrice {
	float: right;
	font-size: 18px;
	line-height: 1.5;
	color: #d93240;
	padding-right: 20px;
	font-weight: bold;
}*/






.fade {
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.fade:hover {
	opacity: .5;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.fade02 {
	opacity: 1;
	transition: all .5s;
}
.fade02:hover {
	opacity: .5;
	transition: all .5s;
}
.tone {
	position: absolute;
	width: 960px;
	height: 2000px;
	background-image: url(/attending/kokunai/illumination/images/HalfTone.png);
	z-index: 100;
}

/*現地ブログ*/
.index_blogBlk{
	padding-bottom: 30px;
	position: relative;
	/*z-index: -1;*/
}
.index_blogBlk .inBox {
	position: relative;
	width: 1024px;
	margin: 30px auto 0;
}
.blog_caution{
	text-align: right;
    color: #fff;
    font-size: 13px;
	margin-bottom: 10px;
}
.index_blogBlk .inBox ul{
	overflow: hidden;
}
.index_blogBlk .inBox ul li{
	position: relative;	
	background: #fff;
	overflow: hidden;
	float: left;
	width:492px;
	margin-left: 40px;
}
.index_blogBlk .inBox ul li:first-child {
	margin-left: 0;
}
.index_blogBlk .inBox ul li a{
	display: block;
    min-height: 120px;
	color: #181d3a;
}
.index_blogBlk .inBox ul li a:hover{
	text-decoration: none;
}
.index_blogBlk .inBox ul li img{
	float: left;
    width: 160px;
    height: 120px;
}
.index_blogBlk .inBox ul li .blog_txt{
	padding: 20px;
	overflow: hidden;
}
.index_blogBlk .inBox ul li .blog_txt p{
	font-size: 14px;
	color: #181d3a;
}
.index_blogBlk .inBox ul li .blog_txt span{
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 12px;
	color: #181d3a;}
/*---------------以下20170912追加----------------------*/

.SnsBox {
	display: table;
    /* margin-top: -16px; */
    /* width: 100%; */
    position: relative;
    z-index: 6;
    margin: 0 auto;
    top: -30px;
}
.snsbox {
	padding: 5px;
	overflow: hidden;
}
.snsbox ul {

}
.snsbox ul.snsBox01 li {
	margin-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}
.snsbox p {
	padding-top: 15px;
	float: right;
	font-size: 1.4rem;
}
.snsbox ul.snsBox02 li:first-child {
	margin-left: 5px;
	margin-right: 0;
	margin-top: 7px;
}
.index_calendarBlk {
	margin: 0 auto;

	height: auto;
}
.spot_tourBlk {
	margin: 0 auto;
	width: 1024px;
	height: auto;
}
#gotop {
	bottom: 5%;
	display: none;
	position: fixed;
	right: 3%;
	z-index: 9999;
}
#gotop img {
	width: 70px;
	height: 70px;
}


/* bot出発地 */
.botDestbox{
	overflow: hidden;
    margin:20px auto;
    width: 1024px;
    /* background-color: #fff; */
    /* border-radius: 10px; */
	color: #fff;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid #fff;
	border-radius: 20px;
}
.botTxt{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto;
    /* width: 1024px; */
	font-family: var(--font-default);
	/* font-weight: 700; */
}
.botTxt li{
	margin-right: 20px;
}
.botTxt li:last-child{
	margin-right: 0;
}
.botTxt li a{
	font-size: 16px;
    line-height: 19px;
}

.botTxt li a:hover {
	text-decoration: underline;
}
.subBoxBg_Illumi .pagebtn_out{
	/* background: url(/attending/kokunai/illumination/images/ttl_bg.jpg) center 88px no-repeat;
    padding-bottom: 0;
    background-size: 100% 180px; */
}
/* .tourHoumenBot{
	border-radius: 4px;
    background: #a31067;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 50px;
    color: #fff;
    margin: 0 auto;
    font-family: 'ヒラギノ角ゴ ProN W3','Hiragino kaku Gothic ProN','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
    display: inline-block;
    position: relative;
    top: 30px;
    left: 10px;
    z-index: 100;
} */
.contentsTourBot {
    position: relative;
    overflow: hidden;
    width: 1024px;
    margin: 0 auto 40px auto !important;
	flex-wrap: nowrap !important;
	padding-left: 10px;
    /*background-color: #fff;*/
    /*border-radius: 10px;*/
}
.contentsTourBot .tourCassette_content {
	/* margin-top: 15px; */
	/* width: calc(1024px / 4 - 12px); */
}

.contentsTourBot .tourCassette_content:last-child {
	/* margin-right: 0; */
}

/* .finished{
	font-size: 30px;
    line-height: 1.5;
    color: red;
    text-align: center;
    padding: 10px 0 15px;
    font-weight: bold;
} */
/* .halfBlk {
	pointer-events: none;
}
.halfBlk::before {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.halfBlk .announce {
    position: absolute;
    top: 30%;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    z-index: 110;
    left: 0;
} */
/*おすすめ特集*/
/*
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
	margin-top: 50px;
}

#SlideBanner {
	width: 910px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 219px;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
	word-wrap: break-word;
    color: #FFFFFF;
}

.bannerCassette_content p.bannerImg {
	width: 219px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
    padding-top: 50px; 
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}
*/

/* 次ページボタンのスタイル */
/*
.swiper-button-next {
	background-image: url(/attending/kokunai/illumination/images/arrow.png) !important;
}
*/
/* 前ページボタンのスタイル */
/*
.swiper-button-prev {
	background-image: url(/attending/kokunai/illumination/images/arrow.png) !important;
	transform: scale(-1, 1);  左右反転 
}
*/
/*
.swiper-scrollbar-drag{
    background-color: #FFFFFF!important;
}
.swiper-slide{
    width: 219px!important;
    margin-right: 10px!important;
}*/
/*-----------------おすすめ特集-----------------*/
.swiper-container-horizontal > .swiper-scrollbar {
	left: 0 !important;
	width: 100% !important;
	height: 8px !important;
}

.common_recommend_wapper {
	margin-top: 50px;
}

#SlideBanner {
	width: 974px;
}

.swiper-wrapper {
	margin-bottom: 25px;
}

.bannerCassette_content {
	width: 100%;
}

.bannerCassette_content p {
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.3;
    color: #FFFFFF;
}

.bannerCassette_content p.bannerImg {
	width: 219px;
	height: auto;
}

.bannerCassette_content img {
	width: 100%;
	height: auto;
	max-width:100%;
	max-height:100%; 
}

.swiper-banner-container {
	position: relative;
	width: 1024px;
	height: auto;
	margin: 40px auto 0;
	overflow: hidden;
    padding-top: 0;
}

.swiper-banner-container .swiper-slide a{
	display:block;
}

.swiper-banner-container .swiper-slide a:hover{
	opacity:0.7;
	transition-duration: 0.3s;
	text-decoration: underline;
	color:#4c4c4c;
}

.swiper-button-prev, .swiper-button-next {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/attending/kokunai/illumination/images/tour_arrow.svg) !important;
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/attending/kokunai/illumination/images/tour_arrow.svg) !important;
	transform: scale(-1, 1); /* 左右反転 */
}
.swiper-scrollbar-drag{
    /* background-color: #FFFFFF!important; */
}
.index_featureBlk{
    margin-top: 50px!important;
}

/* .mapBtn12 {
	position: relative;
	pointer-events: none;
}
.mapBtn12:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.mapBtn12 .announce {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	z-index: 110;
} */
/* 白川郷中止のマスクがけ */
/* .mapBtn08 {
	position: relative;
	pointer-events: none;
}
.mapBtn08:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.mapBtn08 .announce {
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	text-align: center;
	z-index: 110;
} */
/* 白川郷中止のマスクがけここまで */

.rec-spot_header {
	color: var(--primary-color);
	font-family: var(--font-heading);
	font-weight: 700;
	text-align: center;
	font-size: 28px;
	padding: 15px 0;
	background-color: #fff;
	margin: 60px auto 0px;
	position: relative;
}

.rec-spot_header::before {
	content: '';
	position: absolute;
	inset: -153px 0 0;
	background: url(/attending/kokunai/illumination/images/il_city.svg) 50% 50% no-repeat;
	/*z-index: -1;*/
}
.rec-spot_ttl{
	/* background: url(/attending/kokunai/illumination/images/spot/spot_bg.png) 50% 50% no-repeat;
	padding: 30px 0 20px;
	margin: 20px auto 20px; */
	margin: 60px auto 40px;
	padding: 0 30px;
	font-size: 28px;
	letter-spacing: 0.05em;
	border-width: 0 1px;
	border-style: solid;
	border-color: #fff;
	font-family: var(--font-heading);
}
.rec-spot_ttl02{
	margin: 40px auto 30px;
	padding: 0 60px;
	font-size: 24px;
	position: relative;
	display: inline-block;
}
.rec-spot_ttl02::before,
.rec-spot_ttl02::after{
	content:'';
	background-image: url(/attending/kokunai/illumination/images/il_star.svg);
	position: absolute;
	top: 10px;
	background-size: contain;
	background-repeat:no-repeat;
	width: 46px;
	height: 47px;
}
.rec-spot_ttl02::before {
    right: 0;
}
.rec-spot_ttl02::after{
    left: 0;
}

.rec-spot_ttl,
.rec-spot_ttl02{
    width: fit-content;
	color: #fff;
	text-align: center;
	font-weight: 700;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
.rec-spot_ttl .subttl ,
.rec-spot_ttl02 .subttl {
	font-size: 18px;
	display: block;
	font-family: var(--font-default);
}

.spot_sec_spk .rec-spot_ttl .subttl {color: var(--area-spk-color);}
.spot_sec_sdj .rec-spot_ttl .subttl {color: var(--area-sdj-color);}
.spot_sec_tyo .rec-spot_ttl .subttl {color: var(--area-tyo-color);}
.spot_sec_ngo .rec-spot_ttl .subttl {color: var(--area-ngo-color);}
.spot_sec_osa .rec-spot_ttl .subttl {color: var(--area-osa-color);}
.spot_sec_chs .rec-spot_ttl .subttl {color: var(--area-chs-color);}
.spot_sec_kyu .rec-spot_ttl .subttl {color: var(--area-kyu-color);}

.spot_sec_spk .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}
.spot_sec_sdj .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}
.spot_sec_tyo .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}
.spot_sec_ngo .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}
.spot_sec_osa .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}
.spot_sec_chs .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}
.spot_sec_kyu .rec-spot_ttl{ filter:drop-shadow(0px 0px 6px rgba(108, 142, 237, 0.8));}


/* .rec-spot_ttl .fst-ltr,
.rec-spot_ttl02 .fst-ltr {
	position: relative;
	display: inline-block;
}
.rec-spot_ttl .fst-ltr::before,
.rec-spot_ttl02 .fst-ltr::before {
	content: url(/attending/kokunai/illumination/images/il_kira01_l.png);
    position: absolute;
	top: 10px;
    right: 110%;
}
.rec-spot_ttl .fst-ltr::after,
.rec-spot_ttl02 .fst-ltr::after{
	content: url(/attending/kokunai/illumination/images/il_kira01_r.png);
	position: absolute;
	top: 10px;
    left: 110%;
} */
/* .rec-spot_ttl02 .txt_b,
.rec-spot_ttl .txt_b{
	font-size: 36px;
} */

.rec-spot{
	padding: 0;
	margin: 0 auto;
	width: 1024px;
	display: flex;
	gap: 40px;
}
.osaka .rec-spot_img span {
	bottom:3px;
}
.rec-spot_img small {
	color: #fff;
	font-size: 14px;
	text-align: right;
	display: block;
}
.rec-spot_img {
	position: relative;
	height: 100%;
	width: 440px;
}
.rec-spot_img img{
	object-fit: cover;
	object-position: 50% bottom;;
    /* border: 1px solid #fff; */
}
.rec-spot_img .credit {
	position: absolute;
	right: 5px;
	bottom:5px;
	color: #fff;
	font-size: 12px;
    text-shadow: #000 1px 1px 3px;
}
.rec-spot_img .credit02 {
	position: absolute;
	right: 0;
	bottom: 12px;
	color: #fff;
	font-size: 12px;
    text-shadow: #000 1px 1px 3px;
}

.rec-spot_txt_group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.rec-spot_txt_group .rec-spot_txt {
	font-size: 15px;
	line-height: 1.8;
	color: #fff;
	text-align: justify;
	height: fit-content;
}
.rec-spot_txt_group p.rec-spot_btn {
	font-size: 14px;
	margin: 10px 0;
	text-align: right;
    width: 100%;
	color: #fff;
}
.rec-spot_txt_group p.rec-spot_btn a {
	font-size: 16px;
	text-decoration: underline;
	color: #fff;
}
.rec-spot_info {
	position: relative;
}
.rec-spot_info__ttl {
	color: var(--primary-color);
    background-color: #fff;
    padding: 6px 15px;
    font-size: 16px;
    border-radius: 100px;
    line-height: 1;
    width: fit-content;
    position: absolute;
    z-index: 1;
	top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
	font-weight: 700;
}
.rec-spot_info__txt {
	color: #fff;
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.1);
    padding: 30px 25px;
    line-height: 1.8;
    font-size: 14px;
	font-weight: 500;
    border-radius: 20px;
    display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	letter-spacing: 0.05em;
}
.rec-spot_note {
    display: block;
    font-size: 14px;
    margin-top: 7px;
	text-align: justify;
	color: #fff;
}
#ill_spot section.spot_sec{
	overflow: hidden;
	margin: 0 auto 10px;
}

#SlideBanner .swiper-wrapper {
	margin-bottom: 10px;
}

.main_slider > div:not(:first-child) {
    display: none;
}


.end {
    color: #f00;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    margin: 1% 0;
}




.spot_sec{
	position: relative;
}
.spot_sec .slick-dots li button:before {
	color: inherit;
}

.spot_sec .slick-dots li.slick-active button:before {
    opacity: inherit;
    color: inherit;
}
.spot_sec .slick-dotted.slick-slider {
    margin-bottom: 10px;
}
.spot_sec .slick-slide {
	width: 440px;
	height: 330px;
	margin: 0;
	position: relative;
	overflow: hidden;
}
.spot_sec .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.spot_sec .slick-arrow {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	border: none;
	outline: none;
	font-size: 0;
	position: absolute;
	top: 180px;
	z-index: 1;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.spot_sec .slick-arrow::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #09000d;
	border-width: 3px 3px 0 0;
	position: absolute;
	top: 24px;
	transform: rotate(45deg);
}
.spot_sec .slick-next {
	right: 0;
}
.spot_sec .slick-prev {
	left: 0;
}
.spot_sec .slick-next::before {
	left: 20px;
}
.spot_sec .slick-prev::before {
	border-width: 0 0 3px 3px;
	right: 22px;
}
.spot_sec .slick-dots {
	text-align: center;
	bottom: 5px;
}
.spot_sec .slick-dots li {
	display: inline-block;
}
.spot_sec .slick-dots button {
	display: block;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	margin: 0 8px;
	font-size: 0;
	padding: 0;
	outline: none;
	cursor: pointer;
	background: none;
	border-radius: 50%;
}
.spot_sec .slick-dots .slick-active button {
	background: #fff;
}

/* 見出し */

.common_sec {
	margin: 80px auto 0;
	/* background: url(/attending/kokunai/illumination/images/ttl_bg.jpg) center 88px no-repeat;
	background-size: 100% 180px; */
}
.common_sec .common_ttl {
	text-align: center;
	font-size: 30px;
	color: #ebead6;
	position: relative;
	top:0;
	font-weight: 700;
	min-width: 1024px;
	font-family: var(--font-heading);
	text-shadow: 0px 0px 10px rgba(255, 241, 0, 0.6);
	line-height: 1.3;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.common_sec .common_ttl .txt_b {
	font-size: 52px;
	color: #ebead6;
	text-align: center;
}
.common_sec .txt_eng {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: 0 auto;
	font-size: 24px;
	color: var(--accent-color);
	display: block;
	text-align: center;
	font-family: var(--font-en);
	font-weight: normal;
	text-shadow: 0px 0px 8px rgba(255, 241, 0, 0.6);
}
.common_sec .common_ttl:before {
	content: url(/attending/kokunai/illumination/images/ttl_style_l.svg);
	position: relative;
	top: 40px;
}
.common_sec .common_ttl:after {
	content: url(/attending/kokunai/illumination/images/ttl_style_r.svg);
	position: relative;
	top: 40px;
	/* transform: scale(-1,1); */
}
.common_ttl_inner {
	display: inline-block;
}

/*spot　ttl*/
/* .common_sec .spt_ttl {
	text-align: center;
	font-size: 36px;
	color: #ebead6;
	position: relative;
	top: 0;
	margin-bottom: 96px;
	 min-width: 960px;
	    font-weight: 600;
}
.common_sec .spt_ttl:before {
	content: url(/attending/kokunai/illumination/images/ttl_style_l.png);
	position: relative;
	top: 40px;
}
.common_sec .spt_ttl:after {
	content: url(/attending/kokunai/illumination/images/ttl_style_r.png);
	position: relative;
	top: 40px;
}
.common_sec .spt_ttl .year {
	display: block;
	font-size: 28px;
	color: #ebead6;
	position: absolute;
	left: 0;
	right: 0;
	top: 15px;
	margin: 0 auto;
	text-align: center;
}
.common_sec .spt_ttl .fix_info {
	display: block;
	font-size: 30px;
	color: #ebead6;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	margin: 0 auto;
	text-align: center;
} */
.btn_red {
	text-align: center;
	margin: 50px 0;
}
.btn_red a {
	position: relative;
	display: inline-block;
	padding: 20px 160px;
	border-radius: 100px;
	background: var(--button-color);
	color: #fff;
	font-size: 16px;
    transition: all .5s;
	border: 1px solid #fff;
	font-weight: 700;
}
.btn_red a::after {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background-color: #fff;
	border-radius: 50%;
    inset: 0 20px 0 auto;
    margin: auto;
}

.btn_red a::before {
	content: "";
	position: absolute;
	inset: 7px 24px 0 auto;
    margin: auto;
	width: 7px;
	height: 7px;
	border: solid var(--button-color);
	border-width: 0 3px 3px 0;
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 2;
}	
.btn_red a span{
	font-size:12px;
	color: #fff;
}
.btn_red a:hover {
	text-decoration: none;
	background: rgb(231, 126, 135);
    transition: all .5s;
}





/*=================
ツアー
=================*/
.swiper-slide {
	display: flex;
    height: auto;
	width: 247.895px;
}
.tour_osusume,
.contentsTourBot,
.contentsTourKyotenTop,
.tour_block {
	display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	gap: 0 15px;
}

.tourCassette_content {
	position: relative;
	background-color: #ffffff;
	margin: 0 0 0;
	display: block;
	width: calc((1024px - (15px * 3)) / 4);
	box-shadow: 2px 2px 5px;
	border-radius: 5px;
}

.tourCassette_content:nth-of-type(4n) {
	margin-right: 0;
}

.tourCassette_content a {
	text-decoration: none;
	display: block;
	height: 100%;
}

.tourCassette_content a:hover {
	opacity: 0.5;
}
.tourCassette_body {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: stretch;
}
.tourCassette_body > * {
	/* height: 100%; */
}

.tourCassette_ph {
	padding: 10px;
}
.tourCassette_point {
	margin: 0 10px 8px;
    background: var(--secondary-color);
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    padding: 6px 10px;
    line-height: 1.3;
	border-radius:4px;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
}

.tourCassette_icon,
.tourCassette_title,
.tourCassette_text {
	margin: 0 10px 10px;
}


.tourCassette_title {
	color: #000;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 700;
}
.tourCassette_ph img {
	width: 100%;
    height: auto;
	border-radius: inherit;
}

.tourCassette_icon ul {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.tourCassette_icon ul li {
	padding: 5px;
	text-align: center;
	width: calc((100% - 5px) / 2);
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	border-radius: 4px;
	background-color: #ffffff;
	font-weight:700;
}

.tourCassette_icon ul li.hatu {
	border: 1px solid var(--primary-color);
	background-color: var(--primary-color);
}

.tourCassette_icon ul li.tc {
	border: 1px solid var(--primary-color);
	background-color: #fff;
}


.tourCassette_icon ul li:nth-child(even) {
	margin-right: 0px;
}

.tourCassette_icon ul li span {
	font-size: 12px;
	line-height: 1.3;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tourCassette_icon ul li span span.clamp {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.tourCassette_icon ul li.hatu span {
	color: #fff;
}

.tourCassette_icon ul li.tc span {
	color: var(--primary-color);
}

.tourCassette_text {
	font-size: 14px;
	line-height: 1.5;
	padding-bottom: 40px;
	font-weight: 400;
	color: #000;
	height: 100%;
}

.tourCassette_pirce {
	font-size: 16px;
	height: 16px;
	color: var(--button-color);
	font-weight: bold;
	text-align: right;
	position: absolute;
	bottom: 15px;
	right: 10px;
}

.note {
	text-align: center;
	color: #fff;
	font-size: 13px;
	width: 900px;
	margin: 30px auto 10px;
}



.credit.slideBlkUnder {
	/* width: 1024px;
    margin: 0 auto; */
}

.no_tour {
	color: #ffffff;
	padding-bottom: 30px;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}