@charset"utf-8"

/*基本レイアウトはここから*/
@import url(common.css);
body {
	background-image: url(../image/background.png);
	//background-color: #FFFF66;
}
header {
	width: 43%;
	height: 10%;
	margin: 1% auto 1% auto;
	position: relative;
	background-color: #FFFFFF;
	border: dotted 5px #000000;
}
header h1 {
	position: absolute;
	margin: 0% 0% 0% 0%;
}
nav {
	width:20%
	height:10%
	
	right: 0;
}
nav ul li img {
	margin:4% 0% 1% 0%;
	//float: left;
	//margin:20px;
}
nav ul {
	list-style-type: none;
	orverflow: hidden;
	display: flex;
	//padding:0px;
}
nav ul li {
	margin:0% auto 0% auto;
	
	//float: left;
}


nav ul li a:hover {
	//opacity: 0.66;
}
#menu {
	//margin:0px 0% 0px 0%;
	
}
.col=lg-12 col-md-12 col-sm-12 col-sm-12 {
	
}
img {
	/*border: 0;*/
	/*border: dotted 5px #000000;*/
}
video {
	border: double 10px;
	background-color: #D3D3D3;
}
#contents {
	width: 43%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	border: dotted 5px #000000;
	//background-image: url(../image/mokume.jpeg);
	background-color: #FFFFFF;
	//background-image: url(../image/mbackground.jpg);
}
#main {
	width: 50%;
	margin: 50px 0 20px 0;
	//padding:20px 0 0 0;
	//background-color: #FF9900;
	float: left;
}
#sub {
	width: 30%;
	margin: 1% 0.5% 0px 0; 
	float: right;
	//border: dotted 5px #000000;
	
}
#sub img {
	display: block;
	
	margin: 6px auto 2px auto;
}
#sub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sub ul li {
	margin-bottom: 20px;
}
.flg {
	margin:20px auto 50px auto;
	padding-right: 20px
}
#lnk {
	border: dotted 5px #000000;
}
#main {
	margin:0px 20px 0 20px;
}
#main h2 {
	background-color: #D3D3D3;
}
.shop {
	background-color: #D3D3D3;
}
.shopname {
	width:125%; 
	height:90%;
	text-align: center;
	line-hight:20px;
	border-bottom: double 5px;
	padding: 10px 10px;
	margin-top: 12%;
	margin-bottom: 4%;
	font-size:100%
}

footer p {
	
}
footer small {
	
}