@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

/* reset
--------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

/* clearfix 
--------------------------------------- */
.cf:after,
.cf:before{
  content:'';
  display:block;
  clear:both;
}
.cf{display:block;}
@media screen and (max-width:768px){
  .sp-cf:after,
  .sp-cf:before{
    content:'';
    display:block;
    clear:both;
  }
  .sp-cf{display:block;}
}

/* basic
--------------------------------------- */
body{
  width:100%;
  background-color:#fff;
  color:#6b696a;
  font-size:18px;
  line-height:1.5;
  font-family:Avenir,'Lato',sans-serif;
  font-weight:400;
  font-style:normal;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
       -o-text-size-adjust:100%;
          text-size-adjust:100%;
}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing: border-box;}
a{outline:none;text-decoration:none;color:#6b696a;}
a[href^="tel:"]{color:#6b696a;pointer-events:none;text-align:left;}
img{max-width:100%;height:auto;vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
.pc{display:block;}
.tab{display:none;}
.sp{display:none;}
.pcbr{display:inline;}
.fl{float:left;}
.fr{float:right;}
.contents{
  position:relative;
  width:100vw;
  margin:auto;
}
.wrap{
  position:relative;
  width:100vw;
  max-width:1000px;
  margin:auto;
}
@media screen and (max-width:1000px){
  .pc{display:block;}
  .tab{display:block;}
  .sp{display:none;}
}
@media screen and (max-width:768px){
  body{font-size:3.8vw;}
  h1,h2,h3,h4,h5,li,p{background:none;}
  a[href^="tel:"]{pointer-events:auto;}
  img{image-rendering:auto;}
  .contents{}
  .pc{display:none;}
  .tab{display:block;}
  .sp{display:block;}
}

/* wrapper
--------------------------------------- */
html{-ms-overflow-style:none;scrollbar-width:none;}
html::-webkit-scrollbar{display:none;}
h1{color:#fff;}

/* loading
--------------------------------------- */
.loading-sect{
  display:none;
  position:fixed;
  width:100vw;
  height:100vh;
  height:100dvh;
  top:0px;
  left:0px;
  background-color:#fff;
    z-index:1000;
  overflow:hidden;
}


body.noscroll{
  overflow:hidden;
}

/* header /navi
--------------------------------------- */
.header{
  width:100%;
  background-color:#fbb8df;
}
.header .wrap{
  width:1000px;
  margin:auto;
}
.header .navi-wrap{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:70px;
  padding:10px 0;
}
.header ul.navi{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:flex-start;
  width:460px;
  margin-right:60px;
  font-weight:700;
}
.header ul.navi li{}
.header ul.navi li a{
  border-bottom:2px solid rgba(251,184,223,0);
  transition:border 300ms;
}
.header ul.navi li a:hover,
.header ul.navi li.current a{
  border-bottom:2px solid rgba(250,136,202,0);
}
.header .book{
  width:160px;
  font-weight:700;
}
.header .book a{
  display:block;
  padding:6px 10px;
  color:#000;
  text-align:center;
  background:#fff;
  border-radius:3px;
  transition:background-color 300ms;
}
.header .book a:hover{
  background-color:#fa88ca;
}
.header .sp-header{display:none;}
@media screen and (max-width:1000px){
  .header .wrap{width:92%;}
}
@media screen and (max-width:768px){
  .header .sp-header{
    position:relative;
    display:block;
    width:100%;
    min-height:70px;
  }
  .header .toggle{
    position:absolute;
    top:3px;
    right:6px;
    width:64px;
    height:64px;
    cursor:pointer;
  }
  .header{
    position:fixed;
    top:0;
    width:100%;
    min-height:70px;
    z-index:100;
  }
  .header .wrap{
    width:100%;
  }
  .header .navi-wrap{
    position:fixed;
    top:70px;
    display:none;
    flex-wrap:normal;
    justify-content:normal;
    align-items:normal;
    width:100%;
    height:calc(100vh - 70px);
    padding:0;
    background-color:#fff;
    overflow:auto;
    z-index:99;
  }
  .header ul.navi{
    display:block;
    flex-wrap:notmal;
    justify-content:notmal;
    align-items:notmal;
    width:100%;
    margin-right:0;
    border-top:1px solid #6b696a;
    text-align:center;
  }
  .header ul.navi li{
    border-bottom:1px solid #6b696a;
  }
  .header ul.navi li a{
    display:block;
    width:100%;
    border-width:0;
    padding:4.0vw 0;
    transition:none;
  }
  .header ul.navi li a:hover,
  .header ul.navi li.current a{
    border-width:0;
  }
  /*.header .book{display:none;}*/
  .header .book{
    width:100%;
  }
  .header .book a{
    width:92%;
    margin:4.0vw auto;
    padding:4vw 2vw;
    background-color:#fa88ca;
    transition:none;
  }
  .header .book a:hover{
    background:#fa88ca;
  }
  /*  */
  .header .hd-space{
    position:absolute;
    top:0px;
    left:70px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    align-content:center;
    width:calc(100% - 160px);
    height:70px;
    text-align:center;
    line-height:1.0;
  }
  .header .hd-space .book a{
    width:60%;
    margin:auto;
    padding:2vw 5vw;
    background-color:#fff;
    transition:none;
  }
}

/* footer /sns
--------------------------------------- */
.sns{}
.sns .wrap{
  padding:40px 0;
}
.sns ul{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:320px;
  margin:auto;
  gap:40px;
}

.sns ul a{transition:opacity 300ms;}
.sns ul a:hover{opacity:0.7;}
@media screen and (max-width:768px){
  .sns .wrap{
    padding:4vw 0;
  }
  .sns ul{
    width:calc(100% - 160px);
    gap:5vw;
  }
  .sns ul a{transition:none;}
  .sns ul a:hover{opacity:1;}
}

/* footer /copy
--------------------------------------- */
.footer{
  width:100%;
  height:95px;
}
.footer .line{
  position:absolute;
  bottom:0;
  width:100%;
  height:22px;
  background-image:linear-gradient(90deg,#ffabe4,#ffabe4 50%,#f7aaa9 50%);
  z-index:-1;
}
.footer .btm-img{
  position:relative;
  width:1000px;
  height:95px;
  margin:auto;
  z-index:0;
}
@media screen and (max-width:768px){
  .footer{
    width:100%;
    height:initial;
  }
  .footer .line{display:none;}
  .footer .btm-img{
    width:100vw;
    height:initial;
  }
}

/* 
--------------------------------------- */
.main{padding-top:0;}
@media screen and (max-width:1000px){
  .main{padding-top:70px;}
}

/* key visual
--------------------------------------- */
.splash{}
.splash .wrap{
  width:100%;
  max-width:initial;
}
.splash .slider{
  width:100%;
  max-width:1194px;
  max-height:556px;
  margin:auto;
  overflow:hidden;
}
.splash .wrap a{display:block;transition:opacity 300ms}
.splash .wrap a:hover{opacity:0.8;}
@media screen and (max-width:768px){
  .splash .slider{
    width:100vw;
    max-width:initial;
    height:initial;
  }
  .splash .wrap a{transition:none}
  .splash .wrap a:hover{opacity:1;}
}

/* the show
--------------------------------------- */
.show{background-color:#ffe8f5;}
.show .wrap{
  padding:40px;
}
.show .event a{
  text-decoration:underline;
  transition:color 300ms;
}
.show .event a:hover{
  color:#fa88ca;
}
@media screen and (max-width:1000px){}
@media screen and (max-width:768px){
  .show .wrap{padding:7vw 4vw;}
  .show .event a{
    transition:none;
  }
  .show .event a:hover{
    color:#6b696a;
  }
}

/*  */
.show .book{margin-top:40px;}
.show .book a{
  display:block;
  width:180px;
  margin:auto;
  padding:10px 0;
  font-size:21px;
  line-height:1.0;
  /*font-weight:900;*/
  font-weight:600;
  color:#000;
  text-align:center;
  background-color:#fa88ca;
  border-radius:3px;
  transition:color 300ms;
}
.show .book a:hover{
  color:#fff;
}
@media screen and (max-width:768px){
  .show .book a{
    width:38vw;
    max-width:240px;
    padding:2.0vw 0;
    font-size:3.8vw;
    transition:none;
  }
  .show .book a:hover{
    color:#000;
  }
}

/* sponsored
--------------------------------------- */
.sponsored{
  background-color:#fff;
}
.sponsored .wrap{
  padding:40px 0;
}
.sponsored .inner{
  display:flex;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:flex-start;
}
.sponsored dl.banner{}
.sponsored dl.banner dt,
.sponsored dl.banner dd{
  text-align:center;
}
.sponsored dl.banner dt{
  margin-bottom:10px;
}
.sponsored dl.banner dd{}
.sponsored dl.banner dd img{
  width:auto;
  height:52px;
}
.sponsored dl.banner dd ul{
  display:flex;
  justify-content:center;
  align-items:center;
}
.sponsored dl.banner dd ul li{margin-right:20px;}
.sponsored dl.banner dd ul li:last-child{margin-right:0;}
.sponsored dl.banner dd ul li a{transition:opacity 300ms;}
.sponsored dl.banner dd ul li a:hover{opacity:0.7;}
@media screen and (max-width:768px){
  .sponsored .wrap{
    padding:4vw;
  }
  .sponsored .inner{
    display:block;
    flex-wrap:normal;
    justify-content:normal;
    align-items:normal;
  }
  .sponsored dl.banner{
    margin-bottom:7vw;
  }
  .sponsored dl.banner dt{
    margin-bottom:2vw;
  }
  .sponsored dl.banner dd img{
    height:auto;
  }
  .sponsored dl.banner dd ul{
    justify-content:space-around;
  }
  .sponsored dl.banner dd ul li{margin-right:4vw;}
  .sponsored dl.banner dd ul li:last-child{margin-right:0;}
  .sponsored dl.banner dd ul li a{transition:none;}
  .sponsored dl.banner dd ul li a:hover{opacity:1;}
}

/* pagetop
--------------------------------------- */
.pagetop-wrap{
  position:relative;
  width:1400px;
  margin:auto;
}
#pagetop{
  display:none;
  position:fixed;
  bottom:6px;
  width:64px;
  margin-left:1250px;
  opacity:1.0;
  cursor:pointer;
  z-index:20;
}
#pagetop:hover{opacity:0.7;}
@media screen and (max-width:1400px){
  .pagetop-wrap{
    width:100%;
  }
  #pagetop{
    margin-left:calc(100% - 120px);
  }
}
@media screen and (max-width:1000px){
  .pagetop-wrap{
    width:1000%;
  }
  #pagetop{
    right:6px;
    margin-left:0;
  }
}

/* used colors
--------------------------------------- */
/* Menu Bar*/
.color1{color:#fbb8df;}/*251,184,223*/
/*Section Background */
.color2{color:#ffe8f5;}
/*Call to Action (CTA) Button */
.color3{color:#fa88ca;}/*250,136,202*/
.black{color:#000;}
/* Menu Bar CTA Button*/
.white{color:#fff;}
/*color:#000;*/
/* Keaders & Body Copy */
.color4{color:#6b696a;}