@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 {
	background-color: #F1E0E0;
	font-family: "Hina Mincho", serif;
}

a {
	color: #225659;
}

a:hover {
	color: #C1D2D2;
}

.wrapper {
	margin: 0 auto 0 auto;
}

/* ヘッダー */
.header {
	position: fixed;
	opacity: 0.40;
	top:170px;
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
	z-index : 25;
}

#title {
	font-family: "New Tegomin", serif;
	font-size: 66px;
	opacity: 0.49;
	color: #D98BA9;
	text-align: center;
	margin: 0px 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: #225659;
}

#yomigana {
	font-family: "Hina Mincho", serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #225659;
}	

#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: #225659;
	padding: 10px;
}

table.am {
	width: 80%;
	text-align: center;
}

#am_title {
	font-family: "Zain", sans-serif;
	font-size: 20px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #225E5F;
}

#am_titlesub {
	font-family: 'stylish', serif;
	font-size: 14px;
	letter-spacing: 0.07em;
	text-align: center;
	color: #227573;
}

#am_titlesub2 {
	font-family: "New Tegomin", serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #227573;
}

#am_honbun {
	font-family: "Zen Old Mincho", serif;
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
	color: #338684;
}

table.min {
	width: 80%;
	text-align: center;
}

#min_title {
	font-family: "Zen Old Mincho", serif;
	font-size: 16px;
	letter-spacing: 0.05em;
	text-align: center;
	color: #2A77A2;
}

#min_titlesub {
	font-family: 'stylish', serif;
	font-size: 14px;
	letter-spacing: 0.07em;
	text-align: center;
	color: #2A77A2;
}

#min_honbun {
	font-family: "Zen Old Mincho", serif;
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
	color: #2A5973;
}

table.tp {
	width: 93%;
	text-align: center;
}

#tp_title {
	font-family: "Zen Old Mincho", serif;
	font-size: 18px;
	text-align: center;
	color: #3C5D6C;
}

#tp_titlesub {
	font-family: 'stylish', serif;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-align: center;
	color: #3C5D6C;
}

#tp_honbun {
	font-family: "Zen Old Mincho", serif;
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
	color: #3C5D6C;
}

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.k {
	width: 77%;
	text-align: center;
}

#k_title {
	font-family: "Sarpanch", sans-serif;
	font-size: 18px;
	text-align: center;
	color: #81A1A6;
}

#k_titlesub {
	font-family:"Hina Mincho", serif;
	font-size: 12px;
	margin-top: 3px;
	text-align: center;
	color: #81A1A6;
}

#k_honbun {
	font-family: "Hina Mincho", serif;
	font-size: 13px;
	text-align: left;
	line-height: 1.8;
	color: #81A1A6;
}

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;
}

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

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

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


/* フッター */
.footer {
	padding: 60px 0px 150px 0px;
	opacity: 0.44;
	background-color: #87D2BB;
	text-align: center;
}

.footer a {
	font-family: 'stylish', serif;
 	text-decoration: none;
	letter-spacing: 0.05em;
	font-size: 16px;
	color: #187759;
}

.footer a:hover {
	color: #FFFFFF;
}

@media (max-width: 767px) {

table.tp {
	width: 93%;
	text-align: center;
}

#tp_honbun {
	font-size: 15px;
}

table.min {
	width: 55%;
	text-align: center;
}

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


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

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

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

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

#p_honbun {
	font-size: 15px;
}

}

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

	.main {
		margin: 200px auto 200px auto;
		width: 600px;
	}

table.tp {
	width: 67%;
	text-align: center;
}

#tp_honbun {
	font-size: 15px;
}

table.min {
	width: 55%;
	text-align: center;
}

table.am {
	width: 55%;
	text-align: center;
}

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

#p_honbun {
	font-size: 15px;
}

}

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

	.main {
		margin: 200px auto 200px auto;
		width: 600px;
	}

table.tp {
		width: 67%;
		text-align: center;
}

#tp_honbun {
	font-size: 15px;
}

table.min {
	width: 55%;
	text-align: center;
}

table.am {
	width: 55%;
	text-align: center;
}

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

#p_honbun {
	font-size: 15px;
}

}

@media(min-width:1280px){

	.main {
		margin: 200px auto 200px auto;
		width: 600px;
	}

table.tp {
	width: 70%;
	text-align: center;
}

#tp_honbun {
	font-size: 15px;
}

table.min {
	width: 55%;
	text-align: center;
}

table.am {
	width: 55%;
	text-align: center;
}

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

#p_honbun {
	font-size: 15px;
}

}