[mn="footer"] {
    margin-top: auto;
    padding: 0;
    color: #fff;
    background-color: var(--clr01);
}
[mn="footer"] .footer-logo {
    max-height: 30px;
    margin: 0 0 15px;
}

[mn="footer"] .wrap-top {
    padding: 60px 0;
}

[mn="footer"] .wrap-bottom {

    padding: 30px 0;
}

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

[mn="footer"] a:hover {
    text-decoration: underline;
}

[mn="footer"] .ttl {
    font-family: var(--font-t1);
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 170%;
}

[mn="footer"] .med .scon {
    border: 0;
    border-radius: 50%;
    background-color: #fff;
}

[mn="footer"] .med .scon:hover {
    background-color: var(--clr02);
}

[mn="footer"] .med .bimg {
    background-color: var(--clr01x, #000);
}

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

[mn="footer"] .med .bimg-w {
    padding: 8px;
}

[mn="footer"] .med .itm {
    padding: 0 3px;
}

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

[mn="footer"] .signup .btn-gen {
    padding: 0;
    position: absolute;
    right: 3px;
    top: 50%;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    transform: translate(0, -50%);
}

[mn="footer"] .signup input {
    margin: 0;
    padding: 12px;
    border-radius: 50px
}

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

/* ====================================================== */
/* ====================================================== */
[mn="700"] {
    background-color: var(--clr01);
    min-height: 500px; 
} 
[mn="700"] .decor {
    position: absolute;
    right: 0;
    top: 0;
    max-height: 300px
} 

[mn="700"] .tab:after {
    background-color: var(--clr02x, #000)
}

[mn="700"] .tab {
    padding-right: 45px;
    font-family: var(--font-t1);
    font-weight: bold;
    font-size: 120%;
}

[mn="700"] .ele {
    background-color: #fff; 
    margin: 0 0 9px
} 
[mn="700"] h2 { 
    margin: 0 0 15px
} 
[mn="700"] .desc { 
    margin: 0 0 45px
} 

/* [mn="700"] {
    counter-reset: section;
}

[mn="700"] .bil::after {
    counter-increment: section;
    content: counter(section) ". ";
} */
 
 
[mn="700"] .itm- {
    flex: 0 0 33.333%;
    max-width: 33.333%;
    padding: 15px;
}
[mn="700"] .prof-l {
    flex: 0 0 30%;
    max-width: 30%
}
[mn="700"] .prof-r {
    flex: 0 0 70%;
    max-width: 70%
}
[mn="700"] .name {
    font-family: var(--font-t2);
    line-height: 1;
    padding: 0 0 0 9px;
    font-size: 250%;
    color: var(--clr02);
    font-weight: bold
}
[mn="700"] .taste {
    margin: 9px 0 0
}
[mn="700"] .intro {
    color: #fff
}
[mn="700"] .itm- .btn-gen {
    width: 100%;
    text-align: center;
    background-color: transparent;
    color:inherit;
    border: 1px solid #000
    }
    [mn="700"] .itm- .btn-gen:hover { 
    background-color: var(--clr02);
    color:#fff;
    border: 1px solid var(--clr02)
    }
[mn="700"] .bimg-w {
    border-radius: 50%;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    [mn="700"] .prof-l, [mn="700"] .prof-r {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
    [mn="700"] .name { 
        font-size: 150%; 
        margin: 9px 0 0;
    }
    [mn="700"] .decor {
        mix-blend-mode: color-dodge;
    }
}
@media only screen and (max-width: 575px) {
    [mn="700"] .itm- {
        flex: 0 0 50%;
        max-width: 50%; 
    }
    
}
[mn="700"]  .eles {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

[mn="700"] .bil::before {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter) ". ";
} 
[mn="700"] .tabbx  {
  margin: 0 0 30px
} 
[mn="700"] .liss  {
  padding-top: 0
} 
[mn="700"] div:not(.nav)>ol:not(.f), 
[mn="700"] div:not(.nav)>ul:not(.f) {
    padding: 0 0 0 30px; 
}
/* ====================================================== */
/* ====================================================== */

[mn="600"] {
    min-height: 250px;
    background-color: #eee;
    color: #fff;
    z-index: 1;
    text-align: center;
    font-size: 170%
}

[mn="600"] .tst-w>* {
    width: 100%
}

[mn="600"] .main {
    padding: 60px 15px;
}

/* [mn="600"] .content:after {
    position: relative;
    display: block;
    content: '';
    width: 60px;
    height: 3px;
    background-color: var(--clr01x, #fff); 
    margin: 55px auto 0
} */

[mn="600"] .bg-lay {
    background-position: top center
}

[mn="600"] .bg-lay,
[mn="600"] .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -2
}

[mn="600"] .bg-layer {
    z-index: -1;
    background-size: auto;
    background-repeat: repeat;
    display: none;
}

[mn="600"] .ttl {
    font-size: var(--font-xl);
    font-family: var(--font-t1);
    color: #fff;
    line-height: .85;
    text-transform: uppercase;
    margin: 0 0 15px
}

[mn="600"] .subttl {
    font-size: var(--font-xl);
}

@media (max-width: 1000px) {
    [mn="600"] .ttl {
        font-size: var(--font-xxl)
    }
}

@media (max-width: 767px) {
    [mn="600"] .main {
        padding: 0 15px;
    }
}

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

[mn="601"] {
    min-height: 50vh;
}

[mn="601"] .cats {
    padding: 0 0 30px;
}

[mn="601"] .cat {
    padding: 3px;
    font-size: 150%;
    font-family: var(--font-t1);
}

[mn="601"] .cat>div {
    background-color: #ccc;
    padding: 12px 25px;
    line-height: 1;
    cursor: pointer;
    transition: .4s all ease
}

[mn="601"] .cat:hover>div,
[mn="601"] .cat.active>div {
    background-color: var(--clr01);
    color: #fff
}

[mn="601"] .taste>span {
    text-decoration: underline;
    font-family: var(--font-b2);
    cursor: pointer;
}

[mn="601"] .itm {
    margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #333;
}

[mn="601"] .itms .itm:last-child {
    border-bottom: 0;
}

[mn="601"] .ttl {
    font-size: var(--font-l);
    font-family: var(--font-t1);
    color: var(--clr02);
    line-height: 1;
    margin: 0 0 20px;
}

[mn="601"] .date sup {
    text-transform: lowercase;
}

[mn="601"] .date {
    text-transform: uppercase;
    font-weight: bold
}

[mn="601"] .txtbx .l,
[mn="601"] .txtbx .r {
    flex: 0 0 100%;
    max-width: 100%
}

[mn="601"] .rn,
[mn="601"] .ln {
    padding: 0 15px;
}

[mn="601"] .ln {
    flex: 0 0 300px;
    max-width: 300px;
}

[mn="601"] .rn {
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
}

[mn="601"] .rn>div {
    height: 100%;
    flex-direction: column
}

[mn="601"] .rn .desc-w {
    flex: 1 0 0
}

[mn="601"] .ttl- {
    --div: 200px
}

[mn="601"] .ttl-l {
    flex: 0 0 calc(100% - var(--div));
    max-width: calc(100% - var(--div));
    font-family: var(--font-t1);
    font-size: var(--font-l);
}

[mn="601"] .ttl-r {
    flex: 0 0 var(--div);
    max-width: var(--div);
    text-align: right;

}

[mn="601"] .desc {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
}

.licht601 .med,
[mn="601"] .med {
    width: 100%;
    text-align: left
}

.licht601 .med .bimg-w,
[mn="601"] .med .bimg-w {
    padding: 0;
}

.licht601 .med .medttl,
[mn="601"] .med .medttl {
    padding: 0
}

.licht601 .med .scon,
[mn="601"] .med .scon {
    margin: 3px;
    border: 0 solid var(--clr01);
    background-color: transparent;
    max-width: 35px;
    width: 35px;
}

.licht601 .med .scon:hover,
[mn="601"] .med .scon:hover {}

.licht601 .med .scon .bimg,
[mn="601"] .med .scon .bimg {
    background-color: transparent;
    border: 50%;
}

.licht601 .med .scon:hover .bimg,
[mn="601"] .med .scon:hover .bimg {
    background-color: #fff;
}

.licht601 .l .bimg {
    padding-top: 60%;
}

.licht601 .l .bimg {
    margin: 0 0 15px;
}

.licht601 .date {
    padding: 0 0 15px;
}

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

    [mn="601"] .txtbx .l,
    [mn="601"] .txtbx .r {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 575px) {
    [mn="601"] .itm {
        margin: 30px 0 0;
        padding: 30px 0 0;
    }

    [mn="601"] .ttl-l,
    [mn="601"] .ttl-r {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: inherit;
    }

    [mn="601"] .ln,
    [mn="601"] .rn {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 6px 0;
    }
}

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

[mn="501"] .desc h2 {
    margin: 15px 0
}

[mn="501"] .list {
    padding: 15px 0;
    border-bottom: 1px solid #ccc
}

[mn="501"] .listbx {
    border-top: 2px solid #333
}

[mn="501"] .ttl {
    font-size: 200%;
    line-height: 1.2;
    margin: 9px 0
}

[mn="501"] .list- {
    --div: 400px;
}

[mn="501"] .list-l {
    flex: 0 0 calc(100% - var(--div));
    max-width: calc(100% - var(--div));
}

[mn="501"] .list-r {
    flex: 0 0 var(--div);
    max-width: var(--div)
}

[mn="501"] .taste>div {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 3px
}

[mn="501"] .taste {
    margin: 0 -3px
}

[mn="501"] .taste .btn-gen {
    padding: 15px 9px;
    width: 100%;
    height: 100%;
}

[mn="501"] .main~.main {
    margin-top: 60px
}

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

    [mn="501"] .list-l,
    [mn="501"] .list-r {
        flex: 0 0 100%;
        max-width: 100%
    }

    [mn="501"] .taste {
        justify-content: flex-start;
    }
}

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

[mn="401"] .map iframe {
    width: 100%;
    height: 350px;
    border: 3px solid #999 !important;
}

[mn="401"] .contact {
    margin: 0 -9px
}

[mn="401"] .contact- {
    --divc: 40px;
    padding: 9px;
}

[mn="401"] .contact-l {
    flex: 0 0 var(--divc);
    max-width: var(--divc)
}

[mn="401"] .contact-r {
    flex: 0 0 calc(100% - var(--divc));
    max-width: calc(100% - var(--divc))
}

[mn="401"] .infobx {
    margin: 0 0 30px
}

[mn="401"] .infow {
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
}

[mn="401"] .info- {
    --divi: 40%;
    padding: 30px
}

[mn="401"] .info-l {
    flex: 0 0 var(--divi);
    max-width: var(--divi);
    border-right: 3px solid #ccc
}

[mn="401"] .info-r {
    flex: 0 0 calc(100% - var(--divi));
    max-width: calc(100% - var(--divi))
}

[mn="401"] .ttl h2 {
    margin: 0 0 15px
}

[mn="401"] .ttl {
    margin: 0 0 30px
}

[mn="401"] .subttl {
    font-family: var(--font-t2);
    color: var(--clr02);
    font-size: 120%
}

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

    [mn="401"] .info-l,
    [mn="401"] .info-r {
        flex: 0 0 100%;
        max-width: 100%
    }

    [mn="401"] .info-l {
        border-right: 0;
        border-bottom: 3px solid #ccc
    }
}

