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


article .FontEn{font-family: "Allura", cursive;}
article .Deco{
	text-align: center;
}
article .Deco:before,
article .Deco:after{content:"\f1bb";font-family:FontAwesome;font-size: 16px;}
article .Deco span{
	display: inline-block;
	margin: 0 2px;
}
article .Deco span:before{content:"\f1bb";font-family:FontAwesome;font-size: 26px;}

article .Deco.green{}

article .BgGray{
	position: relative;
	background-color: #eaeaea;
}
article .BgGray:before,
article .BgGray:after{content:"";width: 462px;display: block;height: 100%;position: absolute;top: 0;}
article .BgGray:before{background-image:url(../../images/christmasmarket/bg_left.jpg);left: 0;}
article .BgGray:after{background-image:url(../../images/christmasmarket/bg_right.jpg);right: 0;}

/*---------------------------------------MV*/
#MV{
	background-color: #6c0b08;
	color: #ebc54c;
	position: relative;
}
#MV:before{content: "";width: 100%;display: block;position: absolute;height: 280px;background-color: #035037;}
#MV:after{content: "";background-image:url(../../images/christmasmarket/deco_line_shadow.png);width: 100%;display: block;height: 158px;position: absolute;top: 0;left: 0;z-index: 3;}

#MV .Inner{
	width: 90%;
	margin: 0 auto;
	min-width: 1000px;
	display: flex;
	justify-content: space-between;
	padding-top: 100px;
	max-width: 1600px;
}
#MV .Main{
	position: relative;
	flex: 1;
	margin-top: 90px;
	margin-bottom: 10px;
}
#MV .Main h1{}
#MV .Main h1 img{
	width: 100%;
}
#MV .Main ul{
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
#MV .Main li{
	width: 60%;
}
#MV .Main li + li{width: 37%;}
#MV .Main li a{position: relative;display: block;color: #ebc54c;text-decoration: none;border: 2px solid #ebc54c;border-radius: 3px;padding: 12px 15px;text-align: center;font-size: 15px;letter-spacing: -0.5px;}
#MV .Main li a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content: "\f107";font-family:FontAwesome;line-height: 1}
#MV .Main li a:hover{
	background-color: #ebc54c;
	color: #6c0b08;
}
#MV #container{
	width: 60%;
	position: relative;
	margin-left: 4%;
	/* height: 510px; */
	z-index: 2;
}
#MV #theTarget{}
#MV #theTarget div{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}
#MV .skippr-nav-container{ display:none}
#MV .skippr-previous{
    left: 2%;
}
#MV .skippr-next{
    right: 3%;
}
#MV #theTarget .MV01{ background-image: url(../../images/christmasmarket/MV01.jpg)}
#MV #theTarget .MV02{ background-image: url(../../images/christmasmarket/MV02.jpg)}
#MV #theTarget .MV03{ background-image: url(../../images/christmasmarket/MV03.jpg)}
#MV #theTarget .MV04{ background-image: url(../../images/christmasmarket/MV04.jpg)}

@media screen and (max-width:1550px){
#MV #theTarget div{/* height: 420px; */}
}



/*--------------------------------------MainInfo*/
#MainInfo{
	background-color: #6c0b08;
	color: #ebc54c;
	padding-top: 70px;
	padding-bottom: 70px;
}
#MainInfo .MainTxt{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	margin-bottom: 40px;
	align-items: center;
}
#MainInfo .MainTxt dt{
	width: 250px;
	height: 250px;
}
#MainInfo .MainTxt dt img{
	width: 100%;
	border-radius: 100%;
}
#MainInfo .MainTxt dd{
	padding-left: 30px;
	font-size: 15px;
}
#MainInfo .MainTxt dd p{
	line-height: 1.8;
}
#MainInfo .MainTxt dd p + p{
	padding-top: 20px;
}

