@charset "utf-8";

/* ~~ まにまに丸ゴチック 202204更新~~ */

body {
background-image: url(/img/manimani/bg-manimani.jpg);
background-position:center;
background-repeat:repeat-y;
background-attachment:fixed;
}

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

h1, h2, h3, h4 {
}

.dl-button {
}

.manimani-box800 {
position: relative;
padding: 0;
margin: 25px 0 0 0;
width: 800px;
height: 70vh;
float: left;
}

.manimani-ill-nonono {
position: absolute;
left: 550px;
top: 55px;
z-index:13;
}

.manimani-ill-neko {
position: absolute;
left: 550px;
top: 55px;
z-index:14;
}

.manimani-ill-kage {
position: absolute;
left: 550px;
top: 55px;
z-index:12;
}

.manimani-ill-credit {
position: absolute;
left: 710px;
top: 540px;
z-index:15;
}

.manimani-catch {
position: absolute;
left: 160px;
top: 350px;
z-index:13;
}

.manimani-title {
position: absolute;
top: 0;
left: 660px;
z-index:12;
}

.manimani-midashi {
position: absolute;
top: 0;
left: 0;
z-index:11;
}

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

.manimani-img {
float: right;
}

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

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

#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;
}