/* ===================================================== */
/* ===================================================== */
[mn="201"] .info-r {
    counter-reset: bil;
}

[mn="201"] .bil:before {
    counter-increment: bil;
    content: counter(bil);
}

[mn="201"] .bil {
    width: 22px;
    height: 22px;
    background-color: var(--clr02);
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    ;
    line-height: 1;
    font-size: 80%;
}

[mn="201"] .contact {
    margin: 0 -9px
}

[mn="201"] .contact- {
    --divc: 40px;
    padding: 9px;
}

[mn="201"] .contact-l {
    flex: 0 0 var(--divc);
    max-width: var(--divc)
}

[mn="201"] .contact-r {
    flex: 0 0 calc(100% - var(--divc));
    max-width: calc(100% - var(--divc))
}

[mn="201"] .infobx {
    margin: 0 0 30px
}

[mn="201"] .infow {
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
}

[mn="201"] .info- {
    --divi: 40%;
    padding: 30px
}

[mn="201"] .info-l {
    flex: 0 0 var(--divi);
    max-width: var(--divi);
    border-right: 3px solid #ccc
}

[mn="201"] .info-r {
    flex: 0 0 calc(100% - var(--divi));
    max-width: calc(100% - var(--divi))
}

[mn="201"] .ttl h2 {
    margin: 0 0 15px
}

