@charset "utf-8";
/*
customfield*/
.item-summaryArea{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.item-summaryArea-left{
    flex-basis: 48%;
}
.item-summaryArea-left-mv{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: clamp(200px, 24.39vw, 250px);
}
.item-summaryArea-left-mv img{
    max-height: 100%;
}
.item-summaryArea-left-imgsWrap{
    display: grid;
    grid-template-columns: repeat(4, 20%);
    gap: calc(20% / 3);
    margin-top: 20px;
}
.item-summaryArea-left-imgsWrap-img{
    border: 1px solid #6b4b35;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: all .3s;
}
.item-summaryArea-left-imgsWrap-img:hover{
    opacity: .7;
}
.item-summaryArea-right{
    flex-basis: 48%;
}
.item-summaryArea-right-ttl{
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 1em;
}
.item-summaryArea-right-dl{
    font-size: 1rem;
}
.item-summaryArea-right-dl dt{
    float: left;
}
.item-summaryArea-right-dl dd{
    padding-left: 8em;
}
.item-summaryArea-right-price{
    font-size: 1rem;
    margin-top: 1em;
}
.item-summaryArea-right-price .strong{
    font-size: 1.6rem;
}
@media(max-width: 820px){
    .item-summaryArea{
        display: block;
    }
    .item-summaryArea-right{
        margin-top: 20px;
    }
}