@charset "UTF-8";
/* CSS Document */


/* =========================================================
　サイト内、複数箇所の共用スタイル
========================================================= */


/* サイトロゴとグローバルナビ
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	header {
		padding: 20px 0 0;
		position: relative;
	}
	.site_logo {
		max-width: 160px;
		margin: 0 auto;
		padding-bottom: 1em;
	}
	.h_menu {
		width: 26px;
		height: 19px;
		position: absolute;
		right: 20px;
		top: 20px;
		line-height: 1;
	}
	.gnav, .unav, .cnav {
		display: none;
	}
	.gnav {
		border-top: 1px solid #eee;
		text-align: center;
		margin-bottom: 0;
		background: #a96;
	}
	.gnav > li {
	}
	.gnav > li > a {
		padding: .2em 0;
		display: block;
		border-bottom: 1px solid #eee;
		font-size: 140%;
		color: #fff;
	}
	.gnav > li > ul {
		background: #fff;
		margin-bottom: 0;
		font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	}
	.gnav > li > ul > li {
		width: 50%;
		float: left;
		font-size: 80%;
	}
	.gnav > li > ul > li:nth-child(odd) {
		width: 50%;
		border-right: 1px solid #eee;
		box-sizing: border-box;
	}
	.gnav > li > ul > li > a {
		padding: .5em 0;
		display: block;
		border-bottom: 1px solid #eee;
		font-size: 120%;
	}
	.gnav > li > ul > li > a > img {
		display: none;
	}
	.unav {
		text-align: center;
		background: #ddd;
	}
	.unav li {
		width: 50%;
		float: left;
	}
	.unav li:nth-child(odd) {
		width: 50%;
		border-right: 1px solid #eee;
		box-sizing: border-box;
	}
	.unav li.unav_language {
		width: 100%;
		box-sizing: border-box;
	}
	.unav li a {
		padding: .5em 0;
		display: block;
		border-bottom: 1px solid #eee;
	}
	.unav li.unav_language span.unav_language_title {
		padding: .5em 0;
		display: block;
		background: #bbb;
	}
	.unav li.unav_language span.unav_language_en {
		display: block;
		width: 25%;
		float: left;
		border-right: 1px solid #eee;
	}
	.unav li.unav_language span.unav_language_en a {
		display: block;
	}
	.unav li.unav_language span.unav_language_ck {
		display: block;
		width: 25%;
		float: left;
		border-right: 1px solid #eee;
	}
	.unav li.unav_language span.unav_language_ck a {
		display: block;
	}
	.unav li.unav_language span.unav_language_ch {
		display: block;
		width: 25%;
		float: left;
		border-right: 1px solid #eee;
	}
	.unav li.unav_language span.unav_language_ch a {
		display: block;
	}
	.unav li.unav_language span.unav_language_th {
		display: block;
		width: 24%;
		float: left;
	}
	.unav li.unav_language span.unav_language_th a {
		display: block;
	}
	.unav li.unav_language span.unav_language_none {
		display: none;
	}
}
@media screen and (min-width:1000px) , print {
	header {
		position: relative;
		height: 120px;
	}
	.site_logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: 200px;
	}
	.h_menu {
		display: none;
	}
	.gnav {
		position: absolute;
		right: 20px;
		top: 50px;
		width: 70%;
		max-width: 1000px;
		display: flex;
		justify-content: space-between;
		font-size: 110%;
		letter-spacing: 0.05em;
		/*background: hsla(0,0%,0%,0.01);*/
	}
	.gnav > li {
		width: 16.666%;
		text-align: center;
	}
	.gnav > li:hover {
		background: hsla(45,29%,53%,0.50);
		border-bottom: 3px solid #a96;
	}
	.gnav > li > a {
		display: block;
		color: #000;
		line-height: 1.2;
		padding: .9em 0 .9em;
	}
	.gnav > li > ul {
		display: none;
	}
	.gnav > li:hover > ul {
		background: #a96;
		background: url("../img/bg02.png") repeat left top;
		background-size: 240px;
		display: block;
		display: flex;
		justify-content: center;
		position: fixed;
		left: 0;
		right: 0;
		top: 102px;
		z-index: 999999;
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
	}
	.gnav > li:hover > ul > li {
		width: 14.5%;
		margin: 1em 1% .5em;
	}
	.gnav > li:hover > ul > li > a {
		font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		color: #fff;
		font-size: 90%;
		line-height: 1.2;
	}
	.unav {
		position: absolute;
		right: 20px;
		top: 20px;
		display: flex;
		justify-content: flex-end;
		font-size: 80%;
	}
	.unav li {
		text-align: right;
		margin-left: 1.5em;
		padding: 0 0 0 20px;
		color: #a96;
	}
	.unav li.unav_download {
		background: url(../img/unav_download.png) no-repeat left center;
		background-size: 15px 14px;
		display: none;
	}
	.unav li.unav_news {
		background: url(../img/unav_news.png) no-repeat left center;
		background-size: 18px 15px;
		display: none;
	}
	.unav li.unav_faq {
		background: url(../img/unav_faq.png) no-repeat left center;
		background-size: 15px 15px;
		display: none;
	}
	.unav li.unav_contact {
		background: url(../img/unav_contact.png) no-repeat left center;
		background-size: 15px 10px;
		display: none;
	}
	.unav li.unav_language {
		background: url(../img/unav_language.png) no-repeat left center;
		background-size: 15px 15px;
	}
	.unav li a {
		display: inline-block;
		color: #a96;
		line-height: 1.2;
		padding: .5em 0;
	}
}


