@charset "UTF-8";

*{
	box-sizing: border-box;
}
html{ 
	font-size: 62.5%;
}
body{
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
	font-size: 1.4rem;  
	line-height: 1.4em;
	-webkit-text-size-adjust: 100%;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0;
}
header, footer {
	margin: 0;
	padding: 30px 5px;
	width: 100%;
	background: #408929;
	color: #fff;
	text-align: center;
}

header h1 {
	margin: 0;
	font-size: 3.3rem;
	font-weight: normal;
	line-height: 1em;
}
header p {
	margin: 15px 0 0 0;
	font-size: 1.8rem;
	line-height: 1em;
}
footer {
	margin-top: 50px;
}
footer div{
	font-size: 1.8rem;
	line-height: 1em;
}
	footer div a{
		color: #fff;
		text-decoration: none;
	}


.photos {
	margin: 30px auto 0 auto;
	width: 100%;
	max-width: 1200px;
}
.photos div{
	margin: 30px 0 0 0;
	padding: 0;
}
.photos div img{
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0;
	vertical-align: top;
}

h2{
	margin: 80px auto 0 auto;
	padding: 20px 20px;
	width: 98%;
	max-width: 1200px;
	background-color: rgba(64, 137, 41, 0.2);
	border-radius: 5px;
	color: #408929;
	font-size: 2.0rem;
	font-weight: borlg;
	line-height: 1.1em;
}
h3 {
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 1.6rem;
	font-weight: borlg;
}
.contents {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 98%;
	max-width: 1200px;
}
li {
	margin-top: 10px;
}


.photos.book {
	margin-top: 0;
}
.photos.book div {
	padding: 5px;
	width:50%;
	display: inline-block;
	vertical-align: top;
}
.photos.book div img {
	width: 100%;
}
@media screen and (max-width:599px){
	.photos.book div {
		padding: 5px;
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
}

.text {
	padding: 0 5px;
}

.photos.full-screen div {
	padding: 5px;
	width: 100%;
}



/************************************************** 現在時刻 */

.contents-watch {
	padding: 0 10px;
}

.watch-wrap {
	margin: 50px auto 0 auto;
	width: 100%;
	max-width: 700px;
	border-radius: 20px;
	box-shadow: 0px 0px 5px #999;
}
#watch-wrap1 {
	background: #214329;
}
#watch-wrap2 {
	background: #e3e869;
}
.watch {
	margin: 10px auto 0 auto;
	width: 95%;
	max-width: 600px;
	max-height: 900px;
	position: relative;
}
.watch img {
	max-width: 100%;
}
.watch .watch_c,
.watch .watch_s,
.watch .watch_m,
.watch .watch_h{
	max-width: 85%;
	position: absolute;
	top: 0%;
	left: 7.5%;
}
.watch .watch_c { z-index: 500; }
.watch .watch_s { z-index: 400; will-change: transform; }
.watch .watch_m { z-index: 300; }
.watch .watch_h { z-index: 200; }
.watch .watch_w { z-index: 100; }

/* 時計疑似アプリ用 */