@charset "UTF-8";

/* トップページのみ(LCP対策) */
/* html, */
/* html.wf-active main>div:not(.Mv_area) { */
/*   visibility: visible !important; */
/* } */
/* html main>div:not(.Mv_area) { */
/*   visibility: hidden; */
/* } */
 /* [background-image などで画像を呼び出したい場合のパス] */
 /*  background-image: url(../img/top/XXXXXXX.jpg); */

/* 共通スタイルここから */
h2.ttl_style{
    position: relative;
    font-family: 'Oswald', sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    letter-spacing: 3px;
    font-size: 3.1rem;
    text-align: center;
    font-weight: 400;
    z-index: 1;
}
h2.ttl_style:after{
    content: "";
    background: url(../img/common/ttl_line.png) no-repeat center/contain;
    position: absolute;
    width: 28px;
    height: 5px;
    bottom: -18px;
    left: 0;
    right: 0;
    margin: auto;
}
h2.ttl_style span{
    font-size: 1.3rem;
    width: 100%;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 600;
}
h2.ttl_style img{
    height: 28px;
    width: auto;
    margin-right: 20px;
}

h2.sub_ttl_style{
    position: relative;
    font-family: 'Oswald', sans-serif;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 20px 35px;
}
h2.sub_ttl_style span{
    font-size: 2.2rem;
    font-weight: 400;
    letter-spacing: 3px;
    margin-right: 20px;
}
.logo_pink {
    color: #eb6da5;
}

.top_btn{
    width: 275px;
}
.top_btn.top_btn.--white a.ec-buttonLinkRole {
    border: solid 2px #000;
    background-color: #fff;
    color: #000;
}
.top_btn.top_btn.--white .ec-buttonLinkRole::after {
    background-image: url(../img/common/btn_arrow.png);
}

.Slide_area .swiper-container{
    margin-top: 36px;
    padding-bottom: 30px;
}
.Slide_area .swiper-container ul li{
    position: relative;
    padding-top: 25px;
}
.Slide_area .swiper-container ul li:after{
    content: "";
    width: 58px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 20px;
}
.Slide_area .swiper-container ul li a{
    display: block;
    color: #03071f;
}
.Slide_area .swiper-container ul li h3{
    position: absolute;
    width: 136px;
    top:25px;
    right:20px;
}
.Slide_area .swiper-container ul li .img_wrap{
    display: flex;
    align-items: flex-end;
}
.Slide_area .swiper-container ul li .img_wrap img:first-of-type{
    width: 53%;
}
.Slide_area .swiper-container ul li .img_wrap img:last-of-type{
    width: 47%;
}
/* 2023年のプレミアム古典は(特殊レイアウト)1枚画像 */
/* .Slide_area .swiper-container ul li.premiumkoten .img_wrap img:last-of-type{ */
/*     width: 100%; */
/* } */
.Slide_area .swiper-container ul li .txt_wrap{
    margin-top: 27px;
}
.Slide_area .swiper-container ul li .txt_wrap h4{
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.Slide_area .swiper-container ul li .txt_wrap p{
    line-height: 1.4;
    margin: 0 30px;
    font-size: 1.3rem;
}
.Slide_area .swiper-container-horizontal>.swiper-pagination-bullets,
.Slide_area .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
    left: 0;
    width: 100%;
}
.Slide_area .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100px;
    background: #03071f;
    opacity: 1;
    margin: 0 7px !important;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
.Slide_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #f3e00c;
    position: relative;
}
.Slide_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f3e00c;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
}
.Slide_area .swiper-button-prev,
.Slide_area .swiper-button-next{
    width: 25px;
    height: 50px;
    margin-top: 0;
    top: 298px;
}
.Slide_area .swiper-button-prev,
.Slide_area .swiper-container-rtl .swiper-button-next{
    left: 0;
    right: auto;
}
.Slide_area .swiper-button-next,
.Slide_area .swiper-container-rtl .swiper-button-prev{
    right: -1px;
}
.Slide_area .swiper-button-prev:after,
.Slide_area .swiper-button-next:after{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.Slide_area .swiper-button-prev:after {
    background: url(../img/common/btn_slide_left_sp.png) left top no-repeat;
    background-size: 24px 50px;
}
.Slide_area .swiper-button-next:after {
    background: url(../img/common/btn_slide_right_sp.png) left top no-repeat;
    background-size: 24px 50px;
}

.search_area_ttl {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: calc(22 / 15);
    display: grid;
    grid-template-columns: 15px 1fr;
    width: max-content;
    justify-content: center;
    column-gap: 14px;
    margin-inline: auto;
}
.search_area_ttl::before {
    content: "";
    aspect-ratio: 1;
    width: 15px;
    margin-block: calc((1lh - 15px) / 2);
}
.search_area_ttl.--furisode::before {
    background: url(../img/top/Furisode_area/search_icon_furisode.png) no-repeat center center / contain;
}
.search_area_ttl.--hakama::before {
    background: url(../img/top/Hakama_area/search_icon_hakama.svg) no-repeat center center / contain;
}
.search_area_list {
    margin-top: 22px;
}
.search_area_item {
    border-top: solid 1px #000;
}
.search_area_item:last-child {
    border-bottom: solid 1px #000;
}
.search_area_item .search_area_txt {
    padding: 19px 0;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.search_area_item .search_area_txt .main {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.95px;
    line-height: calc(15 / 13);
    font-family: 'Montserrat', sans-serif;
}
.search_area_item .acc_btn {
    display: grid;
    grid-template-columns: 1fr 24px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #03071f;
}
.search_area_item .acc_arrow {
    background-color: #000;
    aspect-ratio: 1;
    position: relative;
}
.search_area_item .acc_link {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../img/common/btn_slide_right.png) no-repeat center center / contain;
}
.search_area_item .acc_arrow::before,
.search_area_item .acc_arrow::after {
    position: absolute;
    content: "";
    width: 60%;
    height: 2px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
}
.search_area_item .acc_arrow::after {
    rotate: 90deg;
    transition: rotate 0.3s;
}
.search_area_item .acc_btn.open .acc_arrow::after {
    rotate: 0deg;
}
.search_area_item .acc_btn::before,
.search_area_item .acc_btn::after {
    display: none;
}
.search_area_item .color_list {
    padding-top: 0;
}
.search_area_wrap{
    margin-top: 10px;
}
.search_area_wrap ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 22px;
}
.search_area_wrap ul li a {
    background-color: #F5F3F4;
    color: #000;
    border-radius: 100px;
    line-height: calc(15 / 13);
    display: block;
    padding: 3px 11px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
}
.search_area_item .color_wrap {
    padding: 0 0 18px 0;
    margin-bottom: 0;
}
.search_area_item .search_area_link {
    display: block;
    padding: 19px 0;
    color: #000;
    font-size: 1rem;
    letter-spacing: 1.5px;
    line-height: calc(15 / 13);
    border-bottom: solid 1px #000;
    position: relative;
    font-weight: 700;
}
.search_area_item .search_area_link .main {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1.95px;
}
.search_area_item .search_area_link::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    background: url(../img/common/btn_slide_right.png) no-repeat center center / contain;
}

.mfp-content video {
    width: 100%;
}

.mfp-content:has(.video),
.mfp-content:has(.youtube) {
    aspect-ratio: 16/9;
    max-width: 900px;
}

.mfp-content:has(.video) .caution {
    -webkit-transform: translate(-50%, -50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    gap: 20px;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.5;
}

.mfp-content:has(.video) .caution .btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 50px;
    border-radius: 100px;
    background-color: #000;
    color: #fff;
}

