*{
	margin:0px;
	padding:0px;
}
html,body{
	height:100vh;
	width:100vw;
	-webkit-text-size-adjust:none;
	font-family:"Yu Gothic";
}

#container{
	background-image:url(img/back_m.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	width:100vw;
	height:100vh;
	margin:0px auto;
	position:fixed;
}
#topbar{
	height:60px;
	width:100vw;
	background-color:#2A1412;
	position:fixed;
	padding:10px;
	display:block;
}
#topbar #topbarlogo{
	height:40px;
	margin-top:10px;
	margin-left:10px;
}
#topbar #toplogosub{
	height:40px;
	margin-left:40px;
}

#menu{
	display:none;
}
#instagram_m{
	width:20px;
	margin-left:15px;
}
#facebook_m{
	width:20px;
	margin-left:10px;
}
#copyright_m{
	color:#ffffff;
	font-size:5px;
	margin-left:40px;
	margin-top:5px;
}
#spmenu{
	position:absolute;
	width:100vw;
	height:auto;
	bottom:20%;
	background-color:rgba(255,255,255,0.3);
	display:block;
}
#spmenu #spmenulist{
	margin:20px auto 20px 20%;
	list-style-type:none;
	text-indent:-119988px;
}

#spnavicategory{
	background-image:url(img/category.png);
	background-repeat:no-repeat;
	width:126px;
	height:16px;
	float:left;
}
#spnavicraft{
	background-image:url(img/craft.png);
	background-repeat:no-repeat;
	width:72px;
	height:16px;
}
#spnaviinfo{
	background-image:url(img/info.png);
	background-repeat:no-repeat;
	width:70px;
	height:15px;
	float:left;
	margin-top:20px;
}
#spnaviabout{
	background-image:url(img/about.png);
	background-repeat:no-repeat;
	width:147px;
	height:16px;
	margin-left:200px;
	margin-top:20px;
}
#spnavicontact{
	background-image:url(img/contact.png);
	background-repeat:no-repeat;
	width:109px;
	height:16px;
	margin-left:200px;
	margin-top:20px;
}
#spnavishop{
	background-image:url(img/shoppingsp.png);
	background-repeat:no-repeat;
	width:210px;
	height:26px;
	margin-top:30px;
}
#spmenulist li:hover{
	background-position:bottom;
}
#spmenulist a{
	display:block
}


@media only screen and (orientation: portrait) {
#topbar{
	height:60px;
	width:100vw;
	background-color:#2A1412;
	position:fixed;
}
#topbar #toplogosub{
	margin-left:20px;
}
#spmenu #spmenulist{
	margin:20px auto 20px 10%;
	list-style-type:none;
	text-indent:-119988px;
}
#spnavicategory{
	float:none;
	margin-left:0px;
}
#spnavicraft{
	float:none;
	margin-left:0px;
}
#spnaviinfo{
	float:none;
	margin-left:0px;
}
#spnaviabout{
	float:none;
	margin-left:0px;
}
#spnavicontact{
	float:none;
	margin-left:0px;
}
#spnavishop{
	float:none;
	margin-left:0px;
}
}
@media only screen and (orientation: landscape) {
#topbar{
	height:40px;
	width:100vw;
	background-color:#2A1412;
	position:fixed;
	padding:10px;
}
#topbar #topbarlogo{
	height:30px;
	margin-top:5px;
	margin-left:10px;
}
#topbar #toplogosub{
	height:30px;
	margin-left:40px;
}
#facebook{
	width:20px;
	margin-left:15px;
}

#spmenu{
	bottom:20%;
}
}


#news{
	position:absolute;
	top:13vh;
	bottom:56vh;
	left:0;
	width:70vw;
	background-color:rgba(255,255,255,0.5);
	padding-top:5px;
	padding-bottom:5px;
}
#news dt{
	font-family: "Yu Mincho",serif;
	font-size:8pt;
	font-weight:bold;
	margin-bottom:10px;
}
#news dd{
	font-family: "Yu Mincho",serif;
	font-weight:bold;
	font-size:6pt;
}