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


/* reset 
------------------------------*/

p,span,spam,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}



/* clearfix
============================== */
.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* floatclear
============================== */
.floatclear:before,
.floatclear:after {
  display: block;
  overflow: hidden;
  content: "";
}
.floatclear:after {
  clear: both;
}

/* 基本style 共用 */
.base-fontfamily-min {
	font-family: "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}

.content-box {
	width: 100%;
	/*border: solid 1px #000;*/
}
.content-box_inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
}
.goodsDetailTopBack {
    position: absolute;
    height: 350px;
    width: 100%;
    background-color: #EFEEE8;
}
/*　//基本style 共用//　*/

/* fontsize
----------------------------------*/

.font30 {
	font-size: 187.5%;
}
.font24 {
	font-size: 150%;
}
.font20 {
	font-size: 125%;
}

/* titlestyle
----------------------------------*/

.title-h1-style {
	width: 100%;
	line-height: 1.2em;
	padding-bottom: 3px;
	box-sizing: border-box;
	border-bottom: solid 1px #4e421e;
	display: block;
}
.h1-title {
	position:relative;
	padding: 0 0 20px 10px;
	box-sizing: border-box;
	border-left: solid 5px #999;
	font-size: 120%;
	font-weight: bold;
}
.h1-title::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: dotted 1px #999;
}
.h1-title01 {
	padding: 10px;
	box-sizing: border-box;
	border-top: solid 2px #999;
	border-bottom:: dotted 1px #999;
}
.h1-title02 {
	padding: 10px;
	box-sizing: border-box;
	border-top: double 3px #999;
	border-bottom: double 3px #999;
}
.h1-title03 {
	position: relative;
	padding: 16px;
}
.h1-title03::before,
.h1-title03::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.h1-title03::before {
	top: 0;
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;
}
.h1-title03::after {
	bottom: 0;
	border-top: 1px solid #999;
	border-bottom: 2px solid #999;
}
.h2-title {
	padding: 0 0 0 10px;
	box-sizing: border-box;
	border-left: solid 5px #999;
}
.h2-title01 {
	position: relative;
	padding: 5px 10px;
}
.h2-title01::before,
.h2-title01::after {
	position: absolute;
	left: 0;
	content: '';
	height: 6px;
	box-sizing: border-box;
}
.h2-title01::before {
	top: 50%;
	border-left: solid 5px #999;
}



@media all and (min-width: 1100px) {
}
@media screen and (max-width: 860px) {
}
@media all and (min-width: 660px) {
}
@media screen and (max-width: 660px) {
}
@media screen and (max-width: 768px) {
}