@charset "utf-8";
/* CSS Document */

body{
	background: #fff;
	color: #333;
	font-size: 12px;
	min-width:320px;
}
a{
	text-decoration: none;
	color: #333;
}
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:16px;
	color:#333;
	border: 1px solid rgb(169, 169, 169);

}

@media screen and (min-width: 641px){
#category_list{
	display:none;
	width:100%;
	min-width:960px;
 	position: absolute;
	z-index:999;
	top: 159px;
	left: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(169,219,224,0.9);
	background: rgba(51,51,51,0.9);
}
#category_list ul{
	width: 310px;
	float: left;
	margin: 30px 0;
	color: #fff;
}
#category_list ul a{
	color: #fff;
}
#category_list ul li{
	line-height: 3.5em;
	letter-spacing: 0.1em;
}
#category_list ul li a{
	margin: 0 0 0 1em;
	position:relative;
	display: block;
}
#category_list ul li a:before{
	position: absolute;
	content: url(../img/header/icon-arrow.png);
	left: -0.8em;
	font-size: 10px;
	font-weight: bold;
}
#category_list ul li:first-child{
	font-weight: 600;
	font-size: 16px;
}
#category_list ul:nth-child(2){
	margin: 30px 15px;
}
.list_close{
	clear: both;
	text-align: center;
	background: rgba(51,51,51,0.7);
	color: #fff;
	padding: 10px 0;
}
.list_close:hover{
	cursor: pointer;
}

	.sp{
		display:none;
		}
a:hover{
	opacity:0.75;
	}
header , #g_nav , .inner , #wrap , #f_area{
	width: 960px;
	margin: 0 auto;
}
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
ヘッダー
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
header{
}
header h1{
	float: left;
	margin:19px 0 0 18px;
}
header h1 + p{
	margin: 60px 0 0 10px;
	float: left;
	font-size:23px;
}
header #btn-menu{
	color: #fff;
	background: url(../img/header/btn-menu.png) no-repeat;
	float: right;
	margin: 33px 10px 0 0 ;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;

}
header #btn-menu a{
	display: block;
	width: 109px;
	height: 28px;
	}
header #btn-menu a:hover{
	cursor: pointer;
}
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
グローバルナビ
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
#g_nav{
	height: 73px;
}
#g_nav ul li{
	float: left;
	background: url(../img/nav/g_nav.png) no-repeat;
	width: 240px;
	height: 73px;
}
#g_nav ul li:first-child + li{
	background-position: -240px 0;
}
#g_nav ul li:first-child + li + li{
	background-position: -480px 0;
}
#g_nav ul li:first-child + li + li + li{
	background-position: -720px 0;
}
#g_nav ul li a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 100%;
}



/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
ssi shoplist
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */


#shoplist #list #osaka li:nth-child(7) , #shoplist #list #osaka li:nth-child(8) , #shoplist #list #osaka li:nth-child(9) , #shoplist #list #osaka li:nth-child(10){
	border-bottom: 1px solid #ccc;
}
#shoplist #list #kanto li{
	border-bottom: 1px solid #ccc;
}
#shoplist #list #tohkai li{
	border-bottom: 1px solid #ccc;
}
#shoplist #list #hyogo li{
	border-bottom: 1px solid #ccc;
}
#shoplist #list #hyogo li:first-child{
	border-bottom: none;
}
#shoplist #list #kyoto li{
	border-bottom: 1px solid #ccc;
}
#shoplist #list ul li span{
	background: #dcd4ff;
	padding: 7px 14px;
	margin: 0 0 10px 0 ;
	display: inline-block;
}
#shoplist #list ul li span a{
	display: block;
}
#shoplist #list ul li p{
	line-height: 1.6em;
}
#shoplist #list ul li p a.map {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	background: #a7a49c;
	padding: 5px 15px;
	content: '';
}


/* .iicot #shoplist #list ul , .palette #shoplist #list ul , .kokoschka #shoplist #list ul li , .garland #shoplist #list ul li , .lynt #shoplist #list ul li , .monique #shoplist #list ul li{
	border-bottom: 1px solid #ccc;
} */
.garland #shoplist #list #kansai li:first-child /***, .garland #shoplist #list #kansai li:first-child + li***/{
	border-bottom: none;
}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
フッター
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
footer{
	background: #ededeb;
	min-width:960px;
	width: 100%;
	padding: 48px 0 0 0;
}
footer h2{
	background: #ededeb;
	margin: 0 0 15px 0;
}
#f_brand , #f_recruit , #f_company{
	float: left;
}
footer ul li{
	width: 308px;
	background: #fff;
	border-bottom: 1px solid #ededeb;
}
footer ul li a{
	display:block;
	padding: 20px;
	}
