@charset "UTF-8";

/*------------------------------------------------------------
    mv
------------------------------------------------------------*/
.page_mv {
    position: relative;
    height: 39.466667vw;
    max-height: 200px;
    margin-bottom: 10px;
    background: url(../img/osaka/case/mv-bg-sp.jpg) center;
    background-size: cover;
}
.page_mv__ttl {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 1.8;
}
.page_mv__ttl--main {
    font-size: 2.4rem;
}

@media screen and (min-width: 992px) {
    .page_mv {
        background-image: url(../img/osaka/case/mv-bg-pc.jpg);
        margin-bottom: 10px;
    }
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
    .page_mv {
        height: 19.791667vw;
        max-height: 380px;
    }
    .page_mv__ttl--main {
        font-size: 3.5rem;
    }
    .page_mv__ttl--sub {
        font-size: 2rem;
    }
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
    .page_mv__ttl--main {
        font-size: 5rem;
    }
    .page_mv__ttl--sub {
        font-size: 2.8rem;
    }
} /* ----- media END ----- */



/*------------------------------------------------------------
    一覧ページ
------------------------------------------------------------*/

/* カテゴリーリスト
-----------------------------------------------------*/
.case_category {
    margin-bottom: 30px;
    overflow: visible;
}
.case_category .case_category--list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -30px -5px 0;
}
.case_category .case_category--list li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    margin-top: 10px;
}
.case_category .case_category--list li:first-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 10px;
}
.case_category--list_inner {
    padding: 0 5px;
}
.case_category--list_inner a {
    background: #fff;
    border: 1px solid #047022;
    color: #047022;
    text-align: center;
    border-radius: 5px;
    padding: 6px;
    position: relative;
    font-size: 1rem;
}
.case_category--list_inner a:before {
    content: "local_offer";
    color: #047022;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    position: absolute;
    left: 5px;
    top: 10px;
    bottom: 0;
    margin:0 auto;
}
.case_category .case_category--list li.cur .case_category--list_inner a {
    background: #245236;
    border: 1px solid #245236;
    color: #fff;
    text-align: center;
}
.case_category .case_category--list .cur .case_category--list_inner a:before {
    color: #fff;
}

@media screen and (min-width: 992px) {
    .case_category {
        margin-bottom: 60px;
    }
    .case_category .case_category--list {
        -webkit-justify-content: center; /* Safari */
        justify-content:         center;
        margin: -10px -10px 0;
    }
    .case_category .case_category--list li {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        margin-top: 30px;
    }
    .case_category .case_category--list li:first-child {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        margin-top: 30px;
    }
    .case_category--list_inner {
        padding: 0 15px;
    }
    .case_category--list_inner a {
        font-size: 1.6rem;
    }
    .case_category--list_inner a:hover {
        background: #245236;
        border: 1px solid #245236;
        color: #fff!important;
        text-align: center;
    }
    .case_category--list_inner a:before {
        left: 20px;
        top: 14px;
        font-size: 1.8rem;
    }
    .case_category--list_inner a:hover:before  {
        color: #fff!important;
    }

} /* ----- media END ----- */


/* エントリー一覧
-----------------------------------------------------*/
.case_archive {
    margin-bottom: 30px;
}
.case_archive li {
    margin-bottom: 20px;
}
.case_archive li:last-child {
    margin-bottom: 0;
}
.case_archive__box {
    padding: 0 20px;
}
.case_archive__box a {
    background: #f0f6ee;
    padding: 0 20px 20px;
    color: #047022;
}
.case_archive__box_image {
    margin: 0 -20px 15px;
    position: relative;
}
.case_archive__box_image span {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: -8px;
    right: 20px;
}
.case_archive__box_image span i {
    background: #c7b468;
    padding: 4px 6px;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}
.case_archive__box_image span i:not(:first-of-type) {
    margin-left: 10px;
}
.case_archive__ttl {
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.66666667;
}
.use_hall p {
    font-size: 1.1rem;
    line-height: 1.7;
}
.use_hall p span {
    display: block;
    color: #86998c;
}
.use_hall p span i:not(:first-child):before {
    content: "・";
}