/* カテゴリータイトルとコピー
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.category {
		background: url(../img/bg01.png) repeat left top;
		background-size: 200px;
		padding: 0 0 2em;
	}
	.c_title {
		background: url(../img/bg.png) no-repeat left top;
		background-size: cover;
		text-align: center;
		font-size: 200%;
		letter-spacing: .1em;
		padding: 2em 0;
		margin: 0 0 2em;
		color: #fff;
		text-shadow: -1px 0 5px hsla(0,0%,0%,0.50), 0 1px 5px hsla(0,0%,0%,0.50), 1px 0 5px hsla(0,0%,0%,0.50), 0 -1px 5px hsla(0,0%,0%,0.50);
	}
	.c_copy {
		text-align: center;
		font-size: 110%;
		margin: 0 0 1em;
		padding: 0 20px;
	}
	.c_copy br {
		display: none;
	}
	.corner {
		padding: 0 20px 4em;
	}
	.d_title {
		text-align: center;
		font-size: 180%;
		letter-spacing: .05em;
		margin: 0 0 1em;
	}
	.d_title::after {
		content: '';
		display: block;
		width: 100px;
		height: 3px;
		background: #a96;
		margin: .5em auto 0;
	}
	.btn {
		background: #a96;
		text-align: center;
		padding-bottom: 0;
	}
	.btn a {
		color: #fff;
		display: block;
		background: url("../img/arrow_w.png") no-repeat right 1em center;
		background-size: 6px 10px;
		padding: .6em 1em;
	}
}
@media screen and (min-width:1000px) , print {
	.category {
		background: url(../img/bg01.png) repeat left top;
		background-size: 200px;
		padding: 0 0 4em;
	}
	.c_title {
		background: url(../img/bg.png) no-repeat left top;
		background-size: cover;
		text-align: center;
		font-size: 280%;
		letter-spacing: .1em;
		padding: 2.4em 0;
		margin: 0 0 2em;
		color: #fff;
		text-shadow: -1px 0 5px hsla(0,0%,0%,0.50), 0 1px 5px hsla(0,0%,0%,0.50), 1px 0 5px hsla(0,0%,0%,0.50), 0 -1px 5px hsla(0,0%,0%,0.50);
	}
	.c_copy {
		text-align: center;
		font-size: 120%;
		margin: 0 0 1.5em;
	}
	.corner {
		max-width: 960px;
		margin: 0 auto 4em;
		padding: 0 20px 4em;
	}
	.d_title {
		text-align: center;
		font-size: 200%;
		letter-spacing: .05em;
		margin: 0 0 1.5em;
	}
	.d_title::after {
		content: '';
		display: block;
		width: 100px;
		height: 3px;
		background: #a96;
		margin: .5em auto 0;
	}
	.btn {
		background: #a96;
		text-align: center;
		padding-bottom: 0;
	}
	.btn a {
		color: #fff;
		display: block;
		background: url("../img/arrow_w.png") no-repeat right 1em center;
		background-size: 6px 10px;
		padding: .6em 1em;
	}
}


/* 次ページのご案内
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	.nextnav {
		display: flex;
		justify-content: space-between;
		background: #000;
	}
	.nextnav a {
		width: 25%;
		color: #fff;
		display: block;
		text-align: center;
		opacity: .8;
	}
	.nextnav a:hover {
		opacity: 1.0;
	}
	.nextnav a li {
		border-right: 1px solid hsla(0,0%,100%,0.60);
		border-left: 1px solid hsla(0,0%,100%,0.60);
		font-size: 140%;
		letter-spacing: .05em;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin: 3em auto;
		padding: 1em 0;
	}
}
@media screen and (min-width:1000px) , print {
	.nextnav {
		display: flex;
		justify-content: space-between;
		background: #000;
		align-items: center;
	}
	.nextnav a {
		width: 25%;
		color: #fff;
		display: block;
		text-align: center;
		opacity: .8;
		padding: 4em 0;
	}
	.nextnav a:hover {
		opacity: 1.0;
	}
	.nextnav a li {
		display: inline-block;
		border-top: 1px solid hsla(0,0%,100%,0.60);
		border-bottom: 1px solid hsla(0,0%,100%,0.60);
		font-size: 150%;
		letter-spacing: .05em;
		padding: 0 1em;
	}
}
.nextnav a.next_know_01 ,
.nextnav a.next_know_02 ,
.nextnav a.next_know_03 {
	width: 33.33%;
}
.nextnav a.next_prayer_01 ,
.nextnav a.next_prayer_02 ,
.nextnav a.next_worship_01 ,
.nextnav a.next_worship_02 {
	width: 50%;
}
.nextnav a.next_know_01 {
	background: url(../../know/images/fbg_01.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_know_02 {
	background: url(../../know/images/fbg_02.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_know_03 {
	background: url(../../know/images/fbg_03.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_know_04 {
	background: url(../../know/images/fbg_04.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_around_01 {
	background: url(../../around/images/fbg_01.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_around_02 {
	background: url(../../around/images/fbg_02.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_around_03 {
	background: url(../../around/images/fbg_03.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_around_04 {
	background: url(../../around/images/fbg_04.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_prayer_01 {
	background: url(../../prayer/images/fbg_01.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_prayer_02 {
	background: url(../../prayer/images/fbg_02.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_worship_01 {
	background: url(../../worship/images/fbg_01.jpg) no-repeat center center;
	background-size: cover;
}
.nextnav a.next_worship_02 {
	background: url(../../worship/images/fbg_02.jpg) no-repeat center center;
	background-size: cover;
}


/* フッター
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	footer {
		padding: 20px 0 10px;
		border-bottom: 5px solid #a96;
	}
}
@media screen and (min-width:1000px) , print {
	footer {
		padding: 40px 20px 0;
		border-bottom: 5px solid #a96;
		position: relative;
	}
}


/* お問い合わせ先
--------------------------------------------------------- */
@media screen and (max-width:999px) {
	address {
		font-style: normal;
		line-height: 1.5;
		padding-bottom: 1em;
		text-align: center;
		font-weight: bold;
		font-size: 80%;
	}
}
@media screen and (min-width:1000px) , print {
	address {
		font-style: normal;
		line-height: 1.6;
		padding-bottom: 4em;
		font-size: 80%;
	}
}
address h3 a img {
	width: 180px;
	padding-bottom: 1em;
}
address span {
	font-weight: bold;
	font-size: 140%;
}
address > p > a {
	color: #000;
}
p.copyright {
	padding-top: 1em;
	font-size: 100%;
}


