/**
Theme Name: Astra Child
Author: Kr-sning design
Author URI: https://kr-sning.com/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*Custom Code*/
/*body*/
$('a[href*="#"]').on('click', function (e) {
  e.preventDefault()

  $('html, body').animate(
    {
      scrollTop: $($(this).attr('href')).offset().top,
    },
    1000,
    'linear'
  )
})

.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding:0;
}

.entry-content p{
	margin-bottom:0;
}

body{
	max-width:100%;
}

/*footer*/
.wp-block-image.size-full{
	margin:0;
}
.widget a, .page-title{
	font-size:12px;
}

.elementor-section .elementor-container {
    justify-content: space-between;
}



/*翻訳ボタン*/
.elementor-element .top-trance{
	width:50px;
}
.toggle-button-004{
	display:flex;
	align-items: center;
	position: relative;
	border-radius: 50px;
	box-sizing: content-box;
	background-color:#92929233;
	cursor: pointe;
	transition: background-color .5s;
}
	
	.toggle-button-004:has(:checked){
		background-color:#BC1B2333;
}

.toggle-button-004::before{
	position: absolute;
	left: 0px;
	width:30px;
	height: 30px;
	background-color: #929292;
	content:"";
	border-radius: 50%;
	transition: left .5s;
}

.toggle-button-004:has(:checked)::before{
	left: 20px;
	background-color: #BC1B23;
}

.toggle-button-004::after{
	position: absolute;
	left: 15px;
	transform:translateX(-50%);
	color: #fff;
	font-weight: 600;
	font-size: .8em;
	content:'JP';
	transition: left .5s;
}

.toggle-button-004:has(:checked)::after{
	left: 35px;
	content:'EN';
}

.toggle-button-004 input{
	z-index:-1;
}

/*翻訳ボタン-EN*/
.elementor-element .top-trance{
	width:50px;
}

.toggle-button-005{
	display:flex;
	align-items: center;
	position: relative;
	border-radius: 50px;
	box-sizing: content-box;
	background-color:#BC1B2333;
	cursor: pointe;
	transition: background-color .5s;
}
	
	.toggle-button-005:has(:checked){
		background-color:#92929233;
}

.toggle-button-005::before{
	position: absolute;
	left: 20px;
	width:30px;
	height: 30px;
	background-color: #BC1B23;
	content:"";
	border-radius: 50%;
	transition: left .5s;
}

.toggle-button-005:has(:checked)::before{
	left: 0;
	background-color: #929292;
}

.toggle-button-005::after{
	position: absolute;
	transform:translateX(-50%);
	color: #fff;
	font-weight: 600;
	font-size: .7em;
	transition: left .5s;
	left: 35px;
	content:'EN';
}

.toggle-button-005:has(:checked)::after{
	content:'JP';
	left: 15px;
}

.toggle-button-005 input{
	z-index:-1;
}



/*ナビゲーション*/
@media screen and (min-width: 768px){
	.header-nav2 ul {
    display: flex!important;
    justify-content: space-between;
}
	
	#menu-item-4084,#menu-item-4083{
		display:none;
	}
}
@media screen and (max-width: 959px){
	.header-nav2.eael-hamburger--mobile.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-horizontal{
		position:fixed;
		top:0;
		left:0;
		bottom:0;
		background-color:#fff;
		padding-top:70px;
	}
	
	.header-nav2 .eael-simple-menu-toggle{
		z-index:10;
	}
	
	.eael-simple-menu-toggle-text{
		display:none;
	}
}


/*トップページアイコン*/
@media screen and (max-width: 1024px){
	.top-image-t{
		height:80vh;
	}
}

@media screen and (max-width: 767px){
	.top-image-t{
		height:70vh;
	}
}

#scroll-d {
  display: table;
  width:100%;
  height:100%;
	text-align:center;
	padding-top:100px;
	-webkit-appearance: none;
}


#scroll-d-inner {
  display: table-cell;
  vertical-align:middle;
  width:100%;
  height:100%;
}

