@charset 'utf-8';

body {
    width: 100%;
    height: 100%;
    color: #676767;
    position: relative;
    font-family: 'Noto Sans Japanese','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,AppleSDGothicNeo-Regular,sans-serif !important;
}
@media screen and (max-width:730px){
  body {
      position: relative;
      left: 0;
      overflow-x: hidden;
  }
  #maincontent{
    background:#fff;
    position:absolute;
    top:0;
    left:0;
  }
}

/*-- 汎用的スタイル --*/
.is_pc_hide{ display: none; }
@media screen and (max-width:730px){
  .is_pc_hide{
    display: block;
  }
}

img { max-width: 100%; }
a { text-decoration: none; }
a:hover{ text-decoration: underline;}
.cmnInputSubmit,
.cmnBtn,
a.hover{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.cmnInputSubmit:hover,
.cmnBtn:hover,
a.hover:hover{
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    opacity:0.6;
    zoom:1;
    text-decoration:none;
    cursor:pointer;
}
.mb20 {
    margin-bottom: 20px;
}
/* 共通パーツ
---------------------------------------------------- */
.container {
    width: 970px;
    margin: 0 auto;
    padding-top: 15px;
}


.cmnBtn{                          /* 青いボタン */
  display:inline-block;
  padding:10px 12px  ;
  color:#fff;
  background:#00a0e8;
  text-align:center;
  font-size:13px;
  font-weight:bold;
  border:none;
}
.cmnBtnBlc{                     /* 青いボタンを横幅100%に */
  display:block;
}
.cmnBtnBlank:after{         /* 青いボタンに別窓アイコン追加 */
  content:'';
  display:inline-block;
  width:11px;
  height:11px;
  vertical-align:middle;
  margin-left:12px;
  background:url(/common/img/cmn_icon_linkblank.png) 0 0 no-repeat;
}
.cmnInputSubmitSelf:after,   
.cmnBtnSelf:after{        /* 青いボタンに「>」アイコン追加 */
  content:'';
  display:inline-block;
  width:11px;
  height:13px;
  vertical-align:middle;
  margin-left:12px;
  background:url(/common/img/cmn_icon_linkself.png) 0 0 no-repeat;
}
.cmnInputText,
.cmnInputNum,
.cmnInputDate,
.cmnInputMail{
  border:1px solid #a9a9a9;
  height:36px;
  box-sizing:border-box;
  padding:0 10px;
  line-height:34px;
  width:260px;
  ime-mode: active;
}
.cmnInputNum,
.cmnInputDate,
.cmnInputMail{
  ime-mode: inactive;
}
.cmnInputSubmit{
  padding:0 13px;
  height:36px;
  box-sizing:border-box;
  border:none;
  line-height:34px;
  color:#fff;
  background:#00a0e8;
  text-align:center;
  font-size:13px;
  font-weight:bold;
  position:relative;
}
/*http://tympanus.net/Development/IconHoverEffects/#set-8*/
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
  box-sizing: border-box;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
  box-sizing: border-box;
}

