@charset "utf-8";

#detailArea {
    margin:0 auto 75px auto;
	overflow: hidden;
	padding: 0 30px;
}

#detailArea .visual {
	float: left;
	width: 49%;
	margin-right: 2%;
}

#detailArea .visual img {
	width: auto;
	min-width: 100%;
}

#detailArea .visual .main,
#detailArea .visual .main li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#detailArea .visual .main {
  margin-bottom: 40px;
}
#detailArea .visual .main li {
  overflow: hidden;
}
#detailArea .visual .main li.item2,
#detailArea .visual .main li.item3,
#detailArea .visual .main li.item4,
#detailArea .visual .main li.item5,
#detailArea .visual .main li.item6 {
  display: none;
}
#detailArea .visual .thumb li:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
#detailArea .visual .thumb {
	display: flex;
	display: -webkit-flex;
}
#detailArea .visual .thumb,
#detailArea .visual .thumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#detailArea .visual .thumb li {
  /*display: inline-block;
  width: 90px;*/
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
  margin: 0 2px;
}
#detailArea .visual .thumb li img {
  width: 100%;
  height: auto;
  max-width: 96px;
}
#detailArea .visual .thumb li:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

#detailArea .data {
	float: left;
	width: 49%;
}

#detailArea .data a{
	color: #ad861c;
}

#detailArea .data h2 {
	font-size: 23px;
	margin-bottom: 40px;
	font-weight: bold;
}

#detailArea .data p.ex {
	color: #C6AB61;
}

#detailArea .data span.attention {
	color: #993300;
}

#detailArea .data p.price span {
	font-size: 40px;
	font-weight: bold;
	margin-right: 10px;
}

#detailArea .data p.soldout {
	color: #fff;
	background: #7E0202;
	text-align: center;
	width: 65px;
	padding: 5px 0;
	margin: 20px 0;
}

#detailArea .data p.negotiation {
    color: #fff;
    background: #006400;
    text-align: center;
    width: 65px;
    padding: 5px 0;
    margin-bottom: 20px;
}

#detailArea .data p.working {
    color: #fff;
    background: #2321BA;
    text-align: center;
   max-width: 100px;
    padding: 5px 0;
    margin-bottom: 20px;
}

#detailArea .data p.cmt {
	margin: 45px 0;
}

#detailArea .data dl {
	border-bottom: 2px #ddd solid;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#detailArea .data dl dt {
	float: left;
	width: 38%;
}

#contactArea {
	width: 100%;
	background: #F8F8F8;
	padding: 30px 0 90px 30px;
	text-align: center;
	margin-bottom: 90px;
}

#contactArea h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
	text-align: left;
}

#contactArea button {
	background: #AD861C;
	color: #fff;
	padding: 15px 90px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	display: block;
	border: none;
	cursor: pointer;
}

#contactArea button:hover {
	opacity: 0.5;
}

#contactArea button img {
	width: 30px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 5px 0;
}

#storeArea {
	margin: 0 auto 50px auto;
	padding: 0 30px;
	overflow: hidden;
}

#storeArea h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 50px;
}

#storeArea .info {
	width: 60%;
	float: left;
}

#storeArea .info dl {
	border-bottom: 2px #ddd solid;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#storeArea .info dl dt {
	float: left;
	width: 38%;
}

#storeArea .info dl dd {
	margin-left: 38%;
}

#storeArea .info dl dd a {
	color: #BC9D47;
}

#storeArea .img {
	float: left;
	width: 39%;
	text-align: right;
	margin-left: 1%;
}

#storeArea .img img {
	width: 377px;
	max-width: 100%;
}

#btnArea {
	width: 100%;
	text-align: center;
}

#btnArea button {
	background: #AD861C;
	color: #fff;
	padding: 15px 0;
	margin: 0 5px;
	text-align: center;
	font-size: 20px;
	display: block;
	border: none;
	cursor: pointer;
	width: 370px;
	display: inline;
}

#btnArea button:hover {
	opacity: 0.5;
}

#btnArea button img {
	width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 5px 0;
}

#btnArea .store {
	background: #AD861C;
}

#btnArea .product {
	background: #34231D;
}

#movieArea1 {
	background: #F7F3E5;
	text-align: center;
	padding: 50px 20px;
	margin-bottom: 50px;
}

#movieArea2 {
	background: #E7DBB2;
	text-align: center;
	padding: 50px 20px;
	margin-bottom: 90px;
}

#movieArea1 h3,
#movieArea2 h3 {
	font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
}

@media(max-width: 820px) {

#detailArea {
    margin: 0 auto 75px auto;
	padding: 0 15px;
}

#detailArea .visual {
    float: none;
    width: 100%;
    margin-right: 0;
	margin-bottom: 30px;
}


#detailArea .visual .main {
    margin-bottom: 20px;
}

#detailArea .data {
    float: none;
    width: 100%;
}

#contactArea {
    padding: 60px 15px;
    margin-bottom: 60px;
	width: auto;
}

#contactArea h3 {
    margin-bottom: 20px;
}

#contactArea button {
    padding: 15px 0;
    width: 100%;
}

#btnArea {
    width: auto;
    padding: 0 15px;
}

#btnArea button {
    padding: 15px 0;
    margin: 0 auto 10px auto;
    width: 100%;
}

#storeArea {
    padding: 0 15px;
}

#storeArea .info {
    width: 100%;
    float: none;
    margin-right: 0;
}

#storeArea .img {
    float: none;
    width: 100%;
    text-align: center;
	margin-left: 0;
}

#storeArea .img img {
	width: auto;
}

}