@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lusitana');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@font-face{
    font-family: 'Optima';
    src: url('/assets/fonts/agoptcyrillicnormal-webfont.eot');
    src: url('/assets/fonts/agoptcyrillicnormal-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/agoptcyrillicnormal-webfont.woff') format('woff'),
         url('/assets/fonts/agoptcyrillicnormal-webfont.ttf') format('truetype'),
         url('/assets/fonts/agoptcyrillicnormal-webfont.svg#webfont') format('svg');
}

    html {
      font-size: 14px;
    }

/*common links button*/
#common-links {
    width:25px;
    height:60px;
    position: fixed;
    bottom: 7rem;
    left: 0;
    z-index: 9999;
}

.common-left-menu,
.common-left-menu a,
.common-left-menu a:hover{
    color: var(--shiro);
    text-decoration: none;
}

.common-left-menu .link-block:hover{
    border: 1px solid var(--shiro);
}

.common-left-menu .logo-img {
    margin-bottom: -0.6rem;
}

.bg-blackstar,
.pinkstar-banner {
color:var(--shiro);
background:url(images/logo/pinkstar.png) bottom right/contain no-repeat,var(--kuro);
}

.bg-blackstar2,
.pinkstar-banner2 {
color:var(--shiro);
background:url(images/logo/pinkstar2.png) bottom right/contain no-repeat,var(--kuro);
}

.bg-star {
background:url(images/logo/pinkstar.png) bottom right/contain no-repeat;
}

.bg-star2 {
background:url(images/logo/pinkstar2.png) bottom right/contain no-repeat;
}

/* input number arrow delete */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

/*
[type="number"] {
input -moz-appearance:textfield;
}
*/
.popover-header{
    color: var(--shiro);
    background: url(images/logo/pinkstar.png) bottom right / contain no-repeat, var(--kuro);
}



.grecaptcha-badge { visibility: hidden; }

.icon-bg-white {
background-image: url("data:image/svg+xml,<svg viewBox='0 0 18 18' fill='%23FFF' xmlns='http://www.w3.org/2000/svg'><path d='M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2z'/></svg>");
background-position: center center;
background-repeat: no-repeat;
background-size: 1rem 1rem;
}

/* bootstrap icon */
.b-icon {font-family: "bootstrap-icons" !important;}

/* recaptcha */
.g-recaptcha > div {
  margin: 0 auto;
}

/* alert */
.alert p {
    margin-bottom:0 !important;
}

/* pagenation */
.pagination a,
.pagination a:hover{
    color: var(--ipink);
}
.pagination .active>.page-link{
    background-color: var(--ipink);
    border-color: var(--ipink);
}
.pagination .active>.page-link{
    background-color: var(--ipink);
}
.pagination .active>.page-link:hover{
    color: var(--shiro);
}


/*  fancybox over write  */
    .i-iframe .fancybox__content {
        width: 95%;
        height: 95%;
    }

/*　terms */

#terms > div ol {
    margin-bottom: 1em;
}

#terms div ol li {
    font-weight:bold;
}

#terms div ol li ol li {
    font-weight:normal;
}

/* ---------------nano gallery over write------------------- */

#nanogallery2 a {
    color: rgba(0, 0, 0, 0);
}

.nGY2 .nGY2GThumbnailImage{
    background: none;
}

.nanogallery_gallerytheme_custom_nanogallery2 .nGY2TnImgBack{
    background-image: none !important;
}

/* -------------------user menu------------------- */

.user-menu-wrap{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 7px;
    right: 7px;
    z-index: 9999;
}

.lang-menu-wrap{
    position: absolute;
    width: 50px;
    height: 50px;
    top: 7px;
    left: 7px;
    z-index: 9999;
}

.menuicon-wrap-md{
    width:42px;
    height:42px;
}

.user-menu-button.dropdown-toggle::after,
.lang-menu-button.dropdown-toggle::after,
.lang-menu-button-b.dropdown-toggle::after  {
    display: none;
}

.user-menu-button {
    width:100%;
    min-height:100%;
    padding: 4px 4px 3px;
    cursor: pointer;
}

.lang-menu-button-b {
    cursor: pointer;
}

.lang-menu-button {
    width:100%;
    min-height:100%;
    padding: 7px 8px 8px;
    cursor: pointer;
}

.user-menu .user-avatar{
    width:100%;
    height:100%; 
    border-radius:50%;
}

.lang-menu{
    width:100%;
    height:100%; 
}

.user-menu ul.dropdown-menu,
.lang-menu ul.dropdown-menu,
.lang-menu-b ul.dropdown-menu {
box-shadow: .1rem .13rem .2rem rgba(0,0,0,.3)!important;
}

.lang-menu-wrap > .lang-menu ul.dropdown-menu {
position: absolute;
top:45px;
left:0;
}

.lang-menu ul.dropdown-menu .active,
.lang-menu-b ul.dropdown-menu .active {
background-color: rgba(229,0,110,.65);
}

.user-menu .dropdown-item,
.lang-menu .dropdown-item {
color: var(--shiro)!important;
}

.user-menu.dropdown:hover>.dropdown-menu,
.lang-menu.dropdown:hover>.dropdown-menu {
    right: 0 !important;
    display: block;
}
.lang-menu-b.dropdown-center:hover>.dropdown-menu {
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

.user-menu.dropdown>.dropdown-toggle:active,
.lang-menu.dropdown>.dropdown-toggle:active,
.lang-menu-b.dropdown-center>.dropdown-toggle:active {
    pointer-events: none;
}

#loginModal .modal-header,
#successModal .modal-header,
#formModal .modal-header {
    background-color: var(--kuro);
    padding: 0.3rem 1rem 0.2rem 0.2rem !important;
}

/*rsv*/
a.s-rsvdata{
    color: var(--iblue);
}

a.s-rsvdata:hover,
a.s-rsvdata:focus
{
    color: var(--iblue);
}

a.m-rsvdata{
    color: var(--ipink);
}

a.m-rsvdata:hover,
a.m-rsvdata:focus
{
    color: var(--ipink);
}



