[mn="footer"] {
    margin-top: auto;
    padding: 15px 0;
    background-color: #f8f8f8;
    color: #000;
    border-bottom: 15px solid var(--clr01)
}

[mn="footer"] .sitemap a {
    color: inherit
}

[mn="footer"] .copyright-w {
    padding: 20px 0;
    border-top: 1px solid #ccc;
    font-size: var(--font-s)
}

[mn="footer"] .sitemap {
    padding: 15px 0 25px
}

[mn="footer"] .sitemap {
    font-family: inherit;
    font-family: var(--font-b1);
    color: #555;
}

[mn="footer"] .sitemap .sms {
    margin: 0 -9px
}

[mn="footer"] .sitemap .sm {
    padding: 3px 9px
}

[mn="footer"] .social .scon {
    max-width: 40px;
    width: 40px;
}

[mn="footer"] .scon {
    border: 2px solid #555;
    background-color: #555
}

[mn="footer"] .social .scon .bimg {
    background-color: #fff
}

[mn="footer"] .scon:hover {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);
}

[mn="footer"] .scon:hover .bimg {
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    [mn="footer"] {
        text-align: center
    }

    [mn="footer"] .copyright {
        margin: 0 0 15px
    }

    [mn="footer"] .copyright-w {
        justify-content: center;
    }

    [mn="footer"] .sms {
        padding: 0 0 15px
    }

    [mn="footer"] .sms,
    [mn="footer"] .social {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 575px) {
    [mn="footer"] {
        /*            padding-bottom: 100px;*/
    }

}

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

[cref="201"] .main {
    max-width: 1000px;
}

[cref="201"] .cus {
    text-align: center
}

[cref="201"] .taste {
    text-align: right;
    padding: 15px 0
}

[cref="201"] input,
[cref="201"] textarea {
    /*
        border: 0;
        border-bottom: 1px solid #aaa;
*/
}

[cref="201"] .main {}

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

[cref="202"] {
    text-align: center
}

[cref="202"].video {
    height: 80vh
}

[cref="202"] iframe {
    height: 50vh;
    width: 100%;
}

[cref="202"] .maplyr {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .75);
    z-index: 2;
    color: #fff;
    display: none;
}

[cref="202"] h2 {
    color: inherit;
    margin: 9px 0
}

[cref="202"] .taste span {
    text-decoration: underline;
    cursor: pointer
}

[cref="202"] .btn-ccl {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0);
    display: none
}

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

[cref="601"] h2 {
    text-align: inherit;
}

[cref="601"] h2:after {
    margin-left: inherit
}

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

[cref="401"] .itms {
    margin: 0 -9px;
}

[cref="401"] .itm {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 9px;
    text-align: center
}

[cref="401"] .itm > div {
    height: 100%;
    color: inherit
}

[cref="401"] .txt {
    padding: 18px 9px 12px;
    transition: all ease-in-out .4s;
    width: 100%;
}

[cref="401"] .ttl {
    line-height: 1.1;
    font-weight: bold;
    margin: 0 0 15px;
    font-size: 120%
}

[cref="401"] a {
    color: inherit;
    cursor: pointer
}

[cref="401"] .bimg:not([bgsrc]) {
    padding-top: 64%;
    transition: all ease-in-out .4s;
    transform: scale(1)
}

[cref="401"] .date {
    font-size: 80%;
    margin: 0 0 15px
}