#scroll-down {
	display: block;
  position: relative;
  padding-top: 81px;
  text-align:center;
}
.arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 20px;
}
.arrow-down:after {
	content: '';
  display: block;
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

#scroll-title {
    display: block;
    text-transform: uppercase;
    color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial;
  font-size:14px;
  font-weight:bold;
  letter-spacing:.1em;
}

#scroll-title {
  animation: move-y 0.85s infinite alternate ease-in-out;
  display: inline-block;
}
@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}

#scroll-down::before {
    -webkit-animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
	/* Safari 4+ */
	-moz-animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
  /* Fx 5+ */
  -o-animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
  /* Opera 12+ */
  animation: elasticus 1.7s cubic-bezier(1, 0, 0, 1) infinite;
   /* IE 10+, Fx 29+ */
  position: absolute;
  top: 19px;
  left: 49%;
  margin-left: -1px;
  width: 2px;
  height:70px;
  background: #fff;
  content: ' ';
}
@-webkit-keyframes elasticus {
	0% {
		-webkit-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
	50% {
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
	}
  50.1% {
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
	}
  100% {
		-webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
}
@-moz-keyframes elasticus {
	0% {
		-webkit-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
	50% {
		-webkit-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
}
@-o-keyframes elasticus {
	0% {
		-webkit-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
	50% {
		-webkit-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
}
@keyframes elasticus {
	0% {
		-webkit-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
	50% {
		-webkit-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
	}
	50.1% {
		-webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   transform: scale(1, 1);
	}
	100% {
		-webkit-transform-origin: 0% 100%;
   -ms-transform-origin: 0% 100%;
   -moz-transform-origin: 0% 100%;
   -o-transform-origin: 0% 100%;
   transform-origin: 0% 100%;
   -webkit-transform: scale(1, 0);
   -ms-transform: scale(1, 0);
   -moz-transform: scale(1, 0);
   -o-transform: scale(1, 0);
   transform: scale(1, 0);
	}
}

/*top-news*/
.top-news-category .eael-post-grid-column{
	top:0;
}

.top-news-category .eael-post-grid-column:first-child{
	display:block;
	top:40px!important;
}

.top-news-category .eael-post-grid-column:nth-child(3){
	display:block;
	top:160px!important;
}
.top-news-category .eael-post-grid-column:last-child{
	display:block;
	top:220px!important;
}

.top-news-category.elementor-grid-eael-col-1 {
	top: -40px;
}


.top-news-category .eael-post-grid{
	max-height:100px!important;
}

.top-news-category .eael-grid-post{
	position:relative;
}

.top-news-category .eael-grid-post .eael-entry-header-after {
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: -3px;
}

.top-news-category .eael-grid-post-holder-inner {
	width: 260px!important;
	display:block;
}



@media screen and (max-width:1024px){
	.top-news-category .eael-post-grid-column:first-child{
		display:block;
		top:40px!important;
	}
	.top-news-category .eael-post-grid-column:last-child{
		display:block;
		top:100px!important;
	}
}

/*top-教会紹介*/
.elementor-571 .elementor-element.elementor-element-658ba5b:not(.elementor-motion-effects-element-type-background){
    background: linear-gradient(90deg, #fff 0%, #fff 60%, #ffffff00 60%, #ffffff00 100%);
}

@media screen and (max-width:767px){
	.elementor-571 .elementor-element.elementor-element-658ba5b:not(.elementor-motion-effects-element-type-background){
		background: #fff;
	}
}


/*top-礼拝配信*/
.top-service{
	transition:1s;
}
.top-service:hover img{
	transition:1s;
	filter: blur(2px)brightness(80%);
}

.top-service-text .elementor-heading-title{
	color:#ffffff00!important;
}

.top-service:hover .top-service-text .elementor-heading-title{
	color:#fff!important;
}


.top-service-text{
	position:absolute;
	top:47%;
	bottom:53%;
	left:0;
}

/*top-献金*/
.offering-button{
  float:right;
  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
}

.offering-button1{
	padding-right:10px;
}

.offering-button2{
	display: inline-block;
	font-size: 15px;
  height: 45px;
  color: #ffffff;
  min-width: 150px;
  background-color: #bc1b23;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
  border-radius: 6px;
	line-height:45px;
}
.offering-button2:hover{
	background-color: #D89834;
	color: #ffffff;
}

.ast-single-post .entry-content a{
    text-decoration: none;
}


@media screen and (max-width:1024px){
	.offering-button{
		float:none;
		text-align:right;
	}
	.offering-button2{
		font-size: 15px;
    line-height: 40px;
    height: 40px;
    min-width: 150px;
	}
}

@media screen and (max-width:767px){
	.offering-button{
		float:none;
		text-align:center;
	}
	.offering-button2{
		font-size: 14px;
    min-width: 80vw;
	}
}

/*教会紹介・タイムライン*/
.timeline{
	position: relative;
	left:50%;
	width:70%;
}

.timeline:before {
	content: "";
	position: absolute;
	top: 3px;
  left: 0;
  height: 96%;
  border-left: 2px solid gray;
}

.event {
	position: relative;
	margin-bottom: 80px;
}

.date {
	position: absolute;
	top: 3px;
  left: 1px;
  transform: translateX(-50%);
  background-color: #C02128;
  color: #C02128;
  font-weight: bold;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.event .content {
	padding-left: 20px;
}

.event .content h5,.event .content　p{
	font-size:15px;
	color:#292929;
}

.event .content p{
	position:absolute;
	top:-4px;
	left:100px;
}

.history-left{
	margin-left:-90px;
}

.history-left2{
	width:200px;
	margin-left:-390px;
	text-align:right;
}


@media screen and (max-width: 1024px){
	.timeline{
		width:50%;
	}
}

@media screen and (max-width: 767px){
	.timeline{
		left:20px;
		margin:0 auto;
		width:90vw;
	}
	.timeline:before {
		height: 95%;
	}
	
	.event {
		margin-bottom: 50px;
	}
	
	.event .content {
		padding-left: 15px;
	}
	
	.event .content h5,p{
		font-size:14px;
	}
	
	.event .content p{
		left:80px;
	}
	
	.history-left{
		margin-left:0;
	}
	
	.history-left2{
		margin-left:0;
		text-align:left;
	}
}


/*ニュース*/
.ast-separate-container .ast-article-single {
	padding: 0;
}

@media (min-width: 993px){
	.ast-separate-container #primary {
		margin: 0;
	}
}

#news-widget-topic{
	text-align:center;
	margin:0 auto;
}

#news-widget-topic .ha-post-list-content{
	border-left:2px solid #E9BA84;
	padding-left:15px;
	height:50px;
	margin:auto 0;
}

#news-widget-topic .ha-post-list-meta-wrap, #news-widget-topic  h6{
	margin:auto 0;
	text-align:left;
}


@media (max-width: 767px){
	.news-category{
		margin-left:30px;
	}
	#news-widget-topic .ha-post-list-content{
		border-left:none;
	}
	#news-widget-topic .ha-post-list-meta-wrap{
		margin-bottom:3px;
	}
	.ast-separate-container #primary {
		padding: 0;
	}
	
}

@media (max-width: 500px){
		.news-category{
		margin-left:0;
	}
	.news-category .eael-entry-media {
		max-width: 35vw!important;
   left: 33vw;
	}
	.news-category .eael-entry-wrapper {
		width: 60vw!important;
   left: 33vw;
		padding:10px 15px;
	}
}

/*ニュース・カテゴリー*/
.eael-grid-post-holder-inner{
	width: 500px;
  height: 100px;
	position:relative;
}
.news-category .eael-entry-media{
	width:25%;
	left:0;
	position:absolute;
	display:block;
	padding-right:20px;

}

.newsline .eael-entry-wrapper{
	padding-left:20px;
	border-left:2px solid #E9BA84;
	width:25%;
	height:62.5%;
}

.newsline .eael-entry-wrapper{
	width:75%;
	right:0;
	position:absolute;
	display:block;
}

.eael-entry-header .eael-entry-title a:hover {
	color:#636363!important;
}

.eael-post-grid .eael-entry-wrapper>.eael-entry-meta span.eael-posted-on::before, .eael-post-grid .eael-entry-wrapper>.eael-entry-header-after .eael-entry-meta span.eael-posted-on::before {
    content:"\f274";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: inherit;
    opacity: .4;
    font-size: .8em;
    padding-right: 7px;
}

@media (max-width:500px){
	.newsline .eael-entry-wrapper{
		padding-left:20px;
		border-left:2px solid #E9BA84;
		width:25%;
		height:55%;
	}
}

/*ニュース個別*/

.single .site-content .ast-container{
	width:960px!important;
	display:block!important;
	margin-bottom:100px;
}

.single .site-content .ast-container #primary{
	margin:0 auto;
}

.single .site-content .ast-container #primary .entry-meta, .single .site-content .ast-container #primary .nav-links{
	display:none;
}

