/****************************
 * 背景
 ****************************/
/* 共通 */
	body
	{
		width:1200px;
		height:100vh;
		margin:0 auto;
		background:no-repeat center fixed;
		background-size:cover;
		display:block;
		position:relative;
		z-index:0;
		box-shadow:0 0 30px #999;
		font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, MS Pゴシック, MS PGothic, sans-serif;
		overflow:hidden;
	}
	body .navi_bg
	{
		width:340px;
		height:100%;
		margin:0;
		background:rgba(255,255,255,0.80);
		background-size:cover;
		display:block;
		position:absolute;
		left:-1px;
		bottom:0px;
		z-index:10;
	}
	body .navi_bg:after
	{
		width:1200px;
		height:100%;
		margin:0 auto -10px;
		background:no-repeat right bottom;
		display:block;
		position:absolute;
		z-index:10;
		content:"";
	}

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

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

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

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

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

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

/* その他の礼拝 */
	body.othermeetings
	{
		background-image: url(../images/bg_othermeetings.jpg);
	}

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

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

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

/****************************
 * ヘッダー
 ****************************/
	h2
	{
		width:350px;
		padding:30px 0 30px 50px;
		display:block;
		position:relative;
		z-index:100;
	}
	h2 span
	{
		padding:10px 0 25px;
		display:block;
	}
/****************************
 * フッター
 ****************************/
	footer
	{
		/*width:1200px;*/
		width:100%;
		margin:0 auto;
		padding-bottom:10px;
		background:url(../images/footer_bg.png) repeat-x left bottom;
		display:flex;
		justify-content:space-between;
		align-items:flex-end;
		position:absolute;
		bottom:0px;
		z-index:50;
	}
	footer aside
	{
		width:150px;
		margin:-20px 0 0 80px;
		display:flex;
		align-items:flex-end;
	}
	footer aside a
	{
		display:block;
		margin-right:5px;
		text-align:center;
		letter-spacing:0;
		color:#989797;
		font-size:0.9em;
		letter-spacing:0;
	}
	footer aside a:hover
	{
		opacity:0.6;
		color:#989797;
		text-decoration:none;
	}
	footer aside a img
	{
		padding-bottom:3px;
		display:block;
		text-align:center;
	}
	footer aside.scroll a img
	{
		width:auto;
		height:70px;
		padding-bottom:3px;
		display:block;
		text-align:center;
	}
	footer aside.sponly
	{
		display:none;
	}
	footer p
	{
		margin:0px 20px -5px 0;
		font-size:0.8em;
		color:#c3c4c4;
	}
/****************************
 * ナビゲーション
 ****************************/
	nav
	{
		width:200px;
		margin:0px 0 20px 50px;
		position:relative;
		z-index:100;
	}
	nav.scroll
	{
		width:270px;
		margin:0px 0 20px 50px;
		padding-right:20px;
		height: 60vh;
		overflow-y: auto;
	}
	nav li
	{
		padding:13px 0 13px 0.5em;
		border-bottom:dashed 1px #282828;
		cursor:pointer;
	}
	nav li:last-child
	{
		border-bottom:none;
	}
	nav li span,
	nav li a
	{
		display:block;
		font-size:1.3em;
		color:#222;
	}
	nav li div a
	{
		margin-bottom:0.5em;
	}
	nav li span:hover,
	nav li a:hover
	{
		color:#437ec1;
		text-decoration:none;
	}
	nav li div
	{
		width:150px;
		margin-top:0.8em;
		font-size:0.8em;
		position:relative;
		display:none;
	}
	nav li:nth-child(2) div{margin-left:60px;}
	nav li:nth-child(3) div{margin-left:60px;}
	nav li:nth-child(4) div{margin-left:60px;}
	nav li div a:nth-child(1){margin-left:0;}
	nav li div a:nth-child(2){margin-left:1em;}
	nav li div a:nth-child(3){margin-left:2em;}
	nav li div a:nth-child(4){margin-left:3em;}

	.sp_only
	{
		display:none;
	}



/****************************
 * コンテンツ
 ****************************/