footer ul li span{
	display:block;
	margin-top:6px;
	}
#f_company{
	margin-right: 10px;
}
#f_brand li , #f_company li , #f_recruit li{
	position: relative;
}
#f_brand li:after , #f_company li:after , #f_recruit li:after{
	position: absolute;
	content: url(../img/footer/icon_arrow02.png);
	top: 20px;
	right:20px;
}
#f_company{
	margin: 0 18px;
}
#f_company ul + ul{
	margin: 15px 0 0 0;
}
#f_nav{
	clear: both;
	float: right;
	padding: 0 0 15px 0;
}
#f_nav li{
	background: none;
	padding: 0;
	float: left;
	width: auto;
	position: relative;
	margin-left: 25px;
}
#f_nav li:before{
	position: absolute;
	content: url(../img/footer/icon_arrow03.png);
	left: -10px;
	top: 1px
}
#f_nav li a{
	padding:0;
	}
#copyright{
	width: 100%;
	background: #a9dbe0;
	clear: both;
}
#copyright p{
	text-align: right;
}
#btn-pagtop{
	text-align:center;
	margin:0 0 30px;
	}
	#btn-pagtop img{
	border:1px solid #706d64;
	}
div#bxslider {
    min-width: 960px;
}
}


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

	.pc{
		display:none;
		}
	h2{
		font-size: 11px !important ;
	}
	h2 img{
		height:9px;
	}
	footer h2 img{
		height:9px;
		width: auto;
		}
/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
ヘッダー
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
	header{
		width:90.625%;
		position:relative;
		height: 45px;
		margin: 0 auto;

		}
	header > *{
		display:inline-block;
		vertical-align:middle;

		}
	header h1{
		width:66%;
		margin:0 1.25% 0 5%;
		position: absolute;
		top: 15px;
		}
	header h1 img{
		width:100%;
		}
	header h1 + p{
		font-size:9px;
		position: absolute;
		left: 18%;
		top: 30px;
		}
	header div#btn-menu a{
		width: 75px;
		height: 26px;
		background: url(../img/header/sp-btn-menu.png) no-repeat;
		background-size:100% auto;
		float: right;
		position:absolute;
		top:50%;
		right: 4.6875%;
		margin-top:-13px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		}

	#category_list{
		display:none;
		width:100%;
		position: absolute;
		z-index:999;
		top: 60px;
		left: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		background: rgba(169,219,224,0.9);
		background: rgba(51,51,51,0.9);
	}
	#category_list ul{
		color: #fff;
	}
	#category_list ul a{
		display: block;
		color: #fff;
	}
	#category_list ul li{
		line-height: 1.8em;
		letter-spacing: 0.1em;
		border-bottom: solid 1px rgba(255,255,255,0.4);
		padding: 5px 5%;
		font-size: 14px;
	}
	#category_list ul li a{
		position: relative;
	}
	#category_list ul li a:after{
		position: absolute;
		content: '>';
		right: 2%;
		font-size: 18px;
	}
	#category_list ul li:first-child{
		font-weight: 600;
		font-size: 16px;
		background: rgba(51,51,51,0.9);
	}
	.list_close{
		clear: both;
		text-align: center;
		background: rgba(51,51,51,0.7);
		color: #fff;
		padding: 15px 0;
	}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
フッター
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
footer h2{
	background:#5e5c54;
	position:relative;
	box-shadow:none;
	border-bottom:1px solid #a09d94;
	padding: 10px 20px;
	}
footer h2 img{
	max-width: 100%;
}
footer h2:before{
	content: " ";
    position: absolute;
    top: 0%;
    left: 0;
    width: 0;
    height: 0;
    border-width: 7px 7px 0 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #a9dbe0;
	}
footer ul li{
	border:1px solid;
	border-bottom-color:#a09d94;
	border-top-color:#fff;
	border-left:none;
	border-right:none;
	font-size:10px;
	background: #f4f4f4;
	}
footer ul li a{
	padding:20px 6.125%;
	display:block;
	position:relative;
	font-size: 12px;
	}
footer ul li a:after{
	content:"＞＞";
	position:absolute;
	right:2.656%;
	letter-spacing:-0.5em;
	font-size:110%;
	font-weight:bold;
	color: #d0c6ae;
	height: 105%;
	}
