@charset "utf-8";
/* CSS Document */

.img img{
	width:100%;
	display: block;
}

.embedsocial-hashtag{ margin-top:3vh;}

.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(10px, 0px);
    }
    5% {
        transform: translate(-10px, 0px);
    }
    10% {
        transform: translate(10px, 0px);
    }
    15% {
        transform: translate(-10px, 0px);
    }
    20% {
        transform: translate(10px, 0px);
    }
    25% {
        transform: translate(-10px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}




.wrap {
	
  position: relative;
  overflow: hidden;

  margin: 0 auto;
}

.wrap img{ width:100%;}

.slideConts {

  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;


}

.slideConts2 {

  -webkit-transition: 5s;
  -o-transition: 5s;
  transition: 5s;
}

.slideConts3 {

  -webkit-transition: 5s;
  -o-transition: 5s;
  transition: 5s;
}


.slideContsL {
	transform: translate(-2000px, 0);
}
.slideContsR {
  transform: translate(800px, 0);
}
.slideContsL.show {
  transform: translate(0px, 0) !important;
}
.slideContsR.show {
  transform: translate(50px, 0) !important;
}
.fadein{
	 opacity: 0;
	}
.fadein.show{
	 opacity: 100;

	}

.boxte{
	height: auto;
	background:url(../img/001_04.jpg) no-repeat center;
	background-size: cover;
	}

.boxte img{ width:100%;}

.boximg{ opacity:0;}

.expansion{
	transform:scale(4, 4);
	opacity:0;
	}

.expansion.show{
	transform:scale(1, 1);
	opacity:1;
	}
	
section {
	width:100%;
	margin-bottom:3vh;

}
.accordion {

  margin: 0 auto;
}

.accordion div{ display:table; width:90%; margin:auto;}
.accordion div p{ display:table-cell; vertical-align:middle;}

.accordion div p:nth-child(1){ width:20%; font-size:4vh; text-align:center;}

.accordion div p:nth-child(2){ width:80%;}

.accordion div:nth-child(odd) p:nth-child(2){ font-size:3vh; text-align:left;}

.accordion div:nth-child(even) p:nth-child(2){ font-size:2.5vh; text-align:left;}

.menu {

  font-size: 18px;
  padding: 10px;

  cursor: pointer;
  user-select: none;
}

.contents {
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
}
 
.contents.is-open {
  border: 1px solid black;
  padding: 10px;
  line-height: normal;
  height: auto;
  opacity: 1;
}




.contents p span{ display:block;}

.contents p span:nth-child(odd){ color:#FFF; background:#333; text-align:center; padding:1vh 0;}

.contents p span:nth-child(even){ padding:2vh;}