#MainInfo .Point{
	width: 1000px;
	margin: 0 auto;
	margin-top: 40px;
	border-bottom: 3px double #ebc54c;
}
#MainInfo .Point h2{
	text-align: center;
	display: flex;
	align-items: center;
}
#MainInfo .Point h2:before,
#MainInfo .Point h2:after{content:"";border-top: 3px double #ebc54c;width: 100%;display: block;}
#MainInfo .Point h2 span{
	white-space: nowrap;
	font-size: 18px;
	display: inline-block;
	margin: 0 10px;
}
#MainInfo .Point dl{
	margin: 20px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
#MainInfo .Point dt{}
#MainInfo .Point dt ul{}
#MainInfo .Point dt li{padding-left: 22px;color: #fff;}
#MainInfo .Point dt li strong{color: #ebc54c;font-size: 16px;}
#MainInfo .Point dt li + li{
	margin-top: 14px;
}
#MainInfo .Point dt li:before{content:"\f219";display:block;float:left;margin-left: -21px;width:1em;text-align:center;font-family:FontAwesome;color: #ebc54c;margin-top: 3px;}
#MainInfo .Point dd{
	width: 200px;
	margin-left: 40px;
}
#MainInfo .Point dd img{
	width: 100%;
	border-radius: 100%;
}


/*-------------------------City*/
#City{
	padding-bottom: 20px;
}
#City .Inner{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
	z-index: 2;
}
#City .Inner .Deco{}
#City .Inner h2{
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
	margin-bottom: 10px;
}
#City .Inner h2 strong{
	font-size: 135%;
}
#City .Inner .Map{
	width: 740px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
#City .Inner .Map .img{
}
#City .Inner .link{
	position: absolute;
}
#City .Inner .link a{
	display: inline-block;
	background-color: #035037;
	color: #ebc54c;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	border: 2px solid #035037;
	padding: 2px 10px;
	border-radius: 3px;
}
#City .Inner .link a:hover{background-color: #ebc54c;color: #035037;}
#City .Inner .link.Frankfurt{
	top: 225px;
	left: 45px;
}
#City .Inner .link.munich{
	top: 441px;
	left: 500px;
}
#City .Inner .link.Cologne{
	top: 104px;
	left: 150px;
}
#City .Inner .link.Bonn{
	top: 160px;
	left: 263px;
}
#City .Inner .link.Rothenburg{
	top: 202px;
	left: 340px;
}
#City .Inner .link.Augsburg{
	top: 329px;
	left: 130px;
}
#City .Inner .link.Nuremberg{
	top: 359px;
	left: 520px;
}
#City .Inner .link.Dresden{
	top: 234px;
	left: 570px;
}
#City .Inner .link.Berlin{
	top: 162px;
	left: 582px;
}

#City .Inner .Entry{
	padding-top: 40px;
	margin-top: -40px;
	padding-bottom: 40px;
}
#City .Inner .Entry + .Entry{
}
#City .Inner .Entry h3{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
#City .Inner .Entry h3 .main{
	font-size: 20px;
	letter-spacing: -1px;
	font-style: italic;
	flex: 1;
	display: flex;
	align-items: center;
}
#City .Inner .Entry h3 .main span{
	white-space: nowrap;
	margin-right: 10px;
}
#City .Inner .Entry h3 .main:after{content:"";width: 100%;display: block;border-top: 2px dotted #035037;}
#City .Inner .Entry h3 .sub{
	font-size: 30px;
	font-weight: normal;
	display: inline-block;
	margin-left: 10px;
}
#City .Inner .Entry .box{
	display: flex;
	justify-content: space-between;
}
#City .Inner .Entry .box .photo{
	width: 425px;
}
#City .Inner .Entry .box .photo img{
	width: 100%;
}
#City .Inner .Entry .box .Main{
	flex: 1;
	margin-left: 30px;
	color: #035037;
}
#City .Inner .Entry .box .Main dl{
	display: flex;
}
#City .Inner .Entry .box .Main dt{background-color: #bad4c6;font-weight: bold;padding: 2px 8px;display: flex;align-items: center;justify-content: center;}
#City .Inner .Entry .box .Main dd{padding-left: 10px;flex: 1;}
#City .Inner .Entry .box .Main dl + dl{
	margin-top: 10px;
}
#City .Inner .Entry .box .Main .txt{
	margin-top: 15px;
	line-height: 1.8;
	font-size: 15px;
}