footer ul li:last-child{
	border-bottom: solid 1px #a09d94;
}
footer #f_brand ul li span{
	margin-left:1em;
	}
footer #f_help ul li:first-child{
	background:#dbd3c1;
	padding:7px 2.8125%;
	border-top:none;
	}
footer #f_help ul li:first-child span{
	margin-left:3em;
	}
footer #copyright{
	width:90.625%;
	margin:15px auto 13px;
	line-height:1.7;
	font-size:9px;
	}
#btn-pagtop{
	display:none;
	position:fixed;
	bottom:40px;
	right:4.6875%;
	z-index:100;
	border: 1px solid #706d64;
	}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / /
ssi shoplist
/ / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
#shoplist_sp{
	width:100%;
	margin:11px auto 0;
	padding:0 0 25px;
	background: #eeeeee;
	}
#shoplist_sp h2{
	background:#5e5c54;
	position:relative;
	box-shadow:none;
	border-bottom:1px solid #a09d94;
	padding: 10px 20px;
}
#shoplist_sp h2:before{
	content: " ";
    position: absolute;
    top: 0%;
    left: 0;
    width: 0;
    height: 0;
    border-width: 7px 7px 0 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #a9dbe0;

}
#shoplist_sp h2 img{
	max-width: 100%;
	height:9px;
	width:auto;
}
#shoplist_sp h4{
	background: #666666;
	color: #fff;
	padding:10px 0 10px 3%;
	width: 97%;
	letter-spacing: 0.1em;

}
#shoplist_sp #list{
	width:90.625%;
	margin:11px auto 0;
	padding:0 0 25px;
}

#shoplist_sp #list > p > img{
	width:34.482%;
	margin:0 0 2px;
}
#shoplist_sp #list select{
	width:100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url(../../common/img/shop_list/select_vecter.gif) no-repeat right top;
	background-color:#fff;
	background-size:auto 100%;
	padding:11px 2% 10px;
	border-radius:0;
	border:none;
	text-indent: 0.01px;
	text-overflow:'';
	margin: 0 0 10px 0;
}

#shoplist_sp #list select::-ms-expand {
  display: none;
}
#shoplist_sp #list .shop_list_box_sp > ul{
	background:#fff;
	border: solid 1px #999;
	}
#shoplist_sp #list .shop_list_box_sp > ul li{
	padding:13px;
	border-bottom:1px solid #a09d94;
	}
#shoplist_sp #list .shop_list_box_sp > ul li span{
	color:#a9dbe0;
	font-weight:bold;
	margin:0 0 8px 5px;
	position: relative;
	font-size: 14px;
	}
#shoplist_sp #list .shop_list_box_sp > ul li span.list_mark{
	color: #a9dbe0;
	margin:0 0 8px 0;
	}

/*#shoplist_sp #list .shop_list_box_sp > ul li span:before{
  content: "●";
  color: #A9DBE0;
	position: absolute;
  left: -14px;
  top: 1px;
	content: url(../../common/img/shop_list/icon_circle.png);
	width: 1em;
	line-height: 1em;
	background: url(../../common/img/shop_list/icon_circle.png) no-repeat left center;
}*/
#shoplist_sp #list .shop_list_box_sp > ul li p{
	font-size:10px;
	line-height:1.6;
	margin-top: 10px;
	}
#shoplist_sp #list .shop_list_box_sp > ul li p span{
	margin:0 1em 0 1em;
	}
#shoplist_sp #list .shop_list_box_sp > ul li p.bt{
	display:inline-block;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	width:21.42%;
	text-align:center;
	margin:10px 3.571% 0 0;
	}
#shoplist_sp #list .shop_list_box_sp > ul li p.bt a{
	background:#6b685f;
	display:block;
	padding:7px 0;
	color:#FFF;
	border-radius:5px;
	letter-spacing:0.2em
	}
#shoplist_sp #list .shop_list_box_sp p.more_search{
	width: 100%;
	text-align: center;
	font-weight: bold;
	border: 1px solid #999891;
	border-radius: 10px;
	margin: 20px auto ;
	background:#fff;
	}
#shoplist_sp #list .shop_list_box_sp p.more_search a{
	display: block;
	padding: 15px 0 17px;
	position: relative;
	}
	}
/* SP 画面回転対策 */
/* 横長の場合 */
@media screen and (max-width: 640px) and (orientation : landscape) {
	#shoplist_sp #list .shop_list_box_sp > ul li span:before{
	  top: -3px;
	}
}