[mn="201"] .ttl {
    margin: 0
}

[mn="201"] .desc {
    margin: 0 0 30px
}

[mn="201"] .desc .txt {
    font-size: 120%;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto
}

[mn="201"] .textbx {
    padding: 60px 30px;
    color: #fff
}

[mn="201"] .textbx .title {
    font-size: 250%;
    font-family: var(--font-t1);
    margin: 0 0 15px;
    line-height: 1.2;
}

[mn="201"] .textbx .btn-gen {
    border-radius: 50px
}

[mn="201"] .subttl {
    font-family: var(--font-t2);
    color: var(--clr02);
    font-size: 120%
}

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

    [mn="201"] .info-l,
    [mn="201"] .info-r {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 0
    }

    [mn="201"] .info-l {
        border-right: 0;
        border-bottom: 3px solid #ccc
    }
}

[mn="201"] .gridbx {
    margin-top: 60px
}

[mn="201"] .gridrowbxw {
    margin: 0 -9px
}

[mn="201"] .gridrowbx {
    margin: 20px 0 0;
    border-top: 1px solid #000
}

[mn="201"] .grid- {
    flex: 33.333%;
    max-width: 33.333%;
    padding: 20px 9px;
    line-height: 1.2
}

[mn="201"] .grid->* {
    cursor: pointer;
    width: 100%
}

