@charset "utf-8";

/*
 * File    : rwd-inside.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * 1480px
 * 1280px
 * 860px
 * 540px
 * HOVER
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* SELECTED */
    .selection-data__bundle { display: block; width: 912rem; margin: 0 auto; }
    .selection-data__gallery { display: none; }
    .selection-data__list-thumb { display: block; width: 500rem; position: absolute; top: -97rem; left: calc((100% - 167rem) / 2); transform: translate3d(-50%, 0, 0); opacity: 0; visibility: hidden; transition: opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1); z-index: 2; pointer-events: none; }

    .selection-data__list-project > li.selection-data__list--current .selection-data__list-thumb { opacity: 1; visibility: visible; }

}



/* **************************************** *
 * 1280px
 * **************************************** */
@media (max-width: 1280px){

    /* NEW & RESEARCH */
    .research-list .inside-entries__column { padding-bottom: 39rem; }
    .research-list .inside-entries__txt:not(:only-child) { margin-top: 25rem; }
    .research-list__item.research-list--active .inside-entries__column { padding-bottom: 42rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* SELECTED */
    .selection-intro { padding: 24rem 0 65rem; }
    .selection-intro p { font-size: 22rem; }

    .selection-data__bundle { width: 100%; }
    .selection-data__list { display: flex; flex-direction: column; gap: 50rem; }
    .selection-data__list > li { display: block; border: none; }
    .selection-data__list > li:last-child { border-bottom: none; }
    .selection-data__list-month,
    .selection-data__list-name,
    .selection-data__list-director { font-size: 14rem; line-height: 1.25; }
    .selection-data__list-name:after, 
    .selection-data__list-director:after { height: calc(100% - 13rem); }
    .selection-data__list-month { display: none; }
    .selection-data__list-thumb { top: 0; left: 50%; background: #D9D9D9; opacity: 1; visibility: visible; }
    .selection-data__list-thumb .jt-lazyload .jt-lazyload__color-preview { background: transparent; }
    .selection-data__list-project { display: flex; flex-direction: column; gap: 50rem; }
    .selection-data__list-project > li { display: grid; grid-template-columns: 100rem 1fr 140rem; position: relative; border-bottom: 1px solid var(--color-black); }
    .selection-data__list-project > li:before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background: var(--color-black); }
    .selection-data__list-project > li:has(.selection-data__list-thumb) { padding-top: 519rem; }
    .selection-data__list-project > li:has(.selection-data__list-thumb):before { top: 519rem; }
    .selection-data__list-project > li + li:after { display: none; }
    .selection-data__list-project .selection-data__list-month { display: block; padding-left: 0; }
    .selection-data__list-project .selection-data__list-director { padding-right: 0; }

    .selection-data__list > li:not(:has(.selection-data__list-thumb)),
    .selection-data__list-project > li:not(:has(.selection-data__list-thumb)) { display: none; }

    .selection-data__list-project > li.selection-data__list--current { background: transparent; }
    .selection-data__list-project > li.selection-data__list--current .selection-data__list-name, 
    .selection-data__list-project > li.selection-data__list--current .selection-data__list-director { font-size: 14rem; line-height: 1.25; font-weight: 500; }

    /* NEW & RESEARCH */
    .inside-entries { display: block; font-size: 0; }
    .inside-entries__column { min-width: inherit; padding-right: 9rem; }
    .inside-entries__txt p { font-size: 15rem; line-height: 1.3; font-weight: 400; color: #707070; }
    .inside-entries__txt p + p { margin-top: 18rem; }

    .inside-entries--type-row .inside-entries__column { display: inline-block; vertical-align: top; }
    .inside-entries--type-row .inside-entries__column:nth-child(1) { width: 140rem; padding-left: 0; }
    .inside-entries--type-row .inside-entries__column:nth-child(2) { width: calc(100% - 140rem); padding-right: 0; }
    .inside-entries--type-row .inside-entries__column:nth-child(3) { display: none; }

    .inside-entries--type-block .inside-entries__column { padding: 0; }
    .inside-entries--type-block .inside-entries__column:nth-child(1) { display: none; }
    .inside-entries--type-block .inside-entries__column:nth-child(2):has(.inside-entries__thumb) { margin-bottom: 22rem; }

    .jt-accordion__item.jt-accordion--active .jt-accordion__head .inside-entries__column:nth-child(1) { display: none; }
    .jt-accordion__item.jt-accordion--active .jt-accordion__head .inside-entries__column:nth-child(2) { width: 100%; padding-left: 0; }
    .jt-accordion__item.jt-accordion--active .jt-accordion__head .inside-entries__column:nth-child(2):after { opacity: 0; }

    .jt-accordion__item:not(.jt-accordion--active).jt-accordion--hover .jt-accordion__head .inside-entries__column > * { font-size: 26rem; }

    .research-list--large { display: none; }
    .research-list--small { display: block; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* SELECTED */
    .selection-intro { padding-bottom: 40rem; }
    .selection-intro p { font-size: 12rem; }

    .selection-data__list-month,
    .selection-data__list-name,
    .selection-data__list-director { padding: 6rem 7rem 11rem; font-size: 10rem; }
    .selection-data__list-thumb { width: 100%; left: 0; transform: none; }
    
    .selection-data__list-project > li { grid-template-columns: 62rem 1fr 106rem; }
    .selection-data__list-project > li:has(.selection-data__list-thumb) { padding-top: calc((100vw - 48rem) + 10rem); }
    .selection-data__list-project > li:has(.selection-data__list-thumb):before { top: calc((100vw - 48rem) + 10rem); }

    .selection-data__list-project > li.selection-data__list--current .selection-data__list-name, 
    .selection-data__list-project > li.selection-data__list--current .selection-data__list-director { font-size: 10rem; }

    /* NEW & RESEARCH */
    .inside-entries__column { padding-top: 4rem; padding-bottom: 13rem; }
    .inside-entries__column:not(:first-child):after { height: 22rem; }
    .inside-entries__column > * { font-size: 14rem; line-height: 1.25; }
    .inside-entries__txt p { font-size: 12rem; }
    .inside-entries__txt p + p { margin-top: 12rem; }

    .inside-entries--type-row .inside-entries__column:nth-child(1) { width: 94rem; }
    .inside-entries--type-row .inside-entries__column:nth-child(2) { width: calc(100% - 94rem); }

    .inside-entries--type-block .inside-entries__column:nth-child(2):has(.inside-entries__thumb) { margin-bottom: 14rem; }

    .jt-accordion__item:not(.jt-accordion--active).jt-accordion--hover .jt-accordion__head .inside-entries__column > * { font-size: 22rem; }

}



/* **************************************** *
 * HOVER
 * **************************************** */
@media (max-width: 860px) and (hover: hover) and (pointer: fine) {

    /* SELECTED */
    .selection-data__list-project > li:has(.selection-data__list-thumb):hover .selection-data__list-name,
    .selection-data__list-project > li:has(.selection-data__list-thumb):hover .selection-data__list-director { background: transparent; }

}