body {
    display: block;
    margin: 0px;
    font-family: "fot-tsukubrdgothic-std", sans-serif!important;
    font-weight: 700!important;
    font-style: normal!important;
    font-size: 20px;
}

h1 {
    text-align: center;
    margin-bottom: 40px;
}

p {
    padding-top: 15px;
    line-height: 30px;
}

.kv-frame{
    position: relative;
    width: 100%;
    height: 1000px;
    overflow: hidden;
    margin: 0 auto;
 }
 .kv-01, .kv-02, .kv-03{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
 }
 .kv-01{
    background-image: url('./img/mv.jpg');
    animation: slide-animation-01 14s infinite;
 }
 .kv-02{
    background-image: url('./img/mv02.jpg');
    animation: slide-animation-02 14s infinite;
 }
 .kv-03{
    background-image: url('./img/mv03.jpg');
    animation: slide-animation-03 14s infinite;
}

 @keyframes slide-animation-01 {
     0% {opacity: 1; transform: scale(1.0);}
    10% {opacity: 1; }
   30% {opacity: 1;}
   40% {opacity: 0; }
   90% {opacity: 0}
 100% {opacity: 1; }
 }
 @keyframes slide-animation-02 {
    0% {opacity: 0;}
  30% {opacity: 0; transform: scale(1.0);}
  40% {opacity: 1;}
  60% {opacity: 1; }
  70% {opacity: 0;}
100% {opacity: 0;}
 }
@keyframes slide-animation-03 {
    0% {
        opacity: 0;
        transform: scale(1.0);
    }

    30% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        transform: scale(1.0);
    }

    70% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        transform: scale(1.0);
    }
    100% {
        opacity: 0;
    }
}

 .about {
    text-align: center;
    width: 70%;
    margin: 0 auto;
 }
 .about .logo {
    width: 30%;
    margin-top: 50px;
    margin-bottom: 50px;
 }
 
.contentA,.contentB{
 width: 50%;
}
 
.contentA img {
 width: 100%;
}
.theme{
 display: flex;
 margin: 0 auto;
 width: 85%;
}

.line {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}

.line img{
    width: 100%;
}


/* フワフワ */
#dekamechan {
	position: relative;
   width: 95%;
   margin: 0 auto;
}

.dekamechan01 {
   position: absolute;
   left: 10px;
   top: 10px;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}

.dekamechan01 img {
   width: 180px;
}

.dekamechan02 {
   position: absolute;
   right: 10px;
   top: -170px;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}

.dekamechan02 img {
   width: 180px;
}

.dekamechan03 {
   position: absolute;
   right: 10px;
   top: -170px;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}

.dekamechan03 img {
   width: 180px;
}

.dekamechan04 {
   position: absolute;
   left: -50px;
   top: -170px;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}

.dekamechan04 img {
   width: 200px;
}

.dekamechan05 {
   position: absolute;
   left: 10px;
   top: -210px;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}

.dekamechan05 img {
   width: 180px;
}

.dekamechan06 {
   position: absolute;
   right: 10px;
   top: -210px;
	animation: wobbling_x 0.6s ease-in-out infinite alternate,
		wobbling_y 1.6s ease-in-out infinite alternate;
}

.dekamechan06 img {
   width: 180px;
}

.dekamechan07 {
   position: absolute;
   right: 10px;
   top: -170px;
	animation: wobbling_x 0.8s ease-in-out infinite alternate,
		wobbling_y 1.1s ease-in-out infinite alternate;
}

.dekamechan07 img {
   width: 180px;
}

.text {
	position: absolute;
	left: 160px;
	top: 30px;
	font-size: 20px;
	animation: wobbling_x 0.7s ease-in-out infinite alternate,
		wobbling_y 1.2s ease-in-out infinite alternate;
}

@keyframes wobbling_x {
	0% {
		margin-left: 8px;
	}

	100% {
		margin-left: 0px;
	}
}

@keyframes wobbling_y {
	0% {
		margin-top: 0px;
	}

	100% {
		margin-top: 8px;
	}
}
/* カルーセル */
.slicker {
    height: 500px;
}

.item {
   width: 80%;
   margin: 0 auto;
}

.item_head {
   font-size: 30px;
}