/*　custom　*/
:root {
  --ipink: rgb(229, 0, 110);
  --lipink: rgb(226, 68, 142);
  --llipink: rgb(255, 208, 231);
  --ipink5: rgba(229, 0, 110, .05);
  --ipink10: rgba(229, 0, 110, .1);
  --ipink10rgb: rgb(252, 229, 240);
  --ipink20: rgba(229, 0, 110, .2);
  --ipink20rgb :rgb(249, 204, 226);
  --ipink30: rgba(229, 0, 110, .3);
  --ipink50: rgba(229, 0, 110, .5);
  --ipink80: rgba(229, 0, 110, .8);
  --pink:rgba(230, 90, 130, 1);
  --pink10:rgba(230, 90, 130, .1);
  --pink20:rgba(230, 90, 130, .2);
  --pink50:rgba(230, 90, 130, .5);
  --pink80:rgba(230, 90, 130, .8);
  --ipinkdark: rgba(159, 0, 40, 1);
  --ipinkshadow: rgba(209, 0, 90, 1);
  --shiro: rgba(255, 255, 255, 1);
  --shiro5: rgba(255, 255, 255, 0.05);
  --shiro10: rgba(255, 255, 255, 0.1);
  --shiro20: rgba(255, 255, 255, 0.2);
  --shiro50: rgba(255, 255, 255, 0.5);
  --shiro70: rgba(255, 255, 255, 0.7);
  --shiro80: rgba(255, 255, 255, 0.8);
  --shiro90: rgba(255, 255, 255, 0.9);
  --kuro: rgba(33, 37, 41, 1);
  --kuro90: rgba(33, 37, 41, 0.9);
  --kuro80: rgba(33, 37, 41, 0.8);
  --kuro70: rgba(33, 37, 41, 0.7);
  --kuro50: rgba(33, 37, 41, 0.5);
  --kuro20: rgba(33, 37, 41, 0.2);
  --kuro10: rgba(33, 37, 41, 0.1);
  --sumi: rgba(5, 0, 10, 1);
  --sumi10: rgba(5, 0, 10, 0.1);
  --sumi80: rgba(5, 0, 10, 0.8);
  --gray: rgba(108, 117, 125, 1);
  --orange: rgba(253, 126, 20, 1);
  --mgray: rgba(187, 187, 187, 1);
  --lgray: rgba(239, 239, 239, 1);
  --llgray: rgba(251, 251, 251, 1);
  --border-gray-color: rgba(228, 228, 228, 1);
  --day-holi: rgba(255, 129, 155, 1);
  --day-sun: rgba(255, 129, 155, 1);
  --day-sat: rgba(106, 172, 255, 1);
  --day-week: rgba(254, 253, 254, 1);
  --day-holi-hover: rgba(255, 102, 133, 1);
  --day-sun-hover: rgba(255, 102, 133, 1);
  --day-sat-hover: rgba(83, 153, 239, 1);
  --day-week-hover: rgba(240, 239, 240, 1);
  --day-holi-deactive: rgba(239, 92, 131, 1);
  --day-sun-deactive: rgba(239, 92, 131, 1);
  --day-sat-deactive: rgba(77, 151, 239, 1);
  --day-week-deactive: rgba(254, 253, 254, 1);
  --day-de-holi: rgba(252, 230, 246, 1);
  --day-de-sun: rgba(252, 230, 246, 1);
  --day-de-sat: rgba(229, 240, 251, 1);
  --day-de-week: rgba(253, 253, 253, 1);
    --day-spday:rgba(232, 217, 149,1);
    --day-spday-hover:rgba(204, 189, 120,1);
    --day-de-spday:rgba(245,239,213,1);
  --rsv-reserved: rgba(240, 240, 240, 1);
  --rsv-reservable-back: rgba(240, 239, 240, 1);
  --rsv-selected-second: rgba(255, 106, 136, 1);
  --rsv-reservable: rgba(254, 253, 254, 1);
  --rsv-deactive: rgba(252, 251, 252, 1);
  --valid-bgcolor: rgba(240, 248, 255, 1);
  --valid-color: rgba(0, 148, 244, 1);
  --valid-color10: rgba(0, 148, 244, 0.1);
  --valid-color20: rgba(0, 148, 244, 0.2);
  --valid-color50: rgba(0, 148, 244, 0.5);
  --valid-shadow: rgba(0, 142, 223, 1);
  --iblue: rgba(0, 148, 244, 1);
  --iblue10: rgba(0, 148, 244, 0.1);
  --iblue10rgb: rgb(229, 244, 253);
  --iblue20: rgba(0, 148, 244, 0.2);
  --iblue20rgb: rgb(204, 233, 252);
  --iblue50: rgba(0, 148, 244, 0.5);
  --iblue80: rgba(0, 148, 244, 0.8);
  --iblue-shadow: rgba(0, 120, 201, 1);
  --igold: #c8964a;
  --igold-light: rgba(200, 150, 74, 0.15);
  --igold-glow: rgba(200, 150, 74, 0.45);
}

/* lang select */
select.lang-select {
    color:#666;
    font-family: 'Lusitana', serif !important;
    font-weight:bold;
}

/* accordion overwrite */
.accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(229, 0, 110)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(229, 0, 110)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-active-color: var(--shiro);
    --bs-accordion-active-bg: var(--kuro);
}

.accordion p:last-child {
    margin-bottom:0;
}

.accordion-button .col-11 p:first-child{
    margin-top:0.3rem;
}
.accordion-body .col-11 p:first-child{
    margin-top:0.15rem;
}

.accordion-button {
border-top: 0.1rem solid var(--shiro);
padding: 0.75rem 1.25rem 0.75rem 1.25rem !important;
cursor: pointer;
-webkit-appearance:none !important;
appearance:none !important;
align-items:start;
}

.accordion-button:not(.collapsed){
    border-top: 0.1rem solid var(--ipink);
    border-radius: 0px !important;
    box-shadow: 0px 3px 3px var(--mgray);
}

.accordion-item {
border-bottom: none;
}

.accordion-item:has(.collapsed){
border-bottom: 1px solid var(--bs-accordion-border-color);
}

.accordion-item:has(.show){
margin-bottom: 1rem;
}

.accordion-body {
    border-radius: 0 0 5px 5px;
    border-top: none;
    border-right: 1px solid var(--bs-accordion-border-color);
    border-bottom: 1px solid var(--bs-accordion-border-color);
    border-left: 1px solid var(--bs-accordion-border-color);
}

/* Reservation */

.form-panel {
    background: #f3f3f6;
    border: 1px solid #d9d9de;
    box-shadow: 0px 3px 3px #BBB;
    border-radius: 5px;
}

/* timeline */
.timeline {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
}

.timeline li {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    color: var(--mgray);
    font-size: .8em;
}

.timeline li.prev,
.timeline li.current {
    color: var(--valid-color);
}

.timeline li::before {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 6px;
    content: '';
    border: 2px solid var(--lgray);
    border-radius: 50%;
    background-color: var(--shiro);
}

.timeline li.prev::before,
.timeline li.current::before {
    border-color: var(--valid-color);
}

.timeline li:not(:last-child)::after {
    position: absolute;
    top: 6px;
    left: 50%;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: var(--lgray);
    content: '';
}

.timeline li.current::before,
.timeline li.prev::after {
    background-color: var(--valid-color);
}

.select-rental{
    background-image: url("images/list-stars-wh.svg") !important;
    background-size: 28px;
}

.rental-price {
    margin-top: 0.3rem;
    line-height: 1;
}

.rental-price .price-text {
    font-size: 1rem;
    line-height: 1;
}

.rental-price .price-text .small-text {
    font-size: 0.6rem;
}

/* validation */
.form-control.is-valid, .was-validated .form-control:valid {
    background-color:var(--valid-bgcolor) !important;
    border: 2px solid var(--valid-color) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300a0f4' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: var(--valid-bgcolor) !important;
    box-shadow: 0 0 0 0.25rem rgba(0,160,244,.25) !important;
}

