@charset "utf-8";
/* 商品ページ用スタイルシート */

.product_list .h1{
  padding-left:20px;
  font-size:1.5rem;
  color:var(--fe-darkorange);
  border-bottom:1px solid var(--fe-darkorange);
}

.product_list .h2{
  padding-left:10px;
  font-size:1.3rem;
  color:var(--fe-green);
  border-left: 5px solid var(--fe-green);
  border-bottom: 2px solid var(--fe-green);
}

.product_list .item_list_box{
  padding:0.5rem;
  border:1px solid #000;
  word-wrap: break-word;
}

.product_list .price{
  width:fit-content;
  font-size:1rem;
  color:var(--fe-red);
  margin:10px 0 0 auto;
  padding-right:10px;
 /* font-weight: bold; */
}

.product_list .standard_price{
  color:var(--fe-red);
  text-decoration: line-through;
  font-size:small
}

/* 商品詳細ページ */
.item_product .h1, .item_product .item_name{
  font-size:1.5rem;
  color:var(--fe-orange);
  margin: 0 0 10px 0;
  padding-left:15px;
  border-bottom: 1px solid var(--fe-orange);
}

.item_product .item_summary{
  border-top:2px solid var(--fe-lightslategray);
  padding-top: 20px;
}

.item_product .item_name .subtitle{
  font-size:1rem;
  font-weight: normal;
}

.item_product .h2{
  font-size:1rem;
  color:#000;
  margin:0;
  padding: 0;
  border: 0;
}

.item_product .price{
  width:fit-content;
  font-size:1.2rem;
  color:var(--fe-red);
  margin:5px 0 0 15px;
  font-weight: bold;
}

.item_product .standard_price{
  color:var(--fe-red);
  text-decoration: line-through;
  font-size:small
}

.item_product .summary, .item_produt .option{
  margin-top:10px;
}

.item_product .cart_form{
  margin:15px 0px 20px 5px;
}

.item_product .cart_form form{
  padding:15px;
  background-color: var(--fe-lavender);
  border: 1px solid var(--fe-slategray);
  border-radius: 5px;
}

.item_product .cart_form form *{
  margin-bottom: 15px;
}

 .item_product .cart_form form>*:last-child{
  margin-bottom: 0px;
} 

.item_product .cart_form form input[type="submit"]{
  color:var(--fe-white);
  padding:0 10px;
  background-color: var(--fe-darkorange);
  margin-left:25px;
  border-color: var(--fe-peru);
  border-radius: 3px
}

.cart_form input[type="number"]{
  width:5rem;
}

.cart_aria{
  margin: 10px;
  padding: 10px;
  background-color: #A6A6A6;
  border-radius: 10px;
}

.cart_aria input, .cart_aria select{
  margin-left:10px;
  margin-bottom: 5px;
  min-width:70px;
}

.cart_aria .amount{
  margin-top:10px;
  width: 50px;
  text-align: end;
}

.cart_aria .forcart{
  border-radius: 5px;
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px 0px auto;
}