@media screen and (min-width: 768px) {
    .case_archive ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px;
    }
    .case_archive li {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
        margin-bottom: 30px;
    }
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
    .case_archive li {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
        margin-bottom: 30px;
    }
    .case_archive__box {
        padding: 0 15px;
    }
    .case_archive__box a:hover {
        background: #245236;
        color: #fff!important;
    }
    .case_archive__box_image {
        margin: 0 -20px 25px;
        position: relative;
    }
    .case_archive__box_image span {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        position: absolute;
        bottom: -8px;
        right: 30px;
    }
    .case_archive__box_image span i {
        background: #c7b468;
        padding: 4px 6px;
        line-height: 1;
        color: #fff;
        font-weight: bold;
        font-size: 1.2rem;
    }
    .case_archive__box_image span i:not(:first-of-type) {
        margin-left: 10px;
    }
    .case_archive__ttl {
        font-size: 1.8rem;
        margin-bottom: 20px;
    }
    .use_hall p {
        font-size: 1.3rem;
        line-height: 1.7;
    }
    .use_hall p span {
        display: inline-block;
        color: #86998c;
    }
}


/*------------------------------------------------------------
    詳細ページ
------------------------------------------------------------*/
.case-detail_ttl {
    padding-bottom: 10px;
    border-bottom: 2px solid #047022;
    font-size: 2.4rem;
    line-height: 1.3;
    margin-bottom: 25px;
}
.case-detail_txt {
    margin-bottom: 25px;
}
.case-detail_table {
    background: #f0f6ee;
    padding: 15px 30px;
    margin-bottom: 30px;
}
.case-detail_table th,
.case-detail_table td {
    display: block;
    width: 100%;
}
.case-detail_table__ttl {
    font-size: 2.4rem;
    letter-spacing: 2px;
}
.case-detail_table td ul li {
    font-size: 1.4rem;
    padding: 10px;
}
.case-detail_table td ul li:not(:last-child)  {
    border-bottom: 1px solid #c1d5c0;
}
.case-detail_table td ul li span {
    display: inline-block;
    width: 35%;
    font-weight: bold;
}
.case-detail_table td ul li i:not(:first-of-type):before {
    content: "・";
    margin-left: -5px;
}
.btn_reverse  {
    margin: 0 auto;
}

@media screen and (min-width: 992px) {
    .case-detail_ttl {
        font-size: 3.4rem;
    }
    .case-detail_table {
        padding: 15px 60px 15px 0;
        margin-bottom: 40px;
    }
    .case-detail_table th, .case-detail_table td {
        display: table-cell;
        width: auto;
        vertical-align: middle;
    }
    .case-detail_table th {
        width: 30%;
    }
    .case-detail_table td ul li {
        padding: 10px 30px;
    }
    .case-detail_table td ul li span {
        max-width: 135px;
    }
}