@media screen and (max-width: 767px) {
    [cref="401"] .itm {
        flex: 0 0 50%;
        max-width: 50%;
    }

    [cref="401"] .bar {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    [cref="401"] .itm {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.lichtGALS .slidebtn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 9px;
    background-color: #ccc;
    color: #555;
    cursor: pointer;
    z-index: 10;
}

.lichtGALS .prev {
    left: 0;
}

.lichtGALS .next {
    right: 0;
}

.lichtGALS img {
    max-width: 80wh;
    max-height: 80wh;
}

.lichtGALS .main > div {
    background-color: transparent !important
}

.licht401 h2 {
    font-family: var(--font-t2);
    text-align: inherit
}

.licht401 .bimg {
    cursor: pointer;
    padding-top: 64%;
}

.licht401 .itm {
    flex: 0 0 33.333%;
    max-width: 33.333%
}

@media screen and (max-width: 767px) {
    .licht401 .itm {
        flex: 0 0 50%;
        max-width: 50%
    }
}

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

[cref="501"] .ttl {
    font-size: var(--font-l);
    margin: 0 0 9px;
    line-height: 1
}

[cref="501"] .lr-w {
    margin: 0 -9px
}

[cref="501"] .l .bimg {
    padding-top: 56%;
}

[cref="501"] .l,
[cref="501"] .r {
    padding: 9px
}

[cref="501"] .l {
    flex: 0 0 380px;
    max-width: 380px
}

[cref="501"] .r {
    flex: 0 0 calc(100% - 380px);
    max-width: calc(100% - 380px)
}

[cref="501"] .itm ~ .itm {
    margin: 20px 0 0
}
@media screen and (max-width: 767px) {
    [cref="501"] .l,
    [cref="501"] .r {
        flex: 0 0 100%;
        max-width: 100%
    }
}
/*===========================================*/

[cref="301"] .itms {
    margin: 0 -9px;
}

[cref="301"] .itm {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 9px;
    text-align: center
}

[cref="301"] .itm > div {
    height: 100%;
    background-color: var(--clr01);
    color: inherit
}

[cref="301"] .txt {
    padding: 18px 9px 12px;
    transition: all ease-in-out .4s;
    width: 100%;
}

[cref="301"] .txt .smr {
    font-size: 80%;

    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
}

[cref="301"] .ttl {
    line-height: 1.1;
    font-weight: bold;
    margin: 0 0 15px
}

[cref="301"] a {
    color: inherit;
    cursor: pointer
}

[cref="301"] .bimg:not([bgsrc]) {
    padding-top: 64%;
    transition: all ease-in-out .4s;
    transform: scale(1)
}

[cref="301"] a:hover .bimg {
    transform: scale(1.05)
}

[cref="301"] .date {
    font-size: 80%;
    margin: 0 0 15px
}

@media screen and (max-width: 767px) {
    [cref="301"] .itm {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {
    [cref="301"] .bar {
        display: none !important;
    }
}

.lichtGALS .slidebtn {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 9px;
    background-color: #ccc;
    color: #555;
    cursor: pointer;
    z-index: 10;
}

.lichtGALS .prev {
    left: 0;
}

.lichtGALS .next {
    right: 0;
}

.lichtGALS img {
    max-width: 80wh;
    max-height: 80wh;
}

.lichtGALS .main > div {
    background-color: transparent !important
}

.licht301 h2 {
    font-family: var(--font-t2);
    text-align: inherit
}

.licht301 .bimg {
    cursor: pointer;
    padding-top: 64%;
}

.licht301 .itm {
    flex: 0 0 33.333%;
    max-width: 33.333%
}

@media screen and (max-width: 767px) {
    .licht301 .itm {
        flex: 0 0 50%;
        max-width: 50%
    }
}

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

[cref="901"] h2,
[cref="901"] .subttl {
    text-align: inherit
}

[cref="901"] h2:after {
    margin-left: inherit
}

[cref="901"] .l {
    text-align: center
}

@media (max-width: 767px) {
    [cref="901"] .l {
        text-align: inherit
    }
}

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

[cref="102"] {
    text-align: center;
}

[cref="102"] .txt-w {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding: 15px;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

[cref="102"] .txt {
    transition: all .4s ease;

}


[cref="102"] .txt > div {
    color: #fff;
    padding: 25px 9px;
}



[cref="102"] .txt .ttl > * {
    display: inline-block;
    vertical-align: middle
}

[cref="102"] .txt .ttl span {
    max-width: calc(100% - 35px)
}

[cref="102"] .txt .ttl {
    line-height: 1.1;
    font-size: 133%;
}

[cref="102"] .taste {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

[cref="102"] .taste span {
    transform: translate(0, calc(35% - 4px));
    display: table;
    line-height: 1;
}

[cref="102"] .grid .bimg-w {
    padding: 5px;
}

[cref="102"] .grid .bimg:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .45);
    z-index: -1;
    opacity: 0;
    transition: all .4s ease
}

[cref="102"] .gentat {
    margin-top: 50px;
}

[cref="102"] a:hover .bimg:after {
    opacity: 1;
}

[cref="102"] .grid .bimg {
    background-color: #eee;
    z-index: 1
}

[cref="102"] .grid:nth-child(7n+1) {
    width: 50%;
}

[cref="102"] .grid:nth-child(7n+2) {
    width: 25%;
}

[cref="102"] .grid:nth-child(7n+3) {
    width: 25%;
}

[cref="102"] .grid:nth-child(7n+4) {
    width: 50%;
}

[cref="102"] .grid:nth-child(7n+5) {
    width: 25%;
}

[cref="102"] .grid:nth-child(7n+6) {
    width: 25%;
}

[cref="102"] .grid:nth-child(7n+7) {
    width: 50%;
}

[cref="102"] .grid:nth-child(7n+8) {
    width: 50%;
}

[cref="102"] .grid:nth-child(7n+9) {
    width: 50%;
}

[cref="102"] .grid:nth-child(7n+10) {
    width: 50%;
}
[cref="102"] .grid:nth-child(7n+10) .bimg,
[cref="102"] .grid:nth-child(7n+9) .bimg,
[cref="102"] .grid:nth-child(7n+7) .bimg,
[cref="102"] .grid:nth-child(7n+4) .bimg {
    padding-top: calc(50% - 5px);
}

@media only screen and (max-width: 767px) {

    [cref="102"] .grid:nth-child(7n+1),
    [cref="102"] .grid:nth-child(7n+4),
    [cref="102"] .grid:nth-child(7n+7),{
        width: 100%
    }
    [cref="102"] .grid:nth-child(7n+10),
    [cref="102"] .grid:nth-child(7n+9){
        width: 100%;
        padding-top: calc(0% );
    }

    [cref="102"] .grid:nth-child(7n+2),
    [cref="102"] .grid:nth-child(7n+3),
    [cref="102"] .grid:nth-child(7n+5),
    [cref="102"] .grid:nth-child(7n+6) {
        width: 50%
    }
}

@media only screen and (max-width: 575px) {}

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

[cref="103"] [owl] .item {
    height: 100%;
    padding: 0 9px;
}

[cref="103"] [owl] a {
    color: inherit;
}

[cref="103"] [owl] .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

[cref="103"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[cref="103"] [owl] button.owl-next,
[cref="103"] [owl] button.owl-prev {
    width: 35px;
    height: 60px;
    padding: 9px !important;
    background-color: var(--clr01);
    display: flex;
    opacity: .8;
    align-items: center
}

[cref="103"] [owl] button.owl-next:hover,
[cref="103"] [owl] button.owl-prev:hover {
    background-color: var(--clr02);
}

[cref="103"] [owl] button.owl-next:hover svg,
[cref="103"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[cref="103"] [owl] .owl-stage-outer {
    padding-top: 15px;
    padding-bottom: 60px;
}

[cref="103"] .item > .wrap {
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 50px 50px -47px rgba(0, 0, 0, 0.45);
}

[cref="103"] .item .bimg {
    padding-top: 66%;
}

[cref="103"] .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

[cref="103"] .play img {
    width: 100px;
    opacity: .5;
    transform: scale(1);
    transition: .4s all ease
}

[cref="103"] .item > div {
    cursor: pointer;

}

[cref="103"] .item > div:hover .play img {
    transform: scale(1.1);
}

[cref="103"] .item > .wrap {
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 50px 50px -47px rgba(0, 0, 0, 0.45);
}

[cref="103"] .item iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

[cref="103"] .item iframe + .cover {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 11;
}

.licht103 iframe {
    width: 100%;
}

@media only screen and (max-width: 767px) {}

@media only screen and (max-width: 575px) {}

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

[cref="101"] {
    background-color: #eee
}

[cref="101"] h2 {
    text-align: inherit
}

[cref="101"] h2:after {
    margin-left: inherit
}

[cref="101"] .lr-w {
    margin: 0 -15px
}

[cref="101"] .l,
[cref="101"] .r {
    padding: 0 15px;
}

[cref="101"] .l {
    flex: 0 0 295px;
    max-width: 295px
}

[cref="101"] .r {
    flex: 0 0 calc(100% - 295px);
    max-width: calc(100% - 295px)
}

@media (max-width: 767px) {

    [cref="101"] .l,
    [cref="101"] .r {
        flex: 0 0 100%;
        max-width: 100%
    }
}

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

[cref="100"] .videox,
[cref="100"] .video {
    padding-top: 40%;
    min-height: 250px;
    /*min-height: 100vh;*/
}

[cref="100"] .video {
    cursor: pointer;
}

[cref="100"] {
    padding: 0;
}

[cref="100"] .play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.8);
    transition: all ease .4s;
    opacity: .75;
}

[cref="100"] .videox .play {
    display: none;
}

[cref="100"] .video:hover .play {
    transform: translate(-50%, -50%) scale(1);
    opacity: .9
}

[cref="100"] [owl] img {
    width: auto;
}

[cref="100"] [owl] .owl-dot span {
    height: 6px;
    width: 6px;
    display: block;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 0;
    border: 1px solid #fff;
    transition: all ease .4s;
    cursor: pointer
}

[cref="100"] [owl] .owl-dot.active span {
    height: 6px;
    width: 20px;
}

[cref="100"] [owl] button.owl-dot {
    vertical-align: middle;
}

[cref="100"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
    transition: all ease .4s;
}

[cref="100"] [owl] .item {
    padding: 0;
}

[cref="100"] [owl] button.owl-next,
[cref="100"] [owl] button.owl-prev {
    width: 30px;
    height: 30px;
    padding: 9px !important;
    background-color: var(--clr01);
    display: flex;
}

[cref="100"] [owl] button.owl-next:hover,
[cref="100"] [owl] button.owl-prev:hover {
    background-color: var(--clr02);
}

[cref="100"] [owl] button.owl-next:hover svg,
[cref="100"] [owl] button.owl-prev:hover svg {
    fill: #fff;
}

[cref="100"] [owl] .owl-dots {
    display: block;
}

.licht100 iframe {
    width: 100%;
}

@media (max-width: 575px) {
    [cref="100"] .videox,
    [cref="100"] .video {
        padding-top: 35%;
        min-height: 130px;
    }
}

.licht100 iframe {
    width: 100%;
}

[cref="100"] .txtbx {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 90px 15px 60px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

[cref="100"] .desc {
    max-width: 800px;
    margin: 0 auto
}

@media (max-width: 575px) {
    [cref="100"] h2 {
        font-size: var(--font-l)
    }

    [cref="100"] .desc {
        display: none
    }
}

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

[cref="200"] {
    min-height: calc(350 / 1210 * 100vw);
    background-color: #eee;
    color: #fff;
    z-index: 1
}

[cref="200"] .main {
    padding: 60px 30px;
}

[cref="200"] .bg-lay:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    /*    background-color: rgba(0, 0, 0, .25);*/
    mix-blend-mode: multiply
}

[cref="200"] .bg-lay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

[cref="200"] .ttl {
    font-size: var(--font-xxl);
    font-family: var(--font-t2);
    margin: 0;
    color: var(--clr01);
    color: #fff;
    text-transform: uppercase
}

[cref="200"] .subttl {
    font-size: var(--font-xl);
}
@media (max-width: 767px) {
    [cref="200"] .main {
        padding: 0 15px;
    }
}