@charset "utf-8";

/* -------------------------------------------------- */
/*  common
/* -------------------------------------------------- */
/* 一番下の変なスペースを消す（共通） */
form {
    margin-block-end: 0;
}
/* PC用のメディアクエリ */
@media screen and (min-width: 768px){
    .sponly {
        display: none;
    }
}
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    .pconly {
        display: none !important;
    }
    img {
        width: 100%;
        margin: 0;
    }
    .material-icons {
        display: inline-flex !important;
        vertical-align: middle;
    }
    @keyframes menuIn {
        0% {
            opacity: 0;
            margin-left: 100%;
        }
        100% {
            opacity: 1;
            margin-left: 0;
        }
    }
    @keyframes radius {
        0% {
            border-radius: 0;
        }
        100% {
            border-radius: 50%;
        }
    }
}

/* -------------------------------------------------- */
/*  head
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    #head {
        width: 100%;
        position: inherit;
        left: auto;
        top: auto;
        height: auto;
        border-top: 14px solid #1e329f;
    }
    #head .yokonarabi, #head div.space {
        display: none;
    }
    #head .yokonarabi:first-child {
        display: block;
        padding: 1.25em;
    }
    #menuback {
        display: none;
    }
    .sp_menu > input[type=checkbox] {
        display: none;
    }
    .sp_menu > input[type=checkbox] + label:before {
        font-family: "Material Icons";
        content: "more_vert";
        display: block;
        padding: 0.1em;
        position: fixed;
        top: 0.25em;
        right: 0.3em;
        z-index: 10000;
        font-size: 26px;
        color: #1e329f;
        background: #fff;
        border: 1px solid #ccc;
        line-height: 1;
    }
    .sp_menu > input[type=checkbox]:checked + label:before {
        font-family: "Material Icons";
        content: "clear";
        border-radius: 50%;
        animation: 1s radius;
    }
    .sp_menu > input[type=checkbox] ~ div.content_wrap {
        display: none;
        position: absolute;
    }
    .sp_menu > input[type=checkbox]:checked ~ div {
        display: block;
        padding: 0;
        width: 85%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 15%;
        z-index: 9000;
        color: #000;
        background: #fff;
        opacity: 1;
        animation: 1s menuIn;
        overflow-y: scroll;
    }
    .sp_menu .user_area {
        display: flex;
        width: 90%;
        margin: 6em auto 0;
        justify-content: space-between;
    }
    .sp_menu .user_area a {
        display: block;
        width: 48.5%;
    }
    .sp_menu .menu_area {
        border-top: 1px solid #ccc;
        margin: 3.5em 0 2em;
    }
    .sp_menu .menu_area a {
        color: #000;
        text-decoration: none;
    }
    .sp_menu .menu_area a.direct, .sp_menu .menu_area label {
        text-align: left;
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 1em 2em;
    }
    .sp_menu .menu_area a.direct:before, .sp_menu .menu_area label:before {
        font-family: "Material Icons";
        content: "keyboard_arrow_right";
        font-size: 26px;
        vertical-align: middle;
        margin-right: 0.25em;
    }
    .sp_menu .menu_area input[name="menu_radio"] {
        display: none;
    }
    .sp_menu .menu_area ul {
        display: none;
    }
    .sp_menu .menu_area input[name="menu_radio"]:checked + label:before {
        content: "keyboard_arrow_down";
    }
    .sp_menu .menu_area input[name="menu_radio"]:checked + label + ul {
        display: block;
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: 0;
    }
    .sp_menu .menu_area input[name="menu_radio"]:checked + label + ul li {
        text-align: left;
        padding: 1em 1em 1em 2.25em;
        background: #f4f4f4;
    }
    .sp_menu .menu_area input[name="menu_radio"]:checked + label + ul a:not(:last-child) li {
        border-bottom: 1px dashed #ccc;
    }
}

/* -------------------------------------------------- */
/*  footer
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    #footerback {
        background: none;
        margin-top: 2em;
        border-top: 2px solid #1e329f;
    }
    #footer {
        width: 100%;
        height: auto;
        position: inherit;
    }
    #pagetop {
        display: none;
    }
    #footmenu {
        position: inherit;
        left: 0;
        top: 0;
        width: calc(100% - 2em);
        background: #e4e6f3;
        padding: 1.5em 1em;
        text-align: center;
    }
    #footmenu > div {
        margin: 0 auto;
    }
    #footmenu > div > div {
        display: none;
    }
    #footmenu > div:not(:first-child) {
        display: none;
    }
    #footmenu > div:first-child {
        float: none;
    }
    #footlink {
        display: none;
    }
    #copy {
        position: inherit;
        right: 0;
        top: 0;
        background: #1e329f;
        padding: 0.5em 0.75em;
        text-align: right;
    }
}

/* -------------------------------------------------- */
/*  index
/* -------------------------------------------------- */
/* SP用のメディアクエリ */
@media screen and (max-width: 767px){
    /* 大枠、共用の設定 */
    p {
        margin: 0;
    }
    ul {
        padding: 0;
        margin: 0;
    }
    ul li {
        list-style: none;
    }
    .yokonarabi {
        float: none;
    }
    #readback {
        background: none;
    }
    #read, #read #hidari {
        width: 100%;
    }
    #read #hidari > div:not(:nth-child(1)) {
        width: 94%;
        margin: auto;
    }
    #read #migi {
        float: none;
        width: 94%;
        margin: 0 auto;
    }
    #read #migi > img:nth-child(1) {
        margin-top: 2.5em;
    }
    /* お知らせ */
    #read #news {
        margin-top: 0;
        margin-bottom: 1em;
        width: calc(100% - 105px);
    }
    #news .sagscroller {
        width: 70vw;
    }
    #news #new {
        font-size: 11.5px;
    }
    #news #newsichiran {
        position: inherit;
        left: auto;
        top: auto;
        float: inherit;
        width: calc(100vw - 95px);
        margin-top: 7px;
        text-align: right;
    }
    #news #newsichiran img {
        width: auto;
    }
    /* 検索ボックス */
    #kensaku {
        width: 100%;
        height: auto;
        margin-bottom: 2em !important;
    }
    #kensaku > img {
        display: none;
    }
    #waku001 {
        position: inherit;
        left: auto;
        top: auto;
    }
    #waku001 > table {
        display: flex;
    }
    #waku001 > table > tbody > tr {
        display: flex;
        flex-wrap: wrap;
    }
    #waku001 > table > tbody > tr:first-child {
        display: none;
    }
    #waku001 > table > tbody > tr > td {
        width: 100%;
    }
    #waku001 > table > tbody > tr > td:not(:last-child) {
        padding-bottom: 1em;
    }
    #waku001 > table > tbody > tr > td:nth-child(1) {
        order: 1;
    }
    #waku001 > table > tbody > tr > td:nth-child(1) > img {
        max-height: 19px;
        width: auto;
    }
    #waku001 > table > tbody > tr > td:nth-child(2) {
        order: 2;
    }
    #waku001 > table > tbody > tr > td:nth-child(2) select {
        width: 100%;
    }
    #waku001 > table > tbody > tr > td:nth-child(3) {
        display: none;
    }
    #waku001 > table > tbody > tr > td:nth-child(4) {
        order: 4;
    }
    #waku001 > table > tbody > tr > td:nth-child(4) select {
        width: 100%;
    }
    #waku001 > table > tbody > tr > td:nth-child(5) {
        order: 3;
    }
    #waku001 > table > tbody > tr > td:nth-child(5) img {
        width: 26px;
        margin-bottom: 1em;
    }
    #waku001 > table > tbody > tr > td table,
    #waku001 > table > tbody > tr > td table > tbody {
        width: 100%;
        display: inline;
    }
    #waku001 > table > tbody > tr > td table select {
        width: auto !important;
        appearance: none;
    }
    #waku001 > table > tbody > tr > td table img {
        width: 28px;
    }
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(1),
    #waku001 > table > tbody > tr:nth-of-type(3),   
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(1) {
        display: none;
    }
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(2)::before,
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)::before,
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2)::before {
        display: inline;
        border-left: 4px solid #00e0ce;
        color: #1e329f;
        font-size: 16px;
        font-weight: bold;
        padding-left: 8px;
        margin-right: 10px;
    }
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(2)::before {
        content: "出発　";
    }
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4)::before {
        content: "到着　";
    }
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2)::before {
        content: "出発日";
    }
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(2) > select,
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(4) > select {
        width: calc(100% - 75px);
    }
    #waku001 > table > tbody > tr:nth-of-type(2) > td:nth-of-type(5) {
        display: none;
    }
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2) {
        position: relative;
    }
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2) select {
        visibility: hidden;
    }
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2) > p#dammyDepDate {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(100% - 85px);
        padding: 8px 0 8px 8px;
        border: 1px solid #bbb;
        background: #FFF url(../images/img177.png) no-repeat 95%;
        border-radius: 3px;
    }
    #waku001 > table > tbody > tr:nth-of-type(4) > td:nth-of-type(2) > table td:nth-of-type(4) img {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        display: block;
        width: 0;
        height: 38px;
        padding-right: calc(100% - 75px);
    }
    /* スライド */
    #opencampaign {
        display: none;
    }
    .flexslider {
        margin-bottom: 4em !important;
    }
    .flexslider ul {
        margin: 0;
        padding: 0;
    }
    .flexslider ul li {
        list-style-type: none;
    }
    .flexslider ol {
        margin: 0;
        padding: 0;
    }
    .flexslider .flex-control-nav {
        bottom: -2em;
    }
    
    /* SNS */
    img[alt="OFFICIAL SNS 公式SNS"] {
        display: none;
    }
    #sns:before {
        content: "OFFICIAL SNS / 公式SNS";
        display: block;
        font-size: 18px;
        font-weight: bold;
        color: #1e329f;
        border: 1px solid #1e329f;
        padding: 0.5em 0.25em 0.5em 0.5em;
        margin: 1.25em 0 0.25em;
    }
    #sns {
        background: none;
        height: auto;
        margin-top: 2.25em !important;
    }
    #sns #fb {
        position: inherit;
        left: auto;
        top: auto;
        padding-top: 1em;
    }
    #sns #fb table tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    #sns #fb table tbody tr td {
        width: 100%;
    }
    #sns #fb table tbody tr td:not(:nth-child(1)) {
        padding-top: 0.5em;
    }
    #sns #fb table tbody tr td img {
        height: auto;
    }
    /* お知らせ */
    img[alt="INFORMATION お知らせ"] {
        display: none;
    }
    #infolist:before {
        content: "INFORMATION / お知らせ";
        display: block;
        font-size: 18px;
        font-weight: bold;
        color: #1e329f;
        border: 1px solid #1e329f;
        padding: 0.5em 0.25em 0.5em 0.5em;
        margin-bottom: 0.75em;
    }
    #infolist {
        padding: 0;
    }
    .infolist_bus {
        margin-top: 2.25em !important;
    }
    #infolist #link #infoli {
        padding: 0.5em 0;
        background: none;
        border-bottom: 1px dashed #ccc;
    }
    #infolist #link #infoli img {
        width: auto;
    }
    /* cashpost */
    #siharaibana {
        width: auto;
    }
    #siharaibana a img {
        display: inline-block;
        margin-top: 1em;
    }

    /*spで消す*/
    .spdispnone{
        display: none !important;
    }
}