@charset "UTF-8";
/* CSS Document */

/* ------------------------------
 tour_2_1
------------------------------ */

#to-container-2-1 .dark-btn,
#to-container-2-1 .orange-btn {
    padding: 6px 16px 6px 16px;
    border: 0;
    font-size: 12px;
    white-space: nowrap;
    color: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(20, 20, 20)), color-stop(100%, rgb(80, 80, 80)));
    border-radius: 8px;
}

#to-container-2-1 .dark-btn04 {
    padding: 9px 16px 9px 16px;
    border: 0;
    font-size: 12px;
    white-space: nowrap;
    color: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(20, 20, 20)), color-stop(100%, rgb(80, 80, 80)));
    border-radius: 8px;
    width:100%;
    margin:15px 0 0 0;
}

#to-container-2-1 .orange-btn {
    background: #ED7D31;
}

#to-container-2-1 .orange-btn04 {
    padding: 8px 30px;
    border: 0;
    font-size: 14px;
    color: white;
    background: #ED7D31;
    border-radius: 8px;
    margin: 15px 0 0 0;
}

#to-container-2-1 .more-btn {
    border: 0;
    border-radius: 5px;
    border-bottom: solid 3px #656565;
    font-size: 1em;
    font-weight: bold;
    background: #afabab;
    color: #fff;
    width: 100%;
    height: 56px;
    line-height: 56px;
}
#to-container-2-1 .more-btn img { padding-right: 5px; zoom: 1; vertical-align: middle; margin-top: -3px;}

#to-container-2-1 .tbl { display: table; }
#to-container-2-1 .cell { display: table-cell; }

#to-container-2-1 .view-r { text-align: right; }
#to-container-2-1 .view-c { text-align: center; }
#to-container-2-1 .view-middle { vertical-align: middle; }
#to-container-2-1 .white-s { white-space: nowrap; }

#to-container-2-1 .low-price1 { background-color: rgb(255, 204, 162)!important; }
#to-container-2-1 .low-price2 { background-color: rgb(255, 220, 220)!important; }
#to-container-2-1 .low-price3 { background-color: rgb(255, 240, 240)!important; }

#to-container-2-1 { font-family: "HiraKakuProN-W6"!important; position:relative; padding: 0 0 70px;}

/* */
/* Ref #32143 */
#to-container-2-1 section#breadcrumbArea .breadcrumbList{font-size:12px; margin:0 10px; padding:15px 0; white-space:nowrap; overflow:auto;}
#to-container-2-1 section#breadcrumbArea .breadcrumbList li{display:inline-block;}
#to-container-2-1 section#breadcrumbArea .breadcrumbList > li+li:before {content: "＞"; margin: 0 .3em;}
#to-container-2-1 section#breadcrumbArea .breadcrumbList li a > span{color:#6b8bac;}

#to-container-2-1 section[name="search-result"] { padding: 0 10px 0 10px; }
#to-container-2-1 section[name="search-result"] .frame { font-size: 15px; font-weight: bold; width: 100%; white-space:nowrap; overflow:auto;}
#to-container-2-1 section[name="search-result"] .res-count {padding: 0; display:inline-block; position:absolute; line-height:18px; left:30px; right:50px; white-space:nowrap; overflow-y:hidden; overflow-x:auto;}
#to-container-2-1 section.okada-add {font-size:12px; line-height:16px; position: absolute; left:0; bottom:0;padding: 0 10px;}

/* */
#to-container-2-1 section[name="search-condi"] { padding: 15px 10px 5px 10px; font-size: 11px; background-color: rgb(237, 237, 237); }
#to-container-2-1 section[name="search-condi"] .head {
    display: table;
    width: 100%;
    padding: 2px 0px 2px 5px;
    background-color: rgb(237, 237, 237);
}
#to-container-2-1 section[name="search-condi"] .head div { display: table-cell; }
#to-container-2-1 section[name="search-condi"] .condi-view {
    font-size: 12px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    text-decoration: none;
}

#to-container-2-1 .frame2 .filter-btn-row { position: relative; }
#to-container-2-1 .frame2 .f-btn-wrap {
    position: absolute;
    z-index: 10;
    margin: 4px;
}
#to-container-2-1 span.result-number {
    padding:0 0 0 10px;
}
.mess-compass-filter-condition {
    font-size: 11px;
}
#to-container-2-1 .frame2 .filter-btn-row .btn-back {
    display: none;
    position: absolute;
    z-index: 1;
    width: 90px;
    height: 42px;
    background-color: rgb(230, 230, 230);
    border-top: solid 1px rgb(190, 190, 190);
    border-left: solid 1px rgb(190, 190, 190);
    border-right: solid 1px rgb(190, 190, 190);
    border-bottom: solid 1px rgb(230, 230, 230);
}

#to-container-2-1 section[name="search-condi"] .condi-view img { padding: 0 0 0 10px; }

#to-container-2-1 section[name="search-condi"] .condi-view .up,
#to-container-2-1 section[name="search-condi"] .condi-view.on .down { display: none; }
#to-container-2-1 section[name="search-condi"] .condi-view .down,
#to-container-2-1 section[name="search-condi"] .condi-view.on .up { display: inline; }
#to-container-2-1 section[name="search-condi"] .condi-wrap { display: none; } /* block →　none */
#to-container-2-1 section[name="search-condi"] .frame1 {
    padding: 5px;
    margin-bottom: 10px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
