/* Minification failed. Returning unminified contents.
(738,30): run-time error CSS1030: Expected identifier, found '['
(738,45): run-time error CSS1031: Expected selector, found '='
(738,45): run-time error CSS1025: Expected comma or open brace, found '='
 */
@charset "utf-8";

/* ==========validation==========*/
.validation-summary-errors ul{
    list-style-type: none;
    color:#FF0000;
}

/* ==========bootstrap override start==========*/
.form-control{
    border-width:2px;
    border-radius:3px;
}
.input-group-addon {
    border-width: 2px;
    border-radius: 3px;
}
.btn, .btn-lg, btn-sm, btn-xs{
    border-radius:3px;
}
.modal-content{
    border-radius:3px;
}
@media (max-width: 767px) 
{
h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 22px;
}
/**
    .container{padding:0}
    div[class^="col-"] {padding-right:3px;padding-left:3px;}
    .row {margin:0;}
    .form-horizontal .form-group{
        margin-left:0;
        margin-right:0;
    }
**/
    .form-control
    {
        margin-bottom:6px;
        font-size:17px;
        height:38px;
    }
    .btn
    {
        margin-bottom:10px;
        padding:10px 16px;
        font-size:17px;
    }
    .modal-footer .btn + .btn {
        margin-bottom: 10px;
    }
    select{
    -webkit-appearance: none;
    }
    select.form-control
    {
        height:38px!important;
        padding:4px!important;
    }
    .targetlang
    {
        background: #ffffff url("./common-img/down-arrow.gif") no-repeat scroll right center;
        padding:4px 20px 4px 4px;
        height:34px!important;
    }
}
@media (min-width: 768px) {
}