.hi-icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
 .hi-icon {
	background: rgba(255,255,255,0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.hi-icon:hover {
	background: rgba(255,255,255,0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}
.secTopCalendar .hi-icon:hover:after {
	-webkit-animation: sonarEffectBlue 1.3s ease-out 75ms;
	-moz-animation: sonarEffectBlue 1.3s ease-out 75ms;
	animation: sonarEffectBlue 1.3s ease-out 75ms;
}
.blcShare .hi-icon:hover:after {
	-webkit-animation: sonarEffectWhite 1.3s ease-out 75ms;
	-moz-animation: sonarEffectWhite 1.3s ease-out 75ms;
	animation: sonarEffectWhite 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffectBlue {
   0% { opacity: 0.3;	}
   40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #b9d8e6, 0 0 0 10px rgba(0,160,232,0.5);	} 
   100% { box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #b9d8e6, 0 0 0 10px rgba(0,160,232,0.5); -webkit-transform: scale(1.5); opacity: 0; }
}
@-moz-keyframes sonarEffectBlue {
  0% { opacity: 0.3;	}
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #b9d8e6, 0 0 0 10px rgba(0,160,232,0.5);	}
  100% { box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #b9d8e6, 0 0 0   10px rgba(0,160,232,0.5); -moz-transform: scale(1.5); opacity: 0;	}
}
@keyframes sonarEffectBlue {
  0% { opacity: 0.3;	}
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(0,160,232,0.5);	}
  100% { box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(0,160,232,0.5); transform: scale(1.5); opacity: 0;	}
}
@-webkit-keyframes sonarEffectWhite {
   0% { opacity: 0.3;	}
   40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(113,209,253,0.1), 0 0 10px 10px #b9d8e6, 0 0 0 10px rgba(113,209,253,0.5);	} 
   100% { box-shadow: 0 0 0 2px rgba(113,209,253,0.1), 0 0 10px 10px #b9d8e6, 0 0 0 10px rgba(113,209,253,0.5); -webkit-transform: scale(1.5); opacity: 0; }
}
@-moz-keyframes sonarEffectWhite {
  0% { opacity: 0.3;	}
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #b9d8e6, 0 0 0 10px rgba(0,160,232,0.5);	}
  100% { box-shadow: 0 0 0 2px rgba(0,160,232,0.1), 0 0 10px 10px #b9d8e6, 0 0 0   10px rgba(0,160,232,0.5); -moz-transform: scale(1.5); opacity: 0;	}
}
@keyframes sonarEffectWhite {
  0% { opacity: 0.3;	}
  40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(113,209,253,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(113,209,253,0.5);	}
  100% { box-shadow: 0 0 0 2px rgba(113,209,253,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(113,209,253,0.5); transform: scale(1.5); opacity: 0;	}
}


@media screen and (max-width:730px){
  .container {
      width: auto;
    min-width:320px;
      margin: 0 ;
      padding: 0;
  }
  .is_sp_hide{
    display:none!important;
  }
  .is_pc_hide{
    display:block!important;
  }
}


/*-- ヘッダー 
-------------------------------------------------------------*/
.blcHeader {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:99999;
}
.blcHeader .headerBody{
  width:970px;
  margin: 0 auto;
  position:relative;
}
.blcHeader .sitelogo{
  float:left;
}
.blcHeader .language{
 float:right;
 background:url(/common/img/language_bg.png) 0 0 repeat;
 padding:8px 30px 8px 8px;
 position:relative;
}
.blcHeader .language a img{
 display:inline-block;
 vertical-align:top;
}
.blcHeader .language .arrow{
position:absolute;
width:22px;
right:0;
top:0;
bottom:0;
 float:right;
 background:url(/common/img/language_arrow.png) 50% 50% no-repeat;
}
.blcHeader .language .arrow.clicked{
 background:#fff url(/common/img/language_arrow.png) 50% 50% no-repeat;
}
.blcHeader #language_pulldown{
  display:none;
  position:absolute;
  top:39px ;
  left:0;
  right:0;
  padding: 1px 4px 5px; 
  background:#fff;
}
.blcHeader #language_pulldown li{
  background:#efefef;
  padding:5px;
  margin: 6px 0 0;
}
.blcHeader #language_pulldown li:hover{
  background:#afafaf;
}
.blcHeader #language_pulldown .active{
  display:none;
}
.blcHeader .headerInfo{
  float:left;
  max-width:748px;
  padding-top:10px;
}
.blcHeader .top_info_important{
  background-color: rgba(255,255,255,0.6);
}
.blcHeader .headerInfo .top_info_important_title{
  float:left;
  margin-right:5px;
}
.blcHeader .headerInfo .top_info_important_text{
  float:left;
  max-width:680px;
  padding:5px 0 0 0;
}
.blcHeader .headerInfo .top_info_important_text a{
  color:#676767;
}
.blcHeader .headerMenu{
  display:none;
}
.blcHeader .headerToMenu{
  position:fixed;
  top:60px;
  left:50%;
  z-index:999;
}
.blcHeader .headerToMenu a{
  position:absolute;
  top:0;
  left:485px;
  width:60px;
  height:60px;
} 
@media screen and (max-width:730px){
  .blcHeader {
    position:relative;
    width:100%;
    min-width:320px;
    background:#fff;
    z-index:99999;
  }
  .blcHeader .headerBody{
    width:auto;
    min-width:320px;
  }
  .blcHeader .sitelogo img{
    height:51px;
    width:auto;
    vertical-align:middle;
  }
  .blcHeader #reserve_form_wrap,
  .blcHeader .language{
    display:none;
  }
  .blcHeader .headerMenu{
    display:block;
    float:right;
    margin:8px 6px;
  }
  .blcHeader .headerMenu img{
    vertical-align:middle;
  }
}


/*-- ページトップへ戻る --*/
.blcPagetop{
  background:#efefef;
}
.blcPagetop_inner{
  width:970px;
  margin: 0 auto;
  padding: 5px 0;
  text-align:right;
}
.blcPagetop_inner a{
  color:#00a0e8;
  padding:3px 0 0 0;
  font-size:12px;
  line-height:1.4;
}
.blcPagetop_inner a span{
  display:inline-block;
  width:11px;
  height:13px;
  margin-left:5px;
  background:url(/common/img/cmn_pagetop_bg.png) right center no-repeat;
  vertical-align:-1px;
}
@media screen and (max-width:730px){
  .blcPagetop{
    background:#00a0e8;
  }
  .blcPagetop_inner{
    width:auto;
    min-width:320px;
    padding: 0;
    text-align:center;
  }
  .blcPagetop_inner a{
    color:#00a0e8;
    padding:17px 0;
    color:#fff;
    display:block;
  }
  .blcPagetop_inner a span{
    display:inline-block;
    background:url(/common/img/cmn_pagetop_bg_sp.png) right center no-repeat;
    background-size:10px 10px;
  vertical-align:-2px;
  }
}


/*-- pagetop 
-------------------------------------------------------------*/
#pagetop {
    margin-top: 50px;
    text-align: right;
}
#pagetop a {
    display: inline-block;
    color: #1caaeb;
    font-size: 13px;
    background: #efefef url(../img/icon_pagetop.gif) center right no-repeat;
    padding-right: 25px;
    height: 17px;
}

/*-- フッター 
-------------------------------------------------------------*/
.blcFooter {
    position: relative;
    background: #f8f8f8;
    padding-top: 40px;
    font-size: 12px;
}
.blcFooter .footerBody{
  width:970px;
  margin: 0 auto;
  padding: 0 0 30px;
}
.blcFooter .footerBody a{
  color:#676767;
  text-decoration: none;
}
.blcFooter .footerBody a:hover{
  color:#00a0e8;
}
.blcFooter .footerCol1,
.blcFooter .footerCol2,
.blcFooter .footerCol3,
.blcFooter .footerCol4{
  float:left;
  width:201px;
  padding: 0 20px;
  margin-bottom:67px;
}
.blcFooter .footerCol .navTitle{
  font-size:21px;
  font-weight:100;
  border-bottom:1px solid #bebebe;
  color: #676767;
}
.blcFooter .footerCol .navTitlePlan{background:url(/common/img/top_menu_flight.png) 0 0 no-repeat;padding-top:43px;}
.blcFooter .footerCol .navTitleManage{background:url(/common/img/top_menu_manage.png) 0 0 no-repeat;padding-top:43px;}
.blcFooter .footerCol .navTitleCheckin{background:url(/common/img/top_menu_checkin.png) 0 0 no-repeat;padding-top:43px;}
.blcFooter .footerCol .navTitlePlane{background:url(/common/img/top_menu_departure.png) 0 0 no-repeat;padding-top:43px;}
.blcFooter .footerCol .navTitleSupport{background:url(/common/img/top_menu_support.png) 0 0 no-repeat;padding-top:43px;}

.blcFooter .footerCol .navSubtitle{
  font-size:17px;
  font-weight:bold;
  color:#afafaf;
  margin-top:18px;
}
.blcFooter .footerCol .navSubtitle + .itemWrap{
  margin-top:12px;
}
.blcFooter .footerCol .navTitle + .itemWrap{
  margin-top:18px;
}
.blcFooter .footerCol .itemWrap > li{
  padding: 0 0 0 ;
  margin: 3px 0 0 0;
}
.blcFooter .footerCol .itemWrap > li > a,
.blcFooter .footerCol .itemWrap > li > span{
  padding: 0 0 0 15px;
  position:relative;
  display:inline-block;
}
.blcFooter .footerCol .itemWrap > li > a:before,
.blcFooter .footerCol .itemWrap > li > span:before{
  content:'';
  width:9px;
  height:8px;
  display:inline-block;
  position:absolute;
  top:5px;
  left:0px;
  background:url(/common/img/footer_nav_itembg.gif) 0 0 no-repeat;
}
.blcFooter .footerCol .itemWrap > li > a:hover{
  color:#00a0e8;
  text-decoration:none;
}
.blcFooter .footerCol .itemWrap > li > a:hover:before{
  background-position:left bottom;
}
.blcFooter .footerCol .itemWrap > li > .itemWrap{
  margin-left:10px;
}
.blcFooter .footerCol .itemWrap + .navTitle{
  margin-top: 40px ;
}
.blcFooter .footerCol5{
  clear:both;
  padding: 0 20px;
  margin-top:30px;
}
.blcFooter .footerCol5 nav:last-child{
  margin-top:10px;
}
.blcFooter .footerCol5 .footerAirport{
  display:inline;
  margin-right:10px;
}
.blcFooter .footerCol5 .footerLink{
  float:left;
  padding:0 10px;
  border-right:1px solid #676767;
  line-height:1;
}
.blcFooter .footerCol5 .footerLinkPrivacy{
  padding-left:0;
}
.blcFooter .footerCol5 .footerLink:last-child{
  border-right:none;
}
.blcFooter .footerCol6{
  clear:both;
  margin-top:30px;
  padding: 0 20px;
}
.blcFooter .footerCol6 .footerCommunicate{
  float:left;
  margin-right:15px;
  background:#efefef;
  text-align:center;
  padding: 17px 12px 9px ;
}
.blcFooter .footerCol6 .footerCommunicate .item{
  display:inline-block;  
}
.blcFooter .footerCol6 .footerCommunicate .txt{
  margin-top:10px;
  color: #676767;
  font-size:12px;
}
.blcFooter .footerCol6 .footerShare{
  float:left;
  margin-right:15px;
}
.blcFooter .footerCol6 .footerShare .item{
  display:block;
  float:left;  
  padding: 17px 0 9px ;
  background:#efefef;
  width:88px;
  margin-right:6px;
  text-align:center;
}
.blcFooter .footerCol6 .footerShare .item:last-child{
  margin-right:0;
}
.blcFooter .footerCol6 .footerShare .txt{
  margin-top:6px;
  display:block;
  color: #676767;
  font-size:12px;
}
.blcFooter .footerCol6 .footerMail{
  float:left;
  background:#efefef;
  width:340px;
  padding: 13px 40px 14px ;
}
.blcFooter .footerCol6 .footerMail .mailTilte{
  font-size:18px;
  color: #676767;
}
.blcFooter .footerCol6 .footerMail .mailTilte img{
  margin-right:5px;
  vertical-align:middle;
}
.blcFooter .footerCol6 .footerMail .mailBody{
  margin-right:5px;
  margin-top:5px;
  
}
.blcFooter .footerCol6 .footerMail .cmnInputMail{
  width:260px;
}
.blcFooter .footerCol6 .footerMail .cmnBtn{
  padding-top:8px;
  padding-bottom:8px;
  position:relative;
  top:-1px;
}
.blcFooter .footerCopy{
  padding: 0 20px;
  text-align:right;
}

@media screen and (max-width:730px){
  .blcFooter .footerBody{
    width:auto;
    min-width:320px;
  }
  .blcFooter .footerCol5{
    margin-top:0;
  }
  .blcFooter .footerCol5 nav:last-child{
    padding:0 0 30px;
  }
  .blcFooter .footerCol5 .footerLink{
    display:block;
    padding:0 ;
    border:none;
    line-height:1;
    float:none;
  }
  .blcFooter .footerCol5 .footerLink a{
    display:block;
    padding:16px ;
    text-align:center;
    color:#00a0e8;
    color:#00a0e8;
  }
  .blcFooter .footerLanguage {
      display: block;
      text-align: center;
      padding-top: 25px;
  }
  .blcFooter .footerLanguage li {
      display: inline-block;
      font-size: 14px;
  }
  .blcFooter .footerLanguage li img{
      max-width:none;
      width:16px;
      height:11px;
      margin-right:3px;
      margin-bottom: 0;
  }
  .blcFooter .footerLanguage li a { color: #00a0e8; }
  .blcFooter .footerCopy{
    margin-top:25px;
    text-align:center;
  }
}



#device_change_navigation .device_change {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#device_change_navigation li.device_change {
    padding: 0 10px;
    margin: 0;
}
#device_change_navigation .device_change.smp { background: #878787; }
#device_change_navigation .device_change.smp a { background: #878787; }
#device_change_navigation .device_change a:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 10px;
}
#device_change_navigation .device_change.smp a:before { background-image: url(/common/img/fotter_icon_smp.png); }
#device_change_navigation .device_change.pc a:before { background-image: url(/common/img/fotter_icon_pc.png); }
#device_change_navigation .device_change.pc { background: #00A0E8; }
#device_change_navigation .device_change.pc a { background: #00A0E8; }
#device_change_navigation .device_change a {
    display: block;
    color: #fff;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
#device_change_navigation .device_change a:hover {
    text-decoration: none;
}




#left_nav_wrap nav ul.second li.single{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
	behavior:url("/sites/all/themes/vanilla_air_web/libraries/css3_pie/PIE.php");
	background:url("/img/sub_nav_ico_d.png") no-repeat scroll 16px center transparent;
	background-color:#00A0E8;
	border-bottom:none;
	}
	
#left_nav_wrap nav ul.second li.single {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  behavior: url("/sites/all/themes/vanilla_air_web/libraries/css3_pie/PIE.php");
  background: url("/img/sub_nav_ico_d.png") no-repeat scroll 16px center transparent;
  background-color: #00A0E8;
  border-bottom: none;
}

#left_nav_wrap nav ul li:not(.third) {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  behavior: url("/sites/all/themes/vanilla_air_web/libraries/css3_pie/PIE.php");
}

#left_nav_wrap nav ul li.last {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  behavior: url("/sites/all/themes/vanilla_air_web/libraries/css3_pie/PIE.php");
}
#left_nav_wrap nav ul li.last{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	behavior:url("/sites/all/themes/vanilla_air_web/libraries/css3_pie/PIE.php");
}