@charset "utf-8";


/* ==================================================================
    bridalfair.css

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

/* ==================================================================
   ■ 共通指定
=================================================================== */
.contents .text._s {
    margin-bottom: 0;
}
.contents .text._l {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 20px;
}
.contents .asterisk {
    margin-top: 5px;
}

.contents .buttonStyle.light-blue {
    max-width: 348px;
    margin: 30px auto 0;
}
    .contents .buttonStyle.light-blue a {
        width: 100%;
        font-size: 1.6rem;
        padding: 17px 32px;
        text-align: center;
    }
    .contents .buttonStyle.light-blue a:hover {
        opacity: 1;
    }

/* --------------------------------
   □  fair　一覧用
-------------------------------- */
ul.list.jc-start.col3,
ul.list.jc-start.col3{
    gap:0 2%;
}

ul.list li img{
    aspect-ratio: 952 / 588;
}


/* --------------------------------
   □  accent
-------------------------------- */
#bridalfair .accent.original {
    height: 390px;
    background-image: url(../../images/bridalfair/accent_pc.jpg);
}
#bridalfair .accent.original .txtArea {
    color: #fff;
    padding-left: 20px;
}
    #bridalfair .accent.original .heading {
        font-size: 3rem;
        margin-bottom: 20px;
    }
    #bridalfair .accent.original .text {
        font-size: 1.4rem;
    }

#bridalfair .accent.simple {
    height: 200px;
    background-image: none;
    margin-bottom: 20px;
}
#bridalfair .accent.simple .heading {
    margin-bottom: 0;
}


/* --------------------------------
   □  bridalFair
-------------------------------- */
#bridalFair{
    padding-top: 0;
}
#bridalFair .inner {
    position: relative;
}
#bridalFair .txtArea {
    position: absolute;
    top: 50%;
    left: 9%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#bridalFair .txtArea .lv3.title {
    color: #808080;
    margin-bottom: 0;
}
    #bridalFair .txtArea .lv3.title span {
        font-style: normal;
    }
#bridalFair .lv4.title {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* --------------------------------
   □  entry
-------------------------------- */
.contents .entry {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.contents .entry p.date {
    font-size: 1.4rem;
    letter-spacing: 0;
    color: #B1B1B1;
    text-align: left;
}
    .contents .entry p.date .cat {
        color: #fff;
        background-color: #002C6E;
        margin-right: 1em;
        padding: 2.5px 11px;
        min-width: 81px;
        text-align: center;
        display: inline-block;
        box-sizing: border-box;
    }

        .contents .entry p.date .cat.bridal {
            background: #7993BA;
        }
        .contents .entry p.date .cat.canal {
            background: #111111;
        }
        .contents .entry p.date .cat.eau {
            background: #E1BC48;
        }
        .contents .entry p.date .cat.rugiada {
            background: #6B6B6B;
        }
        .contents .entry p.date .cat.cofl {
            background: #9B9B9B;
        }
        .contents .entry p.date .cat.others {
            background: #CCCCCC;
        }

.contents .entry .image {
    text-align: center;
}


.contents .entry .period{
    background: #eee;
    padding: 8px;
    text-align: center;
}

.contents .entry .lv3.title {
    font-size: 2.6rem;
    letter-spacing: 0;
    line-height: 1.8;
    margin-bottom: 30px;
}

.contents .entry dl.share {
    margin-bottom: 30px;
}
    .contents .entry dl.share dt {
        font-size: 1.3rem;
        padding-right: 10px;
    }
    .contents .entry dl.share dd:not(:last-child) {
        padding-right: 10px;
    }

.contents .entry p.image {
    margin-bottom: 50px;
}
.contents .entry .text._s {
    color: #808080;
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.contents .entry .text._s + .lv4 {
    margin-top: 40px;
}

/* --------------------------------
   □  slideSec
-------------------------------- */
#slideSec {
    padding-top: 0;
}
#slideSec .col2 > section {
    width: 49%;
    overflow: hidden;
    padding-bottom: 200px;
}
ul.slickSlider.slick-dotted.slick-slider {
    overflow: visible;
}
ul.slickSlider li.slick-slide {
    position: relative;
    margin-bottom: 40px;
}
ul.slickSlider li.slick-slide dt,
#slideSec ul.slickSlider.list li dl dt {
    margin-bottom: 0;
}
ul.slickSlider li.slick-slide dd {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(100%);
    padding-top: 60px;
}

