@charset "UTF-8";

/*
Import CSS3 Framework.
Developed At: Studio E.L.C Inc.
http://www.elc-world.com
*/

/*********************************************************************************/

/* [0] - CSS Menu */

/* [1] - Reset CSS */
/* [2] - Base CSS */
/* [3] - Swiper CSS */
/* [10] - Media Queries CSS */



/*********************************************************************************/

/* [1] - Reset CSS */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
tr,
th,
td,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
input,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    line-height: normal;
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote::after,
q:before,
q::after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

a {
    text-decoration: none
}

.clear {
    clear: both;
}

img {
    line-height: 0em;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}



/*********************************************************************************/

/* [2] - Base CSS */


/* for Win-Tablets */

@-ms-viewport {
    width: device-width;
    zoom: 1;
}

@media only screen and (max-device-height: 768px) {
    @-ms-viewport {
        width: 1024px;
    }
}

@media only screen and (max-device-width: 768px) {
    @-ms-viewport {
        width: 768px !important;
    }
}

html {
    position: relative;
    min-height: 87.2%;
    padding: 0 0 103px;
}


body {
    margin: 0;
    /* padding: 0 0 103px; */
    font-family: 'Roboto', YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8em;
    color: #000;
    -webkit-text-size-adjust: 100%;
    /* position: relative; */
}

#contentWrap {
    background: #fff;
    overflow: hidden;
}

a {
    color: #000;
}

a:hover {
    color: #cdaf71;
    text-decoration: underline;
}

.container {
    width: 1200px !important;
    margin: auto;
    padding: 0 30px;
    position: relative;
}

#bc {
    margin: 20px 0;
    letter-spacing: -0.3em;
    line-height: 1em;
}

#bc li {
    margin: 0 16px 0 0;
    padding: 0 20px 0 0;
    background: url(../images/icon_bc-arrow.png) 100% 50% no-repeat;
    background-size: auto 100%;
    display: inline-block;
    letter-spacing: normal;
    font-size: 12px;
    line-height: 1em;
}

#bc li:last-child {
    background: none;
}

#bc li a {
    color: #cdaf71;
    line-height: 1em;
}

#pageTop {
    width: 80px;
    background: rgba(51, 51, 51, 0.8);
    border-radius: 5px;
    font-size: 10px;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    line-height: 1em;
    cursor: pointer;
}

#pageTop a,
#pageTop a:hover {
    padding: 27px 0 26px;
    color: #fff;
    text-decoration: none;
    display: block;
}

#pageTop span {
    width: 18px;
    margin: 0 auto;
    display: block;
}

.linkBox,
.blockLink li {
    cursor: pointer;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb100 {
    margin-bottom: 100px;
}

.pb80 {
    padding-bottom: 80px !important;
}

span.small {
    font-size: 12px;
}

h2#pageTitle {
    padding: 53px 0;
    background: #faf9f8;
}

h2#pageTitle span {
    font-size: 28px;
    line-height: 1em;
    display: block;
}

#boatList li:hover,
.button:hover,
.buttonArea a:hover,
#topLineup li:hover,
.snsIcons li:hover,
#featuredTour #panelList>li:hover

/* , #pageTop:hover */
    {
    opacity: 0.7;
}

.placeholder {
    color: #bbb;
}

.tour .order .placeholder {
    color: inherit;
}

.tour .order select.placeholder {
    color: #bbb;
}

/*
.top .placeholder, .tour .placeholder{
font-weight: bold;
}
*/

input.placeholder::-webkit-input-placeholder {
    color: #bbb;
    /* font-weight: bold; */
}

input.placeholder::-moz-placeholder {
    color: #bbb;
    /* font-weight: bold; */
    opacity: 1;
}

input.placeholder:-ms-input-placeholder {
    color: #bbb;
    /* font-weight: bold; */
}

.button {
    background: url(../images/bg_btn-gold.png) 0 0 repeat-x;
    background-size: auto 100%;
    border-radius: 5px;
    color: #fff;
}

.button2 {
    background: url(../images/bg_btn-gray2.png) 0 0 repeat-x;
    background-size: auto 100%;
    border-radius: 5px;
    color: #fff;
}

.buttonGoldLight {
    background: url(../images/bg_btn-gold-light.png) 0 0 repeat-x;
    background-size: auto 100%;
    border-radius: 5px;
    color: #000;
}

.buttonS {
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    border-radius: 5px;
    color: #fff;
}

.buttonGray {
    background: url(../images/bg_btn-gray.png) 0 0 repeat-x;
    background-size: auto 100%;
    border-radius: 5px;
    color: #fff;
}

#destination .button {
    display: none;
}


.shareTools {
    text-align: center;
}

.shareTools li {
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
}

.shareTools li:first-child {
    width: 140px;
}

.shareTools li.tw {
    min-width: 87px;
    max-width: 90px;
}

.shareTools li.fb {
    min-width: 70px;
    max-width: 115px;
}

.shareTools li.gp {
    min-width: 50px;
    max-width: 80px;
}


.tourCode,
.reservationCode {
    background: #e8eff6;
    box-shadow: 0 0 5px rgba(102, 71, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #165fa9;
}

.reservationCode {
    margin-bottom: 15px;
    background: #f6f2e8;
    color: #970606;
}

.tourCode p,
.reservationCode p {
    line-height: 2.15em;
}

.tourCode p:first-child {
    background: #b6cee6;
    color: #fff;
    font-size: 12px;
    border-radius: 2px 2px 0 0;
}

.reservationCode p:first-child {
    background: #e5cd9a;
    color: #fff;
    font-size: 12px;
    border-radius: 2px 2px 0 0;
}

input.calendar {
    background: url(../images/icon_forms-calendar.png) 100% 0 no-repeat;
    background-size: auto 100%;
}

nav.pagenation {
    padding: 10px !important;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
}

nav.pagenation p {
    float: right;

}

nav.pagenation p:first-child {
    float: left;
}

nav.pagenation p a {
    width: 78px;
    padding: 12px 0;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    text-align: center;
    border: 1px solid #ddd;
    display: block;
}

nav.pagenation ul {
    text-align: center;
}

nav.pagenation ul li {
    padding: 0 3px;
    display: inline-block;
}

nav.pagenation ul li a {
    width: 38px;
    padding: 10px 0;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 1px solid #ddd;
}

nav.pagenation ul li a.active {
    border-color: #e6c17c;
    background: #fff;
    color: #e6c17c;
}

nav.pagenation a:hover {
    background: #e6c17c;
    border-color: #e6c17c;
    color: #fff;
    text-decoration: none;
}



/*********************************************************************************/

/* [3] - header CSS */

#drower-toggle {
    display: none;
}

#drower-menu {
    width: 100%;
    position: absolute;
}

#drower-menu div {
    width: 1200px;
    margin: 40px auto;
    position: relative;
    z-index: 10;
}

#drower-menu ul {
    max-width: 520px;
    margin: 0 332px 0 auto;
    overflow: hidden;
    float: right;
}

#drower-menu ul li {
    margin: 0 0 0 auto;
    padding: 5px 16px 3px 14px;
    letter-spacing: normal;
    font-size: 12px;
    line-height: 0.5em;
    float: left;
    position: relative;
}

#drower-menu ul li::before {
    content: '>';
    width: 20px;
    height: 8px;
    padding-top: 2px;
    color: #fff;
    background: #cbc7c4;
    display: table-cell;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 0.5em;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    zoom: 1;
    position: absolute;
    top: 10px;
    left: -5px;
}

@-moz-document url-prefix() {
    #drower-menu ul li::before {
        top: 5px;
        padding-top: 1px;
        height: 9px;
    }
}

#drower-menu ul li.mm-label {
    display: none;
}

header {
    width: 100%;
    overflow: hidden;
}

#headerLogo {
    float: left;
}

#headerLogo p {
    width: 161px;
    margin: 6px 0 3px;
    position: relative;
    z-index: 11;
}

#headerLogo h2 {
    font-size: 11px;
    line-height: 1em;
    color: #9b7016;
}

.headerPhone {
    width: 300px;
    height: 80px;
    margin: 10px 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: center;
    float: right;
}

.headerPhone p {
    color: #766e5e;
    font-size: 13px;
    font-weight: bold;
}

.headerPhone .phoneNumber {
    font-size: 28px;
    font-weight: bold;
    color: #a50c0c;
}

.headerPhone p:last-child {
    color: #ac6464;
    font-weight: normal;
    vertical-align: baseline;
}

.headerPhone p:last-child span {
    font-weight: bold;
}

.headerPhone .phoneNumber::before {
    content: '';
    width: 28px;
    height: 21px;
    margin-right: 10px;
    background: url(../images/icon_header-phone.png) 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
}

#navigator {
    background: #000;
    overflow: hidden;
}

#navigator a {
    color: #fff;
    font-weight: 100;
}

#navigator #global {
    float: left;
    letter-spacing: -0.3em;
}

@-moz-document url-prefix() {

    /* for FireFox */
    #navigator #global {
        letter-spacing: normal;
    }
}

#navigator #global li {
    padding: 0 22px 0 0;
    line-height: 3.3em;
    letter-spacing: normal;
    display: inline-block;
}

#navigator #users {
    float: right;
    letter-spacing: -0.3em;
    display: none;
}

@-moz-document url-prefix() {

    /* for FireFox */
    #navigator #users {
        letter-spacing: -0.24em;
    }
}

#navigator #users li {
    width: 150px;
    line-height: 4.5em;
    letter-spacing: normal;
    display: inline-block;
    font-size: 11px;
    text-align: center;
}

#navigator #users li:first-child {
    background: #720c0c;
}

#navigator #users li:last-child {
    background: #393939;
}


/*********************************************************************************/

/* [4] - footer CSS */

footer {
    width: 100%;
    background: #303030;
    position: absolute;
    bottom: 0;
}

footer .container {
    position: relative;
}

#destination {
    width: 845px;
    min-height: 234px;
    padding: 45px 0;
}

#destination h2 {
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
    line-height: 1em;
}

#destination h2 span {
    font-size: 11px;
    font-weight: normal;
}

#destination dl {
    padding: 14px 0;
    overflow: hidden;
    font-size: 12px;
    color: #ddd;
}

#destination dl dt {
    width: 88px;
    font-weight: bold;
    clear: left;
    float: left;
}

#destination dl dt:first-child {
    margin: 18px 0 0;
}

#destination dl dd {
    margin: 18px 0;
    padding: 0 0 0 90px;
}

#destination dl dd ul {
    padding: 0 0 0 7px;
    letter-spacing: -0.3em;
    border-left: 1px dotted #666;
}

#destination dl dd ul li {
    margin: 6px 0 4px;
    padding: 0 10px;
    letter-spacing: normal;
    display: inline-block;
    border-right: 1px solid #666;
}

#destination dl dd ul li a {
    line-height: 1em;
    color: #ddd;
}

footer #companyInfo {
    width: 210px;
    height: 100%;
    padding: 0 40px 0 50px;
    background: #262626;
    position: absolute;
    top: 0;
    right: 0;
}

footer #companyInfo .logo {
    padding: 45px 0 28px;
}

footer #companyInfo #infoInner {
    width: 214px;
    margin-left: -6px;
    text-align: center;
    color: #ddd;
    font-size: 11px;
}

footer #companyInfo #infoInner h2 {
    font-size: 14px;
}

footer #companyInfo #infoInner .phoneNumber {
    padding: 16px 0 20px;
    font-size: 22px;
    line-height: 1em;
    color: #fff;
}

footer #companyInfo #infoInner .phoneNumber a {
    color: #fff;
}

footer #companyInfo #infoInner .phoneNumber::before {
    content: '';
    width: 22px;
    height: 16px;
    margin-right: 10px;
    display: inline-block;
    background: url(../images/icon_footer-phone.png) 0 0 no-repeat;
    background-size: 100% auto;
}

footer #companyInfo #infoInner .contact {
    width: 200px;
    margin: auto;
    padding: 10px 0;
    border: 1px solid #888;
    border-radius: 4px;
}

footer #companyInfo #infoInner .contact a {
    padding-right: 16px;
    color: #ddd;
    text-decoration: none;
    line-height: 1em;
    background: url(../images/icon_arrow-footer.png) 100% 0 no-repeat;
    background-size: 11px;
}

#footerLinks {
    width: 100%;
    padding: 22px 0 21px;
    background: #000;
    overflow: hidden;
}

#footerLinks .block1,
#footerLinks .block2 {
    float: left;
    overflow: hidden;
}

#footerLinks .block1 .logo {
    width: 210px;
    float: left;
}

#footerLinks .block1 .snsIcons {
    padding: 9px 27px 9px 28px;
    float: left;
}

#footerLinks .block1 .snsIcons li {
    width: 42px;
    float: left;
}

#footerLinks .block2 .documentList {
    margin: 23px 0 22px;
    border-left: 1px solid #bababa;
    overflow: hidden;
}

#footerLinks .block2 .documentList li {
    padding: 0 13px;
    border-right: 1px solid #bababa;
    line-height: 1em;
    float: left;
}

#footerLinks .block2 .documentList a {
    font-size: 14px;
    line-height: 1em;
    color: #bababa;
}

#footerLinks .block2 .copyright {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 17px;
    right: 0;
}


/*********************************************************************************/

/* [5] - Home CSS */

.top #keyVisualArea {
    width: 100%;
    position: relative;
}

.top #keyVisualArea #searchTour {
    width: 280px;
    height: 440px;
    padding: 30px;
    position: absolute;
    bottom: 0;
    right: 30px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    overflow: hidden;
}

.top #keyVisualArea #searchTour h3 {
    margin: 0 0 20px;
    padding: 23px 0 0;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.1em;
    color: #fff;
    border-bottom: 1px solid #747474;
}

.top #keyVisualArea #searchTour h3:before {
    content: '';
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    background: url(../images/icon_search-white.png) 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
}

.top #keyVisualArea #searchTour h3 span {
    padding: 0 0 10px;
    display: block;
    font-size: 12px;
    border-bottom: 1px solid #000;
}

.top #keyVisualArea #searchTour input {
    width: 266px;
    margin: 0 0 20px;
    padding: 6px 6px 4px;
    background-color: #fff;
    border-radius: 5px;
    line-height: 1em;
}

.top #keyVisualArea #searchTour select {
    width: 100%;
    margin: 0 0 20px;
    border-radius: 5px;
}

.top #keyVisualArea #searchTour .button {
    width: 218px;
    height: 34px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
}

.top #keyVisualArea #searchTour .onlySP {
    display: none;
}

.top #mainvisual {
    width: 100%;
    height: 500px;
    display: table;
    background: url(../images/img_top-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.top #mainvisual .container {
    padding: 130px 0 0;
    color: #fff;
    text-shadow: 0 0 3px rgba(255, 236, 149, 0.5);
}

.top #mainvisual div p {
    font-size: 31px;
    line-height: 1.65em;
}

.top #mainvisual div p:first-child {
    line-height: 1.3em;
}

.top #mainvisual div p#sub {
    padding: 35px 0 21px;
    font-size: 15px;
    line-height: inherit;
    position: relative;
}

.top #mainvisual div p#sub span {
    padding: 0 4px 0 0;
    font-weight: bold;
}

.top #mainvisual div .button {
    width: 21px;
    height: 21px;
    margin: auto;
    background: url(../images/icon_top-01.png) 50% 0 no-repeat;
    background-size: auto 100%;
    display: block;
    cursor: pointer;
}

#topLineup {
    padding: 0 0 80px;
}

#topLineup h3,
#featuredTour h3 {
    font-size: 50px;
    font-weight: 100;
    line-height: 1em;
    text-align: center;
}

#topLineup h3 span,
#featuredTour h3 span {
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 1.75em;
    display: block;
}

#topNewsArea h3 span {
    padding: 10px 0 0 16px;
    font-size: 12px;
    line-height: 1.75em;
    display: inline-block;
}

#topLineup ul {
    height: 421px;
    margin: 30px 0 0;
    overflow: hidden;
}

#topLineup ul li {
    width: 20%;
    height: 100%;
    float: left;
    position: relative;
}

#topLineup ul li p {
    width: 100%;
    position: absolute;
    bottom: 16px;
    line-height: 1.2em;
}

#topLineup ul li p a,
#topLineup ul li p a:hover {
    padding: 0 37px 0 20px;
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    text-decoration: none;
    display: block;
}

#topLineup ul li p span {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

#topLineup ul li p:after {
    content: '';
    width: 20px;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 8px;
    right: 20px;
    background: url(../images/icon_top-02.png) 0 100% no-repeat;
    background-size: 100% auto;
}

#topLineup ul li.lineup01 {
    background: url(../images/img_surf-02.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

#topLineup ul li.lineup02 {
    background: url(../images/img_surf-03.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

#topLineup ul li.lineup03 {
    background: url(../images/img_surf-04.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

#topLineup ul li.lineup04 {
    background: url(../images/img_surf-05.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

#topLineup ul li.lineup05 {
    background: url(../images/img_surf-06.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

#featuredTour {
    padding: 80px 0 50px;
    margin-top: 80px;
}

#featuredTour #panelList {
    margin: 25px -15px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

#featuredTour #panelList>li {
    width: calc((100% - 30px) / 2);
    background: #f0f0f0;
    position: relative;
}

#featuredTour #panelList .visualArea {
    position: relative;
}

#featuredTour #panelList .visualArea img {
    height: 250px;
    object-fit: cover;
}

#featuredTour #panelList .visualArea .label {
    padding: 10px 30px;
    background: #009ecb;
    color: #fff;
    font-size: 11px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
}

#featuredTour #panelList .visualArea .title {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

#featuredTour #panelList .visualArea .title a {
    padding: 16px 52px 16px 16px;
    font-size: 17px;
    color: #fff;
    display: block;
    text-decoration: none;
}

#featuredTour #panelList .visualArea .title::after {
    content: '';
    width: 20px;
    height: 100%;
    display: block;
    background: url(../images/icon_top-02.png) 0 50% no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: auto;
    right: 16px;
    bottom: 0;
}

#featuredTour #panelList .description {
    min-height: 46px;
    padding: 10px 16px;
}

#topNewsArea {
    padding: 0 0 80px;
}

#topNewsArea .listBlock {
    width: 580px;
    float: left;
}

#topNewsArea .listBlock:last-child {
    margin-left: 40px;
}

#topNewsArea h3 {
    padding: 0 0 0 16px;
    font-size: 50px;
    font-weight: 100;
    line-height: 1em;
    text-align: left;
}

#topNewsArea .linkList {
    margin: -1.6em 14px 0 0;
    float: right;
}

#topNewsArea .linkList a {
    padding-right: 22px;
    font-size: 13px;
    line-height: 1em;
    color: #cfb378;
    background: url(../images/icon_arrow-blogs.png) 100% 50% no-repeat;
    background-size: 12px;
}

#topNewsArea ul {
    margin: 14px 0 0;
    border-top: 1px solid #ddd;
}

#topNewsArea ul li {
    padding: 14px;
    border-bottom: 1px solid #eee;
}

#topNewsArea ul li dl {
    overflow: hidden;
}

#topNewsArea ul li dl dt {
    padding: 6px 24px 0 0;
    color: #666;
    font-weight: bold;
    float: left;
}

@-moz-document url-prefix() {
    #topNewsArea ul li dl dt {
        padding: 0 24px 0 0;
    }
}

#topNewsArea ul li dl dd {
    margin-left: 84px;
}


/*********************************************************************************/

/* [6] - Tour CSS */

.tour #tourSteps {
    background: #f6ebd0;
}

.tour #tourSteps dl {
    width: 100%;
    display: table;
    line-height: 0;
}

.tour #tourSteps dt {
    width: 150px;
    padding: 15px 0;
    background: #f6e7c4;
    color: #723737;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tour #tourSteps dt::after {
    content: '';
    width: 10px;
    height: 12px;
    padding-left: 6px;
    background: url(../images/icon_tour-step01.png) 6px 0 no-repeat;
    background-size: auto 100%;
    display: inline-block;
}

.tour #tourSteps dd {
    display: table-cell;
    padding: 0;
}

.tour #tourSteps dd ul {
    width: 100%;
    margin: 0;
    display: table;
}

.tour #tourSteps li {
    width: 20%;
    padding: 15px 0;
    border-right: 1px solid #fff;
    display: table-cell;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #cbb276;
}

.tour #tourSteps li.active {
    background: url(../images/bg_tour01.png) 0 0 repeat-x;
    background-size: auto 100%;
    box-shadow: 3px 3px 10px #c48937 inset;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.tour #tourSteps li span {
    padding-right: 4px;
    font-size: 20px;
}

.tour #tourSteps p.inquiry {
    padding: 17px;
    color: #723737;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
}

.tour #tourSteps p.inquiry::before {
    content: '';
    width: 18px;
    height: 14px;
    margin: 0 10px -2px 0;
    display: inline-block;
    background: url(../images/icon_nav-mail.png) 100% 0 no-repeat;
    background-size: 100%;
}

.tour #tourTitleArea {
    padding: 30px 0;
    background: #faf9f8;
}

.tour #tourTitleArea dt {
    width: 150px;
    float: left;
}

.tour #tourTitleArea dt .dateLabel {
    margin-bottom: 15px;
    padding: 13px 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(102, 71, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    font-size: 16.5px;
    font-weight: bold;
    line-height: 1em;
    color: #cdaf71;
}

.tour #tourTitleArea dt .dateLabel span {
    font-size: 24px;
    line-height: 1em;
}

.tour #tourTitleArea dd {
    margin-left: 185px;
}

.tour #tourTitleArea dd .lead {
    padding-bottom: 14px;
    border-bottom: 1px solid #e1dcd7;
    font-weight: bold;
    line-height: 1em;
    color: #970606;
}

.tour #tourTitleArea dd h2 {
    padding: 13px 0 0;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5em;
}

.tour .summary {
    padding: 50px 0 60px;
}

.tour .summary .left {
    width: 540px;
    float: left;
}

.tour .imagePanel .main {
    position: relative;
    height: 360px;
}

.tour .imagePanel .main p {
    padding: 0 20px;
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    color: #fff;
    line-height: 3.3em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.tour .imagePanel ul {
    margin: 20px -10px 30px;
    overflow: hidden;
}

.tour .imagePanel ul li {
    width: 120px;
    margin: 0 10px;
    float: left;
    cursor: pointer;
}

.tour .summary .left .information {
    padding: 0 0 20px;
    background: #f8efe6;
}

.tour .summary .left .information h3 {
    padding: 0 20px;
    font-size: 25px;
    line-height: 2.15em;
    color: #9a813e;
}

.tour .summary .left .information h3 span {
    padding: 0 6px;
    font-size: 12px;
}

.tour .summary .left .information .innerBox {
    margin: 0 20px;
    padding: 20px;
    background: #fff;
    color: #666;
    line-height: 1.6em;
    border: 1px solid #e5decf;
}

.tour .summary .right {
    width: 620px;
    float: right;
}

.tour .summary .right .priceBox {
    margin: 0 0 30px;
    padding: 0 0 20px;
    border: 1px solid #dbd8d5;
    text-align: center;
}

.tour .summary .right .priceBox .title {
    margin-bottom: 28px;
    background: #faf9f8;
    border-bottom: 1px solid #dbd8d5;
    font-weight: bold;
    line-height: 2.3em;
}

.tour .summary .right .priceBox .price {
    color: #970606;
    font-size: 35px;
    font-weight: bold;
    line-height: 1em;
}

.tour .summary .right .recommends {
    padding: 26px 0 30px;
    text-align: center;
}

.tour .summary .right .recommends li {
    width: 50px;
    padding: 0 4px;
    display: inline-block;
}

.tour .summary .right .tourPointBox {
    padding: 3px 0;
    border-top: 6px solid #d0b988;
    border-bottom: 6px solid #d0b988;
}

.tour .summary .right .tourPointBox .innerBox {
    padding: 20px;
    border-top: 2px solid #d0b988;
    border-bottom: 2px solid #d0b988;
}

.tour .summary .right .tourPointBox .innerBox h3 {
    margin: 0 0 26px;
    padding: 0 0 12px 40px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 30px;
    background: url(../images/icon_tour-point.png) 0 25% no-repeat;
    background-size: auto 50%;
}

.tour .summary .right .tourPointBox .innerBox h3 span {
    padding-left: 14px;
    font-size: 12px;
}

.tour .summary .right .tourPointBox .innerBox div {
    line-height: 1.8em;
}

.tour .pointedHeadline:before {
    width: 15px;
    height: 75%;
    content: '';
    background: url(../images/icon_company-title.png) 0 50% no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 12%;
    left: 20px;
    display: block;
}

.tour .pointedHeadline {
    padding: 15px 20px;
    background: #e8eff6;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    text-indent: 30px;
    color: #115993;
    position: relative;
}

.tour .orderContainer .pointedHeadline {
    margin: 0 0 40px;
}

.tour .pointedHeadline span {
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1em;
    color: #666;
}

.tour #detailArea {
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}

.tour #detailArea #detailLeft>.container {
    width: 850px !important;
    margin: 0;
}

.tour #detailArea #detailRight {
    width: 300px;
    margin-left: 900px;
    padding: 0 0 50px;
    position: absolute;
    top: 0;
}

.tour #detailArea #detailRight #detailRightBox {
    margin: 0 0 30px;
    padding: 9px;
    background: #faf9f8;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.tour #detailArea #detailRight #detailRightBox .title,
.tour #detailArea #detailRight #detailRightBox .price {
    margin-bottom: 10px;
    padding: 8px;
    box-shadow: 0 0 5px rgba(102, 71, 0, 0.2);
    background: #fff;
    font-weight: bold;
    position: relative;
}

.tour #detailArea #detailRight #detailRightBox .price {
    padding: 0;
    font-size: 13px;
    line-height: 1em;
    overflow: hidden;
}

.tour #detailArea #detailRight #detailRightBox .price dt {
    width: 60px;
    padding: 8px;
    float: left;
    background: #faf9f8;
    font-weight: bold;
}

.tour #detailArea #detailRight #detailRightBox .price dd {
    padding: 8px;
    font-weight: bold;
    text-align: right;
    color: #970608;
}

.tour #detailArea #detailRight #detailRightBox .price::after {
    content: '';
    width: 298px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: -9px;
    bottom: -10px;
}

.tour #detailArea #detailRight #detailRightBox .reservation .button {
    width: 100%;
    height: 60px;
    margin: 12px 0 10px;
    font-size: 16px;
    font-weight: bold;
    border: 0;
}

.tour #detailArea #detailRight #detailRightBox .reservation .button::before {
    content: '';
    width: 20px;
    height: 20px;
    margin: 0 15px -4px 0;
    background: url(../images/icon_top-02.png) 0 0 no-repeat;
    background-size: 100%;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    zoom: 1;
}

.tour #detailArea #detailRight #detailRightBox .buttonS {
    width: 100%;
    height: 38px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    border: 1px solid #ddd;
}

