@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");
@import url('https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@100;400;700;800&display=swap');

:root {
  --Col-blue:#008FFC;
  --Col-navy:#294BC6;
  --Col-red:#FF3C78;
  --Col-purple:#A769FF;
}
html { scroll-behavior: smooth }
aside { background: linear-gradient(180deg, #294BC6, #00C0FC); padding: 0 }
aside.pcLeft a.draLogo { width: min(10vw,100px) }
aside.pcLeft .logoWrap { background: url(./image/logoBg.webp); background-position: center center; width: 100%; height: min(100%,816px); display: flex; align-items: center; justify-content: center }
main {
  overflow: hidden;
  background-color: #FFF;
  font-size: min(5.1vw,25px);
  line-height: 1.6;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  position: relative;
}
section { position: relative; box-sizing: border-box; background-image: url(./image/bg.png) }
section:nth-of-type(odd) { background-color: #008FFC }
section:nth-of-type(even) { background: url(./image/bg.png),linear-gradient(180deg, #FF3C78, #FFA074) }
a[name] { margin-top: -33px; padding-top: 33px }
a:hover { text-decoration: none }
.full-image > img { display: block; margin-left: auto; margin-right: auto }

/*ボタン*/
.btn { display: inline-block; font-size: min(5vw,26px); padding: 0.3rem 0; border-radius: 50px; text-decoration: none; width: min(80%,380px); font-weight: 700; text-align: center }
.btn.btnS { width: min(48%,220px); font-size: min(2.6vw,19px); }
a.btn.blue { background-color: var(--Col-blue); color: #FFF }
a.btn.navy { background-color: var(--Col-navy); color: #FFF }
a.btn.red { background-color: var(--Col-red); color: #FFF }
a.btn.purple { background-color: var(--Col-purple); color: #FFF }
a.btn.right { border-radius: 12px 0 0 12px; position: absolute; right: 0; padding: 10px 20px; width: min(50%,300px) }
a.btn.icon { display: flex; align-items: center }
a.btn.icon::after { content: ""; width: min(30px); height: min(30px); background: url(./image/btnIcon.webp) no-repeat; display: block; margin-left: 1rem }
.btn.noLink { background-color: #999; color: #FFF }
/* TITLE */
.title { text-align: center }
.title img { max-width: 80vw; width: auto; }
h2 { font-weight: 800; color: var(--Col-navy); font-size: min(7vw,40px); line-height: 1.3; text-align: center; }

/* CONTENTS */
.bar { background-color: var(--Col-navy); color: #FFF; font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-size: min(55%,22px); display: flex; justify-content: space-between; padding: 0 1rem; }
.inner { width:min(100%,750px); margin: 0 auto; padding: 1rem 0.5rem 2rem; box-sizing: border-box }
.inCont { background-color: #FFF; border: var(--Col-navy) 4px solid; border-radius: 30px; padding: min(5vw,2rem); margin-bottom: 2rem }
.inCont .notice { text-align: left; border-radius: 10px; padding: min(5vw,1rem); }
section:nth-of-type(odd) .inCont .notice { background-color: #E8F7FF }
section:nth-of-type(even) .inCont .notice { background-color: #FFE7EF }

/* スケジュール */
#scheduleWrap .inner {
  background-image: url(./image/schedule0524.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: min(100%,746px) auto;
  width: min(100%,750px);
  height: min(50vw,384px);
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: min(33vw,23%) min(14vw,6rem) 0;
}

/* プレゼント */
#presentWrap .inCont { padding-top: 0 }
#presentWrap .inCont > div:first-of-type i { background-color: var(--Col-navy); color: #FFF; border-radius: 0 0 10px 10px; display: inline-block; padding: 5px 1.5rem; font-style: normal }

/* 新着情報 */
#newsWrap { background-color: #FFF }
#newsWrap ul { padding: 1rem 1rem 3rem }
#newsWrap ul li { border-bottom: #B4B4B5 2px solid; padding: 1rem 0 }
#newsWrap ul li:first-of-type { border-top: #B4B4B5 2px solid; }
#newsWrap ul li a { display: flex; color: #000; text-decoration: none }
#newsWrap ul li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  padding-right: 0.8rem;
  color: var(--Col-red);
}

/*==================================================
FONT
==================================================*/
  *[class^="font"] { font-style: normal }/*fontで始まる*/
/*
Duckie Regular
font-family: "duckie", sans-serif;
font-weight: 400;
font-style: normal;

Futura PT Bold
font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
font-style: normal;

.line-seed-jp-thin {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.line-seed-jp-regular {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.line-seed-jp-bold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.line-seed-jp-extrabold {
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 800;
  font-style: normal;
}
*/

/*==================================================
～960
==================================================*/
@media screen and ( max-width:960px) {
  a[name] { margin-top: -20.5vw; padding-top: 20.5vw }
}