#bg-ms {
	height: 476px;
	position: absolute;
	overflow: hidden;
	width: 100%;
	top: 107px;
	z-index: -1;
	min-width: 1007px;
}
#bg-1,#bg-2,#bg-3,#tx-1,#tx-2,#tx-3,#bg-1b {
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	opacity: 0;
	animation-duration: 40s;
	animation-iteration-count: infinite;
}
#bg-1,#bg-2,#bg-3,#bg-1b {
	background-size: 1200px;
	min-width: 1007px;
	min-height: 500px;
	margin: auto;
	width: 100%;
	left: 0;
	top: 0;
}
/*#tx-1,#tx-2,#tx-3 {
	background-size: contain;
	height: 72px;
	width: 100%;
	top: 200px;
}*/
#tx-1 {
	background-size: contain;
	height: 110px;
	width: 100%;
	top: 180px;
}
#tx-2 {
	background-size: contain;
	height: 150px;
	width: 100%;
	top: 140px;
}
#tx-3 {
	background-size: contain;
	height: 150px;
	width: 100%;
	top: 140px;
}
#bg-1 {
	animation-name: move;
	opacity: 1;
}
#bg-1b {
	animation-name: move2;
}
#bg-2 {
	background-image: url("../img/hato_m.jpg");
	animation-name: zoomin;
}
#bg-3 {
	background-image: url("../img/koudanew5.jpg");
	animation-name: zoomout;
}
#tx-1 {
	background-image: url("../img/welcome-ki.png");
	animation-name: fade1;
}
#tx-2 {
	background-image: url("../img/mikotoba-a.png");
	animation-name: fade2;
}
#tx-3 {
	background-image: url("../img/mikotoba-b.png");
	animation-name: fade3;
}
@media (min-width: 640px) {
	#bg-1 {
		background-image:
			url("../img/sotokabenaname_m1.jpg"),
			url("../img/sotokabenaname_m2.jpg"),
			url("../img/sotokabenaname_m3.jpg");
		background-position-y: 0, 529px, 1058px;
		height: 3500px;
	}
	#bg-1b {
		/*background-image: url("../img/kyoukai-8m.jpg");*/
		background-image: url("../img/kyoukai-sakura3.jpg");
		height: 3000px;
	}
}
@media (max-width: 640px) {
	#bg-ms {
		top: 48px;
		height: 190px;
		min-width:100%;
	}
	#bg-1,#bg-2,#bg-3,#bg-1b {
		background-size: cover;
		min-width: unset;
		min-height: 190px;
		background-position: center 0px;
	}
	/*#tx-1,#tx-2,#tx-3 {
		height: 42px;
		width: 100%;
		top: 82px;
	}*/
		#tx-1 {
		height: 40px;
		width: 100%;
		top: 80px;
	}
		#tx-2,#tx-3 {
		height: 65px;
		width: 100%;
		top: 62px;
	}
	#bg-1 {
		background-image: url("../img/sotokabenaname_s.jpg");
		height: 600px;
	}
	#bg-1b {
		/*background-image: url("../img/kyoukai-8_s.jpg");*/
		background-image: url("../img/kyoukai-sakura3.jpg");
		height: 700px;
	}
}
@media (min-width: 640px) {
	@keyframes move {
		0% {transform: translateY(1600px) scale(2);}
		1% {transform: translateY(1600px) scale(2);}
		25% {
			transform: translateY(0px) scale(1);
			opacity: 1;
		}
		35% {
			transform: translateY(0px) scale(1);
			opacity: 0;
		}
		95%{
			transform: translateY(1600px) scale(2);
			opacity: 0;
		}
		100%{
			transform: translateY(1600px) scale(2);
			opacity: 1;
		}
	}
	@keyframes move2 {
		25% {
			/*transform: translateY(-350px);*/
			transform: translateY(-515px);
			opacity: 0;
		}
		30% {
			/*transform: translateY(-350px);*/
			transform: translateY(-515px);
		}
		35% {opacity: 1;}
		50% {opacity: 1;}
		55% {
			opacity: 0;
			/*transform: translateY(-2000px);*/
			transform: translateY(-1800px);
		}
	}
}
@media (max-width: 640px) {
	@keyframes move {
		0% {transform: translateY(200px) scale(2);}
		1% {transform: translateY(200px) scale(2);}
		25% {
			transform: translateY(0px) scale(1);
			opacity: 1;
		}
		35% {
			transform: translateY(0px) scale(1);
			opacity: 0;
		}
		95% {
			transform: translateY(200px) scale(2);
			opacity: 0;
		}
		100%{
			transform: translateY(200px) scale(2);
			opacity: 1;
		}
	}
	@keyframes move2 {
		25% {
			transform: translateY(-30px);
			opacity: 0;
		}
		30% {
			transform: translateY(-30px);
		}
		35% {opacity: 1;}
		50% {opacity: 1;}
		55% {
			opacity: 0;
			/*transform: translateY(-500px);*/
			transform: translateY(-420px);
		}
	}
}
@keyframes zoomin {
	50% {
		opacity: 0;
		transform: scale(1);
	}
	55% {opacity: 1;}
	70% {opacity: 1;}
	75% {opacity: 0;}
	80% {transform: scale(1.2);}
}
@keyframes zoomout {
	70% {
		opacity: 0;
		transform: scale(1.2);
	}
	75% {opacity: 1;}
	95% {opacity: 1;}
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
@keyframes fade1 {
	0% {opacity: 0;}
	4% {opacity: 0;}
	9% {opacity: 1;}
	35% {opacity: 1;}
	40% {opacity: 0;}
}
@keyframes fade2 {
	50% {opacity: 0;}
	55% {opacity: 1;}
	70% {opacity: 1;}
	75% {opacity: 0;}
}
@keyframes fade3 {
	70% {opacity: 0;}
	75% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}
@media (max-width: 640px) {
	#container > #gmlay {
		top: 48px;
	}
	#church-name {
		display: none;
	}
	#gmenu-wrap > #gmenu {
		margin-top: 190px;
	}
	#gmenu-wrap #gmenu > li:last-child {
		display: none;
	}
}
@media (min-width: 640px) {
	#container {
		min-width: 1007px;
	}
	#church-name {
		/*background-image: url("../img/title-moji-cross2.png");*/
		background-size: contain;
		background-repeat: no-repeat;
		background-color: white;
		background-position: center;
		/*height: 90px;*/
	}
	#gmenu > li:last-child {
		display: list-item;
	}
	/*#gmenu > li:nth-last-child(3) {
		display: none;
	}*/
}