.tour #detailArea #detailRight #aiuBnr p {
    font-size: 12px;
    line-height: 2.4em;
    color: #666;
    text-align: center;
}

.tour .schedule.confirm {
    padding: 0;
}

.tour .schedule table {
    width: 96%;
    margin: 40px auto;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
}

.tour .schedule.confirm table {
    width: 100%;
    margin: 0;
}

.tour .schedule table th,
.tour .schedule table td {
    padding: 8px 18px;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #eee;
    text-align: center;
    white-space: nowrap;
}

.tour .schedule table th {
    font-weight: bold;
}

.tour .schedule table thead th {
    height: 28px;
    background: url(../images/bg_tour02.png) 0 0 repeat-x;
    background-size: auto 100%;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
}

.tour .schedule table thead th:first-child,
.tour .schedule table thead th:nth-child(2),
.tour .schedule table thead th:last-child,
.tour .schedule table tbody th,
.tour .schedule table tbody td:nth-child(2),
.tour .schedule table tbody td:last-child {
    border-right: 1px solid #bdbdbd;
    text-align: left;
}

.tour .schedule table tbody th {
    width: 84px;
    background: #fefaf0;
    font-weight: bold;
    text-align: left;
}

.tour .schedule.confirm table tbody th {
    width: 162px;
    background: #faf9f8;
}

.tour .schedule table tbody th span {
    font-size: 18px;
    font-weight: bold;
}

.tour .schedule table tbody td:nth-child(2) {
    width: 840px;
    padding: 0;
    text-align: left;
    white-space: normal;
}

.tour .schedule.confirm table tbody td:last-child {
    width: 197px;
    text-align: right;
}

.tour .schedule table tbody td .details {
    padding: 10px 18px;
    line-height: 2.3em;
}

.tour .schedule table tbody td dl {
    background: #faf9f8;
}

.tour .schedule table tbody td dt {
    clear: left;
    float: left;
    width: 68px;
    padding: 10px 18px;
    color: #888;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #eee;
}

.tour .schedule table tbody td dd {
    margin-left: 104px;
    padding: 8px 20px;
    border-top: 1px solid #eee;
    background: #fff;
}

.tour .schedule.confirm table tbody td li {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    line-height: 1em;
    text-align: right;
}

.tour .schedule.confirm table tbody td li:last-child {
    border: 0;
}

.tour .schedule.confirm .total {
    margin-top: 20px;
    background: #fefaf0;
    border: 1px solid #deb96e;
    overflow: hidden;
}

.tour .schedule.confirm .total dt {
    width: 786px;
    font-weight: bold;
    text-align: right;
}

.tour .schedule.confirm .total dd {
    margin-left: 826px;
    padding: 14px 20px 0;
    border-left: 1px solid #deb96e;
    text-align: right;
    font-size: 25px;
    line-height: 1em;
    color: #970606;
}

.tour .priceCalendar {
    padding: 50px 0 20px;
}

.tour .priceCalendar #stepInformation {
    padding: 26px 20px;
    border-bottom: 1px solid #dadada;
    font-size: 13px;
}

.tour .priceCalendar #stepInformation ul {
    margin-top: 6px;
    background: #faf9f8;
    border: 1px solid #dadada;
    border-radius: 4px;
    overflow: hidden;
}

.tour .priceCalendar #stepInformation ul li {
    margin-right: 10px;
    padding: 14px 14px 13px;
    float: left;
    line-height: 1em;
    position: relative;
}


.tour .priceCalendar #stepInformation ul li::before {
    content: '';
    display: block;
    border: 21px solid transparent;
    border-left: 10px solid #dadada;
    position: absolute;
    top: -1px;
    right: -31px;
}

.tour .priceCalendar #stepInformation ul li::after {
    content: '';
    display: block;
    border: 21px solid transparent;
    border-left: 10px solid #faf9f8;
    position: absolute;
    top: -1px;
    right: -30px;
}

.tour .priceCalendar #stepInformation ul li:last-child::before,
.tour .priceCalendar #stepInformation ul li:last-child::after {
    display: none;
}

.tour .priceCalendar #stepInformation ul li:first-child {
    font-weight: bold;
    color: #941e1e;
}

.tour #calendarArea {
    margin: 40px 20px;
    position: relative;
}

.monthSelector {
    position: absolute;
    top: 0;
}

.monthSelector ul {
    margin: 0 -6px;
}

.monthSelector li {
    margin: 0 6px;
    font-size: 25px;
    line-height: 1em;
    display: inline-block;
    vertical-align: bottom;
}

.monthSelector li.buttonS a {
    padding: 5px 9px;
    color: #666;
    border: 1px solid #ddd;
    display: block;
    font-size: 15px;
    line-height: 1em;
    border-radius: 2px;
}

.monthSelector li:first-child a:before {
    content: '';
    width: 13px;
    height: 13px;
    margin: 0 5px -1px 0;
    display: inline-block;
    background: url(../images/icon_arrow-prev.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.monthSelector li:last-child a:after {
    content: '';
    width: 13px;
    height: 13px;
    margin: 0 0 -1px 5px;
    display: inline-block;
    background: url(../images/icon_arrow-next.png) 0 0 no-repeat;
    background-size: 100% auto;
}

#calendarArea .tabPanel .tabMenu {
    padding-top: 2px;
    border-bottom: 5px solid #cfb378;
    overflow: hidden;
}

#calendarArea .tabPanel .tabMenu li {
    padding: 0 0 0 10px;
    float: right;
}

#calendarArea .tabPanel .tabMenu li a {
    min-width: 110px;
    padding: 5px 10px;
    display: block;
    text-align: center;
    border-radius: 4px 4px 0 0;
    border: 1px solid #000;
    border-bottom: 0;
}

#calendarArea .tabPanel .tabMenu li a:hover {
    text-decoration: none;
}

#calendarArea .tabPanel .tabMenu li a.active {
    min-width: 112px;
    padding: 6px 10px 5px;
    background: url(../images/bg_btn-gold.png) 0 0 repeat-x;
    background-size: auto 100%;
    border: 0;
    color: #fff;
}

#calendarArea .tabPanel .tabMenu li a {
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    border-color: #f6f6f6;
    color: #888;
}

#calendarArea .tabPanel .tabContents>div {
    padding: 2px 0;
    display: none;
}

#calendarArea .tabPanel .tabContents>div:first-child {
    display: block;
}

.tour #calendarArea .info {
    font-size: 12px;
    color: #666;
}

.tour #calendarArea table {
    width: 100%;
    margin-bottom: 18px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-collapse: collapse;
}

.tour #calendarArea table th,
.tour #calendarArea table td {
    width: 14%;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.tour #calendarArea table th {
    height: 30px;
    background: url(../images/bg_tour04.png) 0 0 repeat-x;
    background-size: auto 100%;
    color: #fff;
    vertical-align: middle;
}

.tour #calendarArea table th:first-child {
    background: url(../images/bg_tour03.png) 0 0 repeat-x;
    background-size: auto 100%;
}

.tour #calendarArea table th:last-child {
    background: url(../images/bg_tour05.png) 0 0 repeat-x;
    background-size: auto 100%;
}

.tour #calendarArea table td {
    text-align: center;
    height: 100%;
}

.tour #calendarArea table td .date {
    height: 24px;
    padding-top: 6px;
    line-height: 1em;
    background: #faf9f8;
    overflow: hidden;
}

.tour #calendarArea table td:first-child .date {
    background: #ffeeeb;
    color: #941e1e;
}

.tour #calendarArea table td:last-child .date {
    background: #d6e8f7;
    color: #115993;
}

.tour #calendarArea table td.selected .date {
    background: #f9da97;
}

.tour #calendarArea table td .price {
    width: 100%;
    min-height: 90px;
    height: 100%;
    display: table;
    border: 0;
}

@-moz-document url-prefix() {

    /* for FireFox */
    .tour #calendarArea table td .price {
        height: 90px;
    }
}

.tour #calendarArea table td.selected .price {
    background: #fef9d1;
}

.tour #calendarArea table td .price p,
.tour #calendarArea table td .price span {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.tour #calendarArea table td .price p:hover {
    background: #fffce7;
    cursor: pointer;
}

.tour #calendarArea table td .price a {
    color: #cfb378;
    text-decoration: underline;
    display: block;
}

.tour .estimate .innerBox {
    margin: 36px 20px 60px;
    padding: 46px 0;
    background: #fffce7;
    border: 1px solid #fada96;
    text-align: center;
}

.tour .estimate .innerBox p {
    font-weight: bold;
    color: #bb474a;
}

.tour .estimate .innerBox .button {
    width: 500px;
    margin-top: 30px;
    padding: 22px 0;
    border: 0;
    line-height: 1em;
    font-weight: bold;
}

.tour .estimate .innerBox .button2 {
    width: 500px;
    margin-top: 30px;
    padding: 22px 0;
    border: 0;
    line-height: 1em;
    font-weight: bold;
}

.innerBox2 .button2 {
    width: 500px;
    padding: 22px 0;
    border: 0;
    line-height: 1em;
    font-weight: bold;
}

.tour .terms dl {
    margin: 40px 20px 60px;
    overflow: hidden;
    border: 1px solid #bdbdbd;
    background: #fefaf0;
}

.tour .terms dl dt {
    width: 173px;
    margin-bottom: -32757px;
    padding: 10px 10px 32767px 16px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    clear: left;
    float: left;
    font-weight: bold;
    line-height: 1.5em;
}

.tour .terms dl dd {
    width: 926px;
    margin: 0 0 -32757px -1px;
    padding: 10px 16px 32767px 16px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    float: left;
    line-height: 1.5em;
}

.tour #detailArea #detailLeft .terms dl dd {
    width: 576px;
}

.tour .terms dl dt:first-child,
.tour .terms dl dt:first-child+dd {
    border-top: 0;
}

.tour .terms dl dd p {
    margin: 10px 0 6px;
    padding: 2px 12px;
    background: #faf9f8;
    border: 1px solid #eee;
    font-size: 13px;
    color: #888;
}

.tour .terms dl dd span.label1 {
    margin: 3px 0 10px;
    padding: 2px 12px;
    font-size: 13px;
    background: #bb474a;
    color: #fff;
    display: table;
}

.tour .terms dl dd span.label2 {
    margin-left: 10px;
    padding: 3px 4px 3px 3px;
    border: 1px solid #0b0205;
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
}

.tour .contactInfo {
    width: 708px;
    margin: 75px auto 110px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    position: relative;
}

.tour .contactInfo h4 {
    padding: 20px 56px;
    background: #faf9f8;
    border-radius: 4px 4px 0 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
}

.tour .contactInfo h4:before {
    content: '';
    width: 25px;
    height: 59px;
    background: url(../images/icon_tour-contact.png) 0 0 no-repeat;
    background-size: 100%;
    display: block;
    position: absolute;
    top: -5px;
    left: 15px;
}

.tour .contactInfo .innerBox {
    width: 100%;
    max-width: 91.6%;
    margin: 30px;
    display: table;
    overflow: hidden;
}

.tour .contactInfo .innerBox a {
    color: #cbaa64;
}

.tour .contactInfo .innerBox>div {
    display: table-cell;
    vertical-align: top;
}

.tour .contactInfo .innerBox>div:last-child {
    width: 150px;
    padding: 0 0 0 36px;
    border-left: 1px solid #eee;
}

.tour .contactInfo .innerBox .tel {
    margin: 0 20px 8px 0;
    padding: 0 0 4px;
    border-bottom: 1px dotted #7b7b7b;
    font-size: 30px;
    line-height: 1em;
}

.tour .contactInfo .innerBox .tel::before {
    content: '';
    width: 32px;
    height: 30px;
    margin-right: 8px;
    background: url(../images/icon_phone.png) 0 100% no-repeat;
    background-size: 100% auto;
    display: inline-block;
}

.tour .contactInfo .innerBox .tel span {
    margin-left: 20px;
    font-size: 15px;
}

.tour .contactInfo .innerBox .corpInfo,
.tour .contactInfo .innerBox .email {
    margin-bottom: -5px;
    color: #666;
    line-height: 1.6em;
}

.tour .contactInfo .innerBox .email span {
    font-weight: bold;
}

.tour .contactInfo .innerBox .stipulations a {
    margin-top: 20px;
    font-size: 13px;
    color: #cbaa64;
    display: block;
}

.tour .order h3 {
    margin-top: 60px;
}

.tour .order .orderContainer {
    padding-top: 50px;
    overflow: hidden;
}

.tour .order .orderContainer.formBlock {
    padding-top: 40px;
}

.tour .order .orderContainer.formBlock dl dd .buttonS {
    width: 100px;
    margin: 5px 0 15px 18px;
    padding: 11px 0 10px;
    border: 1px solid #ddd;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.tour .order .preview {
    width: 282px;
    margin-bottom: 45px;
    padding: 17px 9px 9px;
    float: right;
    background: #faf9f8;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.tour .formBlock .preview {
    width: auto;
    margin-bottom: 36px;
    float: none;
}

.tour .order .preview h4 {
    padding-bottom: 14px;
    font-weight: bold;
    line-height: 1em;
}

.tour .order .preview h5 {
    font-weight: bold;
    line-height: 1.3em;
}

.tour .order .preview ul {
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 0;
}