#to-container-2-1 section[name="search-condi"] .frame1 .item { padding: 4px; }
#to-container-2-1 section[name="search-condi"] .frame1 .item { padding: 4px;  }
#to-container-2-1 section[name="search-condi"] .frame1 .item02 { padding: 4px; width:100px; float:left; }
#to-container-2-1 section[name="search-condi"] .frame1 .item-name { color: rgb(100, 100, 100); }
#to-container-2-1 section[name="search-condi"] .frame1 .item-name02 { color: rgb(100, 100, 100); }

/* */
#to-container-2-1 section[name="tel-inquiry"] .frame { padding: 15px; background-color: rgb(237, 237, 237); }
#to-container-2-1 section[name="tel-inquiry"] .str-1 { font-size: 11px; font-weight: bold; color: rgb(255, 0 , 0); }
#to-container-2-1 section[name="tel-inquiry"] .str-2 { font-size: 10px; }
#to-container-2-1 section[name="tel-inquiry"] .str-3 { font-size: 19px; font-weight: bold;}
#to-container-2-1 section[name="tel-inquiry"] .inq-box { background-color: rgb(255, 255, 255); border: solid 2px rgb(210, 210, 210); }
#to-container-2-1 section[name="tel-inquiry"] .inq-row1 { text-align: center; padding: 5px 0 5px 0; }
#to-container-2-1 section[name="tel-inquiry"] .inq-row2 { text-align: center; vertical-align: middle; padding: 5px 0 5px 0; }

/*  */
#to-container-2-1 section[name="dark-dialog"] {
    z-index: 100;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    display: none;
}
#to-container-2-1 section[name="dark-dialog"] .frame {
    width: 200px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}
#to-container-2-1 section[name="dark-dialog"] img { padding: 20px; }
#to-container-2-1 section[name="dark-dialog"] .str-1 { font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); }



#to-container-2-1 section[name="search-condi"] .frame1 { margin-bottom: 2px!important;}
#to-container-2-1 section[name="search-condi"] .frame2 { width: 100%; margin: 0 0 3px 0; padding: 0 0 5px 0; }
#to-container-2-1 section[name="search-condi"] .frame2 .item-name { font-size: 14px; font-weight: bold;}
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list,
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list li {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    height: 15px;
    width: 120px;
    background-color: rgb(255, 255, 255);
}
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list { float: right; margin: 0 0 5px 10px; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list li {
    vertical-align: middle;
    border-top: solid 2px rgb(200, 200, 200);
    border-left: solid 2px rgb(200, 200, 200);
    border-right: solid 2px rgb(200, 200, 200);
    padding: 5px;
    display: none;
    width: 100%;
    z-index:200;
}
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list li.li-last { border-bottom: solid 2px rgb(200, 200, 200)!important; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list.on li { display: block; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list.on li.select { border-bottom: solid 0px; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list li.select { display: block; border-bottom: solid 2px rgb(200, 200, 200); }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list a { color: rgb(0, 0, 0); }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list li .row2 { width: 90%; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-list li .row3 { width: 10%; }
#to-container-2-1 section[name="search-condi"] .frame2 .row1 { width: 70%; padding: 19px 0 0 0; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-btn-row { width: 30%; padding: 3px 0 30px 0; text-align: center; }
#to-container-2-1 section[name="search-condi"] .frame2 .filter-btn-row.on .dark-btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(180, 180, 180)), color-stop(100%, rgb(200, 200, 200)));
}
#to-container-2-1 section[name="search-condi"] .frame2 .filter-btn-row { position: relative; }
#to-container-2-1 section[name="search-condi"] .frame2 .f-btn-wrap {
    position: absolute;
    z-index: 10;
    margin: 4px;
    right:0;
}
#to-container-2-1 section[name="search-condi"] .frame2 .filter-btn-row .btn-back {
    display: none;
    position: absolute;
    z-index: 1;
    width: 90px;
    height: 42px;
    background-color: rgb(230, 230, 230);
    border-top: solid 1px rgb(190, 190, 190);
    border-left: solid 1px rgb(190, 190, 190);
    border-right: solid 1px rgb(190, 190, 190);
    border-bottom: solid 1px rgb(230, 230, 230);
    right:0;
}
#to-container-2-1 section[name="search-condi"] .frame2 .filter-btn-row.on .btn-back { display: block; }

#to-container-2-1 section[name="add-condi"] a { color: rgb(0, 0, 0); }
#to-container-2-1 section[name="add-condi"] a[name="radio"].on img,
#to-container-2-1 section[name="add-condi"] a[name="radio"] img.chk { display: none; }
#to-container-2-1 section[name="add-condi"] a[name="radio"].on img.chk { display: inline; }
#to-container-2-1 section[name="add-condi"] .str-1 { font-size: 14px; font-weight: bold; }
#to-container-2-1 section[name="add-condi"] .frame {
display: none;
  padding: 15px 10px 15px 10px;
  border: solid 1px rgb(190, 190, 190);
  background-color: rgb(230, 230, 230);
   overflow: hidden;}
#to-container-2-1 section[name="add-condi"] .condi-box { width: 100%; }
#to-container-2-1 section[name="add-condi"] .row1 { width: 20%; vertical-align: top; }
#to-container-2-1 section[name="add-condi"] .row1 .tbl .cell { height: 30px; }
#to-container-2-1 section[name="add-condi"] .row2 { width: 80%; }
#to-container-2-1 section[name="add-condi"] .row3 { width: 100%; padding: 5px; height: 30px; }
#to-container-2-1 section[name="add-condi"] .row4 { width: 50%; }
#to-container-2-1 section[name="add-condi"] .row5 { padding: 5px 0 5px 0; }
#to-container-2-1 section[name="add-condi"] .row5 .set-val { padding: 2px 0 5px 5px; }
#to-container-2-1 section[name="add-condi"] .row6 { padding: 5px 0 0 0; }
#to-container-2-1 section[name="add-condi"] .set-box {
    padding: 10px 5px 10px 5px;
    background-color: rgb(255, 255, 255);
    border: solid 1px rgb(190, 190, 190);
}
#to-container-2-1 section[name="add-condi"] .condi-box .item-nm { padding: 0 0 0 8px; }

