@charset "utf-8";


/* inview ---------------------------------------------------- */

.inview{
    -webkit-transition: 0.8s;
    transition: 0.8s;
    opacity: 0;
    -webkit-transform: translate(0px,100px); 
    transform: translate(0px,100px);
}

.inviewL{
    -webkit-transition: 0.8s;
    transition: 0.8s;
    opacity: 0;
    -webkit-transform: translate(-100px,0px); 
    transform: translate(-100px,0px); 
}

.inviewR{
    -webkit-transition: 0.8s;
    transition: 0.8s;
    opacity: 0;
    -webkit-transform: translate(100px,0px); 
    transform: translate(100px,0px); 
}

.inview_on{
    opacity: 1.0;
    -webkit-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
}


.cont_lp{
    width:736px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.lh_0{
    line-height: 0;
}


/* 21sm_novelty ---------------------------------------------------- */

.novelty_21sm_ttl{
    position: relative;
    z-index: 1;
}

.novelty_21sm_img01{
    width:65%;
    margin-top: -90px;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}

.novelty_21sm_block01{
    margin-top: 90px;
    position: relative;
    width:100%;
}
.novelty_21sm_img02{
    position: absolute;
    top:0;
    right: 0;
    -webkit-transition-delay:0.5s;
    transition-delay:0.2s;
}

.novelty_21sm_block01 .txt{
    margin-top: 70px;
}

.novelty_21sm_slide_area{
    margin-left: 38%;
    margin-top: 100px;
    border: solid 13px #000;
}

.novelty_21sm_flex{
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.novelty_21sm_flex li{
    width: 32%;
}
.novelty_21sm_flex li.img02{
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}
.novelty_21sm_flex li.img03{
    -webkit-transition-delay:0.4s;
    transition-delay:0.4s;
}

.novelty_21sm_attention{
    margin-top: 60px;
}

.novelty_21sm_attention_btn{
    text-align: center;
    margin-top: 110px;
}



/* 21 SHOES CLOSET ---------------------------------------------------- */

.alignC{
    text-align: center;
}

.shoes_21sm_main_area{
    padding-top: 100px;
    text-align: center;
}

.shoes_21sm_ttl01{
    
}
.shoes_21sm_ttl02{
    margin-top: 25px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.shoes_21sm_main{
    margin-top: 90px;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.shoes_21sm_txt01{
    margin-top: 60px;
    font-size: 1.6rem;
}
.shoes_21sm_txt02{
    margin-top: 40px;
    font-size: 1.6rem;
    line-height: 180%;
}

.font_tsuku{
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.cont_shoes_21sm{
    width:610px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

.shoes_21sm_itemG{
    margin-top: 150px;
}

.shoes_21sm_img_flex{
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.shoes_21sm_img_flex li{
    width:calc(50% - 5px);
}


.shoes_21sm_itemG .item_name{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}
.shoes_21sm_itemG .item_name .snap{
    margin-left: 20px;
}

.shoes_21sm_itemG .item_all{
    margin-top: 30px;
}

.shoes_21sm_itemG .img03{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.shoes_21sm_itemG02 .img02{
    -webkit-transform: translate(-90%,0px); 
    transform: translate(-90%,0px);
}

.shoes_21sm_itemG02 .img03{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(90%,0px); 
    transform: translate(90%,0px);
}

.shoes_21sm_img_area{
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 210px;
    line-height: 0;
    position: relative;
}

.shoes_21sm_img_area .img01{
    width:84%;
}
.shoes_21sm_img_area .img02{
    width:40%;
    left: 60%;
    top:35%;
    position: absolute;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.shoes_21sm_img_area .img03{
    width: 50%;
    margin-left: 20px;
    margin-top: 40px;   
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.shoes_21sm_btn{
    margin-top: 130px;
    text-align: center;
}

.sp_only{
    display: none;
}


/* FILM ---------------------------------------------------- */


.film_collection{
    padding-top: 100px;
}
.ttl_film_collection{
    width:800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 160px;
}


.main_film_collection{
    width:750px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.main_film_collection a{
    display: block;
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top:0;
}
.main_film_collection video{
    width:100%;
}

.nav_film_collection{
    text-align: center;
    margin: 130px 0 80px;
}
.nav_film_collection li{
    display: inline-block;
    margin: 0 5px;
    font-family: 'EB Garamond', serif;
    font-size: 18px;
    letter-spacing: 0px;
}

.nav_film_collection li.btn{
    cursor: pointer;
}

.list_film_collection{
    width:550px;
    margin-left: auto;
    margin-right: auto;
}
.list_film_collection li{
    margin-top: 100px;
}


/* RAIN 21SS ---------------------------------------------------- */

.rain21ss_open{
    position: fixed;
    width:100%;
    height: 100%;
    left: 0;
    top:0;
    background: #fff;
    padding-top: 110px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.rain21ss_open_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.rain21ss_open_flex .img_area{
    width:60%;
    overflow: hidden;
}

.rain21ss_open_flex .img_area ul{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 60px;
}

.rain21ss_open_flex .img_area ul li{
    width: calc((100vh - 100px) / 3 * 2);
    display: inline-block;
    margin-right: 8px;
}

.rain21ss_open_flex .txt_area{
    padding-right: 120px;
    position: relative;
}

.rain21ss_open_flex .txt_area .look_paging span{
    display: inline-block;
}
.rain21ss_open_flex .txt_area .look_paging .prev{
    padding-right: 30px;
    cursor: pointer;
}
.rain21ss_open_flex .txt_area .look_paging .next{
    padding-left: 30px;
    cursor: pointer;
}

.rain21ss_open_flex .txt_area .paging_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 50px;
}

.rain21ss_open_flex .txt_area .paging_area .close{
    margin-left: 100px;
    cursor: pointer;
}
.rain21ss_open_flex .txt_area .paging_area img{
    display: block;
    width: auto;
    height: 12px;
}
.rain21ss_open_flex .txt_area .item{
    width:230px;
    padding-top: 20px;
    margin-bottom: 60px;
}

.rain21ss_open_flex .txt_area .item li{
    margin-top: 10px;
}


.rain21ss{
    opacity: 1;
    padding-top: 200px;
}

.rain21ss_on{
    opacity: 0;
}


.txt_rain21ss02{
    margin-top: 20px;
}

.txt_rain21ss03{
    margin: 100px 0 110px;
}

.rain21ss_block{
    width: 432px;
    margin-left: auto;
    margin-right: auto;
}

.rain21ss_block01{
    margin-top: 190px;
}

.rain21ss_block02{
    margin-top: 160px;
}

.rain21ss_block03{
    margin-top:160px;
}
.rain21ss_block04{
    margin-top: 160px;
}

.rain21ss_block05{
    margin-top: 160px;
}
.rain21ss_block06{
    margin-top: 160px;
}


.rain21ss_view{
    width:30%;
    margin-top: 10px;
    position: relative;
}
.rain21ss_view .up{
    position: absolute;
    top:0;
    left: 0;
    background: #fff;
}
.rain21ss_view .down{
    position: relative;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    z-index: 1;
    opacity: 1;
    background: #fff;
}
.rain21ss_view_on .down{
    opacity: 0;
}

.rain21ss_block .open{
    padding-top: 20px;
    display: none;
}
.rain21ss_block .open .rain21ss_insta{
    width:55%;
}
.rain21ss_block .open .item{
    width:60%;
}
.rain21ss_block .open .item li{
    margin-top: 5px;
}

.rain21_img{
    width:780px;
    margin-left: auto;
    margin-right: auto;
}
.rain21_img01{
    margin-top: 160px;
}
.rain21_img img{
    display: inline-block;
    width: 71%;
}

.rain21_img02{
    text-align: right;
    margin-top: 160px;
}

.txt_rain21ss04{
    margin-top: 150px;
}

.txt_rain21ss05{
    margin-top: 100px;
    margin-bottom: 150px;
}


/* SELECT ---------------------------------------------------- */

.select_lp{
    width:calc(100% - 120px);
    max-width: 930px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
}


.ttl_select{
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    border-bottom: solid 1px #000;
    padding-bottom: 22px;
    font-weight: 300;
}

.select21fw_01{
    margin-top: 50px;
}

.select21fw_block01{
    margin-left: 25px;
    margin-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.select21fw_02{
    width: 48.8%;
    margin-top: 140px;
}
.select21fw_03{
    width: 48.8%;
    margin-top: 40px;
}

.select21fw_block02{
    margin-left: 25px;
    margin-right: 25px;
}

.select21fw_04{
    padding-left: 29.6%;
    margin-top: 20px;
}
.select21fw_05{
    width: 70.4%;
    margin-top: 20px;
}

.updown{
    position: relative;
}
.updown::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    background: #fff;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.55,.01,.08,1);
    transition: -webkit-transform 1s cubic-bezier(.55,.01,.08,1);
    transition: transform 1s cubic-bezier(.55,.01,.08,1);
    transition: transform 1s cubic-bezier(.55,.01,.08,1), -webkit-transform 1s cubic-bezier(.55,.01,.08,1);
}

.updown_on::after {
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

/* SELECT ---------------------------------------------------- */

.playing21{
    width:100%;
    max-width: 1040px;
    margin-top: 100px;
    line-height: 0;
    padding-top: 200px;
}

.playing21_block01 .inner{
    margin-left: 3.4%;
    margin-right: 3.4%;
    margin-top: 50px;
}

.playing21_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.playing21_block01 .l01{
    width: 52.5%;
}

.playing21_block01 .r01{
    width: 44.3%;
}

.playing2101_04,.playing2101_05{
    margin-top: 18px;
}


.playing21_block01 .inner02{
    margin-top: 60px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 2.1%;
}

.playing2101_txt{
    width: 37.8%;
}
.playing2101_06{
    width: 61%;
}

.playing21_block02{
    margin-top: 225px;
}
.playing2102_02{
    text-align: left;
    margin-right: 5.7%;
    margin-left: 24.7%;
    margin-top: 50px;
}

.playing21_block02 .inner{
    margin-right: 5.7%;
    margin-left: 5.7%;
    margin-top: 30px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.playing2102_03{
    width: 82.2;
}
.playing2102_txt{
    width: 16.12;
}

.playing21_block03 .inner{
    margin-top: 250px;
    margin-left: 10.7%;
    margin-right: 5.9%;
}

.playing2103_01{
    width: 53.7%;
}
.playing2103_02{
    width: 44.5%;
}
.playing2103_03 {
    margin-top: 43px;
}
.playing2103_04{
    margin-left: 7.6%;
    margin-right: 7.6%;
    margin-top: 50px;
}

.playing2104_01{
    margin-top: 218px;
}

.playing21_block04 .inner{
    margin-top: 50px;
    margin-left: 5.5%;
    margin-right: 3.8%;
}

.playing2104_02{
    width: 82.3%;
}
.playing2104_txt{
    width: 16.8%;
}

.playing21_block05{
    margin-top: 180px;
}

.playing2105_02{
    margin-top: 25px;
}

.playing21_block05 .inner{
    margin-top: 35px;
    margin-left: 3.8%;
    margin-right: 3.8%;
}

.playing2105_txt{
    width: 21.5%;
}

.playing2105_03{
    width: 77.35%;
}

.playing21_block06{
    margin-top: 220px;
    margin-left: 5.47%;
    margin-right: 5.47%;
}

.playing2106_02{
    margin-top: 30px;
}
.playing2106_03{
    margin-top: 5px;
}
.playing2106_04{
    margin-top: 5px;
}

.playing21_block06 .inner{
    margin-top: 83px;
}

.playing2106_txt{
    width: 21.39%;
}

.playing2106_05{
    width: 74.86%;
}

.playing21_block07{
    margin-top: 245px;
}

.playing2107_01{
    margin-left: 5.71%;
    margin-right: 5.71%;
}

.playing2107_02{
    margin-top: 35px;
}


.playing21_block08{
    margin-top: 130px;
    padding-bottom: 140px;
}

.playing2108_01{
    margin-left: 2.3%;
    margin-right: 2.3%;

}

.playing21_block08 .inner{
    margin-left: 4.7%;
    margin-right: 8.57%;
    margin-top: 53px;
}

.playing2108_txt{
    width: 18.78%;
}

.playing2108_02{
    width: 78.45%;
}

.playing2109{
    padding-bottom: 230px;
}

.playing21_btn{
    text-align: center;
    margin-bottom: 300px;
}

/* 2022 SHEDULE BOOK ---------------------------------------------------- */

.shcedule22{
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 400;
    font-style: normal;
/*
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
*/
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 50px;
    background: #ece9e0;
    text-align: center;
    padding-bottom: 220px;
}
.shcedule22 .img{
    line-height: 0;
}
.shcedule22 .img01{
}
.shcedule22 .img02{
    margin-top: 90px;
}
.shcedule22 .img03{
    margin-top: 50px;
}
.shcedule22 .img04{
    margin-top: 60px;
}
.shcedule22 .img05{
    margin-top: 60px;
}

.txt01{
    font-size: 24px;
    line-height: 40px;
    margin-top: 50px;
    letter-spacing: 0px;
}

.txt02{
    font-size: 15px;
    line-height: 30px;
    margin-top: 60px;
    letter-spacing: 0px;
}

.txt03{
    font-size: 24px;
    line-height: 40px;
    margin-top: 40px;
    letter-spacing: 0px;
}

/* 21Win Styling ---------------------------------------------------- */

.styling_21win{
    background: #ceac24;
    line-height: 0;
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.styling_21win_prof{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.styling_21win_prof li{
    width: 28%;
}
.styling_21win_prof li:nth-child(2){
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}
.styling_21win_prof li:nth-child(3){
    -webkit-transition-delay:0.4s;
    transition-delay:0.4s;
}

.styling_21win_list li{
    padding-top: 200px;
}
.styling_21win_list li.styling_21win01{
    padding-top: 150px;
}

.styling_21win_modal{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
}

.modal_open{
    display: none;
}

.styling_21win12_photo{
    margin-top: 100px;
}
.styling_21win12_btn{
    margin-top: 80px;
    margin-bottom: 590px;
}

.styling_21win_modal #coordinate_items{
    margin-top: 50px;
}



/* SELECT 2201---------------------------------------------------- */

.select2201_01{
    margin-top: 255px;
    line-height: 0;
}

.select2201_02{
    margin-left: 19.3%;
    margin-top: 260px;
    line-height: 0;
}

.select2201_03{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 0;
}
.select2201_03_l{
    width: 36.7%;
    padding-top: 170px;
}
.select2201_03_r{
    width: 44.0%;
    padding-top: 550px;
}

.select2201_04{
    margin-top: 180px;
    line-height: 0;
    width: 82.7%;
    margin-left: auto;
    margin-right: auto;
}

.select2201_05{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 0;
}
.select2201_05_l{
    width: 48.3%;
    padding-top: 680px;
}
.select2201_05_r{
    width: 34.5%;
    padding-top: 180px;
}

.select2201_06{
    margin-top: 160px;
    line-height: 0;
    width: 67.7%;
    margin-left: 32.3%;
}


/* NOVELTY 22SS----------------------------- */

.font_zen{
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.novelty_22ss{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.novelty_22ss_top_mg{
    height: 100px;
}

.novelty_22ss_slide_area .swiper-button-prev:after, .novelty_22ss_slide_area .swiper-button-next:after {
    color: #fff;
    font-size: 30px;
}

.novelty_22ss_slide_area .swiper-button-prev, .novelty_22ss_slide_area .swiper-button-next {
    background: none;
}

.novelty_22ss_txt01{
    margin-top: 240px;
    text-align: center;
    font-size: 23px;
    line-height: 200%;
    font-weight: 300;
    margin-bottom: 180px;
}

.novelty_22ss_img04{
    margin-top: 180px;
}

.novelty_22ss_txt02{
    font-size: 25px;
    line-height: 200%;
    font-weight: 500;
    margin-top: 150px;
    text-align: center;
}

.novelty_22ss_txt03{
    font-size: 18px;
    line-height: 180%;
    font-weight: 300;
    margin-top: 90px;
    text-align: center;
}

.novelty_22ss_img05{
    margin-top: 90px;
}

.novelty_22ss_txt04{
    font-size: 18px;
    line-height: 180%;
    font-weight: 300;
    margin-top: 140px;
}


/* CONTENTS----------------------------- */

.contents_page_area{
    padding-top: 100px;
}
.ttl_contents_page{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 100px;
}
.main_contents_page{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}
.contents_nav{
    font-family: 'Zen Kaku Gothic New', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 100px 0 0;
    font-size: 19px;
}
.contents_nav li{
    position: relative;
    margin: 0 15px 0px;
    padding-bottom: 7px;
}
.contents_nav li.active{
    
}

.contents_nav li a{
    display: inline-block;
    padding-bottom: 7px;
}
.contents_nav li a.active{
    border-bottom: solid 1px #000;
}

.contents_nav li:first-child::after{
    content: "-";
    position: absolute;
    right: -21px;
}

.contents_page_slide_area{
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}
/*
.contents_page_slide_area .swiper-slide{
    opacity: 0 !important;
}

.contents_page_slide_area .swiper-slide-duplicate-active{
    opacity: 1 !important;

}
*/
.contents_page_img_list li{
    margin-top: 100px;
}


/* reika_yoshida_22fw_collection ----- */

.ry_22fw_top_mg{
    height: 100px;
}

.ry_22fw_on{
    opacity: 0;
    z-index: -1;
}

.ry_22fw_item_list{
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 300;
}
.ry_22fw_open_area{
    
}
.ry_22fw_open_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.ry_22fw_img_area,.ry_22fw_item_area{
/*  width: calc(50% - 25px);*/
    width: 50%;
}
.ry_22fw_open{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    background: #fff;
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.ry_22fw_open_on{
    opacity: 1;
    z-index: 1;
}
.ry_22fw_open_area{
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

.ry_22fw_prev,.ry_22fw_next{
    position: absolute;
    top:50%;
    width: 20px;
    margin-top: -13px;
    cursor: pointer;
}
.ry_22fw_prev{
    left:20px;
}
.ry_22fw_next{
    right:20px;
}
.ry_22fw_item_list{
    margin-left: 50px;
}
.ry_22fw_item_list li{
    margin-top: 5px;
}

.ry_22fw_close{
    position: absolute;
    right: 30px;
    top:30px;
    width: 30px;
    cursor: pointer;
}

.ry_22fw_img_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 0;
}
.ry_22fw_img_list li{
    width: 32.8%;
    margin-top: 10px;
    cursor: pointer;
/*
    -webkit-transition: 0.5s;
    transition: 0.5s;
*/
}
.ry_22fw_img_list li:hover{
    opacity: 0.6;
}

.ry_22fw_btn{
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    margin-bottom: 120px;
    font-family: 'Vazirmatn', sans-serif;
    font-weight: 400;
}
.ry_22fw_btn a{
    display: block;
    width: 100%;
    height: 77px;
    line-height: 77px;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 25px;
}

.ry_22fw_movie{
    
}
.ry_22fw_movie video{
    width: 100%;
}

/*
.ry_22fw_img_list{
    -webkit-transition-delay: 6s;
    transition-delay: 6s;
}
*/


/* Naotsugu Yoshida ----- */

.y_nao{
    font-family: 'Shippori Mincho', serif;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}
.y_nao .img{
    line-height: 0;
}
.y_nao_top_mg{
    height: 200px;
}

.y_nao_intro01{
    margin-top: 110px;
    font-size: 40px;
    line-height: 70px;
    font-weight: 800;
}
.y_nao_intro02{
    margin-top: 110px;
    font-size: 27px;
    line-height: 45px;
}

.y_nao_txt_area{
    margin-left: 50px;
    margin-right: 50px;
}

.y_nao_prof_img{
    margin-top: 140px;
}

.y_nao_prof{
    margin-top: 90px;
    margin-bottom: 170px;
}
.y_nao_prof_txt01{
    font-size: 38px;
}
.y_nao_prof_txt02{
    font-size: 30px;
    margin-top: 30px;
}
.y_nao_prof_txt03{
    font-size: 25px;
    margin-top: 70px;
}
.y_nao_prof dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 25px;
    margin-top: 20px;
    line-height: 45px;
}
.y_nao_prof dl dt{
    width: 85px;
}
.y_nao_prof dl dd{
    width: calc(100% - 85px);
}

.y_nao_txt_area h3{
    font-size: 30px;
    font-weight: 700;
    line-height: 45px;
}
.y_nao_txt01{
    margin-top: 80px;
    font-weight: 700;
    font-size: 20px;
    line-height: 40px;
}
.y_nao_txt02{
    margin-top: 60px;
    font-size: 20px;
    line-height: 40px;
}
.y_nao_img01{
    margin-top: 60px;
}
.y_nao_img_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.y_nao_img_flex p{
    width: calc(50% - 5px);
}
.y_nao_mg01{
    margin-top: 80px;
}

.y_nao_item_txt{
    font-size: 25px;
    margin-top: 260px;
    margin-bottom: 40px;
}

.y_nao_item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size: 20px;
}
.y_nao_item li{
    width: calc(50% - 7.5px);
}
.y_nao_item li .name{
    margin-top: 15px;
    margin-left: 15px;
}
.y_nao_item li .price{
    margin-top: 10px;
    margin-left: 15px;
}

.font_nuosu_sil{
    font-family: 'Nuosu SIL', serif !important;
}


/* My Chair list ----- */

.font_zen_kaku_g{
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.txt_my_chair_list{
    line-height: 190%;
}

.my_chair_item_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.my_chair_item_list li{
    width: 20.2%;
    margin-right: 6.4%;
    text-align: right;
    margin-top: 100px;
    position: relative;
}
.my_chair_item_list li:nth-child(4n){
    margin-right: 0%;
}
.my_chair_item_list li .txt{
    font-size: 5px;
    line-height: 150%;
}
.my_chair_item_list li .img{
    line-height: 0%;
}
.my_chair_item_list li .my_chair_item_cs{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.my_chair_list_loading{
    position: fixed;
    width:100%;
    height: 100vh;
    background: #fff;
    z-index: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top:0;
    left: 0;
}
.my_chair_list_loading p{
    width: 100%;
    line-height: 0;
    text-align: center;
}
.my_chair_list_loading_img{
    display: none;
}

/* My Chair ----- */

.my_chair_profile{
    font-size: 17px;
    line-height: 180%;
}

.my_chair_name{
    margin-top: 50px;
}
.my_chair_img02{
    margin-top: 80px;
}

.my_chair_page_item{
    text-align: right;
    margin-top: 30px;
    line-height: 250%;
}

.my_chair_txt01{
    width: 630px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    font-size: 17px;
    line-height: 180%;
}

.my_chair_img_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
}
.my_chair_img_flex p:first-child{
    width: 56%;
}
.my_chair_img_flex p:last-child{
    width: calc(44% - 10px);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.my_chair_img05{
    margin-top: 150px;
    margin-left: 100px;
    margin-right: 100px;
}

.my_chair_movie{
    margin-top: 200px;
}
.my_chair_movie video{
    width: 100%;
}

.my_chair_credit{
    margin-top: 50px;
    margin-left: 40px;
    font-size: 15px;
    line-height: 200%;
}

/* JK ----- */

.jk_22sm_loading{
    position: fixed;
    width:100%;
    height: 100vh;
    background: #fff;
    z-index: 10000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top:0;
    left: 0;
}
.jk_22sm_movie{
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
    text-align: center;
    display: none;
}

.jk_22sm_movie video{
    width: 100%;
}

.jk_22sm_top{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
}

.jk_22sm_loading p{
    font-size: 15px;
    padding-top: 20px;
}
.jk_22sm_top_list_area{
    position: relative;
    width: 100$;
    background-image: url(../../../images/jk_22sm/top/bg_01.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 49.24%;
}
.jk_22sm_top_list_img01{
    width: 40.4%;
    margin-left: 59.6%;
}

.jk_22sm_top_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    background-image: url(../../../images/jk_22sm/top/bg_02.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 32.22%;
    
}
.jk_22sm_top_list01{
    width: 26.98%;
    margin-top: 20.5%;
}
.jk_22sm_top_list02{
    width: 43.4%;
}
.jk_22sm_top_list03{
    width: 27.49%;
}
.jk_22sm_top_list p{
    margin-top: 8px;
}
.jk_22sm_top_txt{
    margin-top: 20px; 
}

.jk_22sm{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.jk_22sm .swiper-button-prev:after, .jk_22sm .swiper-button-next:after{
    color: #000;
    font-size: 30px;
}

.jk_22sm  .swiper-button-next, .jk_22sm  .swiper-container-rtl .swiper-button-prev{
    background: none;
}

.jk_22sm  .swiper-button-prev, .jk_22sm  .swiper-container-rtl .swiper-button-next{
    background: none;
}

.ttl_jk_22sm_item{
    font-size: 30px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    margin-left: 10px;
}

.jk_22sm_item_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 10px;
    margin-right: 10px;
}
.jk_22sm_item_list li{
    width: calc(50% - 5px);
    margin-top: 50px;
}

.jk_22sm_tgl,.jk_22sm_tgl02{
    position:relative;
    height: 50px;
    margin-top: 20px;
}
.jk_22sm_tgl::after,.jk_22sm_tgl02::after{
    content: "＋";
    position: absolute;
    right: 10px;
    top:0;
    font-size: 60px;
    font-weight: bold;
}

.jk_22sm_tgl_on::after,.jk_22sm_tgl02_on::after{
    content: "－";
}
.jk_22sm_item_area,.jk_22sm_item_area02{
/*  display: none;*/
}

.jk_22sm_prev_next{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 110px;
}
.jk_22sm_prev_next p{
    width: 50%;
}
.jk_22sm_prev_next p.next{
    text-align: right;
}

.jk_22sm_item_list .mane{
    margin: 10px 0 5px;
}

.jk_22sm_item_txt{
    margin-left: 10px;
    margin-top: 20px;
}

.jk_22sm_main{
    margin-top: -140px;
}

.jk_22sm_modal,.jk_22sm_modal02{
    position: fixed;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
    background: #fff;
    padding-top: 30px;
    display: none;
    z-index: 10000;
}
.jk_22sm_modal_inner{
    width: 100%;
    overflow-y: scroll;
    background: #f6f6f6;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    position: relative;
    background: #fff;
    padding-bottom: 20px;
}

.jk_22sm_close,.jk_22sm_close02{
    position: fixed;
    top:20px;
    right: 50px;
    width: 30px;
}

.jk_22sm_item_area{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* reika_yoshida_23ss_collection ----- */

.ry_23ss_img_list{
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.ry_23ss_img_list li{
    width: 33.1%;
    margin-top: 3px;
}

.ry_23ss_img_list_btn{
    margin-left: 65%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.ry_23ss_insta{
    text-align: right;
    width: 100%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ry_23ss_insta a{
    display: inline-block;
    width: 25px;
}

/* OUTER 22win----- */

.outer_22win{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
.outer_22win .img{
    line-height: 0;
}

.outer_22win_ttl{
    text-align: center;
    font-size: 30px;
    margin-top: 110px;
}
.outer_22win_ttl_txt{
    text-align: center;
    font-size: 13px;
    margin-top: 30px;
    line-height: 200%;
}
.outer_22win_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: solid 2px #8f8179;
}
.outer_22win_flex02{
    border-bottom: solid 2px #8f8179;
}
.outer_22win_flex p{
    width: calc(50% - 1px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
}
.outer_22win_flex p:nth-child(even){
    border-left: solid 2px #8f8179;
}
.outer_22win_flex p.txt{
    font-size: 13px;
}
.outer_22win_flex p{
    display: table;
}
.outer_22win_flex p span{
    display: table-cell;
    vertical-align: middle;
}
.outer_22winG .imgL{
    border-top: solid 2px #8f8179;
}
.outer_22winG{
    margin-top: 280px;
}
.outer_22win01{
    margin-top: 120px;
}

/* OUTER 22win----- */

.card_22_bg{
    
}
.card_22{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background:#11502c;
    text-align: center;
}
.card_22 .img{
    line-height: 9;
}
.card_22_top{
    margin-top: 210px;
    padding-bottom: 240px;
}

/* jewelry_22win----- */


.jewelry_22win{
    background: #3a4d6a;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
.jewelry_22win a{
    color: #fff;
}
.jewelry_22win_slide{
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 270px;
    position: relative;
}

.jewelry_22win_slide .img{
    line-height: 0;
    margin-bottom: 30px;
}
.jewelry_22win_slide .img img{
    width: 100%;
}

.jewelry_22win h2{
    margin-bottom: 40px;
}
.jewelry_22win_slide .txt{
    font-size: 25px;
    height: 30px;
}

.jewelry_22win_swiper-button .swiper-button-next{
/*  right:-10px;*/
    top:65% !important;
}
.jewelry_22win_swiper-button .swiper-button-prev{
/*  left:-10px;*/
    top:65% !important;
}

.jewelry_22win_swiper-button .swiper-button-prev,.jewelry_22win_swiper-button .swiper-button-next{
    background-image: none;
}

.jewelry_22win_swiper-button .swiper-button-next:after, .jewelry_22win_swiper-button .swiper-button-prev:after{
    color: #fff;
    font-size: 60px;
}

.jewelry_22win_item_area{
    width: 100%;
    overflow-x: scroll;
    margin-top: 140px;
    
}
.jewelry_22win_item_area::-webkit-scrollbar{ /* スクロールバー全体 */
    height: 15px;
}

.jewelry_22win_item_area::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
    background: #fff;
    border-radius: 10px;
}



.jewelry_22win_item_area ul{
    width: 3780px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}
.jewelry_22win_item_area ul li{
    width: 270px;
}
.jewelry_22win_item_area ul li .img{
    
}
.jewelry_22win_item_area ul li .txt{
    font-size: 14px;
}

.jewelry_22win_link_area{
    padding-top: 300px;
    text-align: left;
    line-height: 0;
    margin-left: 40px;
    padding-bottom: 300px;
}
.jewelry_22win_link_area li{
    margin-top: 50px;
}

/* In pursuit of comfort----- */

.font_plus{
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.ipoc_cont{
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.ipoc_txt01{
    margin-top: 140px;
    margin-left: 30px;
    margin-bottom: 20px;
    font-weight:500;
    font-size: 19px;
}

.ipoc_product_area{
    border-top: solid 1px #221815;
}

.ipoc_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}
.ipoc_flex li{
    width: 33%;
}
.ipoc_product_img{
    margin-top: 15px;
}

.ipoc_credit{
    text-align: right;
    margin-top: 110px;
    font-size: 18px;
    line-height: 200%;
    letter-spacing: 0px;
    margin-right: 30px;
    margin-bottom: 190px;
}
.ipoc_slide_area_outer{
    margin-left: 15px;
    overflow: hidden;
    margin-bottom: 60px;
}
.ipoc_slide_area{
    
    margin-right: 50px;
    overflow: visible;
}
.ipoc_slide_area .slide{
    padding: 0 5px;
}
.ipoc_slide_area .swiper-container{
    overflow: visible;
}
.ipoc_slide_area .swiper-pagination{
    position: relative;
    margin-top: 10px;
}

.ipoc_slide_area .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #2B2B2B;
    background: #FFF;
    margin: 0 6px;
}
.ipoc_slide_area .swiper-pagination-bullet-active {
    background: #000;
}
.ipoc_item_link{
    text-align: right;
    margin-right: 30px;
    font-size: 26px;
    font-weight: 200;
}


/* MY CHAIR 11 ----- */

.my_chair_insta_ttl{
    text-align: center;
    font-weight: 500;
    margin-top: 70px;
    font-size: 15px;
}
.my_chair_insta{
    text-align: center;
    font-size: 15px;
    margin-bottom: 100px;
}
.font_zen_new{
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

/* more ----- */
.more01{
    margin-left: 10px;
    margin-right: 10px;
}

.more_slide_area{
    overflow: hidden;
    margin-left: 5%;
    margin-top: 150px;
}

.more_slide{
    width: 80%;
    margin-bottom: 30px;
}

.more_slide_area .more_slide_swiper-button .swiper-button-prev,.more_slide_area .more_slide_swiper-button .swiper-button-next{
    background: none;
}
.more_slide_area .more_slide_swiper-button .swiper-button-prev::after,.more_slide_area .more_slide_swiper-button .swiper-button-next::after{
    font-size: 25px;
    color: #fff;
}

.more_slide_area .more_slide_swiper-button .swiper-button-prev{
    left: 20px;
}

.more_slide_area .swiper-container{
    overflow: visible;
}
.more_slide_area .slide{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
}

.more_link_area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 10px;
    margin-bottom: 100px;
}
.more_link li{
    line-height: 0;
    margin-top: 10px;
}
.more_link img{
    width: auto;
    height: 14px;
    display: block;
}

.more_cont{
    padding-bottom: 150px;
}


/* INDIA ----- */

.india_cont{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 360px;
}

.india_intro_area{
    width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.movie video{
    width: 100%;
}

.india_flex01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.india_flex01 .left{
    width: 73.5%;
}
.india_flex01 .right{
    width: 26.4%;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.india_img_area{
    margin-left: 10px;
    margin-right: 10px;
}

.india_flex02{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
}
.india_flex02 p{
    width: 32.8%;
}

.india_flex02_01{
    
}
.india_flex02_02{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.india_flex02_03{
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.india_product_area{
    margin-left: 115px;
    margin-right: 115px;
    margin-top: 120px;
}

.india_credit{
    font-size: 15px;
    margin-top: 90px;
    margin-left: 10px;
    color: #716043;
    font-weight: 600;
    letter-spacing: 0;
}

.daikei_mills{
    font-family: 'Shippori Mincho', serif;
    width: 94%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 1px;
}

.font_Shippori{
    font-family: 'Shippori Mincho', serif;
}

.daikei_mills .ttl01{
    font-size: 33px;
    text-align: center;
    line-height: 180%;
    margin-top: 80px;
}
.daikei_mills .mg_t80{
    margin-top: 80px;
}
.daikei_mills_inner{
    margin-left: 50px;
    margin-right: 50px;
}

.daikei_mills .mg_t50{
    margin-top: 50px !important;
}

.daikei_mills .img_w{
    margin-left: 15px;
    margin-right: 15px;
}

.daikei_mills .ttl02{
    font-size: 26px;
    text-align: center;
    line-height: 180%;
    margin-top: 80px;
    letter-spacing: 0;
}

.daikei_mills .float_img{
    width: 45%;
}
.daikei_mills .floatR{
    float:right;
    margin-left: 30px;
}
.daikei_mills .floatL{
    float:left;
    margin-right: 30px;
}

.clearer {
    clear: both;
}

.daikei_mills .ttl02_02{
    margin-top: 0px;
}

.daikei_mills .flex_img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.daikei_mills .flex_img p{
    width: 49%;
}
.daikei_mills .mg_t5{
    margin-top: 10px !important;
}

.daikei_mills .profile01{
    font-size: 17px;
    margin-top: 40px;
}
.daikei_mills .profile02{
    font-size: 15px;
    margin-top: 20px;
}
.daikei_mills .profile03{
    font-size: 13px;
}
.daikei_mills .profile04{
    font-size: 12px;
    line-height: 160%;
}
.daikei_mills .profile02_02{
    margin-top: 30px;
}

.daikei_mills .credit{
    font-size: 17px;
    margin-top: 130px;
    font-weight: bold;
}

/* AOI YAMADA ----- */

.aoi_cont{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    background: #374250;
    padding-top: 210px;
    overflow: hidden;
}
.aoi_movie01{
    position: relative;
    margin-top: 30px;
}
.aoi_movie01 .img{
    position: absolute;
    left: 0;
    top: 30px;
}
.aoi_cont .updown::after{
    background: #374250;
}

.aoi_movie01 .updown::after{
    background: #000;
}
.aoi_item_img{
    position: relative;
}

.aoi_item_img .img{
    position: relative;
    cursor: pointer;
}
.aoi_item_img .img::after{
    content: "＋";
    position: absolute;
    bottom: 50px;
    right: 20px;
    font-size: 80px;
    font-weight: 300;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.aoi_item_img .active::after{
    content: "ー";
    font-weight: 300;
}

.aoi_item_img .items{
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: none;
}
.aoi_item_img .items li{
    letter-spacing: 0;
}

.aoi_item_img01{
    margin-top: 230px;
}
.aoi_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.aoi_flex li{
    width: calc(50% - 2.5px);
}

.aoi_flex01{
    margin-top: 70px;
}

.aoi_img01_04{
    margin: 0 50px;
}

.aoi_movie02{
    margin-right: 26%;
    margin-top:90px; 
    margin-bottom:90px; 
}
.aoi_img02_02{
    margin: 60px 0;
    padding: 0 20%;
    background-image: url(../../../images/aoi/num02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.aoi_movie03{
    margin-left: 57%;
    margin-right: 20px;
}
.aoi_img02_03{
    margin: 70px 0 170px;
}

.aoi_img03_02{
    margin: 0 70px;
}
.aoi_img03_03{
    margin: 60px 0 120px;
}

.aoi_movie04{
    margin: 0 50px 110px;
}

.aoi_flex02{
    margin-bottom: 50px;
}

.aoi_movie05{
    margin-left: 26.6%;
    width: 68%;
    margin-bottom: 55px;
}

.aoi_credit_list01{
    margin-top: 230px;
}
.aoi_credit_list02{
    margin-top: 70px;
}

.aoi_movie_link{
    margin-top: 160px;
/*  padding-bottom: 300px;*/
}
.aoi_credit_list li{
    display: none;
}

.aoi_credit_area{
    min-height: 940px;
}

/* coupon ----- */

.coupon_cont{
    width: 630px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.ttl_coupon {
    font-size: 60px;
    line-height:100%;
    margin-top: 100px;
}

.coupon_box{
    border: solid 1px #000;
    border-radius: 30px;
    margin-top: 80px;
    width: 635px;
    margin-left: auto;
    margin-right: auto;
}
.coupon_box .txt01{
    font-size: 18px;
    margin-top: 50px;
}
.coupon_box .num01{
    font-size: 75px;
    margin-top: 30px;
    font-weight: bold;
}
.coupon_box .txt02{
    font-size:18px;
    margin-top: 30px;
}
.coupon_box .num02{
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: 50px;
}

.coupon_txt01{
    font-size: 20px;
    line-height: 130%;
}
.coupon_txt01 .txt01{
    margin-top: 80px;
    font-size: 20px;
}
.coupon_txt01 .txt02{
    margin-top: 30px;
    font-size: 20px;
}
.coupon_txt01 .txt03{
    margin-top: 60px;
    font-size: 20px;
}
.coupon_txt01 .txt04{
    margin-top: 30px;
    font-size: 12px;
}
.coupon_txt01 .txt05{
    margin-top: 90px;
    font-size: 25px;
}
.coupon_txt01 .txt06{
    margin-top: 30px;
    font-size: 20px;
}

.coupon_txt01 .coupon_btn{
    margin-top: 40px;
    font-size: 15px;
    width: 360px;
    margin-left: auto;
    margin-right: auto;
}
.coupon_txt01 .coupon_btn a{
    display: block;
    background: #000;
    color: #fff;
    line-height: 70px;
    height: 70px;
    border-radius: 25px;
}

.coupon_txt02{
    font-size: 15px;
    margin-top: 95px;
    padding-top: 80px;
    border-top: solid 1px #000;
    line-height: 180%;
}
.coupon_txt02 .txt_02{
    margin-top: 40px;
}
.coupon_txt02 .txt_03{
    margin-top: 70px;
}

.ttl_coupon02{
    margin-top: 70px;
    font-size: 20px;
    margin-bottom: 20px;
}

/* a piece ----- */

.font_oregon{
    font-family: 'Oregon LDO', sans-serif;
}
.a_piece_txt01{
    color: #716043;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.a_piece_txt01 span{
    font-size: 18px;
}

/* 10th tote ----- */

.tote_10th{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 210px;
    overflow: hidden;
}

.tote_10th_02{
    margin-top: 90px;
    margin-bottom: 50px;
    margin-left: 50px;
    margin-right: 50px;
}
.tote_10th_03{
    margin-left: 60px;
    margin-right: 60px;
}

.tote_10th_04{
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}
.tote_10th_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 30px;
    margin-right: 30px;
}
.tote_10th_list li{
    width: 20%;
}
.tote_10th_05{
    
}
.tote_10th_06{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.tote_10th_07{
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.tote_10th_08{
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.tote_10th_09{
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.tote_10th_10{
    margin-top: 50px;
}

.tote_10th_11{
    width: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
}

/* 10th interview ----- */

.interview_10th{
    margin-top: 150px;
    width: 100%;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.interview_10th_slide_area{
    width: 100%;
}

.interview_10th_slide_area .swiper-pagination{
    position: relative;
    margin-top: 30px;
}

.interview_10th_slide_area .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #2B2B2B;
    background: #FFF;
    margin: 0 6px !important;
}
.interview_10th_slide_area .swiper-pagination-bullet-active {
    background: #000;
}

.interview_10th_mg01{
    margin-top: 200px;
}
.interview_10th_mg02{
    margin-top: 20px;
}
.interview_10th_mg03{
    margin-top: 400px;
}
.interview_10th_open01{
    display: none;
}

/* PLAYFUL EMBROIDERY AND PATCHWORK ----- */
.patchwork_cont{
    margin-top: 360px;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.patchwork03,.patchwork04{
    margin-top: 80px;
}

.patchwork_flex01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 100px;
}
.patchwork_flex01 p{
    width: 50%;
}

.patchwork06{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.patchwork07{
    margin-top: 100px;
}
.patchwork_flex02{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.patchworkL{
    width: 47%;
}

.patchworkR{
    width: 53%;
}

.patchwork10{
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.patchwork11{
    margin-top: 430px;
}

.patchwork12,.patchwork13,.patchwork14{
    margin-top: 100px;
}


/* novelty 24 summer ----- */

.novelty_24sm{
    /* background: #2554a4; */
}

.novelty_24sm_inner{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}

.novelty_24sm_inner .img03{
    margin-top: 60px;
}

/* point_renew ----- */

.point_renew{
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Zen Kaku Gothic New", sans-serif;
    margin-top: 50px;
    font-size: 19px;
    line-height: 180%;
}

@media screen and (max-width:1160px) {
    .point_renew{
        
    }   
}

.ttl_point_renew{
    background: #dadf00;
    line-height: 70px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 26px;
}

.point_renew .txt_area01{
    background: #e5e94d;
    padding: 20px;
    color: #fff;
    margin-top: 8px;
    font-size: 21px;
    line-height: 160%;
    font-weight: bold;
}

.point_renew_sub_ttl{
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: normal;
}
.point_renew_sub_ttl01{
    margin-top: 90px;
}

.point_renew .img01{
    margin-top: 40px;
    text-align: center;
}

.point_renew .img_attention01{
    margin-top: 10px;
    font-size: 13px;
    width: 687px;
    margin-left: auto;
    margin-right: auto;
}

.point_renew .blue_box{
    width: 685px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 70px;
}

.point_renew .blue_box li{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:solid 1px #77acd2;
    padding: 30px;
    width: calc(50% - 4px);
    margin-top: 8px;
}

.point_renew .blue_box h4{
    text-align: center;
    color: #036eb8;
    font-size: 22px;
}
.point_renew .blue_box p{
    color: #3884be;
    font-size: 15px;
    margin-top: 15px;
    line-height: 150%;
}

.point_renew .blue_box p span{
    font-size: 14px;
}

.point_renew .point_attention{
    font-size: 15px;
}

.point_renew .img02_area{
    width: 645px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding-bottom: 40px;
}

.point_renew .img_attention02{
    color: #2c75b3;
    font-size: 15px;
    margin-top: 10px;
}

.point_renew .mg01{
    margin-top: 30px;
}

.point_renew a{
    color: #036eb8;
}

.point_renew .mg02{
    margin-top: 110px;
}


.point_renew .point_to_mypage{
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
}

.point_renew .point_to_mypage a{
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border:solid 1px #68605e;
    color: #000;
}

.point_renew .red{
    color: #e83828;
}

/*  Useful T-shirts ----- */

.font_inter{
    font-family: "Inter", sans-serif;
}

.font_zen{
    font-family: "Zen Kaku Gothic New", sans-serif;
}

.font_noto_s{
    font-family: "Noto Sans JP", sans-serif;
}

.useful_t{
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 150px;
}

.js-video video{
    width: 100%;
}

.useful_t_top{
    position: relative;
}
.useful_t_top .txt_area{
    width: 50%;
    position: absolute;
    right: 10px;
    top:60px;
}
.useful_t_top .txt_area .txt{
    margin-top: 0;
}
.useful_t_top .movie_area{
    position: absolute;
    width: 34%;
    right: 80px;
    top:200px;

}

.fadein{
    -webkit-transition: 1.5s;
    transition: 1.5s;
    opacity: 0;
}

.fadein_on{
    opacity: 1.0;
}

.useful_t_top .txt_area .txt01{
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.useful_t_top .txt_area .txt02{
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.useful_t_top .txt_area .txt03{
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}


.useful_t01{
    padding-top: 80px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.useful_t01 .txt_area{
    position: absolute;
    left: 0;
    top:-30px;
    z-index: 2;
}
.useful_t01 .txt_area .txt{

    margin-bottom: 12px;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    -webkit-box-sizing: border-box;
    width: 0px ;
    height: 60px;
    overflow: hidden;
}
.useful_t01 .txt_area .txt_on{
    width: 100%;
}
.useful_t01 .txt_area .txt span{
    display: inline-block;
    background: #fff;

    line-height: 60px;
    padding: 0 20px 0 15px;
    font-size: 30px;
}

.useful_t01 .txt_area .useful_t01_txt02{
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.useful_t02{
    padding-top: 120px;
    position: relative;
    padding-bottom: 150px;
    line-height: 0;
}
.useful_t02 .img{
    position: relative;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    opacity: 0;
}
.useful_t02 .img01{
    width: 75%;
    margin-left: 12.5%;
    z-index: 2;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:left top;
    transform-origin:left top;
}
.useful_t02 .img02{
    width: 51%;
    margin-left: 3%;
    margin-top: -80px;
    z-index: 3;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:left top;
    transform-origin:left top;
}
.useful_t02 .img03{
    width: 36%;
    margin-left: 58%;
    margin-top: -470px;
    z-index: 1;
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:left top;
    transform-origin:right top;
}

.useful_t02 .useful_t02_txt{
    width: 27.33%;
    position: absolute;
    top:30px;
    right: 5.3%;
    z-index: 3;
}

.useful_t02 .img_on{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    opacity: 1;
}

.useful_t02 .gif{
    position: absolute;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    opacity: 0;
}
.useful_t02 .gif_on{
    opacity: 1;
}
.useful_t02 .gif01{
    width: 93%;
    top:120px;
    left: 12.5%;
    z-index: 5;
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.useful_t02 .gif02{
    width: 48.66%;
    bottom:0;
    right:7.3%;
    z-index: 5;
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.useful_t03{
    margin-top: 50px;
    padding-top: 80px;
    position: relative;
    padding-bottom: 25px;
}

.useful_t03 ul{
    margin-left: 30px;
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.useful_t03 ul li{
    width: 50%;
    overflow: hidden;
}

.useful_t03 .img{
    margin-left: 30px;
    margin-right: 20px;
}

.useful_t03 .img img{
    -webkit-transition: 1.5s;
    transition: 1.5s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.useful_t03 .img_on img{
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

.useful_t03_txt{
    position: absolute;
    width: 38.8%;
    top:-5px;
    left: 13.3%;

}

.useful_t03 .gif{
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 51.4%;
}

.useful_t04{
    margin-top: 80px;
    padding-top: 80px;
    padding-bottom: 120px;
    position: relative;
}
.useful_t04 ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.useful_t04 ul li{
    width: calc(50% - 3px);
    overflow: hidden;
}

.useful_t04 .img img{
    -webkit-transition: 1.5s;
    transition: 1.5s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
}
.useful_t04 .img_on img{
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 1;
}
.useful_t04 .img02 img{
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.useful_t04_txt{
    position: absolute;
    width: 30.8%;
    top:0;
    right:4%;
}

.useful_t04 .gif{
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    position: absolute;
    bottom: 0;
    left:0;
    /*  width: 51.4%;*/
}

.useful_t05{
    position: relative;
    margin-top: 60px;
}
.useful_t05 .updown::after {
    background: #c1d3be;
}

.useful_t05 .img{
    margin-left: 5.7%;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.useful_t05_txt{
    position: absolute;
    width: 29%;
    bottom: 25px;
    left:2%;
}
.useful_t06{
    position: relative;
    /*  margin-top: 60px;*/
    padding-top: 110px;
}

.useful_t06 .img{
    width: 70%;
    margin-left: 16%;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.useful_t06 .frame{
    position: absolute;
    width: 100%;
    left: 0;
    top:0;
}
.useful_t06_txt{
    position: absolute;
    width: 29%;
    top:150px;
    left:14.6%;
}

.useful_t06_txt02{
    text-align: center;
    color: #fff;
    font-size: 19px;
    margin-top: 60px;
    line-height: 160%;
}

.useful_t07_area{
    position: relative;
    overflow: hidden;
    margin-top: 90px;
}
.useful_t07{
    -webkit-transition: 0.6s;
    transition: 0.6s;
    margin-left: 100%;
    width: 100%;
}
.useful_t07_on{
    margin-left: 0;
}
.useful_t07 ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap:0 3px;
}
.useful_t07_txt_area{
    text-align: right;
    margin-top: 20px;
}
.useful_t07_txt{
    background: #fff;
    line-height: 60px;
    font-size: 27px;
    padding: 0 20px 0 30px;
    display: inline-block;
    letter-spacing: 0.5px;
    white-space: nowrap;

}
.useful_t07 .heart{
    width: 10.8%;
    position: absolute;
    left: 9%;
    bottom: 25px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.useful_t08{
    position: relative;
    margin-top: 70px;
}
.useful_t08 .img{
    width: 54.5%;
    margin-left: 41.5%;
}
.useful_t08 .circle_area{
    width: 43%;
    text-align: center;
    line-height: 185px;
    font-size: 29px;
    letter-spacing: 0.5px;
    color: #fff;
    position: absolute;
    top:90px;
    left: 6.6%;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.useful_t08 .circle_area .circle{
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}

.useful_t08 .circle_area a{
    color: #fff;
    text-decoration: underline;
}

.useful_t08 .circle_area .txt{
    position: relative;
    z-index: 2;
}

.useful_t08 .staff_list{
    position: absolute;
    left: 4%;
    bottom: 60px;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.useful_t08 .staff_list .ttl{
    font-size: 18px;
    letter-spacing: 0.5px;
    margin-left: -0.5em;
}
.useful_t08 .staff_list .staff{
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 130%;
    margin-top: 20px;
}