.tour .order .preview ul li {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.tour .order .preview ul li p {
    line-height: 1.3em;
}

.tour .order .inputArea,
.tour .order .checkResult,
.tour .order .documents {
    width: 850px;
    float: left;
}

.tour .order .inputArea .selectRooms {
    margin-bottom: 30px;
    padding: 13px 0;
    background: #115993 url(../images/bg_tour-title.png) 0 0 repeat-x;
    background-size: auto 100%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    position: relative;
}

.tour .order .inputArea .selectRooms::after {
    content: '';
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 13px solid #115993;
    display: block;
    position: absolute;
    bottom: -28px;
    left: 50%;
}

.tour .order .inputArea .selectRooms select,
.tour .order .inputArea .perRoom dl dd select {
    width: 150px;
    height: 44px;
    margin: 0 6px;
    padding: 10px;
    font-weight: normal;
}

.tour .order .inputArea .perRoom {
    margin-bottom: 30px;
    border: 2px solid #ddd;
    background: #fefaf0;
    overflow: hidden;
}

.tour .order .inputArea .perRoom>dt {
    width: 118px;
    padding: 20px 16px;
    font-weight: bold;
    float: left;
}

.tour .order .inputArea .perRoom>dt+dd {
    width: 695px;
    border-left: 1px solid #ddd;
    background: #fff;
    float: left;
}

.tour .order .inputArea .perRoom dl {
    width: 100%;
}

.tour .order .inputArea .perRoom dl dt,
.tour .order .inputArea .perRoom dl dt.error {
    width: 60%;
    padding: 20px !important;
    float: left;
    color: inherit !important;
    font-weight: inherit;
}


.tour .order .inputArea .perRoom dl dt span {
    font-weight: bold;
}

.tour .order .inputArea .perRoom dl dt span.arrow {
    width: 22px;
    margin-right: 10px;
    display: inline-block;
}

.tour .order .inputArea .perRoom dl dd {
    padding: 19px 20px 19px 65%;
    text-align: right;
    border-bottom: 1px dotted #ddd;
}

.tour .order .inputArea .perRoom dl dd:last-child {
    border: 0;
}

.tour .order .inputArea .perRoom dl dd::after {
    width: 100%;
    display: table;
    clear: both;
}

.tour .order .inputArea .perRoom dl dd select {
    margin: -16px 10px;
}

.tour .order .inputArea .terms {
    margin-bottom: 25px;
    padding: 20px;
    background: #faf9f8;
    color: #666;
    font-size: 13px;
}

.tour .order .inputArea .terms ul li {
    position: relative;
    padding-left: 1em;
}

.tour .order .inputArea .terms ul li::before {
    content: '※';
    position: absolute;
    top: 0;
    left: 0;
}

.tour .order .inputArea .submitArea {
    padding: 20px 0 100px;
    text-align: center;
}

.tour .order .inputArea .submitArea li {
    margin: 0 18px;
    display: inline-block;
}

.tour .order .inputArea .submitArea li button,
.tour .order .inputArea .submitArea li input {
    width: 300px;
    height: 60px;
    display: block;
    border: 0;
    font-size: 16px;
    font-weight: bold;
}

.tour .order .inputArea .submitArea li a,
.tour .order .inputArea .submitArea li a:hover {
    text-decoration: none;
    font-weight: bold;
}

.tour .order .checkResult .result {
    margin-bottom: 50px;
    padding: 18px;
    background: #fefaf0;
    border: 1px solid #ddd;
}

.tour .order .checkResult .result .summary {
    margin: 0 0 38px;
    padding: 0;
    background: #fff;
    border: 4px solid #deb96e;
}

.tour .order .checkResult .result .summary li {
    width: 100%;
    padding: 23px 0;
    border-bottom: 1px solid #ddd;
    display: table;
}

.tour .order .checkResult .result .summary li:last-child {
    border: 0;
}

.tour .order .checkResult .result .summary li h4 {
    width: 198px;
    padding: 0 16px;
    font-weight: bold;
    display: table-cell;
    border-right: 1px solid #ddd;
}

.tour .order .checkResult .result .summary li h4 span {
    font-weight: normal;
}

.tour .order .checkResult .result .summary li p,
.tour .order .checkResult .result .summary li dl {
    padding: 0 23px 0 16px;
    display: table-cell;
    vertical-align: middle;
}

.tour .order .checkResult .result .summary li .title {
    font-size: 18px;
    font-weight: bold;
}

.tour .order .checkResult .result .summary li .price {
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    color: #970606;
}

.tour .order .checkResult .result .summary li dt {
    min-width: 50%;
    padding-bottom: 15px;
    float: left;
    line-height: 1em;
}

.tour .order .checkResult .result .summary li dl dt:nth-last-of-type(1) {
    padding-bottom: 0;
}

.tour .order .checkResult .result .summary li dd {
    text-align: right;
    font-weight: bold;
    line-height: 1em;
}

.tour .order .checkResult .result .summary li dd::after {
    content: '';
    display: table;
    clear: both;
}

.tour .order .checkResult .result .itemized {
    width: 100%;
    padding-top: 20px;
    overflow: hidden;
}

.tour .order .checkResult .result .itemized>div {
    width: 256px;
    margin-right: 20px;
    float: left;
}

.tour .order .checkResult .result .itemized>div:last-child {
    margin: 0;
}

.tour .order .checkResult .result .itemized h6 {
    font-weight: bold;
}

.tour .order .checkResult .result .itemized ul {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.tour .order .checkResult .result .itemized div>dl {
    border-bottom: 1px solid #666;
}

.tour .order .checkResult .result .itemized div>dl * {
    font-weight: bold;
}

.tour .order .checkResult .result .itemized dt {
    min-width: 50%;
    padding: 8px 0 0;
    float: left;
    line-height: 1em;
}

.tour .order .checkResult .result .itemized li dt {
    text-indent: 1em;
}

.tour .order .checkResult .result .itemized dd {
    padding: 8px 0 6px;
    line-height: 1em;
    text-align: right;
}

.tour .order .checkResult .result .itemized dd::after {
    content: '';
    display: block;
    clear: both;
}

.tour .order .checkResult .result .itemized ul li {
    border-bottom: 1px solid #ddd;
}

.tour .order .checkResult .result .itemized ul li:last-child {
    border: 0;
}

.tour .order .checkResult .result .itemized ul li dd {
    border-top: 1px solid #ddd;
}

.tour .order .checkContactBox {
    margin: 0 3px 50px;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(102, 71, 0, 0.2);
    text-align: center;
    color: #666;
}

.tour .order .checkContactBox h4 {
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    background: #faf9f8;
    color: #000;
    position: relative;
}

.tour .order .checkContactBox h4::after {
    content: '';
    width: 0;
    height: 0;
    margin-left: -13px;
    border: 13px solid transparent;
    border-top: 15px solid #faf9f8;
    display: block;
    position: absolute;
    bottom: -26px;
    left: 50%;
}

.tour .order .checkContactBox .button {
    width: 500px;
    margin: 60px auto;
    padding: 20px 0;
    border: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
}

.tour .order .checkContactBox .exp {
    padding: 34px 0 26px;
}

.tour .order .checkContactBox h5 {
    margin-bottom: 16px;
    background: #faf9f8;
    font-size: 12px;
    line-height: 2em;
}

.tour .order .checkContactBox h5::before {
    content: '\25B8';
    padding-right: 6px;
}

.tour .order .checkContactBox ul {
    width: 811px;
    margin: 0 auto;
    padding: 0 0 26px;
    overflow: hidden;
}

.tour .order .checkContactBox ul li {
    width: 385px;
    padding-right: 20px;
    border-right: 1px solid #faf9f8;
    float: left;
}

.tour .order .checkContactBox ul li:last-child {
    padding-left: 20px;
    padding-right: 0;
    border: 0;
}

.tour .order .checkContactBox li .tel::before {
    content: '';
    width: 32px;
    height: 30px;
    margin-right: 8px;
    background: url(../images/icon_phone.png) 0 100% no-repeat;
    background-size: 100% auto;
    display: inline-block;
}

.tour .order .checkContactBox li .tel {
    font-size: 30px;
    color: #000;
}

.tour .order .checkContactBox li .sub {
    font-size: 12px;
}

.tour .order .checkContactBox li .buttonGoldLight {
    width: 260px;
    padding: 18px 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    border: 1px solid #e5cd9a;
}

.tour .order .orderContainer .documents h4 {
    padding: 8px 0 5px;
    font-weight: bold;
    line-height: 1em;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.tour .order .orderContainer .documents dl {
    padding: 12px 0 0;
}

.tour .order .orderContainer .documents dt,
.tour .order .orderContainer .documents dd {
    font-size: 13px;
    line-height: 1.54em;
    color: #666;
}

.tour .order .orderContainer .documents dd {
    padding-bottom: 24px;
}

.tour .order .orderContainer .documents .cancel {
    width: 100%;
    margin-bottom: 40px;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.tour .order .orderContainer .documents .cancel th,
.tour .order .orderContainer .documents .cancel td {
    width: 50%;
    padding: 10px 20px;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 12px;
    line-height: 1em;
}

.tour .order .orderContainer .documents .cancel thead th {
    background: #a0a0a0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.tour .order .orderContainer .documents .cancel td {
    text-align: right;
}

.tour .order .orderContainer .documents ol {
    padding: 12px 40px 24px 0;
    list-style: none;
    counter-reset: number;
}

.tour .order .orderContainer .documents ol li::before {
    padding-right: 0.5em;
    counter-increment: number;
    content: '(' counter(number) ')';
}

.tour .order .orderContainer .documents ol li {
    font-size: 13px;
    color: #666;
}

.tour .order .orderContainer .documents p {
    padding: 12px 0 0;
    font-size: 13px;
    color: #666;
}

.tour .order .orderContainer .documents p+ol,
.tour .order .orderContainer .documents ol+dl {
    padding-top: 0;
}

.tour .order .orderContainer .documents #travelTerms {
    height: 250px;
    margin: 20px 0 35px;
    overflow: auto;
    border: 1px solid rgba(0, 0, 1, 0.15);
    border-radius: 3px;
}

.tour .order .orderContainer .documents .termsContents {
    margin: 20px;
}

.tour .order .orderContainer .documents .termsContents h3 {
    margin-top: 0;
    font-size: 16px;
    font-weight: bold;
}

.tour .order .orderContainer .documents .termsContents h4 {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    color: inherit;
}

@-moz-document url-prefix() {
    .tour .order .orderContainer .documents p.lead {
        padding: 20px 0 10px;
    }

    .tour .order .orderContainer .documents .termsContents h4 {
        margin-bottom: -0.9em;
        position: relative;
        top: -1.8em;
        text-indent: 1.8em;
    }
}

.tour .order .orderContainer .documents .termsContents p,
.tour .order .orderContainer .documents .termsContents li {
    color: inherit;
}

.tour .order .orderContainer .documents .termsContents li p {
    padding: 0;
}

.tour .order .orderContainer .documents .termsContents ul ol ol li::before {
    margin-left: -20px;
}

.tour .order .orderContainer .documents .termsContents ul ol ol li {
    padding-left: 20px;
}

.termsContents ul ol ol ol ol {
    margin-left: 30px;
}

.tour .order .orderContainer .documents .forms {
    margin: 0 0 35px;
    padding: 0;
    background: #faf9f8;
    border-bottom: 1px solid #7b7b7b;
}

.tour .order .orderContainer .documents .forms dt {
    width: 260px;
    padding: 30px 20px;
    border-top: 1px dotted #7b7b7b;
    clear: left;
    float: left;
    color: #282828;
    font-size: 15px;
    line-height: 1em;
    position: relative;
}

.tour .order .orderContainer .documents .forms dt.essential::after {
    content: '';
    width: 38px;
    height: 16px;
    display: block;
    background: url(../images/icon_forms-essential.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 30px;
    right: 20px;
}

.tour .order .orderContainer .documents .forms dd {
    margin-left: 300px;
    padding: 30px 20px;
    background: #fff;
    color: #282828;
    border-top: 1px dotted #7b7b7b;
    font-size: 15px;
    line-height: 1em;
    vertical-align: bottom;
}

.tour .order .orderContainer .documents .forms dt:first-child,
.tour .order .orderContainer .documents .forms dt:first-child+dd {
    border-top-style: solid;
}

.tour .order .orderContainer .documents .forms dd input[type="radio"],
.tour .order .orderContainer .documents .forms dd input[type="checkbox"] {
    margin: 0 0.5em 0 0;
}

.tour .order .orderContainer .documents .forms dd label {
    line-height: 1em;
}

.tour .order .submitArea p {
    width: 300px;
    margin: 0 auto 100px;
}

.tour .order .submitArea p .buttonGray {
    width: 100%;
    padding: 20px 0;
    border: 0;
    line-height: 1em;
    font-size: 16px;
    font-weight: bold;
}

.tour .orderComplete {
    margin: 65px auto;
    padding: 0 0 40px;
    border: 1px solid #dbdbdb;
    text-align: center;
}

.tour .orderComplete h3 {
    padding: 9px 0;
    background: #faf9f8;
    font-size: 21px;
    font-weight: bold;
}

.tour .orderComplete .messageContainer {
    margin: 30px 20px 10px;
    border-bottom: 1px solid #eee;
}

.tour .orderComplete .messageContainer p {
    padding-bottom: 20px;
}

.tour .orderComplete .messageContainer dl {
    margin: 0 auto 20px;
    display: table;
    border: 1px solid #dbdbdb;
}

.tour .orderComplete .messageContainer dt {
    padding: 0 6px;
    display: table-cell;
    background: #ededed;
}

.tour .orderComplete .messageContainer dd {
    padding: 3px 6px 0;
    display: table-cell;
    font-size: 20px;
    color: #970606;
    line-height: 1em;
}

.tour .orderComplete #aiuBnr {
    width: 350px;
    margin: 30px auto;
    color: #666;
}

.tour .orderComplete .button {
    width: 350px;
    padding: 16px 0;
    border: 0;
    font-size: 18px;
    font-weight: bold;
}

.tour .searchFormArea {
    width: 100%;
    padding: 40px 0 0;
    background: #fff;
    border-top: 1px solid #faf9f8;
}

.tour .searchFormArea h2 {
    font-size: 30px;
    color: #666;
    line-height: 1em;
    text-align: center;
}

.tour .searchFormArea h2::before {
    content: '';
    width: 24px;
    height: 23px;
    margin-right: 11px;
    display: inline-block;
    background: url(../images/icon_tour-search.png) 0 0 no-repeat;
    background-size: 100%;
}

.tour .searchFormArea h2 span {
    display: block;
    color: #000;
    font-size: 12px;
}

.tour .searchFormArea .tabMenu {
    display: table;
    margin: 40px auto -1px;
}

.tour .searchFormArea .tabMenu li {
    width: 50%;
    display: table-cell;
    border: 1px solid #dbdbdb;
    border-bottom: 0;
    text-align: center;
    cursor: pointer;
}

.tour .searchFormArea .tabMenu li a {
    padding: 20px 0;
    line-height: 1em;
    font-weight: bold;
    display: block;
    color: #ababab;
}

.tour .searchFormArea .tabMenu li a.active {
    background: #faf9f8;
    color: #000;
}

.tour .searchFormArea .tabMenu li a:hover {
    text-decoration: none;
    color: #ababab;
}

.tour .searchFormArea .tabMenu li a.active:hover {
    color: #000;
}

.tour .searchFormArea .tabMenu li a::after {
    content: '＞';
    width: 26px;
    height: 15px;
    display: inline-block;
    background: #ababab;
    background-position: bottom center;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1.4em;
    transform: rotate(90deg) scale(0.6, 1);
    -webkit-transform: rotate(90deg) scale(0.6, 1);
    -moz-transform: rotate(90deg) scale(0.6, 1);
    -o-transform: rotate(90deg) scale(0.6, 1);
    -ms-transform: rotate(90deg) scale(0.65, 1);
    zoom: 1;
}

@-moz-document url-prefix() {
    .tour .searchFormArea .tabMenu li a::after {
        line-height: 1.2em;
    }
}

.tour .searchFormArea .tabMenu li a.active::after {
    background: #000;
}

.tour .searchFormArea .tabMenu li a br {
    display: none;
}

.tour .searchFormArea .tabMenu li:first-child {
    border-right: 0;
}

.tour .searchFormArea .tabContents {
    background: #faf9f8;
    border-top: 1px solid #dbdbdb;
}

.tour .searchFormArea .tabContents>div {
    display: none;
}

.tour .searchFormArea .tabContents>div:first-child {
    display: block;
}

.tour .searchFormArea form>.container {
    margin-top: 20px;
    padding: 24px 0;
}

.tour .searchFormArea .container .errorMessage {
    padding-bottom: 20px;
}

.tour .searchFormArea .container .errorMessage .error {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    color: #bb474a;
    position: relative;
}

.tour .searchFormArea .container .errorMessage .error::before {
    width: 14px;
    height: 14px;
    margin: 0 6px -2px 0;
    content: '';
    background: url(../images/icon_forms-error.png) 0 100% no-repeat;
    background-size: 100% auto;
    display: inline-block;
}

.tour .searchFormArea .container .left,
.tour .searchFormArea .container .right {
    width: 50%;
    float: left;
}

.tour .searchFormArea .container .right {
    float: right;
}

.tour .searchFormArea .container>div dl,
.tour .searchFormArea .detailSearch dl {
    width: 590px;
    height: 50px;
    margin: 0 5px 10px 0;
    box-shadow: 0 0 5px rgba(11, 2, 5, 0.2);
    display: table;
    border-radius: 5px;
}

.tour .searchFormArea .detailSearch dl {
    width: 100%;
    margin: 0 0 20px;
}

.tour .searchFormArea .detailSearch dl:last-child {
    margin: 0;
}

.tour .searchFormArea .container .right dl {
    margin: 0 0 10px 5px;
}

.tour .searchFormArea .container dl dt {
    width: 99px;
    padding: 15px 15px;
    background: #e6c17c;
    color: #fff;
    font-weight: bold;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ddd;
    border-radius: 5px 0 0 5px;
}

.tour .searchFormArea .detailSearch dl dt {
    background: #edeceb;
    color: #666;
}

.tour .searchFormArea .container div dl dd,
.tour .searchFormArea .detailSearch dl dd {
    padding: 0 15px;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
    border-radius: 5px;
}

.tour .searchFormArea .container div dl dd.error {
    background: #ffe4e4;
}

.tour .searchFormArea .container div dl dd.error input,
.tour .searchFormArea .container div dl dd.error select {
    border: 1px solid #b74b4b;
}

.tour .searchFormArea .container div dl dd span {
    width: 36px;
    margin-left: 15px;
    display: inline-block;
}

.tour .searchFormArea .container div dl dd input {
    width: 260px;
    height: 30px;
    padding: 0 10px;
    border-radius: 2px;
}

.tour .searchFormArea .container div dl dd input.fullWidth {
    width: 372px;
}

.tour .searchFormArea .container div dl dd select {
    width: 282px;
    height: 30px;
    border-radius: 2px;
}

.tour .searchFormArea .container div dl dd .plural {
    padding: 5px 0;
}

.tour .searchFormArea .container div dl dd .plural li {
    padding: 5px 0;
}

.tour .searchFormArea .container div dl dd .plural select {
    width: 230px;
}

.tour .searchFormArea .container div dl dd .plural li span.label {
    width: 48px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    text-shadow: none;
    background: none;
    color: #666;
}

.tour .searchFormArea dl dd .checkBtn {
    margin: 5px -5px;
    overflow: hidden;
}

.tour .searchFormArea dl dd .checkBtn li {
    width: 121px;
    min-height: 44px;
    margin: 5px;
    padding: 3px 6px;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: table;
}

@-moz-document url-prefix() {
    .tour .searchFormArea dl dd .checkBtn li {
        height: 44px;
    }

    .tour .searchFormArea dl dd .checkBtn.days li {
        height: auto;
    }
}

.tour .searchFormArea dl dd .checkBtn.days li {
    min-height: 0;
}

.tour .searchFormArea dl dd .checkBtn li span {
    width: auto;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
}

.tour .searchFormArea dl dd .checkBtn li span input {
    width: auto;
    height: auto;
    margin: 0;
}

.tour .searchFormArea dl dd .checkBtn li label {
    width: 105px;
    padding: 3px 0 0;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3em;
}

.tour .searchFormArea dl dd .checkBtn.days li label {
    text-align: center;
}

.tour .searchFormArea .container div dl dd.budget select {
    width: 160px;
}

.tour .searchFormArea .container div dl dd.budget span {
    margin: 0;
    padding: 0 6px;
    display: inline;
}

.tour .searchFormArea .detailSearch {
    background: #f7f6f4;
    box-shadow: rgba(11, 2, 5, 0.1) 0px 10px 15px -10px inset;
}

.tour .searchFormArea .detailSearch .details {
    padding: 35px 0;
    display: none;
}

.tour .searchFormArea .detailSearch .trigger {
    width: 100%;
    padding: 17px 0 12px;
    text-align: center;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    color: #cfb378;
    border-top: 1px solid #ddd;
    line-height: 1em;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.tour .searchFormArea .detailSearch .trigger span {
    vertical-align: top;
}

.tour .searchFormArea .detailSearch .trigger span::before {
    content: '';
    width: 15px;
    height: 18px;
    margin-right: 4px;
    background: url(../images/icon_destination-open.png) 0 25% no-repeat;
    background-size: 100%;
    display: inline-block;
}

@-moz-document url-prefix() {
    .tour .searchFormArea .detailSearch .trigger span::before {
        margin-bottom: -4px;
    }
}

.tour .searchFormArea .detailSearch .trigger.opened span::before {
    background: url(../images/icon_destination-close.png) 0 25% no-repeat;
    background-size: 100%;
}

.tour .searchFormArea #searchFromCode {
    padding: 0 0 20px;
    font-weight: bold;
    text-align: center;
}

.tour .searchFormArea #searchFromCode input {
    width: 407px;
    height: 28px;
    margin-left: 26px;
    padding: 2px 8px 0;
    border-radius: 2px;
}

.tour .searchFormArea .submitArea {
    padding: 25px 0 22px;
    background: #e1e0df;
    position: relative;
    text-align: center;
}

.tour .searchFormArea .submitArea::after {
    content: '';
    width: 0;
    height: 0;
    margin-left: -8px;
    border: 15px solid transparent;
    border-top: 13px solid #e1e0df;
    display: block;
    position: absolute;
    bottom: -28px;
    left: 50%;
}

.tour .searchFormArea .submitArea input {
    display: none;
}

.tour .searchFormArea .submitArea .submitBtn label {
    width: 370px;
    margin: 0 auto;
    padding: 12px 0;
    background: url(../images/bg_btn-black.png) 0 0 repeat-x;
    background-size: auto 100%;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 0 0 rgba(11, 2, 5, 0.3);
    border-radius: 5px;
}

.tour .searchFormArea .submitArea .clearBtn {
    width: 176px;
    position: absolute;
    top: 10px;
    right: 40px;
}

.tour .searchFormArea .submitArea .clearBtn label {
    width: 100%;
    display: block;
    padding: 4px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    font-size: 12px;
    line-height: 1em;
    color: #666;
    text-align: center;
    vertical-align: middle;
}

@-moz-document url-prefix() {
    .tour .searchFormArea .submitArea .clearBtn label {
        padding: 8px 0 4px;
    }
}

.tour .searchFormArea .submitArea .clearBtn label span::before {
    content: '';
    width: 15px;
    height: 18px;
    margin-right: 4px;
    display: inline-block;
    background: url(../images/icon_clear.png) 0 0 no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

.tour .searchResult {
    padding: 70px 0;
}

.tour .searchResult nav {
    padding: 0 0 54px;
    overflow: hidden;
}

.tour .searchResult nav:first-child>ul>li {
    padding: 0 20px 0 0;
    float: left;
    line-height: 1em;
}

.tour .searchResult nav:first-child>ul>li:first-child span {
    padding-right: 10px;
    font-size: 35px;
    color: #970606;
}

.tour .searchResult nav:first-child>ul>li ul {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    overflow: hidden;
}

.tour .searchResult nav:first-child>ul>li li {
    width: 92px;
    padding: 4px 0 3px;
    float: left;
    border-right: 1px solid #ddd;
    font-size: 13px;
    line-height: 1em;
    color: #666;
    text-align: center;
}

@-moz-document url-prefix() {
    .tour .searchResult nav:first-child>ul>li li {
        padding: 8px 0 7px;
    }
}

.tour .searchResult nav:first-child>ul>li li.active {
    background: #e6c17c;
}

.tour .searchResult nav:first-child>ul>li li.active a {
    color: #fff;
}

.tour .searchResult nav:first-child>ul>li li::after {
    content: '';
    width: 0;
    height: 0;
    margin: 2px 0 0 4px;
    display: inline-block;
    border: 3px solid transparent;
    border-top: 5px solid #666;
}

.tour .searchResult nav:first-child>ul>li li.active::after {
    border-top-color: #fff;
}

.tour .searchResult nav:first-child>ul>li li:last-child {
    border: 0;
}

/* 検索画面：お気に入りに追加ボタン 一時撤去のためコメントアウト */
/*
.tour .searchResult nav:first-child > ul > li:last-child{
width: 390px;
height: 25px;
padding: 4px;
float: right;
background: #faf9f8;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 13px;
line-height: 1em;
overflow: hidden;
}

@-moz-document url-prefix() {
.tour .searchResult nav:first-child > ul > li:last-child span{
line-height: 2.1em;
}
}

.tour .searchResult nav:first-child > ul > li:last-child span::before{
content: '';
width: 13px;
height: 14px;
margin: 0 6px -2px 12px;
background: url(../images/icon_clip.png) 0 100% no-repeat;
background-size: 100% auto;
display: inline-block;
}

.tour .searchResult nav:first-child > ul > li:last-child img{
width: 210px;
margin-left: 10px;
float: right;
}

*/
.tourListBlock {
    margin-bottom: 40px;
    border: 2px solid #fdf6ea;
    background-color: #fdf6ea;
}

.tourListBlock .titleArea {
    width: 100%;
    padding: 18px 0;
    background: url(../images/bg_tour-title.png) 0 0 repeat-x;
    background-size: auto 88px;
    display: table;
}

.tourListBlock.category00 .titleArea {
    background-image: none;
}

.tourListBlock .titleArea .icon {
    width: 71px;
    padding-left: 18px;
    display: table-cell;
}

.tourListBlock .titleArea h3 {
    padding: 6px 0 0 18px;
    display: table-cell;
    vertical-align: top;
}

.tourListBlock .titleArea h3 a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.6em;
    text-decoration: underline;
}

.tourListBlock .titleArea .btnDetail {
    width: 220px;
    padding: 0 18px 0 20px;
    display: table-cell;
    vertical-align: middle;
}

.tourListBlock .titleArea .btnDetail a {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.tourListBlock .titleArea .btnDetail .button {
    width: 100%;
    padding: 12px 0;
    border: 1px solid #fff;
}

.tourListBlock.category00 {
    border-top-color: #000;
}

.tourListBlock.category00 .titleArea h3 a {
    color: #000;
}

.tourListBlock.category01,
.tourListBlock.category01 .titleArea {
    background-color: #115993;
    border-color: #115993;
}

.tourListBlock.category02,
.tourListBlock.category02 .titleArea {
    background-color: #bb1544;
    border-color: #bb1544;
}

.tourListBlock.category03,
.tourListBlock.category03 .titleArea {
    background-color: #444;
    border-color: #444;
}

.tourListBlock.category04,
.tourListBlock.category04 .titleArea {
    background-color: #b7a082;
    border-color: #b7a082;
}

.tourListBlock.category05,
.tourListBlock.category05 .titleArea {
    background-color: #17a4cc;
    border-color: #17a4cc;
}

.tourListBlock.category06,
.tourListBlock.category06 .titleArea {
    background-color: #6fb46a;
    border-color: #6fb46a;
}

.tourListBlock .merits {
    width: 100%;
    background: #f3f3f3;
    overflow: hidden;
}

.tourListBlock .merits ul {
    margin: 0 18px;
    overflow: hidden;
}

.tourListBlock .merits ul li {
    width: 50px;
    margin: 8px 10px 8px 0;
    float: left;
}

.tourListBlock .tourOutline {
    padding: 18px;
    background: #fff;
}

.tourListBlock .tourOutline .tourData {
    width: 100%;
    display: table;
}

.tourListBlock .tourOutline .tourData>div {
    display: table-cell;
    vertical-align: top;
}

.tourListBlock .tourOutline .tourData .images {
    width: 300px;
}

.tourListBlock .tourOutline .tourData .conditions {
    padding: 0 40px 0 20px;
}

.tourListBlock .tourOutline .tourData .conditions dl {
    margin-bottom: 20px;
    display: table;
}

.tourListBlock .tourOutline .tourData .conditions dt {
    width: 80px;
    padding: 12px 0 6px;
    color: #cdaf71;
    font-weight: bold;
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
}

.tourListBlock .tourOutline .tourData .conditions dt span {
    font-size: 24px;
    font-weight: normal;
}

.tourListBlock .tourOutline .tourData .conditions dd {
    padding-left: 20px;
    font-size: 30px;
    color: #970606;
    line-height: 1em;
    display: table-cell;
    vertical-align: middle;
}

.tourListBlock .tourOutline .tourData .conditions table tbody:first-child,
.tourListBlock .tourOutline .tourData .conditions table tbody:last-child {
    width: 310px;
    float: left;
    border-bottom: 1px solid #ddd;
}

.tourListBlock .tourOutline .tourData .conditions table th {
    width: 200px;
    padding: 9px 15px;
    text-align: left;
    background: #faf9f8;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #ddd;
}

.tourListBlock .tourOutline .tourData .conditions table td {
    width: 400px;
    padding: 9px 15px;
    font-size: 12px;
    border-top: 1px solid #ddd;
}

.tourListBlock .tourOutline .tourData .information {
    width: 180px;
}

.tourListBlock .tourOutline .tourData>div.information p a,
.tourListBlock .tourOutline .tourData>div.information p a:hover {
    padding: 4px 0 2px;
    background: url(../images/bg_tourlist-01.png) 0 0 repeat-x;
    background-size: auto 100%;
    border: 1px solid #e1dad1;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #80725d;
    display: block;
}

.tourListBlock .tourOutline .tourData>div.information p a::before {
    content: '';
    width: 15px;
    height: 18px;
    margin: 0 2px -2px 0;
    background: url(../images/icon_tourlist-01.png) 0 100% no-repeat;
    background-size: 100% auto;
    display: inline-block;
}

.tourListBlock .tourOutline .tourData .information .recommends {
    margin: 20px 0 0 -15px;
    overflow: hidden;
}

.tourListBlock .tourOutline .tourData .information .recommends li {
    width: 50px;
    margin: 0 0 15px 15px;
    float: left;
}

.tourListBlock .priceTable {
    margin-top: 30px;
    border: 1px solid #aaa;
    overflow: hidden;
}

.tourListBlock .priceTable dl {
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
}

.tourListBlock .priceTable dt,
.tourListBlock .priceTable dd {
    font-size: 12px;
    display: inline-block;
}

.tourListBlock .priceTable dt {
    font-weight: bold;
    color: #666;
}

.tourListBlock .priceTable dd {
    padding: 0 15px 0 5px;
}

.tourListBlock .priceTable .nav {
    width: 130px;
    margin: 0;
    float: left;
}

.tourListBlock .priceTable .nav.prev {
    width: 131px;
}

.tourListBlock .priceTable .nav p {
    width: 100%;
    background: url(../images/bg_btn-silver.png) 0 0 repeat-x;
    background-size: auto 100%;
    text-align: center;
    position: relative;
}

@-moz-document url-prefix() {

    /* for FireFox */
    .tourListBlock .priceTable .nav p {
        height: 59px;
    }
}

.tourListBlock .priceTable .nav p:first-child {
    border-bottom: 1px solid #ddd;
}

.tourListBlock .priceTable .nav p::before {
    content: '';
    width: 8px;
    height: 100%;
    position: absolute;
}

.tourListBlock .priceTable .nav.prev p::before {
    background: url(../images/icon_arrow-tourlist-prev.png) 0 50% no-repeat;
    background-size: 100% auto;
    left: 15px;
}

.tourListBlock .priceTable .nav.next p::before {
    background: url(../images/icon_arrow-tourlist-next.png) 0 50% no-repeat;
    background-size: 100% auto;
    right: 15px;
}

.tourListBlock .priceTable .nav p a {
    padding: 18px 0;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.tourListBlock .priceTable ul {
    height: 120px;
    float: left;
    display: table;
    text-align: center;
    border-left: 1px solid #ddd;
}

.tourListBlock .priceTable ul li {
    width: 127px;
    border-right: 1px solid #ddd;
    display: table-cell;
}

.tourListBlock .priceTable ul li .date {
    padding: 5px 0;
    background: #faf9f8;
    font-size: 12px;
    font-weight: bold;
    display: block;
    text-indent: 1em;
    white-space: nowrap;
    overflow: hidden;
}

.tourListBlock .priceTable ul li .date.sat {
    background: #d6e8f7;
    color: #115993;
}

.tourListBlock .priceTable ul li .date.sun {
    background: #ffeeeb;
    color: #941e1e;
}

.tourListBlock .priceTable ul li div {
    width: 100%;
    height: 87px;
    display: table;
}

.tourListBlock .priceTable ul li div p,
.tourListBlock .priceTable ul li div span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.tourListBlock .priceTable ul li div p a {
    color: #cbaa64;
    text-decoration: underline;
}

.tourListBlock .priceTable ul li div p button {
    width: 65px;
    margin: 14px 0 0;
    padding: 4px 0;
    border: 1px solid #ddd;
    color: #000;
    font-size: 12px;
    line-height: 1em;
}

/* Featured Tour - Sys */
.featured #pageTitle {
    padding: 40px 0;
    background: #faf9f8;
    border-top: 1px solid #eee;
    position: relative;
}

.featured #pageTitle::after {
    content: '';
    width: 0;
    height: 0;
    margin-left: -7px;
    display: block;
    border: 11.5px solid transparent;
    border-top-width: 14px;
    border-top-color: #faf9f8;
    position: absolute;
    bottom: -26px;
    left: 50%;
}

.featured #pageTitle h2 {
    margin-top: 34px;
    padding: 22px 0;
    font-size: 25px;
    font-weight: bold;
    background: #fff;
    color: #cbaa64;
    text-align: center;
    line-height: 1em;
    box-shadow: 0px 0px 5px rgba(102, 71, 0, 0.2);
    display: block;
}

.featureMain {
    padding: 50px 0 10px;
    overflow: hidden;
}

.featureMain .left {
    width: 540px;
    float: left;
}

.featureMain .right {
    width: 620px;
    float: right;
}

.featureMain .right h3 {
    padding: 13px 18px 12px;
    background: #e8eff6;
    font-weight: bold;
    line-height: 1em;
}

.featureMain .right .content {
    padding: 30px 20px;
    line-height: 1.8em;
}

.featured .searchFormArea h3 {
    padding: 35px 0 22px;
    font-size: 50px;
    font-weight: 100;
    text-align: center;
}

.featured .searchFormArea h3 span {
    display: block;
    font-size: 12px;
}

.featured .searchFormArea form {
    background: #faf9f8;
    box-shadow: rgba(11, 2, 5, 0.1) 0px 10px 15px -10px inset;
}

.tour.featured .searchFormArea form>.container {
    padding: 44px 0 24px;
}



/*********************************************************************************/

/* [7] - Destinations CSS */

.surf #mainvisual {
    width: 100%;
    height: 500px;
    display: table;
    background: url(../images/img_top-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.surf #mainvisual div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #333;
    text-shadow: 0 0 3px rgba(255, 236, 149, 0.5);
}

.surf #mainvisual div p {
    font-size: 31px;
    line-height: 1.65em;
}

.surf #mainvisual div p:first-child {
    line-height: 1.3em;
}

.surf #mainvisual div p#sub {
    padding: 35px 0 21px;
    font-size: 15px;
    line-height: inherit;
    position: relative;
}

.surf #mainvisual div p#sub span {
    padding: 0 4px 0 0;
    font-weight: bold;
}

.surf #mainvisual div .button {
    width: 21px;
    height: 21px;
    margin: auto;
    background: url(../images/icon_top-01.png) 50% 0 no-repeat;
    background-size: auto 100%;
    display: block;
    cursor: pointer;
}

