/* news */
/*-------------------------------------------
list
-------------------------------------------*/
#list{
	margin:0; padding:0; list-style:none;
}
	#list .item{
		position:relative;
		height:180px;
		overflow:hidden;
		border-radius:5px;
		padding-left:310px; padding-right:125px;
		background-color:#fff;
		background-position:98% 50%;
		background-repeat:no-repeat;
		background-size:95px 106px;
		margin:0 0 20px;
		box-shadow:0 0 8px rgba(0,0,0,.1);
	}
	#list .bg-type-newsnotice{background-image:url(../images/news-bg-type-newsnotice.png);}
	#list .bg-type-luggagestorage{background-image:url(../images/news-bg-type-luggagestorage.png);}
	#list .bg-type-wifi{background-image:url(../images/news-bg-type-wifi.png);}
	#list .bg-type-stroller{background-image:url(../images/news-bg-type-stroller.png);}

		#list .item figure{
			width:280px; height:100%;
			background-repeat:no-repeat;
			background-size:cover;
			background-position:50% 50%;
			position:absolute; left:0; top:0;
		}
		#list .item .desc{
			padding:25px 0;
		}
			#list .item .type{
				color:#2b7fde;
			}
			#list .item time{
				color:#999;
				background:url(../images/icon-date@2x.png) 0 50% no-repeat;
				background-size:16px 16px;
				padding-left:22px;
				margin-left:13px;
			}
			#list .item h3{
				margin:15px 0;
				font-size:150%; line-height:1.2;
				color:#111;
			}
				#list .item a:hover h3{
					color:#09F;
				}
			#list .item p{
				margin:15px 0 0;
				color:#777;
				font-size:95%; line-height:1.4;
			}
@media screen and (max-width:812px){/* iX Landscape */
	#list .item{
		height:auto; min-height:180px;
		background-size:43px 48px;
		background-position:right 20px top 5px;
		padding-left:calc(100% - 60% + 20px); padding-right:20px;
	}
		#list .item figure{
			width:40%;
		}
			#list .item h3{
				margin:10px 0;
			}
}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#list .item{
		height:auto; min-height:125px;
		background:none;
		background-color:#fff;
		padding:0 0 0 40%;
	}
		#list .item figure{
			width:35%;
		}
		#list .item .desc{
			padding:15px; padding-left:0;
		}
			#list .item .type,
			#list .item time{
				display:block;
				font-size:85%;
				margin:0;
				padding:0;
				background:none;
			}
			#list .item h3{
				font-size:110%;
			}
			#list .item p{
				display:none;
			}
}
@media screen and (max-width:375px){/* i6,i7,i8 */
	#list .item{
		min-height:90px;
		padding-left:35%;
	}
		#list .item figure{
			width:30%;
		}
		#list .item .desc{
			padding:15px; padding-left:0;
		}
			#list .item h3{
				font-size:105%;
			}
}

/*-------------------------------------------
view
-------------------------------------------*/
#news-detail{
	margin:0;
}
	#news-detail .blogTitle{
		margin:0; 
		color:#111;
		padding:15px 0; 
		border-bottom:3px solid #e1c9af;
	}
		#news-detail .blogTitle .type{
			color:#2b7fde;
		}
		#news-detail .blogTitle time{
			color:#999;
			background:url(../images/icon-date@2x.png) 0 50% no-repeat; 
			background-size:16px 16px;
			padding-left:22px;
			margin-left:13px;
		}
		#news-detail .blogTitle h3{
			margin:0;
			font-size:200%; line-height:1.2;
			color:#000;
		}
	#news-detail .blogBody{
		word-wrap:break-word; word-break:normal;
		padding:25px 0;
	}
		#news-detail .blogBody p,
		#news-detail .blogBody span{
			font-family:inherit !important;
		}
		#news-detail .blogBody img{
			display:block; 
			margin:10px auto;
			width:100% !important;max-width:100% !important;
			height:auto !important;
			transition:.3s; -webkit-transition:.3s;
		}
		#news-detail .blogBody .iframeWrap{
			position:relative;
			width:100%;
			height:0;
			padding-bottom:56.25%;
			transition:.3s; -webkit-transition:.3s;
		}
			#news-detail .blogBody .iframeWrap iframe{
				position:absolute; left:0; top:0;
				width:100%;
				height:100%;
				transition:.3s; -webkit-transition:.3s;
			}
			#news-detail .blogBody iframe{
				display:block;
				margin:0 auto;
			}
	#news-detail .files{
		border-top:1px solid #ddd;
	}
		#news-detail .files ul{
			margin:0; padding:10px 0; list-style:none;
			line-height:24px;
		}
			#news-detail .files ul a{
				background:url(../images/icon-file.png) 5px 50% no-repeat;
				padding-left:25px;
				color:#09F; font-size:13px;
			}
@media screen and (max-width:812px){/* iX Landscape */

}
@media screen and (max-width:414px){/* i6,i7,i8 Plus */
	#news-detail .blogTitle h3{
		font-size:150%;
		margin-top:10px;
	}
}
@media screen and (max-width:320px){/* i5 */
	#news-detail .blogTitle h3{
		font-size:130%;
	}
}