section[name="result-list"] .frame1 .tour-preview { line-height: 1.5; padding: 10px 0 5px 0; position: relative;}

section[name="result-list"] .frame1 .tour-preview02 { line-height: 1.5; padding: 10px 0 5px 0; margin:32px 0 0 0;}
<!--section[name="result-list"] .frame1 .tour-img を削除して、section[name="result-list"] .frame1 .tour-img imgを追加 -->

section[name="result-list"] .frame1 .tour-img {

}
section[name="result-list"] .frame1 .tour-img img{
    clear: both;
    float: left;
    margin:0 0 5px 5px;
    clear: both;
    width:95px;
    height:95px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
    zoom: 1.0;
}


#to-container-2-1 .frame1 .tour-img img {
    height: auto !important;
}
section[name="result-list"] .frame1 .tour-desc { float: left; margin: 5px 0 0 8px; width: 64%;}
section[name="result-list"] .frame1 .tour-desc .tour-desc-text01 { font-size: 10px; }
section[name="result-list"] .frame1 .tour-desc .tour-desc-text02 { font-size: 12px; }
section[name="result-list"] .frame1 .tour-desc .tour-desc-text022 { font-size: 12px; text-decoration: underline; }
section[name="result-list"] .frame1 .tour-desc .tour-desc-text03 { color: #e32400; font-size: 16px; }
section[name="result-list"] .frame1 .tour-desc .tour-desc-text04 { color: #858383; font-size: 12px; }
section[name="result-list"] .frame1 .tour-label { clear: both; margin: 0 0 0 5px; overflow: hidden; }
section[name="result-list"] .frame1 .tour-label li { display: inline; margin: 0 2px 0 0; min-width: 80px; float:left; }
section[name="result-list"] .frame1 .tour-code { color: #000; font-size: 8px; font-weight: bold; padding: 0 10px 0 10px; }

section[name="result-list"] .frame1 str-3 .details-toggle .dark-btn { border-radius: 0; font-size: 15px; padding: 15px 0 15px 0; width: 100%; }

section[name="result-list"] .frame1 .tour-details { font-size: 10px; line-height: 1.5; margin: 5px 10px 10px 10px; font-weight:bold;}
section[name="result-list"] .frame1 .tour-details tr { border-bottom: 1px dotted #e0dfde; }
section[name="result-list"] .frame1 .tour-details td { padding: 5px 0 0 0; }
section[name="result-list"] .frame1 .tour-details .table-subject { padding: 0 0 0 4px; width: 90px; }
section[name="result-list"] .frame1 .tour-details .table-text01 { font-weight: normal; width: 150px; }
section[name="result-list"] .frame1 .tour-details .table-text01 a { color: #ee9a30; }
section[name="result-list"] .frame1 .tour-details .table-text02 { padding: 5px 0 0 4px; }
section[name="result-list"] .frame1 .tour-details .table-text02 a { color: #000; text-decoration: underline; }
section[name="result-list"] .frame1 .tour-details .table-text03 { font-weight: normal; width: 150px; color:#999;}

/* ------------------------------
 詳細閉じる
------------------------------ */
#list2-1-container section[name="result-list"] .dtl-btn-row { border-bottom: solid 1px rgb(100, 100, 100); }
#list2-1-container section[name="result-list"] .dtl-btn {
    width: 100%;
    height: 30px;
    border: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, gainsboro), color-stop(100%, #F0F0F0));
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding: 0 20px 0 0;
}
#list2-1-container section[name="result-list"] .dtl-btn img { padding: 0 0 0 10px; }

#list2-1-container section[name="result-list"] .dtl-btn.on {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}
#list2-1-container section[name="result-list"] .dtl-btn .up,
#list2-1-container section[name="result-list"] .dtl-btn.on .down { display: none; }
#list2-1-container section[name="result-list"] .dtl-btn .down,
#list2-1-container section[name="result-list"] .dtl-btn.on .up { display: inline; }
#list2-1-container section[name="result-list"] .dtl-more-row { width: 100%; }
#list2-1-container section[name="result-list"] .sel-btn-row { width: 100%; }
#list2-1-container section[name="result-list"] .sel-btn-center { width: 60%; }
#list2-1-container section[name="result-list"] .sel-btn-center .dark-btn { width: 80%; }
#list2-1-container section[name="result-list"] .sel-btn-side { width: 20%; }
/* ------------------------------
 詳細閉じる
------------------------------ */



#to-container-2-1 section[name="result-list"] .frame1,
#to-container-2-1 section[name="result-list"] .frame2 { width: 100%; border-top: solid 1px rgb(100, 100, 100); border-bottom: solid 1px rgb(100, 100, 100); }
#to-container-2-1 section[name="result-list"] .str-1 { font-size: 14px; font-weight: bold;}
#to-container-2-1 section[name="result-list"] .str-2 { font-size: 17px; font-weight: bold; color: rgb(255, 0, 0); /*letter-spacing: 1px;*/ }
#to-container-2-1 section[name="result-list"] .str-3 { font-size: 11px; }
#to-container-2-1 section[name="result-list"] .str-4 { font-size: 22px; font-weight: bold; color: rgb(0, 51, 153); letter-spacing: 1px; }
#to-container-2-1 section[name="result-list"] .str-5 { font-size: 8px; color: rgb(150, 150, 150); }
#to-container-2-1 section[name="result-list"] .str-6 { font-size: 10px; font-weight: bold; color: rgb(255, 0, 0); }
#to-container-2-1 section[name="result-list"] .res-label { padding: 5px 10px 5px 10px; }
#to-container-2-1 section[name="result-list"] .res-label .label1,
#to-container-2-1 section[name="result-list"] .res-label .label2 {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 11px;
    padding: 1px;
}
#to-container-2-1 section[name="result-list"] .res-label .label1 { background-color: rgb(102, 153, 255); }
#to-container-2-1 section[name="result-list"] .res-label .label2 { background-color: rgb(255, 100, 100); }
#to-container-2-1 section[name="result-list"] .res-ttl { width: 100%; height: 30px; padding: 5px 10px 5px 10px; }
#to-container-2-1 section[name="result-list"] .res-ttl div { vertical-align: middle; }
#to-container-2-1 section[name="result-list"] .res-ttl .row1 { width: 60%; }
#to-container-2-1 section[name="result-list"] .res-ttl .row2 { width: 40%; padding: 0 0 0 10px; }
#to-container-2-1 section[name="result-list"] .res-ttl .row2 .tbl { float: right; }
#to-container-2-1 section[name="result-list"] .res-data { width: 100%; padding: 4px 10px 4px 10px; border-top: solid 1px rgb(200, 200, 200); }
#to-container-2-1 section[name="result-list"] .res-data .cell.row1 { width: 30%; }
#to-container-2-1 section[name="result-list"] a.dtl-link { color: rgb(0, 0, 0); }
#to-container-2-1 section[name="result-list"] .dtl-wrap { display: none; }
#to-container-2-1 section[name="result-list"] .dtl-data { padding: 6px 10px 6px 10px; background-color: rgb(200, 200, 200); }
#to-container-2-1 section[name="result-list"] .box-head .dark-btn { padding-right: 5px; padding-left: 5px; }
#to-container-2-1 section[name="result-list"] .dtl-box { border: solid 1px rgb(100, 100, 100); background-color: rgb(255, 255, 255); }
#to-container-2-1 section[name="result-list"] .box-head.tbl { width: 100%; }

#to-container-2-1 section[name="result-list"] .dtl-ttl { padding: 5px 0 5px 0!important; }
#to-container-2-1 section[name="result-list"] .box-body { padding: 0 10px 5px 10px; }
#to-container-2-1 section[name="result-list"] .box-body div { padding: 2px 0 2px 0; }
#to-container-2-1 section[name="result-list"] .flight-time { padding: 4px; vertical-align: top; }
#to-container-2-1 section[name="result-list"] .dark-tile {
    font-size: 12px;
    white-space: nowrap;
    padding: 3px;
    color: rgb(255, 255, 255);
    background-color: rgb(60, 60, 60);
    text-align: center;
}
#to-container-2-1 section[name="result-list"] .dark-tile span { padding: 0 2px 0 2px; }
#to-container-2-1 section[name="result-list"] .dtl-stay { width: 100%; padding: 5px 0 10px 0; }
#to-container-2-1 section[name="result-list"] .dtl-stay hr { z-index: 1; border-style: solid; border-color: rgb(80, 80, 80); }
#to-container-2-1 section[name="result-list"] .dtl-stay div { z-index: 2; margin-top: -20px; text-align: center; }
#to-container-2-1 section[name="result-list"] .dtl-stay span { padding: 0 5px 0 5px; background-color: rgb(200, 200, 200); }
#to-container-2-1 section[name="result-list"] .dtl-select {
    text-align: center;
    padding: 5px;
    -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
}
/* #to-container-2-1 section[name="result-list"] .dtl-select .dark-btn { width: 40%; } */
#to-container-2-1 section[name="result-list"] .dtl-btn-row { border-bottom: solid 1px rgb(100, 100, 100); }
#to-container-2-1 section[name="result-list"] .dtl-btn {
    width: 100%;
    height: 30px;
    border: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, gainsboro), color-stop(100%, #F0F0F0));
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding: 0 20px 0 0;
}
#to-container-2-1 section[name="result-list"] .dtl-btn img { padding: 0 0 0 10px; }

#to-container-2-1 section[name="result-list"] .dtl-btn.on {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
}
#to-container-2-1 section[name="result-list"] .dtl-btn .up,
#to-container-2-1 section[name="result-list"] .dtl-btn.on .down { display: none; }
#to-container-2-1 section[name="result-list"] .dtl-btn .down,
#to-container-2-1 section[name="result-list"] .dtl-btn.on .up { display: inline; }
#to-container-2-1 section[name="result-list"] .dtl-more-row { width: 100%; }
#to-container-2-1 section[name="result-list"] .sel-btn-row { width: 100%; }
#to-container-2-1 section[name="result-list"] .sel-btn-center { width: 40%; }
#to-container-2-1 section[name="result-list"] .sel-btn-center .dark-btn,
#to-container-2-1 section[name="result-list"] .sel-btn-center .orange-btn {
    width: 80%;
    max-width: 120px;
    font-size: 14px;
    padding: 4px 16px;
}
#to-container-2-1 section[name="result-list"] .sel-btn-side { width: 30%; }