.surf #topLineup ul li.lineup01 {
    background: url(../images/img_surf-02.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

.surf #topLineup ul li.lineup02 {
    background: url(../images/img_surf-03.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

.surf #topLineup ul li.lineup03 {
    background: url(../images/img_surf-04.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

.surf #topLineup ul li.lineup04 {
    background: url(../images/img_surf-05.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

.surf #topLineup ul li.lineup05 {
    background: url(../images/img_surf-06.jpg) 0 0 no-repeat;
    background-size: 100% auto;
}

.destinations hr {
    width: 100%;
    height: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.destinations #mainvisual {
    width: 100%;
    height: 400px;
    display: table;
}

.destinations.maldivesB #mainvisual {
    background: url(../images/img_maldivesb-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.destinations.maldivesR #mainvisual {
    background: url(../images/img_maldivesr-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.destinations.elsalvador #mainvisual {
    background: url(../images/img_elsalvador-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.destinations.taiwanE #mainvisual {
    background: url(../images/img_taiwane-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.destinations.pohnpei #mainvisual {
    background: url(../images/img_pohnpei-01.jpg) 50% 100% no-repeat;
    background-size: cover;
}

.destinations #mainvisual div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
}

.destinations #mainvisual div p {
    line-height: 1em;
}

.destinations #mainvisual div #destName {
    padding: 20px 0 0;
    font-size: 33px;
}

.destinations #mainvisual div #destName span {
    padding: 6px 0 24px;
    font-size: 12px;
    display: block;
}

.destinations #mainvisual div #catch {
    font-size: 23px;
    line-height: 1.8em;
}

.destinations .destContainer {
    width: 1160px;
    margin: 0 auto;
    padding: 80px 0 0;
}

.destinations.elsalvador .destContainer {
    padding: 40px 0 0;
}

.destinations .destContainer h3 {
    font-size: 50px;
    font-weight: 100;
    text-align: center;
}

.destinations .destContainer h3 span {
    padding: 24px 0 0;
    font-size: 12px;
    display: block;
}

.destinations .destContainer .sectionCatch {
    padding: 40px 0 30px;
    font-size: 24px;
    line-height: 1.7em;
    text-align: center;
}

.destinations .destContainer .innerImg {
    width: 560px;
    margin: 30px auto 40px;
}

.destinations.pohnpei .destContainer .innerImg,
.destinations.elsalvador .destContainer .innerImg,
.destinations.taiwanE .destContainer .innerImg {
    width: 280px;
}

.destinations .destContainer .text01 {
    width: 800px;
    margin: 40px auto 0;
    padding: 0 0 30px;
}

.destinations .destContainer.branch .text01 {
    margin: 40px auto 50px;
    text-align: center;
}

.destinations .destContainer.branch .text01 ul {
    margin-top: 20px;
}

.destinations .destContainer .text02 {
    width: 800px;
    margin: 0 auto 80px;
    border-top: 1px solid #d0b988;
    border-bottom: 1px solid #d0b988;
}

.destinations .destContainer .text02 h4 {
    font-size: 30px;
    font-weight: 100;
    text-align: center;
}

.destinations .destContainer .text02 h4:first-child {
    margin: 80px 0 0;
}

.destinations .destContainer .text02.nested h4:first-child {
    margin: 10px 0 0;
}

.destinations .destContainer .text02 h4 span {
    font-size: 12px;
    display: block;
}

.destinations.elsalvador .destContainer .text02 .rooms h4 {
    margin: 0;
    padding: 0 0 40px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.destinations .destContainer .text02.wide {
    width: 100%;
}

.destinations .destContainer .text02 .details {
    width: 700px;
    padding: 30px 20px 0 80px;
    position: relative;
    display: none;
}

.destinations .destContainer .text02.wide .details {
    width: 100%;
    padding: 0;
}

.destinations .destContainer .text02 .details:before {
    width: 42px;
    height: 100%;
    content: '';
    display: block;
    background: url(../images/bg_maldivesb-01.png) 0 0 no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 35px;
    left: 10px;
}

.destinations .destContainer .text02.wide .details:before,
.destinations .destContainer .text02.nested .details:before {
    display: none;
}

.destinations.elsalvador .destContainer .text02.wide .details .rooms {
    padding: 40px 0 50px;
}

.destinations .destContainer .text02.wide .details .roomDetails {
    width: 100%;
    padding: 30px 0 70px;
    overflow: hidden;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails {
    padding: 0 0 50px;
    overflow: hidden;
}

.destinations .destContainer .text02.wide .details .roomDetails li {
    width: 360px;
    margin: 0 40px 0 0;
    float: left;
}

.destinations .destContainer .text02.wide .details .roomDetails li:last-child {
    margin: 0;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li:nth-child(even) {
    margin: 0;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li {
    width: 560px;
    margin: 0 40px 0 0;
}

.destinations .destContainer .text02.wide .details .roomDetails li h5 {
    margin: 0 0 24px;
    padding: 12px 0;
    background: #faf9f8;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li h5 {
    padding: 12px 20px 11px;
    background: #faf9f8;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.destinations .destContainer .text02.wide .details .roomDetails li .roomImages {
    margin-bottom: 24px;

}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent {
    width: 520px;
    margin: 24px auto 0;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent img {
    margin-bottom: 40px;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent .facilities {
    padding: 30px 0 0;
    font-size: 12px;
    line-height: 1.75em;
    color: #666;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent .facilities h6 {
    padding: 0;
    font-weight: bold;
}

.destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent .facilities ul {
    margin: 0 0 0 20px;
    list-style: disc;
}

.destinations .destContainer .text02 .details div.innerBlock {
    margin: 40px auto;
}

.destinations .destContainer .text02 .details p.innerBlock {
    margin: 30px auto 0;
}

.destinations .destContainer .text02.wide .details .innerBlock {
    width: 800px;
    margin: 80px auto;
}

.destinations .destContainer .text02.wide .details .innerBlock:last-child {
    margin: 80px auto 0;
}

.destinations .destContainer .text02 p {
    padding: 0 0 40px;
}

.destinations .destContainer .text02.wide .details .roomDetails p,
.destinations .destContainer .text02.wide .details .innerBlock p {
    padding: 0;
}

.destinations .destContainer .detailList {
    width: 100%;
    margin: 50px auto 80px;
    overflow: hidden;
}

.destinations .destContainer .detailList dt {
    width: 550px;
    padding: 17px 30px 17px 0;
    clear: left;
    float: left;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.destinations .destContainer .detailList dd {
    width: 550px;
    margin: 0 0 0 -1px;
    padding: 17px 0 17px 30px;
    float: left;
    border-left: 1px solid #dadada;
}

.destinations .destContainer .text02.wide .detailList {
    margin: 0;
}

.destinations .destContainer .text02.wide .detailList dt {
    width: 370px;
    font-size: inherit;
    color: #000;
}

.destinations .destContainer .text02.wide .detailList dd {
    width: 370px;
}

.destinations .destContainer .lineDL-vertical {
    margin: 0 0 20px;
    font-size: 12px;
    line-height: 1.75em;
    color: #666;
}

.destinations .destContainer .lineDL-vertical:last-child {
    margin: 0;
}

.destinations .destContainer .lineDL-vertical dt {
    padding: 10px 20px;
    border-top: 1px solid #ccc;
    font-weight: bold;
    line-height: 1em;
}

.destinations .destContainer .lineDL-vertical dd {
    padding: 14px 20px 0;
    border-top: 1px solid #ccc;
}

.destinations .destContainer .lineDL-vertical dd ul {
    margin: 0 0 0 20px;
    list-style: disc;
}

.destinations .destContainer .lineDL-vertical dd ul li {
    padding: 0 0 10px;
}

.destinations .destContainer .text02 .trigger {
    padding: 15px 0;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    color: #cfb378;
    cursor: pointer;
}

.destinations .destContainer .text02 .trigger span {
    padding: 0 0 0 24px;
    background: url(../images/icon_destination-open.png) 0 50% no-repeat;
    background-size: auto 100%;
}

.destinations .destContainer .text02 .trigger.opened span {
    background: url(../images/icon_destination-close.png) 0 50% no-repeat;
    background-size: auto 100%;
}

.destinations #boatList {
    width: 865px;
    margin: 0 auto 80px;
    overflow: hidden;
}

.destinations #boatList li {
    width: 275px;
    margin: 0 20px 0 0;
    float: left;
    border-radius: 5px;
    background: #faf9f8;
    font-size: 14px;
}

.destinations #boatList li:last-child {
    margin: 0;
}

.destinations #boatList li img {
    border-radius: 5px 5px 0 0;
}

.destinations #boatList li h4:after {
    width: 30px;
    height: 100%;
    margin: 0 20px 0 0;
    content: '';
    display: block;
    background: url(../images/icon_destination-arrow.png) 0 50% no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
}

.destinations #boatList li h4 {
    padding: 20px 70px 10px 20px;
    font-size: 25px;
    position: relative;
}

.destinations #boatList li h4 a,
.destinations #boatList li h4 a:hover {
    color: #115993;
    text-decoration: none;
}

.destinations #boatList li h4 span {
    padding: 14px 0 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    display: block;
}

.destinations #boatList li p {
    padding: 0 20px 20px;
}

.destinations .cvPoint {
    width: 100%;
    padding: 50px 0;
    background: #f0ebe6;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    column-gap: 30px;

}

.destinations .cvPoint a .button,
.destinations .cvPoint a:hover .button {
    width: 350px;
    margin: 0 auto;
    padding: 22px 0;
    font-size: 16px;
    border: 0;
    font-weight: bold;
    line-height: 1em;
    display: inline-block;
    cursor: pointer;
}


/*********************************************************************************/

/* [7] - Form pages CSS */

.preface,
.formBlock {
    width: 1024px;
    margin: 0 auto;
}

.preface {
    padding: 80px 0 24px;
}

.tour .order .preface {
    padding: 80px 0 0;
}

.tour .order .preface.right {
    text-align: right;
}

.tour .order .formBlock .preface {
    padding: 0 0 24px;
}

.preface a,
.preface a:hover,
.complete a,
.complete a:hover {
    padding: 0 3px;
    color: #cfb378;
    white-space: nowrap;
}

.preface span {
    width: 38px;
    padding: 0 4px 0 0;
    display: inline-block;
    line-height: 1em;
}

.preface span.tel {
    width: auto;
    padding: 0;
    white-space: nowrap;
    line-height: inherit;
}

.formBlock.complete {
    margin: 80px auto;
    padding: 80px 0;
    text-align: center;
    border: 1px solid #dbdbdb;
}

.formBlock.complete h3 {
    margin: 0 0 34px;
    font-size: 21px;
}

.formBlock.complete p {
    width: 570px;
    margin: 0 auto;
    padding: 0 0 10px;
}

.formBlock.complete .buttonArea {
    padding: 80px 0 0;
}

.formBlock dl {
    margin: 0 0 80px;
    border-top: 1px solid #7b7b7b;
    border-bottom: 1px solid #7b7b7b;
    overflow: hidden;
    background: #faf9f8;
}

.formBlock .subForm {
    margin: -81px 0 0;
}

.formBlock .subForm h4 {
    padding: 22px 20px;
    background: #faf9f8;
    line-height: 1em;
    color: #bb474a;
    border-top: 1px solid #ccc;
}

.formBlock .subForm dl {
    border-top: 1px solid #ccc;
}

.formBlock dt {
    width: 260px;
    padding: 23px 20px 0 20px;
    float: left;
    border-top: 1px dotted #7b7b7b;
    line-height: 3em;
    position: relative;
}

.formBlock dt.es:after {
    width: 38px;
    height: 16px;
    content: '';
    background: url(../images/icon_forms-essential.png) 0 0 no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 37px;
    right: 20px;
}

.formBlock .disabled dt.es:after {
    background: url(../images/icon_forms-essential-disabled.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.formBlock dt:first-child,
.formBlock dt:first-child+dd {
    border: 0;
}

.formBlock dd {
    margin-left: 300px;
    padding: 23px 20px 13px 20px;
    border-top: 1px dotted #7b7b7b;
    background: #fff;
}

.formBlock.confirm dd {
    padding: 32px 20px 20px;
}

.formBlock.confirm dd:last-child {
    padding: 32px 20px;
}

.tour .formBlock .confirm dt {
    padding: 18px 20px;
    line-height: 1em;
}

.tour .formBlock .confirm dd {
    padding: 18px 20px 0;
    line-height: 1em;
}

.formBlock dd:after {
    width: 100%;
    content: '';
    clear: both;
    display: block;
    border: 0;
}

.formBlock dd p {
    padding: 10px 10px 0;
    font-size: 12px;
    line-height: 1.75em;
    color: #666;
}

.tour .formBlock .confirm dd p.message {
    padding: 0 0 18px;
    font-size: inherit;
    color: inherit;
}

.formBlock dd input[type="text"]+p {
    margin-top: -13px;
}

.formBlock .addresseeBlock {
    margin: 0 0 60px;
}

.formBlock .addresseeInner {
    padding: 30px 0 20px;
    background: #fefaf0;
}

.formBlock .addresseeInner dl {
    margin: 10px 40px 20px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    background: #fdfdfd;
}

.formBlock .addresseeInner dt {
    line-height: 1em;
}

.formBlock .addresseeInner dt.es::after {
    top: 20px;
}

.formBlock .addresseeInner dd {
    padding: 20px;
    border-left: 1px solid #dbdbdb !important;
}

.formBlock .addresseeInner .radioSelectable li {
    padding: 0;
    line-height: 1em;
}

.formBlock .addresseeInner .radioSelectable li input[type="radio"] {
    margin: 0;
}

.formBlock .addresseeInner .radioSelectable li label,
.formBlock .addresseeInner .radioSelectable li span {
    line-height: 1em;
}

.formBlock .addresseeInner .radioSelectable li span {
    font-weight: bold;
    color: #bb474a;
}

.formBlock hr {
    margin: 0;
    height: 0;
    border-top: 1px solid #cfccc3;
}

.formBlock .addresseeBlock hr+p {
    padding: 40px;
    text-align: center;
    background: #fefaf0;
    color: #bb474a;
}

.formBlock .addresseeBlock hr+p span {
    font-weight: bold;
}

.formBlock .note {
    padding: 0 0 20px;
    text-align: center;
}

.formBlock textarea.note {
    width: 998px;
    height: 122px;
    margin: 0 0 60px;
    padding: 13px 12px;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 2px;
    resize: vertical;
}

.preface+p.error,
.formBlock dd .error,
.orderContainer form dd .error,
.perRoom dt.error p {
    margin: 0;
    padding: 0 0 10px !important;
    font-size: 14px;
    line-height: 1em;
    font-weight: bold;
    color: #bb474a !important;
}

.perRoom dt.error p {
    white-space: nowrap;
}

.preface+p.error::before,
.formBlock dd .error::before,
.orderContainer form dd .error::before,
.perRoom dt.error p::before {
    width: 14px;
    height: 14px;
    margin: 0 6px -2px 0;
    content: '';
    background: url(../images/icon_forms-error.png) 0 100% no-repeat;
    background-size: 100% auto;
    display: inline-table;
}

.perRoom dt.error::before {
    display: none !important;
}

.preface+p.error {
    padding: 0 0 30px 20px;
    text-align: center;
}

.formBlock dd p.error+input,
.formBlock dd p.error+span+input,
.formBlock dd p.error+span+input+span+input,
.formBlock dd p.error+input+input,
.formBlock dd p.error+select,
.formBlock dd p.error+label+select,
.formBlock dd p.error+textarea,
.perRoom dt.error+dd select {
    border-color: #b74b4b !important;
}

.perRoom dt.error+dd {
    padding-top: 50px !important;
}

.formBlock dd input[type="text"] {
    width: 596px;
    margin-bottom: 10px;
    padding: 13px 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 1em;
}

.formBlock dd input[type="text"].half {
    width: 274px;
}

.formBlock dd .half+.half {
    margin-left: 18px;
}

.formBlock dd input[type="text"].zip01 {
    width: 124px;
    margin-right: 10px;
}

.formBlock dd input[type="text"].zip02 {
    width: 149px;
    margin-left: 10px;
}

.formBlock dd input[type="text"].calendar,
#searchTour input[type="text"].calendar {
    width: 220px;
    padding: 11px 12px;
}

.formBlock dd label,
.formBlock dd span,
.formBlock dd span.calendar,
.formBlock dd select {
    display: inline-block;
}

.formBlock dd select {
    margin-top: 3px;
}

.formBlock dd span {
    padding: 0 6px 0 0;
    line-height: 3.2em;
    vertical-align: top;
}

.formBlock .confirm dd span {
    padding: 0 0 16px;
    line-height: 1.5em;
}

.formBlock dd span.subtitle,
.formBlock dd li span.subtitle {
    padding: 0 14px 0 0 !important;
    line-height: 3em;
}

.formBlock dd select+span.subtitle {
    line-height: 2.3em;
}

.formBlock dd li span.subtitle+input[type="text"] {
    width: 536px;
}

.formBlock.confirm dd span {
    padding: 0;
    line-height: 2.5em;
    font-size: 12px;
}

.formBlock dd .calendar+span {
    padding: 0 10px 0 12px;
}

.formBlock dd select {
    width: 620px;
}

.formBlock dd select.prefacture {
    width: 250px;
}

.formBlock dd select.yearSelect {
    width: 150px;
}

.formBlock dd select.monthSelect,
.formBlock dd select.dateSelect {
    width: 90px;
}

.formBlock dd ul {
    margin: 0;
}

.formBlock dd ul li {
    padding: 0 0 10px;
    line-height: 1em;
}

.formBlock dd ul li:last-child {
    padding: 0;
}

.formBlock .confirm dd ul li:last-child {
    padding: 0 0 18px;
}

.formBlock dd li label {
    width: 176px;
    margin: 0;
    padding: 0;
    line-height: 2.2em;
    vertical-align: top;
}

.formBlock dd li select,
.formBlock dd li select option {
    width: 126px;
}

.formBlock dd li span {
    padding: 0 0 0 6px;
    line-height: 2em;
}

.formBlock dd .radioSelectable li {
    padding: 10px 0;
    line-height: 1em;
    display: inline-block;
}

.formBlock dd .radioSelectable li label {
    width: auto;
    padding: 0 28px 0 6px;
    line-height: 1.5em;
}

.formBlock dd .radioSelectable li select {
    width: 90px;
}

.formBlock dd div {
    padding: 6px 0 0;
}

.formBlock dd label {
    padding: 0 28px 0 6px;
}

.formBlock dd textarea {
    width: 596px;
    height: 122px;
    margin: 0 0 10px;
    padding: 13px 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    resize: vertical;
}

.formBlock .buttonArea {
    padding: 0 0 80px;
    text-align: center;
}

.formBlock ul.buttonArea li {
    padding: 0 18px;
    display: inline-block;
}

.formBlock .buttonArea button {
    width: 500px;
    margin: 0 auto;
    padding: 22px 0;
    font-size: 16px;
    background: url(../images/bg_btn-gold.png) 0 0 repeat-x;
    background-size: auto 100%;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    line-height: 1em;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.formBlock .buttonArea .button {
    width: 500px;
    margin: 0 auto;
    padding: 22px 0;
    font-size: 16px;
    background: url(../images/bg_btn-gold.png) 0 0 repeat-x;
    background-size: auto 100%;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    line-height: 1em;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.formBlock .buttonArea a {
    width: 300px;
    margin: 0 auto;
    padding: 22px 0;
    font-size: 16px;
    background: url(../images/bg_btn-gray.png) 0 0 repeat-x;
    background-size: auto 100%;
    border: 0;
    border-radius: 5px;
    font-weight: bold;
    line-height: 1em;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}

.formBlock .buttonArea a:hover {
    text-decoration: none;
}

.formBlock ul.buttonArea button {
    width: 300px;
}




/*********************************************************************************/

/* [8] - Document pages CSS */

.documents {}

#stipulationList {
    margin-right: -30px;
    overflow: hidden;
}

#stipulationList li {
    width: 380px;
    height: 145px;
    margin: 0 30px 30px 0;
    border-radius: 5px;
    background: #faf9f8;
    float: left;
}

#stipulationList li a:hover,
#stipulationList li:hover a {
    color: #cbaa64;
    text-decoration: none;
}

#stipulationList li dl {
    width: 100%;
    height: 100%;
    display: table;
}

#stipulationList li dt {
    width: 15.8%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjYzllMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2FjYzllMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWI1Y2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    border-radius: 5px 0 0 5px;
}

#stipulationList li:hover dt {
    background:
        url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1Y2ZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2U1Y2ZhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGFmNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(229, 207, 163, 1) 0%, rgba(229, 207, 163, 1) 75%, rgba(205, 175, 113, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229, 207, 163, 1)), color-stop(75%,
                rgba(229, 207, 163, 1)), color-stop(100%, rgba(205, 175, 113, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(229, 207, 163, 1) 0%, rgba(229, 207, 163, 1) 75%, rgba(205, 175, 113, 1) 100%);
    /* Chrome10+,Safari5.1+ */
}

#stipulationList li dt img {
    width: 23px;
}

#stipulationList li dd {
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

#stipulationList li dd span {
    font-size: 15px;
}

.documents .colWrap,
.template .colWrap {
    padding: 63px 0 160px;
    overflow: hidden;
}

.documents .colWrap .colLeft,
.template .colWrap .colLeft {
    width: 850px;
    float: left;
}

.documents .colWrap .colLeft h3,
.documents.singlePages h3,
.template .colWrap .colLeft h3 {
    margin: 60px 0 0;
    padding: 15px 20px;
    background: #e8eff6;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
    color: #115993;
    position: relative;
}

.documents.company .colWrap .colLeft h3:before {
    width: 15px;
    height: 20px;
    content: '';
    background: url(../images/icon_company-title.png) 0 50% no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 20px;
    display: block;
}

.documents.company .colWrap .colLeft h3 {
    text-indent: 30px;
}

@media all and (-ms-high-contrast:none) {

    /* IE 10+ */
    .documents .colWrap .colLeft h3,
    .documents.singlePages h3 {
        padding: 15px 20px 10px
    }

    .documents.company .colWrap .colLeft h3:before {
        margin: -3px 0 0;
    }
}

.documents .colWrap .colLeft h3:first-child,
.template .colWrap .colLeft h3:first-child {
    margin: 0;
}

.documents .colWrap .colLeft h4 {
    padding: 35px 0 0 10px;
    color: #720c0c;
}

.documents .colWrap .colLeft .extraBox {
    padding: 6px 10px;
    border: 1px solid #eaeaea;
}

.documents .colWrap .colLeft .extraBox dl {
    padding: 0;
    overflow: hidden;
}

.documents .colWrap .colLeft .extraBox dl dt {
    padding: 0 1em 0 0;
    clear: left;
    float: left;
    font-weight: normal;
}

.documents .colWrap .colLeft .extraBox dl dd {
    float: left;
}

