/* パンくず・名前・価格 */
.pan {text-align:left; margin-bottom:3em;}
.pan h2 {display:inline;}
.pan span {color:#9F9E93; padding-left:1em; } 
.item_name {text-align:left; margin-top:1em; margin-bottom:3em;}
.item_name h2 {font-size:180%; font-weight:600; display:inline; margin-right:2em;}
.name {color:#9a867c; margin-top:0.5em; font-style:italic; font-size: 130%;}
.price, .sold {display:inline; font-size:180%;}
.price span {font-size:50%;}
.price .sold {font-weight:bold; color:#ee7836; font-size:100%; margin-left:1em;}
@media (max-width:1024px) {
  .pan {margin-bottom:2em;}
  .item_name h2 {display:block; margin-right:0; margin-bottom: 0.5em; line-height:1.7em;}
  .price, .sold {display:block; font-size:150%;}
}
/* 画像 */
.item_img img, .item_subimg img { width:100%;}
.item_img {
  width:83%;
  float:left;
}
.item_subimg {
  width:16%;
  float:right;
}
@media (max-width:1024px) {
  .item_img {
    width:100%;
  	float:none;
	}
	.item_subimg {
  	width:100%;
  	float:none;
    font-size: 1px;
    margin-top:5px;
	}
  .item_subimg li {
  	width:24%;
    display:inline-block;
  }
}  
/* 説明 */  
.explain {text-align:left; margin-top:3em; font-size:110%;}
.explain div {width:47%; float:left; padding-bottom: 2em;}
.explain .spec {
  margin-top: -1em;
  float:right;
  background: #f9f8f5;
  padding: 3em;
}
.spec h4 {
  padding-top:2em; margin-top:2em; margin-bottom:0.5em;
  border-top:1px dotted #9a867c; font-weight:600;
}
.spec h4:first-of-type {border:none; padding:0; margin-top:0;}
.explain .spec h4 {margin-bottom:-1em;}
.explain strong {
  line-height: 2.4em;
  letter-spacing: 0.2em;
  font-weight: 600;
  background: linear-gradient(transparent 50%, #ede8e6 50%);
}
.item_contact {
  clear:right;
  float:right; 
  background:#cfc4be;
  width:47%;
  margin-top:2em;
}
@media (max-width:1024px) {
  .explain {margin-top:0; }
  .explain div {width:100%; float:none;}
  .explain .spec {float:none; margin-top:2em; padding: 2.5em;}
  .item_contact {float:none; width:100%;}
}

/* 購入 */
.item_buy {
  margin-top: 4em;
  border-top: 1px solid #bbb;
  text-align: left;
	}
@media (max-width:1024px) {
  .item_buy {
    width: 100%;
    padding-top: 2em;
  }
}
/* プルダウン */  
.item_select {
  width: 47%;
  display: inline-block;
}
.item_select select {
  border: none;
  border-radius: 3px;
  -webkit-appearance: none; -moz-appearance: none; appearance: none;	
  background:url(https://img20.shop-pro.jp/PA01248/349/etc/select.png) 96% center no-repeat #D3D3CD;
  background-size:5px 12px;
  width:100%; height:50px;
  letter-spacing:0.15em;
  padding:0 12px;
}
.item_select select::-ms-expand {
	display: none;
}
.item_select p {margin-bottom: 1em;}
.opt {padding:0.7em; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; box-sizing: border-box; margin-bottom:1em;
border:1px solid #92007B; width: 100%; display: block; color: #92007B;}
@media (max-width:1024px) {
  .item_select {width: 100%; display: block;}
  .item_select select:first-of-type {margin-bottom:1em;}
  .item_select select:last-of-type {margin-bottom:0;}
}
/* 数 */  
.item_quantity {display: inline-block; margin-left: 2em;}
.item_quantity caption {text-align: left; padding-bottom: 0.5em; padding-top: 1em;}
.item_quantity input {
  border: 1px solid #C9CACA;
  padding:5px 15px;
  background-color: #fff;
  width:60px; margin-bottom:1em;
}
@media (max-width:1024px) {
  .item_quantity {margin: 1em 0; display: block;}
}
/* 名入れ */  
.item_custom {
  width: 47%;
  display: inline-block;
  margin: 2em 0;
}
caption {
  text-align: left; 
  padding-bottom: 0.5em; 
  padding-top: 1em;
}
.item_custom input {
  border: 1px solid #C9CACA;
  padding:15px;
  background-color: #fff;
  width: 100%;
}
@media (max-width:1024px) {
  .item_custom {
    width: 100%; 
    display: block;    
  }
}
/* カートに入れる */ 
.item_cart {
  width:100%;  
}
.item_cart input {
  width:100%;
  cursor:pointer;
  padding: 1em 1em 1em 2em;
  margin-top: 1em;
  font-size: 180%;
  background: url(https://img20.shop-pro.jp/PA01248/349/etc/cart_w.png) 41% center no-repeat #ee7836;
  background-size: 1.2em;
  border-radius:5px;
  color:#fff;
  -webkit-appearance: button; -moz-appearance: button; appearance: button;	
  box-shadow: none;
  border:none;
}
.item_cart input:hover {background-color:#341508;
-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
@media (max-width:1024px) {
  .item_cart input {   
    padding: 1em 1em 1em 3em;
    background: url(https://img20.shop-pro.jp/PA01248/349/etc/cart_w.png) 24% center no-repeat #ee7836;
    background-size: 1em;
  }
}

/* 組合せ購入 */
.together {
  margin-bottom:6em;
  display:-webkit-box; display:-moz-box; display:-ms-box;
  display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox;
  display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex;
 -webkit-box-lines:multiple; -moz-box-lines:multiple; 
  -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
}
.together_title {
  font-size:150%; 
  padding-top:45px; 
  margin: 100px auto 50px 0;
  border-top:1px solid #4286b1;
}
.together a {width:33%; text-align:center; vertical-align:top; margin: 0 0.5% 2em 0; box-sizing: border-box; background:#f8f7f3;}
.together a:nth-of-type(3n) {margin-right:0;}
.together a img {width:100%;}
.together a h4 { padding: 1em 0 3em 0;  box-sizing: border-box;}
.together a .name { opacity:0.5; margin: 2em 0 0 0;}
@media (max-width:1024px) {
  .together_title {font-size:120%; }
  .together a .name {
    margin: 2em 0 0 0;
    font-size: 80%;
    line-height: 1.7em;
  }
  .together a h4 {font-size:90%; padding: 1em;}
}