@charset "utf-8";

/****************************************
		# フライトスケジュール 
*****************************************/
.Schedulebox{ margin:0 auto 10px;}
.sche_ttl {
    clear: both;
    padding: 0px 0 0px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #0b1560;
}
.sche01{margin-bottom: 15px;}

.tableSchedule,.tableSchedule01{ width: 96%;margin:0 auto 10px;}
.tableSchedule li.ttl span,.tableSchedule01 li.ttl span{
    background: #8b9ab8;
    color: #FFFFFF;
    font-size: 14px;
    height: 27px;
}

.tableSchedule li span{box-sizing:border-box; display:block; width:14.25%; text-align:center;  float:left; padding:5px; background: #eee;border-left: 1px solid #fff;border-bottom: 1px solid #fff; height:56px;display: flex;
  justify-content: center;
  align-items: center;}/*7分割*/

.tableSchedule01 span{
    box-sizing: border-box;
    width: 33.3%;
    text-align: center;
    float: left;
    padding: 3px;
    background: #f0f0f5;
    border-left: 1px solid #fff;
    border-bottom: 2px solid #FFF;
    height: 31px;
    font-size: 70%;
}

.caption {
    text-align: right;
    font-size: 12px;
    width: 885px;
    margin: 0 auto;
    position: relative;
    bottom: 20px;
    color: #FFF;
}

.title {
    background: #0c1560;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    padding: 0.5% 0;
    font-weight: bold;
}

.dl_h4 h4 {
    margin: 10px auto 10px;
    text-align: center;
    font-size: 24px;
    font-weight: bold!important;
    color: #b64390;
}

.area_box {
    margin: 5px 5px 0 0;
    /*width: 960px;*/
    background: #fff;
    padding: 1%;
    border-radius: 20px;
    filter: drop-shadow(1.5px 1.5px 1.5px rgba(0,0,0,0.2));
}
/*4分割*/

.tableSchedule01 .fn,.tableSchedule .fn { background:#FBE6EC;}

.note{
    margin: 5px 20px 0 0;
    font-size: 60%;
    color: #555;
    text-align: right;
}

/*-------    bgParallax      ------*/
html, body {
	height:100%;
}

#Wrap {
	/*position: absolute;*/
	z-index: 10;
	background-color: rgba(255,255,255,0);
}
#header_nav, #breadcrumb, .headArea, .footArea {
	background: #fff;
	width: 100%;
}
.bgParallaxBox div[class^="bg"] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bg01 {
	z-index: -100;
	background-image:url(../img/bg01.png);
}
.bg02 {
	z-index: -100;
	background-image:url(../img/bg02.png);
}
.bg03 {
	z-index: -100;
	background-image:url(../img/bg03.png);
}
.bg04 {
	z-index: -100;
	background-image:url(../img/bg04.png);
}
.bg05 {
	z-index: -100;
	background-image:url(../img/bg05.png);
}

/*===============================================

●tablet.css 画面の横幅が768pxまで

===============================================*/
@media screen and (max-width: 1024px) and (min-width: 481px){


}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:480px){
    
    /****************************************
		# フライトスケジュール 
*****************************************/
.sche_ttl {
    clear: both;
    padding: 2% 2% 1%;
    font-size: 15px;
    font-weight: bold;
    color: #0b1560;
    text-align: left;
}

.tableSchedule,.tableSchedule01 {
    width: 96%;
    margin: 0 auto;
    font-size: 12px;
    background: #eee;
}

.tableSchedule li.ttl span,.tableSchedule01 li.ttl span{
    background: #8b9ab8;
    color: #FFFFFF;
    height: 6vw;
}
.tableSchedule li span,.tableSchedule01 li span{
    background: #f4f6f8;
    box-sizing: border-box;
    display: block;
    text-align: center;
    float: left;
    padding: 6px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
	height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tableSchedule01 li span{width:33.3%;background: #ebebeb;  font-size: 110%;}
.tableSchedule li span{width:33.333%; border-bottom: 1px solid #fff;}

.Schedulebox {padding-bottom:1vw;}

#dpt {display:none;}
.sm{ font-size:11px;}

.tableSchedule .all {width:100%; background:#0b1560; color:#FFF; height:25px;}
.tableSchedule01 .fn,.tableSchedule .fn { background:#FBE6EC;}

.area_box {
    width: 95%;
    text-align: center;
    background-color: white;
    border-radius: 10px;
    /* box-shadow: 3px 3px 5px #999; */
    /* -webkit-box-shadow: 1px 1px 2px #999; */
    -moz-box-shadow: 3px 3px 5px #999;
    margin: 15px auto;
    padding: 2%;
    filter: drop-shadow(1.5px 1.5px 1.5px rgba(0,0,0,0.2));
}

.area_box h4 {
    margin: 4% auto 2%;
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
    color: #b64390;
}

.title {
    background: #0c1560;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding: .5% 0;
}

/* -------------------- パンくずの設定 -------------------- */
#breadcrumb {color: #8d3274;}    
}

/* -------------------- フッター -------------------- */
#footer_nav{
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#footer_mobile{
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bgParallaxBox div[class^="bg"] {
	position: fixed;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
}