@charset 'UTF-8';
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-size: 1.5em;
	/*background: url(../images/bg.png);*/
}

a {
	transition: color 0.2s, background 0.2s;
	text-decoration: none;
	color: #05293e;
}
a:hover {
	color: #53a6d6;
}

/* ヘッダ */
header {
	height: 140px;
	margin: 0 30px 50px;
	border-bottom: 2px solid #05293e;
}

/* サイトID */
.site-id {
	float: left;
	width: 253px;
	height: 80px;
	margin: 30px 0 0;
	text-indent: -999em;
	background: url(../images/logo.png) no-repeat center center;
}

/* グローバルナビ */
.global-nav {
	float: right;
}
.global-nav ul li {
	float: left;
	margin-top: 70px;
}
.global-nav ul a {
	display: block;
	padding: 10px 15px;
	color: #05293e;
}
.global-nav ul a:hover {
	color: #fff;
	background: #53a6d6;
}

/* Masonryの親要素 */
.photo-tile {
	overflow: visible;
	margin: 0;
}
.photo-tile.loading {
	background: url('../images/loading.gif') no-repeat center 300px;
}
.photo-tile.loading li {
	visibility: hidden;
}

/* タイルユニット */
.photo-tile {
	margin: auto;
}
.photo-tile li {
	width: 31%;/*幅調整*/
	padding:10px;/*つけてみた*/
	margin:0 1% 0;/*つけてみた*/
	margin-bottom: 15px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

/* 写真エリア */
.item-photo img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border-radius: 10px 10px 0 0;
}

/* 写真情報エリア（タイトル、本文） */
.item-info {
	padding: 20px;
}
.item-info h1 {
	font-size: 24px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.item-info p {
	font-size: 17px;
	font-size: 1.rem;
	line-height: 1.5;
}