@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;background-color: #fff;}
.header_change .Sub{
    display: none !important;
}
.header_change.show{top: 0;border: none;box-shadow: 0 0 3px rgb(0 0 0 / 50%);}
.header_change.show:after{}
.menuArea .humb{display: none}

.pankuzu, #breadcrumb{
	color: #000;
	background-color: #fff;
}

/*-----------------------------Setting*/
article{background-color: #272727;color: #fff;line-height: 1.9;letter-spacing: 0.8px;}
article img{width: 100%;height: auto;}

article .atte{
	font-size: 12px;
}
article a{ color: #fff}

article .flag{}
article .flag:before{content: "";width: 1.5em;display: inline-block;height: 1em;background-repeat: no-repeat;background-size: contain;background-position: center;margin-right: 5px;}
article .flag.canada:before{ background-image: url(../../images/aurora/flag_canada.png)}
article .flag.nordic:before{ background-image: url(../../images/aurora/flag_nordic.png)}

article .grade_dark_yoko{background: linear-gradient(to right,  rgb(199,139,181) 0%,rgb(153,158,255) 50%,rgb(63,173,188) 100%);}
article .grade_dark_naname{background: linear-gradient(135deg,  rgb(199,139,181) 0%,rgb(153,158,255) 50%,rgb(63,173,188) 100%);}
article .grade_thin_yoko{background: linear-gradient(to right,  rgb(232,189,219) 0%,rgb(191,194,254) 53%,rgb(94,209,225) 100%);}
article .grade_thin_naname{background: linear-gradient(135deg,  rgb(232,189,219) 0%,rgb(191,194,254) 53%,rgb(94,209,225) 100%);}

article .btn{position:relative}
article .btn .canada{background-color: #845398;}
article .btn .nordic{ background-color: #3c64ad}
article .btn a{color: #fff;text-decoration: none;font-weight: normal;display: block;position: relative;}
article .btn a strong{font-weight: normal;font-size: 140%;}
article .btn a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f101";font-family:FontAwesome;line-height: 1;font-size: 150%;}
article .btn .canada:hover{background-color: #a57eb5;}
article .btn .nordic:hover{background-color: #6388cb;}

article .FontEn{font-family: "Allura", cursive;  font-weight: 400;  font-style: normal;}

article .katakana{letter-spacing: -2px;}

article .CommonTtl{margin-bottom: 50px;position: relative;z-index: 1;}
article .CommonTtl .sub{background: linear-gradient(135deg, rgb(255 171 248) 38%, rgb(139 154 255) 48%, rgb(109 255 117) 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 74px;opacity: 0.25;line-height: 1;}
article .CommonTtl .main{color: #fff;font-size: 18px;margin-top: -30px;letter-spacing: 1px;text-shadow: 0 0 3px rgb(0 0 0 / 70%);}

article .MainTxt{text-align: center;line-height: 2;font-size: 15px;margin-bottom: 50px;}

article .title_serif{
  position: relative;
  line-height: 1.4;
  padding: 0.4em 0.7em;
  display: inline-block;
  font-size: 20px;
  margin-bottom: 15px;
}

article .title_serif:before, article .title_serif:after {
  content:'';
  width: 15px;
  height: 15px;
  position: absolute;
  display: inline-block;
}

article .title_serif:before {
  border-left: solid 1px #acacac;
  border-top: solid 1px #acacac;
  top:0;
  left: 0;
}

article .title_serif:after {
  border-right: solid 1px #acacac;
  border-bottom: solid 1px #acacac;
  bottom:0;
  right: 0;
}

article .title_light{
	text-align: center;
	font-size: 16px;
	width: fit-content;
	display: flex;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 15px;
}
article .title_light strong{
	font-size: 135%;
}
article .title_light:before,
article .title_light:after{content: "";width: 1.5em;height: 1.5em;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;margin: 0 5px;}
article .title_light.white:before,
article .title_light.white:after{ background-image: url(../../images/aurora/icon_light_white.png)}
article .title_light.black:before,
article .title_light.black:after{ background-image: url(../../images/aurora/icon_light_black.png)}
article .title_light.white{color: #fff}
article .title_light.black{color: #000}

article .txt_strong{ color: #d1a7ee; font-weight: bold}

article .photo{position: relative;line-height: 1;}
article .caption{
	position: absolute;
	background-color: rgb(0 0 0 / 50%);
	color: #fff;
	font-size: 11px;
	bottom: 0;
	right: 0;
	line-height: 1.3;
	padding: 3px 4px;
}

/*-----------------------------menuArea*/
.menuArea{
}
.menuArea.header_fixed{
}
.menuArea .Inner{height: 46px;}

.menuArea .Inner ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	border-left: 1px solid rgb(255 255 255 / 30%);
	border-right: 1px solid rgb(255 255 255 / 30%);
}
.menuArea .Inner li{
	line-height: 1.3;
	text-align: center;
	position: relative;
	flex: 2;
	font-size: 13px;
	height: 100%;
}
.menuArea .Inner li strong{
	font-size: 135%;
	font-weight: normal;
}
.menuArea .Inner li:nth-of-type(3),
.menuArea .Inner li:nth-of-type(4){
	flex: 1;
}
.menuArea .Inner li + li:before{content: "";display: block;position: absolute;left: 0;height: 100%;width: 1px;background-color: rgb(255 255 255 / 30%);}
.menuArea .Inner li a{
	color: #fff;
	text-decoration: none;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	line-height: 1;
}
.menuArea .Inner li a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f101";font-family:FontAwesome;line-height: 1;font-size: 110%;}
.menuArea .Inner li a:hover,
.menuArea .Inner li.active a{background-color: rgb(0 0 0 / 20%);}



/*--------------------------------------Item*/
#Item{background-image: url(../../images/aurora/bg_tour.webp);background-position: center top;background-repeat: no-repeat;position: relative;padding: 70px 0 80px 0;background-size: contain;}
#Item:before,
#Item:after{content: "";position: absolute;bottom: 0;width: 539px;height: 263px;background-repeat: no-repeat;background-position: center;}
#Item:before{background-image: url(../../images/aurora/bg_tour_btm_left.png);left: 0;}
#Item:after{background-image: url(../../images/aurora/bg_tour_btm_right.png);right: 0;}
#Item .Carrier{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background-color: rgb(255 255 255 / 20%);
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	column-gap: 35px;
	margin-bottom: 50px;
}
#Item .Carrier .Entry{
	flex: 1;
}
#Item .Carrier .Entry h3{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
#Item .Carrier .Entry h3 .main{
	flex: 1;
	font-size: 22px;
}
#Item .Carrier .Entry h3 .logo{
	width: 130px;
	background-color: #fff;
}
#Item .Carrier .Entry h3 .logo img{
	line-height: 0;
	padding: 5px 10px;
	box-sizing: border-box;
	display: block;
}
#Item .Carrier .Entry h4{
	font-size: 15px;
	margin-bottom: 10px;
}
#Item .Carrier .Entry dl{
	display: flex;
	margin-bottom: 20px;
}
#Item .Carrier .Entry dt{
	width: 210px;
	margin-top: 6px;
}
#Item .Carrier .Entry dd{
	flex: 1;
	padding-left: 17px;
	font-size: 13px;
}
#Item .Carrier .Entry .btn{}
#Item .Carrier .Entry .btn a{
	text-align: center;
	border: 2px solid #fff;
	border-radius: 3px;
	padding: 10px 0;
	font-weight: bold;
}
#Item .Carrier .Entry .btn a:after{
	font-weight: normal;
}
#Item .Carrier .Entry .btn a:hover{
	background-color: #fff;
	color: #000;
}

