@charset "utf-8";

/*----------------------------------------MV*/
#MV{
	width: 90%;
	margin: 0 auto;
	padding: 50px 0 80px 0;
	align-items: center;
	min-width: 1000px;
	max-width: 1500px;
	height: 580px;
	position: relative;
}
#MV .Main{width: 470px;text-align: center;position: absolute;z-index: 999;left: 0;margin-top: 20px;}
#MV .Main h2{
	width: 350px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#MV .Main h2 img{}
#MV .Main h1{
	margin-bottom: 30px;
}
#MV .Main h1:before{
	width: 70px;
	height: 30px;
	margin: 0;
	margin-bottom: -10px;
}
#MV .Main h1 .sub{
	font-size: 100px;
}
#MV .Main h1 .main{
	font-size: 35px;
	margin-top: -50px;
}
#MV .Main h1 .main.katakana{
	letter-spacing: -3px;
}
#MV .Main .MainTxt{
	text-shadow: 0 0 5px rgb(0 0 0 / 100%);
}
#MV .Photo{
	height: 100%;
	width: 65%;
	margin: 0 0 0 auto;
}
#MV #container{
	height: 100%;
}
#MV #theTarget{}
#MV #theTarget div{
    height: 580px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#MV .skippr-nav-container{ display:none}
#MV .skippr-previous{
}
#MV .skippr-next{
}
#Canada #theTarget .MV01{ background-image: url(../../images/aurora/MV_canada01.jpg)}
#Canada #theTarget .MV02{ background-image: url(../../images/aurora/MV_canada02.jpg)}
#Canada #theTarget .MV03{ background-image: url(../../images/aurora/MV_canada03.jpg)}

#Nordic #theTarget .MV01{ background-image: url(../../images/aurora/MV_nordic01.jpg)}
#Nordic #theTarget .MV02{ background-image: url(../../images/aurora/MV_nordic02_Cmark.jpg)}
#Nordic #theTarget .MV03{ background-image: url(../../images/aurora/MV_nordic03_Cmark.jpg)}


/*--------------------------About*/
#About{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 80px;
}
#About .Intro{
	margin-bottom: 45px;
}
#About .Intro .Basic{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
#About .Intro .Basic .Map{
	align-self: center;
}
#About .Intro .Basic .Map img{
	width: auto;
}
#About .Intro .Basic .Box{
	flex: 1;
	margin-left: 30px;
	margin-top: 20px;
}
#About .Intro .Basic .Box dl{}
#About .Intro .Basic .Box dt{
	background-color: #515151;
	width: 15em;
	font-size: 13px;
	padding: 7px 20px 4px 20px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 10px;
}
#About .Intro .Basic .Box dd{
	font-size: 13px;
}
#About .Intro .Basic .Box dd.photo{
	margin-top: 10px;
}
#About .Intro .Basic .Box dl + dl{
	margin-top: 25px;
}
#About .Intro .Other{
	display: flex;
	justify-content: space-between;
}
#About .Intro .Other .Box{
	flex: 1;
	margin-right: 30px;
}
#About .Intro .Other .Box .Entry{
	background-color: #515151;
	border-radius: 4px;
	padding: 25px;
}
#About .Intro .Other .Box .Entry + .Entry{
	margin-top: 30px;
}
#About .Intro .Other .Box .Entry dl{}
#About .Intro .Other .Box .Entry dt{}

#About .Intro .Other .photo{
	width: 370px;
}
#About .Intro .Other .photo ul{}
#About .Intro .Other .photo li{
	line-height: 1;
	position: relative;
}
#About .Intro .Other .photo li + li{
	margin-top: 10px;
}
#About .Intro .Other .photo li img{
	border: 3px solid #7e7e7e;
	border-radius: 3px;
}
#About .Intro .Other .photo li .caption{
	bottom: 5px;
	right: 1px;
}
#About .Intro .Other .Box .Entry dd{}

