@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald);
@font-face {
  font-family: "ヒラギノ角ゴ Pro W6";
  src: url(/preview/fonts/hirakakupro/ufonts.com_hirakakupro-w6-opentype.otf);
}
@font-face {
  font-family: "ヒラギノ角ゴ Pro W3";
  src: url(/preview/fonts/hirakakupro/ufonts.com_hirakakupro-w3-opentype.otf);
}


/* 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;
}
html{ overflow-y:scroll; }
body{
	color: #333;
  letter-spacing: 0.1em;
  font-size: 12.3px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  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%;
	position: relative;
	/*padding-bottom: 45px;*/
	padding-bottom: 60px;
	font-family: "ヒラギノ角ゴ Pro W3";
}

/** header **/
.close-btn a{
	font-weight: bold;
	text-decoration: none;
	color: #fff;
  background: #333;
  display: inline-block;
	padding: 15px;
	width: 300px;
  border-radius: 3px;
}
.close-btn a:before{
	color: #fff;
	content: "閉じる";
	font-size: 14px;
}
.close-btn{
	position: absolute;
	bottom: 0;
	width: 100%;
	max-width: 700px;
	text-align: center;
	padding-bottom: 15px;

}
/*非表示項目*/
#page-top,
/*.ss-no-stock, 在庫なしでも表示する*/
.ss-area-string,
.ss-item-name-header,
.ss-brand-name-header,
.ss-item-price-header,
.ss-item-price,
.ss-item-code-header{
	display: none !important;
}
option.ss-no-stock{
  display: block important;
}
.ss-header-child-h1:after{
	content: "取り扱い店舗一覧";
	display: block;
	font-size: 13px;
	padding: 0 0 10px 0;
	font-family: "ヒラギノ角ゴ Pro W6";
}
.ss-header-child-h1{
	font-family: 'Oswald';
	font-size: 30px;
	font-weight: 700;
	/*margin: 0 auto 40px auto;*/
	padding: 10px 0 0 0;
	border-bottom: 1px solid #000;
	display: none;
}

.ss-header-child{
	margin: 0 auto;
	width: 700px;
  padding: 0 15px 0 15px;
}
/** ss-content **/
.ss-content{
	padding: 0 15px 40px 15px;
	max-width: 700px;
	width: auto;
	margin: 0 auto 30px auto;
}
.ss-detail-content{
	overflow: hidden;
	width: 100%;
  position: relative;
  margin-top: -40px;
  /*display: flex;*/
}
.ss-item{
  width: 100%;
  /*text-align: left;*/
  margin-top: 60px;
  float: left;
}
.ss-store-area{
	cursor: pointer;
}
.ss-not-stock-all{
  margin-top: 50px;
}

/**商品情報**/
/**ブランド名**/
.ss-brand-name{
  font-size: 18px;
	margin-bottom: 5px;
}
/**商品名**/
.ss-item-name{
	font-size: 18px;
  margin-bottom: 10px;
}

.ss-item-name-content{
	display: inline-block;
	font-size: 19px;
	font-family: "ヒラギノ角ゴ Pro W6";
	letter-spacing: 0px;
  line-height: 33px;
  width: 100%;
}

/**品番**/
.ss-item-no{
	margin-bottom: 15px;
	font-size: 14px;
}
.ss-item-code-header{
  font-size: 13px;
}
.ss-item-code-content:before{
  content: "品番：";
  font-size: 13px;
}
.ss-item-code-content{
	display: inline-block;
}

/**価格**/
.ss-item-price{
	margin-bottom: 10px;
}
.ss-item-price-content{
    font-size: 24px;
}
.ss-item-price-content:before{
	content: "¥";
	font-size: 24px;
}
.ss-item-price-content:after{
  content: "(税込)";
	font-style: normal;
  font-weight: 500;
	margin-left: 5px;
	font-size: 14px;
}

#ss-color-select{
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
	padding: 10px 10px;
	border-radius: 3px;
	width:400px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px #dedede solid;
	background: url('/preview/images/store_stock/selector-btn2.jpg') right 10px top 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	background: url('/preview/images/store_stock/selector-btn2.jpg') right 10px top 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
  line-height: 16px;
}

