@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; margin:0; padding:0;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.pc { display:block; }
.sp { display:none; }

.min{
	font-family: 'Noto Serif JP', serif;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
img{vertical-align:bottom;}

.contents{
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	box-sizing: border-box;
}

p {font-size:16px; line-height:200%; color:#555555; padding:0; margin:0;}

/* header */
#topimg{ border-top:1px solid #b4b4b4; width:100%; height:450px; clear:both; overflow:hidden; background:url(../images/topbg.jpg) no-repeat top;}

#header{width:100%; clear:both; overflow:hidden; border-top:5px solid #99ce6f;}

#header .tit{ float:left;}
#header .right{ padding:20px 0 0 0; float:right; text-align:center;}
#header .right img{margin:5px 0 0 0;}
.h_tel{font-size:18px; font-weight:bold; color:#576d4f;}
.h_tel a{ text-decoration:none; color:#576d4f;}


#menu{ clear:both; overflow:hidden; padding:10px 0 25px 0;}
#menu ul{ margin:0; padding:0; }
#menu ul li{ text-align:center;list-style:none outside; float:left; border-right:1px solid #555555;}
#menu ul li a{ display:block; text-decoration:none; color:#555555;}

#menu ul li.df{ width:146px; height:29px; padding:5px 0 0 0;}
#menu ul li a:hover{border-bottom:5px solid #99ffff;}
#menu ul li.home{ width:114px; height:29px; border-left:1px solid #000000; padding:5px 0 0 0; letter-spacing:-0.1em;}
#menu ul li.home img{vertical-align:top; margin-right:5px;}

#menu ul li.sb{ display:none;}

#toggle{ 
 display: none;
}

/* pagenavi */
.tablenav {color: #2583ad;background:white;margin: 30px auto 10px auto;line-height:2em;text-align:center;}
a.page-numbers, .tablenav .current {color: #00019b;padding: 5px .4em;border:solid 1px #ccc;text-decoration:none;font-size:smaller;font-size:16px;}
a.page-numbers:hover {color:white;background: #328ab2;}
.tablenav .current {color: white;background: #328ab2;border-color: #328ab2;font-weight:bold:}
.tablenav .next, .tablenav .prev {border:0 none;background:transparent;text-decoration:underline;font-size:smaller;font-weight:bold;}

/* パンくず */
.pan{ border-top:1px solid #b4b4b4; color:#666666; font-size:14px; padding:10px 0;background:#efefef; width:100%; clear:both; text-align:right;}

.contents h2{ text-align:center; margin:0 0 20px 0; padding:30px 0; background: url(../images/h3bd.jpg) repeat-x bottom; overflow:hidden; clear:both;}


/* contents01 */
#con01{
	clear:both;
	overflow:hidden;
	width:100%;
}

#con01 .box{clear:both; overflow:hidden;}

#con01 .box ul {
	max-width: 1000px;
  font-size: 0;
  text-align: center;
  margin:0 auto;
  padding:35px 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#con01 .box li {
	list-style: none;
  font-size: 12px;
  padding: 0;
  margin:0;
	column-gap: 10px;
}
#con01 .box li a{
	transition: 1.0s;
}
#con01 .box li a:hover{
	opacity: 0.5;
	transition: 0.3s;
}


.newsbox{float:left; width:532px;background: url(../images/h3bd.jpg) repeat-x top; }
#con01 .newsbox ul{padding:0 10px 0 10px; clear:both; overflow:auto; height:200px; }
#con01 .newsbox li{ text-align:left; color:#555555; list-style:none outside; padding:0; margin:0 0 15px 0; text-align:left; font-size:16px; line-height:180%; clear:both; overflow:hidden;}
#con01 .newsbox li .date{font-weight:bold; margin:0 0 5px 0; overflow:hidden; clear:both;}
#con01 .newsbox li .date img{ padding-left:5px;}
#con01 .newsbox li .title{width:380px; float:left;}
.newsbox h3{ margin:0; padding:10px 0; overflow:hidden; clear:both;background: url(../images/h3bd.jpg) repeat-x bottom;}
.newsbox h3 .tit{ background: url(../images/h3.png) no-repeat left; float:left; padding:10px 0 10px 40px;}
.newsbox h3 .more{float:right; padding:15px 0 0 0;}

.newsbox .tb{clear:both; overflow:hidden; padding:10px 0 0 0;border-top:1px solid #848484;}
.newsbox .tb .tb1{ float:left; width:49%; font-size:18px; text-align:center; color:#ffffff;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.newsbox .tb .tb2{ float:right; width:49%; font-size:18px; text-align:center; color:#ffffff;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.newsbox .tb .tb1 a{display:block; background:#a8d066; font-weight:bold; color:#ffffff; padding:16px 0; text-decoration:none;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.newsbox .tb .tb1 a:hover{background:#bce47a; color:#ffffff;}
.newsbox .tb .tb2 a{display:block; background:#97ab87; font-weight:bold; color:#ffffff; padding:16px 0; text-decoration:none;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.newsbox .tb .tb2 a:hover{background:#aabd9a; color:#ffffff;}
.newsbox .tb p{ font-size:14px;}

.infobox{float:right; width:429px;}
.infobox .ifbace{ background:#ffffcf url(../images/ifbace2.png) no-repeat top center; border:1px solid #aaaaaa; margin-bottom:10px; padding:30px 25px 12px 25px;}
.infobox .ifbace p{line-height:200%; font-size:15px;}

.infobox .ifbace .tfbace{clear:both; overflow:hidden;}
.infobox .ifbace .tfbace .stel{ font-size:14px; width:48%; font-weight:bold; text-align:center; float:left; margin:0 5px 0 0; padding:5px 0; background:#ffffff; color:#6293bf; border:#6293bf 1px solid;}
.infobox .ifbace .tfbace .stel a{ text-decoration:none; color:#6293bf;}
.infobox .ifbace .tfbace .sfax{ font-size:14px; width:48%; font-weight:bold; text-align:center; float:right; margin:0; padding:5px 0; background:#ffffff; color:#7bb246; border:#7bb246 1px solid;}
.infobox .ifbace .tfbace .sfax a{ text-decoration:none; color:#7bb246;}

.infobox .ifbace .ch{padding:5px 0;}
.infobox .ifbace .map{ vertical-align:middle; padding:0; margin:8px 0;}
.infobox .ifbace .lf{float:left; padding:5px 10px 0 0;}
.infobox .ifbace .bks{font-size:14px;}

.ch1{ width:auto; padding:0 0 10px 0;}
.ch1 img{ width:auto; height:auto;}
.ch2{margin-bottom:10px;}



/* pagetop */
.pagetop{clear:both; overflow:hidden; padding:50px 0; width:78px; margin:0 auto;}

/* footer */
#footer { width:100%; margin:0; clear:both; overflow:hidden; background:url(../images/ftbg.jpg) repeat-x top; text-align:center;}
#footer a{color:#ffffff; text-decoration:none;}
#footer p{ font-size:14px; color:#ffffff; line-height:120%; margin:0; padding:25px 0;}
.copy{ background:#49774f; text-align:center; padding:10px 0; clear:both; overflow:hidden;}
.copy p{ color:#ffffff; font-size:12px;}

/* editer-post用 */
.aligncenter {
    display: block;
    margin: 0 auto;
	text-align:center;
}
.alignnone {
	padding:0;
}
.aligncenter {
    display: block;
    margin: 0 auto;
	text-align:center;
}
.alignright { float: right; }
.alignleft { float: left; }
.mtop { padding-top:10px;}
.mbottom { padding-bottom:10px;}
.mright { padding-right:10px;}
.mleft { padding-left:10px;}

.nbace ol{
	margin:0;
	padding:0 10px 0 30px;
	clear:both;
}
.nbace ol li{
	list-style-position:outside;
	font-size:16px;
	color:#777777;
	line-height: 200%;
}
.nbace ul{
	margin:0;
	padding:0 10px 0 30px;
	clear:both;
}
.nbace ul li{
	list-style-position:outside;
	font-size:16px;
	color:#777777;
	line-height: 200%;
}

/* post */
.posttit{clear:both; overflow:hidden; padding:30px 20px 0 20px;}
.postdate{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; float:left; font-size:16px; font-weight:bold; background-color:#99ce6f; color:#ffffff; text-align:center; width:15%; padding:10px;}
.posttit h3{ float:right; margin:0; width:80%; font-size:26px; line-height:150%; padding:0; color:#777777;}
.postbace{clear:both; overflow:hidden; padding:20px 40px;}
.postbace img{ max-width:100%; height:auto;}

.posttit2{clear:both; overflow:hidden; padding:30px 20px 20px 20px; border-bottom:1px dotted #888888;}
.posttit2 h3{ float:right; margin:0; width:80%; font-size:26px; line-height:150%; padding:0; color:#777777;}
.posttit2 h3 a{ color:#777777; text-decoration:none;}


/* page */
.pagebace{ clear:both; overflow:hidden; padding:20px;}
.pagebace h3{text-align:center; overflow:hidden; margin:0; clear:both; padding:30px 0 40px 0;}

.about01{clear:both; overflow:hidden; margin-bottom:80px;}
.about01 .rt{ float:right; width:398px;}
.about01 .rt img{ width:100%; height:auto;}
.about01 .lf{ float:left; width:530px; padding:10px 0 0 10px;}

.about01 .rt2{float:right; width:530px; padding:10px 0 0 0;}
.about01 .rt2 img{ width:100%; height:auto;}
.about01 .lf2{ float:left;  width:398px;}


.about02{clear:both; overflow:hidden; margin-bottom:50px;}
.about02 .lf{ float:left; width:300px;}
.about02 .lf img{ width:100%; height:auto;}
.about02 .rt{ float:right; width:628px; padding:10px 0 0 10px;}

.about02 .lf2{ float:left; width:628px; padding:10px 0 0 0;}
.about02 .rt2{ float:right; width:300px;}
.about02 .rt2 img{ width:100%; height:auto;}

.about02 .lf3{ float:left; width:320px;}
.about02 .rt3{ float:right;  width:608px;}
.about02 .lf3 img{ width:100%; height:auto;}
.about02 .rt3 img{ width:100%; max-width: 428px; height:auto; padding-bottom: 20px;}

.about02 .lf4{ float:left; width:608px;}
.about02 .rt4{ float:right;  width:320px;}
.about02 .lf4 img{ width:100%; max-width: 397px; padding-bottom: 20px;height:auto;}
.about02 .rt4 img{ width:100%; height:auto;}

.add{float:left; padding:0; width:350px;}
.add ul{padding:10px 0 0 25px; margin:0; font-size:16px; line-height:200%; color:#555555;}
.add ul li{list-style-position:outside; padding:0; margin:0;}
.mapbox{ width:350px; vertical-align:bottom; float:right;}

.qus{background:url(../images/qus.jpg) no-repeat left top; padding-left:60px; margin-bottom:15px; min-height:47px;}
.qus .tx{border:2px solid #ef896a; padding:6px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

.ans{background:url(../images/ans.jpg) no-repeat left top; padding-left:60px; margin-bottom:25px; min-height:47px;}
.ans .tx{border:2px solid #54b6dd; padding:6px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden; }
.ans .tx .rt{ float:right; padding:10px 0 10px 10px;}

.chuui{padding:10px; border:3px double #ff0000; color:#ff0000; font-size:14px; line-height:150%; margin:50px 0 20px 0; font-weight:bold;}


.box2{clear:both; overflow:hidden;}
.box2 ul {
  font-size: 0;
  text-align: center;
  margin:0;
  padding:20px 0;
}
.box2 li {
  font-size:16px;
  display: inline-block;
  padding: 0 17px;
  margin:0;
  text-align:left;
  width:286px;
  min-height:520px;
  vertical-align:top;
}
.box2 li h3{margin:0; padding:0 0 10px 0;}
.box2 li p{ margin:0; padding:0 0 0 5px;}
.box2 li img{padding-bottom:8px;}
.day {color:#ff0000; font-weight:bold; padding:7px; border:1px solid #ff0000; margin:10px 0 0 0; overflow:hidden; text-align:center;}


.box3{clear:both; overflow:hidden;}
.box3 ul {
  font-size: 0;
  text-align: center;
  margin:0;
  padding:20px 0;
}
.box3 li {
  font-size:14px;
  display: inline-block;
  padding: 0 17px;
  margin:0;
  text-align:left;
  width:286px;
  vertical-align:top;
}
.box3 li p{font-size:14px; text-align:center;}

.children{clear:both; overflow:hidden; padding:15px 0 20px 0;}
.children .lf{float:left;}
.children .rt{float:right;}
.children img{vertical-align:bottom;}

.schedule { margin:0; padding:0; clear:both; overflow:hidden;}
.schedule li{ list-style:none; margin:0; padding:0 20px 20px 20px; margin-bottom:25px; clear:both; overflow:hidden; border-bottom:1px dotted #555555;}
.schedule li p{ font-size:18px; line-height:180%; padding:5px 0 0 0;}
.schedule li .imb img{ width:100%; height:auto;}
.schedule li .imb{float:left; width:25%; padding-right:10px;}
.schedule li .txt{float:right; width:72%;}
.schedule li .txt2{float:right; width:46%;}

.pp { margin:0; padding:0 0 40px 0; clear:both; overflow:hidden;}
.pp h3{text-align:left; margin:0; padding:60px 0 15px 0; font-size:18px; color:#555555;}

.contact { margin:0; padding:0 0 50px 0; clear:both; overflow:hidden; text-align:center;}
.contact .tel{ clear:both; overflow:hidden; padding:15px 0 30px 0; text-align:center; font-weight:bold; color:#6293bf;}
.contact .tel img {vertical-align:middle; padding:1px 10px 0 0;}
.contact .tel .tl01{font-size:18px; vertical-align:middle;}
.contact .tel .tl02{font-size:43px; vertical-align:middle;}
.contact .tel a{ text-decoration:none; color:#6293bf;}

.hissu{ background:#ff0000; color:#ffffff; padding:5px 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.sbmt{ background-color:#9999cc; padding:20px; color:#ffffff; margin-left:15px; border:none; font-size:18px; font-weight:bold; }

.pastor{clear:both; overflow:hidden; padding:0 0 80px 0}

.pastor .name{padding:10px 0; font-weight:bold;}
.pastor img{ float:left;}

/* mailform */
.mf01{width:100%; line-height:150%; padding:10px; font-size:16px; background-color:#ffffd8; border:1px solid #d7db9e;}

/* tablebox */
.tbl_box01 {
	border-top: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0 40px 0;
}
.tbl_box01 th {
	padding:20px;
	border-bottom: #999999 solid;
	border-width: 0 0 1px 1px;
	background: #f4f9d7;
	color: #666666;
	width:20%;
}
.tbl_box01 td {
    padding:20px;
    border-bottom: 1px #999999 solid;
    border-width: 0 0 1px 1px;
}
/* tablebox2 */
.tbl_box02 {
	border-top: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0 40px 0;
}
.tbl_box02 th {
	padding:20px;
	border-bottom: #999999 solid;
	border-width: 0 0 1px 1px;
	background: #f4f9d7;
	color: #666666;
	line-height:180%;
	width:30%;
}
.tbl_box02 td {
    padding:20px;
    border-bottom: 1px #999999 solid;
    border-width: 0 0 1px 1px;
}

.br-pc { display:block; }
.br-sp { display:none; }

.gallery br{display:none;}

.gallery {padding:0 0 0 30px;}
.gallery dl{ width:200px; float:left; margin:0 30px 30px 0;}
.gallery dd{ text-align:center; margin:0; padding:10px 0 0 0;}

/* 202008 */
.ipc_tx {font-size:16px; line-height:200%; color:#555555; padding:0; margin:0; text-align: center;}
.ipc_tx_spc{ border: 5px double #ff0000; padding: 10px; color: #ff0000; font-weight: bold; line-height: 180%;}
.ipc_bace{clear:both; overflow:hidden; margin:0; padding:30px 0 0 0;} 
.ipc_bace .lcon{float: left; width: 32%; margin-right: 2%;}
.ipc_bace .rcon{float: right; width: 32%;}

.ipc_bace ul{padding: 0 0 10px 40px;}
.ipc_bace ul li{font-size:16px; line-height:200%; color:#555555; padding:0; margin:0;}
.ipc_bace h3{ background-color: #98ce6e; color: #ffffff; padding: 15px; margin: 0; text-align: left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size: 1.4em;}
.ipc_bace img{width: 100%; height: auto;}

.important{border:5px solid #ff0000; width: 980px; padding: 0; margin:30px auto 0 auto; font-size: 1.4em; background-image: url("../images/impt.jpg"); background-repeat: no-repeat; background-position:left;}
.important a{ padding: 15px 15px 15px 95px; display: block; color: #ff0000; text-decoration: none;}


/* 202502 */
.tcopy_bace{
	width: 100%;
	max-width: 1000px;
	margin: 70px auto 30px auto;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.top_copy{
	font-size: 2.2em;
	line-height: 180%;
	padding: 15px;
	box-sizing: border-box;
}
.testimony_bbox{
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 50px auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.testimony_bbox img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.testimony_bbox a{
	transition: 1.0s;
}
.testimony_bbox a:hover{
	opacity: 0.5;
	transition: 0.3s;
}
ul.testimony{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 15px 0 0 0;
	padding: 0;
	gap: 15px;
	box-sizing: border-box;
}
ul.testimony li{
	list-style: none;
	border:1px solid #ccc;
	width: 48.5%;
	flex-wrap: nowrap;
}
ul.testimony li a{
	padding: 20px;
	text-decoration: none;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 15px;
	transition: 1.0s;
}
ul.testimony li a:hover{
	opacity: 0.5;
	transition: 0.3s;
}
.portrait{
	width: 130px;
	vertical-align: bottom;
}
.portrait img{
	width: 100%;
	height: auto;
	vertical-align:bottom;
}
.portrait_l{
	width: 180px;
	vertical-align: bottom;
}
.portrait_l img{
	width: 100%;
	height: auto;
	vertical-align:bottom;
}
.testimony_info{
	flex: 1;
}
.testimony_info h3{
	font-size: 1.5em;
	color: #888888;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: left;
}

.audio{
	margin: 0 0 20px 0;
	padding: 10px;
	box-sizing: border-box;
	background-color: #aaaaaa;
	border-radius: 10px;
}
.audio h4{
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 1.2em;
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.audio p{
	color: #fff;
}
.audio ul{
	display: flex;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	column-gap: 1%;
	row-gap:15px;
}
.audio ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 32%;
	box-sizing: border-box;
}
.audio ul li audio{
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.testimony_page{
	display: flex;
	justify-content:flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	padding: 10px;
	column-gap: 15px;
	box-sizing: border-box;
}
.testimony_page{
	border:1px solid #ccc;
}
.testimony_page h3{
	font-size: 1.5em;
	color: #888888;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: left;
}
.testimony_text{
	background-color: #fffde2;
	padding: 20px 25px;
	border:1px solid #ece79f;	
}
.testimony_text p{
	font-size: 1.1em;
	margin: 15px 0;
	line-height: 200%;
}

.return{
	width: 170px;
	margin: 30px auto 0 auto;
	vertical-align: bottom;
}
.return a{
	transition: 1.0s;
}
.return a:hover{
	opacity: 0.5;
	transition: 0.3s;
}

.fpage_box{
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 auto;
	padding:0 10px;
	box-sizing: border-box;
}
.fp_news{
	width: 54%;
	max-width:532px;
	box-sizing: border-box;
}
.fp_news ul{
	padding:0 10px 0 10px;
	clear:both;
	overflow:auto;
	height:200px;
}
.fp_news ul li{
	text-align:left;
	color:#555;
	list-style:none;
	padding:0;
	margin:0 0 15px 0;
	font-size:16px;
	line-height:180%;
	clear:both;
	overflow:hidden;
}
.fp_news ul li .date{
	font-weight:bold;
	margin:0 0 5px 0;
	overflow:hidden;
	clear:both;
}
.fp_news ul li .date img{
	padding-left:5px;
}
.fp_news ul li .title{
	width:100%;
	box-sizing: border-box;
}
.fp_news h3{
	margin:0;
	padding:10px 0 10px 40px;
	box-sizing: border-box;
	overflow:hidden;
	clear:both;
	border-top:1px solid #848484;
	border-bottom:1px solid #848484;
	background: url(../images/h3.png) no-repeat left;
}
.fp_news .tb{
	width: 100%;
	box-sizing: border-box;
	clear:both;
	overflow:hidden;
	padding:15px 0 0 0;
	border-top:1px solid #848484;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
.fp_news .tb .tb1{
	width:49%;
	font-size:18px;
	text-align:center;
}
.fp_news .tb .tb2{
	width:49%;
	font-size:18px;
	text-align:center;
}
.fp_news .tb .tb1 a{
	display:block;
	background:#a8d066;
	font-weight:bold;
	color:#ffffff;
	padding:16px 0;
	box-sizing: border-box;
	text-decoration:none;
	border-radius:10px;
	transition: 1.2s;
}
.fp_news .tb .tb2 a{
	display:block;
	background:#97ab87;
	font-weight:bold;
	color:#ffffff;
	padding:16px 0;
	box-sizing: border-box;
	text-decoration:none;
	border-radius:10px;
	transition: 1.5s;
}
.fp_news .tb a:hover{
	opacity: 0.5;
	transition: 0.2s;
}
.fp_news .tb p{
	font-size:14px;
}

.fp_info{
	width: 43%;
	max-width:429px;
	box-sizing: border-box;
}
.fp_info .ifbace{
	background:#ffffcf;
	border:1px solid #aaaaaa;
	margin-bottom:10px;
	padding:20px 20px 15px 20px;
	box-sizing: border-box;
}
.fp_info .ifbace p{
	line-height:200%;
	font-size:15px;
}
.telfax {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	clear:both;
	overflow:hidden;
	margin: 10px 0;
}
.telfax .stel{
	font-size:14px;
	width:48%;
	font-weight:bold;
	text-align:center;
	float:left;
	margin:0 5px 0 0;
	padding:5px 0;
	box-sizing: border-box;
	background:#ffffff;
	color:#6293bf;
	border:#6293bf 1px solid;
}
.telfax .stel a{
	text-decoration:none;
	color:#6293bf;
}
.telfax .sfax{
	font-size:14px; width:48%;
	font-weight:bold;
	text-align:center;
	float:right;
	margin:0;
	padding:5px 0;
	box-sizing: border-box;
	background:#ffffff;
	color:#7bb246;
	border:#7bb246 1px solid;
}
.telfax .sfax a{
	text-decoration:none;
	color:#7bb246;
}






@media only screen and (max-width: 1024px) {
#header .tit{ width:70%;}
#header .tit img{width:50%; height:auto;}

#header .right{ width:23%;}
.h_tel{font-size:1em;}
#header .right img{ width:100%; height:auto;}

#menu ul li{ font-size:0.8em;}
#menu ul li.df{ width:14%;}
#menu ul li.home{ width:12%; margin-left:10px;}

#topimg{ width:auto; height:auto; padding:0 10px;}
#topimg img{width:100%; height:auto;}


#con01 .box li {
  width:23%;
}
#con01 .box li img{ width:100%; height:auto;}

#con01 .newsbox li .date{width:100%; float:none; clear:both;}
#con01 .newsbox li .title{width:100%; float:right; clear:both;}

.newsbox{width:48%;}

.infobox{width:48%;}
.infobox .ifbace{ background-image:none; padding:15px 15px 10px 15px;}

.infobox .ifbace .tfbace .stel { font-size:12px;}
.infobox .ifbace .tfbace .sfax { font-size:12px;}


.ch1{width:85%; height:auto;}
.ch2{width:100%; height:auto;}
.ch3{width:100%; height:auto;}

.about01 .rt{ width:40%; padding:0 0 0 0;}
.about01 .lf{ width:58%; padding:0 0 0 0;}
.about01 p{font-size:14px;}

.pastor .name{padding:0;}
.pastor img{ float:left; width:50%; height:auto;}
.pastor p{font-size:14px;}

.add{width:48%;}
.mapbox{ width:48%;}

.about02 .lf{ width:33%;}
.about02 .rt{ width:63%; padding:0 0 0 10px;}
.about02 .lf2{ width:63%;}
.about02 .rt2{ width:33%; padding:0 0 0 0;}

.about02 .lf3{ float:none; width:100%;}
.about02 .rt3{ float:none;  width:100%;}
.about02 .lf3 img{ width:100%; height:auto;}
.about02 .rt3 img{ width:100%; max-width:100%; height:auto; padding-bottom: 20px;}

.about02 .lf4{ float:none; width:100%;}
.about02 .rt4{ float:none;  width:100%;}
.about02 .lf4 img{ width:100%; max-width: 100%; padding-bottom: 20px;height:auto;}
.about02 .rt4 img{ width:100%; height:auto;}


.children .lf{ width:48%;}
.children .rt{ width:48%;}
.children img{ width:100%; height:auto;}

.schedule li p{ padding:0 0 0 0;}

.box2 li { padding: 0 10px; }

.box3 li { padding: 0 10px; }

.gallery {padding:0 0 0 4%;}
.gallery dl{ width:28%; float:left; margin:0 4% 5% 0;}
.gallery dl img{width:100%; height:auto;}

.important{border:solid #ff0000; width: 95%;font-size: 1.0em; line-height: 150%;}

}

@media only screen and (max-width: 768px) {
	
.pc { display:none; }
.sp { display:block; }
	
#header { width:auto; padding:0;}
#header .tit{ width:90%; margin:0 auto; padding:0; float:none; clear:both;}
#header h1{margin:20px 0 10px 0;}
#header .right{ width:380px; padding:0; float:none; margin:0 auto; clear:both;}
.h_tel{ float:left; padding-top:10px;}
#header .right img{ width:auto; height:auto; float:right; padding-bottom:10px;}

  #menu{
    display: none;
  }  
  #menu li{
	float:none;
    width: 100%;
	clear:both;
	border-right:none;
  }
#menu ul li.df{ width:100%; height:33px; padding:10px 0 0 0; border-bottom:1px dotted #cccccc;}
#menu ul li a{display:block; font-size:16px;}
#menu ul li a:hover{border-bottom:none;}
#menu ul li.home{ width:100%; height:33px; border-left:none; padding:10px 0 0 0; border-bottom:1px dotted #cccccc; margin-left:0;}
#menu ul li.home img{vertical-align:top; margin-right:5px;}  

#menu ul li.sb{ display:block; width:100%; height:33px; padding:10px 0 0 0; border-bottom:1px dotted #cccccc;}

  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #222;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #222;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
  

#con01 .box li {
  width:48%;
  padding-bottom:15px;
}

.newsbox{width:100%;}
.infobox{width:100%; margin-top:15px;}
.infobox .ifbace{ background-image:none; padding:15px 15px 10px 15px;}


.ch2{ width:48%; height:auto; margin:0; float:left;}
.ch3{ width:48%; height:auto; margin:0; float:right;}


.add{float:none; padding:0; width:100%;}
.mapbox{ width:100%; float:none; margin-top:10px;}



.box2 li { padding: 0 25px; }

.box3 li { padding: 0 25px; }


.schedule li .imb{float:none; width:100%; padding-right:0; clear:both; text-align:center;}
.schedule li .imb img{width:220px; height:auto; padding-bottom:10px;}
.schedule li .txt{float:none; width:100%; text-align:center;}
.schedule li .txt2{float:none; width:100%; text-align:center;}


#footer p{ font-size:12px;padding:20px 0;}

.pan{ padding:10px; width:auto;}

.br-pc { display:none; }
.br-sp { display:block; }

.gallery {padding:0 0 0 2%;}
.gallery dl{ width:48%; float:left; margin:0 2% 5% 0;}
.gallery dl img{width:100%; height:auto;}

	
.ipc_tx {
	font-size:14px;
	text-align: left;
}

/* 202502 */
.tcopy_bace{
	margin: 0 auto 15px auto;
}
.tcopy_bace h3{
	font-size: 1.6em;
}
.top_copy{
	width: 100%;
	font-size: 1.8em;
	padding:0;
}
	
ul.testimony li{
	width: 100%;
}
	
.fp_news{
	width:100%;
	max-width: 100%;
	box-sizing: border-box;
}
.fp_info{
	margin-top: 15px;
	width:100%;
	max-width: 100%;
	box-sizing: border-box;
}
	
	
.audio ul li{
	width: 100%;
}
	
}
@media only screen and (max-width: 480px) {

  img{vertical-align:bottom;}

.contents{width:100%; max-width:100%; padding:0; margin:0 auto; clear:both; overflow:hidden;}

p {font-size:14px; line-height:180%; color:#555555; padding:0; margin:0;}

/* header */

#topimg{width:auto; text-align:center; height:auto; background:url(../images/topbg.jpg) no-repeat top;}
#topimg img{width:95%; height:auto;}
#header{padding:0;}
#header .tit{ width:auto; float:none; text-align:center;}
#header h1{padding:10px 0; margin:0;}
#header .tit img{width:60%; height:auto;}
#header .right{ width:202px; margin:0 auto; padding:0 0 15px 0; float:none; text-align:center;}
#header .right img{ float:none; margin:5px 0 0 0; width:100%; height:auto; padding:0;}
.h_tel{ float:none; padding:0; font-size:14px; font-weight:bold; color:#576d4f; text-align:center;}


/* パンくず */
.pan{ display:none; }

/* contents01 */
#con01 .box ul {
  padding:10px 0;
}
#con01 .box li {
  width:48%;
}


/* pagetop */
.pagetop{clear:both; overflow:hidden; padding:30px 0; width:78px; margin:0 auto;}

/* footer */
#footer { width:auto; padding:10px 5px; margin:0; clear:both; overflow:hidden; background:url(../images/ftbg.jpg) repeat-x top; text-align:center;}
#footer p{ font-size:12px; color:#ffffff; line-height:160%; margin:0; padding:0 0;}



/* post */
.posttit{clear:both; overflow:hidden; padding:20px 10px 0 10px;}
.postdate{border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; float:none; font-size:14px; font-weight:bold; background-color:#99ce6f; color:#ffffff; text-align:center; width:25%; padding:10px; margin:0;}
.posttit h3{ float:none; margin:5px 0 0 0; width:100%; font-size:20px; line-height:150%; padding:0; color:#777777;}
.postbace{clear:both; overflow:hidden; padding:20px 10px;}

.posttit2{clear:both; overflow:hidden; padding:20px 10px 20px 10px; border-bottom:1px dotted #888888;}
.posttit2 h3{ float:none; margin:5px 0 0 0; width:100%; font-size:20px; line-height:150%; padding:0; color:#777777;}
.posttit2 h3 a{ color:#777777; text-decoration:none;}



/* page */
.pagebace{ clear:both; overflow:hidden; padding:10px;}

.ch1{width:85%;}
.ch1 img{ width:100%; height:auto;}
.ch2{ width:100%; height:auto; margin:0 0 10px 0; float:none;}
.ch3{ width:100%; height:auto; margin:0 0 0 0; float:none;}

.about01{clear:both; overflow:hidden; margin-bottom:50px;}
.about01 .rt{ float:none; width:100%;}
.about01 .rt img{ width:100%; height:auto;}
.about01 .lf{ float:none; width:100%; padding:10px 0 0 0;}

.about01 .rt2{float:none; width:100%;}
.about01 .rt2 img{ width:100%; height:auto;}
.about01 .lf2{ float:none;  width:100%; padding:10px 0 0 0;}

.about02 .lf{ float:none; width:100%;}
.about02 .rt{ float:none; width:100%; padding:10px 0 0 0;}

.about02 .lf2{ float:none; width:100%; padding:10px 0 0 0;}
.about02 .rt2{ float:none; width:100%;}

.add{float:none; padding:0; width:100%;}
.add ul{padding:10px 0 0 25px; margin:0; font-size:14px; line-height:180%; color:#555555;}
.mapbox{ width:100%; float:none; margin-top:10px;}

.pastor img{ float:none; clear:both; width:100%; height:auto; padding-bottom:10px;}
.pastor p{font-size:14px;}

.box2 li {
  padding: 0 0 80px 0;
  margin:0;
  text-align:left;
  width:286px;
  min-height:100px;
}

.box3 li {
  padding: 0 0 80px 0;
  margin:0;
  text-align:left;
  width:286px;
}

.children{clear:both; overflow:hidden; padding:10px 0 10px 0;}
.children .lf{float:none; width:100%; margin-bottom:10px;}
.children .rt{float:none; width:100%; margin-bottom:10px;}
.children img{vertical-align:bottom; width:100%; height:auto;}

.schedule li{ list-style:none; margin:0; padding:10px 0px 20px 0px; margin-bottom:15px; clear:both; overflow:hidden; border-bottom:1px dotted #555555;}
.schedule li p{ font-size:14px; line-height:160%; padding:0 0 0 0;}



/* mailform */
.mf01{width:90%; line-height:150%; padding:10px; font-size:14px; background-color:#ffffd8; border:1px solid #d7db9e;}

/* tablebox */
.tbl_box01 {
	border-top: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0 40px 0;
}
.tbl_box01 th {
	font-size:14px;
	padding:10px;
	border-bottom: #999999 solid;
	border-width: 0 0 1px 1px;
	background: #f4f9d7;
	color: #666666;
	width:30%;
}
.tbl_box01 td {
	font-size:14px;
    padding:10px;
    border-bottom: 1px #999999 solid;
    border-width: 0 0 1px 1px;
}
/* tablebox2 */
.tbl_box02 {
	border-top: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0 40px 0;
}
.tbl_box02 th {
	font-size:14px;
	padding:10px;
	border-bottom: #999999 solid;
	border-width: 0 0 1px 1px;
	background: #f4f9d7;
	color: #666666;
	line-height:180%;
	width:40%;
}
.tbl_box02 td {
	font-size:14px;
    padding:10px;
    border-bottom: 1px #999999 solid;
    border-width: 0 0 1px 1px;
}

	

	
}