#to-container-2-1 .btn-area {
    width:100%;
    text-align:center;
}

#to-container-2-1 section[name="result-list"] #under-review-list02  {
    width: 106px;
    height: 95px;
    background:url(../img/airticket/btn_under_review.png) no-repeat 0 0;
    zoom: .5;
    z-index:102;
    position: absolute;
    right: -16px;
    top: 0px;
}

#to-container-2-1  #ticket-search {
    position:relative;
    overflow:visible;
}

#to-container-2-1 .po-position {
    position:relative;
}


#to-container-2-1 .height-pix {
    height:50px;
}

#to-container-2-1 .follow {
    position:fixed;
    top:0px;
    right:3px;
}

#to-container-2-1 #tbm01-com {
    position:relative;
    overflow:hidden;
}

#to-container-2-1 #at-contents .tab-inner{
    padding: 12px 0 12px 0;
    overflow:hidden;
}

#to-container-2-1 .border {
    width: 7%;
    height: 4px;
    color: #878787;
    float:left;
    background-color: #878787;
    text-indent: -9999px;
    margin:10px 2% 0 2%;
}

#to-container-2-1 .place{
    border: 1px solid #979797;
    font-size: 12px;
    padding: 10px 1.6% 10px 1.6%;
    vertical-align: middle;
    display:block;
    float:left;
    width: 96%;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin: 0 0 0 0;
}