.form-select.is-valid, .was-validated .form-select:valid {
    border: 2px solid var(--valid-color) !important;
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
    border-color: var(--valid-color) !important;
    box-shadow: 0 0 0 0.25rem rgba(0,160,244,.25) !important;
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    background-color:var(--valid-bgcolor) !important;
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300a0f4' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
}

.is-validgroup {
    background-color:var(--valid-bgcolor) !important;
    border-color: var(--valid-color) !important;
}

.is-validitem {
    color: var(--shiro);
    background-color:var(--valid-color) !important;
    border-color: var(--valid-color) !important;
}

.is-validitem .iblue {
    color: var(--shiro) !important;
}

/* rsv Calendar */
    .rsv-calendar {
        flex-shrink: 0;
    }

    .calhead,
    .calbody {
        background-color: var(--border-gray-color);
        padding-top: 1px;
        padding-left: 1px;
    }

    .calhead .col,
    .calbody .col {
        flex: 14.285714285714286%;
        display: block;
        padding: 0 1px 1px 0;
    }

    .calhead .col .head-week,
    .calhead .col .head-sat,
    .calhead .col .head-sun
     {
        display: block;
        background-color: var(--shiro);
        color: var(--gray);
    }

    .calhead .col .head-sat {
        color: var(--day-sat);
    }

    .calhead .col .head-sun {
        color: var(--day-sun);
    }

    .rsv-calendar .active{
        background-color: var(--ipink) !important;
        color: var(--shiro) !important;
        opacity: 1;
    }

    .rsv-calendar div.active-d {
        cursor: pointer;
    }

    .rsv-calendar div.active-d:not(.active):hover{
        opacity: 1;
    }

    .calbody .col > div {
        padding:0.8rem 0;
    }

    .calbody .day-active a.datelink {
        text-decoration: none;
    }

    .calbody .day-active.d-holi {
        color: var(--shiro);
        background-color: var(--day-holi);
    }

    .calbody .day-active.d-holi a.datelink {
        color: var(--shiro);
    }

    .calbody .day-active.d-holi:hover {
        background-color: var(--day-holi-hover);
    }

    .calbody .day-active.d-sun {
        color: var(--shiro);
        background-color: var(--day-sun);
    }

    .calbody .day-active.d-sun a.datelink {
        color: var(--shiro);
    }

    .calbody .day-active.d-sun:hover {
        background-color: var(--day-sun-hover);
    }

    .calbody .day-active.d-sat {
        color: var(--shiro);
        background-color: var(--day-sat);
    }

    .calbody .day-active.d-sat a.datelink {
        color: var(--shiro);
    }

    .calbody .day-active.d-sat:hover {
        color: var(--shiro);
        background-color: var(--day-sat-hover);
    }

    .calbody .day-active.d-week {
        color: var(--gray);
        background-color: var(--day-week);
    }

    .calbody .day-active.d-week a.datelink {
        color: var(--gray);
    }

    .calbody .day-active.d-week:hover {
        background-color: var(--day-week-hover);
    }

    .calbody .day-active:hover {
        cursor: pointer;
    }

    .calbody .day-deactive.d-week {
        background-color: var(--day-de-week);
        color: var(--lgray);
    }

    .calbody .day-deactive.d-sat {
        background-color: var(--day-de-sat);
        color: var(--shiro);
    }

    .calbody .day-deactive.d-sun {
        background-color: var(--day-de-sun);
        color: var(--shiro);
    }

    .calbody .day-deactive.d-holi {
        background-color: var(--day-de-holi);
        color: var(--shiro);
    }

    .calbody .day-active.d-spday {
        color: var(--shiro);
        background-color: var(--day-spday);
    }
    .calbody .day-active.d-spday:hover {
        background-color: var(--day-spday-hover);
    }
    .calbody .day-deactive.d-spday {
        background-color: var(--day-de-spday);
        color: var(--shiro);
    }


    .ical-btn {
        width: 2rem;
    }

    #ical-prev, #ical-next {
        font-size: 2rem;
        cursor: pointer;
        color: var(--ipink50);
    }

    #ical-prev:hover, #ical-next:hover {
        color: var(--ipink);
    }

    .ymdtext{
        animation: blinkEffect2 0.7s ease-in-out infinite alternate;
    }
    .rsv-calendar .active {
        animation: blinkEffect 0.5s ease-in-out infinite alternate;
    }

    @keyframes blinkEffect {
      0% {
        opacity: 0.8;
      }
      100% {
        opacity: 1;
      }
    }

    @keyframes blinkEffect2 {
      0% {
        opacity: 0.3;
      }
      100% {
        opacity: 1;
      }
    }

    .dp-spday .ui-state-default {
        background: var(--day-spday) !important;
    }

/* rsv time */
    .waku {
        border-top: 1px solid var(--border-gray-color);
        border-left: 1px solid var(--border-gray-color);
        border-bottom: 1px solid var(--border-gray-color);
        padding: 1px;
        background-color: var(--rsv-reservable);
    }

    .waku:last-child {
        border-right: 1px solid var(--border-gray-color);
    }

    .wakutitle {
        padding: 0.5rem 0;
    }

    .wakutitle.selected,
    .waku.selected {
        background-color: var(--ipink);
        color: var(--shiro);
    }

    .waku.selected .bu{
        background-color: var(--ipink) !important;
        color: var(--rsv-selected-second);
    }

    .bu.deactive,
    .wakutitle.deactive,
    .bu.deactive:hover,
    .wakutitle.deactive:hover{
        background-color: var(--rsv-deactive);
        color: var(--shiro);
    }

    .bu.lock,
    .bu.lock:hover {
        color: var(--lgray) !important;
    }

    .bu {
        border-top: 1px solid var(--border-gray-color);
        border-left: 1px solid var(--border-gray-color);
        border-bottom: 1px solid var(--border-gray-color);
        padding: 0.75rem 0;
        background-color: var(--rsv-reservable);
    }

    .bu.selected{
        background-color: var(--ipink) !important;
        color: var(--shiro);
    }

    .bu.selected a{
        background-color: var(--ipink) !important;
        color: var(--shiro) !important;
    }

    .bu:last-child {
        border-right: 1px solid var(--border-gray-color);
    }

    .wakutitle.reserved,
    .wakutitle.reserved:hover,
    .bu.reserved,
    .bu.reserved:hover{
        background-color: var(--rsv-reserved);
        color: rgb(200, 200, 200);
    }

    .rsv-studio-title {
        background-color: var(--kuro);
        color: var(--shiro);
        padding-top: .8rem;
        margin-bottom: 1rem;
    }

    .rsv-studio-title > div{
        line-height: 1;
        padding-bottom: .5rem;
    }

    @media(hover: hover) {

    .waku.selected:has(.wakutitle:hover) .bu-deactive
    {
        color: var(--rsv-selected-second);
    }

    .waku:has(.wakutitle:not(.reserved):hover),
    .waku:has(.wakutitle:not(.reserved):hover) div.bu.deactive{
        background-color: var(--llipink);
    }

    .waku:has(.wakutitle:not(.reserved):hover) div.bu.deactive{
        color: var(--kuro);
    }

    .waku:has(.wakutitle:not(.reserved):hover) div.bu.deactive.selected{
        color: var(--shiro);
    }

    .waku:has(.wakutitle:not(.reserved):hover) .bu:not(.reservable),
    .waku:has(.wakutitle:not(.reserved):hover) .bu:not(.reserved){
        border-color: var(--shiro);
        background: none;
    }

    .waku:has(.wakutitle:hover) .bu-reserved,
    .waku:has(.wakutitle:hover) .bu-deactive{
        background: none;
        color: var(--kuro);
    }

    .waku.selected:has(.wakutitle:hover) {
        background-color: var(--ipink);
    }

    .bu.reservable:hover {
        background-color: var(--llipink);
    }

    }


