body{
        background: linear-gradient(90deg, #231815 0%, #231815 50%, white 50%, white 100%);
}

.font-tr-400{ 
font-family: "tachyon", sans-serif;
font-weight: 400;
font-style: normal;
}
.c-green{
    color: #82c040;
}
.c-orenge{
    color: #ef7f1b;
}
.c-paple{
    color: #d0b1d3;
}
.c-savon{
color: #a3bce2;
}
img{
    max-width: 100%;
    vertical-align: bottom;
}
.container{
    max-width: 1280px;
    margin: 0 auto;
}
a{
    text-decoration: none;
}
.sp{
    display: none;
}
.header_inner{
    display: flex;
    align-items: center;
    background:#1A1A1A;
    height: 110px;
}

.h-block{
    display: flex;
    align-items: center;
    width: 100%;
    padding:0 3%;
}
.reboot_nav_list{
    display: flex;
    gap:30px;
}

.h-nav{
    margin-left: auto;
}
.h-nav li{
    position: relative;
}
.h-nav li::after {
    content: "";
    position: absolute;
    right: -25px;
    top:45%;
    background-image: url(../img/reboot/nav_set.png);
    background-size: 100%;
    color: #fff;
    width: 16px;
    height: 16px;
}
.h-nav li:nth-last-child(1):after {
    display: none;
}
.h_logo{
    display: flex;
    align-items: center;
    gap:20px;
}
.h_logo p{
    width: 227px;
}


/*
    メインビジュアル
*/


.main_visual_block{
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
}
.main_visual_block ._char{
    position: absolute;
    right: -80px;
    top:-40px;
}
.main_visual_block ._char img{
    width: 80%;
}


.youtube_block{
    background: #1A1A1A;
    padding:150px 0 
}
._video{
    max-width: 1080px;
    margin: 0 auto;
}
._video iframe{
    width: 100%;
    height: 640px;
    margin-bottom: 60px;
}
._video p{
    text-align: center;
 
}

.lineup_block{
    background: #1A1A1A;
}
.lineup_block ._title_lineup{
    text-align: center;
    margin-bottom: 55px;
}

.lineup_list{
    background: url(../img/reboot/lineup_bg.png);
    background-size: 100%;
    width: 100%;
}
.lineup_list ul.lineup_list_type{
    max-width: 1000px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px 100px;
    margin-bottom: 100px;
}

.lineup_list ul.lineup_list_type li{
    width: 26%;
}


.item_title{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1A1A1A;
    border: 1px solid #fff;
    border-radius: 9000px;
    color: #fff;
    width: 268px;
    height: 64px;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.08rem;
}
.active .item_title{
    background: #19D825;
    border: 3px solid #fff;
    font-weight: 800;

}


.lineup_group{
    max-width: 1000px;
    margin: 0 auto;
    background: url(../img/reboot/lineup_group.png);
    background-repeat: round;
    background-size: 100%;
    padding: 35px 55px;
}

.lineup_group.group2{
    background: url(../img/reboot/0501/lineup_group2.png) round;
}



.lineup_group ._text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.lineup_group ._text h3{
    font-size: clamp(1.25rem, 0.682rem + 2.42vw, 2.5rem);
}
.lineup_group ._text span{
    display: block;
    font-size: 34px;
    font-weight: bold;
    border-top: 2px solid #000;
    padding: 4px 0;
}
._sub_title p{
    font-size: clamp(0.875rem, 0.591rem + 1.21vw, 1.5rem);
    font-weight: bold;
}



#bottom{
    background: #1A1A1A;
}

.type_line{
    background: #fff;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
._item_img{
    width: 320px;
}
.type_line ._dec{
    margin-left: 10px;
}
.type_line ._title h4{
    font-size: 32px;
}

.type_line ._dec ._title span{
    display: block;
    font-size: 24px;
}
.type_line ._dec ._title p{
    font-size: 26px;
    margin-bottom:10px;
}

#ac ._text,
#under ._text,
#paper ._text,
#DC360 ._text,
#cart ._text{
    flex-direction: column;
    align-items: flex-start;
}
.group2 ._text{
    flex-direction: column;
    align-items: flex-start;
}
#ac ._text h3 {
    font-size: 35px;
}