.mfp-content:has(.video) .caution .icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    gap: 30px;
}

.mfp-content:has(.video) .caution .icon::before {
    width: 24px;
    height: 24px;
    background: url(../img/top/Mv_area/fullscreen01.png) no-repeat center center/contain;
    content: "";
}

.mfp-content:has(.video) .caution .icon::after {
    width: 24px;
    height: 24px;
    background: url(../img/top/Mv_area/fullscreen02.png) no-repeat center center/contain;
    content: "";
}

.mfp-content:has(.video) .mfp-close {
    top: -44px;
    right: 0;
    width: 100%;
    padding-right: 6px;
    color: #FFF;
    text-align: right;
}

.mfp-iframe-holder .mfp-content:has(.youtube-short) {
    aspect-ratio: 9/16;
    width: 100%;
    max-width: 375px;
    height: auto;
}
@media screen and (max-width: 768px) {
  .mfp-iframe-scaler.video .caution .btn {
    width: 200px;
    height: 40px;
  }
}
@media screen and (max-width: 480px) {
    .mfp-iframe-holder .mfp-content:has(.youtube-short) {
        aspect-ratio: initial;
    }
}
.mfp-iframe-scaler iframe, .mfp-iframe-scaler video {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

.mfp-iframe-scaler.video {
  height: auto;
  padding-top: 0;
  margin: 0 auto;
  overflow: visible;
}
.mfp-iframe-scaler.video video {
  /* 動画サイズが自由なため、動画サイズにフィットするように調整 */
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* ランキング */
.ranking_head {
    display: flex;
    align-items: center;
    column-gap: 17px;
    padding: 0 20px;
}
.ranking_ttl {
    font-size: 2.2rem;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    line-height: calc(33 / 22);
    letter-spacing: 2.2px;
}
.ranking_sub-ttl {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: calc(18 / 12);
}
.ranking_body {
    margin-top: 10px;
}
.ranking_slider {
    margin-left: 20px;
    padding: 10px;
}
.ranking_swiper_controller {
    margin-top: 22px;
}
.ranking_swiper_controller .swiper-pagination {
    top: 0;
}
/* 共通スタイルここまで */

/* MV */
.top_h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
#Mv_area{
    position: relative;
    margin-top: 60px;
}
.mv_swiper_wrap {
    position: relative;
    z-index: 1;
}
.mv_swiper {
    height: 444px;
    width: 100%;
}
.mv_slide {
    position: relative;
}
.mv_slide::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 65%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 0;
}
.mv_swiper .swiper-slide video {
    -o-object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.mv_swiper .swiper-button-next:after,
.mv_swiper .swiper-button-prev:after {
    color: #fff;
}
.mv_swiper.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 14px;
    right: 20px;
    left: initial;
    width: max-content;
}
.mv_swiper .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    position: relative;
}
.mv_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}
.mv_swiper .swiper-pagination-bullet-active {
    position: relative;
    background-color: #F64077;
}
.mv_swiper .swiper-pagination-bullet-active::after {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 100px;
    border: solid 1px #F64077;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.mv_button {
    position: absolute;
    bottom: 44px;
    right: 20px;
    width: 103px;
    margin-left: auto;
    z-index: 1;
}
.mv_txt {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: calc(15 / 12);
    max-width: 240px;
    width: 100%;
    z-index: 1;
    text-shadow: #000 0 0 5px;
}
@media screen and (max-width: 480px) {
    .mv_txt {
        max-width: 222px;
    }
}

/* #Mv_area h1{
    position: absolute;
    top: 80px;
    z-index: 2;
    width: 343px;
    margin: auto;
    left: 0;
    right: 0;
}
#Mv_area .swiper-container-horizontal>.swiper-pagination-bullets {
    position: static;
    margin-top: 10px;
    margin-bottom: 15px;
}
#Mv_area .swiper-container-horizontal>.swiper-pagination-bullets,
#Mv_area .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
    left: 0;
    width: 100%;
}
#Mv_area .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100px;
    background: #03071f;
    opacity: 1;
    margin: 0 11px !important;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#Mv_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #f64077;
    position: relative;
}
#Mv_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f64077;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
} */

/* Press */
#Press_area {
    margin: 15px 0;
    position: relative;
    z-index: 1;
}
#Press_area:before {
    content: "";
    background: url(../img/top/bg-press.png) center center / cover;
    width: 290px;
    height: 100%;
    position: absolute;
    background-repeat: repeat;
    z-index: -1;
    top: 0;
    right: 0;
}
#Press_area .press_ttl {
  width: 160px;
}
.press_ttl {
    font-size: 3.2rem;
    font-family: 'Oswald', sans-serif;
    padding: 0 20px;
    position: relative;
    top: -34px;
    width: 180px;
    margin: 0 auto;
}
.press_ttl::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 7px;
    background: url(../img/common/ttl_line.png) left top no-repeat;
    background-size: auto;
    background-size: 30px 7px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}
.press_child_ttl {
    font-size: 2.2rem;
    letter-spacing: 1.1px;
    line-height: calc(33 / 22);
    font-family: 'Oswald', sans-serif;
}
.press_sub-ttl {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.6px;
    line-height: calc(18 / 12);
    font-family: 'Oswald', sans-serif;
}
.press_blog_area {
    padding: 0 20px;
}
.press_blog_head {
    display: flex;
    align-items: center;
}
.press_blog_head .press_sub-ttl {
  margin-left: 12px;
}
.press_blog_list {
    display: flex;
    gap: 9px;
    margin-top: 10px;
}
.press_blog_item {
    width: calc(50% - 9px / 2);
}
.press_blog_thumb {
    aspect-ratio: 163 / 100;
    background-color: #F5F3F4;
    position: relative;
}
.press_blog_item.is-new .press_blog_thumb::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 19px;
    top: 0;
    right: 0;
    background: url(../img/top/new_icon.png) no-repeat center center / contain;
}
.press_blog_thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.press_blog_body {
    margin-top: 9px;
    display: grid;
    grid-template-columns: auto auto;
}
.press_blog_category {
    background-color: #FFFA86;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: calc(15 / 10);
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    color: #000;
    text-align: center;
}
.press_blog_date {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: calc(15 / 10);
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    color: #000;
    margin-left: auto;
}
.press_blog_title {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: calc(15 / 13);
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    margin-top: 6px;
    color: #000;
}
.press_blog_btn {
    margin: 15px auto 0;
}

.press_styling_area {
    margin-top: 45px;
    padding: 0 20px;
}
.press_styling_head {
    display: flex;
    align-items: center;
}
.press_styling_youtube {
    width: 90px;
    height: 30px;
    display: block;
    margin-left: 7px;
}
.press_styling_area .new_label {
    margin-left: auto;width: 38px;
    height: 19px;
}
.press_styling_body {
    margin-top: 11px;
    display: grid;
    grid-template-columns: 93px 1fr;
    gap: 15px 10px;
}
.press_styling_comment {
    border: solid 1px #9885FF;
    border-radius: 10px;
    padding: 13px 10px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: calc(15 / 13);
    position: relative;
    background-color: #FFFFEF;
    grid-column: 1 / 3;
    grid-row: 1 / 2;
}
.press_styling_comment::before,
.press_styling_comment::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 12px;
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    left: 50px;
}
.press_styling_comment::before {
    background-color: #9885FF;
    bottom: -12px;
}
.press_styling_comment::after {
    background-color: #FFFFEF;
    bottom: -10px;
}
.press_styling_person {
    grid-column: 1 / 2;
}
.press_styling_movie {
    grid-column: 2 / 3;
    aspect-ratio: 230 / 130;
    position: relative;
}
.press_styling_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: min(400px, 100vw);
    scale: 0.63;
    transform-origin: top left;
    overflow: visible;
    height: calc((min(400px,100vw)/16)*9);
}
.press_styling_btn {
    margin: 16px auto 0;
}

