/****************************
 * 背景
 ****************************/
/* 共通 */
	html
	{
		background:none;
	}
	body
	{
		padding-top:50px;
		position: relative;
		left: 0;
		overflow-x:hidden;
		background:#b5d3f5;
		font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, MS Pゴシック, MS PGothic, sans-serif;
		overscroll-behavior: none;
	}
	body:before
	{
		width:100%;
		height:100vh;
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		background:center/cover no-repeat;
		content:"";
	}
	body .navi_bg
	{
		width:100%;
		height:70px;
		max-height:70px;
		margin:0;
		background:#fff;
		padding:0;
		display:flex;
		justify-content:space-between;
		align-items:center;
		position:absolute;
		top:0;
		z-index:1000;
	}


/* TOP */
	body.index:before
	{
		background-image: url(../images/bg_index.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* お知らせ */
	body.news:before
	{
		background-image: url(../images/bg_news.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* 教会案内 */
	body.church01:before,
	body.church02:before
	{
		background-image: url(../images/bg_church_a.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}
	body.church03:before,
	body.church04:before
	{
		background-image: url(../images/bg_church_b.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* 主日礼拝 */
	body.lordsday:before
	{
		background-image: url(../images/bg_lordsday.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* CS */
	body.cs:before
	{
		background-image: url(../images/bg_cs.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* 保護者礼拝 */
	body.worship:before
	{
		background-image: url(../images/bg_worship.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* その他の集会 */
	body.othermeetings:before
	{
		background-image: url(../images/bg_othermeetings.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* 教会だより */
	body.churchletter:before
	{
		background-image: url(../images/bg_churchletter.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/* フォトアルバム */
	body.photo:before
	{
		background:#cecfd0;
	}

/* 連絡先・アクセス */
	body.access:before
	{
		background-image: url(../images/bg_access.jpg);
		-webkit-background-size:cover;
		background-size:cover;
	}

/****************************
 * ヘッダー
 ****************************/
	h2
	{
		width:100%;
		padding:10px 0 5px 10px;
	}
	h2 a img
	{
		width:80%;
		max-width:130px;
		padding:0;
		background:#fff;
	}
	h2 span img
	{
		width:70%;
		max-width:67px;
		padding-bottom:2px;
		display:block;
	}
/****************************
 * フッター
 ****************************/
	footer
	{
		width:100%;
		margin:0 auto 0px;
		padding-bottom:1px;
		background:url(../images/footer_bg.png) repeat-x left bottom;
		position:relative;
		bottom:0;
		z-index:500;
	}
	footer aside
	{
		margin:0px 0 -18px 10px;
		display:flex;
		align-items:flex-end;
	}
	footer aside a
	{
		display:inline-block;
		margin-right:5px;
		text-align:center;
		letter-spacing:0;
		color:#989797;
		font-size:0;
	}
	footer aside a:hover
	{
		opacity:0.6;
		color:#989797;
		text-decoration:none;
	}
	footer aside.sponly a img
	{
		padding-bottom:3px;
		display:block;
		text-align:center;
	}

	footer aside.scroll
	{
		display:none;
	}
	footer p
	{
		width:90%;
		margin:0px auto;
		padding-bottom:5px;
		font-size:0.5em;
		color:#c3c4c4;
		text-align:center;
		line-height:1rem;
		position:relative;
		bottom:0;
	}


/****************************
 * ナビゲーション
 ****************************/
	nav
	{
	}
	nav ul
	{
		position:fixed;
		top:0px;
		left: -240px;
		width: 240px;
		height:100%;
		background:#437ec1;
	}
	nav li
	{
		border-top:dashed 1px #fff;
	}
	nav li:first-child
	{
		border-top:none
	}
	nav li a,
	nav li span
	{
		padding:10px 0 10px 1em;
		display:block;
		font-size:1.3em;
		color:#fff;
	}
	nav li a:hover
	{
		text-decoration:none;
	}
	nav li div
	{
		padding-left:1em;
		display:none;
	}
	.sp_only
	{
		width:50px;
		height:50px;
		display:block;
		position:fixed;
		top:5px;
		right:10px;
		font-size:50px;
		text-align:center;
		color:#437ec1;
		text-shadow:1px 0px 0px #fff, 0px 1px 0px #fff, -1px 0px 0px #fff, 0px -1px 0px #fff;;
	}
	.sp_only span
	{
		display:block;
		font-size:10px;
		margin-top:-10px;
	}

/****************************
 * コンテンツ
 ****************************/
/* 共通 */
	main
	{
		width:100%;
		min-height:70vh;
		display: block;
		margin:0px auto 50px;
		color:#fff;
		font-size:1.2rem;
		overflow-x:hidden;
	}
	/*
	main h1
	{
		margin-top:30px;
		margin-bottom:30px;
		padding:7px 18px;
		border-bottom:1px solid #fff;
		font-size:1.3em;
		font-weight:normal;
	}
	*/

	main h1
	{
		margin-top:30px;
		margin-bottom:30px;
		padding:0 25px 0 10px;
		border-bottom:1px solid rgba(255,255,255,0.5);
	}
	main h1 img
	{
		margin-bottom:0px;
		display:block;
		object-fit:none;
		object-position:left bottom;
		overflow-x:hidden;
	}
	main h1.cs03 img.pc
	{
		display:none;
	}

	body.news main h1,
	body.lordsday main h1,
	body.churchletter main h1,
	body.photo main h1,
	body.access main h1
	{
		width:100%;
		color:#000;
		border-bottom:1px solid rgba(0,0,0,0.5);
		text-shadow:0 0 5px #fff;
	}

	section.news,
	section.church01,
	section.church02,
	section.church03,
	section.church04,
	section.lordsday,
	section.cs,
	section.worship,
	section.othermeetings,
	section.churchletter,
	section.photo,
	section.access
	{
		width:90%;
		margin:auto;
		padding:0 0 50px 0;
		text-shadow:0 0 5px #333;
	}

/* お知らせ */
	section.news article ul
	{
		padding-left:1.5em;
		color:#000;
		text-shadow:none;
	}
	section.news article ul li
	{
		list-style-type:disc;
		margin-bottom:30px;
		line-height:1.8em;
	}
	section.news article ul li a
	{
		color:#fff;
		text-decoration:underline;
	}
	section.news article ul li a:hover
	{
		text-decoration:none;
	}


/* 教会案内 */
	section.church01 article,
	section.church02 article,
	section.church03 article,
	section.church04 article
	{
		height:auto;
	}

	section.church01 article div,
	section.church02 article div,
	section.church03 article div,
	section.church04 article div
	{
		margin-bottom:3em;
	}

	section.church01 article div:last-child,
	section.church02 article div:last-child,
	section.church03 article div:last-child,
	section.church04 article div:last-child
	{
		margin-bottom:0;
	}

	section.church01 article div h3,
	section.church02 article div h3,
	section.church03 article div h3,
	section.church04 article div h3
	{
		margin-bottom:20px;
		font-size:1.2em;
		font-weight:normal;
	}

	section.church01 article div p,
	section.church01 article div dl,
	section.church02 article div p,
	section.church02 article div dl,
	section.church03 article div p,
	section.church03 article div dl,
	section.church04 article div p,
	section.church04 article div dl
	{
		margin-bottom:1em;
		line-height:1.8em;
	}
	section.church01 article div dd,
	section.church02 article div dd,
	section.church03 article div dd,
	section.church04 article div dd
	{
		margin-bottom:1.5em;
	}
	section.church04 article h3
	{
		margin-bottom:20px;
		font-size:1.2em;
	}
	section.church04 article table
	{
		width:100%;
		border-top:1px solid rgba(255,255,255,0.5);
		border-left:1px solid rgba(255,255,255,0.5);
	}
	section.church04 article table th,
	section.church04 article table td
	{
		padding:5px 10px;
		border-right:1px solid rgba(255,255,255,0.5);
		border-bottom:1px solid rgba(255,255,255,0.5);
	}
	section.church04 article table th
	{
		width:20%;
	}
	section.church04 article table tr td:last-child
	{
		width:50%;
	}

/* 主日礼拝 */
section.lordsday article
{
	height:auto;
	margin:auto;
	color:#000;
	text-shadow:0 0 5px #fff;
}
section.lordsday article div
{
	margin-bottom:3em;
}
section.lordsday article div p
{
	margin-bottom:1em;
	line-height:1.8em;
}
section.lordsday article div p,
section.lordsday article div dl
{
	margin-bottom:1em;
	line-height:1.8em;
}
section.lordsday article div dd
{
	margin-bottom:1.5em;
}

section.lordsday .wordsofweek_submenu
{
	display:block;
	margin:0px auto 20px;
	color:#000;
	text-shadow:none;
}
section.lordsday .wordsofweek_submenu li
{
	display:inline-block;
	margin:0 3px 8px 3px;
}
section.lordsday .wordsofweek_submenu li a
{
	display:inline-block;
	margin-bottom:10px;
	padding:1px 5px;
	color:#fff;
	font-size:0.8em;
	background:#437ec1;
	border:1px solid #437ec1;
	border-radius:5px;
}

section.lordsday article h3
{
	margin-bottom:30px;
	font-size:1.3em;
	font-weight:normal;
}
section.lordsday article h3 span
{
	font-size:1.1rem;
	display: block;
	margin:0.5em 0 0 0.5em;
}
section.lordsday article h4
{
	margin-bottom:50px;
	font-size:1.1em;
	font-weight:normal;
}
section.lordsday article h5
{
	margin-bottom:50px;
	font-size:1.1em;
	font-weight:normal;
}
section.lordsday.wordofweek article p
{
	margin-bottom:20px;
	line-height:1.8em;
	font-size:1rem;
}

.prayertime > p
{
	display: flex;
}
.prayertime > p:before
{
	content:"●";
	margin-right:0.3em;
}



/* cs */
	section.cs article
	{
		height:auto;
	}

	section.cs article div
	{
		margin-bottom:3em;
	}

	section.cs article div:last-child
	{
		margin-bottom:0;
	}

	section.cs article div h3
	{
		margin-bottom:20px;
		font-size:1.2em;
		font-weight:normal;
	}

	section.cs article div p
	{
		margin-bottom:1em;
		line-height:1.8em;
	}

/* 保護者礼拝 */
	section.worship article
	{
		height:auto;
	}

	section.worship article div
	{
		margin-bottom:3em;
	}

	section.worship article div:last-child
	{
		margin-bottom:0;
	}

	section.worship article div h3
	{
		margin-bottom:20px;
		font-size:1.2em;
		font-weight:normal;
	}

	section.worship article div p
	{
		margin-bottom:1em;
		line-height:1.8em;
	}

/* その他の集会 */
	section.othermeetings article
	{
		height:auto;
	}

	section.othermeetings article ul
	{
		margin-bottom:3em;
	}

	section.othermeetings article ul:last-child
	{
		margin-bottom:0;
		margin-top:30px;
	}

	section.othermeetings article ul li
	{
		margin-bottom:20px;
		font-weight:normal;
		line-height:1.5em;
	}

/* 教会だより */
	section.churchletter .letter_submenu
	{
		display:block;
		margin:0px auto 20px;
		color:#000;
		text-shadow:none;
	}
	section.churchletter .letter_submenu li
	{
		display:inline-block;
		margin:0 3px 8px 3px;
	}
	section.churchletter .letter_submenu li a
	{
		display:inline-block;
		margin-bottom:10px;
		padding:1px 5px;
		color:#fff;
		font-size:0.8em;
		background:#437ec1;
		border:1px solid #437ec1;
		border-radius:5px;
	}
	section.churchletter .letter_submenu li a:hover
	{
		color:#437ec1;
		background:none;
		text-decoration:none;
	}

	section.churchletter article
	{
		height:auto;
		margin:auto;
		color:#000;
		text-shadow:0 0 5px #fff;
	}

	section.churchletter article h3
	{
		margin-bottom:30px;
		font-size:1.3em;
		font-weight:normal;
	}
	section.churchletter article h4
	{
		margin-bottom:50px;
		font-size:1.1em;
		font-weight:normal;
	}
	section.churchletter article h5
	{
		margin-bottom:50px;
		font-size:1.1em;
		font-weight:normal;
	}
	section.churchletter article p
	{
		margin-bottom:20px;
		line-height:1.8em;
		font-size:1rem;
	}

/* フォトアルバム */
	section.photo article
	{
		height:auto;
		padding:0;
	}
	section.photo article figure
	{
		width:calc( ( 100% - 25px ) / 3 );
		margin:0;
		padding:0;
		margin-right:5px;
		margin-bottom:5px;
		display:inline-block;
	}
	section.photo article figure:nth-child(3n)
	{
		margin-right:0px;
	}
	section.photo article figure img
	{
		width:100%;
	}
	section.photo article figure img:hover
	{
		opacity:0.6;
	}

/* 連絡先・アクセス */
	section.access article
	{
		height:auto;
		color:#000;
		text-shadow:0 0 5px #fff;
	}
	section.access article p
	{
		line-height:1.8em;
	}
	.ggmap {
	margin-top:20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}