@charset "utf-8";

/* ~~ ぬばたまみんちょう 202204更新~~ */


body {
background-image: none;
}

body p {
font-family: 'Yakumono', 'Zen Old Mincho', 'YuMincho Medium', 'YuMincho','Yu Mincho Demibold',serif;
}

.box100vh-800 {
position: relative;
padding: 0;
margin: 0;
width: 800px;
height: 100vh;
float: left;
}

.nubatama-titlebox {
padding: 0;
margin: 0;
width: 800px;
height: 75vh;
}

#iroha { position:relative;  top:0; left:0; width:800px; height:600px; }
#iroha img { position:absolute; top:0; left:0; z-index:8; }
#iroha img.active { z-index:10; }
#iroha img.last-active { z-index:9; }

.nubatama-title {
position: absolute;
top: 80px;
left: 370px;
z-index:12;
}

/* ~~ ナビゲーション ~~ */

#navi {
position: relative;
width: 180px;
float: right;
z-index:14;
}

#navi ul {
margin: 0;
padding: 0;
}

#navi li {
background-color: #FFF;
width: 180px;
list-style: none;
margin: 0;
}

#navi  li a {
display: block;
position: static;
line-height: 100%;
padding: 6px;
}

#navi  li a:hover {
background-color: #EEE;
transition: all  0.1s ease;
}

/* ~~ 出現するタイトル ~~ */

.title-mini {
position: fixed;
top: 25px;
left: 25px;
}