[mn="201"] .grid- a {
    color: inherit
}

[mn="201"] .grid- .grid-w {
    height: 100%;
    flex-direction: column;
    width: 100%
}

[mn="201"] .grid-:not(.remaider) {
    border-bottom: 1px solid #000
}

[mn="201"] .grid- .companyname {
    flex: 1 0 0;
    font-family: var(--font-t2);
    font-size: 150%;
    line-height: 1.2;
    padding: 0 0 9px
}

[mn="201"] .grid- .ttl-top {
    margin: 3px 0
}

[mn="201"] .grid- .ttl {
    font-family: var(--font-t2)
}

[mn="201"] .grid->*:hover {
    color: var(--clr02)
}

[mn="201"] .grid->*:hover .bimg {
    transform: scale(1.1)
}

[mn="201"] .grid- .bimg {
    padding-top: 50%;
    transition: .4s all ease
}

[mn="201"] .grid- .bimg-w {
    overflow: hidden
}

[mn="201"] .filter-l {
    font-family: var(--font-t1);
    font-size: 150%
}

[mn="201"] .filterbxw {
    margin: 0 -9px
}

[mn="201"] .filter-r,
[mn="201"] .filter-l {
    padding: 0 9px
}

@media only screen and (max-width: 767px) {
    [mn="201"] .grid- {
        flex: 50%;
        max-width: 50%;
    }

    [mn="201"] .filter-r,
    [mn="201"] .filter-l {
        flex: 100%;
        max-width: 100%;
        line-height: 1.2
    }
}