a {color: #5AB076;}
  a:hover, a:focus {color: #3d8053;}
.btn-primary {
    color: #fff;
    background-color: #5AB076;
    border-color: #4ea369;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #46915e;
    border-color: #3a794f;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #5AB076;
    border-color: #4ea369;
}
.btn-primary .badge {
    color: #5AB076;
    background-color: #fff;
}
.btn-link {color: #5AB076;}
.btn-link:hover, .btn-link:focus {color: #3d8053;}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #DB984F;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
    color: #DB984F; }
.text-muted {color: #DB984F; }
.text-primary {color: #5AB076; }
a.text-primary:hover {color: #46915e; }
.bg-primary {color: #fff; }
.bg-primary {background-color: #5AB076; }
a.bg-primary:hover {background-color: #46915e; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #AFB4AF;
    border-color: #AFB4AF;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #27974C;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    color: #5AB076;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.label-primary {
    background-color: #5AB076; }
.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #46915e; }

/* ==========bootstrap override end==========*/



/* ==========基本レイアウト start==========*/
html{
    background-color:#F5F5F5;/**A1D8E6*/
    /* S 対2022-00037-01 脆弱性対応（外国人向け予約サイト） */
    font-size:15px;
	/* E 対2022-00037-01 脆弱性対応（外国人向け予約サイト） */
}
body{
    background-color:#FFF;
}
.header{
    background-color:#F5F5F5;
    padding-top:20px;
}
.header h1{
    margin-top:0;
}
.footer{
    margin-top:20px;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#F5F5F5;
    text-align:center;
}

.bg-lightgray{
    background-color:#E6E6E6;
}
.bg-whitesmoke{
    background-color:#F5F5F5;
}

.frame {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.frame-default {
    border-color: #ddd;
}

.input-require {
    font-weight:bold;
    color:#ff0000;
}

.text-large{
    font-size:1.4em;
}
.text-red
{
    color:#FF0000;
}

.main-content {
    word-wrap:break-word;
    overflow-wrap:break-word;
}
.break
{
    word-wrap:break-word;
    overflow-wrap:break-word;
}
/** S 対2020-00305-01 外国人向け予約サイトにおけるGDPR追加対応 */
@media (max-width: 767px)
{
    .policy
    {
        padding-right: 0.93em;
        padding-left: 0.93em;
        display: block;
    }
    .copyright
    {
        display: block;
        text-align: right;
        padding-right: 0.93em;
    }
}
/** E 対2020-00305-01 外国人向け予約サイトにおけるGDPR追加対応 */
@media (min-width: 768px) 
{
    .main-content {
        max-width: 750px;
        margin:0 auto;
    }
    /** S 対2020-00305-01 外国人向け予約サイトにおけるGDPR追加対応 */
    .policy
    {
        width: 25%;
        padding-right: 0.93em;
        padding-left: 0.93em;
    }
    .copyright
    {
        width: 50%;
        padding-right: 0.93em;
        padding-left: 0.93em;
    }
    /** E 対2020-00305-01 外国人向け予約サイトにおけるGDPR追加対応 */
}

.error
{
 color:#FF0000;   
}


/* ==========基本レイアウト end==========*/
body{
    overflow-x:hidden;
}

/* ==========top page notice start============*/
#top-notice-frame{
    /** S 対2023-00048-01 GDPR暫定対応 **/
    border-color:#777777;
    /** E 対2023-00048-01 GDPR暫定対応 **/
    border-width:1px;
    padding:5px;
    margin:5px;
}
/** S 対2023-00048-01 GDPR暫定対応 **/
#top-notice-frameSP{
    border-color:#777777;
    border-width:1px;
    padding:5px;
    margin:5px;
}
/** E 対2023-00048-01 GDPR暫定対応 **/

#top-notice-title{
    color:#333;
}
#top-notice-message{
    color:#333;
}
/* ==========top page notice end==============*/

/* ==========back to top style start==========*/
#top-link-block a {
    color: #FFF;
    background-color: #CCC;
    border:1px solid #999;
    z-index:50;
    padding:6px 12px;
}
#top-link-block.affix-top {
    position: fixed; /* hidden */
    bottom: -82px; /* negative of the offset - height of link element */
    right: -10px; /* padding from the left side of the window */
    z-index:50;
    padding:6px 12px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: -10px; /* padding from the left side of the window */
    z-index:52;
    padding:6px 12px;
}
/* ==========back to top style end==========*/



/* ==========予約 start==========*/
@media (min-width: 768px) {
    .select-bus-title
    {
        margin-bottom:0;
    }
    .select-bus
    {
        height:300px;
    }
    .select-bus h3
    {
        margin-top:0;
    }
}
.select-bus-title h4
{
    margin:0;
}

#bus-search-result .legend {
    margin-bottom:10px;
    text-align:right;
}
#bus-search-result .ladies-btn-sample
{
    background-color: #FFEEEE;
    border-radius: 3px;
    border: 1px solid #FF9999;
    padding:3px;
}
#bus-search-result .legend .btn
{
    font-size:14px;
    padding:6px 12px;
}
#bus-search-result .timetable h3{
    margin-top:10px;
}
#bus-search-result .timetable hr{
    margin-top:10px;
    margin-bottom:10px;
}
#bus-search-result .fare .fare-split{
    display:block;
}
#bus-search-result .ladies{
    border-color: #FF9999;
    background-color:#FFEEEE;
}
#bus-search-result .ladies:hover{
    background-color:#E6E6E6;
}
#bus-search-result .disable
{
    background-color:#EAEEEF;
}
@media (max-width: 767px) {
    #bus-search-result .timetable {
        margin-bottom:15px;
    }
    #bus-search-result .frame{
        padding-left:2px;
        padding-right:2px;
    }
    #bus-search-result .fare .fare-split {
        display: inline-block;
        width:10px;
    }
}

/* ==========予約 end==========*/



/* ==========お支払い start==========*/
#payment .cardnumber
{
    border-radius: 3px;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    width:65px;
    display:inline;
}
#payment .refound
{
    margin-bottom:10px;
}
#payment .refound th
{
    background-color:#D3D3D3;
}
/* S 2571-0000 高速バスネットリプレイス対応 */
#payment .input-text
{
    border-radius: 3px;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #ccc;
    display:inline;
}
#payment .cardholder-name
{
    width: 122.344px;
}
#payment .cardholder-name-text
{
    margin-left: 10px;
}
#payment .mailaddress
{
    width: 170.344px;
}
/* E 2571-0000 高速バスネットリプレイス対応 */
/* ==========お支払い end==========*/



/* ==========払い戻し start==========*/
#cancellation {
}
/* ==========払い戻し end==========*/


