@charset "utf-8";
/* -----------------------------------------------
 index CSS
-------------------------------------------------- */
/*---swiper---*/
[class*=swiper]:focus {
  outline: none;
}
/* MV */
.mv01 {
  position: relative;
  top: 10px;
  left: 1%;
  width: 98%;
  max-height: 800px;
  height: auto;
  z-index: 3;
  overflow: hidden;
}
.mv01 .swiper-fade .swiper-slide {
  overflow: hidden;
  height: 100%;
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  pointer-events: none;
}
.mv01 .swiper-fade .swiper-slide::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000000;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .4;
  z-index: 1;
}
.mv01 .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.mv01 .sorashi {
  position: absolute;
  z-index: 3;
  top: 20%;
  left: 15%;
  width: 15%;
  height: auto
}
.mv01 .mvtxt {
  position: absolute;
  z-index: 3;
  top: 25%;
  left: 40%;
  width: auto;
  height: auto;
}
.mv01 .mvtxt .catch {
  font-size: 3em;
  font-family: "Josefin Sans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: white
}
.mv01 .mvtxt p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  color: white;
  font-size: 1.2em
}
.mv01 .slide-media {
  position: relative;
  left: 0;
  width: 100%;
}
.mv01 .slide-media img {
  -webkit-transition: 7s 1s ease-out;
  transition: 7s 1s ease-out;
}
.mv01 .swiper-slide[class*=-active] .slide-media img {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.mv01 .swiper-slide[class*=-active] .slide-title {
  -webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;
  animation: mv01-fadeIn 2s 0.5s var(--easing) both;
}
@-webkit-keyframes mv01-fadeIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes mv01-fadeIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}
/* -----------------------------------------------
 お知らせ（サムネイル付）
-------------------------------------------------- */
ul#eventa{
    display: flex;
    flex-wrap: wrap;
	margin:0;
	padding:0;
    box-sizing: border-box;
}
ul#eventa li{
    display: block;
    width: 28%;
    margin: 0 2% 2em 2%;
	background-color: #FFF;
}
ul#eventa li div{
    padding: 0 1%;
    margin-bottom: 1%
}
ul#eventa a {
	color: #000;
	text-decoration: none;
	font-size: 16px
}
ul#eventa li a:hover {
	color: #40403F;
}
ul#eventa li span.date{
	display:block;
	font-size: 16px;
	font-weight: 500;
	color: var(--bk);
    margin: 5px 0;
}
/*カテゴリーアイコンなしNewのみ*/
ul#eventa li span.new{
	background-image: url(../eventa/images/icon_new.svg);
	background-position:left 0;
	background-size: 30px 28px;
	background-repeat: no-repeat;
	padding-left: 2.5em
}
ul#eventa li span.photo{
    display:block;
    margin-bottom: 1.2em;
	text-align:center;
	width: auto;
}
ul#eventa li span.photo img{
    -webkit-box-shadow: rgba(31,31,31,.2) 0 2px 2px;
	-moz-box-shadow: rgba(31,31,31,.2)  0 2px 2px;
	box-shadow: rgba(31,31,31,.2) 0 2px 2px;
}
ul#eventa li span.title{
	display:block;
    font-size: 14px
}

/* イベン太icon設定*/
.ei, .ei02{
	background-image: url("../images/e_icon01.svg");
	background-position: 6em 2px;
	background-size: auto 21px;
	background-repeat: no-repeat;
}
.ei02 {background-image: url("../images/e_icon02.svg");}

/* イベン太icon＋new設定*/
ul#eventa li span.new.ei, ul#eventa li span.new.ei02{
	background-image: url("../images/e_icon01.svg"), url(../eventa/images/icon_new.svg);
	background-position: 8.5em 2px, left 0;
	background-size: auto 21px, 30px 28px;
	background-repeat: no-repeat,no-repeat;
	padding-left: 2.5em
}
ul#eventa li span.new.ei02{background-image: url("../images/e_icon02.svg"), url(../eventa/images/icon_new.svg);}
ul#eventa li span.new.ei03{background-image: url("../images/e_icon03.svg"), url(../eventa/images/icon_new.svg);}

/*---サムネイル写真のリサイズ---*/
.resize {
  object-fit: cover;
  width: 100%;
  height: 230px;
  object-position: 50% 0; /* 他のブラウザ用(＝通常の指定) */
  font-family: 'object-fit: cover; object-position: 50% 0;' /* IE・Edge対応 */
  }
/*---一イベン太覧用戻るボタン（eventa.cssより）---*/
button {
background-color: #242424;
color: #fff;
border: 0;
border-radius: 3px;
padding: 0.5em 2em;
font-size: 16px;
cursor: pointer;
margin: 2em
}


/*写真*/
.indexp01 {
  position: absolute;
  top: -10%;
  left: 57%;
  width: 35%;
  max-width: 500px;
  z-index: 10;
}
.indexp02 {
  position: relative;
  width: 100%;
  max-width: 500px;
}
.indexp01::after, .indexp02::after {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.30);
  content: '';
}
.indexp03 {
  width: 200px;
  margin: 0 auto
}
.bg-tree01 {
  position: absolute;
  width: 13%;
  left: -5%;
  bottom: -50%;
}
/* -----------------------------------------------
1024px以下
-------------------------------------------------- */
@media screen and (max-width:1025px) {
  /* MV */
  .mv01 {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
  }
  .mv01 .swiper-fade .swiper-slide {
    overflow: hidden;
  }
  .mv01 .sorashi {
    left: 13%;
    width: 13%;
  }
  .mv01 .mvtxt {
    top: 25%;
    left: 34%;
  }
  .mv01 .mvtxt .catch {
    font-size: 2em;
  }
  .mv01 .mvtxt p {
    font-size: 1em;
    padding-right: 2em
  }
}
/* -----------------------------------------------
 991px
-------------------------------------------------- */
@media screen and (max-width:992px) {
ul#eventa li{
    display: block;
    width: 46%;
}
  .indexp01, .indexp02 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto 5%;
    width: 100%;
    max-width: 500px;
    z-index: 10;
  }
  .bg-tree01 {
    display: none
  }
}
/* -----------------------------------------------
 767px
-------------------------------------------------- */
@media screen and (max-width:768px) {
.resize {
  min-width: 90%;
  height: 160px
  }
  .mv01 .sorashi {
    left: 10%;
    width: 13%;
  }
  .mv01 .mvtxt {
    top: 25%;
    left: 28%;
  }
  .mv01 .mvtxt .catch {
    font-size: 1.7em;
  }
  .mv01 .mvtxt p {
    font-size: 1em;
    padding-right: 2em
  }
}
/* -----------------------------------------------
smartPhone
-------------------------------------------------- */
@media screen and (max-width: 576px) {
ul#eventa li{
    display: block;
    width: 95%;
    margin: 0 auto 2em auto;
}
.resize {
  min-width: 90%;
  height: 200px
  }
  .mv01 .mvtxt {
    top: 20%;
    left: 28%;
  }
  .mv01 .mvtxt .catch {
    font-size: 1.4em;
  }
  .mv01 .mvtxt p {
    font-size: 13px;
    padding-right: 2em
  }
.indexp03 {
  width: 100px;
  margin: 0 auto
}
}