@charset "utf-8";

html {
	font-size: 62.5%;
	line-height: 2;
	font-family: "游ゴシック", YuGothic, sans-serif;
	text-align: center;
}
body, figure {
	margin: 0;
}

/* サイズの値にパディング／ボーダーも含むようにする */
*, *::before, ::after {
	box-sizing: border-box;
}

/* スクリーントーンのカバー */
.cover::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.3) radial-gradient(rgba(0,0,0,.3) 25%, transparent 0) center / 5px 5px;
}

/* フォトキャプション */
.caption {
	position: absolute;
	z-index: 1;
	right: 1em;
	bottom: 1em;
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
	font-family: "Dosis", 游ゴシック;
	letter-spacing: .05em;
	text-align: right;
}
.caption a {
	color: inherit;
	text-decoration: inherit;
}
.caption a:hover {
	text-decoration: underline;
}

/* wpタイトル */
.w_base {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
}

/* 投稿日 */
.postDate {
	color:#AA7B00;
	text-align: left;
	margin: 30px 0 -25px 28px;
}

/* 写真サイズ */
.resizeimage img { width: 100%; }

.photo {
  transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  padding:10px;
  background-color:#fff;
  box-shadow:0px 0px 6px 1px #285C60;
  margin:25px;
}

.photo_w1 {
  text-align: center;
}
.photo_w2 {
  display: inline-block;
	width: 50%;
}

/* サイトタイトルをヘッダーに中央配置 */
header h1 {
	max-width: 100%;
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 3rem;
	line-height: 1.4;
	font-family: "Dosis", sans-serif;
	letter-spacing: .1em;
	transform: translateY(-50%);
}
@media all and (max-width: 480px) {
	header h1 {
	font-size: 2rem;
	}
}

/* ページコンテンツのスタイル指定 */
main {
	padding: 4em 16px;
	font-size: 1.6rem;
	text-align: left;
}
main h1,
main .lead,
main section {
	max-width: 768px;
	margin: 1em auto;
}
main h1,
main h2,
main h3 {
	line-height: 1.4;
}
main h2,
main h3 {
	font-family: "Dosis", sans-serif;
	letter-spacing: .05em;
}
main h1 {
	margin-bottom: 2em;
	font-size: 3rem;
	font-feature-settings: "palt";
}
main h2 {
	font-size: 3rem;
}
main h3 {
	font-size: 2.4rem;
}