@charset "UTF-8";
@import url("html5reset-1.6.1.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');



*{
 margin:0;
 padding:0;
}


/*ボディ*/

body{
 background:linear-gradient(rgba(25, 25, 112, 0.3), rgba(25, 25, 112, 0.5)) fixed, url(sea.jpg) no-repeat center / cover fixed;
 font-size:13px;
 font-family: 'Noto Serif JP', serif;
 color:#fff;
 letter-spacing:1px;
    /*モバイル端末でのテキストサイズの自動調整対策*/
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}


/*リンク*/

a{
 color:#fff;
 text-decoration:none;
}
a:hover{
 color:transparent;
 text-shadow:0 0 1px #fff3b8;
}



h1 {
    font-size: 16px;
    letter-spacing: 0;
    margin: 0 auto;
    padding: 0;
    font-weight: 200;
    writing-mode:tb-rl;
    writing-mode:vertical-rl;
        -moz-writing-mode:vertical-rl;
        -o-writing-mode:vertical-rl;
        -webkit-writing-mode:vertical-rl;
    letter-spacing: 5px;
    line-height: 200%;
}

h1 span{
 display:inline-block;
 width:1em;
 margin: 0 auto;
}

h2{
 font-size:10px;
 letter-spacing:3px;
}

h2:after{
 content:"";
 display:block;
 width:80px;
 height:1px;
 margin:3px 0;
 background:linear-gradient(90deg, rgba(255, 243, 184, 0.5), rgba(255, 243, 184, 0));
}

header{
 margin: 30px 0 15px;
 text-shadow:0 0 10px #fff3b8;
 text-align:center;
}

nav{
 text-align:center;
 margin:20px 0 40px;
 font-size:12px;
 letter-spacing:3px;
}

nav a{
    text-decoration: none;
    border-bottom: 1px solid #ccc;
}

article{
 max-width:600px;
 margin: 0 auto;
 padding:30px 40px;
 background:rgba(0, 0, 0, 0.3);
 line-height:200%;
 text-align:justify;
}

b{
 padding:2px 5px;
 background:rgba(255, 243, 184, 0.5);
 letter-spacing:2px;
}


br{letter-spacing:0;}

.blue{color: #08c2d4;}

.ruri{color: #1e50a2;}

.gray{
 color: #adadad;
 text-align:center;
}

.gray2{
 color: #adadad;
}

.hosoku{
 font-size:10px;
 color:#dedede;
}

}