@charset "UTF-8";
/* スカイライブ株式会社様 コーポレートサイト */
/* PC用スタイル */

html {
  font-size:100%;
  margin:0;
  padding:0;
}
* {
  box-sizing:border-box;
}
body {
  min-width:1280px;
  font-size:100%;
  font-family:"游ゴシック体","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",'Oswald',sans-serif;
  text-align:center;
}
a:link,a:visited,a:hover,a:active {
  text-decoration:none;
}
a:hover {
  opacity:0.7;
}
ul {
  list-style:none;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

header

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
header {
  width:100%;
  height:580px;
  background:url("../images/headerSky.jpg") center top;
  background-size:cover;
  padding-top:70px;
}
header h1 {
  margin-bottom:63px;
}
header p {
  margin-bottom:27px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

グローバルナビゲーション

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.gNavi {
  width:100%;
  height:101px;
  background:linear-gradient(to right,#fff,#fff,#0f64ca,#0f64ca);
}
div.navWrap {
  width:1228px;
  height:100%;
  margin:0 auto;
  background:#aff;
}
div.logoWrap {
  float:left;
  width:351px;
  height:101px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding-left:90px;
}
div.logoWrap img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
div.logoWrap:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
nav {
  width:877px;
  height:100%;
  background:#0f64ca;
  /*float:left;*/
  display:flex;
}
nav ul {
  padding-left:40px;
}
nav ul li {
  float:left;
  width:143px;
  padding-top:28px;
}
nav ul li img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
nav ul li:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

NEW INFORMATION

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section.info {
  width:100vw;
  height:45px;
  background:#054087;
  text-align:left;
}
div.infoWrap {
  width:1228px;
  margin:0 auto;
  padding-left:140px;
}
div.infoWrap h1 {
  display:inline-block;
  color:#fff;
  font:400 0.9em/45px Oswald;
}
div.infoWrap h1 i {
  font-size:1.3em;
  font-family:FontAwesome;
  vertical-align:center;
  margin:0 0.5em;
}
div.infoWrap p {
  display:inline-block;
  color:#fff;
  font-size:12px;
  line-height:45px;
  vertical-align:center;
}
div.infoWrap p span {
  width:auto;
  height:auto;
  padding:1px 0.6em;
  background:#0f64ca;
  border:solid 1px #6aa4ea;
  font:400 1.1em/45px Oswald;
  margin-right:0.5em;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

mv メインビジュアル

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section.mv {
  width:100%;
  height:471px;
  background:url("../images/mvBackground.jpg") center top;
  margin:0 auto;
}
div.mvWrap {
  position:relative;
  height:100%;
  margin:0 auto;
  background:#ccc;
  background:url("../images/mv.jpg") center top;
}
div.mvWrap p {
  position:absolute;
  right:196px;
  bottom:39px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

PICKUP

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section.pickup {
  width:100%;
  height:670px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:url("../images/pickupSky.jpg") center top;
}
div.pickupWrap {
  width:1228px;
  height:592px;
  background:rgba(255,255,255,0.74);
}
section.pickup h1 {
  color:#054087;
  font:600 72px Oswald;
  margin-top:17px;
}
section.pickup p {
  font-size:16px;
  margin-top:-10px;
}
section.pickup img {
  margin-top:23px;
  margin-bottom:27px;
}
div.sliderWrap {
  width:1228px;
  height:399px;
  background:url("../images/pickupBlueLine.png") center bottom;
  background-repeat:no-repeat;
}
ul.pickupSlider {
  width:1143px;
  height:361px;
  margin:0 auto;
}
ul.pickupSlider li {
  width:clc(1143px/3);
  height:361px;
}
ul.pickupSlider li img {
  margin:0 auto;
}
ul.pickupSlider li p {
  margin-top:38px;
  font-size:16px;
  color:#fff;
}
ul.pickupSlider li p i {
  font-size:1.5em;
  vertical-align:-10%;
  margin-left:0.5em;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

NEWS

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section.news {
  width:100%;
  height:741px;
  padding-top:35px;
}
div.newsWrap {
  width:1228px;
  height:592px;
  margin:0 auto;
}
section.news h1 {
  color:#054087;
  font:600 72px Oswald;
  margin-top:22px;
}
section.news p {
  font-size:16px;
  margin-top:-10px;
}
section.news img {
  margin-top:27px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

aside crossing_image

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
aside.crossing {
  width:100%;
  height:180px;
  background:url("../images/crossing_image.jpg") center top;
  background-size:cover;
  background-repeat:no-repeat;
  margin-bottom:145px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

article mapFacebook

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
article.mapFacebook {
  width:100%;
  height:489px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:url("../images/bg_pattern.jpg") center top;
}
div.mapFbWrap {
  width:1228px;
  height:423px;
}
div.shopMaps {
  float:left;
  width:765px;
  height:366px;
  background:#999;
}
div.shopList {
  width:100%;
  height:57px;
  background:#054087;
}
div.shopList p {
  display:inline-block;
  color:#fff;
  font-size:13px;
  line-height:57px;
}
div.shopList p i {
  font-size:1.3em;
  font-family:FontAwesome;
  vertical-align:center;
  margin:0 0.5em;
}
div.fb {
  float:right;
  width:415px;
  height:423px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
div.fb-page {
  width:385px;
  height:401px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

aside bridging

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
aside.bridging {
  width:100%;
  height:331px;
  background:url("../images/bridge.jpg") center bottom;
  background-size:auto;
  background-repeat:no-repeat;
}
aside.bridging p {
  font:600 50px/45px Oswald;
  color:#054087;
  line-height:300px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

footer

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
footer {
  width:100%;
  height:150px;
  background:#054087;
  color:#fff;
  padding-top:39px;
}
footer ul li {
  display:inline-block;
  font-size:13px;
  margin-right:3em;
}
footer ul li:last-child {
  margin:0;
}
footer ul a {
  color:#fff;
}
footer p {
  font-size:13px;

  margin-top:57px;
}
footer p span {
  font-size:1.7em;
  vertical-align:-18%;
}

div#rssfeed{
	padding-left: 3.6%;
}