@charset "utf-8";


/*----------------------------------MV*/
#MV{
	position: relative;
	margin-bottom: 70px;
}
#MV:before,
#MV:after{content: "";position: absolute;width: 50%;height: 100%;top: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
#MV:before{background-image: url(../../images/aurora/MV_canada01.jpg);left: 0;}
#MV:after{background-image: url(../../images/aurora/MV_nordic01.jpg);right: 0;}
#MV .deco{
	color: #fff;
	display: flex;
	justify-content: space-between;
	z-index: 2;
	opacity: 0.3;
	position: absolute;
	width: 100%;
	top: -20px;
}
#MV .deco li{
	font-size: clamp(95px, 7vw, 120px);
	line-height: 1;
	font-style: italic;
}
#MV .deco li.katakana{
	letter-spacing: -20px;
}
#MV .deco li + li{}
#MV h1{
	position: relative;
	width: 510px;
	margin: 0 auto;
	z-index: 3;
	padding-top: 60px;
	margin-bottom: 40px;
}
#MV h1 img{
}
#MV .MainTxt{background: linear-gradient(to right, rgba(199,139,181,0) 0%,rgba(199,139,181,0.8) 10%,rgba(199,139,181,0.8) 22%,rgba(153,158,255,0.8) 50%,rgba(63,173,188,0.8) 82%,rgba(63,173,188,0.8) 91%,rgba(63,173,188,0) 100%);color: #fff;position: relative;z-index: 3;text-align: center;line-height: 1.8;width: fit-content;margin: 0 auto;font-size: 16px;text-shadow: 0 0 4px rgb(0 0 0 / 80%);padding: 15px 110px;margin-bottom: 70px;}
#MV .menuArea{
	position: relative;
	z-index: 9;
	display: flex;
}
#MV .menuArea li{
	width: 50%;
	text-align: center;
}
#MV .menuArea li a{padding: 22px 20px;font-size: 14px;}
#MV .menuArea li a:before{}
#MV .menuArea li a strong{}
#MV .menuArea li a:after{}


/*--------------------------About*/
#About{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 80px;
}
#About .Map{
	text-align: center;
	margin-bottom: 45px;
}
#About .Map img{
	width: auto;
}

#About .Intro{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
#About .Intro .Box{
	width: 48.5%;
}
#About .Intro .Box .Entry{
	background-color: #515151;
	border-radius: 4px;
	padding: 25px;
	margin-bottom: 30px;
}
#About .Intro .Box .Entry dl{}
#About .Intro .Box .Entry dt{}
#About .Intro .Box .Entry dd{}

#About .Info{
	padding: 20px;
}
#About .Info .Inner{
	background-color: #fff;
	padding: 20px;
	padding-top: 15px;
}
#About .Info .Inner + .Inner{
	margin-top: 20px;
}
#About .Info .Inner h3{
}

#About .Info .Differ .Box{
	display: flex;
	justify-content: center;
	column-gap: 20px;
}
#About .Info .Differ .Box + .Box{
	margin-top: 20px;
}
#About .Info .Differ .Box .Entry{
	flex: 1;
	display: flex;
}
#About .Info .Differ .Box .Entry .Icon{background: linear-gradient(135deg,  rgb(232,189,219) 0%,rgb(191,194,254) 53%,rgb(94,209,225) 100%);width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;flex-direction: column;line-height: 1;border-radius: 100%;}
#About .Info .Differ .Box .Entry .Icon .sub{
	font-size: 12px;
	letter-spacing: 1px;
	padding-left: 2px;
}
#About .Info .Differ .Box .Entry .Icon .main{
	font-size: 30px;
	font-style: italic;
	padding-top: 2px;
	padding-right: 5px;
}
#About .Info .Differ .Box .Entry .txt{
	color: #000;
	flex: 1;
	padding-left: 10px;
	line-height: 1.5;
	align-self: center;
}
#About .Info .Differ .Box + .Box .Entry{
	display: block;
}
#About .Info .Differ .Box + .Box .Entry .Icon{
	margin-bottom: -30px;
	position: relative;
	margin-left: 10px;
	z-index: 2;
}
#About .Info .Differ .Box + .Box .Entry .photo{}
#About .Info .Differ .Box + .Box .Entry .txt{
	padding-left: 0;
}

