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



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

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

@media screen and (min-width:991px){
	.slider1 {
    display: flex;
    margin: 2em calc(50% - 50vw);
    width: 65vw;
    height: auto;
    overflow: hidden;
}
}

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

.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: 290px;
    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:210px;
	list-style: none;
   }
	.slider1 img{
	width: 200px;
    height: auto;
    object-fit: cover;
	object-position: center;
}

}