.documents.company .colWrap .colLeft .greetingBlock {
    padding: 11px 0 0;
    background: url(../images/bg_greeting-01.png) 0 0 repeat-x;
    background-size: auto 11px;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent {
    padding: 0 12px 38px 10px;
    background: url(../images/bg_greeting-02.png) 0 100% repeat-x;
    background-size: auto 11px;
    overflow: hidden;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent h3 {
    width: 600px;
    padding: 0;
    background: none;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0;
    text-indent: 10px;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent h3:before {
    display: none;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent h3 img {
    width: 138px;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap {
    width: 215px;
    margin-left: 24px;
    float: right;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap .photo {
    padding: 4px;
    border: 1px solid #dbdbdb;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap p {
    padding: 20px 0 0;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent .textWrap {
    width: 560px;
    padding: 25px 10px 0;
    float: left;
}

.documents.company .colWrap .colLeft .greetingBlock .greetingContent .textWrap p {
    padding: 0 0 20px;
}

.documents.singlePages .preamble {
    margin: 60px 0;
}

.documents.singlePages .preamble p {
    padding: 0 0 30px;
}

.documents.singlePages .preamble p.lastUpDated {
    text-align: right;
}

.documents.singlePages ol {
    padding-bottom: 80px;
}

.documents .colWrap .colLeft dl {
    padding: 18px 0 0 10px;
}

.documents .colWrap .colLeft dt {
    font-weight: bold;
}

.documents .colWrap .colLeft dd.no-list {
    padding-left: 10px;
}

.documents .colWrap .colLeft dd ol,
.documents.singlePages ol {
    margin: 0 0 0 30px;
    list-style: decimal;
}

.documents .colWrap .colLeft dd ol li,
.documents.singlePages ol li {
    padding: 0 0 10px 20px;
}

.documents .colWrap .colLeft dd ol li:first-child {
    margin-left: -30px;
    list-style: none;
}

.documents.singlePages ol li a,
.documents.singlePages ol li a:hover {
    color: #cdaf71;
}

.documents.singlePages ol li p {
    padding: 10px 0 20px;
}

.documents.singlePages ol li .textBox {
    padding: 0 0 20px;
}

.documents.singlePages ol li .textBox p {
    padding: 10px 0 0;
}

.documents.singlePages ol li h4+ol {
    margin-top: 10px;
}

.documents.singlePages ol li p+ol {
    margin-top: 0;
}

.documents .colWrap .colLeft dd ol li ol li:first-child,
.documents .colWrap .colLeft dd ol li ol li ol li:first-child,
.documents.singlePages ol li ol li:first-child,
.documents.singlePages ol li ol li ol li:first-child {
    margin-left: 0;
    list-style: inherit;
}

.documents .colWrap .colLeft dd ol.single ol {
    margin: 10px 0 0 60px;
}

.documents .colWrap .colLeft dd ol li ol {
    margin: 10px 0 0 30px;
    list-style: none;
}

.documents.singlePages ol li ol {
    margin: 10px 0 0;
    padding: 0 0 10px;
    list-style: none;
}

.documents .colWrap .colLeft dd ol li ol li ol {
    margin: 10px 0 0 0;
}

.documents .colWrap .colLeft .termsContents ul {
    counter-reset: topLevel;
}

.documents .colWrap .colLeft .termsContents ul>li {
    padding-bottom: 40px;
    font-size: 15px;
    list-style: none;
    position: relative;
}

.documents .colWrap .colLeft .termsContents ul>li::before {
    counter-increment: topLevel;
    content: counter(topLevel);
    width: 50px;
    height: 20px;
    padding: 15px 0;
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 1em;
    text-align: center;
    color: #fff;
    background: #abcbe5;
    position: absolute;
    top: 40px;
    left: 0;
    border-radius: 4px 0 0 4px;
}

.documents .colWrap .colLeft .termsContents .lead {
    padding: 0;
}

.documents .colWrap .colLeft .termsContents h3 {
    display: none;
}

.documents .colWrap .colLeft .termsContents h4 {
    margin: 20px 0 25px;
    padding: 15px 0 15px 65px;
    font-size: 20px;
    line-height: 1em;
    color: #115993;
    background: #e8eff6;
    border-radius: 4px;
}

.termsContents a {
    color: #cdaf71;
}

.termsContents table {
    margin: 10px 0;
}

.termsContents table+p {
    margin-top: -10px;
}

.termsContents table caption {
    text-align: left;
}

.termsContents table td {
    vertical-align: middle;
}

.termsContents .stipulationTable02.simple td {
    padding: 3px 5px 3px 14px;
    text-align: left;
}

/* Listmark settings */

.termsContents ul>li {
    padding: 20px 0 0;
    list-style: decimal inside;
    font-size: 13px;
    font-weight: normal;
}

.termsContents ul ol {
    padding: 0 !important;
    list-style: none;
}

.termsContents ul ol li {
    padding-left: 30px;
}

.termsContents ul li>ol {
    counter-reset: level01 !important;
}

.termsContents ul li li::before {
    margin-left: -30px;
    padding: 0 6px 0 0 !important;
    counter-increment: level01 !important;
    content: '( ' counter(level01) ' )' !important;
}

.termsContents ul ol li>ol {
    padding: 0 !important;
}

.termsContents ul ol ol li::before {
    margin-left: -22px;
}

@-moz-document url-prefix() {
    .termsContents ul>li {
        padding: 0.9em 0 20px !important;
    }

    .termsContents ul ol li {
        padding-bottom: 6px;
    }

    .termsContents table+p {
        margin-top: -4px !important;
    }

    .stipulationTable02 th {
        text-align: left;
    }
}

.termsContents ul ol ol li:nth-child(1)::before {
    content: 'ア.' !important;
}

.termsContents ul ol ol li:nth-child(2)::before {
    content: 'イ.' !important;
}

.termsContents ul ol ol li:nth-child(3)::before {
    content: 'ウ.' !important;
}

.termsContents ul ol ol li:nth-child(4)::before {
    content: 'エ.' !important;
}

.termsContents ul ol ol li:nth-child(5)::before {
    content: 'オ.' !important;
}

.termsContents ul ol ol li:nth-child(6)::before {
    content: 'カ.' !important;
}

.termsContents ul ol ol li:nth-child(7)::before {
    content: 'キ.' !important;
}

.termsContents ul ol ol li:nth-child(8)::before {
    content: 'ク.' !important;
}

.termsContents ul ol ol li:nth-child(9)::before {
    content: 'ケ.' !important;
}

.termsContents ul ol ol li:nth-child(10)::before {
    content: 'コ.' !important;
}

.termsContents ul ol ol ol li:nth-child(1)::before {
    content: '(ア)' !important;
}

.termsContents ul ol ol ol li:nth-child(2)::before {
    content: '(イ)' !important;
}

.termsContents ul ol ol ol li:nth-child(3)::before {
    content: '(ウ)' !important;
}

.termsContents ul ol ol ol li:nth-child(4)::before {
    content: '(エ)' !important;
}

.termsContents ul ol ol ol li:nth-child(5)::before {
    content: '(オ)' !important;
}

.termsContents ul ol ol ol li:nth-child(6)::before {
    content: '(カ)' !important;
}

.termsContents ul ol ol ol li:nth-child(7)::before {
    content: '(キ)' !important;
}

.termsContents ul ol ol ol li:nth-child(8)::before {
    content: '(ク)' !important;
}

.termsContents ul ol ol ol li:nth-child(9)::before {
    content: '(ケ)' !important;
}

.termsContents ul ol ol ol li:nth-child(10)::before {
    content: '(コ)' !important;
}

.termsContents ul ol ol ol ol {
    list-style: upper-alpha !important;
    margin-left: 24px;
}

.termsContents ul ol ol ol ol li::before {
    display: none;
}

.termsContents ul ol ol ol ol li {
    padding: 0 !important;
}

.documents .colWrap .colLeft dd ol li ol li {
    position: relative;
    padding-left: 30px;
}

.documents.singlePages ol li ol li {
    position: relative;
    padding-left: 50px;
}

.documents .colWrap .colLeft dd ol li ol li:before,
.documents.singlePages ol li ol li:before {
    padding-right: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(1):before {
    content: '一.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(2):before {
    content: '二.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(3):before {
    content: '三.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(4):before {
    content: '四.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(5):before {
    content: '五.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(6):before {
    content: '六.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(7):before {
    content: '七.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(8):before {
    content: '八.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(9):before {
    content: '九.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(10):before {
    content: '十.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(11):before {
    content: '十一.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(12):before {
    content: '十二.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(13):before {
    content: '十三.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(14):before {
    content: '十四.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(15):before {
    content: '十五.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(16):before {
    content: '十六.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(17):before {
    content: '十七.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(18):before {
    content: '十八.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(19):before {
    content: '十九.';
}

.documents .colWrap .colLeft dd ol li ol li:nth-child(20):before {
    content: '二十.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(1):before {
    content: 'イ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(2):before {
    content: 'ロ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(3):before {
    content: 'ハ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(4):before {
    content: 'ニ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(5):before {
    content: 'ホ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(6):before {
    content: 'ヘ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(7):before {
    content: 'ト.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(8):before {
    content: 'チ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(9):before {
    content: 'リ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(10):before {
    content: 'ヌ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(11):before {
    content: 'ル.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(12):before {
    content: 'ヲ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(13):before {
    content: 'ワ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(14):before {
    content: 'カ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(15):before {
    content: 'ヨ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(16):before {
    content: 'タ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(17):before {
    content: 'レ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(18):before {
    content: 'ソ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(19):before {
    content: 'ツ.';
}

.documents .colWrap .colLeft dd ol li ol li ol li:nth-child(20):before {
    content: 'ネ.';
}

.documents.singlePages ol li ol {
    counter-reset: level2;
}

.documents.singlePages ol li ol li:before {
    content: '（' counter(level2)'）';
    counter-increment: level2;
}

/* Settings for Company info and Similar tables */

.documents.company .colWrap .colLeft dl,
dl.grayTable {
    width: 100%;
    margin: 40px 0 60px;
    padding: 0 !important;
    background: #f3f2f0;
    overflow: hidden;
}

.documents.company .colWrap .colLeft dt,
.grayTable dt {
    width: 198px;
    padding: 18px 0 0 20px;
    float: left;
    border-top: 1px solid #fff;
}

.documents.company .colWrap .colLeft dd,
.grayTable dd {
    margin: 0 0 0 218px;
    padding: 18px 20px;
    background: #faf9f8;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.documents.company .colWrap .colLeft dd a.pdf,
.grayTable dd a.pdf {
    padding: 0 52px 0 0;
    position: relative;
}

.documents.company .colWrap .colLeft dd a.pdf:after,
.grayTable dd a.pdf:after {
    width: 38px;
    height: 100%;
    content: '';
    background: url(../images/icon_stipulation-pdf.png) 100% 0 no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.documents.company .colWrap .colLeft dd:after,
.grayTable dd:after {
    width: 100%;
    content: '';
    clear: both;
    display: block;
    border: 0;
}

.grayTable a {
    color: #cdaf71;
}

.documents.company .colWrap .colLeft .mapArea {
    position: relative;
    margin: 40px 0 0;
    padding-bottom: 55.3%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.documents.company .colWrap .colLeft .mapArea iframe,
.documents.company .colWrap .colLeft .mapArea object,
.documents.company .colWrap .colLeft .mapArea embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.documents.company .colWrap .colLeft .information {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
}

.documents.company .colWrap .colLeft .information p {
    padding: 0 0 10px;
}


/* Attached tables for Stipulation pages */

.documents .colWrap .colLeft .tablesArea {
    padding: 80px 0 0;
}

.documents .colWrap .colLeft .tablesArea h4 {
    padding: 35px 0 15px;
    color: inherit;
}

.documents .colWrap .colLeft .tablesArea table {
    width: 98.2%;
}

.documents .colWrap .colLeft .tablesArea table:last-child {
    margin-bottom: 0;
}

.stipulationTable01 caption {
    text-align: left;
}

.stipulationTable01,
.stipulationTable02 {
    margin-bottom: 80px;
    border-collapse: collapse;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.stipulationTable01 th,
.stipulationTable01 td,
.stipulationTable02 th,
.stipulationTable02 td {
    padding: 3px 5px 3px 14px;
    border-top: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    font-size: 12px;
}

.stipulationTable01 td,
.stipulationTable02 td {
    vertical-align: top;
}

.stipulationTable01 thead th {
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #a0a0a0;
    font-size: 13px;
}

.stipulationTable02 thead th {
    padding: 3px 0;
    text-align: center;
    font-weight: bold;
    background: #faf9f8;
    font-size: 13px;
}

.stipulationTable01 tbody tr th:first-child {
    font-size: 13px;
    text-indent: -0.5em;
}

.stipulationTable01.branch tbody tr th:first-child {
    text-indent: 0em;
}

.stipulationTable01 tbody th {
    text-align: left;
    background: #faf9f8;
}

.stipulationTable01 tbody tr td:first-child {
    width: 67%;
}

.stipulationTable01 tbody tr td:last-child {
    width: 33%;
}

.stipulationTable02 tbody tr td:first-child {
    width: 67.5%;
    padding: 6px 10px 0;
    text-align: left;
}

.stipulationTable02 tbody tr td {
    padding: 0;
    text-align: center;
}

.stipulationTable01 td span {
    display: inline-block;
}

.stipulationTable01 td dl,
.stipulationTable02 td dl {
    display: table;
}

/*
.stipulationTable01 td dl{
text-indent: -0.5em;
}*/

.stipulationTable01 td dt,
.stipulationTable01 td dd,
.stipulationTable02 td dt,
.stipulationTable02 td dd {
    display: table-cell;
    line-height: 1.75em;
}

.stipulationTable01 td dt,
.stipulationTable02 td dt {
    padding-right: 8px;
    font-weight: normal !important;
}

.stipulationTable01 td .notes dt {
    padding-right: 34px;
    white-space: nowrap;
}

.stipulationTable02 td .notes dt {
    padding-right: 10px;
    white-space: nowrap;
}

.stipulationTable02 td dl.notes+dl.notes {
    margin-top: 6px;
}

.stipulationTable01 td dd ol,
.stipulationTable02 td dd ol {
    list-style: none !important;
}

.stipulationTable01 td dd ol li,
.stipulationTable02 td dd ol li {
    margin-left: -30px !important;
    padding: 0 10px 0 45px !important;
    position: relative;
}

.stipulationTable01 td dd ol li:before,
.stipulationTable02 td dd ol li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.stipulationTable01 td dd ol li:nth-child(1):before {
    content: '（一）'
}

.stipulationTable01 td dd ol li:nth-child(2):before {
    content: '（二）'
}

.stipulationTable01 td dd ol li:nth-child(3):before {
    content: '（三）'
}

.stipulationTable01 td dd ol li:nth-child(4):before {
    content: '（四）'
}

.stipulationTable01 td dd ol li:nth-child(5):before {
    content: '（五）'
}

.stipulationTable01 td dd ol li:nth-child(6):before {
    content: '（六）'
}

.stipulationTable01 td dd ol li:nth-child(7):before {
    content: '（七）'
}

.stipulationTable01 td dd ol li:nth-child(8):before {
    content: '（八）'
}

.stipulationTable01 td dd ol li:nth-child(9):before {
    content: '（九）'
}

.stipulationTable01 td dd ol li:nth-child(10):before {
    content: '（十）'
}


/* Sidebar */
.documents .colWrap .colRight,
.template .colWrap .colRight {
    width: 300px;
    float: right;
}

.documents .colWrap .colRight h3,
.template .colWrap .colRight h3 {
    padding: 18px 20px 17px;
    background: #000;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    color: #fff;
}

.documents .colWrap .colRight #sidebar,
.template .colWrap .colRight #sidebar {
    padding: 4px 0;
}

.documents .colWrap .colRight #sidebar li,
.template .colWrap .colRight #sidebar li {
    padding: 16px 20px;
    border-bottom: 1px solid #eaeaea;
    line-height: 1.8em;
    cursor: pointer;
    position: relative;
}

.documents .colWrap .colRight #sidebar li a,
.template .colWrap .colRight #sidebar li a {
    margin-right: 20px;
    display: block;
}

.documents .colWrap .colRight #sidebar li:hover a,
.documents .colWrap .colRight #sidebar li a:hover,
.template .colWrap .colRight #sidebar li:hover a,
.template .colWrap .colRight #sidebar li a:hover {
    color: #cdaf71;
    text-decoration: none;
}

.documents .colWrap .colRight #sidebar li a::after,
.template .colWrap .colRight #sidebar li a::after {
    content: '';
    width: 10px;
    height: 100%;
    background: url(../images/icon_sidebar-arrow.png) 100% 50% no-repeat;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
}

.documents .colWrap .colRight #sidebar li:hover a::after,
.template .colWrap .colRight #sidebar li:hover a::after {
    background: url(../images/icon_sidebar-arrow-hover.png) 100% 50% no-repeat;
    background-size: 100% auto;
}



/*********************************************************************************/

/* [9] - Blogs and News CSS */

.news-blog .colRight dl {
    overflow: hidden;
}

.news-blog .colRight dl dt {
    float: right;
}

.news-blog .colRight dl dt input {
    width: 50px;
    height: 44px;
    border-left: 1px solid #ccc;
    background: url(../images/bg_btn-blog-search.png) 0 0 no-repeat;
    background-size: 100% 100%;
    border-radius: 0 4px 4px 0;
}

.news-blog .colRight dl dd {
    float: left;
}

.news-blog .colRight dl dd input {
    width: 213px;
    height: 18px;
    padding: 12px 18px;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}

.news-blog .colRight .banner {
    margin: 50px 0 0;
}

.news-blog .colRight h3 {
    margin: 50px 0 0;
    background: #000;
    border-radius: 4px;
    font-weight: normal !important;
    cursor: pointer;
}

.news-blog .colRight h3 span {
    width: 15px;
    margin: -4px 0 0 0;
    display: block;
    float: right;
}

.news-blog .colRight>ul {
    border-bottom: 1px solid #eaeaea;
    display: none;
}

.news-blog .colRight #categories li p:hover a,
.news-blog .colRight #categories li li:hover a,
.news-blog .colRight ul a:hover,
.news-blog .colRight #archives li:hover a {
    text-decoration: none;
    color: #cbaa64;
}

.news-blog .colRight #categories li p,
.news-blog .colRight #categories li li,
.news-blog .colRight #archives li {
    padding: 20px 50px 20px 0;
    background: url(../images/icon_sidebar-arrow.png) 90% 50% no-repeat;
    background-size: 10px auto;
}

.news-blog .colRight #categories li p:hover,
.news-blog .colRight #categories li li:hover,
.news-blog .colRight #archives li:hover {
    background: url(../images/icon_sidebar-arrow-hover.png) 90% 50% no-repeat;
    background-size: 10px auto;
}

.news-blog .colRight #categories li p {
    padding-left: 20px;
    border-top: 1px solid #eaeaea;
}

.news-blog .colRight #categories li:first-child p {
    border-top: 0;
}

.news-blog .colRight #categories li p a {
    font-weight: bold;
}

.news-blog .colRight #categories li li {
    margin-left: 20px;
    padding-left: 1.1em;
    border-top: 1px solid #eaeaea;
}

.news-blog .colRight #archives li {
    padding-left: 1.1em;
    border-top: 1px solid #eaeaea;
}

.news-blog.blog .colLeft .blockLink {
    width: 100%;
    margin: -20px 0;
    padding: 0 0 50px;
    overflow: hidden;
}

.news-blog.blog .colLeft .blockLink li {
    width: 405px;
    height: 240px;
    margin: 20px;
    overflow: hidden;
    position: relative;
    float: left;
    background: #e9c06d;
}

.news-blog.blog .colLeft .blockLink li:nth-child(odd) {
    margin-left: 0;
}

.news-blog.blog .colLeft .blockLink li:nth-child(even) {
    margin-right: 0;
}

.news-blog.blog .colLeft .blockLink li img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-blog.blog .colLeft .blockLink li:hover img {
    opacity: 0.2;
}

.news-blog.blog .colLeft .blockLink li .titleArea {
    width: 100%;
    min-height: 90px;
    padding-top: 20px;
    background: url(../images/bg_blog-list-title.png) 0 0 repeat-x;
    background-size: auto 110px;
    position: absolute;
    bottom: 0;
}

.news-blog.blog .colLeft .blockLink li .titleArea .titleBox {
    padding-bottom: 17px;
    position: absolute;
    bottom: 0;
}

.news-blog.blog .colLeft .blockLink li .titleArea a {
    text-decoration: none;
}

.news-blog.blog .colLeft .blockLink li .titleArea h3 {
    padding: 0 20px;
    background: transparent;
}

.news-blog.blog .colLeft .blockLink li .titleArea h3 a {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4em;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.news-blog.blog .colLeft .blockLink li .titleArea p {
    padding: 0 0 0 20px;
    font-size: 12px;
    line-height: 1.75em;
    color: #d0d0d0;
    display: inline;
}

.news-blog.blog .colLeft .blockLink li .titleArea p.more {
    padding-right: 40px;
    text-align: right;
    display: inherit;
    float: right;
}

.news-blog.blog .colLeft .blockLink li .titleArea p.more a {
    color: #d0d0d0;
    position: relative;
}

.news-blog.blog .colLeft .blockLink li .titleArea p.more a::after {
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    background: url(../images/icon_arrow-blog-title.png) 0 0 no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: -20px;
}

.news-blog .colLeft .blogTitle {
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #dbdbdb;
}

.news-blog .colLeft .blogTitle h3 {
    padding: 0;
    background: none;
    color: #000;
    font-size: 25px;
    line-height: 2em;
}

.news-blog .colLeft .blogTitle ul {
    overflow: hidden;
    font-size: 12px;
    color: #848484;
}

.news-blog .colLeft .blogTitle ul li {
    padding-right: 10px;
    float: left;
}

.news-blog .colLeft .blogTitle+.shareTools {
    text-align: left;
}

.news-blog .colLeft .blogTitle+.shareTools li {
    padding: 0 0 5px;
}

.news-blog .colLeft .blogContent {
    padding: 50px 0;
    border-bottom: 1px solid #dbdbdb;
}

.news-blog .colLeft .blogContent img {
    margin: 0 auto;
    padding: 1.2em 0;
    display: block;
}

.news-blog .colLeft .blogContent p {
    padding: 0.8em 0;
}

.news-blog .colLeft .blogContent b {
    font-weight: bold;
}

.news-blog .colLeft .blogContent strong {
    font-weight: bold;
}

.news-blog .colLeft .blogContent a {
    color: #04c;
}

.news-blog .colLeft .blogFooter {
    padding: 10px 0;
    overflow: hidden;
}

.news-blog .colLeft .blogFooter>p {
    float: left;
    color: #848484;
}

.news-blog .colLeft .blogFooter>p a {
    color: #cbaa64;
}

.news-blog .colLeft .blogFooter .shareTools {
    float: right;
}

.news-blog.news .colLeft .blockLink,
.news-blog.search .colLeft .blockLink {
    margin: 0 0 60px;
    padding: 0;
    border-top: 1px solid #dbdbdb;
}

.news-blog.news .colLeft .blockLink li,
.news-blog.search .colLeft .blockLink li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 24px 20px;
    background: transparent;
    border-bottom: 1px solid #dbdbdb;
    line-height: 1.46em;
    float: none;
}

.news-blog.news .colLeft .blockLink li:hover a,
.news-blog.news .colLeft .blockLink li a:hover,
.news-blog.search .colLeft .blockLink li:hover a,
.news-blog.search .colLeft .blockLink li a:hover {
    text-decoration: none;
    color: #cbaa64;
}

.news-blog.news .colLeft .blockLink li span,
.news-blog.search .colLeft .blockLink li span {
    display: block;
    color: #989898;
}

.news-blog.search .colLeft .searched,
.news-blog.search .colLeft .searched span {
    padding: 0 0 50px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
}


/*********************************************************************************/

/* [3] - Swiper CSS */
.swiper-container {
    width: 100% !important;
    height: 500px;
}

.swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.swiper-slide {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}

.top #keyVisualArea #searchTour {
    z-index: 900;
}

.swiper-wrapper .slide01 {
    height: 500px;
    display: table;
    background: url(../images/img_top-01.jpg) no-repeat;
    background-size: 100%;
}

.swiper-wrapper .slide02 {
    height: 500px;
    display: table;
    background: url(../images/img_top-02.jpg) no-repeat;
    background-size: 100%;
}

.swiper-container div .slide01 p,
.swiper-container div .slide02 p {
    font-size: 31px;
    line-height: 1.65em;
}

.swiper-container div .slide01,
.swiper-container div .slide02 {
    text-align: left;
    padding: 130px 0 0;
    color: #FFF;
    text-shadow: 0 0 3px rgba(255, 236, 149, 0.5);
}

.swiper-container div .slide01 p#sub,
.swiper-container div .slide02 p#sub {
    padding: 35px 0 21px;
    font-size: 15px;
    line-height: inherit;
    position: relative;
}

.swiper-container div .slide01 p#sub span,
.swiper-container div .slide02 p#sub span {
    padding: 0 4px 0 0;
    font-weight: bold;
}


/*********************************************************************************/

/* [10] - Media Queries CSS */


/*
/// RULES ///
Max size of Tablet is 1024px/768px.
On SmartPhone use same style in 'Portrait' and 'Landscape'.
The Windows tablet less than 11 inches includes it in 'Tablets'.
*/

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

    /* for Tablets - landscape */
    html {
        min-height: 76%;
        padding: 0 0 163px;
    }

    /* Common Settings */
    .container,
    #drower-menu div {
        width: 964px !important;
    }

    #drower-menu ul {
        max-width: 260px;
        margin-right: 270px;
    }

    #drower-menu ul li {
        min-width: 100px;
        margin: auto;
    }

    #drower-menu ul li::before {
        top: 7px;
    }

    #drower-menu ul li:nth-child(3n+1) {
        clear: left;
    }

    .headerPhone {
        width: 250px;
    }

    .headerPhone p {
        font-size: 12px;
    }

    .headerPhone .phoneNumber {
        font-size: 25px;
    }

    .headerPhone .phoneNumber a,
    .headerPhone .phoneNumber a:hover {
        color: #a50c0c;
        text-decoration: none;
    }

    .headerPhone p:last-child {
        font-size: 11px;
    }

    #pageTop {
        width: 60px;
        background: rgba(51, 51, 51, 0.5);
        border-radius: 5px;
        font-size: 7.5px;
        text-align: center;
        position: fixed;
        bottom: 30px;
        right: 30px;
        display: none;
        line-height: 1em;
        cursor: pointer;
    }

    #pageTop a,
    #pageTop a:hover {
        padding: 21px 0 20px;
    }

    #pageTop span {
        width: 13px;
    }

    #navigator #users li {
        width: 125px;
    }

    footer {
        bottom: -2px;
    }

    footer #destination {
        width: 715px;
        min-height: 214px;
    }

    footer #companyInfo {
        width: 195px;
        padding: 0 5px 0 10px;
        right: 30px;
    }

    footer #companyInfo .logo {
        width: 157px;
        margin: 0 auto;
    }

    footer #companyInfo #infoInner {
        width: 196px;
        margin-left: -3px;
        font-size: 10px;
    }

    footer #companyInfo #infoInner .phoneNumber a {
        color: #fff;
        text-decoration: none;
    }

    footer #companyInfo #infoInner .contact {
        width: 180px;
    }

    #footerLinks .block1,
    #footerLinks .block2 {
        float: none;
    }

    #footerLinks .block1 .snsIcons {
        padding: 9px 0 9px 0;
        float: right;
    }

    #footerLinks .block2 .documentList {
        float: left;
    }

    #footerLinks .block2 .documentList a {
        font-size: 13px;
    }

    #footerLinks .block2 .copyright {
        padding: 18px 0 0;
        position: relative;
        top: auto;
        right: auto;
        float: right;
    }

    #travelTerms::-webkit-scrollbar {
        width: 8px;
    }

    #travelTerms::-webkit-scrollbar-thumb {
        width: 8px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 4px;
    }

    /* Home */

    .top #keyVisualArea #searchTour {
        height: 355px;
        padding: 0 30px;
    }

    .top #keyVisualArea #searchTour h3 {
        padding-top: 12px;
        font-size: 20px;
    }

    .top #keyVisualArea #searchTour h3:before {
        width: 16px;
        height: 16px;
    }

    .top #keyVisualArea #searchTour input,
    .top #keyVisualArea #searchTour select {
        margin-bottom: 10px;
    }

    .top #mainvisual,
    .surf #mainvisual {
        height: 355px;
    }

    .top #mainvisual .container,
    .surf #mainvisual .container {
        padding: 85px 0 0;
    }

    .top #mainvisual div:not([class]),
    .surf #mainvisual div:not([class]) {
        padding: 0 0 30px;
    }

    .top #mainvisual div p,
    .surf #mainvisual div p {
        font-size: 21px;
        line-height: 2em;
    }

    .top #mainvisual div p:first-child,
    .surf #mainvisual div p:first-child {
        line-height: 1.4em;
    }

    .top #mainvisual div p#sub,
    .surf #mainvisual div p#sub {
        padding: 10px 0 30px;
        font-size: 13px;
    }

    #topLineup ul {
        height: 338px;
    }

    #topLineup ul li p:after {
        right: 10px;
    }

    #topLineup ul li p a {
        font-size: 18px;
    }

    #topLineup ul li p span {
        font-size: 10px;
    }

    #featuredTour #panelList>li {
        width: 300px;
    }

    #featuredTour #panelList .visualArea .label {
        padding: 8px 27px;
    }

    #featuredTour #panelList .visualArea .title::after {
        right: 10px;
    }

    #featuredTour #panelList .visualArea .title a {
        padding: 10px 32px 10px 10px;
    }

    #featuredTour #panelList .description {
        padding: 10px;
        min-height: 40px;
        font-size: 14px;
        word-break: break-all;
    }

    #topNewsArea .listBlock {
        width: 462px;
    }

    #topNewsArea h3 {
        font-size: 40px;
    }

    #topNewsArea .linkList {
        margin-top: -1.4em;
    }

    #topNewsArea ul li {
        padding-right: 0;
        word-break: break-all;
    }

    #topNewsArea ul li dl dt {
        padding: 0 14px 0 0;
    }

    #topNewsArea ul li dl dd {
        margin-left: 74px;
    }

    /* Swiper Slider */
    .swiper-container {
        height: 355px !important;
    }

    .swiper-wrapper .swiper-slide {
        height: 355px !important;
    }

    .swiper-wrapper .slide01 {
        height: 355px;
    }

    .swiper-wrapper .slide02 {
        height: 355px;
    }

    .swiper-container div .slide01 p,
    .swiper-container div .slide02 p,
    .surf #mainvisual div p {
        font-size: 21px;
        line-height: 1.4em;
    }

    .swiper-container div .slide01 p#sub,
    .swiper-container div .slide02 p#sub,
    .surf #mainvisual div p#sub {
        padding: 10px 0 30px;
        font-size: 13px;
    }

    /* Tour */

    .tour .summary .left {
        width: 450px;
    }

    .tour .summary .right {
        width: 494px;
    }

    .tour .imagePanel .main {
        height: 300px;
    }

    .tour .imagePanel ul {
        margin: 20px -5px 30px;
    }

    .tour .imagePanel ul li {
        width: 105px;
        margin: 0 5px;
    }

    .tour #detailArea #detailLeft>.container {
        width: 726px !important;
        padding: 0;
    }

    .tour #detailArea #detailRight {
        width: 208px;
        margin-left: 750px;
        font-size: 12px;
    }

    .tour #detailArea #detailRight #detailRightBox .title,
    .tour #detailArea #detailRight #detailRightBox .reservation .button,
    .tour #detailArea #detailRight #detailRightBox .buttonS {
        font-size: 12px;
    }

    .tour #detailArea #detailRight #detailRightBox .price dt {
        width: 100%;
        padding: 10px 0;
        float: none;
        text-align: center;
        line-height: 1em;
    }

    .tour #detailArea #detailRight #detailRightBox .price dd {
        padding: 10px 0;
        text-align: center;
        line-height: 1em;
    }

    .tour #detailArea #detailRight #detailRightBox .reservation .button::before {
        width: 15px;
        height: 15px;
        margin: 0 5px -3px 0;
    }

    .tour .schedule table tbody td:nth-child(2) {
        width: 604px;
    }

    .tour .schedule.confirm .total dt {
        width: 704px;
    }

    .tour .schedule.confirm .total dd {
        margin-left: 744px;
    }

    .tour .priceCalendar #stepInformation {
        padding: 26px 0;
    }

    .tour .priceCalendar #stepInformation ul li {
        padding: 14px 6px 13px;
        font-size: 13px;
    }


    .tour #calendarArea {
        margin: 26px 0;
    }

    #calendarArea .tabPanel .tabMenu li a {
        padding: 10px;
        line-height: 1em;
    }

    #calendarArea .tabPanel .tabMenu li a.active {
        padding: 11px 10px 10px;
    }

    .tour #calendarArea table th {
        height: 30px;
        vertical-align: middle;
    }

    .tour .terms dl {
        margin: 40px 0 60px;
    }

    .tour .terms dl dd {
        width: 690px;
    }

    .tour #detailArea #detailLeft .terms dl dd {
        width: 492px;
    }

    .tour .order .preview,
    .tour .order .inputArea,
    .tour .order .checkResult,
    .tour .order .documents {
        width: auto;
        float: none;
    }

    .tour .order .inputArea .perRoom>dt+dd {
        width: 809px;
    }

    .tour .order .checkResult .result .itemized>div {
        width: 295px;
    }

    .tour .searchFormArea .container>div dl {
        width: 472px;
    }

    .tour .searchFormArea .container>div dt {
        width: 58px;
    }

    .tour .searchFormArea .container>div:last-child dt {
        width: 100px;
    }

    .tour .searchFormArea .container div dl dd input.fullWidth {
        width: 280px;
    }

    .tour .searchFormArea .container div dl dd.budget select {
        width: 135px;
    }

    .tour .searchFormArea .detailSearch dl dd .checkBtn li {
        min-height: 36px;
    }

    .tour .searchFormArea .detailSearch dl dd .checkBtn.days li {
        height: auto;
    }

    .tour .searchFormArea .submitArea .clearBtn {
        z-index: 2;
    }

    .tour .searchResult nav:first-child>ul>li li {
        padding: 6px 0 5px;
    }

    .tour .searchResult nav:first-child>ul>li:first-child {
        margin-bottom: 18px;
    }

    .tourListBlock .titleArea .btnDetail {
        padding: 6px 18px 0 20px;
        vertical-align: top;
    }

    .tourListBlock .tourOutline .tourData>div {
        display: inherit;
        float: left;
    }

    .tourListBlock .tourOutline .tourData .conditions {
        width: 604px;
        padding: 0 0 0 20px;
    }

    .tourListBlock .tourOutline .tourData .conditions dt {
        padding: 8px 0;
    }

    .tourListBlock .tourOutline .tourData .conditions dd {
        padding-top: 8px;
    }

    .tourListBlock .tourOutline .tourData .conditions table tbody:first-child,
    .tourListBlock .tourOutline .tourData .conditions table tbody:last-child {
        width: 302px;
    }

    .tourListBlock .tourOutline .tourData .conditions table th,
    .tourListBlock .tourOutline .tourData .conditions table td {
        padding: 15px 6px 10px 8px;
        height: 40px;
    }

    .tourListBlock .tourOutline .tourData>div.information {
        width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
    }

    .tourListBlock .tourOutline .tourData>div.information p {
        width: 180px;
        padding: 20px 140px 0 0;
        float: left;
    }

    .tourListBlock .tourOutline .tourData>div.information ul {
        float: left;
    }

    .tourListBlock .tourOutline .tourData>div.information ul li {
        float: none;
    }

    .tour .searchFormArea .submitArea .submitBtn label {
        width: 380px;
    }

    .tourListBlock .priceTable .nav {
        width: 132px;
    }

    .tourListBlock .priceTable .nav p {
        min-height: 59px;
    }

    .tourListBlock .priceTable ul li {
        width: 93px;
    }

    /* Featured Tour - Sys */
    .featureMain .left {
        width: 450px;
    }

    .featureMain .right {
        width: 494px;
    }


    /* Destination pges */

    .destinations .destContainer {
        width: 965px;
    }

    .destinations #boatList {
        width: 740px;
        margin: 0 auto 80px;
    }

    .destinations #boatList li {
        width: 340px;
        margin: 0 15px 30px;
    }

    .destinations #boatList li:last-child {
        margin: 0 15px;
    }

    /*
.destinations #boatList li:last-child, .destinations #boatList li:nth-last-child(2){
margin: 0 15px;
}
*/
    .destinations .destContainer .detailList dt,
    .destinations .destContainer .detailList dd {
        width: 452px;
    }

    .destinations.elsalvador .destContainer .text02 .rooms h4 {
        padding: 0 0 30px;
    }

    .destinations .destContainer .text02.wide .details .roomDetails {
        padding: 0 0 30px;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li {
        width: 305px;
        margin: 0 20px 0 0;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li {
        width: 462px;
        margin: 0 40px 0 0;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent {
        width: 420px;
        margin: 20px auto 0;
    }

    /* Form pages */
    .preface,
    .formBlock {
        width: 964px;
    }

    .formBlock dd input[type="text"] {
        padding: 13px 12px 8px;
    }

    .formBlock.complete {
        width: 920px;
        padding: 50px 0 0;
    }

    .formBlock.complete p a {
        padding: 0 3px;
        display: inline-block;
    }

    .formBlock.complete .buttonArea {
        padding: 60px 0 50px;
    }

    .formBlock dd input.calendar+span {
        padding: 0 6px 0 16px;
    }

    .formBlock textarea.note {
        width: 938px;
    }

    /* Document pages */

    #stipulationList li {
        width: 308px;
        margin: 0 20px 20px 0;
    }

    #stipulationList li dt {
        width: 20.3%;
    }

    .documents .colWrap .colLeft,
    .template .colWrap .colLeft {
        width: 726px;
    }

    .documents .colWrap .colRight,
    .template .colWrap .colRight {
        width: 210px;
    }

    .documents .colWrap .colRight #sidebar li,
    .template .colWrap .colRight #sidebar li {
        font-size: 13px;
    }

    .stipulationTable01,
    .stipulationTable02 {
        margin-bottom: 45px;
    }

    .stipulationTable01 tbody tr td:first-child {
        width: 62.5%;
    }

    .stipulationTable01 tbody tr td:last-child {
        width: 37.5%;
    }

    .documents .colWrap .colRight #sidebar li,
    .template .colWrap .colRight #sidebar li {
        font-size: 13px;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent h3 {
        width: auto;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap {
        width: 140px;
        margin: 20px 10px 0 24px;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap p {
        padding: 15px 0 0;
        line-height: 0;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .textWrap {
        width: 510px;
        padding: 20px 10px 0;
    }

    /* Blogs and News */

    .news-blog .colRight dl dd input {
        width: 123px;
    }

    .news-blog .colRight h3 {
        padding: 18px 10px 17px !important;
    }

    .news-blog .colRight #categories li p,
    .news-blog .colRight #categories li li,
    .news-blog .colRight #archives li {
        padding: 20px 30px 20px 0;
        background-position: 98% 50%;
    }

    .news-blog .colRight #categories li p:hover,
    .news-blog .colRight #categories li li:hover,
    .news-blog .colRight #archives li:hover {
        background-position: 98% 50%;
    }

    .news-blog .colRight #categories li p {
        padding-left: 10px;
    }

    .news-blog .colRight #categories li li,
    .news-blog .colRight #archives li {
        padding-left: 0.5em;
    }

    .news-blog.blog .colLeft .blockLink {
        margin: -10px 0 0;
    }

    .news-blog.blog .colLeft .blockLink li {
        width: 353px;
        height: 209px;
        margin: 10px;
    }

    .news-blog.search .colLeft .blockLink {
        margin: 0 0 60px;
    }

    .news-blog.news .colLeft .blockLink li,
    .news-blog.search .colLeft .blockLink li {
        width: auto;
        height: auto;
        margin: 0;
    }

}