/* フッターナビ
--------------------------------------------------------- */
@media screen and (max-width:999px) {
    .fnav_list {
		display: none;
    }
}
@media screen and (min-width:1000px) , print {
    .fnav_list {
		position: absolute;
		right: 20px;
		top: 40px;
		width: 720px;
		display: flex;
		justify-content: space-between;
    }
    .fnav_list > li {
    }
    .fnav_list > li > a {
		color: #000;
		font-weight: bold;
		border-bottom: 1px solid hsla(0,0%,0%,0.30);
		display: block;
		padding: 0 0 .2em 0;
		margin: 0 5px .5em 0;
		line-height: 1.2;
		font-size: 95%;
    }
    .fnav_list > li > ul {
		font-size: 80%;
    }
    .fnav_list > li > ul > li {
    }
    .fnav_list > li > ul > li > a {
		background: url(../img/arrow_b.png) no-repeat left 3px;
		background-size: 4px 8px;
		padding: 0 1em 0 6px;
		margin-bottom: .5em;
		color: #000;
		display: block;
		line-height: 1.2;
    }
}


/* ページの先頭に戻るボタン
--------------------------------------------------------- */
.page_top {
	width: 40px;
	height: 40px;
	right: 10px;
	bottom: 10px;
	position: fixed;
	z-index: 101;
}