[mn="footer"] {
    margin-top: auto;
    padding: 0;
    color: #fff;
    background-color: #464646; 
}

[mn="footer"] img.foot-logo  {
    max-height: 60px;
    margin: 0 0 20px
}
[mn="footer"] .sitemap > * {
    flex: 0 0 100%;
    max-width: 100%
}
[mn="footer"] .sitemap2 > * {
    flex: 0 0 100%;
    max-width: 100%
} 
[mn="footer"] .ttl {
    line-height: 1;
    margin: -15px 0 15px -3px;
}
[mn="footer"] .desc {
    line-height: 1.8
}

[mn="footer"] .footer-logo {
    max-height: 30px;
    margin: 0 0 15px;
}

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

[mn="footer"] .wrap-bottom {
    font-size: 80%;
    padding: 30px 0;
}

[mn="footer"] a {
    color: inherit;
    margin: 0 0 9px
} 

[mn="footer"] a:not(.btn-gen-line2):hover {
    text-decoration: underline;
    /* color: var(--clr01) */
}

[mn="footer"] .main .l {
    margin: 0 0;
}

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

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

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

}

[mn="footer"] .med {
    margin: 12px 0 0
}
[mn="footer"] .med .bimg {
    background-color: var(--clr01x, #444);
}

[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
}
[mn="footer"] .btn-gen {
    margin: 0 0 15px; 
}

@media only screen and (max-width: 991px) {
 
    [mn="footer"] .sitemap > * {
        flex: 0 0 100%;
        max-width: 100%
    }
}
@media only screen and (min-width: 767px) {
    [mn="footer"] .mobileicon {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    [mn="footer"] .main .l {
        margin: 0 0 30px;
    }
    [mn="footer"] .mobileicon .med > * {
        justify-content: center;
    }
    [mn="footer"] .deksicon {
        display: none;
    }
    [mn="footer"] {
        text-align: center
    }
}


/* =============== */
[mn="303"] {
    color: #fff;
    background-color: var(--clr01);
    padding: 0 0;
    overflow: hidden;
    z-index: 1;
}
[mn="303"] h2 {
    color: inherit; 
    font-size: 150%;
    text-align: inherit;
    margin: 15px 0;
}
[mn="303"] .infobx { 
    padding: 30px 0;
}
[mn="303"] .btn-gen { 
    margin: 0;
}
[mn="303"] .orange {
     position: relative
}
[mn="303"] .orange:after {
     position: absolute;
     content: '';
     left: 0;
     top: 50%;
     translate: 0 -50%;
     background-color: #e37b24;
     height: 100%;
     width: 100vw;
     z-index: -1;
     clip-path: polygon(100px 0, 100% 0, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 767px) {
    [mn="303"] .orange:after {
        translate: -100px -50%;
    }
    [mn="303"] .infobx { 
        padding: 45px 0;
    }
}
/* =============== */
[mn="302"] {
    background-color: var(--clr04);
    color: #fff
}
[mn="302"] h2 { 
    color: inherit;
    text-align: inherit;
}
[mn="302"] .iconbx h2 { 
    font-size: 200%;
    margin: 0 0 15px;
}
[mn="302"] .iconbx .icon-l { 
    flex: 0 0 75px;
    max-width: 75px;
}
/* =============== */
[moto="300"] {
    padding: 10% 0;
}
/* =============== */

/* =============== */
[moto="400"] h2 {
    margin: 0 0 15px
}
[moto="400"] .listbx {
    padding: 15px 0;
}
[moto="400"] .listbx > * {
    padding: 6px 0;
    border-bottom: 2px solid #ccc;
}
[moto="400"] .list-l {
    flex: 0 0 20px;
    max-width: 20px;
}
[moto="400"] .list-r {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
}
[moto="400"] .total {
    color: var(--clr01)
}
[moto="400"] .summarybx2 .list-l {
    flex: 0 0 100px;
    max-width: 100px;
}
[moto="400"] .summarybx2 .list-r {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
}




[mn="301"] h2 {
margin: 30px 0 15px;
}
[mn="301"] .formbx {
width: 500px;
max-width: 100%;
margin: 0 auto;
border: 2px solid #ccc;
border-radius: 3px;
}
[mn="301"] .formbx > * {
padding: 30px
}
[mn="301"] .formbx .taste {
margin: 30px 0 15px
}
[mn="301"] .formbx .btn-gen {
margin: 0
}
[mn="301"] .cat .btn-gen {
background-color: #555;
border: 0
}
[mn="301"] .cat .btn-gen:is(.active,:hover) {
background-color: var(--clr01);
}
/* =============== */
[mn="700"] .itms {
    margin: 0 -12px;
}
[mn="700"] .itms .taste {
    margin: 12px 0 0
}
[mn="700"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="700"] .itm {
flex: 0 0 50%;
max-width: 50%;
padding: 12px;
}
[mn="700"] .itm > * {
display: block;
padding: 15px;
border: 1px solid #ccc;
border-radius: 15px;
transition: .6s all ease;
}
[mn="700"] .itm > *:hover {
box-shadow: 0 35px 30px -35px rgba(23,93,178,.5);
}
[mn="700"] .bimg-w {
width: 60px;
margin: 0 0 9px;
}
[mn="700"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
}
@media only screen and (max-width: 767px) {
    [mn="700"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="804"] { 
    background-color: #eee;
}
/* =============== */
/* =============== */
[mn="100"] .ttl { 
   font-family: var(--font-t1);
   margin: 0 0 3px;
}
[mn="100"] .txtbx ~ .txtbx { 
    margin-top: 30px;
}
/* =============== */
[mn="906"] {
    background-color: #fff;
    border-top: 1px solid #ccc;
}
[mn="906"] img {
    cursor: pointer;
}
/* =============== */
[mn="907"] {
    text-align: center;
}
[mn="907"] .itms {
    margin: 0 -12px;
}
[mn="907"] .itms .taste {
    margin: 12px 0 0
}
[mn="907"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="907"] .itm {
flex: 0 0 25%;
max-width: 25%;
padding: 12px;
text-align: center;
}
[mn="907"] .itm > * { 
padding: 15px;
border: 6px solid var(--clr01);
border-radius: 15px;
transition: .6s all ease;
} 
[mn="907"] .bimg-w {
width: 60px;
margin: 0 auto 9px;
}
[mn="907"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: var(--clr01);
line-height: 1;
    margin: 0 0 9px;
}
[mn="907"] .bil {
aspect-ratio: 1 / 1;
width: 30px;
font-family: var(--font-t1);
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 15px;
z-index: 3;
background-color: #333;
border-radius: 3px;
color: #fff;
translate: 0 -50%;
line-height: 1;
}
@media only screen and (max-width: 991px) {
    [mn="907"] .itm {
        flex: 0 0 50%;
        max-width: 50%; 
    }
}
@media only screen and (max-width: 767px) {
    [mn="907"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="903"] {
    background-color: #eee
}
[mn="903"] .imagelist {
    font-family: var(--font-t1);
    color: #f29702;
    font-size: 110%;
}
/* =============== */

[mn="901"] {
    background-color: #fff;
    border-top: 1px solid #ccc;
}
[mn="901"] .itms {
    margin: 0 -18px;
} 
[mn="901"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="901"] .itm {
flex: 0 0 33.333%;
max-width: 33.333%;
padding: 18px;
}
[mn="901"] .itm > * {
display: block;
padding: 15px;
border: 1px solid #ccc;
border-radius: 15px;
transition: .6s all ease;
box-shadow: 0 35px 30px -35px rgba(0,0,0,.5);
}
[mn="901"] .itm > *:hover {

}
[mn="901"] .bimg-w {
width: 60px;
margin: 0 0 9px;
}
[mn="901"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: #f29702;
}
[mn="901"] .price {
font-size: 130%;
font-family: var(--font-t1); 
}
[mn="901"] .desc {
font-size: 80%;
border-top: 2px solid #333;
margin: 15px 0 0;
padding: 15px 0 0;
}
[mn="901"] .subttl {
font-size: 80%;
font-family: var(--font-t1); 
}
[mn="901"] .lrw .lr-l {
flex: 1 0 0;
max-width: 100%;
}
[mn="901"] .lrw .lr-r {
flex: 0 0 60px;
max-width: 60px;
}
[mn="901"] .taste a.btn-gen {
border-radius: 50px;
background-color: #000;
border: 0;
}
[mn="901"] .taste { 
margin: 15px 0 0
}
[mn="901"] .taste a.btn-gen:hover { 
background-color: var(--clr01); 
}
@media only screen and (max-width: 767px) {
    [mn="901"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="104"] {
    border-top: 45px solid var(--clr01);
    padding: 60px 0 !important;
    min-height: 75vh;
    color: #fff;
    cursor: pointer;
    text-align: center
}

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

[mn="104"] .container.main {
    z-index: 3
} 

[mn="104"] .content {
    max-width: 100%;
    width: 510px;
    margin: 45px auto;
}

[mn="104"] a.videolink {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 10;
    display: block
}

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

.licht104.licht .main>div:not(.close-pop-w) {
    min-height: auto;
    padding: 0;
    background-color: transparent
}

.licht104 iframe {
    width: 100%;
}
/* =============== */
[mn="103"] {
    background-color: #fff;
    border-top: 1px solid #ccc;
}
[mn="103"] .itms {
    margin: 0 -18px;
} 
[mn="103"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="103"] .itm {
flex: 0 0 33.333%;
max-width: 33.333%;
padding: 18px;
}
[mn="103"] .itm > * {
display: block;
padding: 15px;
border: 1px solid #ccc;
border-radius: 15px;
transition: .6s all ease;
box-shadow: 0 35px 30px -35px rgba(0,0,0,.5);
}
[mn="103"] .itm .taste a {
    font-family: var(--font-t1);
    color: var(--clr05);
    text-underline-offset: 3px;
    text-decoration: underline;
}
[mn="103"] .bimg-w {
width: 60px;
margin: 0 0 9px;
}
[mn="103"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: #f29702;
}
[mn="103"] .price {
font-size: 130%;
font-family: var(--font-t1); 
}
[mn="103"] .desc {
font-size: 80%; 
margin: 15px 0 0; 
}
[mn="103"] .imgpopular {
position: absolute;
right: -19px;
top: -21px;
}
[mn="103"] .subttl {
font-size: 80%;
font-family: var(--font-t1); 
}
[mn="103"] .lrw .lr-l {
flex: 1 0 0;
max-width: 100%;
}
[mn="103"] .lrw .lr-r {
flex: 0 0 60px;
max-width: 60px;
} 
@media only screen and (max-width: 767px) {
    [mn="103"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="102"] {
    background-color: #eee; 
}
[mn="102"] .itms {
    margin: 0 -18px;
} 
[mn="102"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="102"] .itm {
flex: 0 0 100%;
max-width: 100%;
padding: 18px;
}
[mn="102"] .itm > * {
display: flex; 
border: 1px solid #ccc;
background-color: #fff;
} 
[mn="102"] .bimg-w {
width: 100%;
margin: 0 0;
}
[mn="102"] .bimg-w .bimg {
padding-top: 65%;
}
[mn="102"] .ttl {
font-size: 110%;
font-family: var(--font-t1); 
}
[mn="102"] .price {
font-size: 130%;
font-family: var(--font-t1); 
}
[mn="102"] .desc {
font-size: 80%; 
} 
[mn="102"] .taste a.btn-gen {
border-radius: 50px;
background-color: #000;
border: 0;
}
[mn="102"] .taste { 
margin: auto 0 15px;
}
[mn="102"] .infobx { 
padding: 15px;
}
[mn="102"] .taste a.btn-gen:hover { 
background-color: var(--clr01); 
}
[mn="102"] .owl-carousel .owl-stage,
[mn="102"] .owl-carousel .owl-stage > * { 
display: flex;
} 
[mn="102"] [owl] .owl-dot span {
    height: 13px;
    width: 13px;
    display: block;
    background-color: transparent;
    margin: 0 5px;
    border-radius: 50%;
    border: 2px solid var(--clr01);
}

[mn="102"] [owl] .owl-dot.active span {
    background-color: var(--clr01);
}
@media only screen and (max-width: 767px) {
    [mn="102"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="805"] .bxttl {
    padding: 15px;
    color: #fff;
    background-color: var(--clr03);
    font-family: var(--font-t1);
    line-height: 1;
    border-radius: 6px 6px 0 0 
}
[mn="805"] .content {
    padding: 15px;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 0 0 6px 6px;
}
/* =============== */
[mn="802"] {
    padding: 60px 0;
    text-align: center;
    background-color: #eee;
}
[mn="802"] .itms {
    margin: 0 -12px;
}
[mn="802"] .itms .taste {
    margin: 12px 0 0
}
[mn="802"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="802"] .itm h2 {
margin: 0;
}
[mn="802"] .itm {
flex: 0 0 50%;
max-width: 50%;
padding: 12px;
text-align: center;
}
[mn="802"] .itm > * {
display: block;
padding: 15px;
/* border: 1px solid #ccc; */
/* border-radius: 15px; */
transition: .6s all ease;
} 
[mn="802"] .bimg-w { 
margin: 15px auto;
}
[mn="802"] .bimg { 
    padding-top: 68%;
    border-radius: 15px;
}
[mn="802"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: var(--clr01)
}
@media only screen and (max-width: 767px) {
    [mn="802"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="806"]:after {
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
[mn="806"] {
    color: #fff;
    text-align: center;
    z-index: 1;
    min-height: 100vh;
}
[mn="806"] h2 {
    color: inherit
}
[mn="806"] .itms {
    margin: 0 -12px;
}
[mn="806"] .itms .taste {
    margin: 12px 0 0
}
[mn="806"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="806"] .itm {
flex: 0 0 20%;
max-width: 20%;
padding: 12px;
text-align: center;
}
[mn="806"] .itm > * {
display: block;
padding: 15px;
border: 1px solid #ccc; 
transition: .6s all ease;
}
[mn="806"] .itm > *:hover {
box-shadow: 0 35px 30px -35px rgba(23,93,178,.5);
}
[mn="806"] .bimg-w {
width: 60px;
margin: 0 auto 9px;
}
[mn="806"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: var(--clr01x,#fff);
line-height: 1;
    margin: 0 0 9px;
}
@media only screen and (max-width: 767px) {
    [mn="806"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="801"] {
    text-align: center;
}
[mn="801"] .itms {
    margin: 0 -12px;
}
[mn="801"] .itms .taste {
    margin: 12px 0 0
}
[mn="801"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="801"] .itm {
flex: 0 0 33.333%;
max-width: 33.333%;
padding: 12px;
text-align: center;
}
[mn="801"] .itm > * {
display: block;
padding: 15px;
border: 1px solid #ccc;
border-radius: 15px;
transition: .6s all ease;
}
[mn="801"] .itm > *:hover {
box-shadow: 0 35px 30px -35px rgba(23,93,178,.5);
}
[mn="801"] .bimg-w {
width: 60px;
margin: 0 auto 9px;
}
[mn="801"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: var(--clr01);
line-height: 1;
    margin: 0 0 9px;
}
@media only screen and (max-width: 767px) {
    [mn="801"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="904"] {
    text-align: center;
}
[mn="904"] h2 {
    margin: 0 0 15px;
}
[mn="904"] .itms {
    margin: 0 -12px;
}
[mn="904"] .itms .taste {
    margin: 12px 0 0
}
[mn="904"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="904"] .itm {
flex: 0 0 20%;
max-width: 20%;
padding: 12px;
text-align: center;
}
[mn="904"] .desc {
font-size: 80%;
line-height: 1.2;
}
[mn="904"] .itm > * {
display: block; 
border-radius: 15px;
transition: .6s all ease;
} 
[mn="904"] .bimg-w {
width: 90px;
margin: 0 auto 9px;
}
[mn="904"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: var(--clr01);
line-height: 1;
    margin: 0 0 9px;
}
@media only screen and (max-width: 991px) {
    [mn="904"] .itm {
        flex: 0 0 33.333%;
        max-width: 33.333%; 
    }
}
@media only screen and (max-width: 575px) {
    [mn="904"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="101"] {
    background-size: contain;
    background-color: #e2e2e2;
}
[mn="101"] .txtbx {
max-width: 900px;
margin: 0 auto;
}
[mn="101"] .imagebx > * {
padding: 9px
}
/* =============== */
[mn="800"] .main {
    max-width: 800px;
}
[mn="800"] .subttl {
    color: var(--clr01);
    font-size: 150%;
    text-align: center;
    font-family: var(--font-t1);
}
/* =============== */
[mn="900"] h2 {
margin: 0 0 9px;
}
[mn="900"] .message {
margin: 30px 0 0;
}
/* =============== */
[mn="905"] {
    background-color: var(--clr03,#555); 
    min-height: 50vh; 
    color: #fff
}  
[mn="905"] .itm.lr-w {
    flex: 0 0 100%;
    max-width: 100%; 
    flex-direction: row-reverse; 
}  
[mn="905"] .itm .l,
[mn="905"] .itm .r {
    flex: 0 0 50%;
    max-width: 50%; 
}
[mn="905"] .itm .l {
    min-height: 350px;
    background-position: left bottom;
}  
[mn="905"] .textbx {
    padding: 0 30px 0 0
}
[mn="905"] .textbx ~ .textbx  { 
    margin: 30px 0 0;
} 
[mn="905"] h2 { 
    margin: 0 0 15px;
    color: inherit;
    text-align: inherit;
    font-family: var(--font-t2);
    font-size: 250%
}
[mn="905"] .main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}
[mn="905"] .compoundttl {
    margin: 0
}
[mn="905"] .taste .btn-gen {
    background-color: transparent;
    border: 2px solid #fff;

}
[mn="905"] .taste .btn-gen:hover {
    color: #fff;
    background-color: var(--clr02);
    border: 2px solid var(--clr02)
} 
[mn="905"] form {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 9px;
    margin: 0 0 9px;
    color: #000
}
[mn="905"] form input {
    background-color: transparent;
    border: 0;
    padding: 0 9px 0 0;
    margin: 0;
    text-align: right
}
[mn="905"] form .btn-gen {
    width: 100%;
    font-size: 70%;
    margin: 0;
}
[mn="905"] .form-w > div:nth-child(3) {
    flex: 0 0 200px;
    max-width: 200px
}
[mn="905"] .form-w > div:nth-child(2) {
    flex: 0 0 100px;
    max-width: 100px;
    font-weight: bold
}
[mn="905"] .form-w > div:nth-child(1) {
    flex: 1 0 0; 
}
@media (max-width: 100px) {
    [mn="905"] .itm.lr-w {
        flex: 0 0 100%;
        max-width: 100%
    }  
    [mn="905"] .itm .l,
    [mn="905"] .itm .r  {
        flex: 0 0 50%;
        max-width: 50%
    } 
}
@media (max-width: 575px) { 
    [mn="905"] .form-w > *{
        flex: 0 0 calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important
    }
    [mn="905"] .form-w > *:nth-child(1) {
        flex: 0 0 calc(100% - 60px) !important;
        max-width: calc(100% - 60px) !important
    }
    [mn="905"] .form-w > *:nth-child(2) {
        flex: 0 0 60px !important;
        max-width: 60px !important;
        margin: 0 0 9px;
    }
    [mn="905"] .form-w input{
        margin: 0 0 9px
    }
    [mn="905"] { 
        min-height: auto;
        padding: 0 0;
    }
    [mn="905"] .itm .l:after { 
        left: 0;
        bottom: 0;
        height: 120px;
        width: 100%;
        background: rgb(236,241,243);
        background: linear-gradient(0deg, rgba(236,241,243,1) 0%, rgba(236,241,243,0) 100%);
    }
    /* [mn="905"] .main {
        position: inherit; 
    } */
    [mn="905"] .main + div {
        padding: 30px 15px
    }
    [mn="905"] .itm .r {
        display: none
    }
    [mn="905"] .itm .l { 
        background-position: 160% bottom;
    }
    [mn="905"] .itm .l,
    [mn="905"] .itm .r {
        flex: 0 0 100%;
        max-width: 100%
    } 
}
/* =============== */
[mn="501"] {
    color: #fff;
    background-color: var(--clr01);
    padding: 60px 0
}
[mn="501"] .itms {
    z-index: 1
}
[mn="501"] .itms a {
    color: inherit;
    filter: grayscale(1);
}
[mn="501"] .itms a.active,
[mn="501"] .itms a:hover {
    color: inherit;
    filter: grayscale(0);
}
[mn="501"] .itm {
    flex: 0 0 100px;
    max-width: 100%;
    padding: 9px;
    text-align: center;
    font-size: 80%;
    line-height: 1.1
}
[mn="501"] .bimg-w {
    background-color: var(--clr01x, #00a99d);
    padding: 12px;
    border-radius: 50%;
    width: 60px;
    margin-bottom: 9px;
    z-index: 1;
    position: relative;
    border: 3px solid #fff;
}
[mn="501"] .bimgbx {
    position: relative;
    
}
[mn="501"] .itm ~ .itm .bimgbx:after {
    z-index: -1;
    position: absolute;
    right: 0;
    top: 50%;
    translate: -50% -50%;
    content: '';
    width: 92%;
    height: 3px;
    display: block;
    background-color: #fff;
}
/* =============== */
[mn="105"] {
    background-color: var(--clr03,#555); 
    min-height: 100vh; 
    color: #fff;
    padding: 160px 0;
    z-index: 1;
}  
[mn="105"] .itm.lr-w {
    flex: 0 0 100%;
    max-width: 100%; 
    flex-direction: row-reverse; 
}  
[mn="105"] .itm .l,
[mn="105"] .itm .r {
    flex: 0 0 50%;
    max-width: 50%; 
}
[mn="105"] .itm .l {
    min-height: 350px;
    background-position: left bottom;
}  
[mn="105"] .textbx {
    padding: 0 30px 0 0
}
[mn="105"] .textbx ~ .textbx  { 
    margin: 30px 0 0;
} 

[mn="105"] .formcont {
pointer-events: none;
}
[mn="105"] .formcont form {
pointer-events: all;
}
[mn="105"] .main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}
[mn="105"] .main .itms {
    height: 100vh;
}
[mn="105"] .taste .btn-gen {
    background-color: transparent;
    border: 2px solid #fff;

}
[mn="105"] .taste .btn-gen:hover {
    color: #fff;
    background-color: var(--clr02);
    border: 2px solid var(--clr02)
} 
[mn="105"] .form {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0 0 9px;
    color: #000;
    pointer-events: all;
}
[mn="105"] .form input {
    background-color: transparent;
    border: 0;
    padding: 0 9px 0 0;
    margin: 0;
    text-align: right
}
[mn="105"] .form .btn-gen {
    width: 100%;
    font-size: 70%;
    margin: 0;
    border-radius: 0;
    padding: 15px 0;
}
[mn="105"] a {
    pointer-events: all;
}
[mn="105"] .form-w > div:nth-child(3) {
    flex: 0 0 200px;
    max-width: 200px
}
[mn="105"] .form-w > div:nth-child(2) {
    flex: 0 0 100px;
    max-width: 100px;
    font-weight: bold;
    padding: 9px 0 9px 0;
}
[mn="105"] .form-w > div:nth-child(1) {
    flex: 1 0 0; 
    padding: 9px 0 9px 9px;
}
[mn="105"] h2 { 
    margin: 0 0 15px;
    color: inherit;
    text-align: inherit;
    font-family: var(--font-t2); 
}
@media (min-width: 991px) {
    [mn="105"] h2 { 
        margin: 0 0 15px;
        color: inherit;
        text-align: inherit;
        font-family: var(--font-t2);
        font-size: 250%
    }
}
@media (max-width: 100px) {
    [mn="105"] .itm.lr-w {
        flex: 0 0 100%;
        max-width: 100%
    }  
    [mn="105"] .itm .l,
    [mn="105"] .itm .r  {
        flex: 0 0 50%;
        max-width: 50%
    } 
}
@media (max-width: 575px) { 
    [mn="105"] .form-w > *{
        flex: 0 0 calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important
    }
    [mn="105"] .form-w > *:nth-child(1) {
        flex: 0 0 calc(100% - 60px) !important;
        max-width: calc(100% - 60px) !important
    }
    [mn="105"] .form-w > *:nth-child(2) {
        flex: 0 0 60px !important;
        max-width: 60px !important; 
    } 
    [mn="105"] { 
        min-height: auto;
        padding: 0 0;
    }
    [mn="105"] .itm .l:after { 
        left: 0;
        bottom: 0;
        height: 120px;
        width: 100%;
        background: rgb(236,241,243);
        background: linear-gradient(0deg, rgba(236,241,243,1) 0%, rgba(236,241,243,0) 100%);
    }
    /* [mn="105"] .main {
        position: inherit; 
    } */
    [mn="105"] .main + div {
        padding: 30px 15px
    }
    [mn="105"] .itm .r {
        display: none
    }
    [mn="105"] .itm .l { 
        background-position: 160% bottom;
    }
    [mn="105"] .itm .l,
    [mn="105"] .itm .r {
        flex: 0 0 100%;
        max-width: 100%
    } 
}



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

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

[mn="105"] [owl] .item {
    z-index: 1;
    padding: 0;
}
[mn="105"] [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="105"] [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="105"] [owl] .item:after {}

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

[mn="105"] [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="105"] [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="105"] [owl] .owl-dot span:hover ,
[mn="105"] [owl] .owl-dot.active span {
    background-color: var(--clr01);
}

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

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

[mn="105"] [owl] button.owl-next,
[mn="105"] [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="105"] [owl] button.owl-next:hover,
[mn="105"] [owl] button.owl-prev:hover {
    background-color: var(--clr02);
    opacity: 1
} 
 
[mn="105"] [owl] .owl-dots {
    text-align: center;
    position: absolute;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}  

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

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

[mn="105"] [owl] .itemrow {
    padding: 30px 0;
    min-height: 100px;
    color: #fff;
} 
/* [mn="105"] .taste .btn-gen {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
[mn="105"] .taste .btn-gen:hover {
    background-color: var(--clr02); 
    border: 2px solid var(--clr02);
} */ 

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 575px) { 
}
/* =============== */
[mn="603"] .textbx {
    border: 3px solid #ccc;
    padding: 45px;
    width: calc(100% - 60px);
    margin: 0 auto 30px;
    position: relative;
    border-radius: 25px;
    box-shadow: 0 35px 30px -35px rgba(23,93,178,.5);
}
[mn="603"] .num {
    font-size: 600%;
    font-family: var(--font-t3);
    position: absolute;
    left: 0;
    top: 50%;
    translate: -50% -50%;
    line-height: 1;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: var(--clr01);
    text-shadow: 0px 0px 14px #fff, 0px 0px 14px #fff, 0px 0px 15px #fff, 0px 0px 20px #fff, 0px 0px 35px #fff;
}
[mn="603"] .ttl {
    font-size: 110%;
    font-family: var(--font-t1);
    color: var(--clr01)
}
/* =============== */
[mn="602"] .ttlbx {
line-height: 1;
border-bottom: 3px solid var(--clr01);
padding: 0 0 9px;
margin: 0 0 15px;
} 
[mn="602"] .ttlbx h2 {
margin: 0 0;
}
[mn="602"] .ttlbx .btn-gen {
min-width: auto;
}
/* =============== */
[mn="500"] .group ~ .group {
margin: 30px 0 0
}
[mn="500"] .subject {
padding: 15px;
}
/* =============== */
[mn="200"] { 
    background-color: #eee;
    color: #fff;
    z-index: 1;
    text-align: center;
    min-height: 200px;
}

[mn="200"] img.icon {
    position: absolute;
    left: 50%;
    bottom: 0;
    translate: -50% 50%
}
[mn="200"] .content {
    line-height: initial; 
}

[mn="200"] h2:after {
    background-color: #fff
}

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

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

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

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

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

[mn="200"] h2 {
    color: inherit;
    margin: 0
}
[mn="200"] .ttl {
    font-size: var(--font-l);
    font-family: var(--font-t1);
    color: #fff;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 15px
}
 

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

@media (max-width: 767px) {
    [mn="200"] .main {
        padding: 0 15px;
    }
}
/* =============== */
[mn="202"] {
    padding-top: 0;
}
[mn="202"] .itm .l {
    flex: 0 0 35px;
    max-width: 35px;
}

[mn="202"] .itm .r {
    flex: 0 0 calc(100% - 35px);
    max-width: calc(100% - 35px);
    padding-left: 12px;
    overflow-wrap: break-word;
} 

[mn="202"] .itm:nth-child(1) {
    flex: 0 0 55%;
    max-width: 55%; 
}
[mn="202"] .itm:nth-child(2) {
    flex: 0 0 45%;
    max-width: 45%; 
}

[mn="202"] ._secttlbx {
    text-align: inherit;
}
[mn="202"] .h4._secttl {
    font-size: 150%;
    color: var(--clr01);
}
[mn="202"] .ttl {
    font-size: 120%;
    font-family: var(--font-t1);
    line-height: 1;
    margin-bottom: 9px;
    color: #000;
}

[mn="202"] .listbx {
    padding: 30px;
    border: 2px solid #ccc
}
[mn="202"] .listbx ~ .listbx {
    margin: 30px 0 0;
}
[mn="202"] .itms {
    margin: 0 -15px
}
[mn="202"] .itms+.itms {
    margin-top: 21px
}

[mn="202"] .itm {
    padding: 0 15px
}
[mn="202"] .itm iframe {
    width: 100%;
    height: 250px
}

[mn="202"] .itm .l .bimg-w {
    margin-bottom: 15px;
    margin-top: -9px
}
[mn="202"] ol {
    padding: 0 !important;
    list-style: none;
    list-style-type: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
    line-height: 1.7;
}
[mn="202"] ol > li {
    flex: 0 0 50%;
    max-width: 50%;
}
[mn="202"] ._link { 
    text-align: right;
}
@media only screen and (max-width: 767px) { 
    [mn="202"] .itm:nth-child(1),
    [mn="202"] .itm:nth-child(2) { 
        flex: 0 0 100%;
        max-width: 100%;
    }
    [mn="202"] ol > li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    [mn="202"] .itm>div { 
        max-width: 100%;
        margin: 0 auto
    }
}
/* =============== */
[mn="203"] .itm {
    padding: 9px;
    text-align: center; 
}
[mn="203"] .itm .ttl {
    font-family: var(--font-t1);
    margin: 0 0 9px;
}
/* =============== */
[mn="201"] .btn-gen {
margin: 0;
}
[mn="201"] .infobx {
font-size: 90%;
margin: 15px 0 0;
}
[mn="201"] .btn-gen {
margin: 0;
}
[mn="201"] .main {
max-width: 900px;
}
[mn="201"] .desc {
text-align: center;
font-size: 110%;
margin: 0 0 30px;
}
/* =============== */
[mn="1000"] {
    background-color: var(--clr03,#555); 
    min-height: 100vh; 
    color: #fff; 
    z-index: 1;
}  
[mn="1000"] .itm.lr-w {
    flex: 0 0 100%;
    max-width: 100%; 
    flex-direction: row-reverse; 
}  
[mn="1000"] .itm .l,
[mn="1000"] .itm .r {
    flex: 0 0 50%;
    max-width: 50%; 
}
[mn="1000"] .itm .l {
    min-height: 350px;
    background-position: left bottom;
}  
[mn="1000"] .textbx {
    padding: 0 30px 0 0
}
[mn="1000"] .textbx ~ .textbx  { 
    margin: 30px 0 0;
} 

[mn="1000"] .formcont {
pointer-events: none;
}
[mn="1000"] .formcont form {
pointer-events: all;
}
[mn="1000"] .main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}
[mn="1000"] .main .itms {
    height: 100vh;
}
[mn="1000"] .taste .btn-gen {
    background-color: var(--clr01);
    border: 2px solid var(--clr01);

}
[mn="1000"] .taste .btn-gen:hover {
    color: #fff;
    background-color: var(--clr02);
    border: 2px solid var(--clr02)
} 
[mn="1000"] .form {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 9px;
    margin: 0 0 9px;
    color: #000;
    pointer-events: all;
}
[mn="1000"] .form input {
    background-color: transparent;
    border: 0;
    padding: 0 9px 0 0;
    margin: 0;
    text-align: right
}
[mn="1000"] .form .btn-gen {
    width: 100%;
    font-size: 70%;
    margin: 0;
}
[mn="1000"] a {
    pointer-events: all;
}
[mn="1000"] .form-w > div:nth-child(3) {
    flex: 0 0 200px;
    max-width: 200px
}
[mn="1000"] .form-w > div:nth-child(2) {
    flex: 0 0 100px;
    max-width: 100px;
    font-weight: bold
}
[mn="1000"] .form-w > div:nth-child(1) {
    flex: 1 0 0; 
}
[mn="1000"] h2 { 
    margin: 0 0 15px;
    color: inherit;
    text-align: inherit;
    font-family: var(--font-t2); 
}
@media (min-width: 991px) {
    [mn="1000"] h2 { 
        margin: 0 0 15px;
        color: inherit;
        text-align: inherit;
        font-family: var(--font-t2);
        font-size: 250%
    }
}
@media (max-width: 100px) {
    [mn="1000"] .itm.lr-w {
        flex: 0 0 100%;
        max-width: 100%
    }  
    [mn="1000"] .itm .l,
    [mn="1000"] .itm .r  {
        flex: 0 0 50%;
        max-width: 50%
    } 
}
@media (max-width: 575px) { 
    [mn="1000"] .form-w > *{
        flex: 0 0 calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important
    }
    [mn="1000"] .form-w > *:nth-child(1) {
        flex: 0 0 calc(100% - 60px) !important;
        max-width: calc(100% - 60px) !important
    }
    [mn="1000"] .form-w > *:nth-child(2) {
        flex: 0 0 60px !important;
        max-width: 60px !important;
        margin: 0 0 9px;
    }
    [mn="1000"] .form-w input{
        margin: 0 0 9px
    }
    [mn="1000"] { 
        min-height: auto;
        padding: 0 0;
    }
    [mn="1000"] .itm .l:after { 
        left: 0;
        bottom: 0;
        height: 120px;
        width: 100%;
        background: rgb(236,241,243);
        background: linear-gradient(0deg, rgba(236,241,243,1) 0%, rgba(236,241,243,0) 100%);
    }
    /* [mn="1000"] .main {
        position: inherit; 
    } */
    [mn="1000"] .main + div {
        padding: 30px 15px
    }
    [mn="1000"] .itm .r {
        display: none
    }
    [mn="1000"] .itm .l { 
        background-position: 160% bottom;
    }
    [mn="1000"] .itm .l,
    [mn="1000"] .itm .r {
        flex: 0 0 100%;
        max-width: 100%
    } 
}



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

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

[mn="1000"] [owl] .item {
    z-index: 1;
    padding: 0;
}
[mn="1000"] [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="1000"] [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="1000"] [owl] .item:after {}

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

[mn="1000"] [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="1000"] [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="1000"] [owl] .owl-dot span:hover ,
[mn="1000"] [owl] .owl-dot.active span {
    background-color: var(--clr01);
}

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

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

[mn="1000"] [owl] button.owl-next,
[mn="1000"] [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="1000"] [owl] button.owl-next:hover,
[mn="1000"] [owl] button.owl-prev:hover {
    background-color: var(--clr02);
    opacity: 1
} 
 
[mn="1000"] [owl] .owl-dots {
    text-align: center;
    position: absolute;
    width: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}  

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

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

[mn="1000"] [owl] .itemrow {
    padding: 30px 0;
    min-height: 100px;
    color: #fff;
} 
/* [mn="1000"] .taste .btn-gen {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}
[mn="1000"] .taste .btn-gen:hover {
    background-color: var(--clr02); 
    border: 2px solid var(--clr02);
} */ 

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 575px) { 
    [mn="1000"] [owl] {
        display: none;
    }
}


[mn="1000"] {
    background-color: #fff;
    border-top: 1px solid #ccc;
}
[mn="1000"] .formcont .itms {
    margin: 0 -18px;
} 
[mn="1000"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="1000"] .formcont .itm {
flex: 0 0 33.333%;
max-width: 33.333%;
padding: 18px;
}
[mn="1000"] .formcont .itm > * {
display: block;
padding: 15px;
border: 1px solid #ccc;
border-radius: 15px;
transition: .6s all ease;
box-shadow: 0 35px 30px -35px rgba(0,0,0,.5);
color: #000;
background-color: #fff;
}
[mn="1000"] .itm .taste a {
    font-family: var(--font-t1);
    color: var(--clr05);
    text-underline-offset: 3px;
    text-decoration: underline;
}
[mn="1000"] .bimg-w {
width: 60px;
margin: 0 0 9px;
}
[mn="1000"] .ttl {
font-size: 110%;
font-family: var(--font-t1);
color: #f29702;
}
[mn="1000"] .price {
font-size: 130%;
font-family: var(--font-t1); 
}
[mn="1000"] .desc {
font-size: 80%; 
margin: 15px 0 0; 
}
[mn="1000"] .imgpopular {
position: absolute;
right: -19px;
top: -21px;
}
[mn="1000"] .subttl {
font-size: 80%;
font-family: var(--font-t1); 
}
[mn="1000"] .lrw .lr-l {
flex: 1 0 0;
max-width: 100%;
}
[mn="1000"] .lrw .lr-r {
flex: 0 0 60px;
max-width: 60px;
} 
@media only screen and (max-width: 767px) {
    [mn="1000"] .formcont .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
[mn="106"] {
    background-color: #eee; 
}
[mn="106"] .itms {
    --div: 3;
    margin: 0 -18px;
} 
[mn="106"] .itms .taste .btn-gen {
    margin: 0;
}
[mn="106"] .itm {
flex: 0 0 calc(100% / var(--div));
max-width: calc(100% / var(--div));
padding: 18px;
}
[mn="106"] .itm > * {
display: flex; 
border: 1px solid #ccc;
background-color: #fff;
} 
[mn="106"] .bimg-w {
width: 100%;
margin: 0 0;
}
[mn="106"] .bimg-w .bimg {
padding-top: 65%;
}
[mn="106"] .ttl {
font-size: 110%;
font-family: var(--font-t1); 
}
[mn="106"] .price {
font-size: 130%;
font-family: var(--font-t1); 
}
[mn="106"] .desc {
font-size: 80%; 
} 
[mn="106"] .taste a.btn-gen {
border-radius: 50px;
background-color: #000;
border: 0;
}
[mn="106"] .taste { 
margin: auto 0 15px;
}
[mn="106"] .infobx { 
padding: 15px;
}
[mn="106"] .taste a.btn-gen:hover { 
background-color: var(--clr01); 
} 
@media only screen and (max-width: 991px) {
    [mn="106"] .itms {
        --div: 2
    }
}
@media only screen and (max-width: 575px) {
    [mn="106"] .itm {
        flex: 0 0 100%;
        max-width: 100%; 
    }
}
/* =============== */
.subject {
    background-color: var(--clr01);
    font-family: var(--font-t1);
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin: 0 0 9px;
    border-radius: 3px;
    font-size: 85%;
}
.groupmsg {
    color: var(--clr01);
    font-family: var(--font-t1);
}
.summarybx { 
    font-family: var(--font-t1);
    background-color: #fbbf77;
    padding: 15px;
    border-radius: 3px;
}
.summarybx2 { 
    font-family: var(--font-t1);
    background-color: #f7f7f7;
    padding: 15px;
    border-radius: 3px;
    margin: 6px 0;
}
.hdecor {
    display: table;
    max-width: 100%;
    position: relative;
    color: var(--clr05);
}
.hdecor::after {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    right: -15px;
    top: 3px;
    translate: 100% 0;
    height: 9px;
    background-color: var(--clr05);
}
.hdecor-l::after { 
    left: -15px;
    right: auto; 
    translate: -100% 0; 
}
.secinfo .desc {
    max-width: 700px;
    margin: 0 auto 15px;
}
.h2subttl {
    font-size: 200%;
    font-family: var(--font-t1);
    color: var(--clr01);
    margin: 0 0 15px;
}
.licht h2 {
    margin: 0;
}

.iconbx {
    line-height: 1.1;
    font-weight: bold;
    margin: 3px 0 25px;
}
.iconbx .icon-l {
    flex: 0 0 45px;
    max-width: 45px;
}
.iconbx .icon-r {
    flex: 1 0 0;
    padding: 6px 0 0 9px
}
.secsubttl {
    color: var(--clr01);
    font-size: 150%;
    text-align: center;
    font-family: var(--font-t1);
}

label > span {
position: relative;
display: inline-block;
}

.poplbl {
        position: absolute;
    display: block;
    color: #fff;
    background-color: #000;
    border-radius: 3px !important;
    padding: 6px;
    max-width: 150px;
    min-width: 150px;
    width: auto !important;
    height: auto !important;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, -150%);
    opacity: 0;
    transition: .3s all ease-out !important;
    border: 0 !important;
    font-family: var(--font-b1);
    z-index: 20;
    line-height: 1.3;
    font-size: 12px;
}
*:hover > .poplbl {
    opacity: 1;
    transform: translate(-50%, -130%);
}
.poplbl::after {
    content:'';
    position:absolute;
    display: block; 
    bottom: 0;
    left: 50%;
    transform: translate(-50%,95%);
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    
    border-top: 6px solid #000
}