@media only screen and (max-width: 1023px) {
    /* for Tablets - Portrait */

    html {
        min-height: 90%;
    }

    /* Common Settings */
    .container,
    #drower-menu div {
        width: 708px !important;
    }

    #drower-menu ul {
        max-width: 224px;
        margin-right: 250px;
    }

    #drower-menu ul li {
        min-width: 90px;
        font-size: 11px;
        padding-right: 8px;
    }

    #headerLogo {
        width: 210px;
    }

    #navigator #global li {
        padding: 0 11px 0 0;
    }

    footer #destination {
        width: 465px;
    }

    /* Home */
    .top {
        /* padding-bottom: 200px; */
    }

    .top #keyVisualArea>div.container {
        width: 100% !important;
        padding: 0;
    }

    .top #keyVisualArea #searchTour {
        width: auto;
        height: auto;
        position: relative;
        bottom: auto;
        right: auto;
    }

    .top #keyVisualArea #searchTour h3 {
        padding-top: 20px;
    }

    .top #keyVisualArea #searchTour form {
        width: 600px;
        margin: 0 auto 30px;
    }

    .top #keyVisualArea #searchTour form .left {
        margin-bottom: 14px;
        float: left;
    }

    .top #keyVisualArea #searchTour form .right {
        float: right;
    }

    .top #keyVisualArea #searchTour select {
        width: 280px;
        margin-bottom: 12px;
        display: inherit;
    }

    .top #keyVisualArea #searchTour input {
        margin-bottom: 12px;
    }

    .top #keyVisualArea #searchTour input.button {
        clear: both;
        margin: 0 auto;
        display: block;
    }

    .top #mainvisual,
    .surf #mainvisual {
        height: 265px;
    }

    .top #mainvisual .container,
    .surf #mainvisual .container {
        padding: 56px 0 0;
    }

    .top #mainvisual div {
        padding: 0;
    }

    .top #mainvisual div p,
    .surf #mainvisual div p {
        font-size: 16px;
        line-height: 2em;
    }

    .top #mainvisual div p:first-child,
    .surf #mainvisual div p:first-child {
        line-height: 1.4em;
    }

    .top #mainvisual div p#sub,
    .surf #mainvisual div p#sub {
        padding: 0 0 30px;
        font-size: 11px;
    }

    #topLineup h3,
    #featuredTour h3 {
        font-size: 40px;
    }

    #topLineup ul {
        height: 249px;
    }

    #topLineup ul li p {
        bottom: 10px;
    }

    #topLineup ul li p:after {
        width: 12px;
        bottom: 15px;
    }

    #topLineup ul li p a,
    #topLineup ul li p a:hover {
        padding: 0 30px 0 10px;
    }

    #featuredTour #panelList>li {
        width: 339px;
    }

    #topNewsArea .listBlock {
        width: 100%;
    }

    #topNewsArea .listBlock:last-child {
        margin-left: 0;
        padding: 80px 0 0;
    }

    #topNewsArea h3 {
        font-size: 30px;
    }

    /* Swiper Slider */
    .swiper-container {
        height: 320px !important;
    }

    .swiper-wrapper .swiper-slide {
        height: 320px !important;
    }

    .swiper-wrapper .slide01 {
        height: 320px;
    }

    .swiper-wrapper .slide02 {
        height: 320px;
    }

    .swiper-wrapper .slide01 {
        background-size: 100%;
    }

    .swiper-wrapper .slide02 {
        background-size: 100%;
    }

    .top #mainvisual div p,
    .surf #mainvisual div p {
        font-size: 16px;
        line-height: 2em;
    }

    .top #mainvisual div p:first-child,
    .surf #mainvisual div p:first-child {
        line-height: 1.4em;
    }

    .top #mainvisual div p#sub,
    .surf #mainvisual div p#sub {
        padding: 0 0 30px;
        font-size: 11px;
    }

    .swiper-container div .slide01 p,
    .swiper-container div .slide02 p,
    .surf #mainvisual div p {
        font-size: 16px;
        line-height: 1.4em;
    }

    .swiper-container div .slide01 p#sub,
    .swiper-container div .slide02 p#sub,
    .surf #mainvisual div p#sub {
        padding: 0 0 30px;
        font-size: 11px;
    }

    /* Tour */

    .tour #tourSteps dt {
        width: 120px;
        padding: 12px 0;
        font-size: 11px;
    }

    .tour #tourSteps li {
        padding: 12px 0;
        font-size: 11px;
    }

    .tour #detailArea #detailLeft>.container {
        width: 708px !important;
    }

    .tour .priceCalendar #stepInformation ul li {
        padding: 14px 6px 13px 5px;
    }

    .tour .priceCalendar #stepInformation ul li:last-child {
        margin-right: 0;
    }

    .tour .summary {
        padding: 0 0 20px;
    }

    .tour .summary .left,
    .tour .summary .right {
        width: 100%;
        padding: 30px 0 10px;
        float: none;
    }

    .tour .left .imagePanel {
        width: 540px;
        margin: 0 auto;
    }

    .tour .imagePanel .main {
        height: 360px;
    }

    .tour .imagePanel ul {
        margin: 20px -10px 30px;
    }

    .tour .imagePanel ul li {
        width: 120px;
        margin: 0 10px;
    }

    .tour #detailArea #detailRight {
        display: none;
    }

    .tour .schedule table {
        width: 100%;
    }

    .tour .schedule table tbody td {
        font-size: 13px;
    }

    .tour .schedule table tbody td dt {
        padding: 8px 18px;
    }

    .tour .schedule.confirm table tbody td:nth-child(2) {
        width: 404px;
    }

    .tour .schedule.confirm .total dt {
        width: 470px;
    }

    .tour .schedule.confirm .total dd {
        margin-left: 510px;
    }

    .tour #calendarArea {
        margin: 40px 0;
    }

    .tour .estimate .innerBox {
        margin: 36px 0 60px;
    }

    .tour .terms dl {
        width: 100%;
        margin: 40px 0;
    }

    .tour .terms dl dt {
        width: 148px;
    }

    .tour .terms dl dd {
        width: 501px;
    }

    .tour #detailArea #detailLeft .terms dl dd {
        width: 501px;
    }

    .tour .order .inputArea .perRoom>dt+dd {
        width: 553px;
    }

    .tour .order .inputArea .perRoom dl dt,
    .tour .order .inputArea .perRoom dl dt.error {
        width: 55%;
    }

    .tour .order .inputArea .perRoom dl dd {
        padding-left: 50%;
    }

    .tour .order .checkResult .result .itemized>div {
        width: 100%;
        padding: 0 0 36px;
    }

    .tour .order .checkContactBox ul {
        width: 670px;
    }

    .tour .order .checkContactBox ul li {
        width: 314px;
    }

    .tour .order .orderContainer.formBlock dl dd .buttonS {
        width: 80px;
        margin-left: 12px;
    }

    .formBlock dd input[type="text"].zip01 {
        width: 50px;
        margin-right: 8px;
    }

    .formBlock dd input[type="text"].zip02 {
        width: 64px;
        margin-left: 8px;
    }

    .tour .order .orderContainer .documents ol {
        padding: 12px 0 24px;
    }

    .tour .searchFormArea .container .left,
    .tour .searchFormArea .container .right {
        width: 100%;
        padding: 20px 0 0;
    }

    .tour .searchFormArea .container .right,
    .tour .searchFormArea .container .right::before {
        margin-top: 0;
        padding: 0 0 20px;
        border: 0;
    }

    .tour .searchFormArea .container>div dl {
        width: 100%;
    }

    .tour .searchFormArea .container .right dl {
        margin-left: 0;
    }

    .tour .searchFormArea .container>div dt {
        width: 100px;
    }

    .tour .searchFormArea .container div dl dd input.fullWidth {
        width: 403px;
    }

    .tour .searchFormArea .container div dl dd.budget select {
        width: 160px;
    }

    .tour .searchFormArea .submitArea .submitBtn label {
        width: 500px;
    }

    .tour .searchFormArea .submitArea .clearBtn {
        width: 176px;
        margin: 20px auto 0;
        position: relative;
        top: auto;
        right: auto;
    }

    .tour .searchResult {
        padding: 50px 0 0;
    }

    .tour .searchResult nav:first-child>ul>li:first-child {
        margin-bottom: 0;
        padding-bottom: 10px;
        float: none;
        font-size: 14px;
    }

    .tour .searchResult nav:first-child>ul>li:first-child span {
        font-size: 28px;
    }

    .tourListBlock .titleArea h3 {
        padding-top: 0;
    }

    .tourListBlock .titleArea .btnDetail {
        width: 150px;
        vertical-align: top;
    }

    .tourListBlock .tourOutline .tourData .images {
        width: 195px;
    }

    .tourListBlock .tourOutline .tourData .conditions {
        width: 452px;
    }

    .tourListBlock .tourOutline .tourData .conditions table tbody:first-child,
    .tourListBlock .tourOutline .tourData .conditions table tbody:last-child {
        width: 226px;
    }

    .tourListBlock .tourOutline .tourData .conditions table th {
        width: 76px;
        padding: 10px;
    }

    .tourListBlock .tourOutline .tourData .conditions table td {
        width: 110px;
        padding: 9px 10px;
    }

    .tourListBlock .tourOutline .tourData>div.information p {
        width: 195px;
        padding: 20px 20px 0 0;
    }

    .tourListBlock .priceTable {
        margin-top: 5px;
    }

    .tourListBlock .priceTable .nav {
        width: 84px;
        text-indent: -0.5em;
    }

    .tourListBlock .priceTable .nav.prev {
        width: 84px;
        text-indent: 0.5em;
    }

    .tourListBlock .priceTable .nav.prev p::before {
        left: 10px;
    }

    .tourListBlock .priceTable .nav.next p::before {
        right: 10px;
    }

    .tourListBlock .priceTable ul li {
        width: 70px;
        font-size: 12px;
    }

    .tourListBlock .priceTable ul li .date {
        text-indent: 0.6em;
    }

    .tourListBlock .priceTable ul li div p button {
        width: 55px;
    }

    /* Featured Tour -Sys */

    .featured #pageTitle h2 {
        padding: 25px 0;
        font-size: 20px;
    }

    .featureMain .left {
        width: 540px;
        margin: 0 auto;
        float: none;
    }

    .featureMain .right {
        width: 100%;
        float: none;
    }


    /* Destination pges */

    .destinations .destContainer,
    .destinations .destContainer .text01,
    .destinations .destContainer .text02,
    .destinations .destContainer .text02.wide .details .innerBlock {
        width: 708px;
    }

    .destinations .destContainer .text02 .details {
        width: 618px;
    }

    .destinations .destContainer .text02.nested .details {
        width: 100%;
        padding: 40px 0 0;
    }

    .destinations .destContainer .text02.nested .details .innerBlock:last-child {
        padding: 40px auto 0;
    }

    .destinations .destContainer .text02.nested .details .innerBlock p {
        padding: 0;
    }

    .destinations #boatList {
        width: 740px;
        margin: 0 -15px 80px;
    }

    .destinations #boatList li {
        width: 340px;
        margin: 0 15px 30px;
    }

    .destinations .destContainer .detailList {
        width: 690px;
    }

    .destinations .destContainer .detailList dt,
    .destinations .destContainer .detailList dd,
    .destinations .destContainer .text02.wide .detailList dt,
    .destinations .destContainer .text02.wide .detailList dd {
        width: 315px;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li {
        width: 100%;
        padding: 0 0 24px;
        float: none;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li .roomImages {
        width: 360px;
        margin: 0 auto 24px;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent {
        width: 100%;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent img {
        width: 560px;
        margin: 0 auto 40px;
        display: block;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent .facilities {
        padding: 30px 0 60px 12px;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li:last-child .roomDetailContent .facilities {
        padding: 30px 0 0 12px;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li {
        padding: 0;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li:last-child {
        padding: 0;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li h5 {
        padding-left: 12px;
        text-align: left;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li p {
        padding: 0 12px;
    }

    /* Form pages */

    .formBlock,
    .formBlock.complete,
    .preface {
        width: 708px;
    }

    .formBlock dd input[type="text"],
    .formBlock dd input[type="text"].half,
    .formBlock dd textarea {
        width: 342px;
    }

    .formBlock dd .half+.half {
        margin-left: 0;
    }

    .formBlock.complete {
        padding: 80px 0 0;
    }

    .formBlock.complete .buttonArea {
        padding: 80px 0;
    }

    .formBlock dd input[type="text"].calendar {
        width: 287px;
    }

    .formBlock dd input.calendar+span {
        padding: 0 6px 0 0;
    }

    .formBlock dd select {
        width: 366px;
    }

    .formBlock dd li span.subtitle+input[type="text"] {
        width: 282px;
    }

    .formBlock dd select.yearSelect {
        width: 110px;
    }

    .formBlock dd select.monthSelect,
    .formBlock dd select.dateSelect {
        width: 75px;
    }

    .formBlock textarea.note {
        width: 682px;
    }

    /* Document pages */

    #stipulationList li {
        width: 344px;
        margin: 0 20px 20px 0;
    }

    #stipulationList li dt {
        width: 18%;
    }

    .documents .colWrap .colLeft,
    .template .colWrap .colLeft {
        width: 470px;
    }

    .documents.company .colWrap .colLeft dt,
    .grayTable dt {
        width: 100px;
        padding: 20px 10px 0;
    }

    .documents.company .colWrap .colLeft dd,
    .grayTable dd {
        padding: 20px 10px;
        margin-left: 120px;
    }

    .stipulationTable01 tbody tr td:first-child {
        width: 71%;
    }

    .stipulationTable01 tbody tr td:last-child {
        width: 29%;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap {
        margin: 20px 10px 0 40px;
        padding-bottom: 0px;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .textWrap {
        width: auto;
        float: none;
    }

    /* Blogs and News */

    .news-blog .colWrap .colLeft,
    .news-blog .colWrap .colRight {
        width: 100%;
        float: none;
    }

    .news-blog .colWrap .colRight {
        margin-top: 90px;
    }

    .news-blog .colRight dl dd input {
        width: 621px;
    }

    .news-blog .colRight h3 {
        padding: 18px 20px 17px !important;
    }

    .news-blog .colRight #categories li p,
    .news-blog .colRight #categories li li,
    .news-blog .colRight #archives li {
        padding: 20px 50px 20px 0;
        background-position: 96.8% 50%;
    }

    .news-blog .colRight #categories li p:hover,
    .news-blog .colRight #categories li li:hover,
    .news-blog .colRight #archives li:hover {
        background-position: 96.8% 50%;
    }

    .news-blog .colRight #categories li p {
        padding-left: 20px;
    }

    .news-blog .colRight #categories li li,
    .news-blog .colRight #archives li {
        padding-left: 1.1em;
    }

    .news-blog.blog .colLeft .blockLink li {
        width: 344px;
        height: 204px;
    }

    .news-blog.news .colLeft .blockLink li,
    .news-blog.search .colLeft .blockLink li {
        width: auto;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    /* for SmartPhones */

    /* Common Settings */

    html {
        position: static;
        padding: 0;
    }

    body {
        font-size: 12px;
        line-height: 1.75em;
        padding: 0;
        position: relative;
    }

    footer {
        position: relative;
        bottom: auto;
        overflow: hidden;
    }

    footer>.container {
        width: 100% !important;
    }

    footer #destination {
        width: 260px;
        min-height: 0;
        margin: 0 auto;
    }

    footer #destination h2 {
        font-size: 17px;
        text-align: center;
    }

    footer #companyInfo {
        width: 100%;
        padding: 0 0 40px;
        position: relative;
        top: auto;
        left: -5px;
        right: 0;

    }

    footer #companyInfo .logo {
        width: 210px;
        padding: 30px 0 4px;
    }

    footer #companyInfo .logo img {
        margin-left: 10px;
    }

    footer #companyInfo #infoInner {
        width: 260px;
        margin: 0 auto;
    }

    footer #companyInfo #infoInner h2 {
        padding-bottom: 4px;
    }

    footer #companyInfo #infoInner .phoneNumber {
        margin: 24px 0 30px;
        padding: 9px 0;
        font-size: 20px;
        border: 1px solid #888;
        border-radius: 4px;
    }

    footer #companyInfo #infoInner .contact {
        width: 100%;
        padding: 12px 0;
        font-size: 12px;
    }

    footer #companyInfo #infoInner .contact a {
        padding-right: 0;
        background: none;
    }

    .container {
        width: 280px !important;
        padding: 0 5px;
    }

    h2#pageTitle {
        padding: 20px 0;
    }

    h2#pageTitle span {
        font-size: 16px;
        line-height: 1.35;
    }

    header {
        position: relative;
    }

    #drower-toggle {
        width: 300px;
        margin: 0 auto;
        padding: 13px 0 12px 2px;
        display: block;
    }

    #drower-toggle a {
        width: 35px;
        display: block;
        position: relative;
        z-index: 10;
    }

    #drower-menu {
        width: 80%;
        position: fixed;
    }

    #drower-menu div {
        width: auto !important;
        margin: auto;
        padding: 0;
        text-align: left;
        letter-spacing: normal;
        font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    }

    #drower-menu ul {
        width: 100% !important;
        max-width: 100%;
        margin: 0;
    }

    #drower-menu ul li::before {
        display: none;
    }

    #drower-menu ul li {
        padding: 0;
        display: inherit;
        font-size: 12px;
        line-height: 1em;
        float: none;
    }

    #drower-menu ul li.mm-label {
        display: block;
    }

    #drower-menu ul li.mm-label a {
        margin: 10px 10px 10px 20px;
        padding: 0;
        background: url(../images/icon_drower-close.png) 0 50% no-repeat;
        background-size: auto 100%;
    }

    #drower-menu ul li.mm-label a:after {
        display: none;
    }

    #drower-menu ul li a {
        margin-right: 20px;
        position: relative;
    }

    #drower-menu ul li a:after {
        content: '';
        width: 10px;
        height: 100%;
        display: block;
        background: url(../images/icon_drower-arrow.png) 100% 50% no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        right: 0;
    }

    header>.container {
        width: 100% !important;
        padding: 0;
    }

    #headerLogo {
        width: 100% !important;
        position: absolute;
        top: -52px;
        left: auto;
        right: auto;
    }

    #headerLogo p {
        width: 123px;
        margin: 0 auto;
    }

    #headerLogo h2 {
        display: none;
    }

    .headerPhone {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 10px 0;
        background: #faf9f8;
        border-top: 1px solid #e0e0e0;
    }

    .headerPhone p {
        width: 280px;
        margin: 0 auto;
        padding: 0 2px;
        font-size: 10px;
        line-height: 1.1em;
        position: relative;
    }

    .headerPhone p:first-child::after {
        content: '';
        width: 8px;
        height: 13px;
        background: url(../images/icon_arrow-header-sp.png) 0 0 no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 7px;
        right: -16px;
        display: block;
    }

    .headerPhone .phoneNumber {
        padding: 0 2px 0 20px;
        font-size: 14px;
        display: inline;
    }

    .headerPhone .phoneNumber::before {
        width: 14px;
        height: 10px;
        margin-right: 4px;
    }

    .headerPhone p:last-child {
        display: inline;
    }

    .headerPhone p:last-child span {
        display: none;
    }

    #navigator .container,
    #navigator .container ul {
        width: 100% !important;
        padding: 0;
    }

    #navigator .container ul li {
        width: 50% !important;
        display: inherit;
        float: left;
        line-height: 0;
    }

    #navigator ul li:nth-child(even) {
        margin: 0 0 0 -1px;
        border-left: 1px solid #565656;
    }

    #navigator ul li a {
        width: 150px;
        font-size: 10px;
        line-height: 2.7em;
        text-align: center;
        display: block;
    }

    #navigator ul li:nth-child(odd) a {
        float: right;
    }

    #navigator ul li:nth-child(even) a {
        float: left;
    }

    #navigator .container #users {
        background: #393939;
        line-height: 0;
        border-bottom: 1px solid #565656;
    }

    #navigator .container #global {
        letter-spacing: normal;
    }

    #navigator .container #global li {
        padding: 0;
        border-bottom: 1px solid #565656;
    }

    #pageTop {
        width: 50px;
        font-size: 6px;
        bottom: 30px;
        right: 10px;
    }

    #pageTop a,
    #pageTop a:hover {
        padding: 17px 0;
    }

    #pageTop span {
        width: 11px;
    }

    #bc {
        margin: 10px 0;
    }

    #bc li {
        margin: 0 8px 0 0;
        padding: 0 13px 0 0;
        font-size: 10px;
        line-height: normal;
        display: inline;
    }

    #travelTerms::-webkit-scrollbar {
        width: 6px;
    }

    #travelTerms::-webkit-scrollbar-thumb {
        min-height: 20px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 3px;
    }

    #destination h2 {
        padding: 0 0 24px;
    }

    #destination dl {
        display: none;
    }

    #destination dl dd ul {
        padding: 0;
    }

    #destination dl dd ul li a {
        font-size: 11px;
    }

    #destination dl dt:first-child {
        margin: 0;
    }

    #destination dl dt {
        float: none;
        font-size: 12px;
    }

    #destination dl dd {
        margin: 6px 0 18px;
        padding: 0;
    }

    #destination .button {
        width: 100%;
        padding: 6px 0;
        display: block;
        border: 0;
    }

    #destination .button img {
        width: 22px;
    }

    #footerLinks {
        padding: 0;
    }

    #footerLinks .container {
        width: 100% !important;
        padding: 0;
    }

    #footerLinks .block1 {
        margin: 12px auto;
        float: none;
    }

    #footerLinks .block1 .logo {
        display: none;
    }

    #footerLinks .block1 .snsIcons {
        float: none;
        text-align: center;
        letter-spacing: -0.3em;
    }

    #footerLinks .block1 .snsIcons li {
        float: none;
        display: inline-block;
        letter-spacing: normal;
    }

    #footerLinks .block2 .documentList {
        width: 100%;
        border-left: 0;
        border-top: 1px solid #4f4f4f;
        margin: 0;
        float: none;
    }

    #footerLinks .block2 .documentList li {
        padding: 16px 0 15px;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #4f4f4f;
    }

    #footerLinks .block2 .documentList li a {
        width: 280px;
        margin: 0 auto;
        display: block;
        position: relative;
    }

    #footerLinks .block2 .documentList li a::after {
        content: '';
        width: 10px;
        height: 100%;
        background: url(../images/icon_footer-arrow.png) 100% 50% no-repeat;
        background-size: 100% auto;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    #footerLinks .block2 .copyright {
        padding: 29px 0;
        text-align: center;
        float: none;
    }

    /* Home */

    /*
.top #keyVisualArea #searchTour form{
width: 280px;
}

.top #keyVisualArea #searchTour form div{
margin: 0;
float: none !important;
}

.top #keyVisualArea #searchTour input.button{
margin: 12px auto 26px;
}*/

    .top #keyVisualArea #searchTour {
        padding: 20px 0;
    }

    .top #keyVisualArea #searchTour h3,
    .top #keyVisualArea #searchTour form {
        display: none;
    }

    .top #keyVisualArea #searchTour .onlySP {
        display: block;
    }

    .top #keyVisualArea #searchTour .onlySP .button {
        width: 280px;
        border: 0;
        font-size: 13px;
    }

    .top #keyVisualArea #searchTour .onlySP .button::before {
        content: '';
        width: 14px;
        height: 14px;
        margin: 0 10px -2px 0;
        background: url(../images/icon_search-white.png) 0 100% no-repeat;
        background-size: 100%;
        display: inline-block;
    }

    .top #mainvisual,
    .surf #mainvisual {
        height: 175px;
    }

    .top #mainvisual .container {
        width: 280px;
        padding: 45px 0;
    }

    .top #mainvisual div p,
    .surf #mainvisual div p {
        font-size: 13px;
        line-height: 2.5em;
    }

    .top #mainvisual div p#sub,
    .surf #mainvisual div p#sub {
        padding: 0;
        font-size: 10px;
    }

    #mainvisual div .button {
        display: none !important;
    }

    #topLineup {
        padding: 40px 0 80px;
    }

    #topLineup h3,
    #featuredTour h3 {
        font-size: 30px;
    }

    #topLineup ul {
        height: auto;
        margin: 20px 0 0;
    }

    #topLineup ul li {
        width: 100%;
        height: 150px;
        margin: 0 0 15px;
        float: none;
    }

    #topLineup ul li.lineup01 {
        background: url(../images/img_top-02-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    #topLineup ul li.lineup02 {
        background: url(../images/img_top-03-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    #topLineup ul li.lineup03 {
        background: url(../images/img_top-04-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    #topLineup ul li.lineup04 {
        background: url(../images/img_top-05-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    #topLineup ul li.lineup05 {
        background: url(../images/img_top-06-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    #topLineup ul li p {
        bottom: 8px;
    }

    #topLineup ul li p:after {
        width: 20px;
        right: 15px;
        bottom: 6px;
    }

    #topLineup ul li p a {
        padding: 0 30px 0 15px;
    }

    #topLineup ul li p a span {
        padding: 6px 0 0;
        font-size: 12px;
    }

    #featuredTour #panelList>li {
        width: 280px;
    }

    #featuredTour #panelList .visualArea img {
        height: 200px;
    }

    #featuredTour #panelList .visualArea .label {
        font-size: 10px;
    }

    #featuredTour #panelList .visualArea .title a {
        font-size: 15px;
    }

    #featuredTour #panelList .description {
        font-size: inherit;
    }

    #topNewsArea .linkList {
        margin: 16px 0 0;
        padding-top: 14px;
        float: none;
        text-align: center;
        border-top: 1px solid #ddd;
    }

    #topNewsArea ul li {
        padding: 14px;
    }

    #topNewsArea ul li dl dt {
        float: none;
    }

    #topNewsArea ul li dl dd {
        margin-left: 0;
    }

    /* Swiper Slider */
    .swiper-container {
        height: 170px !important;
    }

    .swiper-wrapper .swiper-slide {
        height: 170px !important;
    }

    .swiper-wrapper .slide01 {
        height: 170px;
        background: url(../images/img_top-01.jpg) no-repeat;
        background-size: cover;
    }

    .swiper-wrapper .slide02 {
        height: 170px;
        background: url(../images/img_top-02.jpg) no-repeat;
        background-size: cover;
    }

    .swiper-container div .slide01,
    .swiper-container div .slide02 {
        padding: 60px 0 0;
    }

    .swiper-container div .slide01 p,
    .swiper-container div .slide02 p,
    .surf #mainvisual div p {
        font-size: 13px;
        line-height: 1.6em;
    }

    .swiper-container div .slide01 p#sub,
    .swiper-container div .slide02 p#sub,
    .surf #mainvisual div p#sub {
        padding: 0;
        font-size: 10px;
        line-height: 1.9em;
    }

    /* Tour */
    .shareTools li {
        margin-bottom: 10px;
    }

    .tour .pointedHeadline {
        font-size: 14px;
        text-indent: 25px;
    }

    .tour .pointedHeadline span {
        padding-top: 6px;
        display: block;
        text-indent: 20px;
    }

    .tour #tourSteps dt {
        width: 110px;
    }

    .tour #tourSteps li span {
        font-size: 15px;
    }

    .tour #tourSteps li:not(.active) {
        width: 9px;
        text-indent: -9999px;
    }

    .tour #tourSteps li.active {
        width: 128px;
    }

    .tour #tourSteps p.inquiry {
        font-size: inherit;
    }

    .tour #tourSteps p.inquiry::before {
        width: 13px;
        height: 10px;
        margin: 0 8px -1px 0;
    }

    .tour #tourTitleArea dl {
        position: relative;
    }

    .tour #tourTitleArea dt {
        width: 100%;
        margin: 0 -6px;
        float: none;
        position: absolute;
        bottom: 0;
        text-align: center;
    }

    .tour #tourTitleArea dt div {
        width: 130px;
        margin: 0 6px !important;
        display: inline-block;
        vertical-align: middle;
    }

    .tour #tourTitleArea dt div span {}

    .tour #tourTitleArea dt .tourCode {
        font-size: 12px;
    }

    .tour #tourTitleArea dd {
        margin-left: 0;
        padding: 0 0 65px;
    }

    .tour #tourTitleArea dd h2 {
        font-size: 17px;
    }

    .tour .summary .right .priceBox .price {
        font-size: 21px;
    }

    .tour .summary .right .recommends {
        width: 80%;
        margin: 0 auto;
    }

    .tour .summary .right .recommends li {
        padding: 5px;
    }

    .tour .summary .right .tourPointBox .innerBox h3 {
        padding: 0 0 12px 30px;
        font-size: 20px;
    }

    .tour .left .imagePanel {
        width: 100%;
    }

    .tour .imagePanel .main {
        height: 187px;
    }

    .tour .imagePanel ul {
        margin: 10px -5px 40px;
    }

    .tour .imagePanel ul li {
        width: 62px;
        margin: 0 5px;
    }

    .tour .summary .left .information {
        padding: 0 0 10px;
    }

    .tour .summary .left .information h3 {
        font-size: 20px;
    }

    .tour .summary .left .information .innerBox {
        margin: 0 10px;
        padding: 10px;
    }

    .tour #detailArea #detailLeft>.container {}

    .tour .schedule,
    .tour .priceCalendar,
    .tour .estimate,
    .tour #detailArea #detailLeft>.container {
        width: 300px !important;
    }

    .tour .terms {
        width: 260px;
        padding: 10px !important;
    }

    .tour .schedule>dl {
        width: 280px;
        margin: 30px auto 0;
        border: 1px solid #bdbdbd;
        border-top: 0;
    }

    .tour .schedule>dl>dt {
        padding: 4px 8px;
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #eee;
        background: #fefaf0;
        font-size: 12px;
        font-weight: bold;
    }

    .tour .schedule>dl>dt span {
        font-size: 15px;
    }

    .tour .schedule>dl>dd .details {
        padding: 4px 8px 8px;
    }

    .tour .schedule dl dd dt {
        padding: 4px 8px;
        border-top: 1px solid #eee;
        background: #faf9f8;
        color: #888;
        font-weight: bold;
    }

    .tour .schedule dl dd dd {
        padding: 4px 8px;
        border-top: 1px solid #eee;
    }

    .tour .schedule dl dd dd ul li {
        padding-right: 16px;
        display: inline-block;
    }

    .tour .schedule.confirm table tbody th {
        width: 70px;
        padding: 0 7px;
        white-space: normal;
        word-break: break-all;
    }

    .tour .schedule.confirm table tbody td:last-child {
        width: 74px;
        padding: 0 7px;
    }

    .tour .schedule.confirm table tbody td li {
        padding: 8px;
        line-height: 1.5em;
    }

    .tour .schedule.confirm .total {
        margin-bottom: 40px;
    }

    .tour .schedule.confirm .total dt {
        width: 152px;
        padding: 8px;
        border: 0;
        float: left;
    }

    .tour .schedule.confirm .total dd {
        margin-left: 168px;
        padding: 4px 8px 0;
        font-size: 20px;
    }

    .tour #calendarArea {
        width: 280px;
        margin: 40px auto;
    }

    .tour .priceCalendar #stepInformation {
        width: 280px;
        margin: 0 auto;
    }

    .tour .priceCalendar #stepInformation {
        font-size: 12px;
    }

    .tour .priceCalendar #stepInformation ul {
        border: 0;
        background: transparent;
    }

    .tour .priceCalendar #stepInformation ul li {
        margin: 0 0 10px;
        padding: 5px 0 4px;
        display: block;
        float: none;
        font-size: 12px;
        text-align: center;
        border: 1px solid #dadada;
        background: #faf9f8;
        border-radius: 2px;
    }

    .tour .priceCalendar #stepInformation ul li::before,
    .tour .priceCalendar #stepInformation ul li::after {
        display: none;
    }

    .monthSelector {
        position: inherit;
    }

    .monthSelector ul {
        width: 100%;
        margin: 0;
        text-align: center;
        overflow: hidden;
    }

    .monthSelector li {
        vertical-align: middle;
    }

    .monthSelector li:first-child {
        float: left;
    }

    .monthSelector li:last-child {
        float: right;
    }

    .monthSelector li a {
        width: 40px;
        height: 40px;
        padding: 0 !important;
        text-indent: -9999px;
        background: url(../images/icon_arrow-prev.png) 50% 50% no-repeat;
        background-size: 50% auto;
    }

    .monthSelector li:last-child a {
        background: url(../images/icon_arrow-next.png) 50% 50% no-repeat;
        background-size: 50% auto;
    }

    .monthSelector li.buttonS a:before,
    .monthSelector li.buttonS a:after {
        display: none;
    }

    #calendarArea .tabPanel .tabMenu {
        padding: 14px 0 0;
    }

    #calendarArea .tabPanel .tabMenu li:last-child {
        padding: 0;
        float: left;
    }

    #calendarArea .tabPanel .tabContents>div {
        margin-top: 2px;
        padding: 0;
        overflow: hidden;
        border: 1px solid #bdbdbd;
    }

    #calendarArea .tabPanel .tabContents div dl {
        width: 50%;
        float: left;
        vertical-align: top;
    }

    #calendarArea .tabPanel .tabContents div dl:first-child {
        margin-left: -1px;
        border-right: 1px solid #bdbdbd;
    }

    #calendarArea .tabPanel .tabContents div dl>dt:first-child,
    #calendarArea .tabPanel .tabContents div dl>dt:first-child+dd {
        border-top: 0;
    }

    #calendarArea .tabPanel .tabContents div dt,
    #calendarArea .tabPanel .tabContents div dd {
        height: 24px;
        padding: 3px 2px;
        border-top: 1px solid #eee;
    }

    #calendarArea .tabPanel .tabContents div dt {
        width: 56px;
        clear: left;
        float: left;
        border-right: 1px solid #eee;
        text-align: center;
    }

    #calendarArea .tabPanel .tabContents div dd {
        width: 74px;
        margin-left: 60px;
        padding: 3px 5px 3px 0;
        text-align: right;
        vertical-align: bottom;
        line-height: 1em;
    }

    #calendarArea .tabPanel .tabContents div dt.sat {
        background: #d6e8f7;
        color: #115993;
    }

    #calendarArea .tabPanel .tabContents div dt.sun {
        background: #ffeeeb;
        color: #941e1e;
    }

    #calendarArea .tabPanel .tabContents div dt.selected {
        background: #f9da97;
    }

    #calendarArea .tabPanel .tabContents div dt.selected+dd {
        background: #fef9d1;
    }

    #calendarArea .tabPanel .tabContents div dd a,
    #calendarArea .tabPanel .tabContents div dd span {
        line-height: 2.25em;
    }

    #calendarArea .tabPanel .tabContents div dd a {
        color: #cbaa64;
    }

    .tour .estimate .innerBox {
        margin: 30px 10px 50px;
        padding: 26px 10px;
    }

    .tour .estimate .innerBox .button {
        width: 260px;
        padding: 18px 0;
        font-size: 14px;
    }

    .tour .estimate .innerBox .button2 {
        width: 260px;
        padding: 18px 0;
        font-size: 14px;
    }

    .innerBox2 .button2 {
        width: 260px;
        padding: 18px 0;
        font-size: 14px;
    }

    .tour .terms dl {
        border: 0;
    }

    .tour .terms dl dt {
        width: 100%;
        margin: 0;
        padding: 4px 10px;
        background: #fefaf0;
        border: 0;
    }

    .tour .terms dl dd {
        width: 268px;
        margin: 0;
        padding: 10px 16px;
        border: 0;
    }

    .tour .terms dl dd span.label1,
    .tour .terms dl dd span.label2 {
        margin-left: 0;
        font-size: 12px;
        display: table;
    }

    .tour .contactInfo {
        width: 280px;
    }

    .tour .contactInfo .innerBox {
        margin: 30px 20px;
    }

    .tour .contactInfo .innerBox div {
        width: 240px;
        display: block;
    }

    .tour .contactInfo .innerBox .tel {
        margin: 0 0 8px;
        padding: 0 6px 4px;
    }

    .tour .contactInfo .innerBox .tel a {
        color: #000;
    }

    .tour .contactInfo .innerBox .tel span {
        margin: 0;
        display: block;
    }

    .tour .contactInfo .innerBox>div:last-child {
        width: 240px;
        margin: 20px 0 0;
        padding: 30px 0 0;
        border-top: 1px solid #eee;
        border-left: 0;
        text-align: center;
    }

    .tour .contactInfo .innerBox>div:last-child .tourCode {
        width: 150px;
        margin: 0 auto;
    }

    .tour .contactInfo .innerBox>div:last-child .reservationCode {
        width: 150px;
        margin: 0 auto 20px;
    }

    .tour .order .preface {
        padding: 34px 0 0;
    }

    .tour .order .orderContainer.formBlock {
        padding-top: 24px;
    }

    .tour .formBlock .preview {
        margin-bottom: 28px;
    }

    .tour .order.step2-1 .container {
        width: 100% !important;
        padding: 0;
    }

    .tour .order.step2-1 .pointedHeadline {
        max-width: 260px;
        margin: 60px auto auto;
    }

    .tour .order.step2-1 .preview,
    .tour .order.step2-1 .checkResult .summary,
    .tour .order.step2-1 .checkResult h5,
    .tour .order.step2-1 .checkResult .itemized,
    .tour .order .checkContactBox,
    .tour .order .submitArea p {
        width: 280px;
        margin-left: auto;
        margin-right: auto;
    }

    .tour .order .checkContactBox h4 {
        font-size: 15px;
    }

    .tour .order .checkContactBox .button,
    .tour .order .checkContactBox li .buttonS,
    .tour .order .submitArea p .buttonGray {
        font-size: 14px;
    }

    .tour .order .checkResult {
        width: 100%;
    }

    .tour .order .checkResult .result {
        padding: 18px 0;
        border: 0;
    }

    .tour .order .checkResult .result .summary li {
        padding: 0;
    }

    .tour .order .checkResult .result .summary li h4,
    .tour .order .checkResult .result .summary li p,
    .tour .order .checkResult .result .summary li dl {
        width: auto;
        display: block;
    }

    .tour .order .checkResult .result .summary li h4 {
        padding: 14px 26px;
        background: #faf9f8;
        border-right: 0;
        line-height: 1em;
    }

    .tour .order .checkResult .result .summary li h4 span {
        display: block;
    }

    .tour .order .checkResult .result .summary li .title {
        padding: 10px 26px;
        font-size: 15px;
    }

    .tour .order .checkResult .result .summary li .price {
        padding: 10px 26px;
    }

    .tour .order .checkResult .result .summary li dl {
        padding: 10px 26px 0;
    }

    .tour .order .checkResult .result .summary li dt {
        padding: 3px 0;
        float: none;
        text-align: right;
    }

    .tour .order .checkResult .result .summary li dd {
        padding: 3px 0 16px;
    }

    .tour .order .checkContactBox .button,
    .tour .order .checkContactBox .exp,
    .tour .order .checkContactBox ul {
        width: 260px;
    }

    .tour .order .checkContactBox .exp {
        margin: 0 auto;
    }

    .tour .order .checkContactBox ul li {
        width: 260px;
        padding: 0 0 24px;
    }

    .tour .order .checkContactBox ul li:last-child {
        padding: 0;
    }

    .tour .order .orderContainer .documents #travelTerms {
        height: 320px;
    }

    .tour .order .orderContainer .documents .termsContents {
        margin: 10px;
    }

    .tour .order .orderContainer .documents .termsContents h3 {
        font-size: 14px;
    }

    .tour .order .orderContainer .documents p,
    .tour .order .orderContainer .documents .termsContents li {
        font-size: inherit;
    }

    .tour .order .orderContainer .documents .cancel th,
    .tour .order .orderContainer .documents .cancel td {
        padding: 10px 8px;
        white-space: nowrap;
    }

    .tour .order .orderContainer .documents .forms {
        margin: 0;
        border: 0;
    }

    .tour .order .orderContainer .documents .forms dt.essential::after {
        top: 14px;
    }

    .tour .order .orderContainer .documents .forms dt {
        padding: 14px 10px;
        float: none;
        border: 0;
        font-size: 13px;
        font-weight: bold;
    }

    .tour .order .orderContainer .documents .forms dd {
        margin-left: 0;
        padding: 30px 10px;
        border: 0;
        font-size: 12px;
    }

    .tour .orderComplete h3 {
        padding: 15px 0;
        font-size: 15px;
    }

    .tour .orderComplete .messageContainer {
        margin: 30px 10px;
        text-align: left;
    }

    .tour .orderComplete .messageContainer p {
        line-height: 1.33em;
    }

    .tour .orderComplete .messageContainer dl {
        margin: 0 0 20px;
    }

    .tour .orderComplete .messageContainer dd {
        font-size: 15px;
    }

    .tour .orderComplete #aiuBnr {
        width: 260px;
        margin: 30px auto 20px;
    }

    .tour .orderComplete .button {
        width: 260px;
        font-size: 14px;
    }

    .tour .order .orderContainer {
        padding-top: 30px;
    }

    .tour .order .preview {
        margin-bottom: 40px;
    }

    .tour .order .preview ul li {
        padding: 18px 8px;
    }

    .tour .order .preview h5,
    .tour .order .preview ul li p {
        line-height: 1.67em;
    }

    .tour .order .inputArea .selectRooms select {
        font-size: 15px;
    }

    .tour .order .inputArea .selectRooms span {
        font-size: 15px;
    }

    .tour .order .inputArea .selectRooms span:first-child {
        padding-bottom: 4px;
        font-weight: bold;
        display: block;
    }

    .tour .order .inputArea .perRoom>dt {
        width: 100%;
        padding: 20px 8px;
        border-bottom: 1px solid #ddd;
    }

    .tour .order .inputArea .perRoom>dt+dd {
        width: 100%;
        border: 0;
    }

    .tour .order .inputArea .perRoom dl dt,
    .tour .order .inputArea .perRoom dl dt.error {
        width: 58%;
        padding: 20px 0 20px 8px !important;
    }

    .tour .order .inputArea .perRoom dl dd {
        padding: 16px 8px 16px 50%;
    }

    .tour .order .inputArea .perRoom dl dd select {
        width: 80px;
        margin: -6px 0;
    }

    .tour .order .inputArea .submitArea li {
        margin: 0;
        padding: 8px 0;
        display: block;
    }

    .tour .order .inputArea .submitArea li button,
    .tour .order .inputArea .submitArea li input {
        width: 100%;
    }

    .tour .searchFormArea h2 {
        font-size: 25px;
    }

    .tour .searchFormArea h2::before {
        width: 19px;
        height: 19px;
    }

    .tour .searchFormArea .tabMenu li a {
        padding: 10px 0;
        line-height: 1.45em;
    }

    .tour .searchFormArea .tabMenu li a br,
    .tour .searchFormArea .tabMenu li a::after {
        margin: 3px auto 0;
        display: block;
    }

    .tour .searchFormArea .container div dt,
    .tour .searchFormArea .container>div:last-child dt,
    .tour .searchFormArea .detailSearch dl dt {
        width: 260px;
        padding: 3px 10px 2px !important;
        text-align: center;
        border-radius: 3px 3px 0 0;
        display: block !important;
    }

    .tour .searchFormArea .container div dd,
    .tour .searchFormArea .detailSearch dl dd {
        width: 260px;
        padding: 10px !important;
        display: block !important;
    }

    .tour .searchFormArea .container div dl dd input {
        width: 188px;
    }

    .tour .searchFormArea .container div dl dd span {
        margin-left: 10px;
    }

    .tour .searchFormArea .container div dl dd select {
        width: 211px;
    }

    .tour .searchFormArea .container div dl dd input.fullWidth {
        width: 238px;
    }

    .tour .searchFormArea .container div dl dd .plural select {
        width: 160px;
    }

    .tour .searchFormArea dl dd .checkBtn {
        margin: -5px;
    }

    .tour .searchFormArea dl dd .checkBtn li {
        width: 111px;
        height: 38px;
    }

    .tour .searchFormArea .container div dl dd.budget select {
        width: 120px;
    }

    .tour .searchFormArea .container div dl dd.budget span {
        padding: 0 1px;
    }

    .tour .searchFormArea dl dd .checkBtn li span {
        padding-right: 5px;
    }

    .tour .searchFormArea #searchFromCode input {
        width: 242px;
        margin: 6px 0 0;
    }

    .tour .searchFormArea .submitArea .submitBtn label {
        width: 280px;
    }

    .tour .searchResult {
        padding: 26px 0;
    }

    .tour .searchResult nav {
        padding: 0 0 30px;
    }

    .tour .searchResult nav:first-child>ul>li,
    .tour .searchResult nav:first-child>ul>li:first-child {
        padding-right: 0;
        float: none;
        text-align: center;
    }

    .tour .searchResult nav:first-child>ul>li:nth-child(2) {
        padding: 14px 0 8px;
    }

    /* 検索画面：お気に入りに追加ボタン 一時撤去のためコメントアウト */
    /*
.tour .searchResult nav:first-child > ul > li:last-child{
width: 278px;
height: auto;
margin: 12px 0 0;
padding: 4px 0 7px;
float: none;
text-align: center;
}

.tour .searchResult nav:first-child > ul > li:last-child img{
float: none;
}
*/

    .tourListBlock .titleArea {
        width: auto;
        padding: 8px 8px 10px;
        display: block;
    }

    .tourListBlock .titleArea .icon {
        width: 34px;
        padding: 0 10px 0 0;
        display: inline-block;
    }

    .tourListBlock .titleArea .icon+h3 {
        width: 210px;
        display: inline-block;
    }

    .tourListBlock .titleArea h3 {
        padding: 0;
        word-break: break-all;
    }

    .tourListBlock .titleArea h3 a {
        font-size: 13px;
    }

    .tourListBlock .titleArea .btnDetail {
        width: 260px;
        padding: 0;
        display: block;
    }

    .tourListBlock .titleArea .btnDetail .button {
        margin-top: 14px;
        padding: 7px 0;
    }

    .tourListBlock .titleArea .btnDetail a {
        font-size: 12px;
    }

    .tourListBlock .merits ul {
        margin: 0 8px;
    }

    .tourListBlock .tourOutline {
        padding: 10px 8px 8px;
    }

    .tourListBlock .tourOutline .tourData .images {
        width: 260px;
    }

    .tourListBlock .tourOutline .tourData .conditions {
        width: 100%;
        padding: 10px 0 0;
    }

    .tourListBlock .tourOutline .tourData .conditions dt {
        width: 60px;
        padding: 3px 0;
    }

    .tourListBlock .tourOutline .tourData .conditions dd {
        font-size: 17px;
    }

    .tourListBlock .tourOutline .tourData .conditions table tbody:first-child,
    .tourListBlock .tourOutline .tourData .conditions table tbody:last-child {
        width: 100%;
    }

    .tourListBlock .tourOutline .tourData .conditions table tbody:first-child {
        border: 0;
    }

    .tourListBlock .tourOutline .tourData .conditions table th,
    .tourListBlock .tourOutline .tourData .conditions table td {
        padding: 4px 10px 3px;
    }

    .tourListBlock .tourOutline .tourData .conditions table td {
        width: 144px;
    }

    .tourListBlock .tourOutline .tourData>div.information p {
        width: 100%;
        padding: 12px 0 0;
    }

    .tourListBlock .tourOutline .tourData .information .recommends {
        margin: 7px -5px 0;
    }

    .tourListBlock .tourOutline .tourData .information .recommends li {
        width: 35px;
        margin: 5px;
    }

    .tourListBlock .priceTable,
    nav.pagenation ul {
        display: none;
    }

    nav.pagenation {
        width: 280px;
        margin: 0 auto;
        padding: 0 !important;
        border: 0;
    }

    .pointedHeadline::before {
        left: 10px !important;
    }

    .pointedHeadline {
        padding: 15px 10px !important;
        text-indent: 20px !important;
    }

    .formBlock .addresseeInner dd {
        border-left: 0 !important;
    }

    .formBlock .addresseeInner dd {
        padding: 20px 8px;
    }

    .formBlock .addresseeInner dd .radioSelectable li {
        width: 49%;
        margin: 6px 0;
    }

    .formBlock .addresseeInner dd .radioSelectable li label {
        padding: 0 0 0 6px;
    }

    .formBlock .addresseeInner {
        padding: 20px 0 10px;
    }

    .formBlock .addresseeInner dl {
        margin: 0 10px 10px;
    }

    .formBlock .addresseeInner dt.es::after {
        top: 12px;
    }

    .formBlock .addresseeInner .radioSelectable li span {
        padding: 0;
    }

    .formBlock .addresseeBlock hr+p {
        padding: 28px 10px;
    }

    .formBlock textarea.note {
        width: 254px;
    }

    /* Featured Tour - Sys */

    .featured #pageTitle {
        padding: 30px 0 20px;
    }

    .featured #pageTitle h2 {
        margin-top: 20px;
        padding: 13px 10px;
        font-size: 13px;
    }

    .featureMain .left,
    .featureMain .right {
        width: 280px;
    }

    .featureMain .left {
        padding-top: 40px;
    }

    .featureMain .right .content {
        padding: 20px 0;
    }

    .featured .searchFormArea h3 {
        padding: 0 0 10px;
        font-size: 30px;
    }


    /* Destination pges */

    .surf #mainvisual div:not([class]) {
        padding: 0;
    }

    .surf #topLineup ul li.lineup01 {
        background: url(../images/img_surf-02-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    .surf #topLineup ul li.lineup02 {
        background: url(../images/img_surf-03-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    .surf #topLineup ul li.lineup03 {
        background: url(../images/img_surf-04-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    .surf #topLineup ul li.lineup04 {
        background: url(../images/img_surf-05-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }

    .surf #topLineup ul li.lineup05 {
        background: url(../images/img_surf-06-sp.jpg) 0 0 no-repeat;
        background-size: 100% auto;
    }


    .destinations #mainvisual {
        height: 160px;
    }

    .destinations #mainvisual div #destName {
        padding: 0;
        font-size: 18px;
    }

    .destinations #mainvisual div #destName span {
        font-size: 10px;
    }

    .destinations #mainvisual div #catch {
        width: 300px;
        margin: 0 auto;
        font-size: 11px;
    }

    .destinations .destContainer {
        width: 280px;
        padding: 40px 0 0;
    }

    .destinations .destContainer h3 {
        font-size: 30px;
    }

    .destinations .destContainer h3 span {
        padding: 13px 0 0;
    }

    .destinations .destContainer .sectionCatch {
        margin: 0 -10px;
        padding: 30px 0;
        font-size: 12px;
        font-weight: bold;
    }

    .destinations .destContainer .innerImg {
        width: 100%;
        margin: 20px auto 20px;
    }

    .destinations.pohnpei .destContainer .innerImg,
    .destinations.elsalvador .destContainer .innerImg,
    .destinations.taiwanE .destContainer .innerImg {
        width: 50%;
    }

    .destinations .destContainer .detailList {
        width: 100%;
        margin: 26px 0 40px;
    }

    .destinations .destContainer .detailList dt {
        width: auto;
        padding: 10px 8px 0;
        float: none;
        font-size: 12px;
        text-align: inherit;
    }

    .destinations .destContainer .detailList dd {
        width: auto;
        margin: 0;
        padding: 0 8px 6px;
        float: none;
        border-left: 0;
        border-bottom: 1px solid #dadada;
    }

    .destinations .destContainer .text02.wide .detailList dd {
        border-bottom: 0;
    }

    .destinations .destContainer .text01,
    .destinations .destContainer .text02 {
        width: 280px;
    }

    .destinations .destContainer .text02:last-child {
        margin: 0 auto 40px;
    }

    .destinations .destContainer.branch .text01 {
        margin: 30px auto 10px;
    }

    .destinations .destContainer .text02 .details:before {
        width: 20px;
        left: 0;
    }

    .destinations .destContainer .text02 .details {
        width: 240px;
        padding: 30px 10px 0 30px;
    }

    .destinations .destContainer .text02.nested .details {
        padding: 30px 0 0;
    }

    .destinations .destContainer .text02 .details p {
        padding: 0 0 30px;
    }

    .destinations .destContainer .text02 h4 {
        font-size: 20px;
    }

    .destinations .destContainer .text02 h4:first-child {
        margin: 40px 0 0;
    }

    .destinations .destContainer .text02.nested h4:first-child {
        margin: 0;
    }

    .destinations.elsalvador .destContainer .text02 .rooms h4 {
        font-size: inherit;
    }

    .destinations .destContainer .text02.wide .details .roomDetails {
        padding: 20px 0 40px;
    }

    .destinations.elsalvador .destContainer .text02.wide .details .roomDetails {
        padding: 0 0 30px;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li .roomImages {
        width: 260px;
    }

    .destinations .destContainer .text02.wide .details .innerBlock {
        width: 280px;
        margin: 40px auto;
    }

    .destinations .destContainer .text02 .details div.innerBlock {
        margin: 30px auto 0;
    }

    .destinations .destContainer .text02.wide .details .innerBlock:last-child {
        margin: 40px auto 0;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li {
        padding-bottom: 30px;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li:last-child {
        padding-bottom: 0;
    }

    .destinations.elsalvador .destContainer .text02.wide .details .roomDetails li {
        padding-bottom: 0;
    }

    .destinations .destContainer .text02.wide .details .roomDetails li h5 {
        font-size: inherit;
    }

    .destinations.elsalvador .destContainer .text02.wide .roomDetails li .roomDetailContent img {
        width: 260px;
    }

    .destinations .destContainer .text02 .details p.innerBlock {
        margin: 20px auto 0;
    }

    .destinations .destContainer .lineDL-vertical dt {
        padding: 10px 0 10px 12px;
        line-height: 1.5em;
    }

    .destinations .destContainer .lineDL-vertical dd ul {
        margin: 0 0 0 10px;
    }

    .destinations .destContainer .text02 .trigger {
        font-size: 12px;
    }

    .destinations #boatList {
        width: 280px;
        margin: 0 0 40px;
    }

    .destinations #boatList li,
    .destinations #boatList li:nth-last-child(2) {
        width: 280px;
        margin: 0 0 30px;
        float: none;
        font-size: inherit;
    }

    .destinations #boatList li:last-child {
        margin: 0;
    }

    .destinations #boatList li h4 {
        font-size: 25px;
    }

    .destinations .cvPoint {
        display: block;
    }

    .destinations .cvPoint a .button,
    .destinations .cvPoint a:hover .button {
        width: 280px;
        padding: 17px 0;
        font-size: 13px;
        margin-bottom: 15px;
    }

    /* Form pages */

    .formBlock,
    .formBlock.complete {
        width: 280px;
    }

    .preface {
        width: 280px;
        padding: 45px 0 10px;
    }

    .preface p {
        padding: 0 0 6px;
    }

    .preface p span,
    .formBlock.complete p span {
        padding: 0 3px;
        white-space: nowrap;
    }

    .formBlock.complete {
        margin: 40px auto 110px;
        padding: 40px 0 0;
    }

    .formBlock.complete p {
        padding: 0 15px;
        width: auto;
    }

    .formBlock dl {
        margin: 0 0 16px;
        border: 0;
        background: none;
    }

    .formBlock dt,
    .formBlock dd {
        width: auto;
        float: none;
        border: 0;
    }

    .formBlock dt {
        padding: 15px 10px;
        font-weight: bold;
        line-height: 1.75em;
        background: #faf9f8;
    }

    .formBlock dt.es:after {
        top: 17px;
        right: 10px;
    }

    .formBlock dd {
        margin: 0;
        padding: 10px 0 20px;
    }

    .formBlock.confirm dd,
    .formBlock.confirm dd:last-child {
        padding: 10px 10px 20px;
    }

    .preface+p.error {
        padding: 0 0 15px;
        font-size: inherit;
        text-align: left;
        word-break: break-all;
    }

    .formBlock dd .error,
    .orderContainer form dd .error {
        font-size: inherit;
    }

    .perRoom dt.error p {
        font-size: inherit;
        width: 250px;
        line-height: 1.2em;
        white-space: normal;
    }

    .preface+p.error::before,
    .formBlock dd .error::before,
    .orderContainer form dd .error::before,
    .perRoom dt.error p::before {
        width: 12px;
        height: 12px;
        margin: 0 4px -2px 0;
    }

    .perRoom dt.error+dd {
        padding: 58px 8px 16px 50% !important;
    }

    .formBlock dd input[type="text"],
    .formBlock dd input[type="text"].half,
    .formBlock dd textarea {
        width: 254px;
    }

    .formBlock dd input[type="text"].calendar {
        width: 189px;
    }

    .formBlock dd span,
    .formBlock dd input.calendar+span {
        padding: 0 6px 0 8px;
    }

    .formBlock dd select {
        width: 280px;
    }

    .formBlock dd ul {
        padding: 0 0 0 8px;
    }

    .formBlock dd li label {
        width: 165px;
    }

    .formBlock dd li select {
        width: 80px;
    }

    .formBlock dd div {
        padding-left: 6px;
    }

    .formBlock dd input[type="text"].zip01 {
        /* width: 89px; */
        margin-right: 2px;
    }

    .formBlock dd input[type="text"].zip02 {
        /* width: 113px; */
        margin-left: 1px;
    }

    .tour .order .orderContainer.formBlock dl dd .buttonS {
        margin-left: 10px;
    }

    .formBlock dd select.prefacture {
        width: 100%;
    }

    .formBlock dd li span.subtitle+input[type="text"] {
        width: 196px;
    }

    .formBlock dd select.yearSelect {
        width: 78px;
    }

    .formBlock dd select.monthSelect,
    .formBlock dd select.dateSelect {
        width: 63px;
    }

    .formBlock dd select+span.subtitle {
        padding: 0 8px 0 0 !important;
        line-height: 3em;
    }

    .formBlock .subForm {
        margin: 0;
    }

    .formBlock .subForm h4 {
        margin-bottom: 28px;
        line-height: 1.5em;
        border-bottom: 1px solid #ccc;
    }

    .formBlock .subForm dl {
        border: 0;
    }

    .formBlock.complete .buttonArea {
        padding: 30px 0 40px;
    }

    .formBlock .buttonArea button {
        width: 280px;
    }

    .formBlock .buttonArea .button {
        width: 280px;
    }

    .formBlock .buttonArea button,
    .formBlock .buttonArea a {
        padding: 18px 0;
        font-size: 13px;
    }

    .formBlock .buttonArea .button {
        padding: 18px 0;
        font-size: 13px;
    }

    .formBlock ul.buttonArea li {
        padding: 0;
    }

    .formBlock ul.buttonArea button {
        width: 130px;
        margin: 0 0 0 8px;
    }

    .formBlock ul.buttonArea a {
        width: 130px;
        margin: 0 8px 0 0;
    }

    .formBlock .buttonArea a {
        width: 260px;
        margin: 0;
    }

    /* Document Pages */

    #stipulationList {
        width: 280px;
        margin: 0 auto;
    }

    #stipulationList li {
        width: 280px;
        height: 100px;
        margin: 0 0 20px 0;
        float: none;
    }

    #stipulationList li dt {
        width: 14.29%;
    }

    #stipulationList li dd {
        padding-left: 15px;
        font-size: 15px;
    }

    #stipulationList li dd span {
        font-size: 12px;
    }

    .documents .colWrap {
        width: 100% !important;
        padding: 30px 0 0;
        font-size: 12px;
    }

    .documents .colWrap .colLeft,
    .template .colWrap .colLeft {
        width: 310px;
        padding: 0 5px;
        margin: 0 auto;
        float: none;
    }

    .documents .colWrap .colLeft h3,
    .documents.singlePages h3 {
        width: 93.5%;
        margin: 30px 0 0;
        padding: 12px 10px;
        font-size: 14px;
    }

    .documents .colWrap .colLeft h4 {
        padding: 25px 0 0 10px;
    }

    .documents .colWrap .colLeft dl {
        padding: 10px 10px 0;
    }

    .documents .colWrap .colLeft dd.no-list {
        padding: 0;
    }

    .documents .colWrap .colLeft dd ol,
    .documents.singlePages ol {
        margin: 0 0 0 15px;
    }

    .documents .colWrap .colLeft dd ol li:first-child {
        margin: 0 0 0 -15px;
    }

    .documents .colWrap .colLeft dd ol li,
    .documents.singlePages ol li {
        padding: 0 0 8px;
    }

    .documents .colWrap .colLeft dd ol li ol {
        margin-left: 8px;
    }

    .documents.singlePages ol li ol li {
        padding-left: 30px;
    }

    .documents .colWrap .colLeft dd ol li ol li {
        padding-left: 20px;
    }

    .documents .colWrap .colLeft dd ol li ol li ol {
        margin-left: -10px;
    }

    .documents .colWrap .colLeft dd ol.single ol,
    .documents .colWrap .colLeft dd ol li ol li,
    .documents .colWrap .colLeft dd ol li ol li:first-child,
    .documents .colWrap .colLeft dd ol li ol li ol li,
    .documents .colWrap .colLeft dd ol li ol li ol li:first-child {
        margin-left: 10px;
    }

    .documents.company .colWrap .colLeft dt,
    .grayTable dt {
        width: auto;
        padding: 5px 10px;
        float: none;
        font-size: 10.5px;
    }

    .documents.company .colWrap .colLeft dd,
    .grayTable dd {
        width: auto;
        margin: 0;
        padding: 10px 20px;
        float: none;
        border-left: 0;
    }

    .documents.company .colWrap .colLeft dd a.pdf,
    .grayTable dd a.pdf {
        padding: 3px 45px 0 0;
    }

    .documents.company .colWrap .colLeft .mapArea {
        margin: 20px 10px 0;
    }

    .documents.singlePages .preamble {
        margin: 30px 0 20px;
    }

    .documents.singlePages .preamble p {
        padding: 0 0 20px;
    }

    .documents.singlePages ol li p {
        padding: 10px 0;
    }

    .documents.singlePages ol li ol {
        padding: 0;
    }

    .documents.singlePages ol li .textBox {
        padding: 0 0 10px;
    }

    .documents.company .colWrap .colLeft .information {
        width: 280px;
    }

    .documents .colWrap .colLeft .termsContents ul>li::before {
        width: 44px;
        height: 14px;
        font-size: 14px;
    }

    .documents .colWrap .colLeft .termsContents h4 {
        font-size: 14px;
    }

    .documents .colWrap .colLeft .termsContents ul>li {
        font-size: inherit;
    }

    .documents .colWrap .colRight,
    .template .colWrap .colRight {
        width: 100%;
        padding: 60px 0 0;
        float: none;
    }

    .documents .colWrap .colRight h3,
    .template .colWrap .colRight h3 {
        border-radius: 0;
    }

    .documents .colWrap .colRight h3 span,
    .template .colWrap .colRight h3 span {
        width: 280px;
        margin: 0 auto;
        display: block;
    }

    .documents .colWrap .colRight #sidebar,
    .template .colWrap .colRight #sidebar {
        padding: 4px 0 0;
    }

    .documents .colWrap .colRight #sidebar li a,
    .template .colWrap .colRight #sidebar li a {
        width: 280px;
        margin: 0 auto;
        border-bottom: 0;
        position: relative;
    }

    .documents .colWrap .colRight #sidebar li a::after,
    .template .colWrap .colRight #sidebar li a::after {
        right: 0;
    }

    .termsContents ul li li::before {
        margin-left: -24px;
        padding: 0 3px 0 0 !important;
    }

    .termsContents ul ol li {
        padding-left: 22px;
    }

    .termsContents ul ol ol ol ol {
        margin-left: 20px;
    }

    .documents .tablesArea {
        width: 280px;
        padding: 40px 0 0;
    }

    .stipulationTable01,
    .stipulationTable02 {
        margin-bottom: 30px;
    }

    .stipulationTable01 th,
    .stipulationTable01 td,
    .stipulationTable02 th,
    .stipulationTable02 td {
        padding: 5px 5px 5px 8px;
    }

    .stipulationTable01 tbody tr td:first-child {
        width: 70.5%;
    }

    .stipulationTable01 tbody tr td:last-child {
        width: 29.5%;
    }

    .stipulationTable02 tbody tr td:first-child {
        width: 62%;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent h3 {
        text-indent: 0;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent h3 img {
        width: 100px;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap {
        width: 120px;
        margin: 20px 0 1em 16px;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .photoWrap p {
        padding-top: 1em;
    }

    .documents.company .colWrap .colLeft .greetingBlock .greetingContent .textWrap {
        padding: 20px 0 0;
    }

    /* Blogs and News */

    .news-blog.search .colLeft .searched,
    .news-blog.search .colLeft .searched span {
        padding: 0 0 30px;
        font-size: 15px;
    }

    .news-blog.news .colLeft .blockLink li,
    .news-blog.search .colLeft .blockLink li {
        padding: 14px 10px;
    }

    .news-blog.news .colLeft .blockLink li p,
    .news-blog.search .colLeft .blockLink li p {
        padding: 4px 0 0;
    }

    .news-blog.news .colLeft .blockLink li p a,
    .news-blog.search .colLeft .blockLink li p a {
        line-height: 1.7em;
    }

    .news-blog .colWrap .colRight {
        width: 280px;
        margin: 0 auto 100px;
    }

    .news-blog .colRight dl dd input {
        width: 193px;
    }

    .news-blog .colRight h3 {
        border-radius: 4px !important;
    }

    .news-blog .colRight h3 span {
        width: 15px !important;
        margin: -4px 0 0 !important;
    }

    .news-blog .colLeft .blogTitle {
        padding: 0 0 20px;
    }

    .news-blog .colLeft .blogTitle h3 {
        padding: 0 0 10px;
        font-size: 18px;
        line-height: 1.3em;
    }

    .news-blog .colLeft .blogContent {
        padding: 10px 0 0;
    }

    .news-blog.blog .colLeft .blockLink {
        margin: 0;
        padding: 0 0 10px;
    }

    .news-blog.blog .colLeft .blockLink li {
        width: 280px;
        height: 166px;
        margin: 0 0 20px;
        float: none;
    }

    .news-blog.blog .colLeft .blockLink li:nth-child(odd),
    .news-blog.blog .colLeft .blockLink li:nth-child(even) {
        margin-left: auto;
        margin-right: auto;
    }

    .news-blog .colLeft .blogFooter {
        text-align: center;
    }

    .news-blog .colLeft .blogFooter>p {
        float: none;
    }

    .news-blog .colLeft .blogFooter .shareTools {
        margin: 20px 0 0;
        float: none;
    }

    .news-blog.search .colLeft .searched {
        width: 280px;
        margin: 0 auto;
    }

    .news-blog.news .colLeft .blockLink,
    .news-blog.search .colLeft .blockLink {
        width: 280px;
        height: auto;
        margin: 0 auto 40px;
    }

    .news-blog.search .colLeft .blockLink li {
        width: auto;
        height: auto;
        margin: 0;
    }

}

@media only screen and (max-device-height: 768px) and (min-width:0\0) {
    /* for Windows Tablets of IE10 */
}



/* IE HACs */

/* for IE 9 */
#topNewsArea ul li dl dt:not(:target) {
    padding: 0 24px 0 0\9;
}

.tour .order .placeholder:not(:target) {
    color: #000\9;
}

.tour .order select.placeholder:not(:target) {
    color: #bbb\9;
}

.tour .searchFormArea .submitArea .clearBtn label:not(:target) {
    padding: 8px 0 7px\9;
}

.tour .searchResult nav:first-child>ul>li li:not(:target) {
    padding: 9px 0 7px\9;
}

.tour .searchResult nav:first-child>ul>li:last-child span:not(:target) {
    line-height: 2.3em\9;
}

.tourListBlock .titleArea .icon img:not(:target) {
    max-width: 71px\9;
}

.tourListBlock .tourOutline .tourData .images img:not(:target) {
    max-width: 300px\9;
}

.tourListBlock .priceTable .nav.prev:not(:target),
.tourListBlock .priceTable .nav.next:not(:target) {
    width: 132px\9;
}

.tourListBlock .priceTable .nav p a:not(:target) {
    padding: 26px 0 22px\9;
    display: block\9;
    line-height: 1em\9;
}

.tour .searchFormArea .detailSearch .trigger span:not(:target)::before {
    margin-bottom: -4px\9;
}

.tour .searchFormArea .tabMenu li a:not(:target)::after {
    width: 20px\9;
    padding-left: 4px\9;
}

#drower-menu ul li:not(:target) {
    color: #fff\9;
}

#drower-menu ul li:not(:target)::before {
    top: 5px\9;
}

