@charset "utf-8";

/* CSS Document */
/*---------------------------------------------

top CSS
for all pages
coded by Yu Murata at 2014-04-24
imported to "$category-name.html"

-----------------------------------------------*/
@import url(default.css);
@import url(common.css);
@import url(../font/font.css);
@import url(http://fonts.googleapis.com/css?family=Unica+One);

/* ヘッダー
-------------------------------------------------- */
body > div > header{
	padding-bottom:40px;
	border-bottom:1px solid #000;
}

/** コンテンツ 
-------------------------------------------------- */
body > div > section{
	width: 860px;
	display:block;
	margin: 0 auto;
	padding:60px 0;
}
body > div > section > header{
	width: 860px;
	margin:0 auto 40px;
}
body > div > section > header > p{
	font-family:'LatoThin';
	color: #000000;
	font-size:70px;
	float:left;
}
body > div > section > header > div{
	padding-top: 7px;
	margin-left:90px;
}
body > div > section > header h1{
	border-bottom:1px solid #bfbfbf;
	font-size:30px;
	padding-bottom:5px;
	margin-bottom:5px;
}
body > div > section > header h1 span{
	font-family:'Lato';
	font-size:14px;
	color:#898888;
}
body > div > section > header ol li{
	font-family: 'Unica One', 'cursive';
	display:inline;
	color:#898888;
	padding-left:5px;
}
body > div > section h2.lower_ttl{
	text-align:center;
}
body > div > section h2.lower_ttl p.title1{
	font-family: 'freightsans_promedium';	
	font-size:1.5rem;
    
}
body > div > section h2.lower_ttl p.title1 span{
	font-weight:bold;
}
body > div > section h2.lower_ttl p.title2{
	font-family:'freightsans_probold_italic';
	font-size:5rem;
	font-weight:bold;
	margin:3px 0;
}
.fade{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}
.fade:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* greeting
--------------------------------------------------- */
section#greeting > div{
	line-height:1.9;
	float:left;
	width:600px;
}
section#greeting > img{
	float:right;
}
section#greeting > div p{
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho,  "メイリオ", Meiryo;
	font-size:1.4rem;
	float:right;
	margin-top:10px;
}
section#greeting > div p span{
	font-size:1.1rem;
}

/* company
--------------------------------------------------- */
section#company > ul{
	width:520px;
	float:left;
	border-top:1px solid #cccccc;
	margin-bottom:35px;
}
section#company > ul li{
	border-bottom:1px solid #cccccc;
	padding:8px 0;
}
section#company > ul li:nth-of-type(2),
section#company > ul li:nth-of-type(4),
section#company > ul li:nth-of-type(6),
section#company > ul li:nth-of-type(8){
	background:#fafafa;
}
section#company > ul li div{
	float:left;
	width:160px;
	text-align:right;
}
section#company > ul li div p:nth-of-type(1){
	font-weight:bold;
	margin-bottom:5px;
}
section#company > ul li div p:nth-of-type(2){
	font-family:'Lato';
	color:#999999;
	font-size-adjust:1rem;
}
section#company > ul li > p{
	float:right;
	line-height:1.6;
	width:305px;
	padding-top:3px;
	color:#333;
}
section#company > div.box1{
	width:300px;
	float:right;
	margin-bottom:35px;
}
section#company > div.box1 iframe{
	margin-bottom:20px;
}
section#company > div.box2{
	width:410px;
}
section#company > div.box2 dl{
	margin-bottom:30px;
}
section#company > div.box2 dl dt{
	font-size:1.8rem;
	background:url(../images/line1.gif) repeat-x left center;
	margin-bottom:15px;
}
section#company > div.box2 dl dt span{
	background:#fff;
}
section#company > div.box2 dl dd{
	padding-left:20px;
	line-height:1.6;
}


/* sitemap
--------------------------------------------------- */
section#sitemap > ul{
	border-top:1px solid #cccccc;
	margin-bottom:35px;
}
section#sitemap > ul li{
	border-bottom:1px solid #cccccc;
	padding:20px 0;
	padding-left:60px;
}
section#sitemap > ul li:nth-of-type(2),
section#sitemap > ul li:nth-of-type(4),
section#sitemap > ul li:nth-of-type(6),
section#sitemap > ul li:nth-of-type(8){
	background:#fafafa;
}
section#sitemap > ul li a{
	background:url(../images/icon1.png) no-repeat left top;
	padding-left:30px;
	display:block;
	text-decoration:none;
}
section#sitemap > ul li a div{
	color:#000;
	float:left;
	width:110px;
	padding-right:25px;
	font-size:1.4rem;
}
section#sitemap > ul li a p{
	color:#d2d2d2;
	font-family:Helvetica Neue , Arial;
	text-align:left;
	font-size:1rem;
}


