/* 共通 */
.red {color:#ff0000;}
.blue {color:#0000ff;}
.purple {color:#9900CC;}
.tc {text-align:center}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.f12 {font-size:12px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.ml10 {margin-left:10px;} 
a {display:inline-block;}
table {border-collapse: collapse;border-spacing: 0px;}

.logo-box-text {font-size:18px;line-height:36px;}
.pan-info {margin:30px 0 5px;;color:#ccc;}
.now-act {padding:0 5px;background:#d8ead9;color:#000;font-weight:bold}

/* loginページ */
.main-login-00 {margin:0 auto 30px;text-align:center;}
.main-login-01 {position: relative;padding: 20px;background-color: #2bc156;color:#fff;margin-bottom:30px;font-size:18px;}
.main-login-01::before{content: '';position: absolute;display: block;width: 0;height: 0;left: 0;right: 0;bottom: -15px;margin: 0 auto;border-top: 15px solid #2bc156;border-right: 15px solid transparent;border-left: 15px solid transparent;}
table.table-login {width:300px;margin:30px auto;}
table.table-login th {font-weight:normal;text-align:left;padding:10px;}
table.table-login td {padding:10px;width:auto;margin-right:5px;}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);

/* fontawesome */
@import url(http://weloveiconfonts.com/api/?family=fontawesome);
[class*="fontawesome-"]:before {font-family: 'FontAwesome', sans-serif;}
* { margin: 0; padding: 0; box-sizing: border-box; }
.form-wrapper {background: #fafafa;margin: 50px auto 100px;padding: 20px;max-width: 360px;}
.form-item { margin-bottom: 0.75em; width: 100%;}
.form-item input {background: #fafafa;border: none;  border-bottom: 2px solid #e9e9e9;  color: #666; font-family: 'Open Sans', sans-serif; font-size: 1em; height: 50px; transition: border-color 0.3s; width: 100%;font-size:16px;padding:5px}
.form-item input:focus {border-bottom: 2px solid #c0c0c0; outline: none;}
.button-panel {margin: 2em 0 0;width: 100%;}
.button-panel .button { background: #f16272;border: none;color: #fff;cursor: pointer;height: 50px;font-family: 'Open Sans', sans-serif;font-size: 1.2em;letter-spacing: 0.05em;text-align: center;text-transform: uppercase;ransition: background 0.3s ease-in-out;width: 100%;}
.button:hover {background: #ee3e52;}
.form-item-check {text-align:left;margin-top:10px;color:#666;padding-left:5px;}
#password-check {height:auto;width:auto;}

/* info ページ */

.accbox-form { margin: 0; padding:5px 0;}
/*.accbox-form label {display: block;margin: 5px 0;padding : 15px;font-weight: bold;background: #fff;cursor :pointer;transition: all 0.5s;border:1px solid #2bc156;}*/
/*.accbox-form label:before {padding-right: 5px !important;}*/
/*.accbox-form label:hover {background :#2bc156;color:#fff;}*/
/*.accbox-form input:checked + label {background :#2bc156;color:#ffft;}*/
.accbox-form .cssaccc {display:none;}
.accbox-form-label {color:#ba0009;font-weight:bold;font-size:18px;padding:5px 10px;border:2px solid #ba0009;}
.accbox-form input:checked + label {background :#ba0009;color:#fff;}
.accbox-form-label-02 {background :#ba0009;color:#fff;font-weight:bold;font-size:18px;padding:5px 10px;border:2px solid #ba0009;}

.accbox-form input {}
.accbox-form .accshow { height: 0;padding: 0;overflow: hidden; opacity: 0; transition: 0.8s;border:none;}
.accbox-form .accshow-01 { height: 0;padding: 0;overflow: hidden; opacity: 0; transition: 0.8s;border:none;padding:0}
/*.cssacc:checked + label + .accshow {height: auto; background: #fff;opacity: 1;padding:0;border:none;margin-bottom:30px;}*/
/*.cssacc:checked + label:before {content: '\f078';font-family: 'Font Awesome 5 Free';}*/

.accbox { margin: 0 0 30px;; padding:10px;width: 100%;}
.accbox label {display: block;margin: 5px 0;padding : 15px;font-weight: bold;background: #fff;cursor :pointer;transition: all 0.5s;border:1px solid #2bc156;}
.accbox label:before {content: '\f054';font-family: 'Font Awesome 5 Free';padding-right: 10px;}
.accbox label:hover {background :#2bc156;color:#fff;}
.accbox input:checked + label {background :#2bc156;color:#fff;}

.accbox input {display: none;}
.accbox .accshow { height: 0;padding: 0;overflow: hidden; opacity: 0; transition: 0.8s;}
.cssacc:checked + label + .accshow {height: auto; padding: 20px; background: #fff;opacity: 1;border:1px solid #ccc;line-height: 1.8;}
.cssacc:checked + label:before {content: '\f078';font-family: 'Font Awesome 5 Free';}
.cssacc:checked + label + .accshow-01 {height: auto; padding: 0; background: #fff;opacity: 1;border:none;line-height: 1.8;}

.cssaccc:checked + label + .accshow-01 {height: auto; padding: 0; background: #fff;opacity: 1;border:none;line-height: 1.8;margin-top: 20px;}


.info-flow-01 {border:1px solid #555;padding:5px 20px;text-align:center;}
.info-flow-02 {padding:0;text-align:center;}
table.table-info {width:100%;}
table.table-info th {font-weight:normal;text-align:center;padding:5px 10px;border:1px solid #ccc;}
table.table-info td {padding:5px 10px ;border:1px solid #ccc}
table.table-info th.table-info-01 {font-ssize:16px;font-weight:bold;background:#000;color:#fff;padding:10px;}
table.table-info td.table-info-02 {width:15%;text-align:center;}

.table-scroll{ overflow: auto;  white-space: nowrap; width:100%;}
.table-scroll::-webkit-scrollbar{height: 10px;width:20px;}
.table-scroll::-webkit-scrollbar-track{background: #ccc;border-radius: 5px;}
.table-scroll::-webkit-scrollbar-thumb { background: #ff0000;border-radius: 5px;}


table.table-info-air {margin-bottom:10px;}

table.table-info-air th {padding:5px;line-height:1;background:#fbfffe;border:1px solid #ccc;font-weight:normal}
table.table-info-air td {padding:5px;line-height:1;text-align:center;border:1px solid #ccc;}

.info-btn {text-align:center}
.info-btn input[type="submit"] {display:block;padding: 10px 20px;border: none;background: #2bc156;color: #fff;width: 200px;margin:30px auto;}
.info-btn input[type="submit"]:hover {background: #249444;}
.info-btn input[type="submit"][disabled] {background-color: #ccc;cursor: default;}

.faq { margin-bottom:10px;}
.faq__dt, .faq__dd { position: relative; padding-left: 24px;}
.faq__dt::before, .faq__dd::before { font-weight: bold;  position: absolute;  left: 0;  top: 0;}
.faq__dt { font-weight: bold;  border-bottom: 1px solid #999; margin-bottom: 4px;}
.faq__dt::before { content: 'Q.'; color: #c80021;margin-top:18px;}
.faq__dd {margin-bottom:20px}
.faq__dd::before { content: 'A.'; color: #0085C8;}
.info-tag {color:#0000ff;margin-left:-20px;line-height:18px;font-weight:normal}

.train-info {background:#93ffab !important;color:#000 !important;}
.air-info {background:#8ef1ff !important;color:#000 !important;}
.hotel-info {background:#ffabce !important;color:#000 !important;}

/* ログアウト　*/
.logout {float:right;}
.logout input[type="submit"] {display:block;padding: 10px 20px;border: none;background: #ccc;color: #000;width: 200px;margin:5px 0;}
.logout input[type="submit"]:hover {background: #666;color:#fff;}
.logout input[type="submit"][disabled] {background-color: #ccc;cursor: default;}

/* 入力フォーム*/
.form-name {font-size:16px;padding:5px 10px;border-bottom:3px double #2bc156;}
.form-title {position: relative;padding:5px 10px;background-color: #2bc156;color:#fff;margin:10px 0;font-size:16px;width:300px;}
.hissu-color {background:#ffff77;padding:0 2px;}
.train-form {margin-top:30px !important;background:#93ffab !important;color:#000 !important;}
.air-form {margin-top:30px !important;background:#8ef1ff !important;color:#000 !important;}
.hotel-form {margin-top:30px !important;background:#ffabce !important;color:#000 !important;}

table.table-form {width:100%;}
table.table-form th {font-weight:normal;text-align:left;border:1px solid #ccc;padding:5px 10px;min-height:40px;}
table.table-form td {border:1px solid #ccc;padding:5px 10px;min-height:40px;}
table.table-form textarea {padding:5px;border:1px solid #ccc;margin:2px 0;font-size:14px;}
table.table-form input[type=text] {padding:5px;border:1px solid #ccc;margin:2px 0}
table.table-form input[type=email] {padding:5px;border:1px solid #ccc;margin:2px 0}
table.table-form input[type=number] {padding:5px;border:1px solid #ccc;margin:2px 0}
table.table-form input[type=time] {padding:5px;border:1px solid #ccc;margin:2px;background: #fff;}
table.table-form input::placeholder {color:#ccc}
table.table-form input[type=radio] {margin:0 5px 0 5px;}
table.table-form select {padding:5px;border:1px solid #ccc;background:#fff;}
table.table-form select option {padding:5px;}

table.table-form th.table-form-black {background:#000;color:#fff;font-weight:bold;}
table.table-form td.train-remove {border-none;text-align:center;}


table.table-form-train {width:100%;border:none;}
table.table-form-train th {border:none;padding:0;}
table.table-form-train td {border:none;padding:0;}
table.table-form-train td.table-form-train-01 {width:18%}
table.table-form-train th.table-form-train-02 {width:12%;text-align:right;}
table.table-form-train th.table-form-train-02-1 {width:7%;text-align:right;}
table.table-form-train td.table-form-train-03 {width:15%}
table.table-form-train td.table-form-train-04 {width:13%}

table .vertical-align-top {vertical-align:top;}

table.table-form .table-form-hotel {width:15%} 
table.table-form .table-form-hotel-20 {width:20%} 
table.table-form .table-form-hotel-24 {width:24%} 
table.table-form .table-form-hotel-13 {width:13%} 
table.table-form .table-form-hotel-12 {width:12%} 
table.table-form .table-form-hotel-10 {width:10%} 

table.table-form-01 {.counter-reset: number 0;}
.counter-number:before {counter-increment: number 1;content: "(" counter(number) ") ";}

.table-form-02 {.counter-reset: number 1;}
.train-number:after {counter-increment: number 2;content: "(" counter(number) ") ";}



.remove {width: 50px;height: 30px;font-size: 14px;background-color: tomato;color: #fff;border: none;}
.remove-01 {width: 80%;height: 30px;font-size: 14px;background-color: tomato;color: #fff;border: none;margin:0 auto;}
#addRow {width: 130px;height: 30px;font-size: 14px;background-color:#2bc156;color: #fff;border: none;}
/*
#addRow-01 {margin-top:10px;width: 130px;height: 30px;font-size: 14px;background-color:#2bc156;color: #fff;border: none;}

#addRow-01 {margin-top:10px;width: 130px;height: 30px;font-size: 14px;background-color:#ba0009;color: #fff;border: none;}
*/

#addRow-01 {font-weight:bold;font-size: 18px;padding: 5px 10px;border: 2px solid #ba0009;background: #fff;color: #ba0009;}
/*
#addRow-02 {margin-top:10px;width: 130px;height: 30px;font-size: 14px;background-color:#2bc156;color: #fff;border: none;}
*/
#addRow-02 {font-weight:bold;font-size: 18px;padding: 5px 10px;border: 2px solid #ba0009;background: #fff;color: #ba0009;}
/*
#addRow-03 {margin-top:10px;width: 130px;height: 30px;font-size: 14px;background-color:#2bc156;color: #fff;border: none;}
*/

#addRow-03 {font-weight:bold;font-size: 18px;padding: 5px 10px;border: 2px solid #ba0009;background: #fff;color: #ba0009;}


button:hover {cursor: pointer;}

.form-yesno {clear: both;width:100%;margin:0 0 10px;font-size:16px;background:#2bc156;color:#fff;text-align:center;padding:10px;}

/* エラー画面 */
.error-info {width:100%;border:3px double #ff0000;padding:20px;text-align:center;color:#ff0000;font-size:18px;margin-top:30px;}
.form-error {border:2px solid #ff0000 !important;}
.form-error-radio {padding:3px 0;border:2px solid #ff0000 !important;}

.w05 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}

.form-train-info {border:1px solid #ccc;padding:10px;}
.form-train-info-01 {font-weight:bold;}
.form-train-info-02 {font-size:12px;color:#0000ff;}
.red-under {border-bottom:1px solid #ff0000}

.form-btn {text-align:center;}
.form-btn input[type="submit"] {display:block;padding: 15px 40px;border: none;color: #000;min-width: 200px;margin:50px auto;border:1px solid #2bc156;font-size:18px}
.form-btn input[type="submit"]:hover {background: #2bc156;color:#fff;}

.form-btn-rtn {text-align:center;}
.form-btn-rtn input[type="submit"] {display:block;padding: 5px 10px;border: none;color: #000;min-width: 50px;margin:20px auto 0;border:1px solid #ccc;}
.form-btn-rtn input[type="submit"]:hover {background: #000;color:#fff;}

#page_top {position: fixed;bottom: 30px;right: 20px;}
#page_top a {background-color: #2bc156;color: #fff;text-align: center;text-decoration: none;padding: 20px 20px;border:2px solid #fff}
#page_top a:hover {background-color: #159038;text-decoration: none;}



@media screen and (min-width : 768px){
.footer-box-l {width:45%}
.footer-box-c {float: left;width:35%}
.footer-box-c p .mt10 {margin-top:10px;}
.footer-tel {font-size:20px;font-weight:bold}
.footer-box-r {width:20%}
.contact_btnBOX img {width:40%}
}

@media screen and (max-width: 767px) {
.footer-box-c {float: none;width: 367px;;margin: 0 auto;}
.footer-tel {margin: 0 auto;font-size:20px;font-weight:bold}
}

@media screen and (min-width : 481px){
.pc-none {display:none}
}

@media screen and (max-width : 480px){
.pan-info {font-size:12px;text-align:center;}
.sp-none {display:none;}
.main-login-00 {margin-top:0;padding:0 10px}
.main-login-01 {font-size:16px;}
.form-title {width:100%;text-align:center;font-size:14px;}
table.table-form th {display:block;width:98%;margin:0 auto;text-align:center;background:#eee}
table.table-form td {display:block;width:98%;margin:0 auto;text-align:center;}
table.table-form select {background:#fff;}
table.form-yesno th {display:block;width:98%;margin:0 auto;padding:5px;}
table.form-yesno td {display:block;width:98%;margin:0 auto;}
.accbox-form input[type="checkbox"] {margin-left:10px}
table.table-form-train th {display:block;width:98%;margin:0 auto;text-align:center;background:#eee;padding:5px;}
table.table-form-train td {display:block;width:98%;margin:0 auto;text-align:center;padding:5px;}
table.table-form-train td.table-form-train-01 {width:100%}
table.table-form-train th.table-form-train-02 {width:100%;text-align:center;}
table.table-form-train th.table-form-train-02-1 {width:100%;text-align:center;}
table.table-form-train td.table-form-train-03 {width:100%}
table.table-form-train td.table-form-train-04 {width:100%}
table.table-form-train td .w90 {width:60%;}
table.table-form-train td .w70 {width:50%;}
table.table-form .table-form-hotel {width:100%}
table.table-form .table-form-hotel-20 {width:100%}
table.table-form .table-form-hotel-24 {width:100%}
table.table-form .table-form-hotel-13 {width:100%}
table.table-form .table-form-hotel-12 {width:100%}
table.table-form .table-form-hotel-10 {width:100%}
.contact_btnBOX img {width:30%}
.logo-box-text {text-align:center}
.logout {float:none;display:block;margin:10px auto;}
.logout input[type="submit"] {margin: 5px auto;}
#addRow-01, #addRow-02, #addRow-03 {width:100%;}
}