/*---------------------------------*/
#About .Degree{
	margin-bottom: 50px;
}
#About .Degree h3{}
#About .Degree .Inner{
	margin-bottom: 10px;
}
#About .Degree .Inner ul{
	display: flex;
	align-items: center;
}
#About .Degree .Inner ul + ul{
	margin-top: 4px;
}
#About .Degree .Inner li{
	flex: 1;
	text-align: center;
	font-weight: bold;
	position: relative;
}
#About .Degree .Inner li + li{
}
#About .Degree .Inner li + li:before{content:"";position: absolute;top: -10px;left: 0;height: calc(100% + 25px);width: 3px;background-color: #272727;}
#About .Degree .Inner li.title{width: 7em;flex: inherit;}
#About .Degree .Inner .Index{
	padding: 10px 0 12px 0;
	font-size: 13px;
	line-height: 1;
}
#About .Degree .Inner .Top,
#About .Degree .Inner .Btm{
	background-color: #838383;
}
#About .Degree .Inner .Index li{
}
#About .Degree .Inner .Index li strong{
	font-size: 170%;
}
#About .Degree .Inner .Top .title,
#About .Degree .Inner .Btm .title{
	background-color: #515151;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	padding: 9px 0;
}

/*--------------------------------*/
#About .Info{
	padding: 20px;
}
#About .Info .Inner{
	background-color: #fff;
	padding: 25px;
	color: #000;
	padding-top: 30px;
}
#About .Info .Inner + .Inner{
	margin-top: 20px;
}

#About .Info .Clothe{
	margin-bottom: 20px;
}
#About .Info .Clothe .Subtitle{
	text-align: center;
	font-size: 17px;
	line-height: 1;
	padding-bottom: 6px;
}
#About .Info .Clothe .Subtitle strong{
	background-color: #f7ff69;
}
#About .Info .Clothe .Box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
#About .Info .Clothe .Box .Main{
	width: 50%;
}
#About .Info .Clothe .Box .Main .Entry{}
#About .Info .Clothe .Box .Main .Entry .special{
	width: fit-content;
	font-size: 13px;
	line-height: 1;
	padding: 7px 13px;
	border-radius: 100px;
	color: #fff;
	font-weight: bold;
}
#About .Info .Clothe .Box .Main .Entry dl{
	padding-left: 21px;
	position: relative;
	padding-bottom: 6px;
}
#About .Info .Clothe .Box .Main .Entry dl:before{content:"";position: absolute;width: 1px;height: 100%;background-color: #ca93b9;top: 6px;left: 7px;}
#About .Info .Clothe .Box .Main .Entry dl:after{content:"";position: absolute;bottom: -6px;width: calc(100% - 7px);height: 1px;background-color: #ca93b9;left: 7px;}
#About .Info .Clothe .Box .Main .Entry dt{
	color: #ca93b9;
	font-weight: bold;
	font-size: 16px;
}
#About .Info .Clothe .Box .Main .Entry dd{
	color: #6e6e6e;
	font-size: 13px;
	line-height: 1.5;
}
#About .Info .Clothe .Box .Main .Entry + .Entry{
	margin-top: 30px;
}
#About .Info .Clothe .Box .Illust{
	padding: 30px;
}
#About .Info .Clothe .Box .Illust .img{}
#About .Info .Clothe .Box .Illust .atte{
	background-color: #e7eaef;
	padding: 10px 16px;
	margin-top: 20px;
}
#About .Info .Clothe .Box .Illust .atte .title{
	color: #ca93b9;
	font-weight: bold;
	font-size: 15px;
}
#About .Info .Clothe .Box .Illust .atte .txt{
	line-height: 1.5;
}

/*---------------------------------*/
#About .Info .Other{
	padding: 10px;
}
#About .Info .Other .Entry{
	display: flex;
}
#About .Info .Other .Entry + .Entry{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #fff;
}
#About .Info .Other .Entry:nth-of-type(even){
	flex-direction: row-reverse;
}
#About .Info .Other .Main{
	flex: 1;
	padding: 0 30px;
	align-self: center;
}
#About .Info .Other .Main .special{
	background-color: #fff;
	width: fit-content;
	color: #9d9cf8;
	font-weight: bold;
	font-size: 15px;
	border-radius: 100px;
	padding: 1px 20px;
	margin-bottom: 10px;
}
#About .Info .Other .Main .special strong{
	color: #f1429d;
}
#About .Info .Other .Main h3{
	font-size: 22px;
}
#About .Info .Other .Main .txt{}
#About .Info .Other .Main .price{
	border: 2px solid #eee57f;
	width: fit-content;
	padding: 5px 10px;
	font-size: 16px;
	color: #eee57f;
	font-weight: bold;
	margin-top: 10px;
}
#About .Info .Other .Main .price span{
	font-size: 80%;
}
#About .Info .Other .photo{
	width: 300px;
}
#About .Info .Other .Entry:nth-of-type(even) .main{}


