@charset "UTF-8";

#main-menu ul {width: 675px;}
#main-menu ul li {margin-left: 5px;}

/*　共通　*/
.search-area {width:940px;margin:0 auto;padding:30px 0;}
.mt05 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mb05 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px}

.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.ts12 {font-size:12px;}
.ts14 {font-size:14px;}
.ts16 {font-size:16px;}

.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%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}

.vertical-align-middle {vertical-align:middle;}

h1.title-h1 {background: #239ddd;text-align:center;font-size:24px;color:#fff;font-weight:bold;line-height:60px;border-top:3px double #fff;border-bottom:3px double #fff;}
h1.title02-h1 {background: #ff5115;text-align:center;font-size:24px;color:#fff;font-weight:bold;line-height:60px;border-top:3px double #fff;border-bottom:3px double #fff;}


table.inter-search-table {width:100%;}
table.inter-search-table th {padding:5px;font-size:16px;text-align:center;background:rgba(255,255,255,.4);color:#fff;border:1px solid #ff5115;}
table.inter-search-table td {padding:5px;font-size:16px;color:#fff;border:none;}
table.inter-search-table td label {line-height:30px;}
table.inter-search-table-02 {width:100%;}
table.inter-search-table-02 th {padding:5px;font-size:16px;color:#fff;border:none;}
table.inter-search-table-02 td {padding:10px 5px 5px;font-size:16px;color:#fff;border:none;}
table.inter-search-table-02 td label {line-height:30px;}
.custom-select {border:1px solid #ccc;padding:5px 10px;font-size:16px;border-radius: 5px;}
.custom-radio {margin-left:10px;}
/*
.custom-text {border:1px solid #ccc;padding:5px 10px;font-size:16px;border-radius: 5px;}
*/
.custom-text {border:1px solid #ccc;padding:5px 10px;font-size:12px;border-radius: 5px;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {background:none;} 

/*　国際線航空券 */
.inter-air {background: no-repeat url("../images/top/inter.jpg") fixed; background-size:100%;padding:0;margin-bottom:30px;}

/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: rgba(0,0,0,.6);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);width: 800px;margin: 0 auto;border:1px solid #000;border-radius: 5px;}

/*タブのスタイル*/
.tab_item {width: calc(100%/3);height: 50px;border-bottom: 3px solid #239ddd;background-color: #d9d9d9;line-height: 50px;font-size: 16px;text-align: center;color: #239ddd;display: block;float: left;text-align: center; transition: all 0.2s ease;}
.tab_item:hover {opacity: 0.9;}

input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 40px 40px 0; clear: both;overflow: hidden;}
#rtrt:checked ~ #rtrt_content, #owow:checked ~ #owow_content, #shuyu:checked ~ #shuyu_content {display: block;}
.tabs input:checked + .tab_item { background-color: #239ddd;color: #fff;}
.child {margin-left:5px;}

.tooltip{position: relative;cursor: pointer;display: inline-block;text-align: center;}
.st-text-small {display: none;position: absolute;padding: 10px;font-size: 12px;line-height: 1.6em;color: #000;border-radius: 5px;background: #fff;width: 120px;text-align:center}
.st-text-small:before {content: ""; position: absolute;top: 100%; left: 50%;border: 15px solid transparent;border-top: 15px solid #fff;margin-left: -15px;}
.tooltip:hover .st-text-small{ display: inline-block;top: -80px;left: -30px;}

#addRow {width: 25px;height: 25px;border-radius: 50%;background: #ff0000;color:#fff;cursor: pointer;margin:5px;}
.remove {width: 25px;height: 25px;border-radius: 50%;background: #fff;color:#000;font-weight:bold;cursor: pointer;}

.inter-btn {border: none;display: block;width: 100%;max-width: 300px;padding: 10px;border-radius: 5px;font-size:18px;background-color: #FF5F17;color: #fff;font-weight: bold;appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;margin: 50px auto 20px;}
.inter-btn:hover {opacity: 0.9 ;}

/*　国内航空券 */
table.dome-search-table {width:100%;}
table.dome-search-table th {padding:5px;font-size:16px;text-align:center;background:rgba(255,255,255,.4);color:#fff;border:1px solid #ff5115;}
table.dome-search-table td {padding:10px 5px 5px;font-size:16px;color:#fff;border:none;}
table.dome-search-table td label {line-height:30px;}


.dome-air {background: no-repeat url("../images/top/dome.jpg") fixed; background-size:100%;padding:0;margin-bottom:30px;}

.tab_item-dome {width: calc(100%/2);border-bottom: 3px solid #ff5115;color:#ff5115}
.tabs input:checked + .tab_item-dome { background-color: #ff5115;color: #fff;}


/* バナー 1/3 */
.top-banner-1st, .top-banner-2nd, .top-banner-3rd {float:left;width: calc(100% / 3);margin-top:10px}
.top-banner-1st img, .top-banner-2nd img, .top-banner-3rd img {width:98%}
.top-banner-1st {text-align:left;}
.top-banner-2nd {text-align:center;}
.top-banner-3rd {text-align:right;}

@media screen and (min-width : 768px){
}
@media screen and (max-width: 939px) {
.search-area {width: 100%;}
}

@media screen and (max-width: 799px) {
.tabs {width: 100%;}
}

@media screen and (max-width: 767px) {
.tab_content {padding:40px 5px 0}
}

@media screen and (max-width : 480px){
.inter-air {background: no-repeat url("../images/top/inter.jpg") fixed; background-size:auto;padding:20px 0}
.dome-air {background: no-repeat url("../images/top/dome.jpg") fixed; background-size:auto;padding:20px 0}

table.inter-search-table td {display:block;width:100%;padding:2px 5px}
table.inter-search-table td .w35 {width:100%}
table.inter-search-table td .w45 {width:100%}
table.inter-search-table td .w50 {width:100%}
table.inter-search-table td .w60 {width:100%}
table.inter-search-table td .w10 {width:100%}
table.inter-search-table td i.fa-plane {display:none}
table.inter-search-table-02 td {display:block;width:100%;padding:2px 5px}
table.inter-search-table-02 td .w35 {width:100%}
table.inter-search-table-02 td .w45 {width:100%}
table.inter-search-table-02 td .w50 {width:100%}
table.inter-search-table-02 td .w60 {width:100%}
table.inter-search-table-02 td .w10 {width:100%}
table.inter-search-table-02 td i.fa-plane {display:none}
table.dome-search-table td {display:block;width:100%;padding:2px 5px}
table.dome-search-table td .w35 {width:100%}
table.dome-search-table td .w45 {width:100%}
table.dome-search-table td .w50 {width:100%}
table.dome-search-table td .w60 {width:100%}
table.dome-search-table td .w10 {width:100%}
table.dome-search-table td i.fa-plane {display:none}
.inter-btn {margin:40px auto;}
.top-banner-1st, .top-banner-2nd, .top-banner-3rd {float:none;width: 100%;margin-top:5px;text-align:center;}
.stl {text-align:left}
.stc {text-align:center}
.smt10 {margin-top:10px;}
}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 679px){   
  .pc { display:none; }
  .sp { display:block; }
.child {margin-left:0;}
table.inter-search-table td .sw30 {width:30%}
table.inter-search-table-02 td .sw30 {width:30%}
table.dome-search-table td .sw30 {width:30%}
table.dome-search-table.smt30 {margin-top:30px;}
}