body,
.field {
    font-family: 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans', "Meiryo UI", Meiryo, Arial, sans-serif;
    margin: 0;
}

.containar_whole {
    max-width: 960px;
    margin: auto;
    font-size: 16px;
}

html {
    scroll-padding-top: 50px;
}

@media screen and (max-width:767px) {
    .containar_whole {
        font-size: 14px;
    }
}

.top_logo {
    margin: auto;
    width: 960px;
}

.top_logo {
    padding: 18px 60px;
}

.top_logoimg {
    width: 63%;
}

.top_bg {
    height: 200px;
    background-image: url("../Images/Shared/top_bg.jpg");
    background-position: top center;
}



.top_txt {
    background-color: #7ec8ff;
}

.top_txt_inner {
    position: relative;
    width: 960px;
    max-width: 100%;
    margin: auto;
    color: #ffffff;
    font-size: 12px;
    background-color: #7ec8ff;
}

.fieldcolor-white {
    background-color: #FFFFFF;
    padding-bottom: 30px;
}

.fieldcolor-blue {
    background-color: #6db7fe;
    height: 250px;
    background-image: url("../Images/Shared/top_bg.jpg");
    background-position: top center;
}

.fieldcolor-footer {
    background-color: #4A9CC7;
    min-height: 130px;
}

.fieldcolor-white {
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 15px;
    /*margin-top:15px;*/
}

/*20190704 sen全言語を表に表示する*/

.LanguageBlock {
    margin: 15px;
    background-color: black;
    opacity: 0.7;
    font-size: 14px;
    list-style: none;
}

#languageList {
    align-self: center;
    position: relative;
    width: 350px;
    font-size: 10px;
    line-height: 1;
}

    #languageList li a {
        display: inline-block;
        padding: 5px;
        text-decoration: none;
        cursor: pointer;
        color: #fff;
    }

    #languageList li:hover {
        background-color: #d0d0d0;
    }

    #languageList ul {
        letter-spacing: -1ex;
        color: #fff;
        display: block;
        margin: 1em;
    }

    #languageList ul, ol {
        list-style: none;
        font-size: 0.875rem;
    }

    #languageList li {
        display: inline-block;
        width: 70px;
        margin: 1px;
        letter-spacing: normal;
        text-align: center;
        vertical-align: middle;
        border: 1px solid;
        background-color: #3388fc;
    }

    #languageList.languageBlock {
        width: 70px;
        text-align: center;
    }

    #languageList li.is-active {
        background-color: white;
        color: #3388fc;
    }

    #languageList .is-used {
        color: #3388fc;
    }

/*20190704 sen全言語を表に表示する*/

.footer_title {
    margin: 15px 0 0 0;
}

