@charset "UTF-8";
/*********************************************************************
 * 【フロントページ専用CSS】
 * *******************************************************************/

/* フロントページ用画像スライダー ==============
 * ⬇︎ ⬇︎ ⬇︎ ===========================*/

/* フロントページはアピールエリアをOFF*/
#appeal{
  display:none;
}
/* フロンtページは以下マージン不要*/
.content,.footer{
	margin-top:0px;
}
/* コンテンツとTOPとの隙間をなくす*/
.entry-content {
    margin-top: 0em;
}
.main {
    padding-top: 0px!important;
}
/* スライダーに画像ズームアニメーションをセット*/
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom 10s linear 0s 1 normal both;  
}

.slide-img img{
	/* スライダーサイズを横幅いっぱいに変更*/
	object-fit: cover;
	width: calc(100vw);
	/* いったんチラつき防止の意味で高さを画面サイズとイコールにする*/
	height:100vh;
	/* JavaScriptで描画の高さを正式に計算するまで非表示にする（ちらつき防止）*/
	/* 再表示する処理はJavaScript側にて描画完了時に実施する*/
	visibility:hidden;
}
.swiper-button-prev,.swiper-button-next{
	/* JavaScriptで描画の高さを正式に計算するまで非表示にする（ちらつき防止）*/
	/* 表示処理はJavaScriptで行う（描画計算が終了したタイミングで表示するため）*/
	visibility:hidden;	
}
.front-swiper [class^="swiper-button-"]::after{
	/* swiperデフォルトの『次へ』『前へ』描画を除去*/
    content: ""!important;
}
.front-swiper [class^="swiper-button-"]{
	/* 『次へ』『前へ』にセットした画像のサイズを定義*/
	width: 35px;
	height: 35px;
}
.front-swiper .swiper-button-next{
	/*微妙に発生する画像位置のズレを調整*/
	right: -3px;
}
.front-swiper .swiper-button-prev{
	/*微妙に発生する画像位置のズレを調整*/
	left: -5px;
}
/* ページネーションデザインの変更（円を大きくし、色味を変更）*/
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
	  width: 1.2rem;
	  height: 1.2rem;
	  margin: 0.4rem;
	  background: #4b4b4b;
	  color: #fff;
	  font-weight: bold;
	  cursor: pointer;
	  opacity: 1;
}
/* ページネーションがアクティブなときのデザイン（サイズ増大、重複円による視覚効果）*/
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform: scale(1.4);
  border-radius: 50%;
  background: radial-gradient(
	  circle,
	  #4b4b4b,
	  #4b4b4b 4px,
	  #fff 5px,
	  #fff 7px,
	  #4b4b4b 9px,
	  #4b4b4b
  );
}
.date-tags{
	/* フロントページに日付は不要*/
	display:none;
}