/****search****/

#gmenu > li:last-child > a {
	position: relative;
}
@media (min-width: 640px) {
	@font-face {
		font-family: "icomoon";
		src: url(./icomoon.woff);
	}
	#gmenu > li:last-child > a::after {
		font-family: "icomoon";
		content: "\f002";
	}
}
#gmenu > li:last-child > a:hover #search {
	display: block;
}
#search {
	right: 0;
}
@media (min-width: 640px) {
	#search {
		display: none;
		position: absolute;
		top: 44px;
		width: 200px;
		height: 32px;
		padding: 6px 8px 1px 10px;
		margin-right: 1px;
		margin-left: 18px;
		border: solid #333 1px;
		border-radius: 3px;
	}
}
@media (max-width: 640px) {
	#search {
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
		padding: 10px;
		width: calc(100% - 68px);
		height: 28px;
		border: none;
	}
}
#search ul li{
	display:inline;
	vertical-align:bottom;
}
td.gsc-clear-button{
	display: none;
}
.gsc-input .gsc-input-box {
	padding: 0;
	border: none;
}
#search input.gsc-search-button {
	background-color: transparent !important;
	border:none !important;
	border-radius:0;
}
.gsc-search-box .gsc-input>input:focus,.gsc-input-box-hover,.gsc-input-box-focus {
	box-shadow: none!important;
}
.gsib_a {
	padding: 0 !important;
}
.gsib_b {
	background-color: #fcfcfc !important;
}
.gsst_a {
	padding: 5px 0 0 0 !important;
	background-image: none !important;
}
.gsst_a span#gs_cb50 {
	padding: 0 !important;
	font-size: 150%;
}
input.gsc-search-button.gsc-search-button-v2 {
	opacity: 0;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	width: 39px!important;
	height: 26px!important;
	padding: 0!important;
	min-width: 27px!important;
	margin: 0!important;
	background-repeat: no-repeat;
}
.gsc-search-button.gsc-search-button-v2,
.gsc-search-button.gsc-search-button-v2:hover {
	padding: 7px;
}
@media (max-width: 640px) {
	.open ~ #gmenu-wrap #gmenu > li:last-child {
		display: block;
	}
}

