@charset "utf-8";
/* reset */
*{margin:0;padding:0;box-sizing:border-box;}
*:before, *:after{box-sizing:border-box;}
select,textarea,button{-webkit-appearance:none;}
/* root */
:root{
  --family:Lato, "M PLUS 1", sans-serif;
  --regular:400;
  --bold:700;
  --xbold:900;
  --xsmall:10px;
  --small:12px;
  --medium:13.5px;
  --large:15px;
  --xlarge:18px;
  --2xlarge:21px;
  --3xlarge:24px;
  --white:#fff;
  --whitefilter:brightness(0) invert(1);
  --black:#000;
  --blackfilter:brightness(0);
  --darkred:#960000;
  --red:#c80000;
  --redfilter:invert(13%) sepia(77%) saturate(5175%) hue-rotate(357deg) brightness(86%) contrast(116%);
  --purple:#733c93;
  --purplefilter:invert(29%) sepia(55%) saturate(792%) hue-rotate(236deg) brightness(91%) contrast(93%);
  --yellow:#fcc700;
  --yellowfilter:invert(71%) sepia(35%) saturate(1406%) hue-rotate(2deg) brightness(104%) contrast(108%);
  --blue:#54c3f1;
  --bluefilter:invert(83%) sepia(21%) saturate(6341%) hue-rotate(167deg) brightness(98%) contrast(92%);
  --pink:#eb6d9a;
  --pinkfilter:invert(50%) sepia(86%) saturate(406%) hue-rotate(292deg) brightness(97%) contrast(89%);
  --mediumgray:#bbb;
  --mediumgrayfilter:invert(97%) sepia(0%) saturate(14%) hue-rotate(155deg) brightness(81%) contrast(82%);
  --cream:#ffefd1;
  --creamfilter:invert(87%) sepia(4%) saturate(100%) hue-rotate(332deg) brightness(108%) contrast(110%);
  --lightpink:#ffd8d0;
  --lightpinkfilter:invert(100%) sepia(37%) saturate(100%) hue-rotate(291deg) brightness(119%) contrast(111%);
  --gray:#4d4d4d;
  --lightgray:#f5f5f5;
  --border:#ddd;
  --opacity:0.75;
}
/* default */
th{font-weight:var(--regular);}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:var(--bold);}
ul,ol{list-style:none;}
i,em{font-style:normal;}
img{display:block;border:0;width:100%;}
a{color:var(--black);text-decoration:none;}
a:hover{text-decoration:undeline;}
a.underline{text-decoration:underline;}
a.underline:hover{text-decoration:none;}
sup{position:relative;top:-0.25em;vertical-align:top;}
p{font-size:var(--medium);line-height:1.75em;}
small{color:var(--gray);}
table{border-collapse:collapse;border-spacing:0;width:100%;}
table tr > *{border:0;}
input:focus,
select:focus,
textarea:focus{outline:1px solid var(--border);}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"]{padding:0 1em;border:1px solid var(--border);border-radius:5px;width:100%;height:40px;font-size:var(--large);line-height:38px;}
input::placeholder{color:var(--mediumgray);}
label.file{position:relative;display:block;margin:0 auto;border:2px dotted var(--mediumgray);border-radius:10px;width:150px;height:150px;cursor:pointer;caret-color:transparent;}
label.file img{width:100%;height:100%;object-fit:cover;}
label.file img[src*="/images/icons/picture.svg"]{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);filter:var(--mediumgrayfilter);}
input[type="file"]{display:none;}
input[name="file"]:read-only{margin:12px 0 0;padding:0;border:0;height:auto;font-size:var(--large);line-height:1em;text-align:center;}
.select{position:relative;}
.select:after{position:absolute;top:50%;right:15px;display:block;content:"";background:var(--black);width:12px;height:8px;clip-path:polygon(50% 100%, 0 0, 100% 0);transform:translate(0,-50%);}
select{padding:0 2em 0 1em;border:1px solid var(--border);border-radius:5px;width:100%;height:40px;font-size:var(--large);line-height:38px;}
textarea{display:block;padding:1em;border:1px solid var(--border);border-radius:5px;width:100%;height:15em;font-size:var(--large);line-height:1.5em;resize:none;}
a.button,
input[type="submit"],
button{display:block;margin:18px auto;padding:0 2em;width:240px;height:48px;background:var(--black);border:0;border-radius:24px;box-shadow:0 0 2.5px 0.5px rgba(0,0,0,0.25);font-size:var(--xlarge);line-height:48px;color:var(--white);font-weight:var(--bold);text-align:center;white-space:nowrap;cursor:pointer;transition:all 0.5s;}
a.button:hover,
input[type="submit"]:hover,
button:hover{opacity:var(--opacity);}
input[type="submit"]:disabled:hover,
button:disabled:hover{opacity:1;}
input[type="submit"]:disabled{background:var(--mediumgray);}
input[type="submit"]:disabled:hover{opacity:inherit;cursor:default;}
label.checkbox, label.radio{position:relative;display:inline-block;line-height:30px;cursor:pointer;}
label.radio{padding:0 0 0 24px;}
label.checkbox{padding:0 0 0 27px;}
label.checkbox:not(:last-of-type), main label.radio:not(:last-of-type){margin-right:18px;}
label.checkbox:hover, label.radio:hover{opacity:var(--opacity);}
label input[type="checkbox"] + em,
label input[type="radio"] + em{position:absolute;top:50%;left:0;display:block;content:"";width:18px;height:18px;transform:translate(0,-50%);}
label input[type="checkbox"] + em{background:#fff;border:1px solid var(--mediumgray);border-radius:1px;}
label input[type="radio"] + em{background:var(--white);border:1px solid var(--mediumgray);}
label input[type="radio"]:invalid + em{}
label.checkbox input[type="checkbox"] + em{border-radius:5px;}
label.radio input[type="radio"] + em{border-radius:50%;}
input[type="radio"],
input[type="checkbox"]{position:absolute;opacity:0;z-index:-1;}
label input:checked + em{border-color:var(--black);transition:all 0.5s;}
label input:checked + em:after{position:absolute;display:block;content:"";transition:all 0.5s;}
label.radio input:checked + em:after{background:var(--black);transition:all 0.5s;}
label.checkbox input:checked + em:after{top:50%;left:50%;border:solid var(--black);border-width:0 3px 3px 0;border-radius:1px;width:7.5px;height:12px;transform:rotate(45deg) translate(-105%,-25%);transition:all 0.5s;}
label.radio em:after{position:absolute;display:block;content:"";top:50%;left:50%;background:var(--mediumgray);border-radius:50%;width:9px;height:9px;transform:translate(-50%,-50%);}
.right{text-align:right;}
.center{text-align:center;}
@media (min-width:768px){
  .sp{display:none;}
}
@media (max-width:767px){
  .pc{display:none;}
}
/* body */
body{padding-top:75px;padding-bottom:60px;font-size:var(--medium);color:var(--black);font-weight:var(--regular);font-family:var(--family);}
body.toggle{padding:0;}
body.red{background:var(--red);}
body.purple{background:var(--purple);}
body.yellow{background:var(--yellow);}
body.blue{background:var(--blue);}
body.pink{background:var(--pink);}
body.lightpink{background:var(--lightpink);}
body.cream{background:var(--cream);}
body.gray{background:var(--gray);}
body[class]:after{position:fixed;top:0;left:0;display:block;content:"";width:100%;height:100%;opacity:0.75;z-index:-1;mix-blend-mode:multiply;}
@media (min-width:768px){
    body[class]:after{background:url(/images/backgrounds/pc.svg) center 240px / cover no-repeat fixed;}
}
@media (max-width:767px){
    body[class]:after{background:url(/images/backgrounds/sp.svg) center 120px / cover no-repeat fixed;}
}
/* animation */
@keyframes fade{
    0%{opacity:0;}
    100%{opacity:1;}
}
/* header */
header{position:fixed;top:0;left:0;padding:22.5px 72px 22.5px 124px;background:var(--white);box-shadow:0 0 1px 0 rgba(0,0,0,0.5);width:100%;height:75px;z-index:2;}
header h1{position:absolute;top:50%;left:24px;transform:translate(0,-50%);}
header h1 img{width:auto;height:52.5px;}
header p{text-align:right;}
header p a{display:inline-block;padding:0 15px;background:var(--black);border-radius:15px;font-size:var(--small);line-height:30px;color:var(--white);}
header p a img{display:inline-block;margin:-2.5px 3px 0 0;width:15px;filter:var(--whitefilter);vertical-align:middle;}
header span.menu{position:absolute;top:50%;right:24px;display:block;background:var(--black);border-top:10px solid var(--white);border-bottom:10px solid var(--white);border-radius:1px;width:30px;height:22px;transform:translate(0,-50%);transition:all 0.5s;cursor:pointer;user-select:none;}
header span.menu:hover{opacity:var(--opacity);}
header span.menu:before,
header span.menu:after{position:absolute;left:0;display:block;content:"";background:var(--black);border-radius:1px;width:30px;height:2px;transition:all 0.5s;}
header span.menu:before{top:-10.5px;}
header span.menu:after{bottom:-10.5px;}
header span.menu.active{background:var(--white);}
header span.menu.active:before{transform:translateY(10.5px) rotate(135deg);}
header span.menu.active:after{transform:translateY(-10.5px) rotate(-135deg);}
header ul{position:fixed;top:75px;left:0;display:flex;padding:0 24px;background:var(--black);box-shadow:0 0 1px 0 rgba(0,0,0,0.5);width:100%;transition:all 0.5s;opacity:0;pointer-events:none;z-index:1;}
header ul.active{opacity:1;pointer-events:auto;transform:translateY(0);}
header ul li + li{margin-left:18px;}
header ul li a{display:block;font-size:var(--medium);line-height:45px;color:var(--white);text-decoration:underline;}
header ul li a:hover{text-decoration:none;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* nav */
nav{position:fixed;bottom:0;left:0;background:var(--black);width:100%;height:60px;}
nav ul{display:flex;}
nav ul li{width:25%;text-align:center;}
nav ul li a{display:block;padding:10px 0;font-size:var(--xsmall);line-height:1em;color:var(--white);}
nav ul li a img{margin:0 auto 6px;width:24px;height:24px;filter:var(--whitefilter);}
@media (min-width:768px){
  nav ul li a{cursor:pointer;transition:all 0.5s;}
  nav ul li a:hover{opacity:0.75;}
}
@media (max-width:767px){
}
/* main */
main{padding:18px;}
ul.errors{margin:0 0 24px;padding:0 0 0 1em;}
ul.errors li{list-style:circle;font-size:var(--small);line-height:1.5em;color:var(--red);}
ul.images{display:flex;gap:9px;width:100%;overflow-x:scroll;white-space:nowrap;scrollbar-width:none;}
ul.images:-webkit-scrollbar{display:none;}
ul.images li{position:relative;flex-shrink: 0;}
ul.images img{border-radius:10px;width:120px;height:120px;object-fit:cover;}
ul.images a.delete{position:absolute;top:0;right:0;display:block;padding:3px;background:url(/images/icons/close/white.svg) center / 18px no-repeat;width:24px;height:24px;cursor:pointer;}
ul.images a.delete:hover{opacity:var(--opacity);}
ul.images a.add{position:relative;display:block;padding:43px;border:2px dotted var(--mediumgray);border-radius:10px;width:120px;height:120px;}
ul.images a.add:hover{opacity:var(--opacity);}
ul.images a.add img{width:30px;height:30px;filter:var(--mediumgrayfilter);}
div.present{position:fixed;bottom:75px;right:15px;padding:5px;background:var(--white);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5);width:36px;height:36px;cursor:pointer;}
div.present:hover{opacity:var(--opacity);}
div.present img{transform:rotate(45deg);}
#map{position:absolute;top:0;left:0;border:0;width:100%;height:calc(100vh - 60px);z-index:-1;}
div.titles{position:relative;margin:0 0 18px;}
div.titles h1{margin:0 0 6px;font-size:var(--xlarge);line-height:24px;color:var(--white);}
div.titles h1 img{display:inline-block;margin:0 6px 0 0;width:24px;height:24px;vertical-align:top;filter:var(--whitefilter);}
div.titles p{line-height:1.5em;color:var(--white);}
div.titles p em{color:var(--red);font-weight:var(--bold);}
div.background{position:relative;padding:18px;background:var(--white);border-radius:10px;}
div.background + div.background{margin-top:24px;}
div.background p em{font-size:var(--large);color:var(--red);font-weight:var(--bold);}
div.background.dozle:after,
div.background.bonjour:after,
div.background.qnly:after,
div.background.oraf-kun:after,
div.background.ooharamen:after{position:absolute;top:0;right:0;display:block;content:"";width:105px;height:105px;transform:translate(25%,-50%);}
div.background.dozle:after{background:url(/images/gif/jump/dozle.gif) center / 105px no-repeat;}
div.background.bonjour:after{background:url(/images/gif/jump/bonjour.gif) center / 105px no-repeat;}
div.background.qnly:after{background:url(/images/gif/jump/qnly.gif) center / 105px no-repeat;}
div.background.oraf-kun:after{background:url(/images/gif/jump/oraf-kun.gif) center / 105px no-repeat;}
div.background.ooharamen:after{background:url(/images/gif/jump/ooharamen.gif) center / 105px no-repeat;}
div.background p + dl.form{margin-top:24px;}
dl.form dt{margin:0 0 9px;font-size:var(--small);line-height:15px;}
dl.form dt em{display:inline-block;margin:0 3px 0 0;padding:0 6px;background:var(--red);border-radius:7.5px;font-size:var(--xsmall);line-height:15px;color:var(--white);}
dl.form dt small{font-size:var(--xsmall);}
dl.form dd:not(:last-of-type){margin:0 0 18px;}
dl.form dd input + small{display:block;margin:6px 0 0;font-size:var(--xsmall);color:var(--gray);text-align:center;}
dl.form dd.submit{text-align:center;}
dl.form dd.submit small{display:block;margin-bottom:12px;}
dl.form dd.buttons{display:flex;margin:18px 0;gap:12px;justify-content:center;}
dl.form dd.buttons button{margin:0;width:auto;}
dl.form dd span{display:block;padding:10px 1em;background:var(--lightgray);border-radius:5px;width:100%;height:auto;min-height:40px;font-size:var(--large);line-height:20px;word-break:break-all;}
dl.form dd span.note{white-space: pre-wrap;}
dl.form dd.image{text-align:center;}
dl.form dd.image img{margin:0 auto 12px;border-radius:10px;width:150px;height:150px;}
dl.form dd ul.images{padding:18px 0 6px;}
dl.form dd ul.images img{width:90px;height:90px;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* menu */
section.menu{position:fixed;top:75px;left:0;background:var(--black);box-shadow:0 0 1px 0 rgba(0,0,0,0.5);width:100%;opacity:0;transition:all 0.5s;pointer-events:none;z-index:1;}
section.menu.active{opacity:1;pointer-events:auto;transform:translateY(0);}
section.menu ul{display:flex;flex-wrap:nowrap;padding:0 24px;width:100%;overflow-x:auto;scrollbar-width:none;}
section.menu ul li{white-space: nowrap;}
section.menu ul li + li{margin-left:18px;}
section.menu ul li a{display:block;font-size:var(--medium);line-height:45px;color:var(--white);text-decoration:underline;}
section.menu ul li a:hover{text-decoration:none;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* search */
section.search{position:fixed;top:75px;left:0;width:100%;}
section.menu.active + section.search{top:120px;}
section.search.active{padding:12px;}
section.search::before{position:absolute;top:0;left:0;content:"";display:block;background:var(--white);box-shadow:0 0 1px 0 rgba(0,0,0,0.5);width:100%;height:100%;opacity:0;visibility:hidden;transition:all 0.5s;z-index:-1;}
section.search h3{position:absolute;margin:0 0 6px;font-size:var(--xlarge);line-height:24px;opacity:0;visibility:hidden;transition:all 0.5s;}
section.search h3 img{display:inline-block;margin:0 6px 0 0;width:24px;height:24px;vertical-align:top;filter:var(--blackfilter);}
section.search p.close{position:absolute;top:12px;right:12px;width:24px;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.5s;user-select:none;}
section.search p.close:hover{opacity:var(--opacity);}
section.search form.search{position:absolute;margin:12px 0 0;opacity:0;visibility:hidden;transition:all 0.5s;}
section.search form.search input[type="submit"]{position:absolute;top:50%;right:0;display:block;margin:0;padding:0;background:url(/images/icons/search.svg) center / 24px no-repeat;border:0;box-shadow:none;border-radius:0;width:24px;height:24px;transform:translate(-50%,-50%);}
section.search.active h3,
section.search.active form.search{position:relative;}
section.search.active h3,
section.search.active p,
section.search.active form.search,
section.search.active::before{opacity:1;visibility:visible;}
section.search div.scroll{padding:12px 12px 0;width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
section.search.active div.scroll{margin:0 -12px;width:100vw;}
section.search div.scroll:-webkit-scrollbar{display:none;}
section.search ul{display:flex;gap:9px;}
section.search ul li a{display:block;padding:0 12px;background:var(--white);border:1px solid var(--black);border-radius:15px;font-size:var(--small);line-height:30px;color:var(--black);font-weight:var(--bold);}
section.search ul li img{display:inline-block;margin:4.5px 6px 0 0;width:21px;vertical-align:top;}
section.search ul li:last-child{padding-right:12px;}
section.search ul li.active img{filter:var(--whitefilter);}
section.search ul li.goods a{border-color:var(--red);color:var(--red);}
section.search ul li.goods.active a{background:var(--red);}
section.search ul li.foods a{border-color:var(--purple);color:var(--purple);}
section.search ul li.foods.active a{background:var(--purple);}
section.search ul li.others a{border-color:var(--black);color:var(--black);}
section.search ul li.others.active a{background:var(--black);}
section.search ul li.stores a{border-color:var(--yellow);color:var(--yellow);}
section.search ul li.stores.active a{background:var(--yellow);}
section.search ul li.capsule a{border-color:var(--blue);color:var(--blue);}
section.search ul li.capsule.active a{background:var(--blue);}
section.search ul li.machines a{border-color:var(--pink);color:var(--pink);}
section.search ul li.machines.active a{background:var(--pink);}
section.search ul li.bookmark a{border-color:var(--lightpink);color:var(--lightpink);}
section.search ul li.bookmark.active a{background:var(--lightpink);}
section.search ul li.end a{border-color:var(--mediumgray);color:var(--mediumgray);}
section.search ul li.end.active a{background:var(--mediumgray);}
section.search ul li.active a{color:var(--white);}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* toggle */
section.toggle{position:fixed;height:0;padding:24px 0 0;background:var(--red);box-shadow:0 0 2.5px 0.5px rgba(0,0,0,0.25);border-radius:10px;border:0;overflow-y:auto;transition:all 0.5s;}
section.toggle div.button{position:absolute;top:0;left:0;width:100%;height:24px;cursor:pointer;}
section.toggle div.button:hover{opacity:var(--opacity);}
/*
section.toggle div.button:not(.active)::before{position:absolute;top:12px;left:50%;display:block;content:"";background:var(--white);border-radius:2px;width:120px;height:4px;transform:translate(-50%,-50%);}
section.toggle div.button.active::after{position:absolute;top:13.5px;left:50%;right:13.5px;display:block;content:"";background:url(/images/icons/close/white.svg) center / 24px no-repeat;width:24px;height:24px;user-select:none;transform:translate(-50%,-50%);}
*/
section.toggle div.button::before{position:absolute;top:12px;left:50%;display:block;content:"";border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:4.5px solid var(--white);transform:translate(-50%,-50%)}
section.toggle div.button.active::before{border-bottom:none;border-top:4.5px solid var(--white);}
  section.toggle section{padding:24px 18px 18px;}
@media (min-width:768px){
  section.toggle{left:12px;bottom:87px;width:360px;}
  section.toggle.active{padding:0;max-height:calc(100% - 90px - 60px - 68px);}
  section.search.active + section.toggle.active{max-height:calc(100% - 90px - 60px - 168px);}
  section.menu.active + section.search + section.toggle.active{max-height:calc(100% - 90px - 60px - 68px - 45px);}
  section.menu.active + section.search.active + section.toggle.active{max-height:calc(100% - 90px - 60px - 168px - 45px);}
}
@media (max-width:767px){
  section.toggle{left:50%;bottom:87px;width:calc(100% - 12px);transform:translate(-50%,0);}
  section.toggle.active{padding:0;max-height:calc(100% - 102px - 60px - 56px);}
  section.search.active + section.toggle.active{max-height:calc(100% - 102px - 60px - 156px);}
  section.menu.active + section.search + section.toggle.active{max-height:calc(100% - 102px - 60px - 56px - 45px);}
  section.menu.active + section.search.active + section.toggle.active{max-height:calc(100% - 102px - 60px - 156px - 45px);}
}
/* lists */
section.lists div.group{padding:15px 18px;background:var(--white);border-radius:10px;}
section.lists div.group + div.group{margin:9px 0 0;}
section.lists div.group a{position:relative;display:block;}
section.lists ul.images{margin:0 0 12px;}
section.lists div.texts{position:relative;padding:0 36px 0 0;}
section.lists div.texts h3{position:relative;margin:0 0 3px;padding:0 0 0 24px;overflow:hidden;font-size:var(--large);white-space:nowrap;text-overflow:ellipsis;}
section.lists div.texts h3:before{position:absolute;top:50%;left:0;display:block;content:"";width:18px;height:18px;transform:translate(0,-50%);}
section.lists div.goods h3{color:var(--red);}
section.lists div.goods h3:before{background:url(/images/categories/goods.svg) center / 18px no-repeat;}
section.lists div.foods h3{color:var(--purple);}
section.lists div.foods h3:before{background:url(/images/categories/foods.svg) center / 18px no-repeat;}
section.lists div.others h3{color:var(--black);}
section.lists div.others h3:before{background:url(/images/categories/others.svg) center / 18px no-repeat;}
section.lists div.stores h3{color:var(--yellow);}
section.lists div.stores h3:before{background:url(/images/categories/stores.svg) center / 18px no-repeat;}
section.lists div.capsule h3{color:var(--blue);}
section.lists div.capsule h3:before{background:url(/images/categories/capsule.svg) center / 18px no-repeat;}
section.lists div.machines h3{color:var(--pink);}
section.lists div.machines h3:before{background:url(/images/categories/machines.svg) center / 18px no-repeat;}
section.lists div.texts p{overflow:hidden;font-size:var(--small);white-space:nowrap;text-overflow:ellipsis;}
section.lists div.texts span.bookmark{position:absolute;top:50%;right:-12px;display:block;content:"";background:url(/images/icons/bookmark/stroke.svg) center / 24px no-repeat;width:48px;height:100%;transform:translate(0,-50%);z-index:10;cursor:pointer;user-select:none;}
section.lists div.texts span.bookmark:hover{opacity:var(--opacity);}
section.lists div.goods span.bookmark.active{background:url(/images/icons/bookmark/goods.svg) center / 24px no-repeat;}
section.lists div.foods span.bookmark.active{background:url(/images/icons/bookmark/foods.svg) center / 24px no-repeat;}
section.lists div.others span.bookmark.active{background:url(/images/icons/bookmark/others.svg) center / 24px no-repeat;}
section.lists div.stores span.bookmark.active{background:url(/images/icons/bookmark/stores.svg) center / 24px no-repeat;}
section.lists div.machines span.bookmark.active{background:url(/images/icons/bookmark/machines.svg) center / 24px no-repeat;}
section.lists div.capsule span.bookmark.active{background:url(/images/icons/bookmark/capsule.svg) center / 24px no-repeat;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* details */
section.details div.titles h1{font-size:var(--medium);}
section.details div.titles h1 em{display:block;margin-top:6px;font-size:var(--xlarge);}
section.details div.titles p{line-height:1.5em;}
section.details span.bookmark{position:absolute;top:12px;right:0;display:block;content:"";background:url(/images/icons/bookmark/white/off.svg) center / 24px no-repeat;width:36px;height:36px;cursor:pointer;user-select:none;transform:translate(0,-50%);}
section.details span.bookmark:hover{opacity:var(--opacity);}
section.details span.bookmark.active{background:url(/images/icons/bookmark/white/on.svg) center / 24px no-repeat;}
section.details ul.socialnetworks{display:flex;flex-wrap;gap:9px;margin:12px 0 0;}
section.details ul.socialnetworks li a:before{display:block;content:"";background:url(/images/socialnetworks/others.svg) center / 36px no-repeat;width:36px;height:36px;}
section.details ul.socialnetworks li a[href*="x.com"]:before{background:url(/images/socialnetworks/x.svg) center / 36px no-repeat;}
section.details ul.socialnetworks li a[href*="twitter.com"]:before{background:url(/images/socialnetworks/x.svg) center / 36px no-repeat;}
section.details ul.socialnetworks li a[href*="instagram.com"]:before{background:url(/images/socialnetworks/instagram.png) center / 36px no-repeat;}
section.details ul.socialnetworks li a[href*="youtube.com"]:before{background:url(/images/socialnetworks/youtube.svg) center / 36px no-repeat;}
section.details ul.socialnetworks li a[href*="youtu.be"]:before{background:url(/images/socialnetworks/youtube.svg) center / 36px no-repeat;}
section.details ul.images{position:relative;margin:0 0 18px;}
section.details ul.images.arrow:before{position:absolute;top:50%;left:var(--arrow-left);display:block;content:"";background:url(/images/icons/arrows/left.svg) center / 24px no-repeat;width:24px;height:24px;transform:translate(0,-50%);z-index:1;cursor:pointer;pointer-events:auto;transition:opacity 0.3s ease;}
section.details ul.images.arrow:after{position:absolute;top:50%;left:var(--arrow-right);display:block;content:"";background:url(/images/icons/arrows/right.svg) center / 24px no-repeat;width:24px;height:24px;transform:translate(0,-50%);z-index:1;cursor:pointer;pointer-events:auto;transition:opacity 0.3s ease;}
section.details ul.images.arrow:hover:before{opacity:0.7;}
section.details ul.buttons{display:flex;flex-wrap;gap:6px;margin:24px 0 0;}
section.details ul.buttons li a{display:inline-block;padding:0 12px;background:var(--black);border-radius:15px;height:30px;font-size:var(--small);line-height:30px;color:var(--white);}
section.details p{font-size:var(--large);line-height:1.75em;}
section.details p.links{margin:9px 0 0;}
section.details p.links a{display:block;overflow:hidden;line-height:1em;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;}
section.details p.links a:hover{text-decoration:none;}
section.details p.notes{margin:-9px 0 18px;font-size:var(--xsmall);line-height:1em;color:var(--gray);}
section.details table{}
section.details table tr > *{padding:18px 0 9px;border-bottom:1px solid var(--border);width:50%;}
section.details table th{font-size:var(--small);font-weight:var(--bold);text-align:left;}
section.details table td{font-size:var(--large);}
section.details dl{margin:24px 0 0;}
section.details dl dt{margin:0 0 9px;font-size:var(--small);line-height:15px;font-weight:var(--bold);}
section.details dl dd:not(:last-of-type){margin:0 0 18px;font-size:var(--large);line-height:1.75em;}
section.details h3{margin:18px 0 9px;color:var(--white);}
section.details div.background time{display:block;margin-top:12px;font-size:var(--small);line-height:1em;color:var(--gray);text-indent:-0.5em;}
section.details ul.reviews li{padding:15px 18px;background:var(--white);border-radius:10px;font-size:var(--medium);line-height:1.75em;}
section.details ul.reviews li + li{margin:9px 0 0;}
section.details ul.reviews li span{position:relative;display:block;}
section.details ul.reviews li time{display:block;margin-top:9px;font-size:var(--small);line-height:1em;color:var(--gray);text-indent:-0.5em;}
section.details ul.reviews li a.button{margin:9px auto 0;padding:0;background:none;border-radius:0;box-shadow:none;width:auto;height:1em;font-size:var(--small);line-height:1em;color:var(--black);text-decoration:underline;text-align:right;}
section.details ul.reviews li a.button:hover{text-decoration:none;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* slider */
.slider{position:relative;margin:0 -18px;width:calc(100% + 36px);overflow:hidden;}
.slider .track{display:flex;width:100%;transition:transform 0.5s ease;}
.slider .pages{padding:0 18px;flex-shrink:0;width:100%;}
.slider .controls{display:flex;gap:9px;margin:18px auto;justify-content:center;}
.slider .controls button{margin:0;padding:0 18px;background:var(--black);border-radius:18px;box-shadow:none;width:auto;height:36px;font-size:var(--medium);line-height:36px;color:var(--white);}
.slider .controls button:disabled{background:var(--mediumgray);cursor:not-allowed;}
.slider .pagination{display:flex;gap:9px;margin:0 auto 6px;justify-content:center;}
.slider .pagination button{margin:0;padding:0;background:var(--black);border-radius:50%;box-shadow:none;width:9px;height:9px;cursor:pointer;transition:background 0.5s;}
.slider .pagination button.active{background:var(--mediumgray);}
.slider .pagination button:disabled{background:var(--mediumgray);cursor:not-allowed;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* modal */
div.modal{position:fixed;left:0;top:0;padding:24px;background:rgba(0,0,0,0.5);width:100%;height:100%;overflow:auto;z-index:100;opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0.5s ease;}
div.modal.active{opacity:1;visibility:visible;}
div.modal div.modal-content{position:absolute;top:50%;left:50%;padding:18px;background:var(--white);box-shadow:0 0 2.5px 0.5px rgba(0,0,0,0.25);border-radius:10px;width:calc(100% - 36px);max-width:640px;animation:fade 0.5s ease;transform:translate(-50%,-50%);}
div.modal span.close-modal{position:absolute;top:12px;right:12px;display:block;background:url(/images/icons/close/black.svg) center / 24px no-repeat;width:24px;height:24px;cursor:pointer;user-select:none;}
div.modal span.close-modal:hover{opacity:var(--opacity);}
div.modal p{padding-top:12px;font-size:var(--large);text-align:center;}
div.modal p img[src*="/gif/"]{margin:-15px auto;width:120px;}
div.modal a[href*="auth/x"]{font-size:var(--large);}
div.modal a[href*="auth/x"] img{display:inline-block;margin:-2.5px 3px 0 0;width:21px;filter:var(--whitefilter);vertical-align:middle;}
div.review-modal .errors{display:none;margin-bottom:12px;font-size:var(--small);line-height:1em;color:var(--red);text-align:left;}
div.review-modal .counter{text-align:right;font-size:var(--small);line-height:1em;}
div.review-modal .counter em{font-weight:var(--bold);}
div.review-modal .counter.over-limit {color:var(--red);}
div.modal#modal-image span.close-modal{top:24px;right:24px;background:url(/images/icons/close/white.svg) center / 24px no-repeat;z-index:3;}
div.modal#modal-image img{width:100%;height:50vh;object-fit:cover;}
div.modal .controls{display:flex;justify-content:space-between;width:100%;height:50vh;}
div.modal .controls button{position:absolute;top:0;margin:0;padding:0;border-radius:0;box-shadow:none;width:25%;height:100%;line-height:0;cursor:pointer;z-index:2;}
div.modal .controls button#prevbutton{left:0;background:url(/images/icons/arrows/left.svg) center left 24px / 24px no-repeat transparent;}
div.modal .controls button#nextbutton{right:0;background:url(/images/icons/arrows/right.svg) center right 24px / 24px no-repeat transparent;}
div.modal .controls button:disabled{display:none;opacity:0;cursor:not-allowed;}
div.modal .pagination{display:flex;gap:9px;margin:12px auto 0;justify-content:center;}
div.modal .pagination button{margin:0;padding:0;background:var(--black);border-radius:50%;box-shadow:none;width:9px;height:9px;cursor:pointer;transition:background 0.5s;}
div.modal .pagination button.active{background:var(--mediumgray);}
div.modal .pagination button:disabled{background:var(--mediumgray);cursor:not-allowed;}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* loading */
div.loading{position:fixed;left:0;top:0;padding:24px;background:rgba(0,0,0,0.5);width:100%;height:100%;overflow:auto;z-index:100;transition:opacity 0.5s ease, visibility 0.5s ease;}
div.loading img{position:absolute;top:50%;left:50%;width:105px;transform:translate(-50%,-50%);}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* footer */
@media (min-width:768px){
}
@media (max-width:767px){
}