/*
@font-face {
  font-family: 'karakaze_font';
  src: url('./karakaze_font/karakaze-R.woff') format('woff');
       url('./karakaze_font/karakaze-R.ttf') format('truetype');
       url('./karakaze_font/AnyConv.com__karakaze-R.eot') format("embedded-opentype");
       url('./karakaze_font/karakaze-R.svg') format('svg');
}*/

/*===========
inview
===========*/

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

/*===========
.imgBox
===========*/

.imgBox {
  text-align: center;
  margin: 50px 0;
}
.imgBox img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/*===========
.txtBox
===========*/

.txtBox {
  text-align: center;
}
.txtBox p {
  font-size: 60px;
  font-weight: bold;
  padding: 2em 0;
  margin: 0;
}

/*===========
base
===========*/

html {
  margin: 0;
  padding: 0;
}
body {
  font-family: 'Yomogi', cursive;
/*  font-family: "karakaze_font","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.8;
  margin: 0;
  padding: 0;
  background:radial-gradient(rgb(221, 238, 255), rgb(143, 199, 255)); ;
}
* {
  box-sizing: border-box;
}
.section {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 20px 500px;
  overflow-x: hidden;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}

.illust {
	width:90%;
  height:auto;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.disc {
  color:#eee;
}

/* 星空の背景のスタイル */
.stars {
  position: relative;
  width: 100%; /* 星空の横幅 */
  height:auto;
  /*height: 100vh;  星空の縦幅 */
  background-image: linear-gradient(0deg, #00dedc, #115d89, #080f1c); /* 星空の背景色 */
  overflow: hidden; /* 星が枠外にはみ出すのを防ぐ */
}

/* 星のスタイル */
.star {
  position: absolute;
  display: block;
  background-color: #fff; /* 星の色 */
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(#fff, 0.2); /* 星の影 */
  opacity: 0;
  animation: twinkle 5s infinite;
}

/* 星がキラキラ光るアニメーション */
@keyframes twinkle {
  0% {
    opacity: 0;
  }

  50% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}