/*------------------------------------*/
#About .Movie{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}
#About .Movie .Title{
	position: relative;
}
#About .Movie .Title:before, #About .Movie .Title:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  transform: rotate(10deg);
}
#About .Movie .Title:before {
  top: -25px;
}
#About .Movie .Title:after {
  transform: rotate(-10deg);
  bottom: -25px;
}
#About .Movie .Title .sub{
	font-size: 17px;
}
#About .Movie .Title .main{
	font-size: 21px;
}
#About .Movie .Title .main strong{
	font-weight: normal;
	font-size: 150%;
}
#About .Movie .Main{
	padding: 20px;
	background-color: #515151;
	margin-left: 30px;
}
#About .Movie .Main p{}


/*---------------------------------Enjoy*/
#Enjoy{
	position: relative;
	padding: 60px 0 80px 0;
}
#Enjoy:before{content:"";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgb(39 39 39 / 70%);}
#Canada #Enjoy{background-image: url(../../images/aurora/bg_enjoy_canada.jpg)}
#Nordic #Enjoy{background-image: url(../../images/aurora/bg_enjoy_nordic.jpg)}
#Enjoy h2{
	position: relative;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 90px;
}
#Enjoy h2 .sub{
	background: inherit;
	-webkit-text-fill-color: #fff;
}
#Enjoy h2:before,
#Enjoy h2:after{content: "";position: absolute;top: 0;background-position: center;background-repeat: no-repeat;background-size: contain;}
#Enjoy h2:before{
	left: -200px;
}
#Enjoy h2:after{right: -200px;}
#Canada #Enjoy h2:before{ background-image: url(../../images/aurora/illust_canada_bear.png);width: 173px;height: 93px;}
#Canada #Enjoy h2:after{background-image: url(../../images/aurora/illust_canada_dog.png);width: 173px;height: 95px;}
#Nordic #Enjoy h2:before{background-image: url(../../images/aurora/illust_nordic_deer.png);width: 173px;height: 113px;}
#Nordic #Enjoy h2:after{background-image: url(../../images/aurora/illust_nordic_santa.png);width: 173px;height: 113px;}





#Enjoy .Inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#Enjoy .Inner .Entry{
	display: flex;
	background-color: rgb(255 255 255 / 70%);
	padding: 20px;
	justify-content: space-between;
	color: #000;
}
#Enjoy .Inner .Entry .photo{
	width: 440px;
	position: relative;
	line-height: 1;
}
#Enjoy .Inner .Entry .Main{
	flex: 1;
	align-self: center;
	padding: 40px;
}
#Enjoy .Inner .Entry .Main dl{}
#Enjoy .Inner .Entry .Main dt{
	font-size: 22px;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#Enjoy .Inner .Entry .Main dd{
	font-size: 15px;
}
#Enjoy .Inner .Entry + .Entry{
	margin-top: 20px;
}
#Enjoy .Inner .Entry:nth-of-type(even){
	flex-direction: row-reverse;
}


/*----------------------------------------------Item*/
#Item{}
#Item .Carrier{}
#Item .Carrier .Entry{}
#Item .Carrier .Entry h3{
	justify-content: center;
	margin-bottom: 10px;
}
#Item .Carrier .Entry h3 .logo{}
#Item .Carrier .Entry h3 .main{
	flex: inherit;
	margin-left: 20px;
}

#Item .Carrier .Entry dl{
	margin-bottom: 0;
}
#Item .Carrier .Entry dt{
	width: 400px;
}
#Item .Carrier .Entry dd{
	padding-left: 20px;
}
#Item .Carrier .Entry dd h4{
	font-size: 18px;
}
#Item .Carrier .Entry dd .txt{
	margin-bottom: 10px;
}
#Item .Carrier .Entry dd ul{
	margin-bottom: 20px;
}
#Item .Carrier .Entry dd li{}
#Item .Carrier .Entry dd li + li{}
#Item .Carrier .Entry dd li{
	padding-left: 16px;
	font-size: 14px;
}
#Item .Carrier .Entry 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;}
#Canada #Item .Carrier .Entry dd li:before{color: #dba8f0}
#Nordic #Item .Carrier .Entry dd li:before{color: #b7d0fc}

