@charset "utf-8";

article .Deco{}
article .Deco:before,article .Deco:after{}
article .Deco span{}
article .Deco span:before{}
article .Deco.green{}

article .BgGray{}
article .BgGray:before,article .BgGray:after{
	background-size: 100%;
	width: 140px;
	background-repeat: repeat-y;
}
article .BgGray:before{
}
article .BgGray:after{}

/*---------------------------------------MV*/
#MV{}
#MV:before{height: 180px;}
#MV:after{
	background-size: 100%;
	background-repeat: repeat-x;
}
#MV .Inner{
	display: block;
	min-width: auto;
	max-width: inherit;
	padding-top: 2px;
}
#MV .Main{
	margin-bottom: 30px;
}
#MV .Main h1{
	width: 90%;
	margin: 0 auto;
}
#MV .Main h1 img{}
#MV .Main ul{}
#MV .Main li{}
#MV .Main li + li{}
#MV .Main li a{
	font-size: 3.5vw;
}
#MV .Main li a:after{}
#MV .Main li a:hover{}
#MV #container{
	width: 100%;
	height: 180px;
	margin-left: 0;
}
#MV #theTarget{}
#MV #theTarget div{
	border-radius: 5px;
}
#MV .skippr-nav-container{}
#MV .skippr-arrow{
	width: 15px;
	height: 15px;
}
#MV .skippr-previous{}
#MV .skippr-next{
	right: 5%;
}
#MV #theTarget .MV01{}
#MV #theTarget .MV02{}
#MV #theTarget .MV03{}
#MV #theTarget .MV04{}

/*--------------------------------------MainInfo*/
#MainInfo{
	padding-top: 20px;
	padding-bottom: 40px;
}
#MainInfo .MainTxt{
	flex-direction: column-reverse;
	width: 90%;
	margin-bottom: 10px;
}
#MainInfo .MainTxt dt{
	display: none;
}
#MainInfo .MainTxt dt img{
	border-radius: 0;
}
#MainInfo .MainTxt dd{
	padding-left: 0;
	font-size: 14px;
}
#MainInfo .MainTxt dd p{}
#MainInfo .MainTxt dd p br{
	display: none;
}
#MainInfo .MainTxt dd p + p{}
#MainInfo .Point{
	width: 90%;
	margin-top: 20px;
}
#MainInfo .Point h2{}
#MainInfo .Point h2:before,#MainInfo .Point h2:after{}
#MainInfo .Point h2 span{
	font-size: 4vw;
}
#MainInfo .Point dl{
	flex-direction: column;
	margin: 7px auto;
}
#MainInfo .Point dt{
	margin-bottom: 0;
}
#MainInfo .Point dt ul{}
#MainInfo .Point dt li{
}
#MainInfo .Point dt li strong{
	font-size: 15px;
}
#MainInfo .Point dt li + li{}
#MainInfo .Point dt li:before{
	margin-top: 4px;
}
#MainInfo .Point dd{
	margin-left: 0;
	width: 100%;
	display: none;
}
#MainInfo .Point dd img{
	border-radius: 0;
}

/*-------------------------City*/
#City{
	padding-bottom: 0;
}
#City .Inner{
	width: 90%;
	padding-top: 20px;
}
#City .Inner .Deco{}
#City .Inner h2{
	font-size: 3.8vw;
	margin-bottom: 20px;
}
#City .Inner h2 strong{}
#City .Inner .Map{
	display: none;
}
#City .Inner .Map .img{}
#City .Inner .link{}
#City .Inner .link a{}
#City .Inner .link a:hover{}
#City .Inner .link.Frankfurt{}
#City .Inner .link.munich{}
#City .Inner .link.Cologne{}
#City .Inner .link.Bonn{}
#City .Inner .link.Rothenburg{}
#City .Inner .link.Augsburg{}
#City .Inner .Entry{}
#City .Inner .Entry + .Entry{}
#City .Inner .Entry h3{
	text-align: center;
	justify-content: center;
	align-items: baseline;
}
#City .Inner .Entry h3 .main{
	display: block;
	font-size: 5.5vw;
	flex: inherit;
}
#City .Inner .Entry h3 .main span{
	margin: 0;
}
#City .Inner .Entry h3 .main:after{
	content: none;
}
#City .Inner .Entry h3 .sub{
	margin: 0;
	font-size: 5vw;
	padding-left: 9px;
}
#City .Inner .Entry .box{
	display: block;
}
#City .Inner .Entry .box .photo{
	width: 100%;
}
#City .Inner .Entry .box .photo img{}
#City .Inner .Entry .box .Main{
	margin-left: 0;
	margin-top: 6px;
}
#City .Inner .Entry .box .Main dl{}
#City .Inner .Entry .box .Main dt{}
#City .Inner .Entry .box .Main dd{}
#City .Inner .Entry .box .Main dl + dl{}
#City .Inner .Entry .box .Main .txt{
	font-size: 14px;
}

/*-------------------------------Item*/
#Item{
	padding-bottom: 40px;
}
#Item:before{
	background-size: 100%;
}
#Item .Inner{
	width: 90%;
	padding-top: 70px;
}
#Item .Inner h2{
	font-size: 4.5vw;
	margin-bottom: 25px;
	margin-top: 6px;
}
#Item .Inner .ItemInner{
	width: 100%;
}
.ItemInner .Entry{}
.ItemInner .Entry .linkbox{
	padding: 15px;
}
.ItemInner .Entry .dst{}
.ItemInner .Entry .photo{
	width: 100%;
	position: relative;
}
.ItemInner .Entry .photo img{}
.ItemInner .Entry .main{
	margin: 0;
	margin-top: 5px;
}
.ItemInner .Entry .main h3{
	font-size: 15px;
}
.ItemInner .Entry .main .sub{}
.ItemInner .Entry .btm{
	margin: 0;
	margin-top: 10px;
	padding-bottom: 5px;
}
.ItemInner .Entry .btm .price{
	display: block;
	text-align: center;
}
.ItemInner .Entry .btm .price dt{
	font-size: 13px;
	font-weight: bold;
}
.ItemInner .Entry .btm .price dd{
	font-size: 5vw;
}
.ItemInner .Entry .btm .price dd span{}
#Item .Inner .btn{
	margin-top: 40px;
}
#Item .Inner .btn a{
	padding: 15px;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	line-height: 1.4;
}
#Item .Inner .btn a:hover{}
#Item .Inner .btn a:after{}



/*-----------------------------------Bn*/
#Bn{}
#Bn .Inner{
	width: 90%;
	flex-wrap: wrap;
	padding: 40px 0;
	padding-bottom: 20px;
}
#Bn .Inner dl{
	width: 48%;
	margin-bottom: 20px;
}
#Bn .Inner dt{}
#Bn .Inner dt img{}
#Bn .Inner dt:hover{}
#Bn .Inner dd{}
#Bn .Inner dd a{}

/*-------------------------------------Shop*/
#Shop{
	width: 90%;
	padding: 30px 0;
	display: block;
}
#Shop .Main{
	margin: 0;
	margin-bottom: 40px;
}
#Shop .Main h2{
	font-size: 6vw;
}
#Shop .Main h3{
	font-size: 4vw;
}
#Shop .Main .txt{}
#Shop .Main .btn{}
#Shop .Main .btn a{}
#Shop .Main .btn a:hover{}
#Shop .Main .btn a:after{}
#Shop .photo{
	width: 100%;
}
#Shop .photo img{}