.press_pickup_area {
    margin-top: 43px;
}
.press_pickup_head {
    padding: 0 20px;
    display: flex;
    align-items: center;
}
.press_pickup_head .press_sub-ttl {
    margin-left: 19px;
}
.press_pickup_head .new_label {
    margin-left: auto;
    width: 38px;
    height: 19px;
}
.press_styling_body {
    margin-top: 10px;
}
.press_pickup_wrap {
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 15px;
    padding: 0 20px;
    margin-top: 10px;
}
.press_pickup_person {
    aspect-ratio: 1;
    width: 68px;
}
.press_pickup_comment {
    border: solid 1px #9885FF;
    border-radius: 10px;
    padding: 9px 13px;
    position: relative;
    font-size: 1.3rem;
    line-height: calc(15 / 13);
    background-color: #FFFFEF;
}
.press_pickup_comment::before,
.press_pickup_comment::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 15px;
    clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
    top: 50%;
    translate: 0 -50%;
}
.press_pickup_comment::before {
    background-color: #9885FF;
    left: -12px;
}
.press_pickup_comment::after {
    background-color: #FFFFEF;
    left: -10px;
}
.press_pickup_btn {
    margin-inline: auto;
}
.press_pickup_btn:last-child {
    margin-top: 10px;
}
.press_commonLinksRole {
    padding-bottom: 0;
}
.press_campaign_banner {
    margin-top: 40px;
}

/* Furisode */
#Furisode_area {
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
}
#Furisode_area::before {
    content: "";
    background: url(../img/top/bg-furisode.webp) center center / contain;
    width: 290px;
    height: 100%;
    position: absolute;
    background-repeat: repeat;
    z-index: -1;
    bottom: 0;
    left: 0;
}
.furisode_slider {
    padding-bottom: 25px;
}
.furisode_slide {
    position: relative;
}
.furisode_slide > a {
    position: relative;
    display: block;
}
.furisode_slider_wrap {
    position: relative;
}
.furisode_slider_wrap::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../img/top/Furisode_area/img-slide_head.webp) no-repeat center center / contain;
}
.furisode_slide_wrap {
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 0; */
    width: 100%;
    background-color: rgb(255 255 255 / .6);
    /* padding: 24px 20px 35px; */
    padding: 0 20px 0;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(4px);
    min-height: 160px;
    display: grid;
    /* place-content: center flex-start; */
}
.furisode_slide_thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.furisode_slide_thumb img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.furisode_slide_logo .hidden {
    display: none;
}
.furisode_slide_txt {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: calc(18 / 12);
    color: #000;
    place-content: center flex-start;
}
.furisode_slide_txt.has_btn {
  height: calc(160px - (55px / 2));
}
.furisode_slide_txt span.red {
    color: #D01126;
}
.furisode_btn {
    position: absolute;
    bottom: -24px;
    left: 50%;
    translate: -50% 0;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}
.furisode_swiper_controller {
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: space-between;
    padding: 0 20px;
}
.furisode_swiper_controller .swiper-button-next, .furisode_swiper_controller .swiper-button-prev {
    position: static;
    width: 25px;
    height: 25px;
    margin-top: 0;
}
.furisode_swiper_controller .swiper-button-prev::after,
.furisode_swiper_controller .swiper-button-next::after {
    display: block;
    width: 100%;
    height: 100%;
}
.furisode_swiper_controller .swiper-button-next::after{
    content: "";
    background: url(../img/common/btn_slide_right.png) no-repeat center center / contain;
} 
.furisode_swiper_controller .swiper-button-prev::after {
    content: "";
    background: url(../img/common/btn_slide_left.png) no-repeat center center / contain;
}
.furisode_swiper_controller .swiper-pagination {
    position: relative;
    top: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
}
.furisode_swiper_controller .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
}
.furisode_swiper_controller .swiper-pagination-bullet-active {
    background-color: #F64077;
    position: relative;
}
.furisode_swiper_controller .swiper-pagination-bullet-active::after {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 100px;
    border: solid 1px #F64077;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.furisode_search_area {
    margin-top: 43px;
    padding: 0 20px;
}
.furisode_link_btn {
    margin: 25px auto 0;
}
.furisode_ranking_area {
    margin-top: 43px;
}
.furisode_ranking_area .ranking_swiper_controller {
    margin-top: 22px;
    padding: 0 10px 0 0;
}
.furisode_ranking_area .furisode_swiper_controller .swiper-pagination {
    top: 2px;
}
/* Hakama */
#Hakama_area {
    padding-bottom: 58px;
    position: relative;
    z-index: 1;
}
#Hakama_area::before {
    content: "";
    background: url(../img/top/bg-hakama.webp) center center / contain;
    width: 290px;
    height: 100%;
    position: absolute;
    background-repeat: repeat;
    z-index: -1;
    bottom: 0;
    right: 0;
}
.hakama_slider {
    padding-bottom: 25px;
}
.hakama_slide > a {
    position: relative;
    display: block;
}
.hakama_slider_wrap {
    position: relative;
}
.hakama_slider_wrap::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../img/top/Hakama_area/img-slide_head.webp) no-repeat center center / contain;
}
.hakama_slide_wrap {
    /* position: absolute;
    bottom: 0;
    left: 0; */
    width: 100%;
    background-color: rgb(255 255 255 / .6);
    /* padding: 18px 21px 38px 22px; */
    padding: 0 20px 0;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    height: 110px;
    display: grid;
    /* place-content: center flex-start; */
}
.hakama_slide_thumb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.hakama_slide_thumb img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.furisode_slide_logo .hidden {
    display: none;
}
.hakama_slide_txt {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: calc(18 / 12);
    color: #000;
    place-content: center flex-start;
}
.hakama_slide_txt.has_btn {
  height: calc(110px - (55px / 2));
}
.hakama_btn {
    position: absolute;
    bottom: -24px;
    left: 50%;
    translate: -50% 0;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}
.hakama_swiper_controller {
    display: flex;
    align-items: center;
    margin-top: 40px;
    justify-content: space-between;
    padding: 0 20px;
}
.hakama_swiper_controller .swiper-button-next, .hakama_swiper_controller .swiper-button-prev {
    position: static;
    width: 25px;
    height: 25px;
    margin-top: 0;
}
.hakama_swiper_controller .swiper-button-prev::after,
.hakama_swiper_controller .swiper-button-next::after {
    display: block;
    width: 100%;
    height: 100%;
}
.hakama_swiper_controller .swiper-button-next::after{
    content: "";
    background: url(../img/common/btn_slide_right.png) no-repeat center center / contain;
} 
.hakama_swiper_controller .swiper-button-prev::after {
    content: "";
    background: url(../img/common/btn_slide_left.png) no-repeat center center / contain;
}
.hakama_swiper_controller .swiper-pagination {
    position: static;
    display: flex;
    gap: 10px;
}
.hakama_swiper_controller .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
}
.hakama_swiper_controller .swiper-pagination-bullet-active {
    background-color: #F64077;
    position: relative;
}
.hakama_swiper_controller .swiper-pagination-bullet-active::after {
    position: absolute;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 100px;
    border: solid 1px #F64077;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.hakama_search_area {
    margin-top: 42px;
    padding: 0 20px;
}
.hakama_link_btn {
    margin: 10px auto 0;
}
.hakama_ranking_area {
    margin-top: 43px;
}
.hakama_ranking_area .ranking_swiper_controller {
    margin-top: 22px;
    padding: 0 10px 0 0;
}