/* rsv common */

.color-holi{ color:var(--day-holi) }
.color-sun{ color:var(--day-sun) }
.color-sat{ color:var(--day-sat) }
.color-week{ color:var(--day-week) }
.color-spday{ color:var(--day-spday) }

    .rsv-border-d-week,
    .rsv-border-d-sat,
    .rsv-border-d-sun,
    .rsv-border-d-holi,
    .rsv-border-d-spday{
        border-radius: 5px;
        border-width: 3px;
        border-style: solid;
    }

    .rsv-border-d-week{
        border-color: var(--day-week);
    }
    .rsv-border-d-sat{
        border-color: var(--day-sat);
    }
    .rsv-border-d-sun{
        border-color: var(--day-sun);
    }
    .rsv-border-d-holi{
        border-color: var(--day-holi);
    }
    .rsv-border-d-spday{
        border-color: var(--day-spday);
    }

    .rsv-selected-title {
        color: var(--shiro);
        text-align: left;
        margin-bottom: -1px;
    }

    .rsv-selected-title span {
        display: inline-block;
        background-color: #D0D0D0;
        border-radius: 8px 8px 0 0;
        padding: 0.3rem 1rem 0;
        font-size: 85%;
    }

    .rsv-selected-box {
        border: 4px solid #D0D0D0;
        background-color: #F8F8F8;
        padding: 0.8rem 0.5rem 0.5rem 0.5rem;
        border-radius: 8px;
        margin-bottom: 1rem;
    }


/* slidebars overwrite */
html,body {
  width: 100% !important;
  height:auto !important;
  overflow: auto !important;
}

html,body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

@supports (-webkit-touch-callout: none) {
html{
  height: -webkit-fill-available;
}

  body {
    min-height: 100vh;
    height: -webkit-fill-available;
  }
}

/* --slidebars overwrite */

a {
    color:var(--ipink);
}

a:hover {
    color:var(--ipinkdark);
}

.m-wrap {
    max-width: 1400px;
    margin: 0 auto;
}

/* badgeLayer */
.badgeLayer{
	display:block;
	z-index:99999;
}

/* go TOP*/
#gotop {
    display:none;
    position: fixed;
    right: 1.1rem;
    bottom: 5rem;
    cursor: pointer;
}

#gotop a {
    display:block;
    color:#555;
    text-decoration: none;
    font-size:2rem;
}

/* ScrollReveal utl */
html.sr .hide {
    visibility: hidden;
}



.mt-n1 {margin-top: -0.25rem !important;}
.mt-n2 {margin-top: -0.5rem !important;}
.mt-n3 {margin-top: -1.0rem !important;}
.mt-n4 {margin-top: -1.5rem !important;}
.mt-n5 {margin-top: -3rem !important;}

.mb-n1 {margin-bottom: -0.25rem !important;}
.mb-n2 {margin-bottom: -0.5rem !important;}
.mb-n3 {margin-bottom: -1.0rem !important;}
.mb-n4 {margin-bottom: -1.5rem !important;}
.mb-n5 {margin-bottom: -3rem !important;}

.mx-n1 {margin-left: -0.25rem !important;margin-right: -0.25rem !important;}
.mx-n2 {margin-left: -0.5rem !important;margin-right: -0.5rem !important;}
.mx-n3 {margin-left: -1.0rem !important;margin-right: -1.0rem !important;}
.mx-n4 {margin-left: -1.5rem !important;margin-right: -1.5rem !important;}
.mx-n5 {margin-left: -3rem !important;margin-right: -3rem !important;}

.mb-lc1:last-child {margin-bottom: 0.25rem !important;}
.mb-lc2:last-child {margin-bottom: 0.5rem !important;}
.mb-lc3:last-child {margin-bottom: 0.1rem !important;}
.mb-lc4:last-child {margin-bottom: 1.5rem !important;}
.mb-lc5:last-child {margin-bottom: 3rem !important;}

.mb-nlc1:not(:last-child) {margin-bottom: 0.25rem !important;}
.mb-nlc2:not(:last-child) {margin-bottom: 0.5rem !important;}
.mb-nlc3:not(:last-child) {margin-bottom: 0.1rem !important;}
.mb-nlc4:not(:last-child) {margin-bottom: 1.5rem !important;}
.mb-nlc5:not(:last-child) {margin-bottom: 3rem !important;}

.pt-n1 {margin-top: -0.25rem !important;}
.pt-n2 {margin-top: -0.5rem !important;}
.pt-n3 {margin-top: -1.0rem !important;}
.pt-n4 {margin-top: -1.5rem !important;}
.pt-n5 {margin-top: -3rem !important;}

.pb-n1 {margin-bottom: -0.25rem !important;}
.pb-n2 {margin-bottom: -0.5rem !important;}
.pb-n3 {margin-bottom: -1.0rem !important;}
.pb-n4 {margin-bottom: -1.5rem !important;}
.pb-n5 {margin-bottom: -3rem !important;}

.px-n1 {margin-left: -0.25rem !important;margin-right: -0.25rem !important;}
.px-n2 {margin-left: -0.5rem !important;margin-right: -0.5rem !important;}
.px-n3 {margin-left: -1.0rem !important;margin-right: -1.0rem !important;}
.px-n4 {margin-left: -1.5rem !important;margin-right: -1.5rem !important;}
.px-n5 {margin-left: -3rem !important;margin-right: -3rem !important;}

/* SlideBars*/
.sb {
    overflow: auto !important;
    overflow-y: scroll !important;
}

.sb::-webkit-scrollbar {
    display:none;
}

[off-canvas*=sb-top]{
  background-color: rgba(0,0,0,0.85);
  height:80px;
}

[off-canvas*=sb-left]{
  width:70vw;
  background: url(images/logo/star-menuback.svgz) bottom right/contain no-repeat,rgba(0,0,0,0.95);
  box-shadow: 8px 0 5px -5px #000000 inset;
}

[off-canvas*=sb-bottom]{
  background-color: rgba(0,0,0,0.85);
  height:30vw;
}

[off-canvas*=sb-right]{
  width:80vw;
  background: url(images/logo/star-menuback.svgz) bottom right/contain no-repeat,rgba(0,0,0,0.95);
  box-shadow: 8px 0 5px -5px #000000 inset;
}


#menu-main div > ul{
  border-bottom:1px solid #555;
}