/* main_menu */

#main_menu {
	background-color: #DDD;
	margin: 0 auto;
	padding: 11px 0 3px 0;
	overflow: hidden;
	display: flex;
	width: auto;
	clear: both;
	justify-content: center;
}
@media (min-width: 640px) {
	#main_menu {
		margin-top: 449px;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 40%, rgba(255, 255, 255, .9));
	}
}
#main_menu li {
	margin-right: 8px;
	list-style-type: none;
	text-align: center;
	min-width: 140px;
}
#main_menu > li {
	border-right: white 1px solid;
}
#main_menu > li:first-child {
	margin-left: 15px;
}
#main_menu > li:nth-child(6) {
	border-right: none;
	white-space: nowrap;
}
#main_menu > li:nth-child(7) {
	display: none;
}
#main_menu > li.mobile-only + li ~ li {
	display: inline;	
}
#main_menu > li > a[href=kids] {
	font-size: 120%;
}
#main_menu a:hover {
	opacity: 0.8;
}
#main_menu a:visited {
	color: #333;
}
@media (min-width: 640px) {
	#main_menu > li > a::before {
		display: none;
	}
}
#main_menu > li > ul a {
	background-color: rgba(255, 255, 255, .5)
}
#main_menu li:hover > ul {
	visibility: visible;
	opacity: 1;
	max-height: 200px;
}
#main_menu ul li {
	position: relative;
	display: inline-block;
	margin-bottom: 4px;
	top: 6px;
}
#main_menu ul a {
	font-weight: normal;
	font-size: 100%;
	vertical-align: middle;
	display: table-cell;
	padding: 5px 8px 2px;
	width: 160px;
	height: 30px;
	word-break: break-all;
}
#main_menu ul {
	position: absolute;
	display: none;
}
#main_menu:hover > li > ul,
#main_menu li:hover > ul ul {
	display: flex;
}
#main_menu a:hover {
	opacity: 1;
}
#main_menu > li > ul {
	transform: translateY(-69px);
}
#main_menu > li > a[href=question] + ul {
	transform: translateY(-110px);
}
#main_menu > li > a[href=evolution] + ul {
	transform: translateY(-153px);
}
#main_menu > li > ul > li > ul {
	transform: translateY(-84px);
}
#main_menu > li > a[href=whoisjesus] + ul > li:last-child > ul,
#main_menu > li > a[href=testimony] + ul > li:first-child > ul,
#main_menu > li > a[href=testimony] + ul > li:nth-child(3) > ul,
#main_menu > li > a[href=testimony] + ul > li:nth-child(5) > ul {
	transform: translateY(-125px);
}
#main_menu > li > a[href=goodnews] + ul > li:first-child > ul {
	transform: translateY(-166px);
}

/* main_column */

@media (min-width: 640px) {
	#main {
		width: 1007px;
	}
}
#main_column {
	background-color: #FFF;
	margin-top: 12px;
	margin-bottom: 30px;
}
#main_column h2 {
	color: #333;
	font-weight: bold;
	overflow: hidden;
}
#main_column h3 {
	color: #333;
	overflow: hidden;
}
@media (min-width: 640px) {
	#main_column {
		float: left;
		width: 700px;
		padding: 0 25px;
		border: solid 2px #CCC;
		border-radius: 12px;
	}
	#main_column h2 {
		font-size: 150%;
		/*padding-top: 15px;*/
		padding-left: 0;
	}
	#main_column h3 {
		font-size: 120%;
		font-weight: bold;
		padding-top: 0;
		padding-left: 0;
	}
}
@media (max-width: 640px) {
	#main_column {
		width: auto;
		padding: 0;
		float: none;
		border: none;
	}
	#main_column h2 {
		letter-spacing: .1em;
		padding: 5px;
		font-size: 100%;
	}
	#main_column h3 {
		font-weight: normal;
		letter-spacing: .1em;
		padding: 5px;
		font-size: 100%;
	}
	#main_column .main_column_title h2 {
		font-weight: bold;
                border-top: dotted 1px #999;	
		border-bottom: dotted 1px #999;
		/*color: white;
		background-color: #999;*/
	}

	
	#main_column > table {
		width: 100%;
	}
}

