@charset "UTF-8";

@media screen and (max-width: 667px) {
body{
	min-width:inherit;
    -webkit-text-size-adjust: 100%;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.50);
	width:auto;
}
div,
li,
p {
	-webkit-tap-highlight-color: rgba(0,0,0,0.50);
}
br.resp{
	display:block;
}
#wrap{
	float:left;
	background: #fff;
	padding: 0;
	margin: 0 1%;
	width:98%;
	box-shadow:0 3px 3px #888;
}
header{
	float:left;
	text-align:center;
	width:100%;
}
header h1 {
	float:left;
	width:100%;
	font-size:9px;
}
header a{
	float:left;
	margin-left:10px;
}
#nav_buton{
	display:block;
	float:right;
	width:60px;
	height:60px;
	background:url(../images/nav_button.png) center center no-repeat;
	background-size:60px;
}
#nav_buton.checked{
	display:block;
	background:url(../images/nav_button_x.png) center center no-repeat;
	background-size:60px;
}
#main_image{
	float:left;
	width:98%;
	margin:0 1%;
}
#main_image img{
	width:100%;
	height:auto;
}
#sp_nav{
	display:none;
	float:left;
	width:98%;
	height:auto;
	margin:0 1% 10px;
	padding:0;
	background: #f4eddf;
	border-radius:5px;
	border:solid 1px #836a4d;
	box-sizing:border-box;
}
#sp_nav ul li ,
#sp_nav ul li + li {
	width:100%;
	height:50px;
	margin:0;
	border-bottom: dashed 1px #836a4d;
}
#sp_nav ul li:last-child{
	border-bottom:none;
}
#sp_nav ul li a{
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#5e3b12;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	letter-spacing:3px;
}
#sp_nav ul li a:hover{
	text-decoration:none;
}
.home_btn,
.concept_btn,
.brand_btn,
.shop_btn,
.corporate_btn,
.contact_btn{
	background:none;
}
.text_out {
    text-indent: 0;
}
.hover_img:hover{
	background-position: top;
}
nav{
	display:none;
}
#contents{
	float:left;
	width:100%;
}
/*commen*/
#main_area h2{
	width:92%;
	height:30px;
	line-height:30px;
	margin:0 1% 10px;
	overflow:hidden;
	background:#684e30;
	color:#fff;
	border-radius:5px;
	padding:0 3%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:normal;
}
#main_area h2 span{
	float:right;
	font-weight:normal;
	color:#dec8ae;
}
h2.text_out{
	text-indent: inherit;
	white-space: inherit;
}
#main_area {
    color: #000;
    float: left;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
#sidebar {
    float:left;
    width: 100%;
	padding:20px 0 0;
}
#sidebar a{
	float:left;
	width:50%;
	margin-bottom:20px;
	text-align:center;
}
#sidebar a img{
	width:90%;
	height:auto;
}
/**/
footer{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background: url(../images/bg_footer.png) repeat-x,#6d5234;
}
.footer_nav{
	width:100%;
	margin:3px 0 0;
}
.footer_nav li{
	width:50%;
	height:40px;
	background:#F7F2E8;
	border:solid 1px #6d5234;
	box-sizing:border-box;
}
.footer_nav li.footer_nav_home{
	display:none;
}
.footer_nav li a{
	line-height:40px;
	color:#6d5234;
}
.footer_nav li a:after{
	float:right;
	content:">";
	margin-right:5px;
}
.footer_site_logo{
	float:left;
	margin:30px 0 0;
	padding: 0;
    width: 100%;
	text-align:center;
}
footer img{
	position: inherit;
	top: inherit;
	left: inherit;
}
.footer_text{
	float:left;
	width:90%;
	padding:20px 5%;
}
.footer_text p{
	float:left;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	padding: 0 0 10px;
	color: #fff;
}
#copyright{
	clear: inherit;
	text-align: center;
	position: inherit;
	top: inherit;
	left: inherit;
	float:left;
	width:100%;
	height:30px;
	padding-bottom:5px;
	margin:0;
}
/*layout*/
#new_item,
#news,
#brand {
    float: left;
	width:100%;
}
.item {
    float: left;
    width: 40%;
	padding:0 5% 20px;
}
.item a img{
	width:100%;
	height:auto;
}
.news_scroll {
    height: 220px;
    overflow-y: scroll;
    width: 98%;
	margin:0 1% 20px;
}
.brand_list {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
}
table#recruit {
    border: 1px solid #684e30;
    float: left;
    margin: 0 1% 10px;
    width: 97%;
}
iframe{
	width:80%;
	margin:0 10%;
}
table#recruit th{
	width:70px;
}
}