body{
  margin: 0 auto;/*背景雪の間はコメントアウト*/
  /*background-image: url(img/renewal/galaxy_bg.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
    animation: bgiLoop 800s linear infinite;
    background-color: #000;*/
}

/*背景雪の間はコメントアウト*/
/*@keyframes bgiLoop {
  100% { background-position: -1920px 1280px;}
}*/

    .end_event{
        width: 20%;
        position: absolute;
        right: 1%;
        bottom: 0;
        margin: 0 auto;
    }
    
    .event_txt{
        max-width: 1280px;
        position: relative;
        padding-top: 4rem;
    }

    .calendar{
      width:100%;
	  height: 620px;
    }
    
    @media screen and (max-width: 768px){

        .end_event{
            width: 80%;
            position: static;
        }
        
            .event_txt{
        max-width: 1280px;
        position: relative;
        padding-top: 0;
    }

    .pad{
      display: block;
    }

    }
/* 営業カレンダー */
.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}

.googlecal {
position: relative;
padding-bottom: 100%;
height: 0;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}





.eventBg{
background-color: #fff;
color: #000;
position: relative;
height: 420px;
margin:0 auto 4em;
max-width: 1190px;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.eventBg::after{
  content: "read more";
  position: absolute;
  right: 20px;
  bottom: 20px;

  padding: 10px 18px;
  font-size: 14px;
  letter-spacing: .05em;
  text-transform: uppercase;

  background-color: blue;
  color: #fff;
  border-radius: 20px;

  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}
.home .eventBg::after {
  display: none;
}

.eventWrapper{
  /* padding: 1rem 2rem 4rem; */
  /* padding: 1rem; */
  width: 80%;
    margin: 0 auto;
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 920px;
}

.eventWrapper p{
  font-size:2em;
}

.endEvent{
  width: 20%!important;
  margin-right: 0!important;
}

.event_day{
  font-size: 2.2em;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  border-bottom: 4px solid skyblue;
  font-family: 'Titillium Web', sans-serif;
    letter-spacing: 1.2;
}

.event_day span{
  font-size: 0.6em;
}

.specialEvent{
  margin-bottom: 1rem;
}

@media screen and (max-width: 993px){

      .calendar{
        width:100%;
		height:440px;
      }



.eventWrapper{
  width: 100%;
position: static;
  padding: 2rem;
  box-sizing: border-box;

}

}

@media screen and (max-width: 992px){

.endEvent{
  width: 60%!important;
  margin: 0 auto!important;
}

}

@media screen and (max-width: 768px) {
.eventBg::after{
  content: "read more";
  position: absolute;
  right: 0.5em;
  bottom: 1em;
  padding: 5px 9px;
  font-size: 12px;
}

.eventWrapper{
  width: 100%;
position: static;
  padding: 2rem;
  box-sizing: border-box;

}
.eventWrapper p{
  font-size:1.3em;
}

}


@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}

	/* 12/1～12/31までの背景 */
/*========= レイアウトのためのCSS ===============*/

#wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  color: #fff;
}

a{
  text-decoration:none;
}

/*========= particle js を描画するエリア設定 ===============*/

html,body{
  height: 100%;/*高さを100%にして描画エリアをとる*/
}

#particles-js{ 
  position:fixed;/*描画固定*/
  z-index:-1;/*描画を一番下に*/
  width: 100%;
  height: 100%;
  background-color:#070A31;/*背景色*/
}

#wrapper{
  position: relative;/*描画を#particles-jsよりも上にするためposition:relative;を指定*/
  z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
  width:100%;
  height: 100%;
}

.swiper-slide img {
  height: auto;
  width: 100%;
}

@media only screen and (min-width: 993px) {
    .row .col.l1q {
        width: 11.0%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 768px) {
.row .col.s4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
}