@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@font-face {
	font-family: 'Lato-Black';
	src: url(/preview/fonts/Lato2OFL/Lato-Black.ttf);
}
@font-face {
	font-family: 'Lato-BlackItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-BlackItalic.ttf);
}
@font-face {
	font-family: 'Lato-Bold';
	src: url(/preview/fonts/Lato2OFL/Lato-Bold.ttf);
}
@font-face {
	font-family: 'Lato-BoldItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-BoldItalic.ttf);
}
@font-face {
	font-family: 'Lato-Hairline';
	src: url(/preview/fonts/Lato2OFL/Lato-Hairline.ttf);
}
@font-face {
	font-family: 'Lato-HairlineItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-HairlineItalic.ttf);
}
@font-face {
	font-family: 'Lato-Heavy';
	src: url(/preview/fonts/Lato2OFL/Lato-Heavy.ttf);
}
@font-face {
	font-family: 'Lato-HeavyItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-HeavyItalic.ttf);
}
@font-face {
	font-family: 'Lato-Italic';
	src: url(/preview/fonts/Lato2OFL/Lato-Italic.ttf);
}
@font-face {
	font-family: 'Lato-Light';
	src: url(/preview/fonts/Lato2OFL/Lato-Light.ttf);
}
@font-face {
	font-family: 'Lato-LightItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-LightItalic.ttf);
}
@font-face {
	font-family: 'Lato-Medium';
	src: url(/preview/fonts/Lato2OFL/Lato-Medium.ttf);
}
@font-face {
	font-family: 'Lato-MediumItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-MediumItalic.ttf);
}
@font-face {
	font-family: 'Lato-Regular';
	src: url(/preview/fonts/Lato2OFL/Lato-Regular.ttf);
}
@font-face {
	font-family: 'Lato-Semibold';
	src: url(/preview/fonts/Lato2OFL/Lato-Semibold.ttf);
}
@font-face {
	font-family: 'Lato-SemiboldItalic';
	src: url(/preview/fonts/Lato2OFL/Lato-SemiboldItalic.ttf);
}
@font-face {
	font-family: 'Lato-Thin';
	src: url(/preview/fonts/Lato2OFL/Lato-Thin.ttf);
}
@font-face {
	font-family: 'Lato-ThinItalic.ttf';
	src: url(/preview/fonts/Lato2OFL/Lato-ThinItalic.ttf);
}



/* CSS RESET*/
html, body, div,iframe, h1, h2, h3, h4, h5, h6,
p, a, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td,
article, aside, footer, header, hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-weight: normal;
}
body{
  letter-spacing: 0.1em;
	font-family: 'lato', sans-serif;
  font-size: 13px;
  height: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img	{
	border:none;
}

/* 全ページ共通
--------------------------------------------------------------*/
#ss-wrap{
	overflow: hidden;
	width: 100%;

}

/** header **/
header{
	background: #fff;
	height: 75px;
}
.ss-header-child-h1{
  background: url('/preview/images/store_stock/title.jpg') no-repeat 25px 20px;
	height: 50px;
	margin: 0 auto;
	padding-top: 30px;
	border-bottom: 1px solid #000;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.ss-header-child{
	margin: 0 auto;
	width: 700px;
}
.ss-not-stock-all{
	margin-top: 40px;
	font-size: 16px;
}

/** ss-content **/
.ss-no-image{
  height: 0;
	width:220px;
	display: none;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 100%;
  background: url('/preview/images/store_stock/no_image.jpg') 0 0 no-repeat;
  background-size: contain;
}

.ss-content{
	margin: 0 auto;
	padding: 0 10px;
	width: 700px;
	margin: 0 auto 30px auto;
}
.ss-detail-content{
	margin-top: 40px;
	overflow: hidden;
	width: 100%;
	padding-bottom: 35px;
}
.ss-detail-content .ss-item{
	width: 65%;
	font-size: 16px;
	float: left;
}

.ss-product-image-wrap{
	float: left;
	margin-right: 25px;
  text-align: center;
}

.ss-product-image{
  width: 100%;
  max-width: 220px;
	height: auto;
}

/**商品情報**/
.ss-item-name-header,
.ss-brand-name-header{
	display: none;
}
/**ブランド名**/
.ss-brand-name-content{
	font-family: 'Lato-Light';
	margin-bottom: 25px;
	display: inline-block;
}

/**商品名**/
.ss-item-code-header:after{
	content: "：";
}
.ss-item-code-header{
	font-size: 13px;
}
.ss-item-name-content{
	font-family: 'lato', sans-serif;
	margin-bottom: 18px;
	display: inline-block;
}

/**品番**/
.ss-item-code-content{
	font-family: 'lato', sans-serif;
	font-size: 15px;
	margin-bottom: 18px;
	display: inline-block;
}

/**価格**/
.ss-item-price-header{
	font-size: 13px;
  font-family: sans-serif;
}
.ss-item-price-header:after{
	content: "：";
}

.ss-item-price-content{
	font-family: 'Lato-Regular';
	font-size: 13px;
}
.ss-item-price-content:after{
  font-family: sans-serif;
	content: "円(税込)";
	font-size: 13px;
}