/* Feature */
#Feature_area{
    padding: 52px 0 35px;
    background: url(../img/top/Feature_area/bg.gif) left top/12px;
}
#Feature_area h2{
    font-size: 2.1rem;
    letter-spacing: 7px;
}
#Feature_area h2:after{
    content: "";
    background: url(../img/common/ttl_line_long.png) no-repeat center/contain;
    position: absolute;
    width:110px;
    height: 3px;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: auto;
}
#Feature_area .swiper-container{
    margin: 44px 20px 0;
    padding-bottom: 50px;
}
#Feature_area .swiper-container ul li a{
    display: block;
}
#Feature_area .swiper-container ul li a:nth-of-type(2) img{
    margin-top: 20px;
}
#Feature_area .swiper-container-horizontal>.swiper-pagination-bullets,
#Feature_area .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
    left: 0;
    width: 100%;
}
#Feature_area .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100px;
    background: #03071f;
    opacity: 1;
    margin: 0 11px !important;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
#Feature_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #f3e00c;
    position: relative;
}
#Feature_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f3e00c;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
}
#Feature_area .swiper-button-next,
#Feature_area .swiper-button-prev{
    bottom: -14px;
    top: auto;
}
#Feature_area .swiper-button-prev,
#Feature_area .swiper-container-rtl .swiper-button-next{
    left: 0;
}
#Feature_area .swiper-button-next,
#Feature_area .swiper-container-rtl .swiper-button-prev{
    right: 0;
}
#Feature_area .swiper-button-prev:after,
#Feature_area .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#Feature_area .swiper-button-prev:after {
    background: url(../img/common/btn_slide_left.png) left top no-repeat;
    background-size: 27px 27px;
}
#Feature_area .swiper-button-next:after {
    background: url(../img/common/btn_slide_right.png) left top no-repeat;
    background-size: 27px 27px;
}