.main_column_title a {
	color: #333;
	background: linear-gradient(transparent 98%, #333 98%);
}
.main_column_title a:hover {
	color: #999;
	background: linear-gradient(transparent 98%, #999 98%);
}

@media (min-width: 640px) {
	.scrp{
		display: none;
	}
}
@media (min-width: 640px) {
	.scrp2{
		display: none;
	}
}
@media (max-width: 640px) {
	.scrp {
		margin-top: 30px;
		margin-bottom: 0;
	}
}
@media (max-width: 640px) {
	.scrp2 {
		margin-top: 10px;
		margin-bottom: 0;
	}
}

/***** sub_column *****/

#sub_column {
	text-align: center;
	position: relative;
}
@media (min-width: 640px) {
	#sub_column {
		float: left;
		width: 231px;
		margin-left: 22px;
		margin-top: 12px;
	}
}
#count {
	text-align:center;
	margin-top:10px;
}
#icon img{
	border-radius:7px;
}

/***** main_banner *****/

#main_banner {
	clear: left;
	margin: 30px 0;
	background-color: whitesmoke;
	overflow: hidden;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	min-width: 100%;
	position: relative;
}
#main_banner a {
	width: 200px;
	display: inline-block;
	text-align: center;
	min-width: 200px;
	animation-iteration-count: infinite;
}
#main_banner a:first-child:nth-last-child(8),
#main_banner a:first-child:nth-last-child(8) ~ a {
	animation-name: slider8;
}
#main_banner a:first-child:nth-last-child(9),
#main_banner a:first-child:nth-last-child(9) ~ a {
	animation-name: slider9;
}
@media (min-width: 640px) {
	#main_banner a {
		animation-duration: 20s;
	}
	@keyframes slider8 {
		0%,20% { transform: translateX(300px); }
		25%,45% { transform: translateX(100px); }
		50%,70% { transform: translateX(-100px); }
		75%,95% { transform: translateX(-300px); }
		100% { transform: translateX(300px); }
	}
	@keyframes slider9 {
		0%,16% { transform: translateX(400px); }
		20%,36% { transform: translateX(200px); }
		40%,56% { transform: translateX(0px); }
		60%,76% { transform: translateX(-200px); }
		80%,96% { transform: translateX(-400px); }
		100% { transform: translateX(400px); }
	}
}
@media (max-width: 640px) {
	#main_banner a {
		animation-duration: 30s;
	}
	#main_banner a:first-child:nth-last-child(5),
	#main_banner a:first-child:nth-last-child(5) ~ a {
		animation-name: slider5;
		animation-duration: 20s;
	}
	@keyframes slider5 {
		0%,18% { transform: translateX(300px); }
		26%,42% { transform: translateX(100px); }
		50%,66% { transform: translateX(-100px); }
		74%,92% { transform: translateX(-300px); }
		100% { transform: translateX(300px); }
	}
	@keyframes slider8 {
		0%,8% { transform: translateX(700px); }
		12%,20% { transform: translateX(500px); }
		24%,32% { transform: translateX(300px); }
		36%,44% { transform: translateX(100px); }
		48%,56% { transform: translateX(-100px); }
		60%,68% { transform: translateX(-300px); }
		72%,80% { transform: translateX(-500px); }
		84%,92% { transform: translateX(-700px); }
		100% { transform: translateX(700px); }
	}
	@keyframes slider9 {
		0%,8% { transform: translateX(700px); }
		12%,20% { transform: translateX(500px); }
		24%,32% { transform: translateX(300px); }
		36%,44% { transform: translateX(100px); }
		48%,56% { transform: translateX(-100px); }
		60%,68% { transform: translateX(-300px); }
		72%,80% { transform: translateX(-500px); }
		84%,92% { transform: translateX(-700px); }
		100% { transform: translateX(700px); }
	}
}

