@charset "utf-8";

/*--------------------------------------------------
フォント
--------------------------------------------------*/
@font-face{
	font-family:'MyFont';
	src: url("../fonts/Geomanist-Regular.otf");
}

@font-face{
	font-family:'MyFont_2';
	src: url("../fonts/Parisienne-Regular.ttf");
}

@font-face{
	font-family:'MyFont_3';
	src: url("../fonts/FLOPDesignFont.ttf");
}

body{
	font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	letter-spacing:0.15em;
	text-justify:distribute;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	font-size:62.5%;
	line-height:1.6;
	color:#333;
}

h1{
	font-size:3em;
	line-height:1.3;
	letter-spacing:0.2em;
	color:#54c3f1;
	font-family:MyFont_3;
}

h2{
	font-size:3em;
	letter-spacing:0.2em;
	color:#54c3f1;
	font-family:MyFont_3;
}

h3{
	font-size:2.8em;
	color:#54c3f1;
	border-bottom:1px solid #54c3f1;
	font-family:MyFont;
	line-height:1.3;
}

h4{
	font-size:20px;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

h5{
	font-size:1.2em;
	color:#54c3f1;
	font-family:MyFont_3;
	font-weight:lighter;
}

h6{
	font-size:2em;
	color:#5574f2;
	font-family:MyFont_3;
}

p, li, th, td, dt, dd{font-size:1.5em;}

span{
	font-family:MyFont;
	font-size:13px;
}

#hgroup span{
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.sub-nav span{font-size:0.8em;}

.tel span{
	font-weight:bold;
	color:#f28455;
}

.tel li:last-child{
	font-family:MyFont;
	font-size:2.2em;
	letter-spacing:0.13em;
}

#nav li{
	line-height:1.5;
	font-size:1.5em;
	font-weight:bold;
}

#nav li a{
	color:#54c3f1;
	font-family:MyFont_3;
}

#nav li a:hover{opacity:0.5;}

.english{
	color:#333;
	font-size:0.7em;
	font-weight:lighter;
}

.isaiah h2{
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#fff;
	text-shadow:1px 1px 2px #000,-1px 1px 2px #000,1px -1px 2px #000,-1px -1px 2px #000;
}

.christmas h3{
	font-family:MyFont_2;
	font-size:3.5em;
	color:#067d42;
	font-weight:lighter;
	border-bottom:1px solid #067d42;
	line-height:1.5;
}
.christmas h3 span{
	font-size:28px;
	font-family:MyFont_2;
}

.christmas_2 h5{
	color:#067d42;
	font-size:1.2em;
}

.christmas_2 p{font-size:15px;}

.christmas_2 span{
	color:#bc2f1a;
	font-size:14px;
}

.christmas_4{font-size:14px !important;}

.side_3 li{font-size:13px;}

.side_4{font-size:13px;}

.sunday{color:#ff0000;}

.time, .radio{font-size:19px;}

.side_5{
	font-size:1.7em;
	font-family:MyFont;
}

.side_5 a{color:#54c3f1;}

.english_2{color:#808080;}

.date{
	font-family:MyFont;
	font-size:1.7em;
}
.text{
	font-size:1.5em;
	margin-left:17px;
	margin-bottom:15px;
}

.contents_7 li{font-size:14px;}

.b h5{font-size:1.5em;}

#footer h3{color:#5574f2;}

#footer h6 a{color:#5574f2;}

#footer h1{color:#5574f2;}

.address_2{font-family:MyFont;}

.address_2 li:first-child{font-size:2em;}

.address_3 li{font-size:1.3em;}

.copy_2{
	font-family:MyFont;
	font-size:1em;
	color:#fff;
}


#top{
	font-family:MyFont;
	font-size:1.4em;
}

#top a{
	color:#54c3f1;
	cursor:pointer;
}



/*--------------------------------------------------
レイアウト
--------------------------------------------------*/
li{list-style:none;}

a{
	text-decoration:none;
	color:#333;
}

h3{margin-bottom:15px;}

body{height:100%;}

#wrapper{
	height:100%;
	min-width:980px;
}

#header{
	position:relative;
	height:90px;
}

#header_title{
	position:absolute;
	width:100%;
	top:-47px;
	margin-top:-47px;
}

#header_title.fixed{
	width:100%;
	height:46px;
	margin-top:0;
	position:fixed;
	top:0;
	transition:top 2s ease-in-out;
	-webkit-transition:top 2s ease-in-out;
	-moz-transition:top 2s ease-in-out;
	-o-transition:top 2s ease-in-out;
	-ms-transition:top 2s ease-in-out;
	z-index:997;
	background:#5574f2;
}

#header_title .tel{display:none;}

#hgroup{
	position:absolute;
	top:20px;
	left:150px;
}

.sub-nav{
	overflow:hidden;
	position:absolute;
	top:18px;
	right:390px;
}

.sub-nav li{
	float:left;
	margin-right:10px;
	position:relative;
}

.sub-nav li:last-child{margin-right:0;}