#Charm_area{
    position: relative;
    padding: 25px 0 60px;
}
#Charm_area:before{
    content: "";
    background: url(../img/top/Charm_area/bg.gif) left top/18px;
    width: 275px;
    height: calc(100% - 270px);
    position: absolute;
    background-repeat: repeat;
    z-index: 0;
    top: 270px;
    left: 0;
}
#Charm_area .Read_area{
    margin-bottom: 60px;
    position: relative;
}
#Charm_area .Read_area h2{
    width: 304px;
    margin: 0 auto;
}
#Charm_area .Read_area figure{
    width: 334px;
    margin: 45px auto 35px;
}
#Charm_area .Read_area .Txt_area{
    display: flex;
    align-items: center;
    justify-content: center;
}
#Charm_area .Read_area .Txt_area img{
    width: 85px;
    margin-right: 10px;
}
#Charm_area .Read_area .Txt_area p{
    line-height: 1.4;
    text-align: justify;
    font-size: 1.1rem;
}
#Charm_area .Slide_area .swiper-container ul li.hepburn:after{
    background: url(../img/common/num_slide01.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.kusumi_retoro:after{
    background: url(../img/common/num_slide02.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.kusumi_girly:after{
    background: url(../img/common/num_slide03.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.kusumi:after{
    background: url(../img/common/num_slide04.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.kusumi_elegant:after{
    background: url(../img/common/num_slide05.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.vintage:after{
    background: url(../img/common/num_slide06.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.japanmode:after{
    background: url(../img/common/num_slide07.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.mode:after{
    background: url(../img/common/num_slide08.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.iki_koten:after{
    background: url(../img/common/num_slide09.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.retoro:after{
    background: url(../img/common/num_slide10.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.koten:after{
    background: url(../img/common/num_slide11.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.premiumkoten:after{
    background: url(../img/common/num_slide12.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.sweet:after{
    background: url(../img/common/num_slide13.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.staff:after{
    background: url(../img/common/num_slide14.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.rola:after{
    background: url(../img/common/num_slide15.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.black_label:after{
    background: url(../img/common/num_slide16.webp) no-repeat center/contain;
}
#Charm_area .Slide_area .swiper-container ul li.puchipura:after{
    background: url(../img/common/num_slide17.webp) no-repeat center/contain;
}
#furisode_area.Mini_Slide_area h2:after{
    content: "";
    background: url(../img/top/Press_area/ttl_bubble.png) no-repeat center/contain;
    width: 120px;
    height: 57px;
    position: absolute;
    right: -5px;
    top: -30px;
}
#furisode_area.Mini_Slide_area{
    margin-top: 60px;
    position: relative;
}

/* #Press_area{
    position: relative;
    padding: 70px 0;
}
#Press_area:before{
    content: "";
    background: url(../img/top/Press_area/bg.gif) left top/18px;
    width: 310px;
    height: calc(100% - 640px);
    position: absolute;
    background-repeat: repeat;
    z-index: 0;
    top: 200px;
    right: 0;
}
#Press_area .Read_area{
    position: relative;
} */
/*
#Press_area .Read_area h2:before{
    content: "";
    background: url(../img/top/Press_area/ttl_bg.png) no-repeat center/contain;
    width: 121px;
    height: 154px;
    position: absolute;
    top: -18px;
    left: 20px;
    z-index: -1;
}
*/
#Press_area .Read_area figure{
    /* width: 333px; */
    /* margin: 38px auto 0; */
    /* margin-right: 8px; */
    width: 100%;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}
#Press_area .Catalogbnr {
  margin-top: 40px;
}
/*------------------------------------------------------------
プレスルームTOP アンカー一覧 start
------------------------------------------------------------*/
/* .ec-pressroomTopSecListRole {
    background-color: #000;
    padding: 10px;
}
.ec-pressroomTopSecListRole__list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #fff;
}
.ec-pressroomTopSecListRole__item {
    position: relative;
    width: 50%;
    border-bottom: dashed 1px #000;
}
.ec-pressroomTopSecListRole__item:nth-of-type(odd) {
    border-right: dashed 1px #000;
}
.ec-pressroomTopSecListRole__item:nth-of-type(5),
.ec-pressroomTopSecListRole__item:nth-of-type(6) {
    position: relative;
    border-bottom: none;
}
.ec-pressroomTopSecListRole__item:nth-of-type(3)::after,
.ec-pressroomTopSecListRole__item:nth-of-type(4)::after {
    content: "";
    background: url(../img/top/Press_area/icon_newarrival.png) no-repeat center/contain;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.ec-pressroomTopSecListRole__item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px;
}
.ec-pressroomTopSecListRole__item .title_en {
    display: block;
    font-family: oswald;
    font-size: 1.6rem;
    line-height: 1;
    color: #000;
    letter-spacing: 0.08em;
    margin-bottom: 7px;
}
.ec-pressroomTopSecListRole__item .title_ja {
    display: block;
    font-size: 1.1rem;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.002em;
    line-height: 1;
} */
/*------------------------------------------------------------
プレスルームTOP アンカー一覧 end
------------------------------------------------------------*/
/* #Press_area .Read_area .Menu_area{
    position: relative;
}
#Press_area .Read_area .Menu_area ul{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#Press_area .Read_area .Menu_area ul:before,
#Press_area .Read_area .Menu_area ul:after,
#Press_area .Read_area .Menu_area ul li:nth-of-type(1):after{
    content: "";
    background: url(../img/top/Press_area/dot.svg) repeat-x center/6px;
    width: 100%;
    height: 3px;
    position: absolute;
}
#Press_area .Read_area .Menu_area ul:before{
    top: 0;
    left: 0;
}
#Press_area .Read_area .Menu_area ul:after,
#Press_area .Read_area .Menu_area ul li:nth-of-type(1):after{
    bottom: 0;
    left: 0;
}
#Press_area .Read_area .Menu_area ul li:nth-of-type(1):after{
    width: 200%;
}
#Press_area .Read_area .Menu_area ul li{
    position: relative;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 22px 0 19px;
}
#Press_area .Read_area .Menu_area ul li:nth-of-type(odd):before{
    content: "";
    background: url(../img/top/Press_area/dot2.svg) repeat-y center/3px;
    width: 3px;
    height: 80%;
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translate(0,-50%);
}
#Press_area .Read_area .Menu_area ul li a{
    color: #03071f;
}
#Press_area .Read_area .Menu_area ul li a img{
    width: 38px;
    margin-bottom: 13px;
}
#Press_area .Read_area .Menu_area ul li a h3{
    font-weight: 600;
    font-size: 1.2rem;
}
#Press_area .Read_area .Menu_area ul li a h3 span{
    display: block;
    font-family: 'Oswald', sans-serif;
    font-weight: 400px;
    font-size: 1.7rem;
    margin-bottom: 6px;
    letter-spacing: 3px;
}
#Press_area .Read_area .Menu_area figure{
    width: 50px;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
#Press_area .Read_area p{
    margin: 40px 20px 0;
    line-height: 1.8;
    font-size: 1.3rem;
}
#Press_area .Mini_Slide_area{
    margin: 70px 0 60px;
    position: relative;
}
#Press_area .Mini_Slide_area h2:after{
    content: "";
    background: url(../img/top/Press_area/ttl_bubble.png) no-repeat center/contain;
    width: 120px;
    height: 57px;
    position: absolute;
    right: -5px;
    top: -30px;
}
#Press_area .Insta_area{
    position: relative;
    background: url(../img/top/Press_area/bg_insta.gif) repeat-y center top/contain;
    margin: 60px 24px 0;
    padding: 0 20px 30px;
}
#Press_area .Insta_area h2{
    position: absolute;
    width: 180px;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
}
#Press_area .Insta_area figure{
    padding-top: 50px;
}
#Press_area .Insta_area .top_btn{
    margin-top: 30px;
}
#Press_area .Insta_area .top_btn img{
    width: 16px;
    margin-right: 10px;
}
#Press_area .Insta_area .Link_area{
    display: flex;
    width: 220px;
    margin: 38px auto 0;
    justify-content: space-between;
}
#Press_area .Insta_area .Link_area li{
    width: 45px;
}
#Press_area .Insta_area .Link_area li a{
    display: block;
} */

#Ranking_area{
    position: relative;
    background-color: #07131b;
    padding: 75px 0 43px;
}
#Ranking_area:before,
#Ranking_area:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
}
#Ranking_area:before{
    background: url(../img/top/Ranking_area/bg1.svg) repeat-x left top/15px;
    top:-6px;
    left: 0;
}
#Ranking_area:after{
    background: url(../img/top/Ranking_area/bg2.svg) repeat-x left bottom/15px;
    bottom:-6px;
    left: 0;
}
#Ranking_area h2,
#Ranking_area h2 span{
    color: #fff;
}
#Ranking_area h2:after{
    content: "";
    background: url(../img/top/Ranking_area/ttl_bg.png) no-repeat center/contain;
    width: 106px;
    height: 57px;
    position: absolute;
    right: 5px;
    top: -25px;
}
#Ranking_area .swiper-container{
    margin:-15px 0 0 20px;
    padding-bottom: 50px;
}
#Ranking_area .swiper-container ul li{
    position: relative;
    padding-top: 15px;
}
#Ranking_area .swiper-container ul li:after{
    content: "";
    position: absolute;
    width: 42px;
    height: 43px;
    z-index: 2;
    top: 0;
    left: 5px;
}
#Ranking_area .swiper-container ul li.num1:after{
    background: url(../img/top/Ranking_area/icon_rank01.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num2:after{
    background: url(../img/top/Ranking_area/icon_rank02.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num3:after{
    background: url(../img/top/Ranking_area/icon_rank03.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num4:after{
    background: url(../img/top/Ranking_area/icon_rank04.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num5:after{
    background: url(../img/top/Ranking_area/icon_rank05.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num6:after{
    background: url(../img/top/Ranking_area/icon_rank06.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num7:after{
    background: url(../img/top/Ranking_area/icon_rank07.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num8:after{
    background: url(../img/top/Ranking_area/icon_rank08.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num9:after{
    background: url(../img/top/Ranking_area/icon_rank09.png) no-repeat center/contain;
}
#Ranking_area .swiper-container ul li.num10:after{
    background: url(../img/top/Ranking_area/icon_rank10.png) no-repeat center/contain;
}
#Ranking_area .swiper-container-horizontal>.swiper-pagination-bullets,
#Ranking_area .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
    left: -10px;
    width: 100%;
}
#Ranking_area .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100px;
    background: #ffffff;
    opacity: 1;
    margin: 0 11px !important;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
#Ranking_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #f3e00c;
    position: relative;
}
#Ranking_area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f3e00c;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
}
#Ranking_area .swiper-button-next,
#Ranking_area .swiper-button-prev{
    bottom: -14px;
    top: auto;
}
#Ranking_area .swiper-button-prev,
#Ranking_area .swiper-container-rtl .swiper-button-next{
    left: 0;
}
#Ranking_area .swiper-button-next,
#Ranking_area .swiper-container-rtl .swiper-button-prev{
    right: 20px;
}
#Ranking_area .swiper-button-prev:after,
#Ranking_area .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#Ranking_area .swiper-button-prev:after {
    background: url(../img/common/btn_slide_left_w.png) left top no-repeat;
    background-size: 27px 27px;
}
#Ranking_area .swiper-button-next:after {
    background: url(../img/common/btn_slide_right_w.png) left top no-repeat;
    background-size: 27px 27px;
}
#Ranking_area .top_btn{}
#Ranking_area .top_btn a{
    border: 2px solid #fff;
    background-color: #fff;
    color:#03071f;
}
#Ranking_area .top_btn a:after{
    background-image: url(../img/common/btn_arrow.png);
}

/* #Hakama_area{
    position: relative;
    padding: 70px 0 60px;
}
#Hakama_area .top_btn {
    margin-top: 0;
}
#Hakama_area:before{
    content: "";
    background: url(../img/top/Hakama_area/bg.gif) left top/18px;
    width: 275px;
    height: calc(100% - 480px);
    height: calc(100% - 400px);
    position: absolute;
    background-repeat: repeat;
    z-index: 0;
    top: 116px;
    right: 0;
}
#Hakama_area .Mini_Slide_area h2:after{
    content: "";
    background: url(../img/top/Press_area/ttl_bubble.png) no-repeat center/contain;
    width: 120px;
    height: 57px;
    position: absolute;
    right: -5px;
    top: -30px;
}
#Hakama_area .Slide_area .swiper-container ul li.kusumi:after{
    background: url(../img/common/num_slide01.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.vintage:after{
    background: url(../img/common/num_slide02.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.retoro:after{
    background: url(../img/common/num_slide03.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.mode:after{
    background: url(../img/common/num_slide04.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.sweet:after{
    background: url(../img/common/num_slide05.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.koten:after{
    background: url(../img/common/num_slide06.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.staff:after{
    background: url(../img/common/num_slide07.webp) no-repeat center/contain;
}
#Hakama_area .Slide_area .swiper-container ul li.kakuyasu:after{
    background: url(../img/common/num_slide08.webp) no-repeat center/contain;
}
#Hakama_area .Mini_Slide_area{
    margin-top: 60px;
    position: relative;
} */

#Acce_area{
    padding: 60px 0 65px;
    position: relative;
}
#Acce_area:before{
    content: "";
    background: url(../img/top/Acce_area/bg.gif) left top/18px;
    width: 290px;
    height:575px;
    position: absolute;
    background-repeat: repeat;
    z-index: 0;
    top: 0;
    left: 0;
}
#Acce_area h2.ttl_style img {
    margin-right: 0;
}
#Acce_area .top_btn {
    margin-top: 0;
}
#Acce_area ul{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 58px 20px 60px;
    flex-wrap: wrap;
}
#Acce_area ul li{
    width: 105px;
    text-align: center;
    margin-bottom: 25px;
}
#Acce_area ul li:nth-last-of-type(-n+3){
    margin-bottom: 0;
}
#Acce_area ul li a{
    display: block;
    color: #03071f;
}
#Acce_area ul li figure {
    width: 105px;
    height: 105px;
    overflow: hidden;
}
#Acce_area ul li a h3{
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: 10px;
}
#Acce_area ul li a h3 span{
    font-weight: 400;
    font-size: 1.2rem;
    display: block;
    margin-top: 8px;
    letter-spacing: 0;
}
#Acce_area ul li:nth-of-type(8) h3{
    letter-spacing: -1px;
}
#Acce_area .Mini_Slide_area{
    position: relative;
}
#Acce_area h2.sub_ttl_style {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: calc(27 / 18);
    text-align: center;
    margin-bottom: 22px;
    display: block;
}
#Acce_area #recommend_product_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #F64077;
}
#Acce_area #recommend_product_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border: 1px solid #F64077;
}
.acce_area_btn {
    margin: 20px auto 0;
}

/* Photoplan */
#Photoplan_area{
    position: relative;
}
#Photoplan_area::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50.5%, rgba(17, 0, 0, 0.20) 100%);
}
.photoplan_ttl {
    width: 100%;
    position: absolute;
    padding-top: 290px;
    text-align: center;
    color: #000;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: calc(24 / 14);
    font-family: 'Oswald', sans-serif;
    bottom: 110px;
    left: 50%;
    translate: -50% 0;
    z-index: 1;
}
.photoplan_ttl .main {
    display: block;
    font-weight: 400;
    font-size: 3.2rem;
    letter-spacing: 3.2px;
    line-height: normal;
    margin-bottom: 12px;
}
.photoplan_btn {
    margin: 20px auto 0;
    position: absolute;
    bottom: 36px;
    left: 50%;
    translate: -50% 0;
    z-index: 1;

}
/* #Photoplan_area h2{
    position: relative;
    width: 290px;
    margin: 0 auto;
    padding-top: 20px;
}
#Photoplan_area h2 p:nth-of-type(1){
    width: 60px;
    position: absolute;
    top: 20px;
    right: -30px;
}
#Photoplan_area h2 p:nth-of-type(2){
    width: 93px;
    position: absolute;
    bottom: -40px;
    left: -35px;
}
#Photoplan_area .top_btn{
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
} */
/*
#Photoplan_area .top_btn a{
    background: transparent;
    border: 2px solid #fff;
}
*/

/* #Service_Navi_area{
    border-top: 2px solid #000;
    margin: 0 20px;
}
#Service_Navi_area h2.ttl{
    font-family: 'Oswald', sans-serif;
    font-size: 2.2rem;
    text-align: center;
    padding: 25px 0;
    letter-spacing: 3px;
}
#Service_Navi_area ul.drawer-menu{
    border-bottom: 2px solid #000;
}
#Service_Navi_area ul li a{
    max-width: 100%;
    padding: 15px 0;
    font-size: 2.4rem;
    position: relative;
}
#Service_Navi_area ul li.parent{
    animation:fadeInUp; 
    animation-duration: 0.5s;
}
#Service_Navi_area ul li.parent a{
    position: relative;
    display:flex;
    align-items: center;
    color: #03071f;
    border-bottom: 1px dotted #03071f;
}
#Service_Navi_area ul li.parent:first-of-type a{
    border-top: 1px dotted #03071f;
}
#Service_Navi_area ul li.parent:last-of-type a{
    border-bottom:0;
}
#Service_Navi_area ul li.parent a img{
    width: 95px;
    margin-right: 15px;
}
#Service_Navi_area ul li.parent a p{
    font-size: 1.2rem;
}
#Service_Navi_area ul li.parent a p span{
    display: block;
    font-family: "Montserrat";
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 5px;
}
#Service_Navi_area ul li.parent .submenu{
    display: none;
}
#Service_Navi_area ul li.parent .submenu .child a{
    position: relative;
    padding: 15px 5px;
    font-size: 1.4rem;
    border-top: 0;
    margin: 0;
    border-top: 1px dotted #03071f;
    border-bottom: 0;
}
#Service_Navi_area ul li.parent:first-of-type .submenu .child:first-of-type a{
    border-top: 0;
}
#Service_Navi_area ul li.parent:first-of-type .submenu .child:last-of-type a{
    border-bottom: 1px dotted #03071f;
}
#Service_Navi_area ul li.parent .submenu .child:last-of-type a{
    border-bottom: 0;
}
.menu_normal a:after{
    content: "";
    background: url(../img/common/nav_icon_arrow.png) no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
    width: 18px;
    height: 18px;
}
.menu_plus a.js-menu{
    position: relative;
}
.menu_plus a.js-menu::before,
.menu_plus a.js-menu::after {
    content: '';
    width: 14px;
    height: 2px;
    background: #03071f;
    position: absolute;
    top: 50%;
    right: 14px;
}
.menu_plus a.js-menu::after {
    transform: rotate(90deg);
    transition: .5s;
}
.menu_plus a.js-menu.on::after {
    transform: translateY(-50%) rotate(0);
}
#Service_Navi_area .About_area{
    margin-top: 37px;
}
#Service_Navi_area .About_area .red {
  color: #ce0f26;
}
#Service_Navi_area .About_area p{
    margin: 44px 0 40px;
    font-size: 1.3rem;
    line-height: 1.8;
}
#Service_Navi_area .About_area .Shop{
    margin-bottom: 45px;
    position: relative;
}
#Service_Navi_area .About_area .Shop:after{
    content: "";
    width: 130px;
    border-top: 1px dotted #000;
    height: 1px;
    position: absolute;
    top: 10px;
    right: 0;
}
#Service_Navi_area .About_area .Shop h4{
    position: relative;
    width: 210px;
    font-size: 1.2rem;
    text-align: center;
    background: #fffa86;
    padding: 3px 0;
    font-weight: 600;
}
#Service_Navi_area .About_area .ShopList h4{
    background: #f4a9b7;
}
#Service_Navi_area .About_area .Shop h4:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    top: 0;
    right: 0;
    border-width: 10px 8px 10px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
#Service_Navi_area .About_area .Shop h3{
    display: flex;
    align-items: center;
    margin: 20px 0 24px;
}
#Service_Navi_area .About_area .Shop h3 img{
    height: 19px;
    width: auto;
    margin-right: 15px;
}
#Service_Navi_area .About_area .Shop h3 span{
    font-size: 1.1rem;
    background: #000;
    color: #fff;
    padding: 2px 5px;
}
#Service_Navi_area .About_area .Shop dl{
    margin-bottom: 24px;
}
#Service_Navi_area .About_area .Shop dl div{
    display: flex;
    margin-bottom: 14px;
    align-items: flex-start;
}
#Service_Navi_area .About_area .Shop dl div:last-of-type{
    margin-bottom: 0;
}
#Service_Navi_area .About_area .Shop dl div dt{
    width: 70px;
    font-size: 1.2rem;
    position: relative;
    text-align: center;
    margin-right: 18px;
}
#Service_Navi_area .About_area .Shop dl div dt:before{
    content: "[";
    left: 0;
    position: absolute;
}
#Service_Navi_area .About_area .Shop dl div dt:after{
    content: "]";
    right: 0;
    position: absolute;
}
#Service_Navi_area .About_area .Shop dl div dd{
    font-size: 1.3rem;
}
#Service_Navi_area .About_area .Shop dl div dd .link {
    color: #03071f;
}
#Service_Navi_area .About_area .Shop dl div dd .link .red {
  color: #ce0f26;
}
#Service_Navi_area .About_area .Shop .Photo_area{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#Service_Navi_area .About_area .Shop .Photo_area img{
    width: 163px;
}
#Service_Navi_area .About_area .Shop ul{
    display: flex;
    flex-wrap: wrap;
}
#Service_Navi_area .About_area .Shop ul li{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 15px;
}
#Service_Navi_area .About_area .Shop ul li:nth-of-type(3),
#Service_Navi_area .About_area .Shop ul li:nth-of-type(6){
    margin-right:0;
}
#Service_Navi_area .About_area .Shop ul li::nth-last-of-type(-n+2){
    margin-bottom:0;
}
#Service_Navi_area ul li a.shop_link {
    color: #000;
}
#Service_Navi_area .About_area .Shop ul li figure figcaption{
    font-size: 1.2rem;
    margin-top: 7px;
}
#Service_Navi_area .About_area .ShopList ul{
    position: relative;
}
#Service_Navi_area .About_area .ShopList ul:after{
    content: "";
    background: url(../img/common/footer_shop_bubble.webp) no-repeat center/contain;
    width: 87px;
    height: 84px;
    margin-left: 10px;
} */

/* #Reason_area{
    position: relative;
}
.reason_ttl {
    text-align: center;
    color: #000;
    font-size: 1.4rem;
    letter-spacing: 1.4px;
    font-weight: 700;
    position: absolute;
    font-family: 'Oswald', sans-serif;
    bottom: 110px;
    left: 50%;
    translate: -50% 0;
    width: 100%;
}
.reason_ttl .main {
    display: block;
    font-size: 3.2rem;
    letter-spacing: 3.2px;
    line-height: normal;
    margin-bottom: 13px;
}
.reason_btn {
    position: absolute;
    margin: 20px auto 0;
    bottom: 35px;
    left: 50%;
    translate: -50% 0;
} */

/* Voice_area */
#Voice_area {
    padding: 60px 0 50px;
    position: relative;
}
#Voice_area::before {
    content: "";
    background: url(../img/top/Voice_area/bg-voice.webp) center center / cover;
    width: 286px;
    height: 675px;
    position: absolute;
    background-repeat: repeat;
    z-index: 0;
    top: 0;
    right: 0;
}
.voice_ttl {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
    padding: 0 30px;
    position: relative;
}
.voice_ttl .main {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 3px;
    font-family: 'Oswald', sans-serif;
    display: block;
}
.voice_image {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 44px;
    right: 23px;
}
.voice_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    gap: 16px 12px;
    padding: 0 24px;
    position: relative;
}
.voice_item {
    width: calc((100% / 3) - 12px * 2 / 3);
}
.voice_item-link {
    display: block;
}
.voice_item-link img {
    aspect-ratio: 100 / 150;
    object-fit: cover;
}
.voice_item-author {
    font-size: 1rem;
    font-weight: 700;
    line-height: calc(13.5 / 10);
    margin-top: 5px;
    color: #000;
}
.voice_btn {
    margin: 25px auto 0;
}