.single .site-content .ast-container #primary .entry-content a{
	display:inline;
	top:50px;
	font-weight:bold;
	font-size:90%;
	position: relative;
	line-height:1;
  background: linear-gradient(transparent 60%, yellow 120%);
	transition:0.7s;
}

.single .site-content .ast-container #primary .entry-content a:hover{
	color:#BC1B23;
	transition:0.7s;
	transform:translate(0px, 5px);
}

.eael-grid-post .eael-entry-thumbnail>img {
    max-height: 65px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width:1024px){
	.single .site-content .ast-container #primary .entry-title{
		font-size:23px;
	}
}

@media (max-width:767px){	
	.single .site-content .ast-container #primary .entry-title{
		font-size:17px;
	}
	.single .site-content .ast-container #primary p{
		font-size:13px;
	}
}


/*アクセス*/
.access-car{
	width:60vh;
	height:50vh;
}

.access-icon {
	margin-left:30px;
}
.access-icon .elementor-icon-box-icon{
	position:absolute;
	width:100%;
	right:0;
	top:30px;
}
.access-icon .elementor-icon-box-title{
	margin-left:20px;
}


@media (max-width:1024px){
	.access-car{
		width:43vw;
		height:33vw;
	}
}

@media (max-width:767px){
	.access-car{
		width:40vh;
		height:30vh;
	}
	.access-icon .elementor-icon-box-icon{
		position:absolute;
		width:100%;
		right:50px;
	}
	.access-icon .elementor-icon-box-title{
		margin-left:5px;
	}
	.access-icon {
    margin-left: 0;
	}
}


