@charset "UTF-8";

/*================================================
 *  一般・共通設定
 ================================================*/
body {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
.scroll-area {
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-points-y: repeat(100%);
  scroll-snap-points-y: repeat(100%);
}
.box {
  width: 100%;
  height: 100vh;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center; /* 縦方向中央揃え */
  flex-direction: column;
}
.menuheader {
  background-color: #351212;
  height: 45px;
}
.menuheader p {
  margin-top: 20px;
  margin-left: 10px;
  padding: 0;
}

/*************************
top
*************************/

.toparea {
	background: url(../hutanari_miko_novel/01_bg.jpg);
	background-color: #30358e;
	background-repeat: no-repeat;
	background-position: top center;
	height: 795px;
}

/*************************
menu
*************************/

.menud{
	background-image:url("../hutanari_miko_novel/02_menubg.png");
	background-color: #30358e;
	background-repeat: no-repeat;
	background-position: top center;
	width:100%;
	height: 190px;
}

.menudcontainer {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 800px;
	position: relative;
	height: 190px;
}

.menudtext {
	font-size: 20px;
	color: #fff;
	text-align: left;
}

/*************************
title
*************************/

.titled{
	background-image:url("../hutanari_miko_novel/03_bg01.jpg");
	background-color: #30358e;
	background-repeat: no-repeat;
	background-position: top center;
	height: 500px;
}

/*************************
txtarea
*************************/

.txtarea{
	background-image:url("../hutanari_miko_novel/04_bg.png");
	background-color: #30358e;
	background-repeat: repeat-y;
	background-position: top center;
	height: 5700px;
}


.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 920px;
  position: relative;
  min-height: 100vh;
}

.container::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 800px;
  height: 1350px;
  background: url("../hutanari_miko_novel/04_charabg01.png") no-repeat center bottom;
  background-size: cover;
  z-index: 0;
}

.content {
  position: relative;
  z-index: 1; /* 背景より上 */
  color: #30358e;
}

.text {
  font-size: 18px;
  color: #fff;
  text-align: left;
}

/*************************
totop
*************************/

.totop{
	background-color: #30358e;
	background-position: top center;
	height: 40px;
}

.totoptext {
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.back-to-top {
  text-align: center;
  color: #fff;
  padding: 0 0 10px 0;
  z-index: 2;
}