@charset "utf-8";

#wrapper{
	
}

img{
	width:100%;
	height:auto;
	vertical-align:top;
}

#header_main{
	border-top:1px solid #ddd;
	background:#efefef url(../img/line_header.gif) repeat-x center bottom;
}

#header_inner{
	width:100%;
}

#header_inner #logo01{
	text-align:left;
	float:none;
}

#logo01{
	width:98%;
	position:absolute;
	top:17px;
	left:2%;
	padding-left:0;
	margin-left:0;
}

#footer #logo img{
	width: 170px;
	margin-bottom: 60px;
}

#footer #japan img{
	width:24px;
	margin-right: 10px;
	margin-top: 1.5px;
}

#footer #japan a{
	font-size: 13px;
	letter-spacing: 1px;
	color: #595757;
}

.footerlogo_wrap{
	width: 90px;
	margin: 0 auto;
	margin-top: 40px;
}

.footerlogo_wrap #facebook img{
	width: 30px;
	float: left;
	margin-right: 30px;
}

.footerlogo_wrap #instagram img{
	width: 30px;
	float: left;
}


@media screen and (max-width: 640px) {

#top #colorbox{
	width:100%;
}

#wrapper{
	font-size:80%;
	padding-top:46px;
}

#logo01{
	width:97%;
	position:relative;
	padding:20px 0 2px 3%;
	top:0;
	left:0;
	background:#fff url(../img/line_header.gif) repeat-x center bottom;
	background-size:1000px 3px;
}

#logo01 img{
	width:200px;
}

#nav_main{
	background:transparent;
}

#nav_main_inner{
	padding:0;
}

#header #nav_category{
	padding:0;
}

#header #nav_category{
	font-size:100%;
	padding:0;
	background:transparent;
}

#footer{
	position:relative;
	text-align:center;
	padding-bottom:10px;
}
	
#footer #logo img{
	width:113px;
}