#drower-menu ul li a:not(:target) {
    color: #000\9;
}



/* for IE10+ */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #topNewsArea ul li dl dt:not(:target) {
        padding: 0 24px 0 0;
    }

    .tour .searchFormArea .submitArea .clearBtn label:not(:target) {
        padding: 8px 0 7px;
    }

    .tour .searchResult nav:first-child>ul>li li:not(:target) {
        padding: 9px 0 7px;
    }

    .tour .searchResult nav:first-child>ul>li:last-child span:not(:target) {
        line-height: 2.3em;
    }

    .tourListBlock .priceTable .nav p a:not(:target) {
        padding: 26px 0 22px;
        display: block;
        line-height: 1em;
    }

    .tour .searchFormArea .detailSearch .trigger span:not(:target)::before {
        margin-bottom: -4px;
    }

    .tour .searchFormArea .tabMenu li a:not(:target)::after {
        width: 20px;
        padding-left: 4px;
    }

    #drower-menu ul li:not(:target) {
        color: #fff;
    }

    #drower-menu ul li:not(:target)::before {
        top: 5px;
    }

    #drower-menu ul li a:not(:target) {
        color: #000;
    }

}

.documents .preamble .extraBox {
    margin-bottom: 120px;
    padding: 6px 10px;
    border: 1px solid #eaeaea;
}