#ss-color-select{
	padding: 5px;
	border-radius: 6px;
	min-width:290px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	background: url('/preview/images/store_stock/selector-btn.jpg') right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	background: url('/preview/images/store_stock/selector-btn.jpg') right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
}
.ss-brand-name{
	/* margin-top: 25px; */
}



/**在庫部分**/
.ss-store.ss-no-stock,
.ss-place-table.ss-no-stock{
	display: none !important;
}


.ss-no-shop{
	font-size: 16px;
  padding: 0 20px;
  line-height: 21px;
  letter-spacing: 1.6px;
  margin-top: 30px;
}
/* ページトップに戻るボタン */
#page-top {
	display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.close-btn a{
	text-decoration: none;
}
.close-btn{
	display: none;
}
.ss-anchor .ss-area-anc-name {
	border-right: 1px #000 solid;
	padding-right: 10px;
	padding-left: 10px;
}
span.ss-store-name-child a:hover,
.ss-area-anc-name:hover{
	text-decoration: underline;
}

.ss-anchor{
	font-size: 14px;
	text-decoration: none;
	color: #000;
	letter-spacing: 0;
	display: inline-block;
}
.ss-area-anc{
	display: block;
	padding: 10px;
}
.ss-area-anc{
    font-weight: bold;
    background: #666;
    color: #fff;
}
#ss-anchors{
	margin: 30px 0;
	font-size:0;
	text-align: center;
}
#ss-anchors .ss-no-stock{
  display: none !important;
}
.ss-select-form:before{
  font-family: sans-serif;
	content: "カラーとサイズを選ぶと各店舗の在庫情報が表示されます";
	letter-spacing: 0px;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
  display: inline-block;
}
.ss-select-form{
	display: block;
	background: #f9f9f9;
	overflow: hidden;
	width: 100%;
	width: calc(100% - 40px);
  margin: auto;
	padding: 15px 0 15px 0;
	text-align: center;
	position: relative;
	top: 15px;
}
.ss-area-string{
	display: none;
}
.ss-brand-name-main{
	display: none !important;
}

.ss-store{
	display: table;
	width: calc(100% - 20px);
	position: relative;
	padding: 10px;
}
.ss-store-name-child a{
	color: #000;
	text-decoration: none;
	/*position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	padding-top: 10px;
	padding-left: 10px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);*/
}
.ss-memo{
	color: #ff0000;
	font-size: 12px;
	padding: 0 20px;
	line-height: 21px;
	letter-spacing: 1.6px;
}
.ss-store-name{
	width: 40%;
	display: table-cell;
}
.ss-store-stock{
	width: 25%;
	text-align: right;
	display: table-cell;
}
.ss-store-info{
	width: 20%;
	text-align: right;
	display: table-cell;
}
.ss-store-info a{
	color : #000;
}

.ss-memo a,
.ss-memo a:link,
.ss-memo a:visited,
.ss-memo a:hover,
.ss-memo a:active {color:#f00;} 

/* レスポンシブデザイン用
--------------------------------------------------------------*/
@media (max-width: 600px) {
	.ss-no-shop{
		padding: 0 12px;
		margin-bottom: 30px;
	}
	.ss-header-child{
		text-align: center;
		width: 100%;
	}
	.ss-header-child-h1{
		background: url('/preview/images/store_stock/smp-title.jpg') no-repeat 0 15px;
		display: inline-block;
		border: 0;
		width: 193px;
		margin-top: 20px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	.ss-content{
		width: 100%;
		padding:0;
		margin-top: 55px;
		margin-bottom: 30px;
	}
	.ss-product-image-wrap{
		float:none;
		margin: 0;
		text-align: center;
	}
	.ss-product-image{
		width: 100%;
		max-width: 450px;
		height: auto;
	}
	.ss-no-image{
		display: none;
		width: 100%;
		max-width: 600px;
		height: auto;
	}
	.ss-detail-content .ss-item{
		width:100%;
		float:none;
	}
	.ss-detail-content .ss-item{
		margin-left: 0;
		margin-top: 30px;
		text-align: center;
	}
	.ss-brand-name-content{
		font-size:19px;
	}
	.ss-item-name-content{
		font-size: 20px;
	}
	.ss-item-code-content{
		font-size: 19px;
	}
	.ss-item-price{
		font-size: 16px;
	}
	.ss-select-form:before{
		display:none !important;
		content: "";
		padding: 0;
	}
	.ss-select-form{
		margin-top: 15px;
		width: calc(100% - 24px);
		padding: 0 12px;
		background: #f9f9f9;
		overflow: hidden;
		text-align: center;
		position: static;
		/*top: 0;
		left: 0;*/
	}
	#ss-color-select{
		font-size: 16px;
		width: 100%;
		min-width: auto;
	}
	#ss-anchors{
		max-width: 330px;
    margin: auto;
		line-height: 25px;
	}
	.ss-memo{
		padding: 0 12px;
		margin-bottom: 30px;
	}


}