ul.slickSlider li.slick-slide dd .lv4 {
    margin-bottom: 10px;
}
    ul.slickSlider li.slick-slide dd .lv4 span {
        font-size: 1.8rem;
    }
ul.slickSlider li.slick-slide dd .buttonStyle.light-blue {
    margin-top: 20px;
}




@media (max-width: 1600px) and (min-width: 768px) {
}


@media (max-width: 1400px) and (min-width: 768px) {
}


@media (max-width: 1300px) and (min-width: 768px) {
    /* --------------------------------
       □  accent
    -------------------------------- */
    #bridalfair .accent.original .txtArea {
        max-width: 46%;
    }
    #bridalfair .accent.original .heading {
        font-size: 2.8rem;
    }
}


@media (max-width: 1100px) and (min-width: 768px) {
    /* --------------------------------
       □  slideSec
    -------------------------------- */
    ul.slickSlider li.slick-slide dd .lv4 {
        font-size: 2rem;
    }
}


/* タブレット用
-------------------------------------------- */
@media (max-width: 999px) and (min-width: 768px) {
    /* --------------------------------
       □  slideSec
    -------------------------------- */
    #slideSec .col2 > section {
        padding-bottom: 250px;
    }

}


@media only screen and (max-width : 767px) {
    /* ==================================================================
       ■ 共通指定
    =================================================================== */
    .contents .text,
    .contents .text._s {
        margin-bottom: 0;
    }
    .contents .text._l {
        font-size: 1.8rem;
    }
    .contents .boxArea .lv3.title.en span.mincho {
        margin-top: 0;
    }

    .contents .buttonStyle.light-blue {
        width: 100%;
        max-width: 280px;
        margin-top: 20px;
    }
        .contents .buttonStyle.light-blue a {
            font-size: 1.4rem;
            padding: 12px 32px;
        }

    /* --------------------------------
       □  accent
    -------------------------------- */
    #bridalfair .accent.original {
        background: #F3F8FC;
        height: auto;
    }
    #bridalfair .accent.bg.sp {
        min-height: 200px;
        height: 50vw;
        background-image: url(../../images/bridalfair/accent_sp.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    #bridalfair .accent.original .txtArea {
        color: #111;
        color: #002C6E;
        position: static;
        transform: none;
        -webkit-transform: none;
        width: 92%;
        margin: auto;
        padding: 30px 0;
    }
    #bridalfair .accent.original .heading {
        font-size: 2.2rem;
    }
    #bridalfair .accent.original .heading:before {
        zoom: 0.8;
        margin-right: 4%;
    }

    #information .accent.simple {
        height: auto;
        margin-bottom: 0;
    }
    #information .accent.simple .txtArea {
        position: static;
        transform: none;
        -webkit-transform: none;
        padding: 30px 0;
        margin: auto;
    }

    /* --------------------------------
       □  bridalFair
    -------------------------------- */
    #bridalFair .txtArea {
        background-color: #EFEFEF;
        position: static;
        transform: none;
        -webkit-transform: none;
        padding: 30px 4%;
    }

    /* --------------------------------
       □  slideSec
    -------------------------------- */
    #slideSec {
        padding-top: 0;
    }
    #slideSec .col2 > section {
        margin-bottom: 30px;
    }
        #slideSec .col2 > section:last-child {
            padding-bottom: 235px;
            margin-bottom: 0;
        }
    ul.slickSlider li.slick-slide dd .lv4 {
        font-size: 2rem;
    }
        ul.slickSlider li.slick-slide dd .lv4 span {
            font-size: 1.5rem;
        }

}