@charset "UTF-8";


/*----------------------------------------
 main_v
----------------------------------------*/
.op{
width: 100%;
overflow: hidden;
background-color: #B7AD8A;
}

.top_mv video{
width: 100%;
margin: 70px 0 0;
vertical-align: bottom !important;
}

.video{
width: 100% !important;
height: auto;
}


#slide {
display: none;
}

.animation-slide{
vertical-align: bottom !important;
}

.main_v_02 img{
width: 90%;
margin: 100px 5% 50px 5%;
}

@media screen and (max-width : 896px) {
.top_mv video{
width: 100%;
margin: 0px 0 0;
vertical-align: bottom !important;
}

#slide2{
display: none;
}

.main_v_02 img{
width: 90%;
margin: 5%;
}
}


/*.main_v{
width: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 80px 60px 40px;
}

.mv_img{
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.mv_img div{
width: 31%;
margin: 0 2%
}

.mv_text{
display: flex;
justify-content: space-around;
align-items: baseline;
margin-bottom: 15%;
width: 100%;
height: 90px;
padding: 0 60px;
position: absolute;
}

.mv_text div img{
width: 100%;
height: 100%;
max-height: 90px;
margin: 0 50px 0 0;
}

.mv_text_block01,
.mv_text_block02,
.mv_text_block03{
width: 100%;
display: flex;
justify-content: space-evenly;
align-items: center;
height: 100%;
}

.mv_text_block01 div,
.mv_text_block02 div,
.mv_text_block03 div{
opacity:0;
animation-name:MVFade;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-duration:1s;
}

.mv_text_block01 div:nth-child(4),
.mv_text_block02 div:nth-child(1),
.mv_text_block03 div:nth-child(2){
animation-duration:1.5s;
animation-delay: 1.5s;
}

.mv_text_block01 div:nth-child(1){
animation-delay: 2s;
}

.mv_text_block01 div:nth-child(2),
.mv_text_block01 div:nth-child(5),
.mv_text_block03 div:nth-child(4){
animation-delay: 2.5s;
}

.mv_text_block01 div:nth-child(3),
.mv_text_block03 div:nth-child(1){
animation-delay: 3s;
}

.mv_text_block02 div:nth-child(2){
animation-delay: 3.5s;
}

.mv_text_block01 div:nth-child(6),
.mv_text_block03 div:nth-child(3){
animation-delay: 3.8s;
}

.mv_img{
width: 100%;
}

.mv_img div{
opacity:0;
animation-name:blurL;
animation-duration:1.7s;
animation-fill-mode: forwards;
animation-timing-function: ease-in;
animation-delay: 2.5s;
position: relative;
}

.mv_img div:nth-child(3){
animation-name:blurR;
animation-delay: 2.3s;
}

.mv_img div:nth-child(2){
animation-name:blurB;
animation-delay: 2s;
}

@keyframes blur {
0% {
opacity: 0;
filter: blur(1px);
}
100% {
opacity: 1;
filter: blur(0);
}
}

@keyframes blurB {
0% {
opacity: 0;
transform: translateY(20px);
filter: blur(1px);
}
100% {
opacity: 1;
transform: translateY(0);
filter: blur(0);
}
}

@keyframes blurL {
0% {
opacity: 0;
transform: translateX(-20px);
filter: blur(1px);
}
100% {
opacity: 1;
transform: translateX(0);
filter: blur(0);
}
}

@keyframes blurR {
0% {
opacity: 0;
transform: translateX(20px);
filter: blur(1px);
}
100% {
opacity: 1;
transform: translateX(0);
filter: blur(0);
}
}

@keyframes MVFade {
0% {
 opacity: 0;
}

100% {
 opacity:1;
 }
}

@keyframes MVLogo {
0% {
 opacity: 0;
}

30% {
 opacity: 1;
}

50% {
 opacity: 1;
}

100% {
 opacity:0;
 }
}

@keyframes MVLeft {
  100% {
    transform: translateY(100%);
  }
}

@keyframes MVRight {
  100% {
    transform: translateY(-100%);
  }
}

.sokenPaintLink a,.sokenPaintLink a:hover {
	color: #eee;
}

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

.mv_text div img{
max-height: 60px;
}

}*/