@media only screen and (max-width: 575px) {
    [mn="201"] .grid- {
        flex: 100%;
        max-width: 100%;
    }
}

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

[mn="202"] {
    background-color: #ebe3e0
}

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

.licht.licht202 .main>div:not(.ccl) {
    padding: 0
}

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

[mn="100"] {
    padding: 0 0;
    background-color: #000;
    text-align: center;
    z-index: 1;
}

[mn="100"] .slide-progress {
    width: 0;
    max-width: 100%;
    height: 6px;
    background: #e84497;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

[mn="100"] [owl] img {
    display: inline-block; 
}

[mn="100"] [owl] .item {
    z-index: 1;
    padding: 0;
}
[mn="100"] [owl] .item>.bglyr {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; 
    background-image: inherit;
    background-size: contain;
    backdrop-filter: blur(15px);
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
}
/* [mn="100"] [owl] .item::after  {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-image: inherit;
    background-size: contain;
    backdrop-filter: blur(37px);
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
} */

[mn="100"] [owl] .item:after {}

[mn="100"] [owl] .itemrow>div {
    max-width: 100%;
    flex: 0 0 100%;
}

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

/* [mn="100"] [owl] .owl-dot span:after {
    content: '';
    position: absolute;
    height: calc(100% + 12px);
    width: calc(100% + 12px);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center center;
    border-radius: 50%;
    border: 1px solid #fff
} */

[mn="100"] [owl] .owl-dot span:hover ,
[mn="100"] [owl] .owl-dot.active span {
    background-color: var(--clr01);
}

[mn="100"] [owl] button.owl-dot {
    text-align: center;
    margin: 12px 0
}

[mn="100"] [owl] svg {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    fill: #fff;
}

[mn="100"] [owl] button.owl-next,
[mn="100"] [owl] button.owl-prev {
    width: 40px;
    height: 60px;
    padding: 13px !important;
    margin: 0 !important;
    background-color: var(--clr01, #666);
    display: flex;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    opacity: .5
}

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


[mn="100"] .content > * {
    margin: 9px 0;
    color: #FFF;
}
[mn="100"] .desc { 
    font-family: var(--font-b2)
}
[mn="100"] [owl] .owl-dots {
    text-align: center;
    position: absolute;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
} 
[mn="100"] .full {
    text-align: center;
}

[mn="100"] .ttl {
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase
}

[mn="100"] .ttl>span {
    font-weight: bold;
    display: inline-block;
    margin: 0 6px;
    font-family: var(--font-t1);
    font-size: var(--font-xl)
} 

/*
[mn="100"] .ttl:after,
[mn="100"] .ttl:before {
    display: inline-block;
    content: '';
    height: 2px;
    width: 90px;
    background-color: #fff;
    vertical-align: middle;
}
*/

[mn="100"] .ttlh2 {
    padding: 120px 1px 1px;
}

[mn="100"] [owl] .itemrow {
    padding: 30px 0;
    min-height: 100px;
    color: #fff;
}

[mn="100"] .ln {
    text-align: center;
    padding: 40px 15px;
}

[mn="100"] .rn,
[mn="100"] .ln {
    flex: 0 0 100%;
    max-width: 900px;

}

[mn="100"] .txt-l {
    text-align: left
}

[mn="100"] .taste {
    margin: 30px 0 0
}

/* [mn="100"] .taste .btn-gen {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
[mn="100"] .taste .btn-gen:hover {
    background-color: var(--clr02); 
    border: 2px solid var(--clr02);
} */
[mn="100"] .txt-l div.btn-gen {
    margin: 15px 0
}

[mn="100"] .btn-play {
    cursor: pointer
}

[mn="100"] .mouse_scroll {
    transform: translate(-50%, -50%) scale(0.6);
}

[mn="100"] video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    background-color: #fff;
    z-index: -1
}

[mn="100"] .video-valid .animen {
    display: none
}

@media only screen and (max-width: 991px) {
    [mn="100"] [owl] .itemrow {
        min-height: 75vh
    }

    [mn="100"] .ttl>span {
        max-width: 100%
    }

    [mn="100"] .ttl {
        margin: 35px 0;
    }

    [mn="100"] .ttl:after,
    [mn="100"] .ttl:before {
        width: 30px;
        display: block;
        margin: 6px auto
    }

    [mn="100"] [owl] .item:after {
        display: none;
    }

    [mn="100"] [owl] .owl-next,
    [mn="100"] [owl] .owl-prev {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
    }

    [mn="100"] [owl] button.owl-next,
    [mn="100"] [owl] button.owl-prev {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        border-radius: 0;
    }

    [mn="100"] [owl] .owl-nav button {
        margin: 0 0 !important;
    }
}

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

    [mn="100"] .txt-l div.btn-gen {
        margin: 15px 0
    }

    [mn="100"] .txt-l+div {
        display: none
    } 
}