#menu-main div ul li{
  border-top:1px solid #555;
  padding:0;
}

#menu-main ul li span{
  display:block;
  padding:1rem 1rem;
  text-decoration: none;
}

#menu-main ul li a{
  display:block;
  padding:1rem 1rem;
  color:#FFF;
  text-decoration: none;
}

#menu-main ul li a:hover,
a#navHome:hover{
  background:url(images/logo/back-star-menu.png) bottom right/contain no-repeat,rgba(0,0,0,0.5);
}

#menu-main ul li ul li a{
padding-left:2rem;
}

#navHome{
  display:block;
  padding:2rem 0.75rem;
}

.sb-content{
position:absolute;
top:0;
width:100%;
}

.sb-close-wrap {
min-height:100vh;
min-height: -webkit-fill-available;
position:sticky;
top:0;
}

#nav-r-close,
#nav-l-close{
position:absolute;
bottom:0;
display:block;
font-size:2.2rem;
padding:0 0.9rem;
}

#nav-r-close {
right:0;
}

#nav-l-close {
left:0;
}

#nav-l-close i {
display:block;
cursor: pointer;
}

#sbar-logo {
display:block;
position:absolute;
top:2rem;
right:0;
}

#sbar-logo img {
height:60vh;
}

/* Nav top*/

#nav-top {
position:fixed;
top:0;
left:0;
width:100%;
background-color:rgba(5, 0, 10, .9);
color:var(--shiro);
min-height:42px;
}

#nav-top-logo{
width:150px;
}

#nav-top-logo a{
display:block;
padding-top:6px;
}

#nav-top .nav-plink {
padding:0;
}

#nav-top .nav-plink > a {
font-size:12px;
color:var(--shiro);
text-decoration:none;
display:block;
padding:13px 0 11px;
}

#nav-top .nav-plink:hover {
background-color:rgba(229,0,110,.8);
}

#nav-top .nav-plink .active {
background-color:rgba(229,0,110,.65);
}

#nav-top .nav-clink {
width:100%;
position:absolute;
top:100%;
left:0;
background-color:rgba(229,0,110,.95);
visibility:hidden;
opacity: 0;
transition: 0.5s opacity;
}

#nav-top .nav-clink li > a {
font-size:12px;
color:var(--shiro);
text-decoration:none;
display:block;
width:100%;
height:100%;
position:relative;
}

#nav-top .nav-clink li > a .menuitem {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#nav-top .nav-clink li > a .menuitem i {
display:block;
font-size:1.7rem;
}

#nav-top .nav-plink:hover .nav-clink{
opacity: 1;
visibility: visible;
}

#nav-top .nav-clink li:hover{
background-color:rgba(5, 0, 10, .15);
}

#nav-top .nav-clink li.active {
background-color:rgba(5, 0, 10, .2);
}

#nav-top .menuThumb {
display:block;
margin:10px auto 2px;
overflow: hidden;
width:3.5rem;
height:2.5rem;
border-radius: 3px;
}

#nav-top .menuThumb img{
width:3.5rem;
height:2.5rem;
object-fit: cover;
}

/* Nav Bottom*/
#nav-bottom {
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:rgba(5, 0, 10, .9);
color:var(--shiro);
min-height:3rem;
transition: .5s;
padding-bottom: 10px;
}

#nav-bottom.hide{
transform: translateY(100%);
}

#nav-bottom-logo a{
display:block;
}


#nav-bottom a.nav-bottom-button{
background-color: transparent;
display:block;
text-align:center;
border: none;
cursor: pointer;
outline: none;
appearance: none;
color: var(--shiro);
text-decoration:none;
padding:5px 0;
}

#nav-bottom a.nav-bottom-button .nav-bottom-button-icon {
font-size: 1.4rem;
line-height:1.3;
}

#nav-bottom a.nav-bottom-button .nav-bottom-button-text {
font-size:10px;
}

.navbar-star-icon{
	height:1.7rem;
}

/* Nav Bottom rightslide menu */
.side-right-menu dt {
border-bottom:1px solid var(--shiro);
margin:2rem 0 1rem;
}

.side-right-menu dd a {
color:var(--shiro);
display: block;
padding:0.5rem 0 0.5rem 1rem;
text-decoration:none;
}


/* swiper */
.swiper {
padding-bottom: 30px;
}

.slide-media {
    position: relative;
    overflow: hidden;
}
.slide-media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.moveimg .swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
}
.moveimg .swiper-fade .swiper-slide-active {
    pointer-events: auto;
}

.moveimg .swiper-pagination {
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: auto;
}

.moveimg .swiper-pagination-bullet-active {
    background-color: var(--ipink);
}

.moveimg .slide-media {
    height: max(50vh, 50vw);
}
.moveimg .slide-media img {
    -webkit-transition: 7s 1s ease-out;
    transition: 7s 1s ease-out;
}

.moveimg .slide-title {
    font-size:13vw;
}

.moveimg .slide-text {
    position: absolute;
    color: #fff;
}

.posi-u{
    width:100%;
    text-align:center;
    padding: 0 15px;
    top:10%;
    left:50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}