.sub-nav li a{
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.sub-nav span{
	display:block;
	text-align:center;
	margin-top:-10px;
}

.tel{
	position:absolute;
	top:23px;
	right:150px;
	text-align:right;
}

#nav{
	overflow:hidden;
	background:#e8f8ff;
}

#nav ul{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

#nav li{
	float:left;
	width:20%;
	text-align:center;
}

#nav li a{
	display:block;
	padding:6px 0 2px;
}

#nav h3{
	display:none;
}

.english{display:block;}

.main_bg{
	position:relative;
}

.isaiah{
	position:absolute;
	top:120px;
	left:100px;
}

#content{
	max-width:940px;
	padding:0 20px;
	margin:0 auto;
	margin-bottom:20px;
}

.contents_1{
	max-width:820px;
	margin:0 auto;
	padding:60px 80px;
}

.contents_1 hgroup{
	text-align:center;
	margin-bottom:20px;
}

.christmas{
	margin-bottom:60px;
	padding:15px 20px 20px;
	background-color: #f0eb7f;
	background: -webkit-radial-gradient(top right, ellipse cover, #0BE678 0%, #A1E6C3 48%, #fff 100%);
	background: -moz-radial-gradient(top right, ellipse cover, #0BE678 0%, #A1E6C3 48%, #fff 100%);
	background: -ms-radial-gradient(top right, ellipse cover, #0BE678 0%, #A1E6C3 48%, #fff 100%);
	background: -o-radial-gradient(top right, ellipse cover, #0BE678 0%, #A1E6C3 48%, #fff 100%);
	background: radial-gradient(ellipse at top right, #0BE678 0%, #A1E6C3 48%, #fff 100%);
}

.christmas_2{overflow:hidden;}

.christmas_2 li{
	float:left;
	width:32%;
	margin-right:2%;
}

.christmas_2 li:last-child{margin-right:0;}

.christmas_3{display:block;}

.contents_2{
	overflow:hidden;
	margin-bottom:60px;
}

.news{
	float:left;
	width:100%;
	margin-right:-320px;
	margin-bottom:60px;
}

.news_2{margin-right:320px;}

#aside{
	float:right;
	width:280px;
	padding-left:40px;
}

h4{margin-bottom:10px;}

.side_2 img{
	width:100%;
	margin-bottom:10px;
}

.side_3 li{margin-bottom:-3px;}

.side_4{margin:10px 0;}

.side_5{
	border:none;
	background:none;
	float:right;
	margin:0 0;
	padding:0 0;
}

.side_5 a{
	display:block;
	border:1px solid #54c3f1;
	border-radius:3px 3px;
	padding:3px 15px 0;
}

.side_5 a:hover{
	background:#54c3f1;
	color:#fff;
}

.contents_5{
	overflow:hidden;
}

.contents_6{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:40px;
	position:relative;
}

.contents_6:nth-child(3n){margin-right:0;}

h5{display:inline-block;}

.a{
	width:100%;
	margin:0 auto 40px;
}

.b{
	width:150px;
	border:none;
	background:none;
	margin:0 auto;
	padding:0 0;
	text-align:center;
}

.b a{
	color:#54c3f1;
	display:block;
	border:1px solid #54c3f1;
	border-radius:3px 3px;
	padding:5px 30px;
}

.b a:hover{
	background:#54c3f1;
	color:#fff;
}

.english_2{display:inline-block;}

.arrow3 {
	position: relative;
	display: inline-block;
	padding-left: 17px;
}

.arrow3::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #54c3f1;
	border-right: solid 1px #54c3f1;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
}

.arrow4 {
	position: relative;
	display: inline-block;
	padding-left: 17px;
}

.arrow4::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #54c3f1;
	border-right: solid 1px #54c3f1;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
}

#footer{background:#e8f8ff;}

#footer h3{
	margin-bottom:5px;
	border:none;
}

.footer_inner{padding:40px 80px;}

.access{overflow:hidden;}

.map{
	float:left;
	width:50%;
	padding-right:5%;
}

.address{
	float:left;
	width:45%;
}

.address_2{margin-bottom:20px;}

.address_3{margin-bottom:20px;}

.copy{
	background:#54c3f1;
	padding:7px 50px 4px;
}

.copy_2{text-align:center;}

#nav-toggle{
	display:none;
	width:36px;
	height:36px;
	position:fixed;
	top:10px;
	left:15px;
}

#top{
	background:#fff;
	padding:10px 0 5px;
	text-align:center;
	display:none;
}

#top a{
	display:block;
	cursor:pointer;
}

/*--------------------------------------------------
タブレット・スマートフォン
--------------------------------------------------*/
@media (max-width:980px){
	#content{padding:0 10px;}
	.footer_inner{padding:40px 15px;}
}

@media (max-width:768px) and (min-width:641px){
	#side{overflow:hidden;}
	.side_2{
		float:left;
		width:38%;
		margin-right:4%;
	}
	.side_3{
		float:right;
		width:58%;
		margin:0 0;
	}
}

