/* ------------------------------ color

------------------------------ */

/* ------------------------------ font

------------------------------ */

/* ------------------------------

choice

------------------------------ */

body.special-hk-1890 .custom-ba .ba {
    line-height: 1.5;
    margin-bottom: 30px;
}

body.special-hk-1890 .custom-ba .ba .b {
    cursor: pointer;
}

body.special-hk-1890 .custom-ba .ba .tab {
    text-align: center;
}

body.special-hk-1890 .custom-ba .ba .tab a {
    background: #eee;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #333;
    color: #333;
    display: inline-block;
    line-height: 1.5;
    margin: 0 3px;
    padding: 10px 0;
    width: 120px;
}

body.special-hk-1890 .custom-ba .ba .tab a.active {
    background: #2d96e7;
    color: #fff;
    color: #fff;
}

body.special-hk-1890 .custom-ba .ba img {
    border: 2px solid #2d96e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

body.special-hk-1890 .custom-ba .ba img.a {
    -ms-filter: 'alpha(opacity=0)';
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.3s all ease-out;
    -moz-transition: 0.3s all ease-out;
    -ms-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
    z-index: 2;
}

body.special-hk-1890 .custom-ba .ba img.a.active {
    -ms-filter: 'alpha(opacity=100)';
    filter: alpha(opacity=100);
    opacity: 1;
    zoom: 1;
}

body.special-hk-1890 .custom-ba .ba .detail {
    position: absolute;
    top: 0;
    visibility: hidden;
    font-size: 115%;
    padding-top: 10px;
}

body.special-hk-1890 .custom-ba .ba .detail.active {
    position: relative;
    top: auto;
    visibility: visible;
}

body.special-hk-1890 .custom-feature {
    background: #c0dff8;
    padding-bottom: 40px;
}

body.special-hk-1890 .custom-feature .feature {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    line-height: 1.5;
    margin-bottom: 20px;
}

body.special-hk-1890 .custom-feature .feature .image {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-top: 66.67%;
    height: 0;
}

body.special-hk-1890 .custom-feature .feature .image img {
    width: 75px;
    position: absolute;
    top: 10px;
    right: 10px;
}

body.special-hk-1890 .custom-feature .feature .text {
    padding: 15px;
}

body.special-hk-1890 .custom-feature .feature dl {
    display: table;
}

body.special-hk-1890 .custom-feature .feature dt,
body.special-hk-1890 .custom-feature .feature dd {
    display: table-cell;
    vertical-align: middle;
}

body.special-hk-1890 .custom-feature .feature dt {
    width: 60px;
}

body.special-hk-1890 .custom-feature .feature dd {
    /*

padding-left: 10px;

*/
}

body.special-hk-1890 .custom-feature .feature .title,
body.special-hk-1890 .custom-feature .feature .catch {
    line-height: 1.35;
}

body.special-hk-1890 .custom-feature .feature .title {
    color: #2d96e7;
    font-size: 150%;
    font-weight: 700;
}

body.special-hk-1890 .custom-feature .feature .catch {
    font-size: 115%;
    font-weight: 700;
    padding-top: 10px;
}

body.special-hk-1890 .custom-feature .feature .detail {
    padding-top: 10px;
}

body.special-hk-1890 .custom-feature .feature .detail strong {
    color: #e20012;
}

body.special-hk-1890 .custom-feature .feature.is-1 .image {
    background-image: url(/assets/sp/images/special/hk-1890/feature01-img02.jpg);
}

body.special-hk-1890 .custom-feature .feature.is-1 .title:before {
    background-image: url(/assets/sp/images/special/hk-1890/feature01-img01.png);
}

body.special-hk-1890 .custom-feature .feature.is-2 .image {
    background-image: url(/assets/sp/images/special/hk-1890/feature02-img02.jpg);
}

body.special-hk-1890 .custom-feature .feature.is-2 .title:before {
    background-image: url(/assets/sp/images/special/hk-1890/feature02-img01.png);
}

body.special-hk-1890 .custom-feature .feature.is-3 .image {
    background-image: url(/assets/sp/images/special/hk-1890/feature03-img02.jpg);
}

body.special-hk-1890 .custom-feature .feature.is-3 .title:before {
    background-image: url(/assets/sp/images/special/hk-1890/feature03-img01.png);
}

body.special-hk-1890 .custom-mv,
body.special-hk-1890 .custom-mv-s {
    background: url(/assets/sp/images/special/hk-1890/mv-bg01.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    text-align: center;
}

body.special-hk-1890 .custom-mv .title,
body.special-hk-1890 .custom-mv-s .title {
    font-weight: 700;
    line-height: 1.35;
    -webkit-text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    -moz-text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    -ms-text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; /*

background: url(/assets/images/special/hk-1890/mv-s-title01.png) no-repeat center;

margin-right: auto;

margin-bottom: 30px;

margin-left: auto;

overflow: hidden;

text-indent: 100%;

white-space: nowrap;

width: 800px;

height: 120px;

*/
}

body.special-hk-1890 .custom-mv img,
body.special-hk-1890 .custom-mv-s img {
    max-width: 300px;
}

body.special-hk-1890 .custom-mv .item,
body.special-hk-1890 .custom-mv-s .item {
    display: table;
    line-height: 1.35;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 5px;
}

body.special-hk-1890 .custom-mv .item img,
body.special-hk-1890 .custom-mv-s .item img {
    margin-bottom: 10px;
    width: auto;
}

body.special-hk-1890 .custom-mv .item strong,
body.special-hk-1890 .custom-mv .item span,
body.special-hk-1890 .custom-mv-s .item strong,
body.special-hk-1890 .custom-mv-s .item span {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: middle;
}

body.special-hk-1890 .custom-mv .item strong,
body.special-hk-1890 .custom-mv-s .item strong {
    color: #000;
    font-size: 129%;
    font-weight: 700;
}

body.special-hk-1890 .custom-mv .item span,
body.special-hk-1890 .custom-mv-s .item span {
    background: #fff;
    border: 1px solid #e20012;
    color: #e20012;
    padding: 3px 5px;
}

body.special-hk-1890 .custom-mv .btn,
body.special-hk-1890 .custom-mv-s .btn {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    font-size: 129%;
    padding: 10px;
}

body.special-hk-1890 .custom-mv .title {
    color: #002f59;
    font-size: 140%;
    padding: 30px 0 20px;
}

body.special-hk-1890 .custom-mv .title strong {
    font-size: 148%;
}

body.special-hk-1890 .custom-mv .point {
    background: #002f59;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 86%;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 24px 0;
    vertical-align: middle;
    width: 80px;
}

body.special-hk-1890 .custom-mv .point.is-1 {
    padding-top: 32px;
    padding-bottom: 32px;
}

body.special-hk-1890 .custom-mv-s {
    padding-top: 40px;
}

body.special-hk-1890 .custom-mv-s:before {
    background: url(/assets/sp/images/special/hk-1890/mv-s-bg01.png) no-repeat center 0;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
}

body.special-hk-1890 .custom-mv-s .title {
    font-size: 129%;
    padding: 20px 0;
}

body.special-hk-1890 .custom-mv-s .title strong {
    font-size: 135%;
    color: #f00;
}

body.special-hk-1890 .custom-noise {
    background: url(/assets/images/special/hk-1890/noise-bg01.png) repeat-x center 0;
    -webkit-background-size: auto 5px;
    -moz-background-size: auto 5px;
    -ms-background-size: auto 5px;
    background-size: auto 5px;
    padding-top: 40px;
}

body.special-hk-1890 .custom-noise .title {
    color: #002f59;
    font-size: 150%;
    line-height: 1.5;
    text-align: center;
}

body.special-hk-1890 .custom-noise .title span {
    display: inline-block;
    padding-left: 45px;
}

body.special-hk-1890 .custom-noise .title span:before {
    background: url(/assets/sp/images/special/hk-1890/noise-img01.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    background-size: 100% 100%;
    content: '';
    display: block;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
}

body.special-hk-1890 .custom-set .logo {
    padding: 20px 0;
    text-align: center;
}

body.special-hk-1890 .custom-set .logo img {
    max-width: 240px;
}

body.special-hk-1890 .custom-set .list {
    /*

margin-left: -15px;

margin-right: -15px;

*/
    text-align: center;
}

body.special-hk-1890 .custom-set .list ul {
    /*

display: table;

table-layout: fixed;

width: 100%;

*/
}

body.special-hk-1890 .custom-set .list li {
    /*

display: table-cell;

padding-right: 15px;

padding-left: 15px;

vertical-align: top;

*/
    padding-bottom: 30px;
}

body.special-hk-1890 .custom-set .list .use {
    color: #002f59;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5; /*

min-height: 60px;

*/
    margin-bottom: 5px;
}

body.special-hk-1890 .custom-set .list .use strong {
    font-size: 125%;
}

body.special-hk-1890 .custom-set .list a {
    border: 1px solid #ccc;
    display: block;
    padding: 4px;
}

body.special-hk-1890 .custom-set .list a .set {
    background: #004d93;
    background: -moz-linear-gradient(top, #004d93 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #004d93 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #004d93 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d93', endColorstr='#ffffff',GradientType=0 );
    padding: 10px 20px 20px;
}

body.special-hk-1890 .custom-set .list a .title {
    color: #fff;
    font-size: 172%;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

body.special-hk-1890 .custom-set .list a img {
    max-width: 250px;
}

body.special-hk-1890 .custom-set .list a .btn {
    margin-top: 10px;
}

body.special-hk-1890 .custom-set .list .price {
    background: #eaf4fd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    font-size: 129%;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5; /*

line-height: 30px;

*/
    margin-top: 5px;
    padding: 10px; /*

padding: 33px 10px;

*/
}

body.special-hk-1890 .custom-set .list .price:before {
    border-color: transparent transparent #eaf4fd transparent;
    border-style: solid;
    border-width: 5px;
    content: '';
    display: block;
    margin-left: -5px;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
}

body.special-hk-1890 .custom-set .list .price p {
    font-size: 61%;
    margin-bottom: -2px;
}

body.special-hk-1890 .custom-set .list .price p strong {
    color: #e20012;
    font-size: 125%;
}

body.special-hk-1890 .custom-set .list .price.is-2 {
    /*

padding-top: 20px;

padding-bottom: 20px;

*/
}

body.special-hk-1890 .custom-set .carset {
    line-height: 1.5;
    text-align: center;
}

body.special-hk-1890 .custom-set .carset a {
    text-decoration: underline;
}

body.special-hk-1890 .custom-support .content-title p {
    /*

display: inline-block;

padding-right: 150px;

*/
    padding-right: 100px;
}

body.special-hk-1890 .custom-support .content-title p:after {
    background: url(/assets/images/special/hk-1890/support-img01.png) no-repeat center;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -ms-background-size: auto 100%;
    background-size: auto 100%;
    content: '';
    display: block;
    margin-top: -65px;
    position: absolute;
    right: -10px;
    top: 50%;
    width: 120px;
    height: 130px;
}

body.special-hk-1890 .custom-support .content-lead {
    padding-top: 20px;
}

body.special-hk-1890 .custom-trouble {
    margin-bottom: -20px;
    z-index: 3;
}

body.special-hk-1890 .custom-trouble .trouble {
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    margin-left: 10px;
    width: 240px;
}

body.special-hk-1890 .custom-trouble .trouble .title {
    background: url(/assets/images/special/hk-1890/trouble-bg01.png) repeat-x center bottom;
    -webkit-background-size: auto 55px;
    -moz-background-size: auto 55px;
    -ms-background-size: auto 55px;
    background-size: auto 55px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 129%;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: -20px;
    padding: 20px 10px 35px;
    text-align: center;
    z-index: 2;
}

body.special-hk-1890 .custom-trouble .trouble img {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

body.special-hk-1890 .custom-useful {
    margin-bottom: -20px;
    z-index: 3;
}

body.special-hk-1890 .custom-useful .useful {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
}

body.special-hk-1890 .custom-useful .useful .title {
    background: #eee;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    font-size: 150%;
    font-weight: 700;
    line-height: 30px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 20px 0;
    width: 120px;
}

body.special-hk-1890 .custom-useful .useful .title:before {
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: '';
    display: block;
    margin-left: -10px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 0;
    height: 0;
}

body.special-hk-1890 .custom-useful .useful .title.is-2 {
    font-size: 115%;
    letter-spacing: 0;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

body.special-hk-1890 .custom-useful .useful img {
    border: 4px solid #666;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    max-width: 120px;
}

body.special-hk-1890 .custom-voice {
    line-height: 1.5;
}

body.special-hk-1890 .custom-voice .list {
    /*

margin-right: -10px;

margin-left: -10px;

*/
}

body.special-hk-1890 .custom-voice .list ul {
    /*

display: table;

table-layout: fixed;

width: 100%;

*/
}

body.special-hk-1890 .custom-voice .list li {
    /*

display: table-cell;

padding-right: 10px;

padding-left: 10px;

padding-bottom: 10px;

*/
    padding-bottom: 10px;
}

body.special-hk-1890 .custom-voice dl {
    display: table;
    width: 100%;
}

body.special-hk-1890 .custom-voice dt,
body.special-hk-1890 .custom-voice dd {
    display: table-cell;
    vertical-align: middle;
}

body.special-hk-1890 .custom-voice dt {
    width: 60px;
}

body.special-hk-1890 .custom-voice dt img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

body.special-hk-1890 .custom-voice dd {
    font-weight: 700;
    padding-left: 10px;
}

body.special-hk-1890 .custom-voice .voice {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

body.special-hk-1890 .custom-voice .voice .detail {
    font-size: 93%;
    padding-top: 10px;
}

@media (min-width: 401px) {
    body.special-hk-1890 .custom-support .content-title p {
        display: inline-block;
        padding-right: 150px;
    }

    body.special-hk-1890 .custom-support .content-title p:after {
        right: 0;
    }
}

@media (min-width: 481px) {
    body.special-hk-1890 .custom-voice dd {
        font-size: 115%;
    }

    body.special-hk-1890 .custom-voice .voice .detail {
        font-size: 100%;
    }
}

@media (min-width: 641px) {
    body.special-hk-1890 .custom-feature .feature {
        padding-right: 50%;
    }

    body.special-hk-1890 .custom-feature .feature .image {
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        width: 50%;
        height: 100%;
    }

    body.special-hk-1890 .custom-feature .feature .text {
        padding: 20px;
    }

    body.special-hk-1890 .custom-feature .feature.is-2 {
        padding-right: 0;
        padding-left: 50%;
    }

    body.special-hk-1890 .custom-feature .feature.is-2 .image {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        right: auto;
        left: 0;
    }

    body.special-hk-1890 .custom-voice .voice {
        padding: 20px;
    }
}

/* ------------------------------
mybest
------------------------------ */

body.special-hk-1890 .mv-mybest {
    margin: 8px 0 18px;
}

body.special-hk-1890 .mybest-block {
    background: url(/assets/images/special/hk-1890/mybest-item-bg.jpg) no-repeat center/cover;
    height: 44vw;
    position: relative;
}

body.special-hk-1890 .mybest-item {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
}