/* event
--------------------------------------------------- */
section#event > div.clearfix{
	text-align:center;
	width:860px;
	margin-bottom:30px;
}
section#event > div.clearfix > h2{
	margin-bottom:30px;
}
section#event > div.clearfix > h3{
	font-size:2.4rem;
	margin-bottom:20px;
	letter-spacing:0.2em;
}
section#event > div.clearfix > p{
	font-size:1.4rem;
	line-height:1.8;
	margin-bottom:30px;
}
section#event > section > header > h3{	
	font-family:'ostrich_sansmedium';
	font-weight:bold;
	color:#0071cb;
	font-size:4rem;
	letter-spacing:0.1em;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #a0a0a0;
}
section#event > section > header > h4{
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:35px;
}


/* transit
--------------------------------------------------- */
section#transit{
	background-image: url(../images/transit_bg_top.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #9a9696;
	min-width:1280px;
	width:auto;
	position:relative;
	left:50%;
    -moz-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform:translate(-50%, 0);
}
section#transit > section > header{
	width:860px;
	margin:0 auto 615px;
	text-align:center;
}
section#transit > section > header > h2{
	margin-bottom: 20px;
}
section#transit > section > header > h3{
	font-size: 1.8rem;
	letter-spacing: 0.2rem;
    font-feature-settings: "palt";
}
section#transit > section > section{
	width:860px;
	margin:0 auto 80px;
}
section#transit > section > section > header{
	padding:40px;
	margin-bottom:2px;
}
section#transit > section > section > header h4{
	font-family:'freightsans_probold_italic';
	font-size:1.8rem;
	font-weight:bold;
	text-align:right;
	margin-bottom:35px;
}
section#transit > section > section > header h3{
	font-family:'ostrich_sansmedium';
	color:#0071cb;
	font-size:4rem;
	font-weight:bold;
	letter-spacing:0.5rem;
	margin-bottom:50px;
}
section#transit > section > section > header dt{
	border-bottom:1px solid #a0a0a0;
	font-size:1.8rem;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
}
section#transit > section > section > header dd{
	color:#626262;
	font-size:1.4rem;
	line-height:3rem;
}
section#transit > section > section > ol li{
	margin-bottom:2px;
}
section#transit > section > section > ol li div{
	width:389px;
	height:280px;
	padding-left:40px;
	background:#fff;
}
section#transit > section > section > ol li div p{
	font-family:'ostrich_sansmedium';
	font-size:3.2rem;
	font-weight:bold;
	letter-spacing:0.2rem;
	padding:5px 10px;
	color:#fff;
	background:#000;
	display:block;
	float:right;
}
section#transit > section > section > ol li div h5{
	font-family:'ostrich_sansmedium';
	font-weight:bold;
	border-left:10px solid #e60012;
	font-size:3.2rem;
	letter-spacing:0.4rem;
	padding:2px 0 2px 10px;
	margin-bottom:20px;
}
section#transit > section > section > ol li div dt{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom:5px;
}
section#transit > section > section > ol li div dd{
	font-size:1.4rem;
	background:url(../images/icon2.png) no-repeat left 0.4rem;
	line-height:2.3rem;
	padding:0 30px 0 20px;
}
/* AIRPORT MEDIA #01 */
section#transit section#sec2_1 header.right{
	width:349px;
	height:482px;
	background:url(../images/transit_wireframe5.gif) no-repeat right top #fff;
}
section#transit section#sec2_1 header.right h4{
	margin-bottom:65px;
}
section#transit section#sec2_1 div.left{
	width:429px;
}
section#transit section#sec2_1 div.left img{
	margin-bottom:2px;
}

/* BUS MEDIA #01 */
section#transit section#sec3_1 header.right{
	width:349px;
	height:482px;
	background:url(../images/transit_wireframe1.gif) no-repeat right top #fff;
}
section#transit section#sec3_1 header.right h4{
	margin-bottom:65px;
}
section#transit section#sec3_1 div.left{
	width:429px;
}
section#transit section#sec3_1 div.left img{
	margin-bottom:2px;
}

/* WAO!VISION MEDIA #01 */
section#transit section#sec4_1 header.right{
	width:349px;
	height:482px;
	background:url(../images/transit_wireframe6.gif) no-repeat right top #fff;
}
section#transit section#sec4_1 header.right h4{
	margin-bottom:65px;
}
section#transit section#sec4_1 div.left{
	width:429px;
}
section#transit section#sec4_1 div.left img{
	margin-bottom:2px;
}

