img {

    image-rendering: -webkit-optimize-contrast;

}

.content {

    width: 100%;

    height: 100%;

    background: #fff;

    padding: 60px 60px;

}

@media screen and (max-width:480px){

    .content {

        padding: 30px 15px;

    }

}

.pchide {

    display: none;

}

@media screen and (max-width:480px){

    .pchide {

        display: block;

    }

}

.title {

    font-size: 38px;

    font-weight: bold;

    text-align: center;

    color: #333;

    margin-bottom: 30px;

}

.subtitle {

    font-size: 28px;

    text-align: center;

    color: #333;

    margin-bottom: 30px;

    font-weight:bold;

}

@media screen and (max-width:480px){

    .title {

        font-size: 28px;

    }

    .subtitle {

        font-size: 22px;

    }

}

.title_note {

    font-size: 18px;

    color: #555;

    margin-bottom: 30px;

    text-align: center;

}

.note {

    font-size: 18px;

    color: #333;

}

th {

    font-size: 18px;

    color: #333;

}

td {

    font-size: 18px;

    color: #444;

}

@media screen and (max-width:480px){

    th {

        font-size: 18px;

    }

    td {

        font-size: 16px;

    }

    

}

.amazoncolor {

    background: #ff9800;

}

.hontocolor {

    background: #4fc3f7;

}

.rightpack {

    padding: 30px;

    font-size: 16px;

    color: #333;

    border-radius: 5px;

    margin-bottom: 30px;

}

.packprice {

    font-size: 28px;

}

.omakasetitle {

    font-size: 28px;

    text-align: center;

    color: #f57c00;

    margin-bottom: 30px;

    font-weight:bold;

}

@media screen and (max-width:480px){

    .omakasetitle {

        font-size: 22px;

    }

}

@media screen and (max-width:480px){

    .container img {

        max-width: 100%;

    }

}

@media screen and (max-width:480px){

    .packnote ul {

        padding: 15px;

    }

}

.bluetitle {

    font-weight: bold;

    background-color: #d9edf7;

    border-radius: 5px;

    margin: 15px auto 30px;

    max-width: 90%;

}

.sec15_flex {

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

}

@media screen and (max-device-width: 480px) {

    .sec15_flex {

        flex-direction: column;

    }

}

.sec15-toji {

    display: flex;

    flex-direction: column;

    align-items: center;

    font-size: 18px;

    color: #333;

    margin: 15px 30px;

    font-weight: bold;

}

@media screen and (max-device-width: 480px) {

    .sec15-toji {

        margin: 5px 5px;

        font-size: 16px;

    }

}

.sec15-toji .mark {

    font-size: 80px;

    color: deepskyblue;

    background: none;

    padding: 0;

}

.sec15-toji .note {

    font-size:16px;

    position: relative;

    top: -20px;

}

.sec15-toji .mark2 {

    font-size: 14px;

    margin-top: 30px;

}

@media screen and (max-device-width: 480px) {

    .sec15-toji .mark {

        margin-bottom: 30px;

    }

    .sec15-toji .mark2 {

        margin-top: 15px;

    }

}