/* body */
body {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;}
.slider_area .single_slider {height: auto;}
.wrap {overflow: hidden;}
/* header */
.header-area .main-header-area {border-top:5px solid #1e3773;padding-top:5px;}
.logo {padding-top:10px;}
.logo img {width:130px;}
.top-campany img {width:250px;}

h1.header-on {font-size:12px;}

.header-area .main-header-area {padding-bottom: 0;}
.menu-20 {margin-top:-10px;}
.top-login {position: relative;text-align:center;padding:2px 5px;border:3px double #fff;background:rgb(0,157,255,0.7);color:#fff;margin-top:5px;}
.top-login a {display: block;color:#fff;}
.top-customers {margin-top:2px;text-align:center;padding:2px 5px;border:3px double #fff;background:rgb(30,55,115,0.7);color:#fff}
.top-customers a{display: block;color:#fff;}

.top-login:hover {background:#009dff}
.top-customers:hover {background:#1e3773;}


.top-info {width:900px;background:#fff;margin:0 auto;margin-top:30px}
table.top-info01 {width:100%;margin:30px 0 50px}
table.top-info01 th {padding:10px;text-align:left;width:150px;font-weight:normal;font-size:16px;line-height:30px;border-bottom:1px dashed #bbb} 
table.top-info01 td {padding:10px 20px ;font-size:16px;line-height:30px;border-bottom:1px dashed #bbb}
.fa-lg {color:#ff0000;margin-right:10px;}

#customers {margin-top:-100px;padding-top:100px}
.air-hotel-top-search-box .btn_add {margin-top:20px;width: 35px;height: 35px;text-align: center;line-height: 31px;border-radius: 35px; padding: 0;    background: #fff;color: #139ee6; border-color: #139ee6;}


/*======================================================================
  header
======================================================================*/
#gloval-header {background:#fff;}
#header-top {background:#840222; color:#fff;height:30px;}
input[type=radio]:checked + label::after {background: #840222;}

.header-area .main-header-area .main-menu ul li {margin: 0;padding:0 10px}
.header-area .main-header-area .main-menu ul li.active {background:rgb(30,55,115);color:#fff}
.header-area .main-header-area .main-menu ul li.active a {color:#fff}
.header-area .main-header-area .main-menu ul li:hover {background:rgb(30,55,115,0.9);color:#fff}
.header-area .main-header-area .main-menu ul li:hover a {color:#fff}
.header-area .main-header-area.sticky .main-menu {padding: 15px 0 0;}

/*======================================================================
  footer
======================================================================*/
.foot_inner {width: 980px;margin: 0 auto;}
footer ul li {display: inline-block;border-left: 1px #c4c4c4 solid;padding: 0 1em;}
footer ul li:first-child {border-left: none;}
footer ul li a:hover {text-decoration: underline;}
aside {display: block;}
footer aside {font-size: 12px;line-height:40px;}
@media only screen and (min-height: 700px) {
.footer-fix {position: fixed;bottom: 0;}
}


/*======================================================================
  menu 
======================================================================*/
#header-main {}
#header-main-inner #site-id {padding:10px 0}
#header-main-inner #site-info {padding-top:0;}
#header-main-inner #site-info #site-info-inner-left {width:400px;text-align:right;}
.header_login  {display: block;float: right;width: 150px;margin: 0;margin-top:15px;padding: 0;}
.header_login a {display: block;padding: 5px 0;background-color: #f3f2f5;color: #840222;text-align: center;text-decoration: none;border:1px solid #840222;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.header_login a:hover {background: #840222;color:#fff;}
#menu {margin: 0 auto;padding: 0;}
#menu li{display: block;float: left;width: 150px;margin: 0;margin-right:5px;padding: 0;}
#menu li a {display: block;padding: 5px 0;background-color: #f3f2f5;color: #840222;text-align: center;text-decoration: none;border:1px solid #840222;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-bottom:none}
#menu li a:hover{background: #840222;color:#fff;}
#menu li.active a{background: #840222;color:#fff;}
#toggle {display: none;}

/*======================================================================
  loading 
======================================================================*/
.loading {font-size:18px;text-align:center;line-height:50px;}

/*======================================================================
  e￡?e¶3 
======================================================================*/
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

.lh-30 {line-height:30px;font-weight:bold;float:left;}

.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#container {min-height:700px;}
.fa-phone::before {
font-family:'FontAwesome';
    content: "\f095";
	padding-right:5px;
}
.lhr-30 {line-height:30px;float:right;}
.foot_tel {display:none;}
.w150 {width:150px;}

.p-5 {padding:5px;}
.pb-10 {padding-bottom:10px !important;}

.air-top-title {color:#fff;font-size:16px;line-height:32px;}

.rtrt {margin:20px 0 10px;color:#0000ff;font-weight:bold;text-decoration: underline;cursor: pointer;}
.owow {margin:20px 0 10px;color:#0000ff;font-weight:bold;text-decoration: underline;cursor: pointer;}
.shuyu {margin:20px 0 10px;color:#0000ff;font-weight:bold;text-decoration: underline;cursor: pointer;}
.ojoj {margin:20px 0 10px;color:#0000ff;font-weight:bold;text-decoration: underline;cursor: pointer;}
.shuyu-add {margin:0;color:#0000ff;font-weight:bold;text-decoration: underline;cursor: pointer;}


.eco {color:#fff;background:#0000ff;padding:5px;font-size:12px;}
.peco {color:#fff;background:#000080;padding:5px;font-size:12px;}
.cclass {color:#fff;background:#bd114a;padding:5px;font-size:12px;}
.fclass {color:#fff;background:#ba510b;padding:5px;font-size:12px;}
.itit {color:#fff;background:#ff0000;padding:5px;font-size:12px;}
.pex {color:#fff;background:#840222;padding:5px;font-size:12px;}
.normal {color:#fff;background:#850984;padding:5px;font-size:12px;}
.direct {color:#fff;background:#3f9b12;padding:5px;font-size:12px;}
.via {color:#fff;background:#8b8a7a;padding:5px;font-size:12px;}
.seatclass {float:right;text-align:right;font-size:11px;color:#999;padding-right:10px;}

.front-page {text-align:right;}

.guide-info {padding:10px 30px;}
.static-page {margin: 0 0 20px;}
h2.guide-h2 {background: #840222;padding: 0 0 0 20px;margin: 0 0 18px;}
h2.guide-h2 span {display: block;background: #fff;font-size: 18px;padding: 5px 0 5px 15px;}
.static-page > dl {margin: 0 0 16px;}
.static-page > dl dt {background: #ddd;padding: 0 0 0 16px;margin: 0 0 8px;}
.static-page > dl dt span {display: block;background: #fff;font-size: 108%;font-weight: bold;padding: 4px 0 4px 12px;}
.static-page > dl dd {line-height: 1.6;margin: 0 0 16px 28px;font-size: 93%}
.static-page > p {line-height: 1.6;margin: 0 0 18px;}
.static-page > ul {line-height: 1.6;list-style-position: outside;margin: 0 0 18px 1.5em;margin-left: 1.5em;font-size:93%;}
.static-page > ul.decimal {list-style-type: decimal;}
.static-page > ul.decimal li {margin: 0 0 12px;list-style-type: decimal;}
.static-page > dl dd ul {line-height: 1.6;list-style-position: outside;margin: 0 0 18px 1.5em;margin-left: 1.5em;font-size:93%;}
.static-page > dl dd ul.decimal {list-style-type: decimal;}
.static-page > dl dd ul.decimal li {margin: 0 0 12px;list-style-type: decimal;}
.boldweight {font-weight: bold;}
.static-page > ul.disc {list-style-type: disc;}
.static-page > ul.decimal li ul.disc li {list-style-type: disc;}
.button-area {text-align: center;}
.btn-red {background: #8b1523;background-image: -moz-linear-gradient(top,#8b1523 0%,#d36774);background-image: -ms-linear-gradient(top,#8b1523 0%,#d36774);background-image: -o-linear-gradient(top,#8b1523 0%,#d36774);background-image: -webkit-gradient(linear, left top, left bottom, from(#8b1523), to(#d36774));background-image: -webkit-linear-gradient(top, #8b1523, #d36774);background-image: linear-gradient(top, #8b1523, #d36774);border: 1px solid #ab3158;color: #fff;text-align: center;}
.button-area a {display: inline-block;*display: inline;*zoom: 1;width: 220px;color: #fff;padding: 10px;text-decoration: none;}
.button-area a:hover {opacity: 0.5 ;}

table.guide-table {width:95%;margin:10px auto;border-spacing: 10px}
table.guide-table th {width:25%;padding:0 10px;border-left:20px solid #ddd;font-weight:bold;}
table.guide-table td {width:75%;padding:0 10px;}

#display-sorter a { cursor: pointer; } 
#reservation-button01 a { cursor: pointer; } 

.fix-footer {position: fixed; bottom: 0;}

#wrapper {min-height: 100%;}

.shuyu-add.active::after {
    content: "A? a，?e¨?a?Ra??a?ca??a??a?’a‰?e??a??a??";
}
.top-03::after {content: "i?? 3a?oe?“c?Ra?’e??a? a??a??";}
.top-04::after {content: "i?? 4a?oe?“c?Ra?’e??a? a??a??";}
.top-05::after {content: "i?? 5a?oe?“c?Ra?’e??a? a??a??";}
.top-06::after {content: "i?? 6a?oe?“c?Ra?’e??a? a??a??";}

@media only screen and (min-width: 769px) {
.foot_tel {display:none;}

}

/*======================================================================
  @media only screen and (max-width: 979px) 
======================================================================*/

@media only screen and (max-width: 979px) {
#header-main-inner {width:100%;}
#container {width:100%;}
.foot_inner {width:100%;}
}


/*======================================================================
  @media only screen and (max-width: 768px) 
======================================================================*/
@media only screen and (max-width: 768px) {
#container {width:100%;}
#header-main {height: auto}
#header-main-inner {width:100%;}
#header-main-inner #site-id {float:none;text-align:center}
#header-main-inner #site-info {float:none;padding:0;}
#header-main-inner #site-info #site-info-inner-left {float:none;width:100%;text-align:center}
.header_login  {float: center;width: 150px;margin: 0;margin-bottom:5px;padding: 0;}
#menu {display: none;}
#menu li {width: 100%;margin:0}
#menu li a {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
#toggle {display: block;position: relative;width: 100%;background: #840222;color:#fff;}
#toggle a{display: block;position: relative;padding: 10px 0 10px;border-bottom: 1px solid #8400222;color:#FFF;text-align: center;text-decoration: none;}
#toggle:before {display: block;content: "";position: absolute;top: 50%;left: 10px;width: 30px;height: 30px;margin-top: -15px;background: #FFF;}
#toggle a:before, #toggle a:after {display: block;content: "";position: absolute;top: 50%;left: 10px;width: 30px;height: 6px;background: #ccc;}
#toggle a:before {margin-top:-9px;}
#toggle a:after {margin-top: 3px;}
.lhr-30 {display:none;}
#air-top-trip-select {width:100%}
#gloval-footer, .foot_inner {width: 100%}
/*
footer ul li {display: none;}
*/
footer ul li {font-size: 10px;padding: 0 1em;border-left: 0px;display: block;}
.foot_tel {display:block;    font-size: 14px;    line-height: 1.4;    font-weight: bold;    margin: 0 0 12px;}
table.guide-table {width:100%;margin:10px auto;border-spacing: 0px}
table.guide-table th {width:100%;padding:5px;display:block;border-left:10px solid #ddd;}
table.guide-table td {width:100%;padding:5px;display:block;}
#air-hotel-top-search-module {width: 100%;}
}

/*======================================================================
  @media only screen and (max-width: 585px) 
a??a??a??a?Ra?!a??a?\a??a´ca??e?2a-￠
======================================================================*/
@media only screen and (max-width: 585px) {
ul#air-top-trip-select {width:80%;margin:0 auto;}
ul#air-top-trip-select li {width:100%;margin:0 auto;border:none}

}

/*======================================================================
  @media only screen and (max-width: 1024px) 
======================================================================*/
@media only screen and (max-width: 1024px) {
.fix-footer {position:static;}
}

/*======================================================================
  @media only screen and (max-height: 820px) 
======================================================================*/
@media only screen and (max-height: 500px) {
.fix-footer {position:static !important;}
 }

.fs14 {font-size:14px}
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}

/* top-Best-Price */
.our_department_area {padding-top: 90px;}
.section_title {border-top:3px double #1e3773;border-bottom:3px double #1e3773;background: #fff;padding:20px 0;}
h3.title_00 {color:#1e3773}
p.title_01 {color:#1e3773}

.our_department_area .single_department  {border:2px solid  #1e3773;}
.our_department_area .single_department:hover  {border:2px solid  #1e3773;background:#f9f9f9}
.top-air01 {text-align:right;}
.top-air01 img {max-width:120px;max-height:30px;}
.top-air02 {color: #1e3773;font-size: 24px;font-weight: bold;line-height:46px;}
.top-air03 {margin-bottom:10px;}
.top-air03-1 {padding:2px 5px;color:#ff0000;border:1px solid #ff0000;font-size:14px;line-height:24px;margin-right:10px;}
.top-air04 {clear: both;text-align:center;background:#efefef;}
.top-air05 {color: #1e3773;font-size: 58px;font-weight: inherit;letter-spacing: 0.00em;font-family: DIN Alternate, Century Gothic, "Roboto Condensed", sans-serif;font-weight: inherit;line-height:60px;}
.top-air06 {margin-left:5px;}
.our_department_area .single_department:hover .top-air04 {background:#fff}

label {color: #fff;}
#air-top-trip-select li.selected label {color: #000;}

.owl-carousel .owl-item {text-align:center;}
.owl-carousel .owl-item img {max-width:120px;max-height:30px;}
.expert_thumb {min-height:35px;}
h3.top-family {font-family: "Poppins", sans-serif;}
.top-family {font-family: "Poppins", sans-serif;}

.testmonial_bg_1 {background-image: url(../img/top/bg-001.png);}
.testmonial_bg_2 {background-image: url(../img/top/bg-002.png);}
.testmonial_bg_3 {background-image: url(../img/top/bg-003.png);}
.emergency_bg_1 {background-image: url(../img/top/bg-cebu.png);}
.emergency_bg_2 {background-image: url(../img/top/bg-mail.png);}
 
/* footer */
.footer .footer_top .footer_widget p.footer-ad {font-size: 14px;color: #BABABA;line-height: 32px;}
.footer .footer_top {background: #1e3773;}
.footer .copy-right_text {text-align:center;color:#fff;background:#1e3773;}


.tab_wrap{width:100%; margin:10px auto 80px;}
/*
input[type="radio"]{display:none;}
*/
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width: calc((100% - 15px)/ 3); margin:0; display:inline-block; padding:16px 0; color:#999; background:#f7f7f7;; text-align:center; border: 1px solid #eee;margin-right: 5px;border-bottom:none;}
.tab_area label:hover{background:#fff; color:#000;border-top:3px solid #009DFF}

.tab_area label:checked { background-color: #009DFF; color: #fff;}
.panel_area{ margin:0 15px 0 10px;}
.tab_panel{width:100%;display:none;border: 1px solid #eee;padding: 20px 30px;}


#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;border-top:5px solid #009DFF}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;border-top:5px solid #009DFF}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000;border-top:5px solid #009DFF}
#tab3:checked ~ .panel_area #panel3{display:block;}

ul.top-info2 {}
ul.top-info2 li {line-height:40px;border-bottom:1px dotted #ddd}

.slick-slide {width: 110px !important;   height: auto !important;}
.slick-slide img {width: 110px;  height: 110px; object-fit: cover;}

.ti-angle-left::before {content: "<";}
.ti-angle-right::before {content: ">";}

.topyy {margin-bottom:30px;font-weight:bold;font-size:24px;font-family: "Poppins", sans-serif;color: #1e3773;}
.topyy01 {font-size:18px;color:#666} 
.topcc {padding-top:10px;height:100px;background-color: rgba( 255, 255, 255, 0.8 );border:3px solid #fff;font-weight:bold;font-size:28px;font-family: "Poppins", sans-serif;color: #1e3773;}
.topcc01 {font-size:20px;color:#777} 

.expert_doctors_area .owl-carousel .owl-nav div {left:0px;top: 160px;}
.expert_doctors_area .owl-carousel .owl-nav div.owl-next {left:60px}
.expert_doctors_area .owl-carousel .owl-nav div.owl-next:hover {color:#000}
.kangen_bana {width:1140px;margin:20px auto 0;}
.kangen_bana img {width:100%}

/*メルマガ*/
.btd {border-top:3px double #1e3773;text-align:center;padding:100px 0}
h3.mailm {position: relative;font-weight: bold;color: #333;    font-size: 26px;}
.f2x {margin-right:10px;}
input.mail00 {padding:5px 20px;font-size:16px;border:1px solid #888;}
.mail-button {display :inline-block; border-radius : 5%; font-size: 16pxt;text-align: center;cursor: pointer;padding: 0 20px;background  : #1e3773;color: #ffffff;line-height   : 36px;border: 2px solid #1e3773;}
.mail-button:hover {color : #1e3773;background    : #ffffff;}
p.mail01{margin:20px auto;font-size:12px;}

/*留学*/
.cebu-study {padding:180px 0;background:url(../img/top/study01.jpg) no-repeat;background-size:cover;margin-bottom:50px;text-align:center; }
.cebu-study01 {padding:50px; background-color: rgba( 255, 255, 255, 0.5 );border:3px solid #fff;}
.cebu-study01 .boxed-btn3-white {color:#1e3773  !important;border:1px solid #1e3773}

/*TOP背景*/
.top-back00 {background:url(../img/top/top-back00.jpg) no-repeat;background-size:cover;min-height: 200px;  background-attachment: fixed;}
.top-back01 {background:url(../img/top/top-back01.jpg) no-repeat;background-size:cover;min-height: 200px;  background-attachment: fixed;}

.top-backCC {margin-bottom:50px;background:url(../img/top/topcc.jpg) no-repeat;background-size:cover;min-height: 300px;  background-attachment: fixed;text-align:center;padding: 100px;}
/*.slider_bg_1 {background-attachment: fixed;}*/

.expert_doctors_area .testmonial_area .owl-carousel .owl-nav div {display:none;}

@media (min-width: 1200px) {
.sp-br {display:none;}
}

@media (min-width: 992px) and   (max-width: 1200px) {
  .header-area .main-header-area .main-menu ul li a {font-size: 12px;}
  .logo img {width: 150px;}
.sp-br {display:none;}
}
@media (min-width: 991px) {
.spsp {display:none !important;}
ul#navigation {line-height:40px;}
}

@media (max-width: 991px) {
.container {max-width: 100%;}
.top-info {width:100%;}
.top-search00 {height:auto;width:100%;}
table.search-box00 th {width: 25%;}
.sp-br {margin:0;margin-top:5px;}
.sp-r00 {margin-left:0}
.kangen_bana {width:100%}

}

@media (min-width:870px) {

}

@media (min-width:735px) {
.br-735 {display:none;}
.sp_br {display:none;}
}

@media (max-width: 734px) {
select.search-box02 {width: 95%;}
input.search-box03 {width: 95%;}
select.search-box08  {width: 95%;}
table.search-box00 td {text-align:center;}
input.search-box11 {width: 80%;margin-bottom:2px;}
input.search-box12 {width: 80%;}
table.search-box00 td.tlx {text-align:left;} 
.sp-r00 {margin-left:0;}
.sml0 {margin-left:0;}
h1.header-on {display:none}
.tab_item {font-size: 14px;font-weight:normal}
select.search-box05 {width:49%}
input.search-box06 {width:49%}
table.top-info01 th {width:100px;} 
/*.sp-br {display:block;margin-top:5px;}*/
}
@media (min-width: 451px) {
.sp-br2 {display:none;}
}
@media (max-width: 450px) {
table.search-box00 th, table.search-box00 td {display:block;width:100%}
select.search-box02 {width: 100%;}
input.search-box03 {width: 100%;}
select.search-box08  {width: 100%;}
table.top-info01 th, table.top-info01 td {width:100%; display:block} 
} 

/* 1/27追加事項 */
.single_service img {width:100%}
.business-content {float:left;width: calc(100% / 3);margin-bottom:50px;}
.business-content img {width:100%}
.business-content-p {padding:10px 5px;font-size:16px;}
.business-content-h3 {margin:30px auto 20px;padding:10px;border-top:3px double #1e3773;border-bottom:3px double #1e3773;text-align:center;font-size:18px;font-weight:bold;color:#1e3773}
.business-content-text  {padding:10px 5px;}

h1.com_h1 {margin:30px 0;width: 100%;font-size: 18px;font-weight: 500;text-align: center;color: #fff;padding: 18px 0;background: rgb(30,55,115);}
.mt30 {margin-top:30px !important;}
table.com_table {width:80%;margin:0 auto 50px;}
table.com_table th {padding:10px;font-size:16px;border:1px solid #ccc;width:25%;vertical-align: top;}
table.com_table td {padding:10px;font-size:16px;border:1px solid #ccc;}
table.com_table tr:hover {background-color: rgb(247,247,247);}
table.com_table input, textarea {border:1px solid #ccc;font-size:18px;padding:5px;width:100%;border-radius:5px;}
.contact_btn {text-align:center;}
.contact_btn input[type=submit] {width: 25%;padding: 10px;text-decoration: none;color: #FFF;background: #fd9535;border-radius: 5px;font-weight: 500;font-size: 1.5rem;margin: 0 auto 50px;}

@media (max-width: 734px) {
table.com_table {width:100%;}
}

@media (max-width: 480px) {
table.com_table th {display:block;width:100%;text-align:center;border-bottom:none;background:#eee}
table.com_table td {display:block;width:100%;text-align:center;border-bottom:none;}
table.com_table td.border-u {border-bottom:1px solid #ccc}
.business-content {float:none;width: 100%;margin-top:10px;}
.tab_area label{width: 100%;}
}