#to-container-2-1 .place02{
    border: 1px solid #979797;
    font-size: 26px;
    padding: 14px 1.6% 14px 1.6%;
    vertical-align: middle;
    display:block;
    float:left;
    width: 96%;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin: 5px 0 2px 0;
    /* background-image:url(../img/tour/search_icon.png);
    background-repeat:no-repeat;
    background-position:97% center; */
    zoom: .5;
}

/* #25733 SP：フリーワード検索のホテルサジェスト機能 (Chức năng hotel suggest của free word search) */
#to-container-2-1 .autocomplete {
    font-size: 12px;
    padding: 10px 1.6% 10px 1.6%;
    background-size: 5%;
    zoom: 1;
}

#to-container-2-1.place span{
    display:block;
    background-size:13px 9px;
}

#to-container-2-1 .start-day{
    border: 1px solid #979797;
    font-size: 12px;
    padding: 10px 1.6% 10px 1.6%;
    vertical-align: middle;
    display:block;
    float:left;
    width: 44%;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin: 5px 0 5px 0;
    clear: both;

}

#to-container-2-1 .time-set{
    border: 1px solid #979797;
    font-size: 12px;
    padding: 10px 1.6% 10px 1.6%;
    vertical-align: middle;
    display:block;
    float: right;
    width: 44%;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin: 5px 0 5px 0;
}

#to-container-2-1 .slider-range {
    position:relative;
    top:20px;
    bottom:0;
    height:50px;
}

#to-container-2-1 h3.budget {
    text-align:left;
    width: 33px;
    clear:both;
    padding:0 0 25px 0;
}

#to-container-2-1 .infoBox {
    position:absolute;
    top:0;
    margin: -28px 0 0 0;
    width: 90px;
    left: -66px;
    font-size:11px;
    font-weight:bold;
    text-align: right;
}

#to-container-2-1 .infoBox02 {
    position:absolute;
    top:0;
    margin: -28px 0 0 26px;
    width: 20px;
    font-size:11px;
    font-weight:bold;
}

#to-container-2-1 .tab-inner02 {
    margin:32px 0 0 0;
}

#to-container-2-1 .to-h-search {
    clear:both;
    padding:5px 0 0 0;
}

