@charset "utf-8";
/* CSS Document */





:root {
}
@media screen and ( max-width: 768px ) {
    :root {
    }
}





/* ==============================

.t-madori__list--mini

============================== */
.t-madori__list--mini {
    position: relative;
    width: 100%;
    margin: var( --defin-pixel_150 ) 0 0 0;
    /*padding: 0 var( --l-inner_default_padding_x_180 );*/
    padding: min( max( calc( 100 * 100vw / 1440 ), 100px ), 180px );
}
@media screen and ( max-width: 768px ) {
    .t-madori__list--mini {
        margin-top: var( --defin-pixel_70 );
        padding: 0 var( --l-inner_default_padding_x_32 );
    }
}





/* ==============================

.t-madori-lead

============================== */
.t-madori-lead {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.t-madori-lead-title--caption {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-22 );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: var( --line-height-1 );
    letter-spacing: var( --letter-spacing-0_1 );
    text-align: center;
}
.t-madori-lead-title {
    position: relative;
    width: 100%;
    margin: var( --defin-pixel_30 ) 0 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-26 );
    line-height: var( --line-height-1 );
    letter-spacing: var( --letter-spacing-0_1 );
    text-align: center;
}
.t-madori-lead-text {
    position: relative;
    width: 100%;
    margin: var( --defin-pixel_60 ) 0 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-normal );
    font-size: var( --font_size-ex_large );
    line-height: var( --line-height-1 );
    letter-spacing: var( --letter-spacing-0_1 );
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .t-madori-lead {
    }
    .t-madori-lead-title--caption {
        font-size: var( --font_size-small );
        line-height: var( --line-height-1 );
        letter-spacing: var( --letter-spacing-0_1 );
        text-align: left;
    }
    .t-madori-lead-title {
        margin: var( --defin-pixel_20 ) 0 0;
        font-size: calc( 17 * 100vw / 375 );
        line-height: var( --line-height-1_5 );
        letter-spacing: var( --letter-spacing-0_1 );
        text-align: left;
    }
    .t-madori-lead-text {
        margin: var( --defin-pixel_30 ) 0 0;
        font-size: calc( 13 * 100vw / 375 );
        line-height: var( --line-height-2 );
        letter-spacing: var( --letter-spacing-0_1 );
        text-align: left;
    }
}





/* ==============================

.t-madori__list

============================== */
.t-madori__list {
    position: relative;
    width: 100%;
    margin: var( --defin-pixel_100 ) 0 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .t-madori__list {
        margin: var( --defin-pixel_50 ) 0 0;
    }
}





/* ==============================

.t-madori__list__grid__head

============================== */
.t-madori__list__grid__head {
    grid-template-columns: 50% 50%;
}
@media screen and ( max-width: 768px ) {
}




/* ==============================

.t-madori__list__grid__head__area

============================== */
.t-madori__list__grid__head__data {
    position: relative;
    width: 100%;
    margin: 0;
    padding: calc( min(0.72vw, 12px) / 2 ) calc( min( 1.441vw, 24px ) / 2 ) calc( min( 0.865vw, 14.4px ) / 2 );
}
.t-madori__list__grid__head__data__type {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: var( --font_size-small );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: var( --line-height-1 );
    letter-spacing: var( --letter-spacing-0_1 );
}
.t-madori__list__grid__head__data__name {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: var( --font_size-ex_small );
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: var( --line-height-1 );
    letter-spacing: var( --letter-spacing-0_1 );
}
.t-madori__list__grid__head__data__name em {
    font-size: var( --font_size-ex_large );
}
@media screen and ( max-width: 768px ) {
    .t-madori__list__grid__head__data {
        padding: min(2.667vw, 12px) calc( min(5.333vw, 24px) / 2 ) min(3.2vw, 14.4px);
    }
    .t-madori__list__grid__head__data__type {
    }
    .t-madori__list__grid__head__data__name {
        margin-top: calc( 5 * 100vw / 375 );
        font-size: var( --font_size-10 );
        line-height: var( --line-height-1 );
        letter-spacing: var( --letter-spacing-0_1 );
    }
    .t-madori__list__grid__head__data__name em {
        font-size: var( --font_size-ex_large );
    }
}





/* ==============================

.t-madori__list__grid__head__area

============================== */
.t-madori__list__grid__head__area {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: calc( min( 0.72vw, 12px ) / 2 ) calc( min( 1.441vw, 24px ) / 2 );
}
@media screen and ( max-width: 768px ) {
    .t-madori__list__grid__head__area {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        width: 100%;
        margin: 0;
        padding: calc( min(3.2vw, 14.4px) / 2 ) calc( min(5.333vw, 24px) / 2 );
    }
}



