@charset "utf-8";
/* root */
:root{
  --regular:400;
  --bold:600;
  --xbold:700;
  --xsmall:10px;
  --small:12px;
  --medium:15px;
  --large:18px;
  --xlarge:24px;
  --border:#ddd;
  --lightgray:#bbb;
  --gray:#888;
  --black:#222;
  --white:#fff;
  --opacity:0.75;
}
/* outline */
.frontcolor-8{fill:#ddd;}
.backcolor-7{fill:#ddd;}
/* logo */
.frontcolor-10{fill:#2d2d32;}
.logo-1{background:#2d2d32;}
.logo-2{background:#f0e132;}
.logo-3{background:#ebf0f5;}
/* deck */
.frontcolor-5{fill:#db90ae;}
.backcolor-3{fill:#db90ae;}
.deck-1{background:#db90ae;}
.deck-2{background:#eae3db;}
.deck-3{background:#3d3934;}
.deck-4{background:#b6b0a7;}
.deck-5{background:#3352de;}
.deck-6{background:#5ea89b;}
.deck-7{background:#d7d648;}
.deck-8{background:#d3cdbb;}
/* bottom */
.frontcolor-12{fill:#e6eaeb;}
.backcolor-12{fill:#e6eaeb;}
.bottom-1{background:#e6eaeb;}
.bottom-2{background:#2965ab;}
.bottom-3{background:#a73c9a;}
.bottom-4{background:#2d2d32;}
/* outsiderail */
.frontcolor-6{fill:#bc2824;}
.backcolor-4{fill:#bc2824;}
.outsiderail-1{background:#bc2824;}
.outsiderail-2{background:#d88caa;}
.outsiderail-3{background:#0a0907;}
.outsiderail-4{background:#e8bf41;}
.outsiderail-5{background:#b8ca40;}
/* insiderail */
.frontcolor-9{fill:#bc2824;}
.backcolor-8{fill:#bc2824;}
.insiderail-1{background:#bc2824;}
.insiderail-2{background:#d88caa;}
.insiderail-3{background:#b8ca40;}
/* material */
.frontcolor-1{mix-blend-mode:multiply;opacity:.75;}
.backcolor-1{mix-blend-mode:multiply;opacity:.75;}
/* shadow */
.frontcolor-7{isolation:isolate;}
.backcolor-6{isolation:isolate;}
.frontcolor-2{fill:url(#frontgradation-49-2);}
.frontcolor-3{fill:url(#frontgradation-49-3);}
.frontcolor-4{fill:url(#frontgradation-50-2);}
.frontcolor-11{fill:url(#frontgradation-102);}
.frontcolor-13{fill:url(#frontgradation-38);}
.frontcolor-14{fill:url(#frontgradation-73);}
.frontcolor-15{fill:url(#frontgradation-70);}
.frontcolor-16{fill:url(#frontgradation-49);}
.frontcolor-17{fill:url(#frontgradation-59);}
.frontcolor-18{fill:url(#frontgradation-50);}
.backcolor-2{fill:url(#backgradation-38-2);}
.backcolor-5{fill:url(#backgradation-105-2);}
.backcolor-9{fill:url(#backgradation-107);}
.backcolor-10{fill:url(#backgradation-105);}
.backcolor-11{fill:url(#backgradation-102);}
.backcolor-13{fill:url(#backgradation-38);}
.backcolor-14{fill:url(#backgradation-65);}
.backcolor-15{fill:url(#backgradation-73);}
.backcolor-16{fill:url(#backgradation-70);}
.backcolor-17{fill:url(#backgradation-59);}
.backcolor-18{fill:url(#backgradation-53);}
/* body */
body{margin:0;padding:0;background:var(--white);box-sizing:border-box;font-size:var(--medium);color:var(--black);font-weight:var(--regular);font-family:"Noto Sans JP", sans-serif;letter-spacing:0.05em;overflow-x:hidden;}
/* default */
header,nav,footer,main,section,aside,article,hgroup,div,span,em,i,b,strong,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,input,select,textarea,hr,button,a,figure,picture{margin:0;padding:0;box-sizing:border-box;}
figure,picture{display:block;}
th,b,strong,h1,h2,h3,h4,h5,h6{font-weight:var(--bold);}
input,select,textarea,button{font-weight:var(--regular);}
input,select,textarea,button{display:block;-webkit-appearance:none;}
ul,ol{list-style:none;}
i,em{font-style:normal;}
svg, img, video{display:block;border:0;outline:0;width:100%;}
a{color:var(--black);}
a:hover{text-decoration:none;}
a img:hover{opacity:var(--opacity);}
sup{position:relative;top:-0.1em;vertical-align:top;}
p{font-size:var(--medium);line-height:2em;}
p small{display:block;font-size:var(--xsmall);line-height:1.5em;color:var(--gray)}
p + p{margin-top:1em;}
hr{margin:20px 0;padding:0;border:0;height:0;}
table{margin:0 auto;border-collapse:collapse;border-spacing:0;width:auto;}
table tr > *{padding:5px 0;border:0;}
table th{padding-right:15px;text-align:left;}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"]{;}
input[type="radio"], input[type="checkbox"]{}
select{}
textarea{}
input[type="submit"]{}
input[type="submit"]:disabled{}
button{border:0;}
/* slick */
.slick-dots{position:relative;bottom:0;line-height:0;}
.slick-dots li{display:inline-block;margin:0 5px;border:0;width:auto;height:auto;}
.slick-dots li button{background:var(--lightgray);border:0;border-radius:50%;width:10px;height:10px;cursor:pointer;}
.slick-dots li.slick-active button{background:var(--black);}
.slick-dots li button:before{display:none;}
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
}
/* header */
header{padding:30px 0;}
header img{margin:0 auto;width:150px;}
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
}
/* main */
main{margin:0 auto 30px;padding:0 30px;}
main figure{margin:0 auto;}
main h4{font-size:var(--medium);line-height:1em;font-family:Oswald;font-weight:var(--regular);}
main h4 em{display:block;margin:0.5em 0 0;font-size:var(--xsmall);line-height:1em;color:var(--gray);}
main p{margin:30px 0 0;text-align:center;}
main p small{margin:15px 0 0;}
main ul{display:flex;gap:10px;margin:0;padding:0;list-style:none;}
main ul li{border:1px solid var(--border);width:20px;height:20px;cursor:pointer;font-size:0;line-height:0;}
main ul li.selected{border-color:var(--gray);}
main ul li:not(.disabled):hover{opacity:var(--opacity);}
main ul li.disabled{position:relative;overflow:hidden;cursor:default;}
main ul li.disabled:before,
main ul li.disabled:after{position:absolute;display:block;content:""; top:50%;left:50%;background:var(--border);width:1px;height:30px;}
main ul li.disabled:before{transform:translate(-50%,-50%) rotate(45deg);}
main ul li.disabled:after{transform:translate(-50%,-50%) rotate(-45deg);}
main dl{display:flex;flex-wrap;justify-content:center;margin:15px 0 0;font-size:var(--xsmall);}
@media screen and (min-width:768px){
  main section{margin:0 auto;max-width:720px;}
  main figure{display:flex;max-width:720px;}
  main ul{/*max-width:200px;*/}
}
@media screen and (max-width:767px){
  main figure{max-width:360px;}
  main p small{padding:0 0 0 1em;text-indent:-1em;text-align:left;}
}
/* aside */
aside{padding:60px 30px;}
aside p{text-align:center;}
aside p img{margin:0 auto;max-width:360px;}
aside ul{display:flex;margin:30px auto 0;gap:10px;flex-wrap:wrap;max-width:380px;justify-content:center;}
aside ul li img{margin:0 !important;width:120px;}
@media screen and (min-width:768px){
  aside{margin:0 auto;max-width:720px;}
}
@media screen and (max-width:767px){
}
/* footer */
footer{padding:30px 0;}
footer p{font-size:var(--medium);font-family:Oswald;text-align:center;}
@media screen and (min-width:768px){
}
@media screen and (max-width:767px){
}