/**/
#banner_inner { background: url(banner_trip.jpg) no-repeat top center; }
#banner_inner h3 { color: #ffffff; }
#banner_inner .offer b { color: #fcb316; }
/**/
h4.highlight { font-size: 16px; }
h4.highlight strong { float: left; }
h4.highlight span { float: left; }
/**/
.trip { font-size: 14px; }
/**/
.highlight { font-size: 18px; }
.highlight sup { color:#b02031; }
.remark .highlight { font-size: 11px; }

.offer700 img { display: block; width: 100%; max-width: 473px; }

.hr { margin: 30px 0; border-bottom: 1px solid #c3c3c3; }

.offer_table { width: 70%; }
.offer_table th, .offer_table td { padding: 5px 20px; }
.offer_table th { color: #FFB300; font-size: 20px; border-bottom: 1px solid #FFB300; }
.offer_table td { color: #2681FF; font-size: 24px; border-bottom: 1px solid #FFB300; }
.offer_table tr:nth-last-child(2) td { border-bottom: 0; }
.offer_table td.code { border-bottom: 0; color: #FFB300; padding-top: 20px; }

.offer_title, .step_title { font-size: 24px; font-weight: bold; color: #2681FF; position: relative; display: inline-block; }
.offer_title { font-size: 20px; }
.offer_title:after, .step_title:after { content: ''; position: absolute; height: 3px; background-color: #FFB300; bottom: -4px; left: 0; }
.offer_title:after { width: 100%; }
.step_title:after { width: 30%; }

.limited { padding-left: 20px; padding-right: 20px; }
.offer_box { display: table; width: 100%; margin-top: 20px; }
.col_left, .col_right { display: table-cell; vertical-align: middle; }
.col_right { width: 20%; }
.col_left p { margin-bottom: 0; }
.col_left p b { font-size: 18px;  color: #FFB300; }
.offer_code { background-color: #FFB300; border-radius: 10px; text-align: center; padding: 10px; color: #ffffff; }
.offer_code b { font-size: 20px; }
.underline { border-bottom: 1px solid #FFB300; padding-bottom: 20px; }

.bottom_part { padding-top: 1px; }
.steps { margin-bottom: 30px; margin-top: 30px; }
.steps ul { margin-top: 30px; }
.steps ul li { display: inline-block; vertical-align: top; width: 23%; margin-right: 2%; }
.steps ul li:last-child { margin-right: 0; }
.steps ul li .num { font-size: 18px; font-weight: bold; }
.steps ul li .ico { margin-top: 15px; }
.steps ul li .ico img { display: block; }
.steps ul li .txt { margin-top: 15px; font-size: 16px; font-weight: bold; }
.steps ul li .txt b { color: #FFB300; }

.btn_red { margin-top: 20px; }
.btn_red a { background-color:#b00931; color:#ffffff; display:inline-block; text-align:center; }
.btn_red a:hover { background-color:#666; color:#ffffff; }

.giftbox { margin-top:20px; text-align:center; }
.giftbox img { width: 100%; max-width:200px; }
.trip .call { text-align:center; margin-top:20px; }
.trip .btn_red { text-align: center; margin-top:20px; }
.trip .btn_red a { font-size: 18px; font-weight: bold; width: 80%; line-height: 40px; }

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

@media screen and (max-width: 1000px) {
    .trip { padding: 0 10px; }
}

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

@media screen and (max-width: 767px) {
    #banner_inner { background: url(banner_trip_m.jpg) no-repeat top center; }
    #banner_inner h3 { color: #333333; }
    #banner_inner .offer b { color: #a00; }
    /**/
    #content { padding-top: 10px; }

    .offer700 img { margin-left: -10px; margin-top: 20px; }

    .limited { padding-left: 15px; padding-right: 15px; }

    .offer_table { width: 100%; }
    .offer_table th, .offer_table td { padding: 5px 10px; }

    .steps { padding: 15px;}
    .step_title { font-size: 20px; margin-left: -15px; }
    .steps ul { margin-top: 0; }
    .steps ul li { margin-top: 20px; display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; }
    .steps ul li:nth-of-type(2n) { margin-right: 0; }
}