.t-madori__list__grid__head__area .total_area {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: var( --font_size-0 );
}
.t-madori__list__grid__head__area .total_area .subject {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-10 );
    line-height: var( --line-height-1_5 );
    letter-spacing: var( --letter-spacing-0_1 );
}
.t-madori__list__grid__head__area .total_area .value {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-15 );
    line-height: var( --line-height-1 );
    letter-spacing: var( --letter-spacing-0_1 );
}
.t-madori__list__grid__head__area .total_area.value em {
    font-size: var( --font_size-27 );
}
@media screen and ( max-width: 768px ) {
    .t-madori__list__grid__head__area .total_area {
    }
    .t-madori__list__grid__head__area .total_area .subject {
        font-size: var( --font_size-10 );
        line-height: var( --line-height-1_5 );
        letter-spacing: var( --letter-spacing-0_1 );
    }
    .t-madori__list__grid__head__area .total_area .value {
        font-size: var( --font_size-small );
        line-height: var( --line-height-1 );
        letter-spacing: var( --letter-spacing-0_1 );
    }
    .t-madori__list__grid__head__area .total_area.value em {
        font-size: var( --font_size-25 );
    }
}



.t-madori__list__grid__head__area .separator {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: var( --defin-pixel_5 ) 0;
    padding: 0;
    background-color: #707070;
}
@media screen and ( max-width: 768px ) {
    .t-madori__list__grid__head__area .separator {
        margin: var( --defin-pixel_2 ) 0;
    }
}



.t-madori__list__grid__head__area .exclusive_area {
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0 0 0 var( --defin-pixel_10 );
    font-size: var( --font_size-0 );
}
.t-madori__list__grid__head__area .subject {
    position: relative;
    display: inline-block;
    width: 60%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-10 );
    line-height: var( --line-height-1_5 );
    letter-spacing: var( --letter-spacing-0_1 );
}
.t-madori__list__grid__head__area .value {
    position: relative;
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-10 );
    line-height: var( --line-height-1_5 );
    letter-spacing: var( --letter-spacing-0_1 );
}
@media screen and ( max-width: 768px ) {
    .t-madori__list__grid__head__area .exclusive_area {
        padding-left: 0;
    }
    .t-madori__list__grid__head__area .subject {
    }
    .t-madori__list__grid__head__area .value {
    }
}



.t-madori__list__grid__head__area .delivery {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 var( --defin-pixel_10 );
    font-size: var( --font_size-0 );
}
.t-madori__list__grid__head__area .delivery .subject {
    position: relative;
    display: inline-block;
    width: 60%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-10 );
    line-height: var( --line-height-1_5 );
    letter-spacing: var( --letter-spacing-0_1 );
}
.t-madori__list__grid__head__area .delivery .value {
    position: relative;
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: var( --font_size-10 );
    line-height: var( --line-height-1_5 );
    letter-spacing: var( --letter-spacing-0_1 );
}
@media screen and ( max-width: 768px ) {
    .t-madori__list__grid__head__area .delivery {
        padding-left: 0;
    }
    .t-madori__list__grid__head__area .delivery .subject {
    }
    .t-madori__list__grid__head__area .delivery .value {
    }
}





/* ==============================

.l-inner.hanrei

============================== */
.l-inner.hanrei {
    position: relative;
    max-width: none;
    margin-top: var( --defin-pixel_100 );
    padding: 0 var( --l-inner_default_padding_x_180 );
}
.l-inner.hanrei .hanrei-remark {
    position: relative;
    width: 100%;
    margin: var( --defin-pixel_20 ) 0 0;
    padding: 0;
    font-size: var( --font_size-small );
    line-height: 1.5;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .l-inner.hanrei {
        margin-top: var( --defin-pixel_50 );
        padding: 0 var( --l-inner_default_padding_x_32 );
    }
    .l-inner.hanrei .hanrei-remark {
        font-size: var( --font_size-ex_small );
    }
}





/* ==============================

.l-inner.bnr

============================== */
.l-inner.bnr {
    position: relative;
    max-width: none;
    margin-top: var( --defin-pixel_100 );
    margin-bottom: var( --defin-pixel_50 );
    padding: 0 var( --l-inner_default_padding_x_180 );
}
@media screen and ( max-width: 768px ) {
    .l-inner.bnr {
        margin-top: var( --defin-pixel_50 );
        margin-bottom: var( --defin-pixel_50 );
        padding: 0 var( --l-inner_default_padding_x_32 );
    }
}



.l-inner.bnr ul {
    position: relative;
    display: flex;
    justify-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: var( --defin-pixel_50 );
}
.l-inner.bnr ul li {
    position: relative;
    display: inline-block;
    width: 100%;
    width: 40%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.l-inner.bnr ul li picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.l-inner.bnr ul li picture img {
    width: 100%;
}
.l-inner.bnr ul li .remark {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: var( --defin-pixel_10 ) 0 0;
    padding: 0;
    font-size: var( --font_size-small );
    line-height: 1.5;
    letter-spacing: 0.1em;
}
@media screen and ( max-width: 768px ) {
    .l-inner.bnr ul {
        position: relative;
        display: block;
        margin-bottom: var( --defin-pixel_50 );
    }
    .l-inner.bnr ul li {
        width: 100%;
    }
    .l-inner.bnr ul li:nth-of-type(2) {
        margin-top: var( --defin-pixel_20 );
    }
    .l-inner.bnr ul li picture {
    }
    .l-inner.bnr ul li picture img {
    }
    .l-inner.bnr ul li .remark {
        font-size: var( --font_size-image_caption );
    }
}