#to-container-2-1 .to-h-search-in {
    padding:5px 0 5px 5px;
    font-size:13px;
    font-weight:bold;
    color:#000;
}

#to-container-2-1 .tour-text {
    margin:10px 0 0 0;
    overflow:hidden;
}

tab-inner02 a {
    border: 1px solid #979797;
    font-size: 12px;
    padding: 7px 1.6%;
    vertical-align: middle;
    display:block;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin-bottom: 5px;
}

#to-container-2-1 .on-label {
    font-size:10px;
    font-weight:bold;
    width:85px;
    height:13px;
    color:#FFF;
    margin:0 5px 0 5px;
    float:left;
    text-align:center;
    padding:1px;
}

#to-container-2-1 .on-label02 {
    font-size: 9px;
    font-weight:bold;
    min-width:80px;
    white-space: nowrap;
    color:#FFF;
    margin:0 0 5px 0;
    float:left;
    border:solid 1px #e0dfde;
    text-align: center;
    padding: 2px 2px;
}

#to-container-2-1 .tour-icon02 {
    vertical-align:middle;
}


#to-container-2-1 .b-box {
    background-color:#749bc5;
}

#to-container-2-1 .c-box {
    background-color:#b68f87;
}

#to-container-2-1 .e-box {
    background-color:#c6a077;
}

#to-container-2-1 .d-box {
    background-color:#b199c7;
}

#to-container-2-1 .p-red {
    color:#F00;
}

#to-container-2-1 .f-box {
    background-color:#cfc371;
}

#to-container-2-1 .g-box {
    background-color:#7c9aaa;
}

#to-container-2-1 .h-box {
    background-color:#b894b1;
}

#to-container-2-1 .i-box {
    background-color:#83c178;
}

#to-container-2-1 .j-box {
    background-color:#6bc189;
}

#to-container-2-1 .k-box {
    background-color:#74afc5;
}

#to-container-2-1 .l-box {
    background-color:#9e93ce;
}

#to-container-2-1 .m-box {
    background-color:#7b92c8;
}

/* kodawari */
#to-container-2-1 .box-1 { background-color:#766748; }
#to-container-2-1 .box-2 { background-color:#815578; }
#to-container-2-1 .box-3 { background-color:#cda25e; }
#to-container-2-1 .box-4 { background-color:#4674a7; }
#to-container-2-1 .box-5 { background-color:#86a8cd; }
#to-container-2-1 .box-6 { background-color:#73b967; }
#to-container-2-1 .box-7 { background-color:#e7bbbb; }
#to-container-2-1 .box-8 { background-color:#c2b34b; }
#to-container-2-1 .box-9 { background-color:#714c6a; }
#to-container-2-1 .box-10 { background-color:#749bc5; }
#to-container-2-1 .box-11 { background-color:#766748; }
#to-container-2-1 .box-12 { background-color:#4f6f91; }
#to-container-2-1 .box-13 { background-color:#bd3b3b; }
#to-container-2-1 .box-14 { background-color:#d37171; }
#to-container-2-1 .box-15 { background-color:#d98484; }
#to-container-2-1 .box-16 { background-color:#59b97b; }
#to-container-2-1 .box-17 { background-color:#ac9b77; }
#to-container-2-1 .box-18 { background-color:#749bc5; }
#to-container-2-1 .box-19 { background-color:#e5abab; }
#to-container-2-1 .box-20 { background-color:#aac2dc; }
#to-container-2-1 .box-21 { background-color:#7caaa3; }
#to-container-2-1 .box-22 { background-color:#60938c; }
#to-container-2-1 .box-23 { background-color:#c9bb5e; }
#to-container-2-1 .box-24 { background-color:#c74a4a; }
#to-container-2-1 .box-25 { background-color:#d98484; }
#to-container-2-1 .box-26 { background-color:#e9c667; }
#to-container-2-1 .box-27 { background-color:#93c989; }
#to-container-2-1 .box-28 { background-color:#a3d19b; }
#to-container-2-1 .box-29 { background-color:#906086; }
#to-container-2-1 .box-30 { background-color:#78a8c1; }
#to-container-2-1 .box-31 { background-color:#aac2db; }
#to-container-2-1 .box-32 { background-color:#906086; }
#to-container-2-1 .box-33 { background-color:#976d40; }
#to-container-2-1 .box-34 { background-color:#b3d9ac; }
#to-container-2-1 .box-35 { background-color:#e8bbbb; }
#to-container-2-1 .box-36 { background-color:#83c178; }
#to-container-2-1 .box-37 { background-color:#a2c8e5; }
#to-container-2-1 .box-38 { background-color:#a3d19b; }
#to-container-2-1 .box-39 { background-color:#bd8a3b; }
#to-container-2-1 .box-40 { background-color:#cda25d; }
#to-container-2-1 .box-41 { background-color:#a37499; }
#to-container-2-1 .box-42 { background-color:#88a2be; }
#to-container-2-1 .box-43 { background-color:#6788ac; }
#to-container-2-1 .box-44 { background-color:#CFC371; }
#to-container-2-1 .box-45 { background-color:#98b5d4; }
#to-container-2-1 .box-46 { background-color:#eecece; }
#to-container-2-1 .box-47 { background-color:#ad83a5; }
#to-container-2-1 .box-48 { background-color:#ad83a5; }
#to-container-2-1 .box-49 { background-color:#eecece; }
#to-container-2-1 .box-50 { background-color:#856038; }
#to-container-2-1 .box-51 { background-color:#bccfe3; }
#to-container-2-1 .box-52 { background-color:#ad83a5; }
#to-container-2-1 .box-53 { background-color:#c27b7b; }
#to-container-2-1 .box-54 { background-color:#D15D5D; }
#to-container-2-1 .box-55 { background-color:#c1aa78; }
#to-container-2-1 .box-56 { background-color:#f2b790; }
#to-container-2-1 .box-57 { background-color:#bccfe3; }
#to-container-2-1 .box-58 { background-color:#749bc5; }
#to-container-2-1 .box-59 { background-color:#78c1be; }
#to-container-2-1 .box-60 { background-color:#b6a73e; }
#to-container-2-1 .box-61 { background-color:#4674a7; }
#to-container-2-1 .box-62 { background-color:#a54d4d; }
#to-container-2-1 .box-63 { background-color:#3e6896; }
#to-container-2-1 .box-64 { background-color:#93c989; }
#to-container-2-1 .box-65 { background-color:#e8bbd2; }
#to-container-2-1 .box-66 { background-color:#714b69; }
#to-container-2-1 .box-67 { background-color:#3e6896; }
#to-container-2-1 .box-68 { background-color:#e1a8a8; }
#to-container-2-1 .box-69 { background-color:#efa97a; }
#to-container-2-1 .box-70 { background-color:#e8bbbb; }
#to-container-2-1 .box-71 { background-color:#c75c5c; }
#to-container-2-1 .box-72 { background-color:#4f6f91; }
#to-container-2-1 .box-73 { background-color:#bd3b3b; }
#to-container-2-1 .box-74 { background-color:#efa97a; }
#to-container-2-1 .box-75 { background-color:#86a8cd; }
#to-container-2-1 .box-76 { background-color:#d48282; }
#to-container-2-1 .box-77 { background-color:#b793b0; }
#to-container-2-1 .box-78 { background-color:#ec9a63; }
#to-container-2-1 .box-79 { background-color:#ec9a63; }
#to-container-2-1 .box-80 { background-color:#ec9a63; }
#to-container-2-1 .box-81 { background-color:#ec9a63; }
#to-container-2-1 .box-82 { background-color:#86a8cd; }
#to-container-2-1 .box-83 { background-color:#60c0e0; }
#to-container-2-1 .box-92 { background-color:#CC6666; width: 125px; }
#to-container-2-1 .on-label-text {
    font-size:11px;
    font-weight:bold;
    color:#749bc5;
    margin: 2px 0 0 5px;
    text-align:left;
}