#Item .Inner{
	position: relative; 
}
#Item .Inner + .Inner{
	margin-top: 40px;
}
#Item .Inner .MainTitle{width: fit-content;margin: 0 auto;text-align: center;line-height: 1;margin-bottom: 30px;}
#Item .Inner .MainTitle:before{
	width: 60px;
	height: 30px;
	margin: 0;
	margin-bottom: 10px;
}
#Item .Inner .MainTitle .main{
	font-size: 25px;
	margin-bottom: 10px;
}
#Item .Inner .MainTitle .main:before,
#Item .Inner .MainTitle .main:after{
	width: 30px;
	margin: 0 10px;
}
#Item .Inner .MainTitle .main strong{}
#Item .Inner .MainTitle.canada .main strong{ color: #dba8f0}
#Item .Inner .MainTitle.nordic .main strong{color: #b7d0fc}
#Item .Inner .MainTitle .sub{
	font-size: 16px;
}

#Item .Inner .ItemInner{
	width: 1000px;
	justify-content: space-between;
}
#Item .Inner .ItemInner .Entry{
	width: 48.5%;
	margin-right: 0;
	margin-bottom: 30px;
}
#Item .ItemInner .Entry .main{
	padding: 10px 18px;
}
#Item #canada .ItemInner .Entry .dst{
	background-color: #845398;
}
#Item #nordic .ItemInner .Entry .dst{
	background-color: #3c64ad;
}