/* AIRPORT MEDIA */
section#transit section#sec1{
	background-image: url(../images/transit_bg2a.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #9a9696;
    height: 880px;
}
section#transit section#sec1 section{
	margin-bottom:0;
}
section#transit section#sec2{
	background-image: url(../images/transit_bg3a.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #9a9696;
	width:auto;
    }
section#transit section#sec2 section{
	margin-bottom:0;
}
section#transit section#sec3{
	background-image: url(../images/transit_bg1.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #9a9696;
	width:auto;
    }
section#transit section#sec3 section{
	margin-bottom:0;
}
section#transit section#sec4{
	background-image: url(../images/transit_bg4a.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #9a9696;
	width:auto;
    }
section#transit section#sec3 section{
	margin-bottom:0;
}
.p1{
    margin-top:1.5rem;
	margin-bottom:1.5rem;
    line-height:1.5;
    color: #fff;
}
.beginning
{
    line-height:2;
    margin: 20px 0px;
    font-feature-settings: "palt";
}
.comm{
	text-align: center;
    color: #fff;
    margin-top: 40px;
    font-size: 14px;
    line-height:19px;
}
.buttons{
  text-align: center;
    line-height: 16px;
    margin: 20px auto 40px;
    width: 680px;
}
.button{
    font-size: 15px;
  display: inline-block;
  background: #000;
    width: 16%;
  padding: 20px;
  color: #fff;
  text-decoration: none;
}
.buttonlist{
  padding: 20px 0px;
  text-align: center;
  color: #fff;
  background-color: #000;
    text-decoration: none; 
    width: 400px;
    margin: 30px auto 80px;
}
.buttonlist a{
    font-size:16px;
    color: #fff;
  text-decoration: none;
}

/* 子メニューのリスト */
.menu__sub__list {
  display: none; /* 普段は非表示 */
  position: absolute; /* 親メニューからの位置を指定 */
  top: 68px;
  width: 100%;
}
/* 親メニューホバー時の子メニューのリスト */
.menu__item:hover .menu__sub__list {
  /* 親メニュー項目ホバー時は、その子項目を表示する */
  display: block;
    width: 137px;
    left:-1px;
    font-size: 12px;
}
/* 子メニューの背景色 */
.menu__sub__item {
  background: #fff;
    border: 1px solid #000;
    height: 40px;
    margin: 0 -1px -1px 0;
}
/* 子メニューもホバー時は背景色を変える */
.menu__sub__item:hover {
  background:#e9e9e9;
    border: 1px solid #000;
    height: 40px;
    margin: 0 -1px -1px 0;
    
}

/* 以前からの内容 */
.selectmenu {
  width: 1000px;
  height: 60px;
  background: lightgray;
}
.menu {
  width: 80%;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
  background: #fff;
}
.menu ul {
  list-style-type: none;
  margin: 0 auto; 
}
.menu__list {
  display: flex;
}
.menu__item {
  position: relative;
  width: 25%;
    padding: 25px 0 15px 0;
  line-height: 14px;
    font-size: 14px;
  text-align: center;
  border: 1px solid #000;
    margin-right: -1px;
}
.menu__item:hover {
  background:#e9e9e9;
}
.menu a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #000;
  text-decoration: none;  
}
menu a:visited {
  color: white;
}