/* ==========シート選択 start==========*/
@media (min-width: 768px) {
    #seat-area .modal-dialog{
        width:750px;
    }
}
#seat-area .bus-seat {
  background-color: #FFF;
  border-color: #CCC;
  width:100%;
}
#seat-area .waku
{
    display:inline-block;
    border-radius: 3px;
    border: 1px solid #CCC;
    padding:3px;
}
#seat-area .bus-seat-ladies {
  color:#FF0000!important;
}
#seat-area .bus-seat-vacant {
  width:15%;
  height:30px;
  padding:0;
  margin:2px;
  color: #333;
  background-color: #CCFFFF;
  border-color: #CCC;
}
#seat-area .bus-seat-taken {
  width:15%;
  height:30px;
  padding:0;
  margin:2px;
  color: #333;
  background-color: #DDD;
  border-color: #CCC;
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: none;
}
#seat-area .bus-seat-selected {
  width:15%;
  height:30px;
  padding:0;
  margin:2px;
  color: #333;
  background-color: #FFFF00;
  border-color: #CCC;
}
#seat-area .bus-service {
  width:15%;
  height:30px;
  padding:2px;
  margin:2px;
  background-color:transparent;
  border-color: #cccccc;
}
/** S 障-15C1-0070 */
#seat-area .bus-seat-none {
  width:15%;
  height:30px;
  padding:3px;
  margin:2px;
  background-color:#DDD;
  border-color: #cccccc;
}
/** E 障-15C1-0070 */
#seat-area .bus-aisle {
  width:15%;
  height:32px;
  padding:0;
  margin:2px;
  border:0;
}
#seat-area .bus-seat-about{
    width:16px;
    height:16px;
    vertical-align:top;
}
/*S 対2016-00222-01 */
.banner{
    /*D 対2016-01118-01 バナー追加(西日本ＪＲバス様)(1Step)*/
    margin-top:2px;
    margin-bottom:2px;
    margin-right:2px;
    margin-left:2px;
}
/*E 対2016-00222-01 */
/* ==========シート選択 end==========*/

/* S 対2022-00037-01 脆弱性対応（外国人向け予約サイト） */
.form-group {
  margin-bottom: 15px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.input-group .form-control
{
 margin: 0px !important;
}

a {
 color:#337ab7;
 text-decoration:none
}
a:focus,
a:hover {
 color:#23527c;
 text-decoration:underline
}
a:focus {
 outline:5px auto -webkit-focus-ring-color;
 outline-offset:-2px
}

label.title {
  font-weight: bold;
}

@media(min-width:768px) {
 .form-horizontal .control-label {
  padding-top:7px;
  margin-bottom:0;
  text-align:right
 }
}

.btn:hover,
.btn:focus,
.btn.focus {
  text-decoration: none;
}

/* btn-warning */
.btn-warning {
 color:#fff;
 background-color:#f0ad4e;
 border-color:#eea236
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

/* body */
body{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*btn-default*/
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
optgroup
{
    font-style:normal;
}

select::-ms-expand
{
    display:none;
}

/* E 対2022-00037-01 脆弱性対応（外国人向け予約サイト） */

/* S 対2026-00011-01 【作業依頼】サイト（広告枠デザイン）修正対応 */
/* 広告エリアの外枠（広告が入るまで非表示） */
.ad-warning-container {
    display: none;
    margin: 15px 3px;
    padding: 15px;
    border: 3px solid #212529;
    background-color: #fafafa; /* サイト本体と少し色を変える */
    text-align: center;
}

/* 広告が配信されたら表示する */
.ad-warning-container:has(ins[data-ad-status="filled"]) {
    display: block;
}

/* 文言（擬似要素） */
.ad-warning-container::before {
    content: attr(data-label-before);
    display: block;
    color: #212529;
    margin-bottom: 10px;
}

/*スマホ*/
@media screen and (max-width: 767px) {
    .ad-warning-container::before {
        font-size: 16px;
    }
}

/*ＰＣ*/
@media screen and (min-width: 768px) {
    .ad-warning-container::before {
        font-size: 30px;
    }
}
/* E 対2026-00011-01 【作業依頼】サイト（広告枠デザイン）修正対応 */