.posi-c{
    width:100%;
    text-align:center;
    padding: 0 15px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.posi-b{
    width:100%;
    text-align:center;
    padding: 0 15px;
    bottom:7%;
    left:50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.posi-lu{
    left: 15px;
    top:10%;
}
.posi-l{
    left: 15px;
    top:50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.posi-lb{
    left: 15px;
    bottom:7%;
}

.posi-ru{
    right: 15px;
    top:10%;
}
.posi-r{
    right: 15px;
    top:50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
.posi-rb{
    right: 15px;
    bottom:7%;
}

.moveimg .swiper-slide[class*=-active] .slide-media img {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.moveimg .swiper-slide[class*=-active] .slide-title {
    -webkit-animation: moveimg-fadeIn 2s 0.5s var(--easing) both;
    animation: moveimg-fadeIn 2s 0.5s var(--easing) both;
}

@-webkit-keyframes moveimg-fadeIn {
    0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
    }
    100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    }
}

@keyframes moveimg-fadeIn {
    0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
    -webkit-filter: blur(300px);
    filter: blur(300px);
    }
    100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    }
}

@media (max-width: 991.98px){
    .moveimg .slide-media {
    height: max(40vh, 40vw);
    }
}


/* Font */

.cinzel {
font-family: "Cinzel Decorative", serif;
}

.gmd{
font-family: 'EB Garamond', serif !important;
}

.caslon{
font-family: 'Lusitana', serif !important;
}

.optima,
.optima-m{
font-family: "Optima", serif;
}

.optima-b{
font-family: "Optima", serif;
font-weight: bold;
}

.lsp{
letter-spacing:.3rem;
}

.lsp-2{
letter-spacing:.2rem;
}

.lsp-1{
letter-spacing:.1rem;
}

.text-space {
    margin-left: .5rem;
}

.title-star {
padding: 0.6rem 0.8rem 0.4rem;
color:var(--shiro);
background:url(images/logo/pinkstar.png) bottom right/contain no-repeat,var(--sumi);
}

.va5 {vertical-align:5%;}
.va10 {vertical-align:10%;}
.va20 {vertical-align:20%;}
.va30 {vertical-align:30%;}

.va-5 {vertical-align:-5%;}
.va-10 {vertical-align:-10%;}
.va-20 {vertical-align:-20%;}
.va-30 {vertical-align:-30%;}

.fs-r1 {font-size: 1rem !important;}
.fs-r2 {font-size: 2rem !important;}
.fs-r3 {font-size: 3rem !important;}
.fs-r4 {font-size: 4rem !important;}
.fs-r5 {font-size: 5rem !important;}

.fs-small {font-size: 0.9vw;}
.fs-small2 {font-size: 1.2vw;}

.text-left {
text-align:left;
}

.price-text-big .price-text {
font-family: 'Optima', serif !important;
font-size:3rem;
}

.price-text-big .small-text {
font-size:100%;
}

.price-text {
font-family: 'Optima', serif !important;
font-size:1.25rem;
line-height: 0.8;
}

.spday {
    color: var(--day-spday);
}

.ipink {
  color: var(--ipink);
}

.ipink80 {
  color: var(--ipink80);
}

.bg-ipink{
  background-color: var(--ipink) !important;
}

.bg-ipink5 {
  background-color: var(--ipink5) !important;
}

.bg-ipink10 {
  background-color: var(--ipink10) !important;
}

.bg-ipink10rgb {
  background-color: var(--ipink10rgb) !important;
}
.bu.selected a.bg-ipink10rgb {
  background-color: var(--ipink10rgb) !important;
  color: var(--ipink) !important;
}
a.bg-ipink10rgb:hover {
  background-color: var(--ipink20rgb) !important;
  color: var(--ipink) !important;
}

.bg-ipink20 {
  background-color: var(--ipink20) !important;
}

.bg-ipink50 {
  background-color: var(--ipink50) !important;
}

.bg-ipink80 {
  background-color: var(--ipink80) !important;
}

.bg-pink{
  background-color: var(--pink) !important;
}

.bg-pink10 {
  background-color: var(--pink10) !important;
}

.bg-pink20 {
  background-color: var(--pink20) !important;
}

.bg-pink50 {
  background-color: var(--pink50) !important;
}

.bg-pink80 {
  background-color: var(--pink80) !important;
}

.text-bg-ipink{
background-color:var(--ipink20);
}

.border-ipink {
    border:1px solid var(--ipink);
}

.border-ipink10 {
    border:1px solid var(--ipink10);
}

.border-iblue {
    border:1px solid var(--iblue);
}

.border-ipink10 {
    border:1px solid var(--iblue10);
}

.border-color-ipink {
  border-color: var(--ipink);
}

.border-gray {
    border:1px solid var(--gray);
}

.border-color-gray {
  border-color: var(--gray);
}

.border-mgray {
    border:1px solid var(--mgray);
}

.border-color-mgray {
  border-color: var(--mgray);
}

.border-lgray {
    border:1px solid var(--lgray);
}

.border-color-lgray {
  border-color: var(--lgray);
}

.iblue {
  color: var(--valid-color);
}

.bg-iblue{
  background-color: var(--iblue) !important;
}

.bg-iblue10{
  background-color: var(--iblue10) !important;
}

.bg-iblue10rgb{
  background-color: var(--iblue10rgb) !important;
}
.bu.selected a.bg-iblue10rgb{
  background-color: var(--iblue10rgb) !important;
  color: var(--iblue) !important;
}
a.bg-iblue10rgb:hover{
  background-color: var(--iblue20rgb) !important;
  color: var(--iblue) !important;
}

.bg-iblue20{
  background-color: var(--iblue20) !important;
}

.bg-iblue50{
  background-color: var(--iblue50) !important;
}

.border-iblue{
  border-color: var(--valid-color) !important;
}

.bg-spday{
  background-color: var(--day-spday);
}

.bg-sblue{
    background-color: #0C96B8;
}

.white {
  color: var(--shiro);
}

.whit5 {
  color: var(--shiro5);
}

.whit10 {
  color: var(--shiro10);
}

.white20 {
  color: var(--shiro20);
}

.white50 {
  color: var(--shiro50);
}

.bg-white {
  background-color: var(--shiro);
}

.bg-white5 {
  background-color: var(--shiro5);
}

.bg-white10 {
  background-color: var(--shiro10);
}

.bg-white20 {
  background-color: var(--shiro20);
}

.bg-white50 {
  background-color: var(--shiro50);
}

.border-white {
    border:1px solid var(--shiro);
}

.border-color-white{
  border-color: var(--shiro) !important;
}

.white-shadow {
    text-shadow: 0px 0px 8px var(--shiro);
}

.bg-dark80 {
    --bs-bg-opacity: 0.8;
    background-color: rgba(var(--bs-dark-rgb), 0.8) !important;
}

.black {
  color: var(--kuro);
}

.black10 {
  color: var(--kuro10);
}

.black20 {
  color: var(--kuro20);
}

.black50 {
  color: var(--kuro50);
}

.bg-black {
  background-color: var(--kuro);
}

.bg-black10 {
  background-color: var(--kuro10);
}

.bg-black20 {
  background-color: var(--kuro20);
}

.bg-black50 {
  background-color: var(--kuro50);
}

.black-shadow {
    text-shadow: 0px 0px 8px var(--kuro80);
}

.sumi {
  color: var(--sumi);
}

.bg-sumi {
  background-color: var(--sumi);
}

.bg-sumi10 {
  background-color: var(--sumi10);
}

.sumi-shadow {
    text-shadow: 0px 0px 8px var(--sumi80);
}

.gray {
  color: var(--gray);
}

.bg-gray {
  background-color: var(--gray);
}

.border-gray {
    border:1px solid var(--gray);
}

.border-color-gray{
  border-color: var(--gray) !important;
}

.mgray {
  color: var(--mgray);
}

.bg-mgray {
  background-color: var(--mgray);
}

.border-mgray {
    border:1px solid var(--mgray);
}

.border-color-mgray{
  border-color: var(--mgray) !important;
}

.lgray {
  color: var(--lgray);
}

.bg-lgray {
  background-color: var(--lgray);
}

.border-lgray {
    border:1px solid var(--lgray);
}

.llgray {
  color: var(--llgray);
}

.bg-llgray {
  background-color: var(--llgray);
}

.border-llgray {
    border:1px solid var(--llgray);
}

.yellow {
  color: #FFFF00;
}

.orange {
  color: var(--orange);
}

.bg-orange {
    background-color: var(--orange);
}

.text-bg-orange {
    background-color: var(--orange);
    color: var(--shiro);
}

.text-bg-ipink {
    background-color: var(--ipink);
    color: var(--shiro);
}

.text-ol-ipink {
    background: none;
    border: 1px solid var(--ipink);
    color: var(--ipink);
}

.gold {
    color: var(--igold);
}

.bg-gold {
    background: var(--igold);
}

.border-gold {
    border:1px solid var(--igold);
}

.lgold {
    color: var(--igold-light);
}

.bg-lgold {
    background: var(--igold-light);
}

.border-lgold {
    border:1px solid var(--igold-light);
}

.logo-fs {
    font-size: max(10vw, 4em);
}

.sub-logo-fs {
    font-size: max(5vw, 2em);
}

.gold {
    color:#DAAF08;
}

.text-gradient-gold {
    background: linear-gradient(0deg,  #B67B03 0%, #DAAF08 45%, #FEE9A0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.i-line-1 {
   border-bottom:1px solid var(--ipink20); 
}

.i-line-2 {
   border-bottom:2px solid var(--ipink20); 
}

.i-line-3 {
   border-bottom:3px solid var(--ipink20); 
}

.small-text50 {
    font-size:50%;
}

.small-text60 {
    font-size:60%;
}

.small-text70 {
    font-size:70%;
}

.small-text {
    font-size:80%;
}

.small-text90 {
    font-size:90%;
}

.notes-text {
    font-size:60%;
}

.radius-3 {
border-radius: 3px;
}

.radius-5 {
border-radius: 5px;
}

.title-line,
.title-line-white {
display: flex;
align-items: center;
}

.title-line:before,
.title-line:after,
.title-line-white:before,
.title-line-white:after {
content: "";
flex-grow: 1;
height: 1px;
}

.title-line:before,
.title-line:after {
background: var(--mgray);
}

.title-line-white:before,
.title-line-white:after {
background: var(--shiro);
}

.title-line:before,
.title-line-white:before {
margin:0 1.5rem 0 0;
}

.title-line:after,
.title-line-white:after {
margin:0 0 0 1.5rem; 
}

.fl-pink:first-letter{
color:var(--ipink);
}

.event-model-photo{
    position: relative;
}

.new-badge {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(135deg, var(--ipink80) 0 2.6rem, transparent 2.6rem);
z-index: 9999 !important;
pointer-events: none;
}

.new-badge::after {
position: absolute;
top: 0.8rem;
left: 0.4rem;
color: white;
font-weight: bold;
font-size: 0.8rem !important;
transform: rotate(-45deg);
text-transform: uppercase;
text-align: center;
content: 'new';
animation: blinking 1s ease-in-out infinite alternate;
}

.add-badge {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(135deg, var(--ipink80) 0 2.6rem, transparent 2.6rem);
border-radius: var(--bs-border-radius) !important;
z-index: 9999 !important;
pointer-events: none;
}

.add-badge::after {
position: absolute;
top: 0.8rem;
left: 0.4rem;
color: white;
font-weight: bold;
font-size: 0.8rem !important;
transform: rotate(-45deg);
text-transform: uppercase;
text-align: center;
content: 'NEW';
animation: blinking 1s ease-in-out infinite alternate;
}

.add-badge2 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(135deg, var(--ipink80) 0 2rem, transparent 2rem);
z-index: 9999 !important;
pointer-events: none;
}

.add-badge2::after {
position: absolute;
top: 0.4rem;
left: 0.2rem;
color: white;
font-weight: bold;
font-size: 0.8rem !important;
transform: rotate(-45deg);
text-transform: uppercase;
text-align: center;
content: 'NEW';
animation: blinking 1s ease-in-out infinite alternate;
}

@keyframes blinking {
    0% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/* table */

.nowrap {
white-space: nowrap;
}

.price-table th {
white-space: nowrap;
font-weight:normal;
}

.price-table td,
.price-table .th-row {
padding:1rem 0;
vertical-align:middle;
line-height:1.1;
}




.time-table th {
background-color: var(--bs-table-striped-bg);
white-space: nowrap;
font-weight:normal;
text-align:center;
vertical-align:middle;
}

.time-table td {
vertical-align:middle;
text-align:center;
padding:0.7rem 0;
}

.time-table .uline {
border-bottom:1px solid #AAA;
}


/* Button */
.tab-iblue{
    text-align: center;
    color: var(--mgray);
    background-color: var(--shiro);
    padding: 0.5rem;
    border-top: 1px solid var(--mgray);
    border-left: 1px solid var(--mgray);
    border-right: 1px solid var(--mgray);
    border-bottom: 1px solid var(--valid-color);
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}

.tab-iblue.active{
    color: var(--valid-color);
    background-color: var(--shiro);
    cursor: default;
    border-top: 1px solid var(--valid-color);
    border-left: 1px solid var(--valid-color);
    border-right: 1px solid var(--valid-color);
    border-bottom: 1px solid var(--shiro);
}

.tab-iblue:not(.active):hover{
    background-color: var(--valid-bgcolor);
}

.btn-check-ipink{
--bs-btn-color: var(--mgray);
--bs-btn-border-color: var(--mgray);
--bs-btn-hover-color: var(--mgray);
--bs-btn-hover-bg: #6c757d;
--bs-btn-hover-border-color: #6c757d;
--bs-btn-focus-shadow-rgb: 108, 117, 125;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--ipink);
--bs-btn-active-border-color: var(--ipink);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #6c757d;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #6c757d;
--bs-gradient: none;
}



.btn-ipink{
    background-color: var(--ipink);
    border: none;
    color: var(--shiro);
}

.btn-ipink:hover {
    background-color: var(--ipinkshadow);
    color: var(--shiro);
}

.btn-ipink:disabled {
    background-color: var(--mgray);
    color: var(--shiro);
}

.btn-ipink.active {
    background-color: rgb(181 15 82);
    color: rgb(255 252 147);
    font-weight: bold;
}

.btn-outline-ipink{
    background-color: #FFF;
    border-color: var(--ipink);
    color: var(--ipink);
}

.btn-outline-ipink:hover,
.btn-outline-ipink.active{
    background-color: var(--ipink);
    border-color: var(--ipink);
    color: var(--shiro);
}

.btn-iblue{
    background-color: var(--iblue);
    border: none;
    color: var(--shiro);
}

.btn-iblue:hover {
    background-color: var(--iblue-shadow);
    color: var(--shiro);
}

.btn-iblue.active {
    background-color: var(--iblue);
    color: rgb(255 252 147);
    font-weight: bold;
}

.btn-iblue:disabled {
    background-color: var(--mgray);
    color: var(--shiro);
}

.btn-toggle-iblue {
    border: 2px solid #ddd;
    color: var(--valid-color);
    padding: 0.6rem 0 0.6rem 0;
    line-height: 1;
    cursor: pointer;
}

.btn-toggle-iblue:hover {
    background-color: var(--valid-bgcolor);
    border: 2px solid #ddd;
    color: var(--valid-color);
}

.btn-toggle-iblue.active {
    background-color: var(--valid-color);
    border: none;
    color: var(--shiro);
    cursor: default;
}

/* list-price */

ul.list-price {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.list-price > li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0;
}

ul.list-price > li:not(:last-child) {
    padding-bottom: 1em;
    border-bottom: solid 2px var(--mgray);
    margin-bottom: 1em;
}

ul.list-price > li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.25rem;
    content: '\f14a';
    color: var(--ipink);
}

