html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 16px;
    box-sizing: border-box;}
*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;}
*, h1, h2, h3, h4, h5, h6  {
    margin: 0;
    padding: 0;}


@font-face {
        font-family: "Gliker-SemiBold"; 
        src: url('fonts/font.woff2') format('woff2'), url('fonts/font.woff') format('woff');}
body, html {
    width: 100%; 
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-kerning: normal;
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;}
body {
    font-family: obviously, sans-serif;

font-style: normal;
font-weight: 500!important;
font-size: clamp(0.75rem, 0.6847rem + 0.3265vw, 0.95rem);
    min-height: 100vh;
    height: 100%;
    position: relative;
    line-height: normal;
    overflow: hidden;
    
    background-color: #fff;

    color: #000000}

.hide {
    display: none;
    visibility: hidden;}

body::-webkit-scrollbar {
width: 8px;
}

body::-webkit-scrollbar-track {
background-color: #FFF;
border-left: 1.5px solid #000;}

body::-webkit-scrollbar-thumb {
background-color: #E81144;
padding: 1px;
border-radius: 6px;
border: 1.5px solid #000;
}
.border {border: 1.5px solid #000;}



/* Global */
.no-scroll{overflow-y: hidden; height: 100vh;}
.no-list li {list-style: none;}
a, a:visited {
    text-decoration: none;
    color: inherit;}
.text-center{text-align: center;}
.grid {
    max-width: 1400px;}
.point-cont {max-width: 800px;}
.grid, .small-wrapper, .grid-tabs, .grid-sm, .point-cont,.map-wrapper {
        margin: 0 auto;}
.grid-tabs, .map-wrapper {max-width: 1300px;}
.grid-sm {max-width: 950px; width: 70%;}
@media only screen and (max-width: 1500px) and (min-width:800px) {
.grid {max-width: 1350px;width: 90%;}
}
a.link-und{text-decoration: underline;}
@media only screen and (max-width: 1000px) {
    .grid-sm {
        width: 100%;
    }
}
@media only screen and (max-width: 800px) {
    .grid-tabs, .grid-sm, .map-wrapper {
        width: 100%;
    }.grid {
        max-width: 100%;
        margin: 0 12px;}}
.mobile {
    display: none;
    visibility: hidden;}
.ds {
    visibility: visible;
    display: block;}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.row, .al-top {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.justify, nav, .cn-cont {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.column, .menu-card, .menu-card-sm, .footer-list {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.cover-img {background-size: cover;background-repeat: no-repeat;background-position: center;}
.img-container, .sb {-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.center-justify, .menu-card-info, .menu-card-info-sm, .al-list {    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;}
.center-align { -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;}
.img-container img, .img-container svg {
    max-width:100%;
    object-fit: cover;
    max-height: 100%;}

.overflow {
    overflow: hidden;}
::selection {
    background: #D10037;
    color: #FFF;}
::-moz-selection {
    background: #D10037;
    color: #FFF; }

.non-select {-webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; }

.abs-overlay {
    top: 0; left: 0; bottom: 0; right: 0;}

/* Size */  
.w-25{width: 25%;}
.w-33 {width: calc(100% /  3);}
.w-40{width: 40%;}
.w-45{width: 45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-95 {width: 90%;}

@media only screen and (max-width:1000px) {
    .mobile {display: block;visibility: visible;}
    .ds {display: none;visibility: hidden;}
    .t-50 {width:50%;}
    .t-100{width: 100%;}
    .t-80{width: 80%;}}
.fill-dimensions, .abs-overlay, .full-height {height: 100%;}
.fill-width, footer, main, header, .full-height {width: 100%;}
.fill-height {min-height: 100vh;height: 100%;}
.overlay {width: 101%;height: 101%;}

/* Position */
.fixed {position: fixed;}

.bottom {bottom: 0;}

.abs, .abs-overlay {position: absolute;}

.abs-center{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}

.z-negative {
    z-index: -1;}

.z-med {z-index: 100;}

.z-top {z-index: 300;}

.relative, section {
    position: relative;}

    .sect-separator {width: 100%; height: 1.5px; right: 0;}


/* Margin */

.m-auto {margin: auto;}
.mt-16 {margin-top: 16px;}
.mr-8 {margin-right: 8px;}
.mr-16 {margin-right: 16px;}
.mr-24 {margin-right: 24px;}
.mr-32 {margin-right: 32px;}
.mr-48 {margin-right: 48px;}
.mb-0 {margin-bottom: 0;}
.mb-8 {margin-bottom: 8px;}
.mb-16 {margin-bottom: 16px;}
.mb-24 {margin-bottom: 24px;}
.mb-32 {margin-bottom: 32px;}
.mb-40 {margin-bottom: 40px;}
.mb-60 {margin-bottom: 60px;}
.mb-80 {margin-bottom: 80px;}

.mb-xs {margin-bottom: clamp(4px, 2.688px + 0.41vw, 8px);}
.mb-s {margin-bottom: clamp(8px, 2.688px + 1.66vw, 24px);}
.mb-med {margin-bottom: clamp(12px, 5.333px + 2.08vw, 21px);}
.mb-lg {margin-bottom: clamp(24px, 12px + 3.75vw, 60px);}
.mb-xl {margin-bottom: clamp(32px, 12.667px + 6vw, 90px);}

@media only screen and (max-width:500px) {
    .m-30 {width: 30%;}
    .text-mb-r {text-align: start;}
    .m-100 {width:100%;}
    .m-80 {width: 80%;}
    .mb-m-0 {margin-bottom: 0px;}
    .m-m-auto {margin: auto;}
    .mb-m-40 {margin-bottom: 40px;}
    .mb-m-24 {margin-bottom: 24px;}
    .mb-m-16 {margin-bottom: 16px;}
    .mb-m-8 {margin-bottom: 8px;}}
/* Delivery */
.delivery-pop {padding: 48px 60px; z-index: 6000; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 36px;}
/* Fonts */
.display-font, .title-med ,.title-160, .title-xl,.title-hero, .title-lg,.title-sm, .marquee-line  {
    font-family: "Gliker-SemiBold"; line-height: 1.1;}

h1, h2, h3, h4, h5, h6  
{border: 0;outline: 0;font-size: 100%; vertical-align:middle; background: none;}

.med-font, .nav-link, .selector span, .sub-font, .med-link 
{font-family: obviously, sans-serif;
    font-weight: 600 !important;
    font-style: normal;}
.selector span {font-size: clamp(0.8rem, 0.5985rem + 0.8485vw, 1.5rem); letter-spacing: 0.1em;}
.subtitle { line-height: 2; letter-spacing: 0.06em;}
.sub-font {font-size: clamp(0.7rem, 0.6593rem + 0.2034vw, 0.85rem); letter-spacing: 0.1px; text-transform: uppercase;}
.sm-font {font-size: clamp(0.5rem, 0.2656rem + 0.75vw, 0.875rem);}
.title-hero{
    font-size: clamp(2rem, 1.186rem + 4.068vw, 5rem);}

.title-xl{
    font-size: clamp(2rem, calc(2rem + ((1vw - 0.2rem) * 4.7297)), 5.5rem)}

.title-lg {
    font-size: clamp(1.7rem, 1.2589rem + 1.8571vw, 3rem);
    line-height: 1.3;
    letter-spacing: 0.03em;}
.title-med {font-size: clamp(1.15rem, 0.9867rem + 0.8163vw, 1.65rem);;line-height: 1.2;letter-spacing: 0.02em;}
.title-sm {font-size: 1rem;}

.float-r {
    float: right;
    margin: 0 0 0 auto;}
.uppercase {text-transform: uppercase;}
.capital {text-transform: capitalize;}
/* Button */
.pointer, a, a:visited {
cursor: pointer;}
.loader {width: 100vw; height: 100vh; z-index: 999999;}
#book {padding: 20px; border-radius: 40px;}
/* Colors */ 
.bg-white {background-color: #FFF;}
.bg-pink {background-color: #FFCAE5;}
.bg-red {background-color: #E81144;}
.bg-purple {background-color: #6055E7;}
.bg-yellow {background-color: #FFE44E;}
.bg-green {background-color: #2dd280}
.bg-blue {background-color: #6ACFF6}
.bg-black {background-color: #000;}

.color-white {color: #FFF;}
.color-red {color: #E81144;}
.color-black {color: #000}
.color-dark-red {color: #B80F36}

/*nav*/
#lang-ico{height: 40px; width: 40px;}

.lang-opt {height: 36px;}
#lang-globe {width: 36px;}

header {top: 30px; top: 30px; height: 90px; padding: 8px; z-index: 999;}
.logo-container, #logo-ds {width: auto; height:clamp(60px, 8vw - 20px, 100px); margin-right: auto;}
.nav-link {letter-spacing: 0.06em; padding: 2px 2px 5px 2px;}
.nav-btn, .lang-nav, .hero-btn {height: 36px; border-radius: 18px; padding: 0 12px;}
.lang-dropdown {padding: 6px 0;}
.lang-nav-bg {height:36px; width: 100%; top: 0; left: 0; border-radius: 18px;}
.header-wrapper {max-width: 1500px; margin: 0 auto;}
.hover-nav, .lang-change {margin-right: clamp(16px, 3.2vw - 16px, 32px)			;}

/*new */
#nav-main {height: 56px;}
.inner-shape, .inner-burg, .links-soc-inner, .hero-inner-shape {
    border-radius: 20px;
    top: 5px;
    left: 3px;
    width: 100%;
    height: 100%;
    background-color: #fff;
}



@media only screen and (max-width:1000px) {
    #logo-main {fill: #fff}
    .lang-nav {padding: 0 16px;}
    .lang-change {margin: 2px 16px 0 16px;}
    header {top: 0; margin-top: 0; padding: 0 16px; height: 68px; position: fixed; z-index: 999; background-color: #E81144; border-bottom: 1.5px solid #000;} 
    .logo-container {margin-top: 5px;}
    #nav-main {height: 100%; width: 100%; position: fixed; z-index: 9999; padding: 26px;  top: 0; left: 0;}
    .hover-nav {width: 100%; height:50px; margin: 12px 0; border-radius: 50%;}
    .nav-btn, .hero-btn {height: 100%; }
    .header-wrapper {margin-top: -3px;}
    .nav-btn, .inner-shape, .hero-btn,.hero-inner-shape {border-radius: 50px;}
    .hover-nav span, .hero-nav span {margin: 0 auto;} 
    nav {flex-direction: column; max-height: 70%; width: 90%; margin: auto;justify-content:center;}
    
}

.nav-btn, .inner-shape, .lang-nav-bg, .burger, .inner-burg, .hero-btn {border: 1.5px solid #000;}
.btn-lang:hover, .hover:hover {color: #E81144;}
.hover-pink:hover {color: #FFCAE5;}
.burger-container, .burger  {height: 48px; width: 48px; z-index: 99999;;}
.burger, .inner-burg {border-radius: 50%;}
.burg-line {width: 25px; height: 1.5px; margin: 4.5px 0;}
#love-svg {height: 52px;}
.med-link {margin-bottom: 2px; letter-spacing: 0.06rem;}

/* marquee new */
.track {white-space: nowrap; flex-wrap: nowrap; flex-direction: row;}
.marquee {bottom: 0; padding: 12px 0; }
.marquee-list {list-style: none; width: fit-content;white-space: nowrap; margin-top: -2px;}
.marquee-li {font-size: 100%; margin-right: 3em;}
.marquee-li:before {
    /*
    The desired width gets defined in two places: The element width, and background size.
    The height only gets defined once, in background size.
    */
    position: absolute;
    display: block;
    content: '\2022'; /* bullet point, for screen readers */
    text-indent: -999999px; /* move the bullet point out of sight */
    left: -2em;
    bottom: 0.1em;
    width: 2em; /* desired width of the image */
    height: 1em; /* unrelated to image height; this is so it gets snipped */
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MCAzNyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDAgMzciIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Im0yMy44NCAzNi43YzYuNDEtMC4yMSAxNC4xOS0xLjczIDE0Ljg3LTkuMDQgMC4xNS0xLjY1LTAuMDctMy4yOS0wLjUxLTQuODgtMC4zMS0xLjEzLTAuODMtMi4xOS0xLjEzLTMuMzItMC4zMy0xLjI0LTAuMDItMi4xMyAwLjc3LTMuMTIgMS4zLTEuNjMgMi42My0zLjM3IDEuOTktNS44NC0wLjY1LTIuNTEtMi44Ny00LjQtNS40Ny00LjQ3LTEuMjMtMC4wMy0yLjM4IDAuMzEtMy4zMyAwLjk0IDAuMTEtMC43IDAuMDktMS40NS0wLjA3LTIuMi0wLjUyLTIuMzgtMi41NS00LjE5LTQuOTYtNC40Ny0yLjY2LTAuMzEtNS4wMSAxLjE4LTYgMy40MS0wLjk5LTIuMjMtMy4zNC0zLjcyLTYtMy40MS0yLjQxIDAuMjgtNC40NCAyLjA5LTQuOTcgNC40Ni0wLjE3IDAuNzYtMC4xOCAxLjUtMC4wNyAyLjItMC45NS0wLjYyLTIuMS0wLjk3LTMuMzMtMC45NC0yLjU5IDAuMDgtNC44MSAxLjk2LTUuNDYgNC40OC0wLjY0IDIuNDcgMC42OSA0LjIxIDEuOTkgNS44NCAwLjc5IDEgMS4xIDEuODkgMC43NyAzLjEyLTAuMyAxLjEzLTAuODIgMi4xOS0xLjEzIDMuMzItMC40NCAxLjU5LTAuNjcgMy4yMy0wLjUxIDQuODggMC42OCA3LjMxIDguNDYgOC44OSAxNC44NyA5LjA0IDIuMDkgMC4wNSA1Ljk2IDAuMDYgNy42OCAweiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K);
    
}



.small-list {
    font-size: 85%;
}

.post-footer {padding: 8px 0;}
footer {height: fit-content;}
.footer-cont {padding: 32px 0 50px 0;}
.footer-tab {padding: 24px 0;}
.made-by {right: 0;}
.soc-links {float: right;}
.icon-soc svg {height: 24px;}
.footer-tab-mid {flex-grow: 1; padding: 8px;}
.footer-tab-mid svg,.footer-tab-mid {height: 260px;}
.footer-tab:last-of-type{
    text-align: end; 
}
@media only screen and (max-width:500px) {
    .footer-tab:first-of-type {display: none; visibility: hidden;}
    .footer-tab, .footer-tab:last-of-type, .made-by p {text-align: center; }
    .footer-tab {padding: 8px 0;}
    .footer-cont {padding: 16px 0 0 0;}
    .footer-tab-mid,  .footer-tab-mid svg {height: 180px;}
    .loc-icon {display: inline; margin: 0 8px; visibility: visible; height: 20px;}
    .links-soc span {visibility: hidden; display: none;}
    .footer-list {flex-direction: row;}


}

/*sections*/
.section {padding: 180px 0}
.sect-first {padding: 220px 0 180px 0;}
/*hero*/
.hero-title {width: 60%;}
.hero-btn, .hero-bot,.hero-nav {width: fit-content}
.hero-nav {display: block;}
#hero {padding: 70px 0 70px 0; max-height: 100vh;}
#dochi-label {bottom: 5%;}
.hero-p{margin-bottom:clamp(24px, 16px + 1.6vw, 40px);}
.hero-btn {height: 36px; border-radius: 18px; padding: 12px;}
.video-side {width: 40%;margin-left: auto; }
.video-cont {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 120%;
    /*max-height: 300px;  5:6 aspect ratio *//* 5:6 aspect ratio */
  }
  .video-cont video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100% !important
  }

#playDance {
    right:10%;
    width: 120px;
    height: 120px;
    bottom: 7%;;
}
#single {left: 15%; bottom: 50%;}
#double {right: 15%; bottom: 40%;}
#flowerPlay {
    width: 120px;
    height: 120px;
}

.story-cont {height: 400px;}
#story-book,#story-pic{height:1269px; width:1215px}
#story-pic {margin: auto;display: block;}
.notes svg {width: 40px;}
#rotat{transform: rotate(160deg);transform-origin: 50% 50%; }
#pic-border {border: 2px solid #ED0874; border-radius: 25px;}
@media only screen and (max-width:1200px) {
    .video-side, .hero-title {

        width: 50%;}

  }
.book-page {width: 45%; padding: 16px;}
  @media only screen and (max-width:1000px) {
    #hero {padding: 80px 0 0px 0; height: 110vh; max-height: 110vh;}
    .title-hero,.hero-p {text-align: center;}
    .hero-p, .hero-bot,.hero-nav {margin-left: auto; margin-right: auto;}
    .hero-p {width: 95%}
    .video-side {height: 50vh;padding-bottom: 70px;width: 100%}
        .video-cont {
            height: 50vh;
            overflow: hidden;
            position: relative;
            padding-bottom: 0;
          }
          .hero-title {width: 100%;}
          .video-cont video {
            
            width: 100%;
            height: auto;
          }
          #playDance {
            right:5%;
            width: 90px;
            height: 90px;
            bottom: 7%;;
        }

    .sect-first{padding: 120px 0 70px 0;}
    .section {padding: 70px 0}
  }

/* location */
.pre {white-space: pre;}
.locale {padding: 40px; border-radius: 32px;}
.map-google iframe {height: 500px;}
.btn-locale {margin-top: auto;}
.to-bt {margin-top: auto; }
.map-wrapper {padding: 24px}
.map-google iframe {border-radius: 8px;}
.det-map {padding-right: 8px;}
@media only screen and (max-width:1000px) {
    .map-wrapper {padding: 16px}
    .det-map {margin-bottom: 24px;}
    .map-google iframe {height: 300px;}
}
/*menu*/

.menu-grid-3 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }




.menu-tab {left: 0; right: 0; padding: 0;}
.menu-card {width: calc(100% / 3); padding: 8px;align-self: stretch;}
.menu-card-sm {width: calc(100% / 4); padding: 8px;align-self: stretch;}

.item-text {max-width: 250px;}
.menu-header {margin: 60px 0 100px 0;}
.menu-card-img {max-width: 240px;}
.menu-card-info, .menu-card-info-sm  {min-width: 220px;}
.menu-card-img-sm {max-width: 180px;}
.menu-icon,.menu-icon svg {height: 48px; width: auto;}
.allergen-badge, .allergen-badge svg {
    height: clamp(24px, 21.333px + 0.83vw, 32px);
    width: auto;}
.allergen-badge {margin: 0 4px;}
.menu-card-info, .item-text, .menu-card-info-sm {flex: 1 0 auto;}
.menu-card-info, .al-list, .menu-card-info-sm {justify-content:center;-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;}
@media only screen and (max-width:1000px) {
    .menu-card, .menu-card-sm {width: calc(50% - 8px)}}

@media only screen and (max-width:500px) {
    .menu-tabs-container {padding: 8px;}
    .menu-header {margin: 40px 0 48px 0;}
    .menu-card, .menu-card-sm {width: 100%; padding: 4px; -webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
    .menu-card-img-sm {max-width: 150px;}
    .menu-card-img, .menu-card-img-sm  {margin-right: 16px;}
    .menu-card-info, .menu-card-info-sm, .al-list {justify-content:start; align-items: flex-start;}
    .menu-card-info, .menu-card-info-sm {flex: auto; min-width: 160px;}
} 
/* new */
.sub-s {max-width: 600px; width: 95%; margin-right: auto; margin-left: auto;}
.al-info-top {margin: 32px auto 0 auto; width: fit-content; max-width: 900px;}
.al-top {margin-right: 8px;}
.menu-wrapper, .wrapper {max-width: 1500px; width:90%; margin: 0 auto;}
.menu-main, .menu-under, .locale, .locale-under, .map-wrapper, .wrapper-inner {border: 1.5px solid #000; border-radius: 32px;}
.menu-under , .locale-under { top: 8px; height: 100%; width: 100%;
    left: 8px;}
.menu-selectors {max-width: 1300px; padding: 0 48px; margin: 0 auto;}
.under-select {height: 6px; bottom: -5px;}
.dochi-peak, .dochi-peak svg, .dochi-peak-hand, .dochi-peak-hand svg {width: 140px; height: auto;}
.dochi-peak{top: 0px; left: calc(50% -70px);}
.dochi-peak-hand {top: -84px;left: calc(50% -70px);}
.selector { width: calc(100% / 3);padding: 12px 3px; border-top-left-radius: 24px; border-top-right-radius: 24px; border: 1.5px solid #000; margin-right: -1.5px; margin-bottom: -1.5px;}
.sticker-header {width: 120px;}
.menu-title {margin-bottom: 150px;}
.al-top br {display: none;}
.al-top p {white-space: nowrap;}
.item-header h3 {white-space: pre;}
/*decor */
.sticker-menu {width: 70px; right:-10%; top: -5%;}
#eyes, #dochi-smile,#sticker-rainbow ,#sticker-hand {visibility: visible}

#sticker-rainbow, #sticker-rainbow svg {height: 135px;}
#sticker-rainbow {top: 50%;left: 2%; transform: rotate(-15deg);}
#sticker-hand, #sticker-hand svg {height: 140px; width: auto;}
#sticker-hand {right: 6%; top:25%;transform: rotate(-25deg)}

#dochi-smile {width: 170px; transform: rotate(20deg); right: 3%}
#eyes {width: 95px; right: 25%; top: 35%;}
#super-fresh {width: 150px; left: 10%; top: 7%;}
@media only screen and (max-width:1250px) {
    #dochi-smile {width: 130px; right: 0; top:4%}
    #eyes {width: 90px; right: 15%;}
    #sticker-rainbow svg,#sticker-hand svg {height: 115px;}
}
@media only screen and (max-width:600px) {
    .al-top br {display: inline-block;}
    .al-info-top {margin: 16px 0 0 0; width: 100%;}
    .al-top {margin: 0 6px 6px 0;flex-direction: column; width: 25%;}
    .al-top p {white-space: pre;}}
@media only screen and (max-width:500px) {
    .item-header h3 {white-space:normal}
#eyes {display: none; visibility: hidden;}}
@media only screen and (max-width:1000px) {
    #dochi-smile, #eyes {display: none; visibility: hidden;}
} 

 /*menu */

.menu-img {width: 70%;}
.tab-contr {padding: 3px 18px;  border-top-left-radius: 16px;  border-top-right-radius: 16px;}
.menu-item-25 {width: calc(25% - 8px);align-self: stretch;}
.item-header br {display: inline-block;}
@media only screen and (max-width: 1300px){
    .menu-wrapper, .wrapper {width: 95%;}}
@media only screen and (max-width:800px) {
 .menu-selectors {padding: 0 16px;align-items: stretch;}
 .menu-main, .menu-under, .map-wrapper, .locale-under {border-radius: 16px;}
 .selector{border-top-left-radius: 16px; border-top-right-radius: 16px;flex: 1 1 auto; width: auto; min-width: 80px;}
    .menu-item-25 {width: calc(50% - 8px); padding: 8px;}}
@media only screen and (max-width:1000px) {
    .menu-title {margin-bottom: 100px;}
    .menu-item {width: calc(50% - 8px); padding: 8px;}}

@media only screen and (max-width:500px) {
    .item-header.no-br br {display: inline-block;}
    .item-header br {display: none;}
    .item-header h3 {word-break: keep-all;}
    .menu-tab {padding: 8px;}
    .dochi-peak, .dochi-peak svg,.dochi-peak-hand, .dochi-peak-hand svg {height: 50px;}
    .dochi-peak-hand {top: -45px;left: calc(50% -70px);}
    .menu-title {margin-bottom: 70px;}
    .selector{flex: 1 1 auto; width: auto; min-width: 80px;padding: 8px 3px;}
    .menu-img {width: 120px; height: auto;}
    .menu-ls {flex: 1;}
    .menu-item-25 {width: 100%; padding: 8px; flex-direction: row;}
    .menu-item {width: 100%; padding: 8px;}}

@media only screen and (max-width:380px) {
    .menu-wrapper, .wrapper {width: calc(100% - 16px);}
    .menu-under, .locale-under {top: 5px; left:6px;}}
    
/* LOCATION */
#sticker-party, #dochi-bl {height: 250px;}
#sticker-party svg {margin-top: -5px ;}

.contact-det {padding: 24px 32px; border-radius: 50px;} 
.border-white {border: solid #fff 1.5px;}

#star0, #star0 svg {height: 50px;}
#star0 {right: 15%;top:65%}
#star1, #star1 svg {height: 40px;}
#star1 {right: 12%; top:35%}
#star2, #star2 svg {height: 55px;}
#star3, #star3 svg {height: 35px;}
#star3 {top: 40%; left: 12%;  }
#star2 {top: 60%; left: 15%}

.contact-under {border-radius: 60px;top: 7px;left: 5px;width: 100%;height: 100%; }
@media only screen and (max-width:1000px) {
    #star2 {left: 2%; }
    #star0 {right: 2%;}
}   
    @media only screen and (max-width:600px) {
        .contact-det {padding: 16px 24px; border-radius: 50px;}
        .cn-cont {-webkit-box-align: center;
            -webkit-box-pack: center;
            justify-content:center;}
        .cn-cont h3, .cn-cont p {width: 100%;}
        #star2, #star0 {visibility: hidden;}
        #star3, #star3 svg {height: 30px;}
        #star3 {top: 25%; left: 8%}
        #star1, #star1 svg {height: 30px;}
        #star1 {right: 8%; top:30%}
        #sticker-party,  #dochi-bl {height: 180px;}
    }

.line-sep {width: 1.5px; height: 16px; margin: 6px 8px 0 8px;}
/* pre-footer */
.pre-footer {height: 600px;}