.footer_link {
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

    .footer_link:hover {
        text-decoration: underline;
    }

.footer_block {
    margin-top: 10px;
}

@media screen and (max-width:767px) {
    .footer_link {
        font-size: 14px;
    }

    .fieldcolor-white {
        padding: 8px;
    }

    .top_txt_inner {
        font-size: 10px;
    }
}


.nav_wrapper {
    height: 35px;
}

.nav_bar {
    height: 35px;
    *zoom: 1;
    list-style-type: none;
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: #e1ebed 3px 3px 5px 1px inset;
    padding: 0;
    margin-top: 0;
}

.nav_menuleft {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav_menuright {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav_menu {
    float: left;
    width: 15%;
    height: 100%;
    text-align: center;
    color: #0076d1;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

.nav_menuall {
    width: 100%;
    border-radius: 4px;
}

.nav_menu:hover, .nav_childmenu:hover {
    background-color: #0076d1;
    color: #ffffff;
    box-shadow: #0065a0 3px 3px 5px 1px inset;
}

.nav_menutxt {
    height: 80%;
    margin: 4px 0;
    border-right: 1px solid #d0d0d0;
}

.nav_menutxtright {
    height: 80%;
    margin-top: 5px;
}

.nav_childbar {
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    list-style: none;
    padding: 0;
    z-index: 100;
    box-shadow: #e1ebed 3px 3px 5px 1px inset;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
}

.nav_childmenu {
    float: left;
    color: #0076d1;
    font-size: 16px;
    font-weight: normal;
    height: 35px;
    width: 250px;
    text-align: left;
}

.nav_menu:hover .nav_childbar {
    display: block;
}

.nav_menu:hover .nav_menutxt {
    border: none;
}

.nav_childbar {
    display: none;
}

.nav_menubottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav_childmenutxt {
    height: 80%;
    margin: 6px 20px;
}

@media screen and (max-width:767px) {
    .nav_bar {
        height: 30px;
    }

    .nav_menutxt, .nav_menutxtright {
        height: 60%;
        margin: 8px 0;
        font-size: 10px;
    }

    .nav_childmenutxt {
        height: 65%;
        margin: 8px 10px;
        font-size: 10px;
    }

    .nav_childmenu {
        width: 180px;
    }

    .nav_childmenu {
        height: 30px;
    }
}
/*end navbar*/

/*In navbar*/
.nav_Tohoku_wrapper {
    height: 35px;
}

.nav_Tohoku_bar {
    height: 35px;
    *zoom: 1;
    list-style-type: none;
    background-color: #fff100;
    color: #0f229b;
    border-radius: 4px;
    border-top: solid 1px #0f229b;
    padding: 0;
    margin-top: 0;
}

.nav_Tohoku_menuleft {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav_Tohoku_menuright {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav_Tohoku_menu {
    float: left;
    width: 15%;
    height: 100%;
    text-align: center;
    color: #6898ee;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

.nav_Tohoku_menuall {
    width: 100%;
    border-radius: 4px;
}

.nav_Tohoku_menu:hover, .nav_Tohoku_childmenu:hover {
    background-color: #ffac00;
    color: #ffffff;
}

.nav_Tohoku_menutxt {
    height: 80%;
    margin: 4px 0;
    border-right: 1px solid #0f229b;
    color: #0f229b;
}

.nav_Tohoku_menutxtright {
    height: 80%;
    margin: 4px 0;
    color: #0f229b;
}

.nav_Tohoku_menu:hover .nav_menutxt {
    border: none;
}

.nav_Tohoku_menubottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav_Tohoku_childmenutxt {
    height: 80%;
    margin: 6px 20px;
}

@media screen and (max-width:900px) {
    .nav_Tohoku_bar {
        height: 35px;
    }

    .nav_Tohoku_menutxt, .nav_Tohoku_menutxtright {
        height: 60%;
        margin: 8px 0;
        font-size: 12px;
    }

    .nav_Tohoku_childmenu {
        width: 180px;
    }

    .nav_Tohoku_childmenu {
        height: 30px;
    }
}

@media screen and (max-width:767px) {
    .nav_Tohoku_wrapper {
        height: 30px;
    }

    .nav_Tohoku_bar {
        height: 30px;
    }

    .nav_Tohoku_menutxt, .nav_Tohoku_menutxtright {
        height: 60%;
        margin: 8px 0;
        font-size: 10px;
    }

    .nav_Tohoku_childmenutxt {
        height: 65%;
        margin: 8px 10px;
        font-size: 10px;
    }

    .nav_Tohoku_childmenu {
        width: 180px;
    }

    .nav_Tohoku_childmenu {
        height: 30px;
    }
}

@media screen and (max-width:520px) {
    .nav_Tohoku_wrapper {
        height: 30px;
    }

    .nav_Tohoku_bar {
        height: 30px;
    }

    .nav_Tohoku_menutxt, .nav_Tohoku_menutxtright {
        height: 60%;
        margin: 8px 0;
        font-size: 8px;
    }

    .nav_Tohoku_childmenu {
        width: 180px;
    }

    .nav_Tohoku_childmenu {
        height: 30px;
    }
}

@media screen and (max-width:410px) {
    .nav_Tohoku_wrapper {
        height: 30px;
    }

    .nav_Tohoku_bar {
        height: 30px;
    }

    .nav_Tohoku_menutxt, .nav_Tohoku_menutxtright {
        height: 60%;
        margin: 8px 0;
        font-size: 5px;
    }

    .nav_Tohoku_childmenu {
        width: 180px;
    }

    .nav_Tohoku_childmenu {
        height: 30px;
    }
}
/*end navbar*/






a {
    color: #ff9300;
    font-size: 12px;
    cursor: pointer;
}

button {
    cursor: pointer;
}

.url_link_orange {
    color: #ff9300;
    font-size: 12px;
    cursor: pointer;
}



/*Detail*/

.numberbtn_name {
    margin: 13px 0px;
    width: 30%;
}

.numberbtn_disp {
    width: 30%;
    padding: 5px 0px;
}

.numberbtn_wrap {
    margin: 4px 0px;
    width: 15%;
}

.numberbtn_act, .numberbtn {
    color: #ffffff;
    font-size: 23px;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    height: 32px;
    border: none;
}

.numberbtn {
    background-color: #d0d0d0;
    box-shadow: #f3f3f3 2px 2px 3px 1px inset;
    cursor: default;
}

.numberbtn_act {
    background-color: #2298f3;
    box-shadow: #55bcf5 2px 2px 3px 1px inset;
}

    .numberbtn_act:hover {
        background-color: #2298f3;
        box-shadow: #2298f3 2px 2px 3px 1px inset;
    }

    .numberbtn_act:active {
        background-color: #2298f3;
        box-shadow: #0076d1 2px 2px 3px 1px inset;
    }

/*Detail*/

.span_6_nowrap {
    width: 45%;
}

.box_underline {
    border: 3px solid #d0d0d0;
    border-top: none;
    margin-bottom: 15px;
    padding: 10px;
}

.box_underline_red {
    border: 5px solid rgba(255,0,0,0.8);
    border-top: none;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #ffffff;
}

.box_underline_org {
    border: 5px solid #ff5300;
    border-top: none;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #ffffff;
}

.line_solid {
    margin: 10px 0;
    border-bottom: 1px solid #d0d0d0;
}

.padding_0 {
    padding: 0px;
}

.padding_10 {
    padding: 10px;
}

.padding_100 {
    padding: 0 100px;
}

.margin_center {
    margin: auto;
}

.margin_0 {
    margin: 0px;
}

.margin_10 {
    margin: 10px;
}

.margin_5 {
    margin: 5px;
}

.margin_12 {
    margin: 12px 0;
}

.margin_t20 {
    margin-top: 20px;
}

.span_left {
    padding-left: 10px;
}

.span_right {
    padding-right: 10px;
}

.btn_below {
    text-align: center;
    margin-top: 70px;
}

.panel_gry {
    background-color: #d0d0d0;
    border-radius: 4px;
    padding: 10px;
}

.margin_btm {
    margin-bottom: 10px;
}

.link_block {
    width: 100%;
    font-size: 12px;
    border: 5px solid #e1ebed;
    height: 250px;
    margin: 5px;
    padding: 15px;
    cursor: pointer;
}

    .link_block:hover {
        background-color: #ffb966;
        border: 5px solid #ff5300;
    }

.block_center {
    width: 670px;
    margin: auto;
}

.partsadd {
    cursor: pointer;
}

.Partsblock {
    background-color: #eaeaea;
    border-radius: 3px;
    margin: 10px 0;
    padding: 10px;
}

@media screen and (max-width:767px) {
    .link_block {
        height: auto;
    }

    .block_center {
        width: 90%;
    }
}


/*sta course detail*/
.partsadd {
    background-color: #eeeeee;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    box-shadow: #d0d0d0 3px 3px;
}

#moveicon {
    cursor: move;
    margin-top: 2px;
}

#deleteicon {
    cursor: pointer;
}
/*end course detail*/




.blockcontent {
    background-color: #ff8f34;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 0 #808080;
    margin: 10px 0;
    padding: 10px;
}

.blockitem {
    background-color: #fef4e3;
    border-radius: 4px;
    min-height: 310px;
    height: auto;
    padding: 5px;
    text-align: center;
}

.boardingimg {
    width: 110px;
    height: 110px;
    border-radius: 5px;
}

.texttitle_white {
    color: white;
    text-shadow: 2px 2px 1px #666;
    font-size: 25px;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .blockitem {
        min-height: 150px;
        height: auto;
        margin: 5px 0;
    }
}

/*Out Borading*/





/*Luggage*/
.bringingcard {
    width: 270px;
    background-color: #ffefdd;
    margin: 0 17px 33px 17px;
    padding-bottom: 10px;
}

.bringing_img {
    height: 100px;
    width: 100px;
    margin: auto;
}

.bringingcard_name {
    font-size: 14px;
    width: 90%;
    margin: auto;
    color: black;
}
/*Luggage*/



/*FAQ*/
.answer {
    background-color: #fdeed7;
    border-radius: 3px;
    padding: 5px;
}

.answer_img {
    float: left;
    margin-left: 15px;
}

.question {
    line-height: 26px;
    text-decoration: underline;
}
/*FAQ*/


/*Maintenance*/
.block_blu {
    height: 100%;
    min-height: 30px;
    color: #ffffff;
    background-color: #00a0ff;
    text-align: center;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.button_block_mst {
    margin: 10px 0;
}
/*Maintenance*/

/*sta table*/
.tableorg {
    background-color: #ffd7a6;
    padding: 5px;
    margin: 10px 0;
}

.table_row {
    min-height: 30px;
    width: 100%;
}

.table_orghigh {
    height: 100%;
}

.row_cell {
    text-indent: 1em;
    min-height: 30px;
    line-height: 30px;
}

.row_cellblu {
    height: 100%;
    min-height: 30px;
    color: #ffffff;
    background-color: #00a0ff;
    text-align: center;
}

.row_cellorg, .row_cellorg_btm {
    background-color: #ffffff;
    border: 1px solid #ffd68a;
    color: #000000;
    font-size: 24px;
    text-align: left;
    text-indent: 0.5em;
    min-height: 40px;
    height: 100%;
    line-height: 1.5em;
    padding: 5px;
}

.row_cellorg {
    border-bottom: none;
}

.row_org {
    border: 1px solid #ffd68a;
}

.row_cellright {
    min-height: 30px;
    line-height: 30px;
}

.row_cell_high {
    text-align: center;
    margin: 20px 0;
    color: #000000;
    font-size: 22px;
}

.cell_center {
    width: 10%;
}

.table_roworg {
    background-color: #ffe8cc;
}

.colorcell_blu, .colorcell_blu_btm {
    background-color: #ffffff;
    border: 1px solid #80d0ff;
    font-size: 18px;
}

.colorcell_blu {
    border-bottom: none;
}

.colorcell_org {
    background-color: #ffa600;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    line-height: 3.9em;
}

.row_colorcell {
    min-height: 30px;
    text-align: center;
    color: #fff;
}

.row_orgbtm {
    border: 1px solid #ffd68a;
    border-top: 0px;
}

.table_blu {
    background-color: #e1ebed;
    border-radius: 5px;
    padding: 0 5px;
    margin-bottom: 5px;
}

@media screen and (max-width:767px) {
    .colorcell_org {
        line-height: 1.5em;
    }

    .row_cellright {
        padding-left: 40px;
    }

    .colorcell_blu, .colorcell_blu_btm {
        font-size: 16px;
    }

    .row_cellorg, .row_cellorg_btm {
        font-size: 18px;
    }

    .colorcell_org {
        font-size: 18px;
    }

    .row_cell_high {
        margin: 0;
        font-size: 18px;
    }
}
/*end table*/







/*start input style*/
.checkbox, .checkbox_label {
    cursor: pointer;
}

.checkbox {
    position: relative;
    left: 20px;
    padding: 10px;
}

.listbox {
    font-size: 16px;
    cursor: pointer;
}

.textbox {
    font-size: 16px;
    width: 100%;
    border-radius: 4px;
    height: 32px;
    padding: 5px;
    margin: 5px 0;
    border: 1px solid #a0a0a0;
    box-shadow: #e1ebed 1px 1px 2px 1px inset;
}

.txtbox_readonly {
    box-shadow: none;
    background-color: #dcdcdc;
}

.textbox_mini {
    font-size: 12px;
    width: 100%;
    border-radius: 4px;
    height: 23px;
    border: 1px solid #a0a0a0;
    box-shadow: #e1ebed 1px 1px 2px 1px inset;
}

.listbox_wrap {
    background-color: #4199dc;
    height: 32px;
    width: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 3px 5px 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    line-height: 2em;
    box-shadow: #3387c3 3px 3px 5px 1px inset;
}

.radiobutton, .radio_label {
    cursor: pointer;
}

.checkbox_label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding-left: 40px;
    cursor: pointer;
    font-size: 20px;
    bottom: 40px;
}

@media screen and (max-width:767px) {
    .checkbox_label {
        font-size: 16px;
    }
}
/*end input style*/


.button_none {
    border: none;
    background-color: #ffffff;
    padding: 0;
    width: 100%;
}

    .button_none:active {
        border: none;
    }

.modal-dialog {
    width: 95%;
    height: 90%;
}

.modal-dialog,
.padding-zero {
    padding: 0;
}

.border-zero {
    border: 0;
}

.modal-content {
    height: 100%;
    border-radius: 0;
}

.modal-header,
.modal-footer {
    height: 10%;
}

.modal-body {
    height: 80%;
}

.back_lbl {
    background-color: #dee9e8;
    border-radius: 4px;
    padding: 5px;
    margin: 10px 0;
}

.map {
    height: 300px;
}

.searchbox_block {
    height: 99px;
    border-left: 1px dotted #d0d0d0;
}

.searchbox_block_l {
    height: 99px;
}

.searchbox_btn {
    position: absolute;
    bottom: 20px;
    width: 18%;
    margin: 0 30px;
}

.searchbox_img {
    text-align: center;
    margin: 10px 0;
}

.searchbox_btn:hover > .button_org {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffe2b7', endColorstr='#ffc698');
    background: -ms-linear-gradient( top, #ffe2b7 0%,#ffc698 49%,#ffa059 50%,#ffc698 100%);
    background: -moz-linear-gradient( center top,#ffe2b7 0%,#ffc698 49%,#ffa059 50%,#ffc698 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ffe2b7),color-stop(0.49, #ffc698),color-stop(0.50, #ffa059),to(#ffc698));
    border: 3px solid #ffc698;
    color: #ffffff;
}

.searchbox_btn:active {
    bottom: 19px;
}


/*sta calender style*/
.cal_table {
    width: 70%;
    border: none;
}

.cal_head {
    width: 100%;
}

.cal_prev, .cal_next {
    cursor: pointer;
}

.cal_prev {
    float: left;
}

.cal_next {
    float: right;
}

.cal_period {
    text-align: center;
}

.cal_week {
    height: 35px;
    background-color: #d5f5b9;
}

.cal_weeks {
    width: 14%;
    text-align: center;
    border: 1px solid #ffffff;
}

.text_sut {
    color: #0000ff;
}

.text_sun {
    color: #ff0000;
}

.cal_usedays, .cal_useless, .cal_nondays {
    text-align: center;
    background-color: #efefee;
    box-shadow: 2px 2px 2px #aaa;
    height: 60px;
    /*border:1px solid #ffffff;*/
}

.cal_nondays {
    background-color: #efeecc;
    box-shadow: none;
}

.cal_usedays:hover {
    background-color: #f3f3f3;
    /*background-color:#d3e7f3;*/
    /*box-shadow:0 0 2px 2px #ffffff inset;*/
    cursor: pointer;
    width: 97%;
    box-shadow: 3px 3px 3px #aaa;
}

.cal_usedays:active {
    background-color: #dfdfdd;
    /*background-color:#e4f8f4;*/
    /*box-shadow:0 0 2px 2px #ffffff inset;*/
    box-shadow: 1px 1px 1px #aaa;
    width: 95%;
}

.cal_target {
    color: #48a4ff;
}

.cal_untarget {
    color: #ff006e;
}

#cal_selectday {
    background-color: #fcd4a2;
    box-shadow: 1px 1px 1px #aaa;
    width: 95%;
}

@media screen and (max-width:767px) {
    .cal_table {
        width: 100%;
    }
}
/*end calender style*/



.colorbar_log {
    background-color: #ff5300;
    color: #ffffff;
    font-weight: bold;
    padding-top: 5px;
}

.colorbar_yel {
    background-color: #ffc100;
    color: #ffffff;
    font-weight: bold;
    padding-top: 5px;
}

.box_underline_log {
    border: 3px solid #ff5300;
    margin-bottom: 15px;
    padding: 10px;
}

.box_underline_yel {
    border: 3px solid #ffc100;
    margin-bottom: 15px;
    padding: 10px;
}

.colorbar_org {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    line-height: 1.5em;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb966', endColorstr='#ff5300');
    background: -ms-linear-gradient( top, #ffb36b 0%,#ff8038 50%,#ff5300 100%,#ff5300 0%);
    background: -moz-linear-gradient( center top,#ffb36b 0%,#ff8038 50%,#ff5300 100%,#ff5300 70%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ffb36b),color-stop(0.5, #ff8038),color-stop(1, #ff5300),to(#ff5300));
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(255,0,0,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.colorbar_red {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbaba', endColorstr='#fc0000');
    background: -ms-linear-gradient( top, #ffa9a9 0%,#ff9898 30%,#fc0000 100%,#fc0000 100%);
    background: -moz-linear-gradient( center top,#ffbaba 0%,#ff8b8b 30%,#ff8b8b 0%,#fc0000 90%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ffbaba),color-stop(0.3, #ff8b8b),color-stop(1, #ff0303),to(#fc0000));
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(255,0,0,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.colorbar_blu {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55aafc', endColorstr='#2a6efc');
    background: -ms-linear-gradient( top, #55aafc 40%,#55aafc 40%,#55aafc 40%,#2a6efc 110%);
    background: -moz-linear-gradient( center top,#55aafc 0%,#55aafc 30%,#55aafc 0%,#2a6efc 90%);
    background: -webkit-gradient(linear, left top, left bottom,from(#55aafc),color-stop(0.3, #55aafc),color-stop(1, #2a6efc),to(#2a6efc));
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(0,0,150,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.colorbar_gry {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d0d0d0', endColorstr='#a0a0a0');
    background: -ms-linear-gradient( top, #d0d0d0 40%,#d0d0d0 40%,#d0d0d0 40%,#a0a0a0 110%);
    background: -moz-linear-gradient( center top,#d0d0d0 0%,#d0d0d0 30%,#d0d0d0 0%,#a0a0a0 90%);
    background: -webkit-gradient(linear, left top, left bottom,from(#d0d0d0),color-stop(0.3, #d0d0d0),color-stop(1, #a0a0a0),to(#a0a0a0));
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.button_org {
    min-height: 54px;
    width: 294px;
    line-height: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb966', endColorstr='#ff5300');
    background: -ms-linear-gradient( top, #ffd191 0%,#ffa760 49%,#ff6d00 50%,#ff6d00 100%);
    background: -moz-linear-gradient( center top,#ffd191 0%,#ffa760 49%,#ff6d00 50%,#ff6d00 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ffd191),color-stop(0.49, #ffa760),color-stop(0.50, #ff6d00),to(#ff6d00));
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #ff6d00;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(255,0,0,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.button_org_bookDetail {
    font-size: 20px;
}


.button_wrap_org:hover > .button_org {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffe2b7', endColorstr='#ffc698');
    background: -ms-linear-gradient( top, #ffe2b7 0%,#ffc698 49%,#ffa059 50%,#ffc698 100%);
    background: -moz-linear-gradient( center top,#ffe2b7 0%,#ffc698 49%,#ffa059 50%,#ffc698 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ffe2b7),color-stop(0.49, #ffc698),color-stop(0.50, #ffa059),to(#ffc698));
    border: 3px solid #ffc698;
    color: #ffffff;
}

.button_wrap_org:active {
    position: relative;
    top: 1px;
}

.button_bookDetail {
    font-size: 10px;
}

.button_red {
    min-height: 54px;
    width: 100%;
    line-height: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    background-color: #ff0303;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbaba', endColorstr='#fc0000');
    background: -ms-linear-gradient( top, #ffbaba 0%,#ff8b8b 49%,#ff0303 50%,#fc0000 100%);
    background: -moz-linear-gradient( center top,#ffbaba 0%,#ff8b8b 49%,#ff0303 50%,#fc0000 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ffbaba),color-stop(0.49, #ff8b8b),color-stop(0.50, #ff0303),to(#fc0000));
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #f70000;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(255,0,0,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.button_wrap_red:hover > .button_red {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff9999', endColorstr='#ff5959');
    background: -ms-linear-gradient( top, #ff9999 0%,#ff9999 49%,#ff5959 50%,#ff5959 100%);
    background: -moz-linear-gradient( center top,#ff9999 0%,#ff9999 49%,#ff5959 50%,#ff5959 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ff9999),color-stop(0.49, #ff9999),color-stop(0.50, #ff5959),to(#ff5959));
    border: 3px solid #ff5959;
    color: #ffffff;
}

.button_wrap_red {
    position: relative;
}

.btn {
    font-size: 22px;
    white-space: nowrap;
    padding: .8em 1.5em;
    font-family: Open Sans, Helvetica,Arial,sans-serif;
    line-height: 18px;
    display: inline-block;
    zoom: 1;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

    /*紺色のボタン*/
    .btn.btn-dark-blue {
        background-color: #237fbc;
        border-color: #237fbc;
        -webkit-box-shadow: 0 3px 0 #1a5c87;
        box-shadow: 0 3px 0 #1a5c87;
        font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        border-radius: 10px;
    }

        .btn.btn-dark-blue:hover {
            background-color: #166ea8;
        }

        .btn.btn-dark-blue:active {
            top: 3px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    /*オレンジ色のボタン*/
    .btn.btn-orange {
        background-color: #f59e00;
        border-color: #f59e00;
        -webkit-box-shadow: 0 3px 0 #b37401;
        box-shadow: 0 3px 0 #b37401;
        font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        border-radius: 12px;
    }

        .btn.btn-orange:hover {
            background-color: #dd9003;
        }

        .btn.btn-orange:active {
            top: 3px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    /*問い合わせ送信のボタン*/
    .btn.btn-send {
        background-color: #237fbc;
        border-color: #237fbc;
        -webkit-box-shadow: 0 3px 0 #1a5c87;
        box-shadow: 0 3px 0 #1a5c87;
        font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
        font-weight: bold;
        border-radius: 10px;
    }

        .btn.btn-send:hover {
            background-color: #166ea8;
        }

        .btn.btn-send:active {
            top: 3px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    .btn.btn-orange-big {
        background-color: #f59e00;
        border-color: #f59e00;
        -webkit-box-shadow: 0 3px 0 #b37401;
        box-shadow: 0 3px 0 #b37401;
        font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
        font-weight: bold;
        border-radius: 10px;
    }

        .btn.btn-orange-big:hover {
            background-color: #dd9003;
        }

        .btn.btn-orange-big:active {
            top: 3px;
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
.button_wrap_red:active {
    position: relative;
    top: 1px;
}

.button_red_bookDetail {
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    min-height: 35px;
}




.button_blu {
    min-height: 54px;
    width: 294px;
    line-height: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3388fc', endColorstr='#2a6efc');
    background: -ms-linear-gradient( top, #3388fc 0%,#3388fc 49%,#2a6efc 50%,#2a6efc 100%);
    background: -moz-linear-gradient( center top,#3388fc 0%,#3388fc 49%,#2a6efc 50%,#2a6efc 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#3388fc),color-stop(0.49, #3388fc),color-stop(0.50, #2a6efc),to(#2a6efc));
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #2a6efc;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(0,0,255,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.button_wrap_blu:hover > .button_blu {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3388fc', endColorstr='#2a6efc');
    background: -ms-linear-gradient( top, #3388fc 0%,#3388fc 49%,#2a6efc 50%,#2a6efc 100%);
    background: -moz-linear-gradient( center top,#3388fc 0%,#3388fc 49%,#2a6efc 50%,#2a6efc 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#3388fc),color-stop(0.49, #3388fc),color-stop(0.50, #2a6efc),to(#2a6efc));
    border: 3px solid #2a6efc;
    color: #ffffff;
}

.button_blu:active {
    position: relative;
    top: 1px;
}

/*��2015/07/06 UPDATE Start Yano*/
/*.button_gry{
    min-height:54px;
    width:294px;
    line-height:1.8em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:"Meiryo UI ", Meiryo, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb966', endColorstr='#ff5300');
	background: -ms-linear-gradient( top, #ffb966 0%,#ffa25a 49%,#ffab6a 50%,#ff5300 100%);
	background: -moz-linear-gradient( center top ,#ffb966 0%,#ffa25a 49%,#ffab6a 50%,#ff5300 110%);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffb966),color-stop(0.49, #ffa25a),color-stop(0.50, #ffab6a),to(#ff5300));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 3px solid #ff9300;
	-moz-box-shadow:0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
	box-shadow:0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
	text-shadow:1px 1px 2px rgba(0,0,255,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration:none;
}
 .button_wrap_gry:hover > .button_gry{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffda86', endColorstr='#ff7320');
	background: -ms-linear-gradient( top, #ffda86 0%,#ffc27a 49%,#ffcb8a 50%,#ff7320 100%);
	background: -moz-linear-gradient( center top,#ffda86 0%,#ffc27a 49%,#ffcb8a 50%,#ff7320 110%);
	background: -webkit-gradient(linear, left top, left bottom,from(#ffda86),color-stop(0.49, #ffc27a),color-stop(0.50, #ffcb8a),to(#ff7320));
	border: 3px solid #ffb320;
    color:#ffffff;
}.button_gry:active {
	position:relative;
	top:1px;
}*/
.button_gry {
    min-height: 54px;
    width: 294px;
    line-height: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Meiryo UI ", Meiryo, Arial, sans-serif;
    font-size: 23px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d0d0d0', endColorstr='#a0a0a0');
    background: -ms-linear-gradient( top, #d0d0d0 0%,#d0d0d0 49%,#a0a0a0 50%,#a0a0a0 100%);
    background: -moz-linear-gradient( center top,#d0d0d0 0%,#d0d0d0 49%,#a0a0a0 50%,#a0a0a0 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#d0d0d0),color-stop(0.49, #d0d0d0),color-stop(0.50, #a0a0a0),to(#a0a0a0));
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #a0a0a0;
    -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 0px rgba(000,000,000,0.5),inset 0px 0px 0px rgba(0,0,0,0.6);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8),0px 0px 0px rgba(0,0,0,0);
    text-decoration: none;
}

.button_wrap_gry:hover > .button_gry {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0e0e0', endColorstr='#c0c0c0');
    background: -ms-linear-gradient( top, #e0e0e0 0%,#e0e0e0 49%,#c0c0c0 50%,#c0c0c0 100%);
    background: -moz-linear-gradient( center top,#e0e0e0 0%,#e0e0e0 49%,#c0c0c0 50%,#c0c0c0 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#e0e0e0),color-stop(0.49, #e0e0e0),color-stop(0.50, #c0c0c0),to(#c0c0c0));
    border: 3px solid #c0c0c0;
    color: #ffffff;
}

.button_wrap_gry:active {
    position: relative;
    top: 1px;
}
/*��2015/07/06 UPDATE End Yano*/





.button_block {
    margin: 5px auto;
    width: 294px;
    text-align: center;
    cursor: pointer;
}

.button_block_lag {
    margin: 5px auto;
    width: 500px;
    text-align: center;
    cursor: pointer;
}

.button_block_manage {
    width: 100%;
    text-align: center;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbaba', endColorstr='#fc0000');
}

.button_mini {
    min-height: 40px;
    height: 40px;
    font-size: 17px;
    line-height: 1.3em;
    cursor: pointer;
    text-align: center;
    position: relative;
    width: 100%;
}

@media screen and (max-width:767px) {
    .button_block_lag {
        width: 100%;
        font-size: 16px;
    }
}



.img_wraped {
    width: 100%;
    height: auto;
}

.img_full {
    width: auto;
    height: auto;
    margin: auto;
}

.img_full_wrap {
    text-align: center;
    margin: 15px 0;
}

.img_routeicon {
    position: absolute;
    margin: 3px 4px;
    width: 28px;
    height: auto;
}

.img_linkicon {
    width: auto;
    height: auto;
}

.img_details {
    width: 48px;
    height: 27px;
    margin: auto;
    cursor: pointer;
}

    .img_details:hover {
        border: 1px solid #ff5300;
    }

.img_details_highway {
    width: 30px;
    height: 25px;
    margin: auto;
    cursor: pointer;
}

    .img_details_highway:hover {
        border: 1px solid #ff5300;
    }

.img_btnicon_mini {
    position: absolute;
    height: 32px;
    width: 32px;
    margin: 5px 0 0 10px;
    z-index: 1;
}

.img_btnicon {
    position: absolute;
    height: 50px;
    width: 50px;
    z-index: 1;
    margin: 5px 0 0 13px;
}




/*Home*/
.serviceupdate_wrap {
    background-color: #ffffff;
    border-radius: 5px;
    min-height: 75px;
    padding: 2px 10px;
    box-shadow: #e1ebed 3px 3px 5px 1px inset;
}

.button_managebook {
    padding: 5px;
    color: #ffffff;
    line-height: 0.9em;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    height: 75px;
    width: 100%;
    border: 3px solid #cd0000;
    background: -ms-linear-gradient( top, #ffbaba 0%,#ff8b8b 49%,#ff0303 50%,#fc0000 100%);
    background: -moz-linear-gradient( center top,#ff6363 0%,#ff6363 49%,#ff0000 50%,#ff0000 110%);
    background: -webkit-gradient(linear, left top, left bottom,from(#ff6363),color-stop(0.49, #ff6363),color-stop(0.50, #ff0000),to(#ff0000));
}

    .button_managebook:hover {
        background: -ms-linear-gradient( top, #ffbaba 0%,#ffadad 49%,#ff2525 50%,#fe2222 100%);
        background: -moz-linear-gradient( center top,#ff8585 0%,#ff8585 49%,#ff2222 50%,#ff2222 110%);
        background: -webkit-gradient(linear, left top, left bottom,from(#ff8585),color-stop(0.49, #ff8585),color-stop(0.50, #ff2222),to(#ff2222));
    }

.text_managebook {
    color: #ffffff;
    font-size: 10px;
    line-height: 1.3em;
}

.serviceupdate_disp {
    height: 55%;
    min-height: 35px;
}

.search_box {
    position: absolute;
    top: 2%;
    left: 5%;
    width: 40%;
}

.popup_wrap {
    top: 0%;
    left: 0%;
    display: none;
    position: absolute;
    width: 400px;
    height: 250px;
    background-color: #ffffff;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: #d0d0d0 2px 2px 3px 1px inset;
}

@media screen and (max-width:767px) {
    .button_managebook {
        font-size: 15px;
        line-height: 1em;
        padding: 3px;
        margin-bottom: 5px;
        height: 75px;
    }
}
/*Home*/

/*
-------------Colors------------
    blk �F  Black         
    blu �F  Blue          
    nbl �F  Navy Blue     
    lbl �F  Light Blue    
    dbl �F  Dark Blue    
    brn �F  Brown         
    grn �F  Green         
    gry �F  Gray          
    org �F  Orange        
    pnk �F  Pink          
    pur �F  Purple        
    wht �F  White         
    yel �F  Yellow        
    ygr �F  Yellow Green  
-------------Colors------------
*/
.text_org {
    color: #ff9300;
}

.text_org12 {
    color: #ff9300;
    font-size: 12px;
}

.text_org16 {
    color: #ff9300;
    font-size: 16px;
}

.text_blu {
    color: #0094ff;
    text-decoration: underline;
    font-size: 12px;
}

.text_dbl14 {
    color: #0086a6;
    font-size: 14px;
}

.text_blu18bold {
    color: #0094ff;
    font-size: 18px;
    font-weight: bold;
}

.text_wht16 {
    color: #ffffff;
    font-size: 16px;
}

.text_wht10 {
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
}

.text_wht12 {
    color: #ffffff;
    font-size: 12px;
}

.text_wht14 {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.text_wht18bold {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

.text_gry11 {
    color: #808080;
    font-size: 11px;
}

.text_gry12 {
    color: #808080;
    font-size: 11px;
}

.text_gry14 {
    color: #808080;
    font-size: 14px;
}

.text_gry15 {
    color: #808080;
    font-size: 15px;
}

.text_gry18 {
    color: #808080;
    font-size: 18px;
}

.text_gry22 {
    color: #808080;
    font-size: 22px;
}

.text_blk12 {
    color: #000000;
    font-size: 12px;
}

.text_blk14 {
    color: #000000;
    font-size: 14px;
}

.text_blk14bold {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}

.text_blk15 {
    color: #000000;
    font-size: 15px;
}

.text_blk16 {
    color: #000000;
    font-size: 16px;
}

.text_blk16bold {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

.text_blk18 {
    color: #000000;
    font-size: 18px;
}

.text_blk18bold {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.text_blk20 {
    color: #000000;
    font-size: 20px;
}

.text_blk22 {
    color: #000000;
    font-size: 22px;
}

.text_blk20bold {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}

.text_blk22 {
    color: #000000;
    font-size: 22px;
}

.text_blk30bold {
    color: #000000;
    font-size: 30px;
    font-weight: bold;
}

.text_red14 {
    color: #ff0000;
    font-size: 14px;
}

.text_red16bold {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}

.text_blue16bold {
    color: #1f8ecf;
    font-size: 16px;
    font-weight: bold;
    padding-top: 2%;
}

.text_red18bold {
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
}

.text_red22 {
    color: #e72929;
    font-size: 22px;
}

.text_red24 {
    color: #ff0000;
    font-size: 24px;
}

.text_red30 {
    color: #ff0000;
    font-size: 30px;
}

.text_title {
    font-size: 24px;
    font-weight: bold;
}

.text_boldtitle {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.text_total {
    color: #808080;
    font-size: 24px;
    text-align: right;
}

.text_left {
    margin-left: 0px;
    text-align: left;
}

.text_center {
    text-align: center;
}

.text_right {
    float: right;
}

.text_strong {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}

.text_indent {
    text-indent: 1.8em;
}

.text_spacing {
    letter-spacing: 1em;
}

.width_wrap {
    width: 100%;
}

.text_link_blu18 {
    font-size: 18px;
    color: #0094ff;
    text-decoration: underline;
    cursor: pointer;
}

.text_link_blu18bold {
    font-size: 18px;
    color: #0094ff;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

.text_link_blu14 {
    font-size: 14px;
    color: #0094ff;
    text-decoration: underline;
    cursor: pointer;
}

.text_link_org20 {
    font-size: 20px;
    color: #ff9300;
    text-decoration: underline;
    cursor: pointer;
}

    .text_link_org20:hover {
        color: #ffb522;
    }

.text_link_blu14:hover, .text_link_blu18bold:hover {
    color: #44d8ff;
}

@media screen and (max-width:767px) {
    .text_blu18bold {
        font-size: 14px;
    }

    .text_wht16 {
        font-size: 14px;
    }

    .text_wht12 {
        font-size: 11px;
    }

    .text_wht14 {
        font-size: 12px;
    }

    .text_wht18bold {
        font-size: 14px;
    }

    .text_gry14 {
        font-size: 12px;
    }

    .text_gry18 {
        font-size: 16px;
    }

    .text_gry22 {
        font-size: 18px;
    }

    .text_blk14 {
        font-size: 12px;
    }

    .text_blk16 {
        font-size: 14px;
    }

    .text_blk18 {
        font-size: 16px;
    }

    .text_blk18bold {
        font-size: 14px;
    }

    .text_blk20 {
        font-size: 16px;
    }

    .text_blk20bold {
        font-size: 16px;
    }

    .text_blk22 {
        font-size: 18px;
    }

    .text_red14 {
        font-size: 12px;
    }

    .text_red16bold {
        font-size: 15px;
    }

    .text_red18bold {
        font-size: 14px;
    }

    .text_red22 {
        font-size: 18px;
    }

    .text_red30 {
        font-size: 22px;
    }

    .text_title {
        font-size: 18px;
    }

    .text_boldtitle {
        font-size: 16px;
    }

    .text_total {
        font-size: 20px;
    }

    .text_strong {
        font-size: 16px;
        margin: 0;
    }

    .text_link_blu18 {
        font-size: 14px;
    }

    .text_link_blu18bold {
        font-size: 14px;
    }

    .text_link_blu14 {
        font-size: 12px;
    }

    .text_org16 {
        color: #ff9300;
        font-size: 14px;
    }

    .text_link_org20 {
        font-size: 16px;
    }

    .text_mobile {
        font-size: 11.5px;
        font-weight: 400;
        font-weight: normal;
    }
    .calendar .text_mobile {
        overflow: hidden;
    }
}

.Terms a {
    color: deepskyblue
}

    .Terms a:hover {
        color: lightskyblue;
    }

.Terms ul li {
    padding-left: 40px;
}

.Terms li.list_l_category {
    list-style: none;
    font-size: 18px;
    font-weight: bold;
}

.Terms ol.list_s_category li {
    font-size: 14px;
    font-weight: normal;
}

.Terms li.list_type_none {
    list-style: none;
    font-size: 14px;
    font-weight: normal;
}

    .Terms li.list_type_none > a {
        font-size: 14px;
        font-weight: normal;
    }
/* Hassha Alright Link*/
.Hassha a {
    color: orange;
}

    .Hassha a:hover {
        color: darkorange;
    }

#loading {
    /* �̈�̈ʒu��T�C�Y�Ɋւ���ݒ� */
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    /* �w�i�֘A�̐ݒ� */
    background-color: #000000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;
    background-image: url('../Images/Shared/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#p_loading {
    /* �̈�̈ʒu��T�C�Y�Ɋւ���ݒ� */
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    /* �w�i�֘A�̐ݒ� */
    background-color: #000000;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;
    background-image: url('../Images/Shared/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
}


@media screen and (max-width:767px) {
    .top_bg {
        height: 125px;
        background-image: url('../Images/Shared/top_bg_small.jpg');
        background-position: top center;
    }

    .top_logo {
        padding: 5px 10px;
        width: 60%;
        margin: 0;
    }

    .top_logoimg {
        width: 100%;
    }

    .btn_below {
        margin: 0;
    }

    .footer_title {
        width: 90%;
    }
}


/* light-box styles*/
#lbox_appearance,
#lbox_appearance_course,
#lbox_appearance_Expressway,
#lbox_appearance_Sightseeing {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #CCA;
    z-index: 10;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#lbox_form,
#lbox_form_dep,
#lbox_form_course,
#lbox_form_dep_Expressway,
#lbox_form_dep_Sightseeing {
    display: none;
    position: fixed;
    padding: 48px;
    margin: 0;
    border: 1px solid black;
    background-color: white;
    z-index: 101;
    overflow: auto;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
}

#lbox_form_arr,
#lbox_form_arr_Expressway,
#lbox_form_arr_Sightseeing {
    display: none;
    position: fixed;
    padding: 48px;
    margin: 0;
    border: 1px solid black;
    background-color: white;
    z-index: 101;
    overflow: auto;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
}

#lbox_title,
#lbox_title_dep,
#lbox_title_course,
#lbox_title_dep_Expressway,
#lbox_title_dep_Sightseeing {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    padding: 0;
    padding-top: 4px;
    padding-left: 8px;
    margin: 0;
    border-bottom: 4px solid #3CF;
    background-color: #09c;
    color: white;
    text-align: center;
}

#lbox_title_arr,
#lbox_title_arr_Expressway,
#lbox_title_arr_Sightseeing {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    padding: 0;
    padding-top: 4px;
    padding-left: 8px;
    margin: 0;
    border-bottom: 4px solid #3CF;
    background-color: #09c;
    color: white;
    text-align: center;
}

#respon_search_box_ex {
    display: none;
}

#respon_search_box_si {
    display: none;
}

@media screen and (max-width:767px) {
    /*.Expressway{
        display:none;
    }*/
    #respon_search_box_ex {
        display: inline;
    }
}

/*CourseDetail*/
.Chagebtn {
    background-color: #2298f3;
    box-shadow: #55bcf5 2px 2px 3px 1px inset;
    color: #ffffff;
    font-size: 23px;
    text-align: center;
    border-radius: 3px;
    width: 100%;
    height: 32px;
    border: none;
    cursor: pointer;
}

    .Chagebtn:hover {
        background-color: #2298f3;
        box-shadow: #2298f3 2px 2px 3px 1px inset;
    }

    .Chagebtn:active {
        background-color: #2298f3;
        box-shadow: #0076d1 2px 2px 3px 1px inset;
    }

width: 560px;

.deleteicon {
    font-size: 30px;
    margin: 5px;
    text-align: center;
    width: 35px;
    line-height: 1.2em;
    background-color: white;
    cursor: pointer;
}

.deleteicon:hover {
    color: red;
}

/*youtube動画*/
.youtubeParts iframe {
    width: 560px;
    height: 315px;
}
/*CourseDetail*/




/*MIWA INSERT START 20150810 �������X�g�p*/
/*.HW_list{
    padding: 5px;
}*/
.HW_list > a {
    font-size: 15px;
}

.HW_list:nth-child(odd) {
    background-color: #c2edff;
}

.HW_list:nth-child(even) {
    background-color: #e7f8ff;
}

.HW_list:nth-child(n+0):hover {
    background-color: #ffffff;
    cursor: pointer;
}

.HW_Name {
    width: 69.5%;
    min-height: 25px;
}

.HW_Name, .HWFare, .HWImg {
    padding: 5px;
    padding-right: 1px;
}

.HW_Name, .HWFare {
    line-height: 1.3em;
}

    .HW_Name > text {
        font-size: 17px;
    }

.route_button {
    min-height: 32px;
    height: 32px;
}

.AHW_Name {
    /*height: 25px;*/
    font-size: 16px;
}

    .AHW_Name > text {
        font-size: 19px;
    }
/*MIWA INSERT END*/

/*YANO INSERT START 20150904 �������X�g�p*/
.AH_list {
    padding: 6px;
    background-color: #c2edff;
    /*box-shadow:2px 2px 2px #a0a0a0;*/
}

    .AH_list:hover {
        background-color: #e8feff;
        /*box-shadow:2px 2px 15px #a0a0a0;*/
    }

    .AH_list:active {
        background-color: #c2edff;
        box-shadow: 1px 1px 2px #a0a0a0;
    }
/*.Area_Block{
    padding-left:10px;
}
.RouteList_table .Area_Block:nth-child(odd){
    background-color:#ffe780;
}
.RouteList_table .Area_Block:nth-child(even){
    background-color:#fff7c0;
}
/*.Area_Block .Pref_block:nth-child(odd){
    background-color:#fff7f5;
}
.Area_Block .Pref_block:nth-child(even){
    background-color:#fff;
}
.Pref_block{
    background-color:#fff;
}
.Pref_block .Pref:nth-child(odd){
    background-color:#fff;
}
.Pref_block .Pref:nth-child(even){
    background-color:#fff7f5;
}
.AreaTag{
    font-weight:normal;
}
.PrefTag{
    font-weight:bold;
}
.PrefTag,.AreaTag{
    font-size:22px;
    margin:0;
}*/
.route_table {
    margin-top: 10px;
}

.Area_wrap {
    text-indent: 0.5em;
}

.route_table .Area_wrap:nth-child(odd) {
    background-color: #ffe780;
}

.route_table .Area_wrap:nth-child(even) {
    background-color: #fcf5a0;
}
/*.Area_block .Pref_block:nth-child(2n+1){
    background-color:#e5fdff;
}*/
.Area_block {
    background-color: #fff;
    padding: 0 5px;
}

.Pref_block {
    margin: 10px 5px;
    padding: 5px;
    box-shadow: 2px 2px 3px #d0d0d0;
    cursor: pointer;
    background-color: #c2edff;
}

    .Pref_block:hover {
        box-shadow: 3px 3px 4px #a0a0a0;
    }

    .Pref_block:active {
        box-shadow: 1px 1px 2px #a0a0a0;
    }

@media screen and ( max-width : 767px ) {
    .Pref_block {
        padding: 5px 10px;
    }
}
/*YANO INSERT 20150904 END*/

/*MIWA INSERT START 20150805 ����ό��p�T���l�C��*/
@media screen and ( max-width : 767px ) {
    SS_list {
        text-align: center;
    }

    ss_panel {
        margin: 0 auto;
    }
}

.ss_panel {
    position: relative;
    width: 224px;
    height: 205px;
    font-family: 'Meiryo UI';
    cursor: pointer;
}

    .ss_panel .ss_thumbnail {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
    }

    .ss_panel .ss_label {
        background-image: url('../Images/Home/BlackPanel.png');
        width: 100%;
        bottom: 0px;
        padding: 2px 5px;
        color: white;
        overflow: hidden;
        position: absolute;
        height: 58px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

        .ss_panel .ss_label .ss_title {
            /*20190619 sen title長くなった場合は3点リーダーにします。*/
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 12px;
            font-weight: bolder;
        }

        .ss_panel .ss_label .ss_subtitle {
            white-space: nowrap;
            font-size: 12px;
            font-weight: bold;
            color: orange;
            vertical-align: top;
        }

        .ss_panel .ss_label .ss_caption {
            white-space: nowrap;
            font-size: 8px;
            font-weight: bold;
            margin-top: 0px;
        }

        .ss_panel .ss_label .ss_amount {
            font-size: 18px;
            font-weight: bold;
            position: absolute;
            right: 5px;
        }

        .ss_panel .ss_label .ss_label_text {
            height: 71%;
            font-size: 12px;
            margin-top: 2px;
            line-height: 14px;
            /*word-break:break-all;20190619英語版は単語途中で改行できないようにします。 */
            word-break: normal;
            position: relative;
        }

            .ss_panel .ss_label .ss_label_text img {
                position: absolute;
                bottom: 5%;
                right: 5%;
            }

.SS_controller {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    width: 100%;
    text-align: center;
}

/*MIWA INSERT END*/

/*MIWA INSERT START 20150904 Detail�p���X�N���[���e�[�u��*/
.scroll {
    overflow: auto; /*table��X�N���[��������*/
    white-space: nowrap; /*table�̃Z����ɂ��镶���̐܂�Ԃ���֎~*/
    /*height:135px;*/ /*2015/09/09 Yano INSERT*/
}

    .scroll::-webkit-scrollbar { /*table�ɃX�N���[���o�[��lj�*/
        height: 5px;
    }

    .scroll::-webkit-scrollbar-track { /*table�ɃX�N���[���o�[��lj�*/
        background: #F1F1F1;
    }

    .scroll::-webkit-scrollbar-thumb { /*table�ɃX�N���[���o�[��lj�*/
        background: #BCBCBC;
    }
/*MIWA INSERT END*/
/*20150909 yano INSERT START*/
.cal_onedaycol {
    border: 1px solid #808080;
}

    .cal_onedaycol > div {
        /*border-bottom: 1px dotted #808080;*/
        height: 3.5em;
        margin: 5px 0px 5px 0px;
        padding: 3px 0px 3px 0px;
        width: 96%;
    }

        .cal_onedaycol > div > div {
            width: 49%;
        }
        /*1�s��/���t*/
        .cal_onedaycol > div:first-child {
            border-bottom: 1px solid #808080;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            background-color: #d0d0d0;
            line-height: 1.5em;
            height: 1.5em;
            width: 100%;
        }
        /*2�s��/���ږ�*/
        .cal_onedaycol > div:nth-child(2) {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            line-height: 1em;
            height: 2em;
        }

        .cal_onedaycol > div:last-child {
            border-bottom: none;
        }
/*20160816 S.Yamamoto DEL �d���L�q
.Detail_button{
    min-height: 15px;
    height: 20px;
    line-height: 0.5em;
    padding:5px;
    font-size:14px;
}*/
/*SP版youtube動画*/
@media screen and (max-width:767px) {
    .youtubeParts iframe {
        width: 100%;
        height: 315px;
    }
}

@media screen and ( max-width : 767px ) {
    .cal_onedaycol > div {
        font-size: 11px;
        height: 4em;
        padding: 5px 0;
    }

        .cal_onedaycol > div > div {
            width: 49%;
        }
        /*2�s��/���ږ�*/
        .cal_onedaycol > div:nth-child(2) {
            font-size: 10px;
            line-height: 1em;
            height: 2.5em;
        }
    /*20160816 S.Yamamoto DEL �d���L�q
    .Detail_button{
        font-size:11px;
        height:10px;
        line-height:0;
        padding-left:0;
    }*/
}
/*20150909 yano INSERT END*/

/*20160805 T.Kurokawa INSERT START*/
.cal_onedaycol2 {
    border: 1px solid #808080;
}

    .cal_onedaycol2 > div {
        /*border-bottom: 1px dotted #808080;*/
        height: 5.5em;
        margin: 5px 0px 5px 0px;
        padding: 3px 0px 3px 0px;
        width: 96%;
    }

.Detail_button {
    min-height: 15px;
    height: 100%;
    line-height: 0.5em;
    padding: 5px;
    font-size: 14px;
}

@media screen and ( max-width : 767px ) {
    .cal_onedaycol2 > div {
        font-size: 11px;
        height: 5.5em;
        padding: 5px 0;
    }

    .Detail_button {
        font-size: 11px;
        height: 100%;
        line-height: 0;
        padding-left: 0;
    }
}
/*20160805 T.Kurokawa INSERT END*/

/*MIWA INSERT START 20150917 HOME�T�W�F�X�g�p*/


/*MIWA INSERT END*/
/*2015/09/30 INSERT START YANO*/
.cal_button {
    background-color: #efefee;
    box-shadow: 2px 2px 3px #d0d0d0;
    color: #000;
    text-decoration: none;
    padding: 3px;
}

    .cal_button:hover {
        background-color: #f5f5f5;
        box-shadow: 3px 3px 4px #a0a0a0;
    }

    .cal_button:active {
        background-color: #afafaf;
        box-shadow: 1px 1px 2px #a0a0a0;
    }

#SelectDate + img {
    cursor: pointer;
    padding: 5px;
    box-shadow: 2px 2px 2px #d0d0d0;
}

    #SelectDate + img:hover {
        box-shadow: 3px 3px 3px #a0a0a0;
    }

    #SelectDate + img:active {
        box-shadow: 1px 1px 2px #a0a0a0;
    }
/*2015/09/30 INSERT END YANO*/

/*MIWA INSERT START 20151009*/
table.time_table {
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 1;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

    table.time_table th {
        width: 200px;
        min-width: 200px;
        padding: 5px;
        font-weight: bold;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #eee;
        /* 横スクロール時に固定する */
        position: sticky;
        left: 0;
    }

    table.time_table td {
        padding: 5px;
        text-align: center;
        vertical-align: top;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        font-size: 13px;
    }
/*MIWA INSERT END*/



/*MIWA INSERT START 20151009*/
.Pref_block2 {
    margin: 10px 5px;
    padding: 5px;
    box-shadow: 2px 2px 3px #d0d0d0;
    cursor: pointer;
    background-color: #c2edff;
}
/*MIWA INSERT END*/
@media screen and (max-width:767px) {
    .SP_HIDDEN {
        display: none;
    }

    .SP_APPEAR {
        display: block;
    }
}

@media screen and (min-width:768px) {
    .SP_HIDDEN {
        display: block;
    }

    .SP_APPEAR {
        display: none;
    }
}

/*2016/12/05 INSERT START S.Yamamoto*/
.bannar_border_blk1 {
    border: solid 1px #000000;
}

/*2017/01/10 INSERT S.Yamamoto*/
.Questionnaire_box {
    margin-bottom: 1em;
}

.ContactForm {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
}

@media screen and (max-width: 480px) {
    .Form {
        margin-top: 40px;
    }
}

.ContactForm_title {
    font-size: 24px;
    font-weight: bold;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 30px) calc(1em - 8px ), calc(100% - 25px) calc(1em - 8px), calc(100% - 2.5em) 0px;
    background-size: 5px 10px, 5px 10px, 1px 100px;
    background-repeat: no-repeat;
    border: hidden;
}

.ContactForm_title::selection {
   outline:none;
}

.ContactForm_Item {
    border-top: 1px solid #ddd;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 5px;
        padding-bottom: 5px;
        flex-wrap: wrap;
    }
}

.ContactForm_Item:nth-child(5) {
    border-bottom: 1px solid #ddd;
}

.ContactForm_Item_Label {
    width: 100%;
    max-width: 248px;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 14px;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_Label {
        max-width: inherit;
        display: flex;
        align-items: center;
        font-size: 14px;
    }
}

.ContactForm_Item_Label_Required {
    border-radius: 6px;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 60px;
    display: inline-block;
    text-align: center;
    background: #ff4040;
    color: #fff;
    font-size: 12px;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_Label_Required {
        border-radius: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 50px;
        font-size: 5px;
    }
}

.ContactForm_Item_Label_Unrequired {
    border-radius: 6px;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 60px;
    display: inline-block;
    text-align: center;
    background: #4A9CC7;
    color: #fff;
    font-size: 12px;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_Label_Unrequired {
        border-radius: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 50px;
        font-size: 5px;
    }
}

.ContactForm_Item_Input {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-left: 40px;
    padding-left: 1em;
    padding-right: 1em;
    height: 36.8px;
    flex: 1;
    width: 410px;
    max-width: 410px;
    background: #eaedf2;
    font-size: 16px;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_Input {
        margin-left: 0;
        margin-top: 18px;
        height: 40px;
        flex: inherit;
        font-size: 15px;
        max-width: 315.2px;
    }
}

.ContactForm_Item_List {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-left: 40px;
    padding-left: 1em;
    padding-right: 1em;
    height: 36.8px;
    flex: 1;
    width: 410px;
    max-width: 410px;
    font-size: 18px;
    cursor: pointer;
    background-color: #eaedf2;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_List {
        margin-left: 0;
        margin-top: 7px;
        height: 40px;
        flex: inherit;
        font-size: 15px;
        cursor: pointer;
        max-width: 315.2px;
    }
}

.ContactForm_Item_List:focus {
    background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border: 2px solid black;
    outline: 0;
}

.ContactForm_Item_List:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.ContactForm_Item_Label.isMsg {
    margin-top: 8px;
    margin-bottom: auto;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_Label_isMsg {
        margin-top: 0;
    }
}

.ContactForm_Item_Textarea {
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-left: 40px;
    padding-left: 1em;
    padding-right: 1em;
    height: 180px;
    flex: 1;
    width: 100%;
    max-width: 410px;
    background: #eaedf2;
    font-size: 16px;
}

@media screen and (max-width: 480px) {
    .ContactForm_Item_Textarea {
        margin-top: 18px;
        margin-left: 0;
        height: 200px;
        flex: inherit;
        font-size: 14px;
    }
}

.ContactForm_Btn {
    border-radius: 6px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 280px;
    display: block;
    letter-spacing: 0.05em;
    background: #4A9CC7;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

@media screen and (max-width: 480px) {
    .ContactForm_Btn {
        margin-top: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 160px;
        font-size: 16px;
    }
}

.textarea {
    resize: none;
}

.button_wrap_PurposeLink {
    width: 134px;
    display: inline-block;
    margin-bottom: 1em;
    cursor: pointer;
}

.clr_button {
    font-size: 14px;
    min-height: 30px;
    height: 30px;
    line-height: 17px;
    padding: 0;
    vertical-align: top;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}




/* INSERT Sta 2017/02/06 S.Morie */
.col_SSImg {
    width: 20%;
    float: left;
}

.col_SS {
    display: none;
}

.col_SSText {
    width: 73%;
    display: block;
    float: left;
    margin-left: 2%;
}

.col_Iframe {
    width: 182px;
    height: 167px;
    float: left;
}



@media screen and (max-width:767px) {
    .col_SSImg {
        width: 55%;
        height: 50%;
        float: left;
    }

    .col_SS {
        width: 75%;
        display: block;
        float: left;
    }

    .col_SSText {
        display: none;
    }

    .col_Iframe {
        width: 75%;
        float: left;
    }
}

/* INSERT End 2017/02/06 S.Morie */

/*��2017/02/23 ADD S.Morie*/
.colorcell_org2, .colorcell_org2_btm {
    background-color: #ffffff;
    border: 1px solid #80d0ff;
    font-size: 18px;
}

.colorcell_org2 {
    border-bottom: none;
}

.row_cellorg2 {
    height: 100%;
    min-height: 30px;
    color: #ffffff;
    background-color: #ffa500;
    text-align: center;
}
/*��2017/02/23 ADD S.Morie*/

.mail_announcement_box {
    padding: 8px 19px;
    color: #2c2c2c;
    background: #ffe8cc;
    border-top: solid 3px #ff5300;
    border-bottom: solid 3px #ff5300;
}

.text_scroll140 {
    height: 140px;
    overflow: scroll;
}

.unpaid_box {
    padding: 0.5em 1em;
    margin: 0.5em 0;
    border: solid 2px red;
    background: #FFBFBF
}

.unpaid_note {
    text-align: center;
}

.external_icon img {
    width: 50px;
}

/* Etiquette*/
.notice_box {
    font-size: 12px;
}

.text_footer_payment {
    margin-bottom: 7px;
}

/*AllRouteList*/
.allroutelist h2 {
    /*background: #34b5e8;*/
    background: #d89d3f;
    color: black;
    padding: 12px 0px 12px 12px;
    display: block;
}

div i.fa-mobile-phone {
    font-size: xx-large;
    padding-right: 10px;
    vertical-align: text-bottom;
}

/*20200917 MyPhung INSERT Carriage number's block*/
.carriage_numblock {
    border: 1px solid #808080;
    height: auto;
    margin: 5px 0px 5px 0px;
    padding: 3px 0px 3px 0px;
    width: 96%;
}

summary::-webkit-details-marker {
    display: none
}

/*20210215 MyPhung INSERT GuideToMobileTicket*/
.linemidashi {
    position: relative;
    padding: 1rem 2rem;
    border-bottom: 6px solid #437fc7;
}

    .linemidashi:before {
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 20%;
        height: 6px;
        content: '';
        background: #6daffe;
    }

.box11 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: black;
    background: white;
    border-top: solid 5px #6DAFFE;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

    .box11 p {
        margin: 0;
        padding: 0;
    }

.stepmidashi {
    position: relative;
    overflow: hidden;
    padding: 0.5rem 2rem 0.5rem 130px;
    border-top: 4px solid #437FC7;
    color: white;
    font-weight: bold;
    background: #edf6ff;
}

    .stepmidashi:before {
        position: absolute;
        top: -150%;
        left: -100px;
        width: 206px;
        height: 300%;
        content: '';
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        background: #437FC7;
    }

    .stepmidashi span {
        font-size: 40px;
        font-size: 1.5rem;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        padding-top: 3px;
        padding-left: 16px;
        color: #fff;
    }

.ReserveForm_Item_Input {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-left: 1em;
    padding-right: 1em;
    height: 36.8px;
    flex: 1;
    width: 410px;
    background: #eaedf2;
    font-size: 16px;
    width: 100%;
    margin-left: 5px;
    max-width: 673px;
}

#Nationality.ReserveForm_Item_Input {
    width: 150%;
    margin-left: 5px;
}

#CountryDomain.ReserveForm_Item_Input {
    width: 75%;
}

#TelNo.ReserveForm_Item_Input {
    width: 100%;
    margin-left: 5px;
}
#Email_fix.ReserveForm_Item_Input,
#Email.ReserveForm_Item_Input {
    width: 100%;
    margin-left: 5px;
}

#countrycode.ReserveForm_Item_Input {
    margin-left: -3em;
}

.background_blue {
    background: #d7f2ff;
}

.receipt-ul {
    padding: 0;
}

    .receipt-ul li {
        position: relative;
        list-style-type: none !important; /*ポチ消す*/
        padding: 0.5em 0.5em 0.5em 0.5em;
        margin-bottom: 5px;
        line-height: 1.5;
        background: #dbebf8;
        vertical-align: middle;
        color: #505050;
        border-radius: 15px 0px 0px 15px; /*左側の角丸く*/
    }

        .receipt-ul li:before {
            display: inline-block;
            vertical-align: middle;
            /*以下白丸つくる*/
            content: '';
            width: 1em;
            height: 1em;
            background: #fff;
            border-radius: 50%;
            margin-right: 8px;
        }

@media screen and (max-width: 480px) {
    .ReserveForm_Item_Input {
        margin-left: 0;
        margin-top: 18px;
        height: 40px;
        flex: inherit;
        font-size: 15px;
        max-width: 315.2px;
    }

    #Nationality.ReserveForm_Item_Input {
        width: 100%;
    }

    #CountryDomain.ReserveForm_Item_Input,
    #countrycode.ReserveForm_Item_Input {
        margin-left: 4px;
        width:100%;
    }

    #TelNo.ReserveForm_Item_Input {
        margin-left: 5px;
    }
}

@media screen and (max-width: 480px){
    .farePlanSeat{
        font-size: 12px;
    }
}