@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:"Noto Serif JP", serif;
  --regular:400;
  --bold:600;
  --xbold:800;
  --xsmall:10px;
  --small:12px;
  --medium:13.5px;
  --large:15px;
  --xlarge:18px;
  --white:#fff;
  --black:#000;
  --gray:#4d4d4d;
  --lightgray:#e5e4e1;
  --gold:#766437;
  --blue:#236c8a;
  --border:#ddd;
  --opacity:0.75;
}
/* default */
body{font-family:var(--family);}
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;}
[hidden]{display:none !important;}
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);}
.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;}
input[type="submit"]{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;}
input[type="submit"]:hover{opacity:var(--opacity);}
input[type="submit"]:disabled:hover,
button:disabled:hover{opacity:1;}
input[type="submit"]:disabled{background:var(--border);}
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 1.75em;}
label.checkbox{padding:0 0 0 1.75em;}
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:var(--white);border:1px solid var(--border);border-radius:2.5px;}
label input[type="radio"] + em{background:var(--border);border-radius:50%;}
label input[type="checkbox"] + em:after,
label input[type="radio"] + em:after{position:absolute;display:block;content:"";background:var(--white);}
label input[type="radio"]:invalid + em{}
input[type="radio"],
input[type="checkbox"]{position:absolute;opacity:0;z-index:-1;}
label.radio input:checked + em{background:var(--gold);}
label.checkbox input:checked + em{border-color:var(--gold);}
label.checkbox input:checked + em:after{top:50%;left:50%;border:solid var(--gold);border-width:0 3.75px 3.75px 0;border-radius:1px;width:7.5px;height:12px;transform:rotate(45deg) translate(-105%,-25%);}
label.radio em:after{position:absolute;display:block;content:"";top:50%;left:50%;background:var(--red);border-radius:50%;width:9px;height:9px;transform:translate(-50%,-50%);}
@media (min-width:768px){
  .sp{display:none;}
}
@media (max-width:767px){
  .pc{display:none;}
}
/* header */
header{margin:0 auto 60px;}
header figure{position:relative;overflow:hidden;}
header figure video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:-1;}
header ul{display:flex;}
header ul li a{position:relative;display:block;border-radius:15px;overflow:hidden;transition:all 0.5s;}
header ul li a em{text-decoration:underline;}
header ul li a:hover em{text-decoration:none;}
header ul li a:hover{opacity:var(--opacity);}
header ul li em{position:absolute;left:0;display:block;width:100%;color:var(--white);text-align:center;}
header div.scroll{display:flex;width:100%;overflow:hidden;}
header div.scroll div.inner{display:flex;width:max-content;animation:loop 60s linear infinite;}
header div.scroll div.inner img{display:block;height:auto;flex-shrink:0;}
@keyframes loop{
  from{transform: translateX(0);}
  to{transform: translateX(-50%);}
}
@media (min-width:768px){
  header figure span{position:relative;display:block;margin:0 auto;padding:45px 30px;max-width:1020px;}
  header figure h1{width:100%;text-align:right;}
  header figure h1 img{display:inline-block;width:360px;}
  header figure video{min-width:100vw;}
  header div.scroll div.inner img{width:160px;}
  header ul{position:absolute;bottom:45px;left:30px;gap:20px;}
  header ul li{width:150px;}
  header ul li em{bottom:30px;font-size:24px;line-height:1em;}
}
@media (max-width:767px){
  header figure h1{padding:45px 0;}
  header figure h1 img{margin:0 auto;width:270px;}
  header div.scroll div.inner img{width:120px;}
  header ul{margin:0 auto 30px;gap:15px;justify-content:center;}
  header ul li{width:120px;}
  header ul li em{bottom:20px;font-size:16.5px;line-height:1em;}
}
/* main */
main div.error{font-size:var(--large);line-height:1em;text-align:center;}
main div.tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0;}
main div.tags a{display:inline-block;padding:0 1em;border:1px solid var(--gold);border-radius:10px;font-size:var(--xsmall);line-height:18px;}
main div.tags a:hover{background:var(--gold);color:var(--white) !important;}
main div.tags span{display:inline-block;padding:0 1em;border:1px solid var(--gold);border-radius:10px;font-size:var(--xsmall);line-height:18px;color:var(--gold);}
main p.menu{position:relative;padding:5px 0 5px 25px;}
main p.menu:before{position:absolute;top:50%;left:0;display:block;content:"";background: url("https://cuisine-kingdom.com/wp-content/themes/liquid-magazine/fukui-fair2025/images/common/menu.svg") no-repeat center / 20px 20px;width:20px;height:20px;transform:translate(0,-50%);}
main p.drink{position:relative;padding:5px 0 5px 25px;min-height:20px;}
main p.drink:before{position:absolute;top:50%;left:0;display:block;content:"";background: url("https://cuisine-kingdom.com/wp-content/themes/liquid-magazine/fukui-fair2025/images/common/drink.svg") no-repeat center / 20px 20px;width:20px;height:20px;transform:translate(0,-50%);}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* fair */
main section.fair{margin:0 auto 60px;}
main section.fair h3{margin:0 0 15px;}
main section.fair p{font-size:var(--xlarge);line-height:2em;}
@media (min-width:768px){
  main section.fair{padding:0 30px;max-width:1020px;}
}
@media (max-width:767px){
  main section.fair{padding:0 25px;}
  main section.fair h3 img{max-width:360px;}
}
/* about */
main section.about ul{display:flex;}
main section.about ul li a{position:relative;display:block;border-radius:15px;overflow:hidden;transition:all 0.5s;}
main section.about ul li a em{text-decoration:underline;}
main section.about ul li a:hover em{text-decoration:none;}
main section.about ul li a:hover{opacity:var(--opacity);}
main section.about ul li em{position:absolute;left:0;display:block;width:100%;color:var(--white);text-align:center;}
@media (min-width:768px){
  main section.about{margin:0 auto 90px;padding:0 30px;max-width:1020px;}
  main section.about div{display:flex;align-items:center;justify-content:space-between;}
  main section.about h3 img{width:240px;}
  main section.about ul{gap:20px;}
  main section.about ul li{width:150px;}
  main section.about ul li em{bottom:30px;font-size:24px;line-height:1em;}
  @media (max-width:899px){
    main section.about div{display:block;}
    main section.about h3{margin:0 auto 30px;max-width:490px;}
    main section.about ul{justify-content:center;margin:0 auto;max-width:490px;}
  }
}
@media (max-width:767px){
  main section.about{margin:0 auto 60px;padding:0 25px;}
  main section.about h3{margin:0 auto 30px;max-width:380px;}
  main section.about h3 img{width:210px;}
  main section.about ul{gap:10px;justify-content:center;margin:0 auto;max-width:360px;}
  main section.about ul li em{bottom:20px;font-size:16.5px;line-height:1em;}
}
/* map */
main section.map{line-height:0;}
main section.map iframe{border:0;width:100%;height:360px;border-radius:15px;}
@media (min-width:768px){
  main section.map{display:flex;gap:30px;margin:0 auto 90px;padding:0 30px;max-width:1020px;}
}
@media (max-width:767px){
  main section.map{margin:0 auto 60px;padding:0 25px;}
  main section.map iframe+iframe{margin-top:30px;}
}
/* search */
main section.search{margin:0 auto 90px;}
main section.search h3{margin:0 auto 30px;background:var(--blue);font-size:24px;line-height:60px;color:var(--white);text-align:center;font-weight:var(--bold);}
main section.search dl dt{margin:0 0 1em;font-size:var(--xlarge);color:var(--gold);line-height:1em;}
main section.search dl dd{display:flex;flex-wrap:wrap;gap:5px;font-size:var(--large);}
main section.search dl dd+dd{margin-top:1em;}
main section.search dl dd+dt{margin-top:2em;}
@media (min-width:768px){
  main section.search{padding:0 30px;max-width:1020px;}
  main section.search dl{padding:0 30px;}
  main section.search dl dd label{width:calc((100% - 15px) / 4);}
}
@media (max-width:767px){
  main section.search dl{padding:0 25px;}
  main section.search dl dd label{width:calc((100% - 5px) / 2);}
}
/* special */
main section.special{margin:0 auto 90px;background:var(--lightgray);}
main section.special h2{margin:0 auto 45px;font-size:36px;line-height:1.25em;color:var(--gold);text-align:center;font-weight:var(--bold);}
main section.special h2 small{display:block;margin:15px 0 0;font-size:var(--small);line-height:1.5em;font-weight:var(--regular);}
main section.special dl{margin:0 auto 45px;}
main section.special dl dd img{border-radius:15px;}
main section.special h3{margin:0 0 30px;font-weight:var(--bold);}
main section.special h3 a{transition:all 0.5s;}
main section.special h3 a:hover img{opacity:var(--opacity);}
main section.special h3 img[src*="jojoen"]{width:240px;}
main section.special h3 img[src*="yebisubar"],
main section.special h3 img[src*="ginzalion"]{width:270px;}
main section.special div.group{background:var(--white);border-radius:15px;}
main section.special div.group+div.group{margin-top:30px;}
main section.special h4{margin:0 0 0.5em;font-size:var(--large);line-height:1.25em;font-weight:var(--bold);}
main section.special h5{padding:0.5em 0 0;font-size:var(--large);line-height:1.25em;}
main section.special h5 a{text-decoration:underline;}
main section.special h5 a:hover{text-decoration:none;}
main section.special p{font-size:var(--small);line-height:1.25em;}
main section.special p+p{margin-top:0.5em;}
@media (min-width:768px){
  main section.special{padding:60px 30px;}
  main section.special div.group{margin:0 auto;padding:45px;max-width:960px;}
  main section.special dl{display:flex;gap:30px;}
  main section.special dl dt{flex:1;}
  main section.special dl dd{width:270px;}
  main section.special ul{display:flex;gap:20px;flex-wrap:wrap;}
  main section.special ul li{width:calc((100% - 40px) / 3);}
}
@media (max-width:767px){
  main section.special{padding:60px 25px;}
  main section.special div.group{padding:30px;}
  main section.special dl dd{margin-top:30px;}
  main section.special ul li+li{margin-top:20px;}
  @media (min-width:540px){
    main section.special ul{display:flex;gap:20px;flex-wrap:wrap;}
    main section.special ul li{width:calc((100% - 20px) / 2);}
    main section.special ul li+li{margin-top:0;}
  }
}
/* normal */
main section.normal{margin:0 auto 90px;}
main section.normal h2{margin:0 auto 45px;font-size:36px;line-height:1.25em;color:var(--blue);text-align:center;font-weight:var(--bold);}
main section.normal div.explain{margin:0 auto 45px;}
main section.normal div.explain p{font-size:var(--large);}
main section.normal div.explain small{display:block;margin:15px 0 0;font-size:var(--small);line-height:1.5em;font-weight:var(--regular);}
main section.normal div.group+h2{margin-top:60px;}
main section.normal ul li{padding:20px;border:1px solid var(--border);border-radius:15px;overflow:hidden;}
main section.normal ul li img{margin:-20px -20px 20px;width:calc(100% + 40px);}
main section.normal h4{margin:0 0 0.5em;font-size:var(--large);line-height:1.25em;font-weight:var(--bold);}
main section.normal p{font-size:var(--small);line-height:1.25em;}
main section.normal p a{text-decoration:underline;}
main section.normal p a:hover{text-decoration:none;}
main section.normal p+p{margin-top:0.5em;}
main section.normal div.tags{margin-top:15px;}
@media (min-width:768px){
  main section.normal{padding:0 30px;max-width:1020px;}
  main section.normal div.explain{text-align:center;}
  main section.normal div.explain p{display:inline-block;margin:0 5px;}
  main section.normal ul{display:flex;gap:30px;flex-wrap:wrap;}
  main section.normal ul li{width:calc((100% - 60px) / 3);}
}
@media (max-width:767px){
  main section.normal{padding:0 25px;}
  main section.normal div.explain{text-align:}
  main section.normal ul li+li{margin-top:30px;}
  @media (min-width:540px){
    main section.normal ul{display:flex;gap:20px;flex-wrap:wrap;}
    main section.normal ul li{width:calc((100% - 20px) / 2);}
  main section.normal ul li+li{margin-top:0;}
  }
}
/* modal */
section.modal{position:fixed;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 0.5s ease, visibility 0.5s step-end;z-index:1000;}
section.modal div.background{position:absolute;inset:0;background:rgba(0,0,0,.5);}
section.modal div.dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden;background:var(--white);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:2;}
section.modal div.scroll{overflow-y:auto;}
section.modal.is-open{visibility:visible;opacity:1;pointer-events:all;transition:opacity 0.5s ease, visibility 0s;}
section.modal button{position:absolute;top:7.5px;right:7.5px;width:30px;height:30px;border:0;background:none;box-shadow:none;cursor:pointer;}
section.modal button::before,
section.modal button::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--black);transform-origin:center;}
section.modal button::before{transform:translate(-50%, -50%) rotate(45deg);}
section.modal button::after{transform:translate(-50%, -50%) rotate(-45deg);}
section.modal button:hover::before,
section.modal button:hover::after{opacity:var(--opacity);}
section.modal figure{display:block;margin:0 auto 30px;overflow:hidden;border-radius:15px;}
section.modal h3{margin:0 auto 30px;font-size:24px;line-height:1.25em;font-weight:var(--bold);}
section.modal h3 span{display:inline-block;font-size:var(--medium);}
section.modal h3 em{display:block;margin:0.5em 0 0;font-size:18px;line-height:1.25em;color:var(--gold);}
section.modal dl dt,
section.modal dl dd{position:relative;padding:0.3em 0 0 55px;min-height:40px;}
section.modal dl dt em,
section.modal dl dd em{position:absolute;top:0;left:0;display:block;width:40px;border-radius:50%;font-size:var(--xlarge);line-height:40px;color:var(--white);text-align:center;}
section.modal dl dt{padding-top:0.3em;font-size:var(--large);line-height:1.5em;color:var(--blue);font-weight:var(--bold);}
section.modal dl dt em{background:var(--blue);}
section.modal dl dd{font-size:var(--large);line-height:2em;}
section.modal dl dd em{background:var(--gray);}
@media (min-width:768px){
  section.modal div.dialog{width:720px;}
  section.modal div.scroll{padding:45px;max-height:calc(100vh - 120px);}
	section.modal dl dt{margin:0 0 15px;}
}
@media (max-width:767px){
  section.modal div.dialog{width:calc(100% - 50px);}
  section.modal div.scroll{padding:45px 30px;max-height:calc(100vh - 60px);}
	section.modal dl dt{margin:0 0 10px;}
}
/* aside */
aside{margin:0 auto 90px;text-align:center;}
aside h3{margin:0 auto 30px;font-size:24px;line-height:1.25em;color:var(--blue);text-align:center;}
aside ul li{position:relative;text-align:left;}
aside ul:nth-of-type(1){margin:0 auto 60px;}
aside ul:nth-of-type(1) li{padding:0 0 0 75px;}
aside ul:nth-of-type(2) li{padding:0 0 0 120px;}
aside ul li+li{margin-top:20px;}
aside ul li img{position:absolute;top:50%;left:0;width:auto;transform:translate(0,-50%);}
aside ul li img[src*="fukue"]{height:45px;}
aside ul li img[src*="youtube"]{height:45px;}
aside ul li img[src*="fukui291"]{height:60px;}
aside ul li img[src*="onlinestore"]{height:35px;}
aside ul li img[src*="fukui-san"]{height:65px;}
aside ul li b{display:block;margin:0 0 5px;font-size:var(--xlarge);}
aside ul li span{display:block;font-size:var(--medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
aside ul li a{transition:all 0.5s;}
aside ul li a:hover{opacity:var(--opacity);}
aside ul li a span{text-decoration:underline;}
aside ul li a:hover span{text-decoration:none;}
aside dl{display:flex;flex-wrap:wrap;gap:15px;margin:0 auto 60px;font-size:var(--xlarge);line-height:1em;white-space:nowrap;text-align:left;}
aside dl dt{width:8em;font-size:var(--large);}
aside dl.fair dt{width:12em;}
aside dl dd{width:10.5em;}
aside dl dd small{display:block;/*margin:0.5em 0 0;*/font-size:var(--medium);}
aside dl dd span:before{content:"@";}
@media (min-width:768px){
  aside{padding:0 30px;max-width:1020px;}
  aside ul{display:inline-block;}
  aside dl{justify-content:center;width:calc(8em + 10.5em + 30px);}
  aside dl.fair{width:calc(12em + 10.5em + 30px);}
}
@media (max-width:767px){
  aside{padding:0 25px;}
  aside dl{justify-content:center;width:calc(8em + 10.5em + 15px);}
  aside dl.fair,
  aside dl.fair dt,
  aside dl.fair dd{width:auto;}
}
/* footer */
footer{padding:60px 0;background:var(--lightgray);}
footer h3{margin:0 auto 30px;font-size:24px;line-height:1.25em;text-align:center;}
footer ul{display:flex;gap:15px;justify-content:center;margin:0 auto 45px;}
footer ul li img{width:45px;}
footer ul li a{transition:all 0.5s;}
footer ul li a:hover{opacity:var(--opacity);}
footer p{font-size:var(--medium);line-height:1em;text-align:center;}
@media (min-width:768px){
}
@media (max-width:767px){
}