/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/


/* Fotter削除 */
.site-footer{
	display: none;
}



.about{
/* 	margin-right: calc(-50vw + 50%);
	margin-left: calc(-50vw + 50%); */
}

/*  Osteriaの魅力 */
@media screen and (max-width:781px) {
	.wp-container-7.wp-block-columns.reverse {
		flex-direction: column-reverse;
    }
	/*   RECOMMEND 微調整 */
	.wp-block-image.size-large.addition img {
		width: 100%;
	}
	
/* 	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 0!important;
	} */
	.wp-container-11.wp-block-column.addition {
		flex-basis: 0!important;
	}
	
}


/*   RECOMMEND 微調整 */
.wp-block-media-text.alignwide.recommend {
	width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.wp-container-26.wp-block-columns.recommend {
	display: flex;
	gap: 0;
    flex-wrap: nowrap;
    align-items: center!important;
}


/*  3カラム画像余白下調整*/
.wp-block-image.size-large.addition {
	margin: 0;
}
.addition.has-white-color.has-black-background-color.has-text-color.has-background {
	padding: 14px 6px;
}

@media screen and (max-width:991px) {
	.has-text-align-center.recommend.has-white-color.has-text-color {
		font-size: 22px!important;
    }
	.recommend p {
		font-size: 16px!important;

	}

}





/* 
 * スライダー ここから 
 */
.slider1 {
	display: flex;
	margin: 2em calc(50% - 50vw);
	width: 100vw;
	height: auto;
	overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
}

/* 
 * 画像同士の隙間を変える部分 
 */

.slider1 li{
	width:300px;
	list-style: none;
}
.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}
.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}

/* 
 * 画像のサイズ変える部分
 */ 

.slider1 img{
	width: 260px;
    height: auto;
    object-fit: cover;
	object-position: center;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

/* スライダー ここまで */

@media screen and (max-width: 480px) {
	.slider1 li{
	width:240px;
	list-style: none;
   }
	.slider1 img{
	width: 200px;
    height: auto;
    object-fit: cover;
	object-position: center;
}

}

body.custom-background{
	background-color:#c6828200 !important;
}