.item-01 .itemA,.itemB{
    width: 45%;
    margin: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
   }
    
 .item-01.itemA img {
    width: 100%;
   }
   .item-01{
    display: flex;
    margin-bottom: 50px;
    width: 80%;
    height: 300px;
    margin: 10px auto;
    padding-bottom: 100px;
    padding: 15px 15px 15px 15px;
    border: 1px solid #dee2e6!important;
   }

   .item-02 .itemA,.itemB{
    width: 80%;
    margin: 10px;
   }
    
 .item-02.itemA img {
    width: 100%;
   }
   .item-02{
    display: flex;
    margin-bottom: 50px;
    width: 80%;
    margin: 10px auto;
    padding-bottom: 100px;
    padding: 15px 15px 15px 15px;
   }


   .item-03 .itemA,.itemB{
    width: 80%;
    margin: 10px;
   }
    
 .item-03.itemA img {
    width: 100%;
   }
   .item-03{
    display: flex;
    margin-bottom: 50px;
    width: 80%;
    margin: 10px auto;
    padding-bottom: 100px;
    padding: 15px 15px 15px 15px;
   }


/* ブランドストーリー */
.story {
    margin-bottom: 15px;
}

.story-01 .contentA, .contentB {
    width: 50%;
    margin: 10px;
    /*display: grid;
    place-items: center;*/
}

    .story-01.contentA img {
        width: 100%;
    }
.story-01 {
    display: flex;
    margin-bottom: 50px;
    width: 70%;
    margin: 10px auto;
    padding-bottom: 100px;
    padding: 15px 10px 15px 10px;
    background-color: #dbdbdb;
    border-radius: 30px;
}

.story-02 .contentA, .contentB {
    width: 50%;
    margin: 5px;
    display: grid;
    place-items: center;
}

.story-02 {
    display: flex;
    margin-bottom: 50px;
    width: 70%;
    margin: 10px auto;
    padding-bottom: 100px;
    padding: 15px 15px 15px 10px;
    background-color: #dbdbdb;
    border-radius: 30px;
}
   .story-02 img {
    width: 100%;
   }

.story-03 .contentA, .contentB {
    width: 40%;
    margin: 10px;
    display: grid;
    place-items: center;
}
    
 .story-03.contentA img {
    width: 100%;
   }
.story-03 {
    display: flex;
    margin-bottom: 50px;
    width: 70%;
    margin: 10px auto;
    padding: 15px 10px 15px 10px;
    background-color: #dbdbdb;
    border-radius: 30px;
}

.story-04 .contentA, .contentB {
    width: 60%;
    margin: 10px;
    display: grid;
    place-items: center;
}
    
   .story-04{
    display: flex;
    margin-bottom: 50px;
    width: 70%;
    margin: 10px auto;
    padding-bottom: 100px;
    padding: 15px 15px 15px 10px;
    background-color: #ffa5e1;
    border-radius: 30px;
   }
   .story-04 img {
    width: 100%;
   }

   .story-05 .contentA,.contentB{
    width: 50%;
   }
    
 .story-05.contentA img {
    width: 100%;
   }
   .story-05{
    display: flex;
    margin-bottom: 50px;
    width: 60%;
    margin: 0 auto;
   }

   /* スタイル */
   .style {
    margin-bottom: 25px;
   }
   .styleA,.styleB{
    width: 50%;
    height: 100px;
   }
    
   .style-01{
    display: flex;
    width: 60%;
    margin: 0 auto;
   }

   .style-01 img{
    width: 100%;
   }
   
   /* メンバー */
   .member-l1{
    display: flex;
    width: 60%;
    margin: 0 auto;
   }

   .member-l1 img{
    width: 250px;
   }

   .member-l1 .memberA,.memberB,.memberC{
    width: 50%;
    margin: 15px;
   }

   .member-l2{
    display: flex;
    width: 60%;
    margin: 0 auto;
   }

   .member-l2 img{
    width: 250px;
   }

   .member-l2 .memberA,.memberB,.memberC{
    width: 50%;
    margin: 15px;
   }

   .member-l3{
    display: flex;
    width: 60%;
    margin: 0 auto;
   }

   .member-l3 img{
    width: 250px;
   }

   .member-l3 .memberA,.memberB,.memberC{
    width: 50%;
    margin: 15px;
   }

   /* メンバーモーダル */
   .modal-zoom {
      width: 100%;
   }
   .modaal-content-container,
   .modaal-inner-wrapper{
      padding: 0;
   }
   .modaal-container {
     width: auto;
     max-width: none;
     background: none;
   }