#to-container-2-1 .subtitle-text {
    font-size:11px;
    color:#6b8bac;
    clear: both;
    margin: 0 0 0 5px;
    font-weight:bold;
}

#to-container-2-1 .tour-code-text {
    font-size:7px;
    color:#999;
    clear: both;
    margin: 0 0 0 5px;
    font-weight:bold;
}

#to-container-2-1 .tour-codex {
    width:200px;
    float:left;
}
#to-container-2-1 .tour-codex-text {
    width:200px;
    float:left;
}

#to-container-2-1 #range-t {width:86%;margin:0 auto; clear:both;}

#to-container-2-1 .budget {
    border: 0;
    color: #000;
    font-weight: bold;
    width:100%;
    padding:10px 0 14px 0;
    float:left;
    background-color:#E6E6E6;
    font-size:13px;
    text-align:center;
    outline: none;
}

#to-container-2-1 .budget-t {
    width:30px;
    float:left;
    padding: 19px 0 0px 0;
    position: absolute;
    top: 70px;
    left: 0;
}

#slider-en {
    clear:both;
}

#to-container-2-1 .search-icon {
    float:right;
}

#to-container-2-1 section.tour-s {
    background-color:#EDEDED;
    padding:5px 0 5px 7px;

}

#to-container-2-1 ul.tour-sort {
    width:100%;
    display:table;
    overflow:hidden;
    margin:0 0 0 0;

}

#to-container-2-1 ul.tour-sort li {
    padding:0 2px 0 0;
    display: table-cell;
}

#to-container-2-1 ul.tour-sort li .gray-btn03 {
    float:left;
    font-size:10px;
    color: #000;
    display:table-cell;
    vertical-align:middle;
    font-weight: bold;
    padding:5px 11px 5px 11px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border:none;
    background-color: #81858b;
    background-image: -webkit-linear-gradient(bottom, #b4b5b6, #fefefe);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#b4b5b6), to(#fefefe));
    background-image: linear-gradient(to top, #b4b5b6, #fefefe);
    margin:0 5px 0 0;
    width:100%;
}

#to-container-2-1 ul.tour-sort li a.active .gray-btn03 {
    float:left;
    font-size:10px;
    color: #000;
    display:table-cell;
    vertical-align:middle;
    font-weight: bold;
    padding:5px 11px 5px 11px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border:none;
    background-color: #81858b;
    background-image: -webkit-linear-gradient(bottom, #fefefe,#b4b5b6 );
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fefefe), to(#b4b5b6));
    background-image: linear-gradient(to top, #fefefe, #b4b5b6);
    margin:0 5px 0 0;
    width:100%;
}

#to-container-2-1 ul li:last-child a.active .gray-btn03 {
    margin:0 0 0 0;
}

#to-container-2-1 ul li:last-child .gray-btn03{
    margin:0 0 0 0;
}