.shopping{
    display: flex;
    gap:20px;
}
.shopping li{
    width: 49%;
}

.smokedeotechnology_block ._title{
    padding: 220px 0 40px;
    text-align: center;
}

.fragrance_block{
    background: #1A1A1A;
    padding: 120px 0 0;
}
.fragrance_block img{
    width: 100%;
}
.fragrance_block ._title{
    text-align: center;
    margin-bottom: 40px;
}

#sec-smokedeotechnology,
#sec-character{
    background: #1A1A1A;
}
#sec-character img{
    width: 100%;
}

#sec-character ul{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 540px) {
    .h-nav{display: none;}

    .pc{
        display: none;
    }
.sp{
    display: block;
}

.main_visual{
    position: relative;
    background: url(../img/reboot/mv_bg_sp.jpg);
    background-size: 100%;
    height: 293px;
    background-repeat: no-repeat;
}
.main_visual_block ._title{
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
}

.main_visual_block ._char{
    left: 50%;
    right: unset;
    top:50%;
    transform: translate(-50%,-50%);
    width: 90%;
}
.main_visual_block ._char img{
    margin: 0 auto;
}
 

._video{
    width: 100%;
    aspect-ratio: 16 / 9;
}
._video iframe{
    width: 100%;
    height: 100%;
}


.youtube_block{
    padding: 40px 0;
}
._video p{
    padding: 0 3%;
}
._title_lineup{
    padding: 0 3%;
}
.item_title{
    width: 100%;
    height: auto;
    padding: 5px;
    font-size: 13px;
}
.lineup_list ul.lineup_list_type{
    gap:20px;
    margin-bottom: 20px;
}


.lineup_list{
    padding: 0 3%;
}
.lineup_list{
    height: auto;
}

.lineup_group ._text{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
}



.type_line ._item_img{
    text-align: center;
    margin: 0;
}

.type_line{
    flex-direction: column;
    padding: 10px;
}
.type_line ._dec ._title span{
    margin: 0;
}

.lineup_block{
    padding: 50px 0;
}

.lineup_group{
    background: url(../img/reboot/lineup_groupsp.png);
    background-repeat: no-repeat;
}
.lineup_group{
    padding: 35px 3%;
}
.type_line ._dec ._title span{
    font-size: 14px;
}
.type_line ._dec ._title p{
    font-size: 20px;
}
.white_musk_block{
    margin-bottom: 40px;
}
.type_line ._title h4{
    font-size: 20px;
}
.lineup_group ._text span{
    font-size: 18px;
}

.shopping li{
    width: 100%;
}
.shopping{
    gap:0;
}

.smokedeotechnology_block ._title{
    padding: 80px 3%;
}

.fragrance_block{
    padding: 80px 0 0;
    }

.fragrance_block ._title{
    padding: 0 3%;
}
#sec-character ul{
    gap:20px;
    justify-content: center;
    padding-bottom: 20px;
}
#sec-character ul li{
    width: 40%;
}


  .lineup_list ul.lineup_list_type li{
    width: 46%;
}
.item_image img{
    width: 100%;
}

}




.retuna_info_detail {
    display: none; /*はじめは非表示*/
    opacity: 0; /*透過0*/
    margin-bottom: 2.5rem;
  }
  
  .retuna_info_detail.is-active {
    display: block; /*表示*/
    animation-name: displayAnime; /*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes displayAnime {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  ._char img{
    transform-origin: center bottom;
    animation: yurayura 2s linear infinite;
}

@keyframes yurayura {
  0% , 100%{
      transform: rotate(0.5deg);
  }
  50%{
      transform: rotate(-0.5deg);
  }
}