@charset "utf-8";
/* -------------
build:2014-11
version:1.0
author:webknowledge
----------------
01.共通動作
02.横幅1048px以上
03.横幅959px以上、1047px以下
04.横幅768px以上、480px以下
05.横幅479px以下

------------- */



/* ■01.共通動作
--------------------------------------------------- */
#content:after{content:""; display:block; clear:both;}
#content{display:inline-block;} 
#content{display:block;}

/* 02. shoplist company
--------------------------------------------------- */
/*nav*/
#s_nav img{ width: auto;}
#s_nav a{ display: block;}
#s_nav ul{ padding-left: 0;}
#s_nav ul li{ list-style: none; margin: 0 auto;}
#s_nav ul li a{ padding: 15px 0; padding-left: 20px; color: #6f5946; }	
/*shoplist*/
#shoplist{	display: inline-block;}

#shoplist p#set-sp { margin: 25px auto 10px }
#shoplist p#set-sp img{ width: 100%; height: auto;}
.listbox{ 
    background: url(../img/list_border.gif) repeat-x;
    margin-bottom: 20px;
    display: inline-block;}
.listbox_tit{
	padding-top: 5px; 
	padding-left: 5px; 
	display: inline-block;
        /*background: url(../img/list_border.gif) repeat-x; margin-bottom: 20px;*/
}
.listbox dt{ background:url(../img/list_dot.gif) no-repeat left 5px; display: inline-block;}
.listbox dd{ background:url(../img/list_telicon.gif) no-repeat left center; display: inline-block;	margin:0;}



/* ■02.横幅1028px以上（PC用）
--------------------------------------------------- */
@media screen and (min-width:1048px) {
/* ▼PC用================================================================== */
#content{ width: 980px; margin:0 auto; }
/* nav */
#s_nav{ 
	width:200px;
	background:url(../img/nav_top.gif) no-repeat left top,
	 		   url(../img/nav_bottom.gif) no-repeat left bottom,
			   url(../img/nav_middle.gif) repeat-y left center;	
	display: inline-block;	
	float: left;   
	}

#s_nav ul li:first-child{ margin-top: 15px;}
#s_nav ul li:last-child{ margin-bottom:15px; background:none, inherit;}
#s_nav ul li{ 
	background: url(../../company/img/dotted.gif) repeat-x left bottom,
				url(../img/nav_icon.gif) left center no-repeat;
	background-size: auto, 15px;
	width: 135px;
	}
	
/* right calm */
#shoplist{
	width: 710px;
	float: right;
}
#shoplist p#set{ width: 82%; margin: 5px auto 15px;}
#shoplist p#set img{ width: 100%; height: auto;}
#set-sp{ display: none;}

.listbox_tit{ width:225px; float: left;}
.listbox_tit img{ width: auto;}
.listbox dl:first-child{ margin-top: 20px; }
.listbox dl{ 
	width:513px;
	display: inline-block;
	float: right;
	margin: 0;
	padding-bottom: 1.2%;}

.listbox dl:after{content:""; display:block; clear:both;}
.listbox dl{display:inline-block;} 
.listbox dl{display:block;}

.listbox dt{ 
	padding-left:14px;
	width:47%;
	float: left;
}

.listbox dd{ 
	padding-left: 15px;
	width: 45%;
	float: right;
	background-size: 17px;
}

/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1027px以下（Tab用）
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1047px) {
/* ▼Tab用================================================================= */
#content{
	width:92%;
	margin:0 auto;
	}

/* nav */
#s_nav{ 
	width:200px;
	background:url(../img/nav_top.gif) no-repeat left top,
	 		   url(../img/nav_bottom.gif) no-repeat left bottom,
			   url(../img/nav_middle.gif) repeat-y left center;	
	display: inline-block;	
	float: left;   
	}



#s_nav ul li:first-child{ margin-top: 15px;}
#s_nav ul li:last-child{ margin-bottom:15px; background:none, inherit;}
#s_nav ul li{ 
	background: url(../../company/img/dotted.gif) repeat-x left bottom,
				url(../img/nav_icon.gif) left center no-repeat;
	background-size: auto, 15px;
	width: 135px;
	}
	
	
/* right calm */
#shoplist{
	width: 69%;
	float: right;
}
#shoplist p#set{ width: 98%; margin: 5px auto 10px;}
#shoplist p#set img{ width: 100%; height: auto;}
#set-sp{ display: none;}
.listbox_tit{ width:24%; float: left; }
.listbox_tit img{ width: 89%;}
.listbox dl:first-child{ margin-top: 20px; }
.listbox dl{ 
	width:74%;
	display: inline-block;
	float: right;
	margin: 0;
	padding-bottom: 1.2%;}

.listbox dl:after{content:""; display:block; clear:both;}
.listbox dl{display:inline-block;} 
.listbox dl{display:block;}

.listbox dt{ 
	padding-left:14px;
	width:38%;
	float: left;
}

.listbox dd{ 
	padding-left: 15px;
	width: 51%;
	float: right;
	background-size: 17px;
}


/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */
#content{
	width:92%;
	margin:0 auto;
	}

/* nav */
#s_nav{ 
	width:100%;
	display: block;	
	}

#s_nav ul li{ 
	background: url(../../company/img/dotted.gif) repeat-x left bottom,
				url(../img/nav_icon.gif) left center no-repeat;
	background-size: auto, 15px;
	width: 48%;
	display: inline-block;
	margin-left: 1%;
	float: left;
}
	
	
/* right calm */
#shoplist{ width: 100%; }
#set{display:none;}
#shoplist p#set-sp{ width: 70%;}
.listbox_tit{ width:100%; float: left;}
.listbox_tit img{ width: auto;}
.listbox dl:first-child{ margin-top: 20px; }
.listbox dl{ 
	width:100%;
	display: inline-block;
	float: right;
	margin: 0;
	padding-bottom: 3%;}

.listbox dl:after{content:""; display:block; clear:both;}
.listbox dl{display:inline-block;} 
.listbox dl{display:block;}

.listbox dt{ 
	padding-left:2%;
	width: 45%;
	float: left;
}

.listbox dd{ 
	padding-left: 2.5%;
	width: 40%;
	float: right;
	background-size: 17px;
}


/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用================================================================ */
#content{
	width:90%;
	margin:0 auto;
	}

/* nav */
#s_nav{ 
	width:100%;
	display: block;	
	}

#s_nav ul li{ 
	background: url(../../company/img/dotted.gif) repeat-x left bottom,
				url(../img/nav_icon.gif) left center no-repeat;
	background-size: auto, 15px;
	width: 48%;
	display: inline-block;
	margin-left: 1%;
	float: left;
}
	
#s_nav ul li a{ padding: 15px 0; padding-left: 20px; }		
/* right calm */
#shoplist{
	width: 100%;
}
#set{display:none;}
#shoplist p#set-sp{ width: 100%; }

.listbox_tit{ width: 100%; text-align: left; }
.listbox_tit img{ width: 26%;}
.listbox dl:first-child{ margin-top: 20px; }
.listbox dl{ 
	width:92%;
	display: block;
	margin: 0;
	padding: 5% 2%;
	background:url(../../company/img/dotted.gif) repeat-x left bottom;

}


.listbox dt{ 
	padding-left:4%;
	width: 96%;
	font-weight:bold;
}
.listbox dd{ 
	padding-left: 4%;
	margin-top: 1%;
	width: 97%;
	background-size: 14px;
}

.mt20{ margin-top:0 !important;}

/* ▲SP縦用================================================================ */
}