.documents .preamble .extraBox dl {
    padding: 0;
    overflow: hidden;
}

.documents .preamble .extraBox dl dt {
    padding: 0 1em 0 0;
    clear: left;
    float: left;
    font-weight: normal;
}

.documents .preamble .extraBox dl dd {
    float: left;
}

ul.ulDefault {
    margin: 1em 0;
    padding-left: 40px;
    list-style-type: disc;
}

/*特集ツアーボタン*/
.renew230614 .tab-wrap {
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

.renew230614 .tab-label {
    text-align: center;
    width: 40%;
    font-size: 20px;
    font-weight: bold;
    background: #BCCBD8;
    margin: 0 auto;
    padding: 10px 20px;
    order: -1;
}

.renew230614 .tab-content {
    width: 100%;
    display: none;
}

.renew230614 .tab-switch:checked+.tab-label {
    background: #E8EFF6;
    border-bottom: 2px solid #CBAA64;
}

.renew230614 .tab-switch:checked+.tab-label+.tab-content {
    display: block;
}

.renew230614 .tab-switch {
    display: none;
}

.renew230614 .guide-wrap {
    width: 90%;
    margin: 0 auto;
}

.renew230614 .guide-wrap h3 {
    width: fit-content;
    margin: 20px auto;
    font-size: 20px;
    border-bottom: 2px solid #CBAA64;
}

.renew230614 .guide-wrap .sub-text {
    margin: 20px auto;
}

.renew230614 .guide-area {
    width: 90%;
    margin: 30px auto;
}

.renew230614 .guide-area h4 {
    width: fit-content;
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #CBAA64;
}

.renew230614 .area-contents {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.renew230614 .area-left {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.renew230614 .area-left img {
    width: 100%;
    height: auto;
}

.renew230614 .area-right {
    width: 70%;
    padding: 10px;
}

.renew230614 .contents-wrap {
    display: flex;
    flex-wrap: nowrap;
}

.renew230614 .contents-left {
    width: 20%;
    height: auto;
    margin: auto 0;
}

.renew230614 .rent-a-car {
    width: fit-content;
    color: white;
    font-weight: bold;
    background-color: #929BA2;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px auto;
}

.renew230614 .contents-price {
    color: red;
    width: fit-content;
    font-weight: bold;
    margin: 10px auto;
}

.renew230614 .contents-right {
    width: 80%;
    text-align: center;
}

.renew230614 .contents-right p {
    font-weight: bold;
}

.renew230614 .contents-right .book-btn {
    padding: 10px 150px;
    border: none;
    border-radius: 5px;
}

.renew230614 .contents-right a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .renew230614 .tab-wrap {
        width: 90%;
        margin: 0 auto;
    }

    .renew230614 .tab-label {
        text-align: center;
        width: 43%;
        font-size: 13px;
        font-weight: bold;
        background: #BCCBD8;
        margin: 0 auto;
        padding: 5px 10px;
        order: -1;
    }

    .renew230614 .tab-content {
        width: 100%;
        display: none;
    }

    .renew230614 .guide-wrap .sub-text {
        margin: 10px auto;
        font-size: 13px;
    }

    .renew230614 .guide-wrap h3 {
        font-size: 16px;
    }

    .renew230614 .guide-area h4 {
        font-size: 16px;
    }

    .renew230614 .area-contents {
        width: 100%;
        display: block;
    }

    .renew230614 .area-left {
        width: 100%;
    }

    .renew230614 .area-right {
        width: 100%;
        padding: 0;
    }

    .renew230614 .contents-wrap {
        display: block;
    }

    .renew230614 .contents-left {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        height: auto;
    }

    .renew230614 .contents-price {
        height: fit-content;
        margin: auto;
        font-size: 20px;
    }

    .renew230614 .contents-right {
        width: 100%;
        text-align: left;
    }

    .renew230614 .contents-right .book-btn {
        width: 100%;
        padding: 10px 20px;
        margin: 10px 0;
    }
}

/******renew20240711*****/

.renew20240711 .container {
    padding: 30px;
}

.renew20240711 img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.renew20240711 .sp-trip {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    column-gap: 20px;
    align-items: center;
    margin: 20px auto;
}

.renew20240711 .sp-trip.right {
    flex-direction: row-reverse;
}

.renew20240711 .sp-trip .img-wrap,
.renew20240711 .sp-trip .det-txt {
    width: calc((100% - 10px) / 2);
}

.renew20240711 h3.container {
    font-size: 1.5rem;
    font-weight: bold;
}

.renew20240711 .sp-trip .det-txt h2,
.renew20240711 .sp-trip .det-txt h3 {
    font-size: 1.2rem;
    font-weight: bold;
}

.renew20240711 .shiori {
    padding: 30px;
    border: 1px solid #000;
}

@media screen and (max-width:767px) {
    .renew20240711 .sp-trip {
        display: block;
        margin: 0 auto;
    }

    .renew20240711 .sp-trip .img-wrap,
    .renew20240711 .sp-trip .det-txt {
        width: 100%;
    }

    .renew20240711 img {
        height: 250px;
    }
}

.unko {
    display: block;
}