@charset "UTF-8";

/* 全体 */
* {
	font-family: "Sawarabi Gothic", Trebuchet, Century Gothic, Arial,"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-family: "Hina Mincho", serif;
}
a {
	color: #EFEFEF;
}
a:hover {
	color: #C1D2D2;
}
.wrapper {
	margin: 0 auto 0 auto;
}

/* ヘッダー */
.header {
	position: fixed;
	opacity: 0.44;
	top:200px;
	width: 100%;
	height: 100px;
	background-color: #4F8254;
 	z-index: 30;
}

#title {
	font-family: 'stylish', sans-serif;
	font-size: 66px;
	color: #FFFFFF;
	text-align: center;
	margin: 13px auto auto auto;
 	z-index: 30;
}
	
/* メイン */
.main {
	overflow: hidden;
	width: 94%;
	margin: 200px auto 200px auto;
	text-align: center;
}

#pagetitle {
	font-family: "Hina Mincho", serif;
	font-size: 18px;
	text-align: center;
	color: #427F55;
}

#yomigana {
	font-family: "Hina Mincho", serif;
	font-size: 9px;
	text-align: center;
	color:  #427F55;
}	

#month {
	font-family: 'stylish', serif;
	font-size: 11px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #225659;
}

#caption {
	font-family: "Hina Mincho", serif;
	font-size: 9px;
	text-align: center;
	color: #4E8C8A;
	padding: 10px;
}

table.hs {
	width: 77%;
	text-align: center;
}

#hs_title {
	font-family: "New Tegomin", serif;
	font-size: 17px;
	letter-spacing: 0.26em;
	text-align: center;
	color: #333A56;
}

#hs_titlesub {
	font-family: 'stylish', serif;
	font-size: 14px;
	margin-top: 3px;
	letter-spacing: 0.04em;
	text-align: center;
	color: #333A56;
}

#hs_honbun {
	font-family: "Hina Mincho", serif;
	font-size: 13px;
	text-align: left;
	line-height: 1.8;
	color: #333A56;
}

table.yi {
	width: 88%;
	text-align: center;
}

#yi_title {
	font-family: "Hina Mincho", serif;
	font-size: 18px;
	text-align: center;
	color: #545E63;
}

#yi_titlesub {
	font-family: 'stylish', serif;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #545E63;
}

#yi_honbun {
	font-family: "Hina Mincho", serif;
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
	color: #545E63;
}

#hosoku {
	font-family: "Hina Mincho", serif;
	font-size: 12px;
	margin: 0 auto 10px auto;
	text-align: center;
	color: #545E63;
}

#thanks {
	font-family: 'stylish', serif;
	font-size: 14px;
	text-align: center;
	color: #545E63;
}

.lemuria {
 	display: flex;
 	justify-content: center; /* 水平方向の中央揃え */
}

table.lemuria {
	margin-left: auto;
	margin-right: auto;
   	position: relative;
	text-align: center;
	z-index: 10;
}

table.lemuria td {
	text-align: center;
}

#lemuria {
	position: absolute; 
	font-family: 'Hannari', sans-serif;
}

table { display: block; }
tr { display: inline; }
td { display: inline-block; }

.resizeimage {
	max-width: 800px; /* 最大幅 */
	min-width: 180px; /* 最小幅 */
}

img { width: 90%; }

.cloud{
	animation:cloud ease-in-out 4s infinite alternate;
	-webkit-animation:cloud ease-in-out 4s infinite alternate;
	-moz-animation:cloud ease-in-out 4s infinite alternate;
  }
  @keyframes cloud{
	0%   { transform:translate(0%, 1%);  opacity:1;}
	100% { transform:translate(-2px, -5px); opacity:0.3;}
  }
  @-webkit-keyframes cloud{
	0%   { -webkit-transform:translate(0%, 1%);  opacity:1;}
	100% { -webkit-transform:translate(-2px, -5px); opacity:0.3;}
  }
  @-moz-keyframes cloud{
	0%   { -moz-transform:translate(0%, 1%);  opacity:1;}
	100% { -moz-transform:translate(-2px, -5px); opacity:0.3;}
  }

.uncloud{
	animation:uncloud ease-in-out 5s infinite alternate;
	-webkit-animation:uncloud ease-in-out 5s infinite alternate;
	-moz-animation:uncloud ease-in-out 5s infinite alternate;
  }
  @keyframes uncloud{
	0%   { transform:translate(1%, 1%);  opacity:0.3;}
	100% { transform:translate(5px, -5px); opacity:1;}
  }
  @-webkit-keyframes uncloud{
	0%   { -webkit-transform:translate(1%, 1%);  opacity:0.3;}
	100% { -webkit-transform:translate(5px, -5px); opacity:1;}
  }
  @-moz-keyframes uncloud{
	0%   { -moz-transform:translate(1%, 1%);  opacity:0.3;}
	100% { -moz-transform:translate(5px, -5px); opacity:1;}
  }

#p_honbun {
	font-family: "Hina Mincho", serif;
	font-size: 14px;
	line-height: 1.8;
	color: #225659;
}


p {
	font-family: "Hina Mincho", serif;
	font-size: 40px;
	margin-top: 122px;
	margin-left: 11px;
	color: #225659;
 	text-align: center;
}

.text-center {
    text-align: center;
}

@media (max-width: 767px) {

table.hs {
	width: 77%;
	text-align: center;
}

table.yi {
	width: 88%;
	text-align: center;
}

.content {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}
	
table.lemuria {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	
img { width: 100%; }


#p_honbun {
	font-size: 15px;
}


p {
	font-size: 50px;
	margin-top: 366px;
	margin-left: -2px;
	text-align: center;
	}
}

@media(min-width: 768px) and (max-width: 1024px){

table.hs {
	width: 37%;
	text-align: center;
}

table.yi {
	width: 44%;
	text-align: center;
}

.content {
		width: 100%;
		margin: 0, auto, 0, auto;
		text-align: center;
	}

table.lemuria {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

img { width: 100%; }

#p_honbun {
	font-size: 15px;
}

p {
	font-size: 50px;
	margin-top: 444px;
	margin-left: 7px;
	text-align: center;
	}
}

@media(min-width: 1025px) and (max-width: 1279px){

table.hs {
	width: 33%;
	text-align: center;
}

table.yi {
	width: 33%;
	text-align: center;
}

.content {
		width: 100%;
		margin: 0, auto, 0, auto;
		text-align: center;
	}

table.lemuria {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

img { width: 96%; }

#p_honbun {
	font-size: 15px;
}


p {
	font-size: 55px;
	margin-top: 222px;
	margin-left: 7px;
	text-align: center;
	}
}

@media(min-width:1280px){

table.hs {
	width: 33%;
	text-align: center;
}

table.yi {
	width: 33%;
	text-align: center;
}

.content {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: center;
}

table.lemuria {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table.lemuria td {
	text-align: center;
}

.resizeimg { width: 100%;}

#p_honbun {
	font-size: 15px;
}

p {
	font-size: 60px;
	text-align: center;
	margin-top: 222px;
	margin-left: 7px;
}

}