/* Producer_area */
#Producer_area {
    margin-top: 12px;
}
.producer_link_wrap {
    display: block;
    position: relative;
    color: #fff;
    background: url(../img/top/Producer_area/bg.webp) no-repeat center center / cover;
    padding: 22px 30px 28px;
}
.producer_link_wrap:focus,
.producer_link_wrap:hover {
    color: #fff;
}
.producer_ttl {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
    font-family: 'Oswald', sans-serif;
}
.producer_ttl .main {
    font-size: 2.2rem;
}
.producer_image {
    margin-top: 18px;
    aspect-ratio: 1;
    width: 85px;
}
.producer_txt {
    margin-top: 7px;
    line-height: calc(15 / 10);
    font-size: 1rem;
    font-weight: 600;
}
.producer_arrow {
    position: absolute;
    right: 30px;
    bottom: 28px;
    aspect-ratio: 1;
    width: 25px;
}

/*------------------------------------------------------------
ピックアップ振袖 start
------------------------------------------------------------*/
#furisode_area .top_btn {
    margin-top: 0;
}
/* スライダー */
#recommend_product_1.swiper-container-recommend {
    margin-left: 20px;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 10px;
}
#recommend_product_1 .swiper-btns {
    position: relative;
}
#recommend_product_1 .swiper-pagination {
    width: 100%;
}
#recommend_product_1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: static;
    margin-top: 20px;
}
#recommend_product_1 .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 9px !important;
    display: inline-block;
    border-radius: 100px;
    background: #03071f;
    opacity: 1;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#recommend_product_1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f64077;
    position: relative;
}
#recommend_product_1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f64077;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
}
#recommend_product_1 .swiper-btns .swiper-button-prev:after,
#recommend_product_1 .swiper-btns .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#recommend_product_1 .swiper-button-prev,
#recommend_product_1 .swiper-button-next {
    width: 27px;
    height: 27px;
    margin-top: 0;
    top: auto;
    bottom: -10px;
}
#recommend_product_1 .swiper-button-prev:after {
    background: url("../img/common/btn_slide_left.png") left top no-repeat;
    background-size: 27px 27px;
}
#recommend_product_1 .swiper-button-next:after {
    background: url("../img/common/btn_slide_right.png") left top no-repeat;
    background-size: 27px 27px;
}
#recommend_product_1 .swiper-button-prev,
#recommend_product_1 .swiper-container-rtl .swiper-button-next {
    left: 0;
}
#recommend_product_1 .swiper-button-next,
#recommend_product_1 .swiper-container-rtl .swiper-button-prev {
    right: 20px;
}
#recommend_product_1 .swiper-slide::before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 2px;
    background: url(../img/common/kazari_line.png) top no-repeat;
    background-size: 16px 2px;
    top: 50%;
    right: -18px;
    margin-top: -1px;
}
#recommend_product_1 .swiper-slide.swiper-slide-prev::before {
    content: none;
}

