dialog{margin:auto;padding:0;border:none;box-shadow:0 0 10px #e1ffdd;transition:opacity .3s ease-in-out,scale .3s cubic-bezier(.37,.94,.77,1)}dialog::backdrop{background-color:#000000b3;transition:opacity .3s ease-in-out}dialog.hidden{opacity:0;scale:0}dialog.hidden::backdrop{opacity:0}dialog .dialog_inner{padding:20px;border:5px solid #e1ffdd}dialog .dialog_inner>.contents{padding:0}dialog .dialog_inner>button{display:flex;justify-content:center;align-items:center;margin:20px auto 0;padding:.9em 2em;border:3px solid #fff;border-radius:5px;background-color:#d02525;color:#fff;font-weight:700;font-size:18px;transition:border-color .3s ease,background-color .3s ease,color .3s ease}dialog .dialog_inner>button:hover{border-color:#d02525;background-color:#fff;color:#333}body.sun dialog .dialog_inner{background:radial-gradient(circle,transparent 10%,#a1ecff 10%,#a1ecff 90%,transparent 90%,transparent),radial-gradient(circle,transparent 10%,#a1ecff 10%,#a1ecff 90%,transparent 90%,transparent) 50px 50px,linear-gradient(#fff 4px,transparent 4px) 0 -2px,linear-gradient(90deg,#fff 4px,#a1ecff 4px) -2px 0;background-size:100px 100px,100px 100px,50px 50px,50px 50px}body.moon .dialog_inner{background:radial-gradient(circle,transparent 10%,#1f0569 10%,#1f0569 90%,transparent 90%,transparent),radial-gradient(circle,transparent 10%,#1f0569 10%,#1f0569 95%,transparent 95%,transparent) 50px 50px,linear-gradient(#ffc107 4px,transparent 4px) 0 -2px,linear-gradient(90deg,#ffc107 4px,#1f0569 4px) -2px 0;background-size:100px 100px,100px 100px,50px 50px,50px 50px}body.sun dialog .dialog_inner>button{border-color:#d02525;background-color:#fff;color:#333}body.sun dialog .dialog_inner>button:hover{border:3px solid #fff;background-color:#d02525;color:#fff}body.moon dialog .dialog_inner>button{border:3px solid #fff;background-color:#d02525;color:#fff}body.moon dialog .dialog_inner>button:hover{border-color:#d02525;background-color:#fff;color:#333}.hd01{font-family:kurobara,Noto Sans JP,sans-serif;line-height:1.3}.hd02{line-height:1.3}.hd04{font-size:16px;font-weight:400;margin-bottom:.5em;@media screen and (max-width:767px){font-size:2.35vw}@media screen and (max-width:580px){font-size:3vw}}.hd05{font-size:18px;font-weight:700;margin-bottom:1em;@media screen and (max-width:767px){font-size:2.35vw}@media screen and (max-width:580px){font-size:3.2vw}}.timeline{margin-bottom:1em;>li{line-height:1.5;@media (min-width:768px){display:flex;flex-wrap:wrap;>.timeline_date{text-align:right;width:8.5em;padding:.5em 1em .5em 0;position:relative;&:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:#9e0065;position:absolute;top:14px;right:-7px}}>.timeline_text{width:calc(100% - 8.5em);padding:.5em 0 2em 1em;border-left:2px solid #ccc}}@media screen and (max-width:767px){border-bottom:1px solid #ccc;margin-bottom:1em;padding-bottom:.5em;>.timeline_date{display:flex;font-weight:700;margin-bottom:.25em;&:before{content:"";display:block;width:.8em;height:.8em;border-radius:50%;background-color:#9e0065;margin:.35em .25em .35em 0}}}}}.select_btn{font-size:clamp(16px,20 / 767 * 100vw,20px);display:flex;flex-wrap:wrap;justify-content:center;gap:.8em;li{color:#ffe550;background-color:#810032;padding:10px;border:2px solid #4e0c00;border-radius:10px;transition:color .3s,background-color .3s;cursor:pointer;&:hover,&.active{color:#810032;background-color:#ffe550}&.sp{background-color:#1a8100;border:5px double #4e0c00;&:hover,&.active{color:#1a8100;background-color:#ffe550}}}}.menu_guide{animation:mg_show .5s cubic-bezier(.4,0,1,1)}@keyframes mg_show{0%{opacity:0}to{opacity:1}}.toSelect{max-width:800px;margin:clamp(10px,30 / 767 * 100vw,30px) auto;text-align:right;.toSelectBtn{font-weight:700;line-height:1.5;display:inline-block;>a{display:block;border:1px solid #9d2328;background-color:#fff;border-radius:10px;padding:clamp(10px,20 / 767 * 100vw,20px);transition:background-color .3s;&:hover{background-color:#ffe550}}}}.menu_guide_mv{margin-bottom:1em;a{display:block;transition:opacity .5s;img{width:100%;height:auto}&:hover{opacity:.7}}}.image_list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:min(4vw,30px)}.image_list>li{width:45%;@media screen and (max-width:743px){width:90%}}.image_list>li>a{display:block;transition:opacity .5s;&:hover{opacity:.7}}.image_list>li img{width:100%;height:auto}