@media only screen and (max-width: 575px) {
    [mn="100"] .ttl {
        margin: 0 0 9px
    }

    [mn="100"] .ttl>span {
        font-size: 120%;
    }

    [mn="100"] .rn,
    [mn="100"] .ln {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.licht100.licht .main>div:not(.ccl) {
    padding: 0;
    background-color: transparent
}

.licht100 video {
    width: 100%
} 
/* ================================ */
/* ================================ */

[mn="101"] {}

[mn="101"] .cus {
    text-align: center; 
}

[mn="101"] .smr.cus {
    width: 800px;
    max-width: 100%;
    margin: -15px auto 30px
}

[mn="101"] .itms {
    margin: 0 -9px;
    padding-top: 10px;

}

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

[mn="101"] .ttl {
    line-height: 1.3;
    margin: 9px 0 0;
}

[mn="101"] .img {
    height: 60px
}

[mn="101"] .img img {
    max-height: 50px
}

[mn="101"] .bimg-w {
    width: 100px;
}

[mn="101"] .bimg {
    transition: all ease-in-out .4s;
    transform: scale(1)
}


@media screen and (max-width: 991px) {
    [mn="101"] .itm {
        flex: 0 0 15%;
        max-width: 15%
    }
}

@media screen and (max-width: 767px) {
    [mn="101"] .itm {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    [mn="101"] .itms > * {
        justify-content: flex-start
    }
}

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

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

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

[mn="102"] .disp-l {
    text-align: right;
}
[mn="102"] .disp-l * {
    text-align: inherit
}
[mn="102"] .ttl {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid var(--clr01)
}
[mn="102"] .ttl h2 {
    margin: 0;
    color: var(--clr01)
}
@media screen and (max-width: 767px) {
    [mn="102"] .itm {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    [mn="102"] .disp-l * {
        text-align: center;
    }
}

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

[mn="103"] { 
    color: #fff;
    background-color: var(--clr01)
}

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

[mn="103"] .rn .bimg-w {
    width: 50px;
}

[mn="103"] .rn {
    flex: 0 0 50%;
    max-width: 50%;
}

[mn="103"] .ln {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 30px;
    padding-right: 0
}

[mn="103"] .ln {
    min-height: 50vh;
    background-color: var(--clr01);

}


[mn="103"] .desc {
    max-width: 100%;
    text-align: justify
}

[mn="103"] h2 {
    text-align: inherit
}
[mn="103"] .lnl {
    flex: 0 0 1;
    max-width: calc(100% - 100px)
}
[mn="103"] .lnr {
    flex: 0 0 100px;
    max-width: 100px
}
[mn="103"] .sidetxt {
    writing-mode: vertical-rl;
color: var(--clr02);
font-size: 350%;
font-family: var(--font-t1);
}

/* [mn="103"] .itms:after {
    content: '';
    display: block;
    position: absolute;
    width: 120%;
    height: 50%;
    background-color: var(--clr02x, #c7e7f6);
    top: 0;
    right: 0;
    transform: translate(-30px, -30px);
    z-index: -1;
} */


[mn="103"] .itms>.itm:nth-child(odd)>* {
    /* flex-direction: row-reverse */
}

[mn="103"] .sttl {
    color: var(--clr-pink);
    text-align: center;
} 

[mn="103"] .itms>.itm~.itm {
    margin: 9px 0 0
}

[mn="103"] .txtbx {
    width: 450px;
    max-width: 100%
}
[mn="103"] .taste {
    margin-top: 30px
}
@media (max-width: 991px) { 

    [mn="103"] .ln,
    [mn="103"] .rn {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}

@media (max-width: 575px) {
    [mn="103"] .ln {
        min-height: unset;
        padding: 15px;
        padding-right: 0;
    }

    [mn="103"] .itms>.itm>div {
        /* flex-direction: column-reverse !important; */
    }

    [mn="103"] .ln,
    [mn="103"] .rn {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

}

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

    [mn="104"] { 
}

[mn="104"] h2 { 
}

[mn="104"] [owl] .item {
    height: 100%;
    padding: 0 0;
    pointer-events: none;
}
[mn="104"] [owl] .item {
    height: 100%;
    padding: 0 0;
    pointer-events: none;
}
[mn="104"] [owl] .item .bimg-w{ 
    pointer-events: all;
}

[mn="104"] [owl] a {
    color: inherit;
}

[mn="104"] [owl] .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

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

[mn="104"] [owl] button.owl-next,
[mn="104"] [owl] button.owl-prev {
    width: 35px;
    height: 35px;
    padding: 12px !important;
    background-color: var(--clr02);
    display: flex;
    align-items: center;
    /* opacity: .8; */
    transform: translate(0,50%);
    border-radius: 50%;
}

[mn="104"] [owl] button.owl-next:hover,
[mn="104"] [owl] button.owl-prev:hover {
    background-color: var(--clr01);
}

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

[mn="104"] .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
} 
[mn="104"] .play img {
    width: 100px;
    opacity: .5;
    transform: scale(1);
    transition: .4s all ease
} 
 
[mn="104"] .item > div:hover .play img {
    transform: scale(1.1);
} 
[mn="104"] .item > .wrap { 
    background-color: #fff;
    overflow: hidden; 
} 
[mn="104"] .item iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
} 
[mn="104"] .item iframe + .cover {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;    
    top: 0;
    z-index: 11;
}     

[mn="104"] .item .bimg-w { 
    background-color: #eee; 
    border-radius: 50%;
    border: 1px solid #ccc;
    overflow: hidden
} 
/* [mn="104"] .item .bimg {
    padding-top: 100%;
    background-color: #eee
}  */
[mn="104"] .item .ttl {
    font-family: var(--font-t1);
    text-align: center;
    line-height: 1.2;
    padding: 9px 0 0
} 
[mn="104"] .slider-w {
    /* max-width: calc(100% - 30px);
    margin-left: auto; */
} 
[mn="104"] .taste {
    margin: 39px 0 0
} 
[mn="104"] .desc {
    margin: 0 0 30px
} 
[mn="104"] .desc h2 {
    margin: 0 0 15px
} 
@media only screen and (max-width: 767px) {} 

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

[mn="105"] {
    min-height: 50vh;
    color: #fff;
    text-align: center
}

[mn="105"] .desc { 
    font-size: 120%
}
[mn="105"] .txtbx h2{
    color: inherit;
    margin: 0 0 15px
} 
@media (min-width: 767px) { 
    [mn="105"] {
        background-attachment: fixed
    }
}