/* 共通 */
	main
	{
		min-width:730px;
		width:65%;
		margin:80px 0 30px 0;
		padding-bottom:5em;
		float:right;
		display:block;
		position:relative;
		z-index:200;
		color:#fff;
		font-size:1.2rem;
	}
	/*
	main h1
	{
		width:92%;
		margin-top:25px;
		margin-bottom:50px;
		padding:7px 18px;
		border:1px solid #fff;
		font-size:1.5em;
		font-weight:normal;
	}
	main h1 span
	{
		margin-top:20px;
		margin-bottom:50px;
		margin-left:36px;
	}
	main h1 span:before
	{
		height:1.6em;
		margin-top:-7px;
		margin-left:-18px;
		border-left:1px solid #fff;
		position:absolute;
		content:"";
	}
	*/
	main h1
	{
		width:90%;
		margin-bottom:50px;
		padding:0 25px 0 5px;
		border:1px solid rgba(255,255,255,0.5);
	}
	main h1 img
	{
		margin-bottom:0px;
		display:block;
	}
	main h1.cs03 img.sp
	{
		display:none;
	}


	body.news main h1,
	body.lordsday main h1,
	body.churchletter main h1,
	body.photo main h1,
	body.access main h1
	{
		color:#000;
		border:1px solid rgba(0,0,0,0.5);
	}

	section.othermeetings
	{
		width:75%;
		margin-left:15%;
		padding:10px 50px 0 0px;
		text-shadow:0 0 5px #333;
		overflow-y:auto;
	}

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

/* お知らせ */
	section.news article ul
	{
		height:65vh;
		padding-left:2em;
		color:#000;
		text-shadow:none;
	}
	section.news article ul li
	{
		list-style-type:none;
		margin-bottom:30px;
		line-height:1.8em;
		text-indent:-1em;
	}
	section.news article ul li:before
	{
		content:"●";
	}
	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:65vh;
	}

	section.church01 article div,
	section.church02 article div,
	section.church03 article div,
	section.church04 article div
	{
		margin-bottom:5em;
	}
	
	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);
		table-layout:fixed;
	}
	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:15%;
	}
	section.church04 article table tr td:last-child
	{
		width:70%;
	}

/* 主日礼拝 */
	section.lordsday
	{
		display:flex;
		height:65vh;
	}
	section.lordsday .wordsofweek_submenu
	{
		width:18%;
		display:block;
		flex-basis:18%;
		color:#000;
		text-shadow:none;
	}

	section.lordsday .wordsofweek_submenu li a
	{
		display:block;
		margin-bottom:10px;
		color:#000;
	}

	section.lordsday article
	{
		width:82%;
		flex-basis:82%;
		color:#000;
		text-shadow:none;
		display:block;
	}

	section.lordsday article div
	{
		margin-bottom:5em;
	}

	section.lordsday article div:last-child
	{
		margin-bottom:0;
	}
	section.lordsday article div p
	{
		margin-bottom:1em;
		line-height:1.8em;
	}

	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:1rem;
		font-weight:normal;
	}
	section.lordsday article h4 span
	{
		font-size:1em;
	}
	section.lordsday article h5
	{
		margin-bottom:50px;
		font-size:1.1em;
		font-weight:normal;
	}
	section.lordsday article div dd
	{
		margin-bottom: 1.5em;
	}
	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:65vh;
		padding-left:20px;
	}

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

	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:65vh;
	}

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

	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:65vh;
	}

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

	section.othermeetings article ul:last-child
	{
		margin-bottom:0;
		margin-top:130px;
		margin-left:25%;
	}

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

/* 教会だより */
	section.churchletter
	{
		display:flex;
		height:65vh;
	}

	section.churchletter .letter_submenu
	{
		width:18%;
		flex-basis:18%;
		color:#000;
		text-shadow:none;
	}
	section.churchletter .letter_submenu li a
	{
		display:block;
		margin-bottom:10px;
		color:#000;
	}

	section.churchletter article
	{
		width:82%;
		flex-basis:82%;
		color:#000;
		text-shadow:none;
		display:block;
	}

	section.churchletter article h3
	{
		margin-bottom:30px;
		font-size:1.3em;
		font-weight:normal;
	}
	section.churchletter article h4
	{
		margin-bottom:50px;
		font-size:1rem;
		font-weight:normal;
	}
	section.churchletter article h4 span
	{
		font-size:1em;
	}
	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:65vh;
		padding:0;
	}
	section.photo article figure
	{
		width:calc( ( 100% - 35px ) / 4 );
		margin:0;
		padding:0;
		margin-right:5px;
		margin-bottom:5px;
		display:inline-block;
	}
	section.photo article figure:nth-child(4n)
	{
		margin-right:0px;
	}
	section.photo article figure img
	{
		width:100%;
	}
	section.photo article figure img:hover
	{
		opacity:0.6;
	}

/* 連絡先・アクセス */
	section.access article
	{
		height:65vh;
		color:#000;
		text-shadow:none;
	}
	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%;
	}

/****************************
 * スクロールバー
 ****************************/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .5);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}