/*コンタクトフォーム*/
#c-name,#c-mail,#c-subject,#c-message{
	width: 100%;
	margin:0;
  padding: 10px 10px 15px;
  background:#fff;
  border:1px solid #979595;
  color:#727272 !important;
  font-size:12px;
	font-family:"IBM Plex Sans JP";
	transition:none;
}
#c-name:hover,#c-mail:hover,#c-subject:hover,#c-message:hover{
	border:1px solid #636363;
}
#c-name:focus,#c-mail:focus,#c-subject:focus,#c-message:focus{
	color: white;
  outline: none;
  border:1px solid #636363;
}
#c-message{
	height: 130px;
  max-height: 130px;
}

#c-submit{
	width:180px;
  display: block;
  height: auto;
  padding:15px;
  color:#fff;
  background:#E9BA84;
  border:none;
  border-radius:3px;
  outline: none;
  margin:0 auto 0 auto;
  box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
	transition:none;
}
.c-form-btn:hover{
	animation-name:none;
	background:#FFDDB6;
  color: white;
  border:none;
}
.c-form-btn:active{
	animation-name:none;
	opacity: 0.9;
}

input {
	position: relative;
  z-index: 9999;
}

.col-xs-6{
	width:100%!important;
}

@media (max-width:1024px){
	#c-message{
		margin-top:20px;
	}
	#c-contact-us .col-xs-6{
		padding:0!important;
	}
}