/*------------------------------------------------------------
ピックアップ振袖 end
------------------------------------------------------------*/
/*------------------------------------------------------------
ピックアップ袴 start
------------------------------------------------------------*/
/* スライダー */
#recommend_product_2.swiper-container-recommend {
    margin-left: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
}
#recommend_product_2 .swiper-btns {
    position: relative;
}
#recommend_product_2 .swiper-pagination {
    width: 100%;
}
#recommend_product_2 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: static;
    margin-top: 20px;
}
#recommend_product_2 .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 9px !important;
    display: inline-block;
    border-radius: 100px;
    background: #03071f;
    opacity: 1;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#recommend_product_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f3e00c;
    position: relative;
}
#recommend_product_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f3e00c;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
}
#recommend_product_2 .swiper-btns .swiper-button-prev:after,
#recommend_product_2 .swiper-btns .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#recommend_product_2 .swiper-button-prev,
#recommend_product_2 .swiper-button-next {
    width: 27px;
    height: 27px;
    margin-top: 0;
    top: auto;
    bottom: -10px;
}
#recommend_product_2 .swiper-button-prev:after {
    background: url("../img/common/btn_slide_left.png") left top no-repeat;
    background-size: 27px 27px;
}
#recommend_product_2 .swiper-button-next:after {
    background: url("../img/common/btn_slide_right.png") left top no-repeat;
    background-size: 27px 27px;
}
#recommend_product_2 .swiper-button-prev,
#recommend_product_2 .swiper-container-rtl .swiper-button-next {
    left: 0;
}
#recommend_product_2 .swiper-button-next,
#recommend_product_2 .swiper-container-rtl .swiper-button-prev {
    right: 20px;
}
#recommend_product_2 .swiper-slide::before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 2px;
    background: url(../img/common/kazari_line.png) top no-repeat;
    background-size: 16px 2px;
    top: 50%;
    right: -18px;
    margin-top: -1px;
}
#recommend_product_2 .swiper-slide.swiper-slide-prev::before {
    content: none;
}
/*------------------------------------------------------------
ピックアップ袴 end
------------------------------------------------------------*/
/*------------------------------------------------------------
ピックアップ和装小物 start
------------------------------------------------------------*/
/* スライダー */
#recommend_product_3.swiper-container-recommend {
    margin-left: 20px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
}
#recommend_product_3 .swiper-btns {
    position: relative;
}
#recommend_product_3 .swiper-pagination {
    width: 100%;
}
#recommend_product_3 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: static;
    margin-top: 20px;
}
#recommend_product_3 .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 9px !important;
    display: inline-block;
    border-radius: 100px;
    background: #03071f;
    opacity: 1;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#recommend_product_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f3e00c;
    position: relative;
}