#About .Info .Season{}
#About .Info .Season .Box{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
#About .Info .Season .Box dl{display: flex;flex-direction: column;flex: 1;}
#About .Info .Season .Box dt{
	background-color: #4d5970;
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 1;
	width: 65px;
	height: 65px;
	border-radius: 100%;
	padding-top: 12px;
	box-sizing: border-box;
	margin: 0 auto;
}
#About .Info .Season .Box dt strong{
	font-size: 24px;
	font-style: italic;
	display: inline-block;
	padding-right: 2px;
}
#About .Info .Season .Box dt span{
	display: block;
	padding-left: 2px;
	padding-top: 5px;
	/* font-style: italic; */
	font-size: 11px;
}
#About .Info .Season .Box dl + dl{}
#About .Info .Season .Box dd{position: relative;display: flex;height: 60px;}
#About .Info .Season .Box dd:before{content:"";border-left: 1px dotted #222e45;position: absolute;width: 1px;height: 100%;left: 50%;}
#About .Info .Season .Box p{
	color: #fff;
	margin: 10px 0;
	position: relative;
	z-index: 2;
	line-height: 1;
	padding: 7px 4px;
	position: absolute;
	text-align: center;
	top: 10px;
	border-radius: 3px;
	font-weight: bold;
	box-sizing: border-box;
	font-size: 12px;
}
#About .Info .Season .Box .winter{
	background-color: #8460a5;
}
#About .Info .Season .Box .whiteNight{
	background-color: #a3a3a3;
}
#About .Info .Season .Box .summer{
	background-color: #cf9b37;
}
#About .Info .Season .Box .pc{}
#About .Info .Season .Box .smp{
	display: none;
}
#About .Info .Season .comment{
	background-color: #eee;
	padding: 8px 14px;
	color: #000;
}

/*-----------------------------------Differ-*/
#Differ{background-image: url(../../images/aurora/bg_index_other.webp);position: relative;padding-top: 70px;background-position: top center;background-repeat: no-repeat;background-size: cover;padding-bottom: 80px;}
#Differ:before{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgb(39 39 39 / 70%);}
#Differ .Inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#Differ .Inner:before,
#Differ .Inner:after{content: "";position: absolute;top: -120px;background-position: center;background-repeat: no-repeat;background-size: contain;}
#Differ .Inner:before{background-image: url(../../images/aurora/illust_canada_bear.png);width: 173px;height: 93px;}
#Differ .Inner:after{width: 119px;background-image: url(../../images/aurora/illust_nordic_santa.png);height: 103px;right: 0;}
#Differ .Inner .TitleArea{
	display: flex;
	margin-left: 190px;
	width: 100%;
	column-gap: 50px;
	margin-bottom: 15px;
}
#Differ .Inner .Title{
	flex: 1;
	text-align: center;
	line-height: 1;
}
#Differ .Inner .Title:before{
	width: 54px;
	height: 32px;
	margin: 0;
	margin-bottom: 20px;
}
#Differ .Inner .Title .sub{
	font-size: 15px;
	margin-bottom: 10px;
}
#Differ .Inner .Title .main{
	font-size: 20px;
}
#Differ .Inner .Title .main strong{
	font-size: 200%;
}
#Differ .Inner .Title .main em{
	font-size: 160%;
	display: inline-block;
	padding-left: 2px;
}
#Differ .Inner .Title.canada .main strong{color: #dba8f0;}
#Differ .Inner .Title.nordic .main strong{
	color: #b7d0fc;
}
#Differ .Inner .Title:after{content: "";background-image: url(../../images/aurora/line_hukidashi.png);display: block;width: 100%;height: 46px;background-position: center;background-repeat: no-repeat;background-size: contain;}
#Differ .Inner .Box{}
#Differ .Inner .Box dl{
	display: flex;
	justify-content: space-between;
}
#Differ .Inner .Box dl + dl{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #fff;
}
#Differ .Inner .Box dt{
	background-color: #ffffff;
	color: #000;
	font-weight: bold;
	width: 11em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 7px 0;
}
#Differ .Inner dd{width: 38%;display: flex;align-items: center;}
#Differ .Inner dd .txt{
	font-size: 13px;
	flex: 1;
}
#Differ .Inner dd .txt strong{
	display: block;
	font-size: 14px;
}
#Differ .Inner dd .photo{
	width: 90px;
	margin-left: 10px;
}
#Differ .Inner dd .photo img{
	border-radius: 100%;
}
#Differ .Inner .btn{
	margin-top: 50px;
	display: flex;
	column-gap: 50px;
	margin-left: 180px;
	width: 100%;
}
#Differ .Inner .btn li{
	flex: 1;
	line-height: 1.5;
	text-align: center;
}
#Differ .Inner .btn li a{display: flex;border: 1px solid #fff;border-radius: 4px;}
#Differ .Inner .btn li a:before{content:"";width: 90px;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 4px 0 0 4px;}
#Differ .Inner .btn li a.canada:before{ background-image:url(../../images/aurora/MV_canada01.jpg)}
#Differ .Inner .btn li a.nordic:before{ background-image:url(../../images/aurora/MV_nordic01.jpg)}
#Differ .Inner .btn li a p{
	flex: 1;
	padding: 12px 0;
}