/**在庫部分**/
.ss-has-stock-small{
}


/*閉じるボタン */

/**アンカー**/
.ss-no-shop{
  font-size: 14px;
}

/* アンカーリンクを表示 */
.ss-anchor{
	font-size: 14px;
	text-decoration: none;
	color: #000;
	letter-spacing: 0;
	display: inline-block;
}
.ss-area-anc{
  font-size: 13px;
}
#ss-anchors{
	margin: 30px 0;
	font-size:0;
	text-align: center;
}
#ss-anchors .ss-no-stock{
  display: none !important;
}
.ss-anchor .ss-area-anc-name {
	border-right: 1px #000 solid;
	padding-right: 10px;
	padding-left: 10px;
}
span.ss-store-name-child a:hover {
	text-decoration: underline;
}

/*セレクタ*/
.ss-select-form:before{
	/*content: "カラーとサイズを選ぶと各店舗の在庫情報が表示されます";*/
	letter-spacing: 0px;
	font-size: 13px;
  display: inline-block;
  margin-left: 15px;
	margin-top: 15px;
  margin-bottom: 15px;
}
.ss-select-form{
	display: block;
	width: 100%;
	/*background: #dcdcdc;*/
	overflow: hidden;
	text-align: left;
}
.form-group{
	margin-bottom: 15px;
}
.ss-product-image-wrap{
	width: calc(30% - 30px);
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	margin-top:10px;
	margin-bottom: 5px;
	display: none;
}

.ss-product-image{
	width: 90%;
	height: auto;
}

/**店舗部分**/
.ss-place-table.ss-has-stock:first-child{
  border-top: 1px #ddd solid;
}

.ss-store-area{
	padding-top: 10px;
	padding-bottom: 10px;
}
.ss-store{
	display: table;
  width: 96%;
	width: calc(100% - 30px);
	position: relative;
	padding: 10px 15px;
}
.ss-store-name-child a{
	color: #000;
	text-decoration: none;
}
.ss-main{
	margin-top: 15px;
	width: 100%;
}
.ss-memo{
	/*color: #ff0000;*/
	font-size: 12px;
	line-height: 23px;
	letter-spacing: 1.2px;
	margin-bottom: 70px;
}

.ss-store-name{
	width: 40%;
	display: table-cell;
}
.ss-store-stock{
	width: 25%;
	text-align: right;
	display: none;
}
.ss-store-info{
	width: 20%;
	text-align: right;
	display: none;
}
.ss-store-info a{
	color : #000;
}

.ss-brand-name-main{
  display: none !important;
	/*font-size: 18px;
	display: inline-block;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px #dedede solid;*/
}


/* レスポンシブデザイン用
---------------------------------------------------------------*/
@media (max-width: 640px) {
	.close-btn a{
		width: 87%;
	}
	.ss-item{
	}
	.ss-content{
		width: auto;
		padding: 0 15px 40px 15px;
	}
	.ss-header-child-h1{
		font-size: 36px;
    padding: 0 15px;
	}
	.ss-header-child-h1:after{
	}
	.ss-header-child{
		padding : 0;
		width: auto;
	}
	.ss-detail-content .ss-item{
		float: none;
	}
	.ss-brand-name{
    /*margin-bottom: 45px;*/
		/*margin-bottom: 7.5%;*/
	}
	.ss-brand-name-content{
	}
	.ss-item-name-content{
    width: 100%;
    word-wrap: break-word;
	}
	.ss-item-no {
		margin-bottom: 10px;
	}
	.ss-item-name {
    /*margin-bottom: 4.5%;*/
  }
	.ss-item-price{
		margin:0;
	}
	.ss-select-form{
		overflow: hidden;
		position: static;
	}
	#ss-color-select{
		padding: 15px 10px;
		width: 100%;
		min-width: 100%;
	}
	#ss-anchors{
		max-width: 330px;
    margin: auto;
		line-height: 25px;
	}
	.ss-memo{
		/*margin-bottom: 30px;*/
	}


}