/* news
--------------------------------------------------- */
section#news > div#side{
	float:left;
	width:200px;
}
section#news > div#main{
	float:right;
	width:620px;
}
section#news > div#side > div{
	margin-bottom:40px;
}
section#news > div#side div.cate h3{
	padding:15px 0;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.1rem;
	border-bottom:1px solid #bfbfbf;
}
section#news > div#side div.cate ul li {
	border-bottom:1px solid #bfbfbf;
}
section#news > div#side div.cate ul li a {
	text-decoration:none;
	color:#000;
	display:block;
	padding:15px 0;
}
section#news > div#side div.cate ul li a:before {
	content:"→";
	margin-right:0.5em;
}
section#news > div#side div.cale div.month {
	background:#000;
	color:#fff;
	text-align:center;
	padding:8px 0;
}
section#news > div#side div.cale div.month a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}
section#news > div#side div.cale div.month div {
	display:inline-block;
	font-weight:bold;
	font-family: 'Unica One', 'cursive';
	font-size:14px;
	width:130px;
}
section#news > div#side div.cale div.weak {
	background:#e9e9e9;
	text-align:center;
}
section#news > div#side div.cale div.weak ul li {
	font-family: 'Unica One', 'cursive';
	color:#747474;
	font-size:10px;
	display:inline-block;
	width:23px;
	line-height:26px;
}
section#news > div#side div.cale div.date {
	background:#fff;
	text-align:center;
}
section#news > div#side div.cale div.date ul {
	border-bottom:1px solid #e0e0e0;
	padding:4px 0;
}
section#news > div#side div.cale div.date ul li {
	font-family: 'Unica One', 'cursive';
	color:#b3b3b3;
	font-size:12px;
	display:inline-block;
	width:23px;
	line-height:18px;
}
section#news > div#side div.cale div.date ul li.gray {
	color:#dbdbdb;
}
section#news > div#side div.cale div.date ul li a {
	display:block;
	background:#000;
	color:#fff;
	height:18px;
	width:18px;
	text-decoration:none;
}
section#news > div#side div.archive h3{
	padding:15px 0;
	font-size:1.4rem;
	font-weight:bold;
	letter-spacing:0.1rem;
}
section#news > div#side div.archive dl{
	border-top:1px solid #bfbfbf;
}
section#news > div#side div.archive dl dt{
	display:block;
	padding:15px 0;
	letter-spacing:0.1rem;
	border-bottom:1px solid #bfbfbf;
}
section#news > div#side div.archive dl dt:after {
	content:"[+]";
	margin-left:0.4em;
}
section#news > div#side div.archive dl dt.close:after {
	content:"[-]";
}
section#news > div#side div.archive dl ul{
	padding:10px 20px;
}
section#news > div#side div.archive dl dd li {
	padding:10px 0;
}
section#news > div#side div.archive dl dd li a {
	color:#000000;
	text-decoration:none;
	letter-spacing:0.1rem;
}
section#news > div#side div.archive dl dd li a:before {
	content:"→";
	margin-right:0.5em;
}
section#news > div#main article{
	border-bottom:1px solid #bfbfbf;
	padding-bottom:50px;
	margin-bottom: 50px;
}
section#news > div#main article header{
	border-bottom:5px solid #bfbfbf;
	margin-bottom:60px;
}
section#news > div#main article div.title {
	font-size:2.4rem;
	line-height:120%;
	font-weight:bold;
	margin:0 0 15px;
}
section#news > div#main article div.date{
	font-family: 'Unica One', 'cursive';
	font-size:2.4rem;
	vertical-align:middle;
	color:#bfbfbf;
	margin:0 0 15px;
}
section#news > div#main article div.date:after {
	display:inline-block;
	content:"最新実績";
	background:#bfbfbf;
	color:#fff;
	font-size:12px;
	text-align:center;
	width:90px;
	height:20px;
	line-height:20px;
	margin-left:10px;
	vertical-align:middle;
}
section#news > div#main article.cate2 div.date:after {
	content:"イベント情報";
}
section#news > div#main article.cate3 div.date:after {
	content:"お知らせ";
}
section#news > div#main article div.text {
	font-size: 1.6rem;
	line-height: 200%;
	margin: 0 0 50px;
}
section#news > div#main article div.text img {
	display: block;
	margin: 0 auto 60px;
}
section#news > div#main article div.sosial > div{
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}
section#news > div#main div.pager {
	text-align:center;
	font-size:12px;
}
section#news > div#main div.pager a {
	color:#717171;
	display:inline-block;
	padding:7px 0;
	width:26px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	border:1px solid #c4c4c4;
	border-radius:3px;
	margin:0;
}
section#news > div#main div.pager a.now {
	background:#d9d9d9;
}
section#news > div#main div.pager div.old {
	display:inline-block;
}
section#news > div#main div.pager div.old:before {
	content:"…";
	margin:0 4px;
}

/* general
--------------------------------------------------- */
section#general > section{
	border-bottom:1px solid #bfbfbf;
	margin-bottom:60px;
}
section#general > section:last-of-type{
	border-bottom:none;
	margin-bottom:0;
}
section#general > section > header{
	margin-bottom:60px;
}
section#general > section > p{
	color:#626262;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.6;
	margin-bottom:55px;
}
section#general > section ul{
	margin-bottom:-25px;
}
section#general > section ul li{
	width:370px;
	text-align:center;
	display:inline-block;
	margin:0 auto 80px 40px;
}
section#general > section#sec1 ul li,
section#general > section#sec2 ul li,
section#general > section#sec3 ul li{
	display:block;
	margin:0 auto 80px;
}
section#general > section ul li:last-child{
}
section#general > section ul li img{
	margin:0 auto 40px;
	display:block;
}
section#general > section ul li h3{
	border-left:10px solid #e60012;
	font-size: 24px;
	letter-spacing:4px;
	padding:2px 0 2px 10px;
	text-align:left;
	margin:0 auto;
	display:inline-block;
}
section#general > section ul li h3 p:nth-child(1){
	margin-bottom:5px;
}
section#general > section ul li h3 p:nth-child(2){
	font-family:'ostrich_sansmedium';
	font-weight:bold;
}