/*========================
 ■ アコーディオンの表示設定
 ========================*/

.accordion {
    width: 800px
}


.accordion_ttlArea {
    padding: 10px;
    border-bottom: solid 1px #ccc;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .accordion_ttlArea {
        padding-bottom: 20px
    }
}

.productInfo_accordion .accordion_ttlArea {
    padding-left: 6.22%;
    padding-right: 6.22%
}

@media screen and (min-width: 769px) {
    .productInfo_accordion .accordion_ttlArea {
        padding-left: 0;
        padding-right: 0
    }
}

.accordion_ttl {
    position: relative;
    padding-right: 20px;
    font-weight: bold;
    font-size: 14px
}


@media screen and (min-width: 561px) {
    .accordion_ttl {
        padding-right: 0
    }
}

.accordion_ttl::after {
    position: absolute;
    top: 50%;
    right: calc((113px * 0.414 / 2) - 5px);
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-right: solid 1.5px #163182;
    border-bottom: solid 1.5px #163182;
    content: "";

}

.accordion.-open .accordion_ttl::after {
    transform: rotate(-135deg)
}
.accordion.-open .accordion_content {
    display: block;
}

.accordion_content {
    display: none;
    padding: 10px 0;
    border-bottom: solid 1px #ccc
}

@media screen and (min-width: 769px) {
    .accordion_content {
        padding: 20px 0
    }
}

.accordion_content {
    padding-left: 6.22%;
    padding-right: 6.22%
}

@media screen and (min-width: 769px) {
.accordion_content {
        padding-left: 0;
        padding-right: 0
    }
}