@media (min-width: 640px) {
	#navi_banner div {
		margin-top: 20px;
		display: inline-block;
		width: 345px;
	}
	#navi_banner div:first-child {
		margin-right: 5px;
	}
}

@media (max-width: 640px) {
	#navi_banner div {
		margin-top: 10px;
	}
}

/* board */

#board {
	margin: 20px auto;
	border: solid 1px #CCC;
	border-radius: 7px;
}
#slide {
	position: relative;
	width: 210px;
	height: 150px;
	display: inline-block;
}
#slide img {
	width: 210px;
	height: 145px;
	position: absolute;
	top: 5px;
	left: 0;
	opacity: 0;
	transition: all 1s linear;
}
#slide img:first-child {
	opacity:1;
}
#comment {
	display: inline-block;
	width: 170px;
	height: 110px;
	padding-top: 55px;
	padding-left: 22px;
	padding-right: 31px;
	color:#339999;
	background: url("../img/board.jpg");
	background-repeat :no-repeat;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 120%; 
}
@media (max-width: 640px) {
	.comment2 {
		padding-top: 4px;
		font-size: 10px;
		font-weight: bold;
	}
}

/* bible study */

#bs {
	margin: 25px 0;
}
@media (max-width: 640px) {
	#bs .lock2 {
		font-size: 6pt;
	}
}

/* bhy */

#bhy{
	margin: 25px 0 25px 0;
}

/* cutevo */

#cutevo {
	padding-right: 10px;
	padding-left: 14px;
	padding-top: 0;
	margin-bottom: 30px;
	background-color: #ecf4ff; 
}
#cutevo-left img {
	margin-top: 15px;
	margin-bottom: 20px;
	margin-right: 8px;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
#cutevo-left {
	display: inline-grid;
}
#cutevo-right {
	display: inline-block;
	padding-left: 30px;
}
#cutevo-top {
	font-size: 20px;
	font-weight :bold;
	color: #6cf;
	font-style: italic;
	background-image: -webkit-linear-gradient(top, #feb08a,#f74408);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
#cutevo-text {
	margin:10px;
}
#cutevo-title {
	font-size: 14px;
	text-align: right;
	margin-bottom: 15px;
	margin-top: 3px;
	background-image: -webkit-linear-gradient(left,#111,#44f708);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	display: inline-block;
}
.mac #cd-title {
	font-size:12px;
}
#cutevo-adv {
	line-height: 130%;
	text-align: justify;
	padding-bottom: 12px;
	clear: left;
}
#cutevo-dl{
	padding: 5px;
	background-color: #ecf4ff; 
	margin-bottom: 3px;
}
#cutevo-dl img {
	float: left;
	margin-left: 10px;
	margin-right: 5px;
}
.item1{
	padding-left: 30px;
}
.item2{
	margin-left: 60px
}

/* dna */

#dna {
	margin-bottom: 40px;
	border: 1px solid #CCC;
	border-style: dotted;
	padding: 8px;
}
#dna-image{
	margin: 4px;
	float: left;
	vertical-align: middle;
}
#dna-desc1{
	height: 90px;
	vertical-align: middle;
	padding-top: 15px;
	margin-bottom: 20px;
	display: table;
}
#dna-desc2{
	clear:left;
	line-height: 140%;
	padding-left: 5px;
}
#dna-desc3{
	vertical-align: middle;
	padding-top: 10px;
}
#dna-desc4{
	padding-top: 5px;
}

/* publish */

#publish {
	margin-bottom: 25px;
}

.whatsnewline {
	height: 1px;
	border: none;
	border-top: 1px #ccc dotted;
	margin-bottom: 26px;
}
.whatsnewline2 {
	height: 1px;
	border: none;
	border-top: 1px #ccc dotted;
	margin-top: 15px;
	margin-bottom: 15px;
}

.whatsnew a {
	color: #333;
	background: linear-gradient(transparent 98%, #333 98%);
}
.whatsnew a:hover {
	color: #999;
	background: linear-gradient(transparent 98%, #999 98%);
}