/* main */
#mainContainer{
    overflow: hidden;
}

#mainContainer, #index { position:relative; }

#angle {
    position:absolute;
    left:50%;
    bottom:4rem;
    font-size:2.5rem;
    color:var(--ipink);
    padding:0 2vw;
    margin-left:-5vw;
    cursor: pointer;
}


/* table */
.itable td {
text-align:center;
color:var(--ipink);
}


/* modelthumb-list */
.offmode{
    opacity: 60%;
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
}


.modelthumbs-img {
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
width:100%;
overflow: hidden;
}

.modelthumbs-img img {
width:100%;
height:100%;
object-fit: cover;
transition:.4s all;
}

.modelthumbs-img img:hover{
  transform:scale(1.1,1.1);
  transition:.5s all;
}

.modelthumbs-title {
padding:0.25rem;
color:var(--shiro);
opacity: .9;
background:url(images/logo/pinkstar.png) bottom right/contain no-repeat,var(--kuro);
text-align: center;
}

.modelthumbs-name {
}

.modelthumbs-size {
font-size: 75%;
}


/* thumb-list */

.thumbs-img {
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
width:100%;
height:13rem;
overflow: hidden;
}

.thumbs-img img {
width:100%;
height:100%;
object-fit: cover;
transition: transform .5s;
}