#recommend_product_3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f3e00c;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    border-radius: 100px;
}

#recommend_product_3 .swiper-btns .swiper-button-prev:after,
#recommend_product_3 .swiper-btns .swiper-button-next:after {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#recommend_product_3 .swiper-button-prev,
#recommend_product_3 .swiper-button-next {
    width: 27px;
    height: 27px;
    margin-top: 0;
    top: auto;
    bottom: -10px;
}
#recommend_product_3 .swiper-button-prev:after {
    background: url("../img/common/btn_slide_left.png") left top no-repeat;
    background-size: 27px 27px;
}
#recommend_product_3 .swiper-button-next:after {
    background: url("../img/common/btn_slide_right.png") left top no-repeat;
    background-size: 27px 27px;
}
#recommend_product_3 .swiper-button-prev,
#recommend_product_3 .swiper-container-rtl .swiper-button-next {
    left: 0;
}
#recommend_product_3 .swiper-button-next,
#recommend_product_3 .swiper-container-rtl .swiper-button-prev {
    right: 20px;
}
#recommend_product_3 .swiper-slide::before {
    content: '';
    position: absolute;
    display: block;
    width: 16px;
    height: 2px;
    background: url(../img/common/kazari_line.png) top no-repeat;
    background-size: 16px 2px;
    top: 50%;
    right: -18px;
    margin-top: -1px;
}
#recommend_product_3 .swiper-slide.swiper-slide-prev::before {
    content: none;
}
/*------------------------------------------------------------
ピックアップ和装小物 end
------------------------------------------------------------*/
/*------------------------------------------------------------
INSTAGRAM start
------------------------------------------------------------*/
/* インスタグラム */
.ec-pressroomTopInstaRole__list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 50px;
}
.ec-pressroomTopInstaRole__item {
    width: 90px;
    height: 90px;
    margin: 2px;
}
.ec-pressroomTopInstaRole__item img {
    width: 100%;
    height: 100%;
    max-width: unset;
    object-fit: cover;
    /* for ie (ofi.min.js) */
    font-family: 'object-fit: cover;';
}
/*------------------------------------------------------------
INSTAGRAM end
------------------------------------------------------------*/
/*------------------------------------------------------------
映像で見る start
------------------------------------------------------------*/
.ec-pressroomTopMovieRole__movie {
    margin-bottom: 50px;
}
.ec-pressroomTopMovieRole__movie-heading {
    position: static;
    margin: 20px 0 0 30px;
    width: 220px;
    height: auto;
    z-index: 100;
}
.ec-pressroomTopMovieRole__movie-inner {
  position: relative;
  padding: 0 20px;
}
.swiper-container.slider_movie {
  position: static;
  padding: 16px 0 30px;
  overflow: visible;
}
.swiper-container.slider_movie .popup-iframe__title {
    margin-top: 15px;
    color: #000;
    line-height: 1.5;
}
.popup-iframe {
    position: relative;
    display: block;
}
.popup-iframe__icon {
    position: absolute;
    top: -18px;
    right: -12px;
    width: 45px;
    height: 45px;
    z-index: 100;
}
.popup-iframe__img {
    position: relative;
    aspect-ratio: 2/1;
}
.popup-iframe__img img {
    width: 100%;
    height: 100%;
    max-width: unset;
    object-fit: cover;
    /* for ie (ofi.min.js) */
    font-family: 'object-fit: cover;';
}
.popup-iframe__img::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    background: url(../img/top/TopMovie_area/play.png) no-repeat top center;
    background-size: contain;
    transform: translate(-50%, -50%);
}
.movie-thumbs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 2px;
}
.movie-thumbs .movie-thumb {
  width: 19.4%;
  aspect-ratio: 16/9;
  overflow: hidden;
  cursor: pointer;
}
.movie-thumbs .movie-thumb img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.ec-pressroomTopMovieRole__movie .swiper-button-prev,
.ec-pressroomTopMovieRole__movie .swiper-button-next{
    width: 25px;
    height: 50px;
    margin-top: 0;
    top: 37%;
}
.ec-pressroomTopMovieRole__movie .swiper-button-prev,
.ec-pressroomTopMovieRole__movie .swiper-container-rtl .swiper-button-next{
    left: 0;
    right: auto;
}
.ec-pressroomTopMovieRole__movie .swiper-button-next,
.ec-pressroomTopMovieRole__movie .swiper-container-rtl .swiper-button-prev{
    right: -1px;
}
.ec-pressroomTopMovieRole__movie .swiper-button-prev:after,
.ec-pressroomTopMovieRole__movie .swiper-button-next:after{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.ec-pressroomTopMovieRole__movie .swiper-button-prev:after {
    background: url(../img/common/btn_slide_left_sp.png) left top no-repeat;
    background-size: 24px 50px;
}
.ec-pressroomTopMovieRole__movie .swiper-button-next:after {
    background: url(../img/common/btn_slide_right_sp.png) left top no-repeat;
    background-size: 24px 50px;
}
/*------------------------------------------------------------
映像で見る end
------------------------------------------------------------*/
/*------------------------------------------------------------
mv popup modal
------------------------------------------------------------*/
.mfp-iframe-scaler.youtube-short {
  position: relative;
  width: calc(100% * (9/16));
  padding-top: 100%;
  margin: 0 auto;
  overflow: inherit;
}
.mfp-iframe-scaler.mv-youtube-short {
  position: relative;
  margin: 0 auto;
  overflow: inherit;
  aspect-ratio: 9 / 16;
  width: 80%;
  height: 80%;
  max-width: 367.762px;
}
@media screen and (max-width: 480px) {
  .mfp-iframe-scaler.youtube-short {
    position: relative;
    width: 100%;
    padding-top: calc(100% * (16/9));
    margin: 0 auto;
    overflow: inherit;
  }
}