/*-------------------------------------------Photograph*/
#Photograph{
	display: flex;
}
#Photograph:before,
#Photograph:after{content:"";width: 35%;display: block;height: auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
#Photograph:before{ background-image: url(../../images/aurora/bg_camera_left.jpg)}
#Photograph:after{ background-image: url(../../images/aurora/bg_camera_right.jpg)}
#Photograph .Inner{
	min-width: 680px;
	padding: 50px 50px;
	box-sizing: border-box;
}
#Photograph .Inner h2{}
#Photograph .Inner h2 .sub{
	background: inherit;
	color: #fff;
	-webkit-text-fill-color: inherit;
	opacity: 0.2;
}
#Photograph .Inner dl{}
#Photograph .Inner dl + dl{
	margin-top: 30px;
}
#Photograph .Inner dt{
	text-align: center;
	background-color: #fff;
	color: #ae95dd;
	font-weight: bold;
	padding: 5px 0;
	font-size: 16px;
	margin-bottom: 4px;
}
#Photograph .Inner dl:nth-of-type(3) dt{
	color: #9b9bf9;
}
#Photograph .Inner dl:nth-of-type(4) dt{
	color: #7da3ea;
}
#Photograph .Inner dd{}
#Photograph .Inner dd ul{}
#Photograph .Inner dd li{
	padding-left: 16px;
	font-size: 14px;
}
#Photograph .Inner dd li + li{}
#Photograph .Inner dd li:before{content:"\f0c8";display:block;float:left;margin-left: -13px;width:1em;text-align:center;font-family:FontAwesome;font-size: 10px;margin-top: 3px;}
#Photograph .Inner dd li strong{ color: #ffef41}
#Photograph .Inner .txt{
	padding-top: 4px;
	font-size: 13px;
}

/*-----------------------------FAQ*/
#FAQ{
	padding: 70px 0 80px 0;
}
#FAQ .Inner{
	width: 1000px;
	margin: 0 auto;
}
#FAQ .Inner dl{	background-color: #515151;
	padding: 20px;}
#FAQ .Inner dl + dl{
	margin-top: 20px;
}
#FAQ .Inner dt{
	padding-left: 26px;
	font-size: 16px;
}
#FAQ .Inner dt:before,
#FAQ .Inner dd:before{
	float:left;
	margin-left: -26px;
	width:1em;
	text-align:center;
	font-family: 'Zen Old Mincho', serif;
	font-size: 20px;
	font-style: italic;
	line-height: 1;
	margin-top: 2px;
}
#FAQ .Inner dt:before{content: "Q"}
#FAQ .Inner dd{
	color: #eec5eb;
	padding-left: 26px;
	margin-top: 10px;
}
#FAQ .Inner dd:before{content: "A"}