@charset "utf-8";


/*基本設定-----------------------------------------*/
/* 隙間なく表示させるおまじない */
html, body { 
  margin: 0px;
  padding: 0px;
 }

/* ページ内全体の文字の設定と背景の設定 */
body {
    font-family: "Noto Serif JP", serif; 
    font-size: 1em;
    color: #333333;
    line-height:1.8em;
    background-color: #322A00;
    background-image: url(img/back.png);
    background-size: 390px;
    background-repeat: repeat-y;
    }

/* ページ内全体のリンクの文字色 */
a{text-decoration: none;}
a:link {color: #333333;} 

/* あとは自分で書いてみよう！ */
/* styles.css */


.keyvisual > img {
  width: 390px;
  position: absolute; /* 要素を自由配置可能に */
  z-index: 1;
}

.logo > img {
  width: 390px;
  position: absolute; /* 絶対配置 */
  top: 1000px;
  z-index: 4;
}

.setumei {
  position: absolute; /* 絶対配置 */
  top: 1200px;
  left: 22px;
  max-width: 390px;
  z-index: 3; /* 一番手前に配置 */
  text-align: center;
  font-size: 13px;
  line-height: 3.2; 
  letter-spacing: 2px;
  color: #512611;
  z-index: 4;
}

.charaback > img {
  width: 390px;
  position: absolute;
  top: 1930px;
  z-index: 2;
}

.chara > img {
  width: 390px;
  position: absolute;
  top: 2120px;
  z-index: 5;
}

.syoukai {
  position: absolute;
  top: 2260px;
  left: 60px;
  z-index: 3; /* 一番手前に配置 */
  text-align: right;
  font-size: 12.5px;
  line-height: 1.8; 
  color: #E3C77E;
  z-index: 6;
}

.okasi > img {
  width: 390px;
  position: absolute;
  top: 2565px;
  z-index: 7;
}

.tokutyo1 > img {
  width: 55px;
  position: absolute;
  top: 2470px;
  left: 80px;
  z-index: 8;
}

.tokutyo2 > img {
  width: 55px;
  position: absolute;
  top: 2940px;
  left: 175px;
  z-index: 10;
}

.rangdsya {
  position: absolute;
  top: 2468px;
  left: 140px;
  font-size: 12.5px;
  line-height: 1.8; 
  letter-spacing: 2px;
  color: #E3C77E;
  z-index: 9;
}

.choco {
  position: absolute;
  top: 2938px;
  left: 235px;
  font-size: 12.5px;
  line-height: 1.8; 
  color: #E3C77E;
  z-index: 11;
}

.sime {
  position: absolute; /* 絶対配置 */
  top: 3300px;
  left: 32px;
  max-width: 390px;
  z-index: 3; /* 一番手前に配置 */
  text-align: center;
  font-size: 13px;
  line-height: 3.2; 
  letter-spacing: 1px;
  color: #512611;
  z-index: 18;
}

.hoka > img {
  width: 390px;
  height: 650px;
  position: absolute;
  top: 3600px;
  z-index: 3;
}

.nakama {
  position: absolute;
  top: 3640px;
  left: 87px;
  font-size: 22px;
  letter-spacing: 10px;
  color: #E3C77E;
  z-index: 17;
}

.line1 > img {
  width: 390px;
  position: absolute;
  top: 3620px;
  z-index: 12;
}

.line2  > img {
  width: 390px;
  position: absolute;
  top: 3670px;
  z-index: 13;
}

.flame1 {
  position: absolute;
  top: 3735px;
  left: 173px;
  max-width: none; /* 親要素の制約を解除 */
  display: block; /* 不要な隙間を防ぐ */
  z-index: 19;
}

.flame2 {
  position: absolute;
  top: 3800px;
  left: 12px;
  max-width: none; /* 親要素の制約を解除 */
  display: block; /* 不要な隙間を防ぐ */
  z-index: 20;
}

.flame3 {
  position: absolute;
  top: 3995px;
  left: 45px;
  max-width: none; /* 親要素の制約を解除 */
  display: block; /* 不要な隙間を防ぐ */
  z-index: 21;
}

.tag > img {
  position: absolute;
  width: 390px;
  top: 120px;
  z-index: 22;
}

.rumand > img {
  position: absolute;
  width: 390px;
  top: 890px;
  z-index: 23;
}

.riele > img {
  position: absolute;
  width: 390px;
  top: 1750px;
  z-index: 24;
}

.sirube > img {
  position: absolute;
  width: 390px;
  top: 3380px;
  z-index: 25;
}

.seno > img {
  position: absolute;
  width: 390px;
  top: 2525px;
  left: 40px;
  z-index: 26;
}

.sens > img {
  position: absolute;
  width: 390px;
  top: 2850px;
  z-index: 27;
}

.footer {
  position: absolute;
  font-size: 8px;
  top: 4250px;
  left: 120px;
}