#itempage {

    max-width: 1200px;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto;
    justify-content: space-evenly;
    gap: 20px;
}




#img-box {
    width: 100%;
    max-width: 660px;
}

.detail-box {
    padding: 30px 20px;
    line-height: 1.6;
    width:100%;
    max-width: 420px;

    flex-grow: 1;
}
@container (max-width: 1000px) {
    #itempage {
        flex-flow: column wrap;
        align-items: center;
    }
}

.itemsubimg {
    display: flex;
    flex-flow: row wrap;
    gap: 5px 15px;
}

.itemimg {
    max-width: 660px;
    max-height: 660px;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 12px auto;
}
.itemimg img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.item-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.item-description {
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}

.item-text {
    margin-bottom: 10px;
}

.item-price {
    font-size: 18px;
    font-weight: bold;
    color: #e44d26;
    margin-bottom: 20px;
}

.item-option {
    margin-bottom: 20px;
}

.item-option select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.add-to-cart {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.add-to-cart:hover {
    background-color: #45a049;

}
.subimg_wrap {
    width: 150px;
    height: 150px;
    background: #f2f2f2;
    border: 1px solid #ccc;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);


}
.subimg_wrap img,.img_wrap img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.img_wrap{
    max-width:100%;
    width:660px ;
    max-height:100%;
    height:  660px;
    overflow: hidden;
    background: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.item_price_wrap{
    color:"#a0a7b4";
    font-size:12px;
    margin-bottom: 12px;
}
.item_price_wrap .item_price{
    font-size: 22px;
    font-weight: bold;
    color: #e44d26;
    padding-right:5px;
}	
.item-description{
    font-size:14px;

}

.item-description aside h4{
    margin-top:1.5rem;
}

/* カートに入れるボタンのスタイル */
input.skubutton {
  background-color: #ED5B14; /* 背景色 */
  color: #FFFFFF; /* 文字色 */
  border: 1px solid #ED5B14; /* 枠線 */
  border-radius: 10px; /* 角丸 */
  padding: 10px 20px; /* 余白 */
  font-size: 16px; /* フォントサイズ */
  cursor: pointer; /* マウスポインター */
  transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}

/* ホバー時のスタイル */
input.skubutton:hover {
  background-color: #FF7F3F; /* 少し明るい色 */
  border: 1px solid #FF7F3F; /* ホバー時の枠線 */
}

/* クリック時のスタイル */
input.skubutton:active {
  background-color: #D34C0E; /* 少し暗い色 */
  border: 1px solid #D34C0E; /* クリック時の枠線 */
}

.c-box{
    margin-top:1rem;
}