/* スライダー
-----------------------------------------------------*/
.floor-gallery__slide {
    margin-bottom: 15px;
}
.floor-gallery__slide .slick-prev,
.floor-gallery__slide .slick-next {
    z-index: 1;
    width: 30px;
    height: 80px;
    background: #3a7c54;
    background-size: auto 200%;
    background-image: -moz-linear-gradient(top, #2c6844 0%, #41855b 51%, #2c6844 100%);
    background-image: -webkit-linear-gradient(top, #2c6844 0%, #41855b 51%, #2c6844 100%);
    background-image: linear-gradient(to bottom, #2c6844 0%, #41855b 51%, #2c6844 100%);
    background-position: center bottom;
    transition: .4s;
}
.floor-gallery__slide .slick-prev {
    left: -20px;
}
.floor-gallery__slide .slick-next {
    right: -20px;
}
.floor-gallery__slide .slick-prev:before,
.floor-gallery__slide .slick-next:before {
    position: relative;
    z-index: 1;
    font-size: 2.2rem;
    opacity: 1;
    font-family: 'Material Icons';
    font-weight: normal;
    letter-spacing: normal;
    font-style: normal;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.floor-gallery__slide .slick-prev:before {
    content: "keyboard_arrow_left";
}
.floor-gallery__slide .slick-next:before {
    content: "keyboard_arrow_right";
}
.floor-gallery__slide img {
    margin: auto;
    height: 63.274667vw;
    max-height: 340px;
}
.floor-gallery__slide p {
    font-size: 1.2rem;
}
.floor-gallery__nav {
    margin: 0 -2.5px;
}
.floor-gallery__nav li {
    position: relative;
    padding: 0 2.5px;
    opacity: .7;
    outline: none;
}
.floor-gallery__nav .slick-track.slide_no {
    min-width: 100%!important;
    transform: translate3d(0px, 0px, 0px)!important;
}
.floor-gallery__nav .slick-current {
    opacity: 1;
}
.floor-gallery__nav .slick-current:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 5px);
    height: 100%;
    border: 2px solid #047022;
}
.tokyo .floor-gallery__nav .slick-current:before {
    border-color: #122e64;
}
.tokyo .floor-gallery__slide .slick-prev,
.tokyo .floor-gallery__slide .slick-next {
    background-color: #3a7c54;
    background-image: -moz-linear-gradient(top, #132f66 0%, #214387 51%, #132f66 100%);
    background-image: -webkit-linear-gradient(top, #132f66 0%, #214387 51%, #132f66 100%);
    background-image: linear-gradient(to bottom, #132f66 0%, #214387 51%, #132f66 100%);
}
.tokyo .floor-gallery__nav_tokyo .slick-current:before {
    border: 2px solid #122e64;
}

@media screen and (min-width: 768px) {
    .floor-gallery__slide {
        margin-bottom: 20px;
    }
    .floor-gallery__slide .slick-prev,
    .floor-gallery__slide .slick-next {
        height: 110px;
    }
    .floor-gallery__slide .slick-prev:hover,
    .floor-gallery__slide .slick-next:hover {
        background-position: center top;
    }
    .floor-gallery__slide img {
        height: 67.143229vw;
        max-height: 680px;
    }
    .floor-gallery__slide p {
        font-size: 1.4rem;
    }
    .floor-gallery__nav {
        margin: 0 -10px;
    }
    .floor-gallery__nav li {
        padding: 0 10px;
    }
    .floor-gallery__nav .slick-current:before {
        width: calc(100% - 20px);
    }
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
    .floor-gallery__slide .slick-prev,
    .floor-gallery__slide .slick-next {
        width: 40px;
        height: 130px;
    }
    .floor-gallery__slide .slick-prev:before,
    .floor-gallery__slide .slick-next:before {
        font-size: 3rem;
    }
} /* ----- media END ----- */

/*------------------------------------------------------------
    東京
------------------------------------------------------------*/
.tokyo .page_mv {
    background-image: url(../img/tokyo/case/mv-bg-sp.jpg);
}
.tokyo .case_category .case_category--list li.cur .case_category--list_inner a,
.tokyo .case_category--list_inner a:hover {
    background: #122e64;
    border-color: #122e64;
}
.tokyo .case_category--list_inner a,
.tokyo .case_category--list_inner a:before {
    border-color: #1d448d;
    color: #1d448d;
}
.tokyo .case_archive__box a {
    color: #1d448d;
    background: #ecf0f6;
}
.tokyo .case_archive__box a:hover {
    background: #122e64;
}
.tokyo .use_hall p span {
    color: #868e99;
}
.tokyo .case-detail_ttl {
    border-color: #122e64;
}
.tokyo .case-detail_table {
    background: #ecf0f6;
}
.tokyo .case-detail_table td ul li:not(:last-child)  {
    border-bottom: 1px solid #ced3e0;
}
@media screen and (min-width: 768px) {
    .tokyo .page_mv {
        background-image: url(../img/tokyo/case/mv-bg-pc.jpg);
    }
} /* ----- media END ----- */