@media (max-width:768px){
	#hgroup{left:20px;}
	.tel{right:10px;}
	.sub-nav{right:240px;}
	
	#wrapper{min-width:initial;}
	.christmas_2 li{
		width:49%;
		margin-bottom:20px;
	}
	.christmas_2 li:nth-child(odd){margin-right:2%;}
	.christmas_2 li:nth-child(even){margin-right:0;}
	.isaiah{
		text-align:center;
		top:50%;
		left:50%;
		margin-left:-50%;
		margin-top:-30px;
		width:100%;
		text-align:center;
	}
	.isaiah h2{font-size:2.4em;}
	.news, #aside{
		float:none;
		width:100%;
	}
	.news{margin-right:0;}
	.news_2{margin-right:0;}
	#aside{padding-left:0;}
	.contents_6{width:49%;}
	.contents_6:nth-child(odd){margin-right:2%;}
	.contents_6:nth-child(even){margin-right:0;}
	.footer_inner{padding:15px 15px;}
	.map{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.address{
		float:none;
		width:100%;
	}
}

@media (max-width:640px){
	span{font-size:12px;}
	#hgroup h1{color:#fff;}
	.isaiah h2{width:280px;}
	h2{
		font-size:2.1em;
		margin:0 auto;
	}
	h3{font-size:1.9em;}
	.christmas h3{font-size:2.5em;}
	.christmas h3 span{font-size:22px;}
	.isaiah h2{font-size:1.9em;}
	p, li, th, td{font-size:14px;}
	.sunday{font-size:13px;}
	#header_title.fixed{
		height:initial;
		height:55px;
	}
	#header_title{
		top:-114px;
		margin-top:-114px;
	}
	#header_title #nav{display:none;}
	#header_title .tel{
		display:block;
		padding-right:15px;
	}
	.tel, .tel span{color:#fff;}
	.tel a{color:#fff;}
	#nav{border-top:none;}
	#nav li a{
		color:#333;
		font-weight:lighter;
	}
	#nav li a:hover{opacity:1;}
	#nav h3{
		font-size:2em;
		color:#5574f2;
	}
	.english{
		font-size:0.8em;
		color:#808080;
	}
	.christmas_2 p{font-size:14px;}
	
	
	#nav{padding:0 0;}
	#nav li{
		float:none;
		width:100%;
	}
	#nav li:last-child{margin-bottom:0;}
	#nav li a{
		margin:10px 30px 0;
		padding:10px 0 5px;
		text-align:left;
		border-bottom:1px dotted #808080;
	}
	#nav h3{
		display:block;
		margin:0 30px;
		border-bottom:1px solid #5574f2;
	}
	.english{
		display:inline-block;
		margin-left:20px;
		position:relative;
		top:1px;
	}
	
	
	.contents_1{padding:40px 0;}
	.christmas{
		margin-bottom:40px;
		padding:10px 10px 15px;
	}
	.christmas h3{margin-bottom:10px;}
	.christmas_2 li{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.christmas_2 li:last-child{margin-bottom:0;}
	.contents_2{margin-bottom:20px;}
	.news{margin-bottom:20px;}
	.contents_6{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	
	#top{display:block;}
}


/*--------------------------------------------------
ボタン
--------------------------------------------------*/
@media (max-width:640px){
	#header{
		height:118px;
	}
	#hgroup, .sub-nav, .tel{position:static;}
	#hgroup{
		text-align:center;
		padding:5px 0;
		background:#54c3f1;
	}
	.sub-nav{
		width:155px;
		margin:0 auto;
		padding-bottom:5px;
	}
	.tel{display:none;}
	h1{font-size:2em;}
	h6{font-size:1.7em;}
	
	#nav-toggle{
		display:block;
		z-index:999;
		position:fixed;
	}
	.menu{
		position:fixed;
		top:0;
		-webkit-transform:translateX(100%);
		-moz-transform:translateX(100%);
		-o-transform:translateX(100%);
		-ms-transform:translateX(100%);
		transform:translateX(100%);
		transition: 1s linear;
		-webkit-transition: 1s linear;
		-moz-transition: 1s linear;
		-o-transition: 1s linear;
		-ms-transition: 1s linear;
		z-index:20;
	}
	#nav-toggle span{
		display:block;
		position:absolute;
		height:2px;
		border-radius:2px;
		width:100%;
		background:#fff;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		-o-transition: 1s;
		-ms-transition:1s;
		transition:1s;
	}
	#nav-toggle span:nth-child(1){
		top:7px;
	}
	#nav-toggle span:nth-child(2){
		top:17px;
	}
	#nav-toggle span:nth-child(3){
		top:27px;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 19px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		background:#5574f2;
	}
	.open #nav-toggle span:nth-child(2) {
		opacity:0;
	}
	.open #nav-toggle span:nth-child(3) {
		top:19px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background:#5574f2;
	}
	.open #nav-toggle {
		position:fixed;
	}
	.menu_list{
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:-100%;
		background-color:#fff;
		transition: 1s linear;
		-webkit-transition: 1s linear;
		-moz-transition: 1s linear;
		-o-transition: 1s linear;
		-ms-transition: 1s linear;
		padding-top:90px;
		overflow:auto;
		z-index:998;
	}
}