@charset "utf-8";

/* ~~ なのゴシック 202204更新~~ */

#Page {
background-color: transparent;
}

body {
background-image: url(/img/nano/nano-image.png);
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:contain;
}

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

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

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

.nano-title {
position: absolute;
top: 50px;
left: 200px;
z-index:12;
}

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

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

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

#navi li {
background-color: none;
width: 220px;
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;
}

/* ~~ 画像切り替え ~~ */

.gazo a {
    width: 800px;
    height: 610px;
    background: url(/img/nano/nano-w0-9a.png) no-repeat;
    display: block;
    text-indent: -9999px;
}
 
.gazo a:hover {
    background-image: url(/img/nano/nano-w0-9b.png);
}

/* ~~ キャプション ~~ */

.caption  {
font-size: 80%;
line-height: 1.75;
margin: 20px 0 20Px 0;
}