/* sp */
@media screen and (max-width : 896px) {

.main_v{
padding: 20px 0;
}

.mv_img{
flex-wrap: wrap;
}

.mv_img div{
width: 95%;
margin: 10px 0;
margin-left: auto;
}

.mv_img div:nth-child(2){
margin-right: auto;
margin-left: 0;
}

.mv_text{
flex-wrap: wrap;
margin-bottom: 0;
padding: 0;
}

.mv_text div img{
max-height: 40px;
}

.mv_text_block01,
.mv_text_block02,
.mv_text_block03 {
justify-content: space-between;
}

.mv_text_block01{
width: 80%;
margin-left: auto;
position: relative;
bottom: 102px;
}

.mv_text_block02{
justify-content: space-evenly;
width: 80%;
margin-right: auto;
position: relative;
bottom: 47px;
}

.mv_text_block03{
width: 80%;
margin-left: auto;
position: relative;
bottom: -11px;
}

}

/*----------------------------------------
 top_lineup
----------------------------------------*/

.top_lineup{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
padding: 0 0 0 0;
}

.top_lineup_inner{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}

.top_lineup h2{
font-size: 2.8rem;
line-height: 1.5;
display: inline-block;
width: 100%;
margin: 0 0 40px 0;
letter-spacing: 2px;
text-align: center;
font-family: "Abel", sans-serif;
font-weight: 700;
}

.top_lineup h2 span{
font-size: 1.5rem;
display: block;
color: #333;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
}

.top_lineup_slide{
width: 90%;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}

.top_lineup_slide div.slide_box{
padding: 0 30px;
margin: 0 0;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.top_lineup_slide .slide-arrow {
bottom: 0;
position: absolute;
width: 30px;
height: 80px;
font-size: 2rem;
line-height: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color:#B7AD8A;
border: 1px solid #B7AD8A;
border-radius: 5px;
color: #fff;
transition : all 0.5s ease 0s;
}

.top_lineup_slide .slide-arrow:hover {
background-color: #B7AD8A;
color: #fff;
}

.top_lineup_slide .prev-arrow {
left: -5%;
top: 50%;
transform: translateY(-50%) translateX(calc(50% - 10px));
z-index: 9;
}

.top_lineup_slide .next-arrow {
right: -5%;
top: 50%;
transform: translateY(-50%) translateX(calc(-50% + 10px));
z-index: 9;
}





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

.top_lineup_slide div.slide_box{
padding: 0 0;
margin: 0;
}

.top_lineup_slide{
width: 100%;
padding: 40px 0 0;
}

.top_lineup_inner{
max-width: 100%;
}

.top_lineup h2{
font-size: 2rem;
}

.top_lineup h2 span{
font-size: 1.3rem;
}

.top_lineup_slide .slide-arrow{
width: 30px;
height: 30px;
}

.top_lineup_slide .prev-arrow {
transform: translateY(0%) translateX(calc(50% - 10px));
}

.top_lineup_slide .next-arrow {
transform: translateY(0%) translateX(calc(-50% + 10px));
}

}

/*----------------------------------------
GW、お盆の休暇
----------------------------------------*/
.holiday {
  margin: 80px auto 0;
  text-align: center;
}

.holiday .border {
  display: inline-block;
  padding: 20px 50px;
  border: 2px solid #3e3a39;
}

.holiday .title {
  font-size: 18px;
  margin-bottom: 10px;
}

.holiday p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
}

.holiday .textSmall {
  font-size: 14px;
}



@media screen and (min-width: 320px) and (max-width: 767px)  {
  .holiday {
    margin: 50px auto 0;
  }

  .holiday .border {
    padding: 20px 25px;
  }

  .holiday .title {
    font-size: 16px;
  }

  .holiday p {
    font-size: 14px;
    font-weight: 600;
  }

  .holiday .textSmall {
    font-size: 12px;
  }


}