.header_upper {
    height: 80px;
}

.collection .mv {
    align-items: center;
    background: url("https://mvno.geo-mobile.jp/v2/img/pc/general/au/collection/mv_bg.png") no-repeat center/auto;
    display: flex;
    height: 550px;
    justify-content: center;
    width: 100%;
}

.collection .catchcopy {
    color: #57C3E0;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 27px 0 44px;
    text-align: center;
}

.collection section {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

.collection .subTitle{
    border-left: 4px solid #57C3E0;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 31px;
    margin-bottom: 24px;
    padding-left: 5px;
}

.collection p {
    color: #707070;
    font-size: 16px;
    line-height: 1.5em;
}

.collection .genre {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
}

.collection .genre .genre_block {
    border: 2px solid #ccc;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    width: 490px;
}

.collection .genre .genre_text {
    height: 100%;
    overflow-y: hidden;
}

.collection .genre .genre_name {
    color: #707070;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.collection .genre .genre_detail {
    background: #eee;
    color: #707070;
    display: block;
    font-size: 16px;
    height: 100%;
    line-height: 1.5em;
    padding: 10px;
    width: 315px;
}

.collection .genre .genre_detail > li {
    padding-left: 1em;
    text-indent: -1em;
}

.collection .genre .genre_detail.-single > li {
    padding-left: 0;
    text-indent: 0;
}

.collection .genre_block:nth-child(1) .genre_image,
.collection .genre_block:nth-child(2) .genre_image {
    align-self: top;
    margin-top: 30px;
}

.btn_shop {
    margin: 80px auto;
    width: 440px;
}


.collection dl {
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: flex;
    height: 140px;
    margin-top: 20px;
    width: 1000px;
}

.collection dt {
    background: #eee;
    border-right: 1px solid #ccc;
    color: #707070;
    font-size: 20px;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
    width: 499px;
}

.collection dd {
    color: #707070;
    font-size: 45px;
    font-weight: bold;
    line-height: 140px;
    text-align: center;
    width: 500px;
}

.collection .caution {
    color: #707070;
    font-size: 16px;
    line-height: 1.5em;
    margin: 20px 0 40px;
}

.collection .caution li {
    padding-left: 1em;
    text-indent: -1em;
}

.collection .banner {
    margin: 0 auto;
    width: 830px;
}