@charset "UTF-8";

.ec-navlistRole .ec-navlistRole__navlist a {
    color: var(--color-navy);
    font-weight: 400;
}

.ec-navlistRole__item {
    background: #ffffff;
}

.ec-navlistRole .ec-navlistRole__navlist {
    border: none;
}

.ec-navlistRole .ec-navlistRole__item {
    border: 1px solid var(--color-navy);
    transition: opacity 0.3s;
}

.ec-navlistRole .ec-navlistRole__item:hover {
    opacity: 0.6;
}

.ec-navlistRole .active a {
    background: rgba(var( --color-navy-rgb), 0.7);
    color: #ffffff;
}

.ec-layoutRole .ec-layoutRole__main {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .ec-layoutRole .ec-layoutRole__main {
        padding: 0;
    }
}

.ec-mypageRole {
    margin: 0 auto;
    padding: 0 15px;
    width: min(100%, 960px);
}

@media screen and (min-width: 768px) {
    .ec-mypageRole {
        padding: 0;
    }
}

.ec-historyRole .ec-historyRole__contents {
    padding: 15px 0 0;
}

@media screen and (min-width: 768px) {
    .ec-historyRole .ec-historyRole__contents {
        gap: min(80px, 10%);
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    .ec-historyRole .ec-historyRole__header {
        padding: 30px 0;
        width: min(25%, 220px);
    }
}

.ec-historyListHeader .ec-historyListHeader__date, .ec-definitions dt, .ec-definitions--soft dt {
    font-size: var(--fs16);
    font-weight: 300;
}

@media screen and (min-width: 768px) {
    .ec-historyListHeader .ec-historyListHeader__date, .ec-definitions dt, .ec-definitions--soft dt {
        font-size: var(--fs18);
    }
}

.ec-definitions dd, .ec-definitions--soft dd {
    font-size: var(--fs16);
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .ec-definitions dd, .ec-definitions--soft dd {
        font-size: var(--fs18);
    }
}

.ec-historyListHeader .ec-historyListHeader__action a {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: left;
    width: min(100%, 220px);
}

.ec-historyListHeader .ec-historyListHeader__action a.download {
    align-items: center;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.9);
    color: var(--color-navy);
    display: flex;
    justify-content: space-between;
    position: relative;
    transition: opacity 0.3s;
}

@media (hover: hover) and (pointer: fine)  {
    .ec-historyListHeader .ec-historyListHeader__action a.download:hover {
        opacity: 0.6;
    }
}

.ec-historyListHeader .ec-historyListHeader__action a.download::after {
    content: "";
    background: url(../images/icons/icon-download-navy.svg) no-repeat center / contain;
    display: block;
    height: 22px;
    width: 22px;
}

#pdf_download_buttons > .btn {
    align-items: center;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 0;
    color: var(--color-navy);
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    position: relative;
    margin-bottom: 10px;
    transition: opacity 0.3s;
}

@media (hover: hover) and (pointer: fine)  {
    #pdf_download_buttons > .btn:hover {
        opacity: 0.6;
    }
}

#pdf_download_buttons > .btn::after {
    content: "";
    background: url(../images/icons/icon-download-navy.svg) no-repeat center / contain;
    display: block;
    height: 22px;
    width: 22px;
}

.ec-imageGrid {
    border-spacing: 15px 0;
    padding: 15px 15px 15px 0;
}

@media screen and (min-width: 768px) {
    .ec-imageGrid {
        border-spacing: 30px 0;
        padding: 30px 10px 30px 0;
    }
}

.ec-imageGrid .ec-imageGrid__img {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .ec-imageGrid .ec-imageGrid__img {
        padding: 0;
        width: 200px;
    }
}

.ec-imageGrid .ec-imageGrid__content {
    vertical-align: top;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
    font-size: var(--fs18);
    font-weight: 300;
    letter-spacing: 0.12em;
}

@media screen and (min-width: 768px) {
    .ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
        font-size: var(--fs24);
    }
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
    font-family: var(--font-oswald);
    font-size: var(--fs24);
    font-weight: 500;
    letter-spacing: 0.06em;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice .quantity {
    font-size: 0.667em;
    margin-left: 0;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice .quantity span {
    font-family: var(--font-default);
    margin-left: 0;
}