.thumbs-title {
padding:0.25rem;
color:var(--shiro);
background:url(images/logo/pinkstar.png) bottom right/contain no-repeat,var(--kuro);
}


.thumbs-key {
font-size:0.8rem;
font-weight:bold;
}

.thumbs-name {
font-size:0.6rem;
line-height:1.1;
}

a.thumbs-list {
text-decoration:none;
}

a.thumbs-list:hover .thumbs-title {
color: var(--ipink);
}

.thumbs-list:hover .thumbs-img img {
transform:scale(1.1);
}


/*　timetable */
#timetable-set .invisible {
width: 1px !important;
max-width:1px !important;
border: none;
padding-left:0 !important;
padding-right:0 !important;
}
#timetable-set .invisible span {
transform: scale(0.01,1);
}

/* footer */
#footer{
    padding-top:1.5rem;
    padding-bottom:5.5rem;
    color: var(--gray);
}

#footer .prevnext a {
    color: var(--gray);
}

#footer .breadcrumb a {
    color: var(--gray);
}

#footer-menu dt {
    margin-bottom:0.3rem;
    font-size:0.8rem;
}

#footer-menu dd {
    font-size:0.7rem;
    margin-bottom:0.2rem;
}

#footer-menu dd a {
    text-decoration: none;
    color: var(--gray);
}

#footer-menu dd a:hover {
    color: var(--ipink);
    text-decoration: underline;
}

#footer-menu dd.active a {
    color: var(--ipink);
}

#footer-menu-sub a {
    font-size:0.6rem;
    text-decoration: none;
    color: var(--gray);
}

#footer-menu-sub a:hover {
    color: var(--ipink);
    text-decoration: underline;
}

#nav-footer li {
    font-size:0.8rem;
    margin-top:0.3rem;
}


/* prevnext */
.prevnext {
    margin-bottom:3rem;
}

.prevnext div > a{
    display:block;
    text-decoration:none;
    font-size:0.7rem;
}

.prevnext div > a i {
    font-size:1.5rem;
    display:block;
}

.prevnext div > a span {
    display:block;
    margin-bottom: -0.1rem;
}

.prevnext div > a:hover span,
.prevnext div > a:hover i {
    color:var(--ipink);
}

/* breadcrumb */
.breadcrumb-wrap {
flex-direction: column;
align-items: center;
}

.breadcrumb-wrap ol li{
font-size:0.7rem;
}

.breadcrumb-wrap ol li a{
text-decoration:none;
}

.breadcrumb-wrap ol li a:hover{
text-decoration:underline;
color:var(--ipink) !important;
}

/* model */
.prof-wrap {
    color: var(--shiro);
    background: url(images/logo/star-menuback.svgz) bottom right / 60% no-repeat, var(--sumi);
}

#modelgallery a {
    color:  var(--sumi);
}

/* model event */
.courselist .badge {
    margin-right: 0.25rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.courselist .badge:last-child {
    margin-right: 0;
}

/* studio-links */

.studio-banner .studio-link {
    position:relative;
    height: max(35vh, 35vw);
}

.studio-links-full .studio-link {
    display:block;
    position:relative;
    height: max(25vh, 25vw);
}

.studio-links-full .studio-link-text{
    position: absolute;
    width:100%;
    text-align:center;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color:rgba(255,255,255,.5);
}

.studio-banner .studio-link-text {
    position: absolute;
    width:100%;
    text-align:center;
    bottom:10%;
    left:50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    background-color:rgba(255,255,255,.5);
    font-size:3vw;
}

.studio-banner .studio-bg-name {
    position: absolute;
    width:100%;
    top:50%;
    left:50%;
    font-size:24vw;
    text-align:center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color:rgba(255,255,255,.5);
    white-space: nowrap;
}

.studio-link{
    color:var(--kuro);
}

.studio-link img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 0.5s opacity;
}

a.studio-link:hover img {
opacity:0.5;
}

/* Access */
.access-text p {
margin-bottom:0.2rem;
}
.access-text p:last-child {
margin-bottom:0;
}


/* FAQ */

.faq-icon {
font-weight:bold;
height:1.8rem;
width:1.8rem;
min-height:1.8rem;
min-width:1.8rem;
border-radius:50%;
line-height:1.9rem;
text-align:center;
background:var(--ipink);
color:var(--shiro);
margin-right:10px;
}


/* terms */

#terms {
font-size:90%;
}

#terms > ol {
padding-left: 3.5rem;
}


#terms > ol > li {
list-style-type: none;
counter-increment: termcnt;
position: relative;
margin-bottom:1.25rem;
}

#terms > ol > li:before {
content: "第" counter(termcnt) "条";
display: inline-block;
margin-left: -4.5rem;
width: 4rem;
text-align: right;
position: absolute;
top: 0;
left: 0;
}

#terms > ol > li > ol {
margin-left:-0.5rem;
}

#terms > ol > li > ol > li {
font-size:90%;
}

#terms > ol > li > ol > li > ol > li{
list-style-type: none;
counter-increment: termcnt2;
position: relative;
}

#terms > ol > li > ol > li > ol > li:before {
content: "(" counter(termcnt2) ")";
display: inline-block;
margin-left: -3.2rem;
width: 3rem;
text-align: right;
position: absolute;
top: 0;
left: 0;
}




.copyright {
    font-size:0.8rem;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

    html {
      font-size: 15px;
    }

    [off-canvas*=sb-top]{
      height:55px;
    }
}

/* sm only */
@media (max-width: 575px) {

    .p-only-0 {
        padding:0;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    html {
      font-size: 16px;
    }

    .nav-top-pd{
        padding-top:42px;
    }

    #gotop {
        bottom: 1.5rem;
    }

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    html {
      font-size: 17px;
    }
    [off-canvas*=sb-top]{
      height:60px;
    }

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    html {
      font-size: 18px;
    }

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {

    html {
      font-size: 18px;
    }

}