/*-------------------------------Item*/
#Item{
	background-color: #6c0b08;
	color: #ebc54c;
	position: relative;
	padding-bottom: 80px;
}
#Item:before{content: "";background-image:url(../../images/christmasmarket/decp_line.png);width: 100%;display: block;height: 158px;position: absolute;top: 0;left: 0;z-index: 3;background-repeat: repeat-x;}
#Item .Inner{
	width: 1000px;
	margin: 0 auto;
	padding-top: 150px;
}
#Item .Inner h2{
	text-align: center;
	font-size: 22px;
	margin-bottom: 30px;
	line-height: 1.4;
	margin-top: 14px;
}
#Item .Inner .ItemInner{
	width: 1000px;
	display: block;
}
.ItemInner .Entry{
	width: 100%;
	margin-right: 0;
}
.ItemInner .Entry .linkbox{
	border: none;
	box-shadow: 0 0 5px #000;
	padding: 20px;
	display: block;
}
.ItemInner .Entry .dst{
	display: none;
}
.ItemInner .Entry .photo{
	width: 200px;
	position: absolute;
}
.ItemInner .Entry .photo img{
	height: auto;
	object-fit: inherit;
}
.ItemInner .Entry .main{
	margin-left: 215px;
	padding: 0;
	min-height: 100px;
}

.ItemInner .Entry .main h3{
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 4px;
}
.ItemInner .Entry .main .sub{
	font-size: 14px;
	padding-bottom: 10px;
}
.ItemInner .Entry .btm{
	margin-left: 215px;
}
.ItemInner .Entry .btm .price{
	text-align: left;
	display: flex;
	padding: 0;
	align-items: center;
}
.ItemInner .Entry .btm .price dt{
	font-size: 14px;
	padding-top: 3px;
}
.ItemInner .Entry .btm .price dd{
	font-size: 22px;
	padding-left: 5px;
}
.ItemInner .Entry .btm .price dd span{}

#Item .Inner .btn{
	margin-top: 60px;
	text-align: center;
}
#Item .Inner .btn a{position: relative;text-decoration: none;display: inline-block;border: 2px solid #ebc54c;border-radius: 5px;padding: 23px 100px;font-size: 17px;}
#Item .Inner .btn a:hover{
	background-color: #ebc54c;
	color: #6c0b08;
}
#Item .Inner .btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}



/*-----------------------------------Bn*/
#Bn{}
#Bn .Inner{
	position: relative;
	z-index: 3;
	width: 1000px;
	margin: 0 auto;
	padding: 70px 0;
	display: flex;
	justify-content: space-between;
}
#Bn .Inner dl{
	width: 23.5%;
}
#Bn .Inner dt{}
#Bn .Inner dt img{
	width: 100%;
}
#Bn .Inner dt:hover{ opacity: 0.7}
#Bn .Inner dd{}
#Bn .Inner dd a{
	color: #6c0b08;
	font-size: 13px;
}

/*-------------------------------------Shop*/
#Shop{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
}
#Shop .Main{
	flex: 1;
	margin-right: 30px;
}
#Shop .Main h2{
	color: #a72824;
	font-size: 30px;
	margin-bottom: 10px;
}
#Shop .Main h3{
	font-size: 18px;
	margin-bottom: 10px;
}
#Shop .Main .txt{
	margin-bottom: 20px;
}
#Shop .Main .btn{}
#Shop .Main .btn a{position: relative;text-decoration: none;display: inline-block;border-radius: 3px;padding: 15px 80px;color: #ebc54c;font-size: 15px;background-color: #6c0b08;}
#Shop .Main .btn a:hover{
	background-color: #ebc54c;
	color: #6c0b08;
}
#Shop .Main .btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}
#Shop .photo{
	width: 340px;
}
#Shop .photo img{
	width: 100%;
}