/* ------------------------------
  ツアー一時保存リスト
------------------------------ */


#to-container-2-1 .list-none,#to-container-2-1 .list-none02,#to-container-2-1 .list-none03,#to-container-2-1 .list-none04,#to-container-2-1 .list-none05 {
    overflow:hidden;
}


input[type="radio"],input[type="checkbox"]
{font-size:200%;height:30px;width:30px;}

#to-container-2-1 .start-place {
    border: 1px solid #979797;
    font-size: 12px;
    padding: 10px 1.6% 10px 1.6%;
    vertical-align: middle;
    display:block;
    float:left;
    width: 44%;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin: 0 0 5px 0;
}

#to-container-2-1 .end-place{
    border: 1px solid #979797;
    font-size: 12px;
    padding: 10px 1.6% 10px 1.6%;
    vertical-align: middle;
    display:block;
    float:right;
    width: 44%;
    background-color: #ffffff;
    color:#000;
    font-weight:bold;
    margin: 0 0 5px 0;
}

#to-container-2-1 .border02 {
    width: 7%;
    height: 4px;
    color: #878787;
    float:left;
    background-color: #878787;
    text-indent: -9999px;
    margin: 14px 2% 0 2%;
}


#to-container-2-1 .end-place span,#to-container-2-1 .start-place span{
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:visible;
    display:block;
}

#to-container-2-1 .notice-to {
    background-color:#fbecec;
    border:solid 1px #cc0000;
    /*width:100%;
    margin:11px 0 0 0;*/
    padding:4px;
}

#to-container-2-1 .notice-to p {
    font-size:11px;
    font-weight:bold;
    color:#cc0000;
    line-height:15px;
    padding: 5px 5px 0 5px;
}

#to-container-2-1 .notice-to span.icon {
    padding:0 5px 0 0;
    display:block;
    float:left;
    height:30px;
}

#to-container-2-1 .notice-to span.icon {
    display:block;
    float:left;
}

.padding-right-frame1
{
   padding-right: 9px !important;
}

.padding-right-view-r
{
   padding-right: 2px;
}

.background-item {
    background-color: #ffd7d7;
}

.btn-open{
  margin-right: 40px;
  position: absolute;
  bottom: 50%;
  right: 0;
}

/* #25733 SP：フリーワード検索のホテルサジェスト機能 (Chức năng hotel suggest của free word search) */
.ui-autocomplete.ui-widget {
  font-size: 12px;
  width: 92% !important;
}

/* #25733 SP：フリーワード検索のホテルサジェスト機能 (Chức năng hotel suggest của free word search) */
.ui-autocomplete {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

/*fix #24511*/
#to-container-2-1 section[name="search-condi"] .frame3 { width: 100%; margin: 11px 0 3px 0; padding: 0 0 5px 0; }
/*#ref 26735 keyword modal*/
ul.multiple > li.checkbox > a {
    padding: 12px 12px 12px 62px;
    background: url(//www.his-j.com/images/sp/modal/checkbox.gif) no-repeat 26px center;
    background-size: 16px 18px;
    background-origin: border-box;
}
ul.multiple > li.checkbox > a.isHot {
    color: #ff0000 !important;
}
ul.multiple > li.checkbox > a.selected {

    background: #ffe0c2 url(//www.his-j.com/images/sp/modal/checkbox_a.gif) no-repeat 26px center;
    background-size: 16px 18px;
    background-origin: border-box;

}
.modal-popup > dl > dd ul.keywords li.close > a{
    background: url(//www.his-j.com/images/sp/arrow_down.png) no-repeat right center;
    background-size: 13px 9px;
    background-origin: content-box;
}
.modal-popup > dl > dd ul.keywords li.open > a {
    background: url(//www.his-j.com/images/sp/arrow_up.png) no-repeat right center;
    background-size: 13px 9px;
    background-origin: content-box;
}
#tour3-1-container section[name="tour-dtl-data"] div[name="tab4"] .list-row .amt, #tour3-1-container section[name="tour-dtl-data"] div[name="tab4"] .list-row .amt a{
    font-size: 11px;
}
/*Ref #28822 add text watting for search*/
#to-container-2-1 .text-waiting-search {
    display: none;
}
#to-container-2-1 .text-waiting-search div {
    text-align:center;
    position: absolute;
    z-index: 205;
    color: #fff;
    top: 5%;
    line-height: 1.5;
}
#to-container-2-1 .text-waiting-search.more > div {
    top: 9%;
}
#to-container-2-1 .dtl-more-row {
    display:none;
    margin: 15px 50px -5px;
}