<style>
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|Courgette');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=New+Tegomin&display=Klee+One:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed|Courgette');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=New+Tegomin&display=Klee+One:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corinthia&family=La+Belle+Aurore&family=Petemoss&family=Sacramento&family=Zen+Antique&display=swap');

* {
    margin: 0;
    padding: 0;
    font-family: 'メイリオ', 'Meiryo', sans-serif;
    color: #000
}

body {
        background-color: #2d6786;
        color: #ebebeb;
        font-size: 13px;
        line-height: 180%;
        letter-spacing: 2px;
        margin:0;
        padding: 0;
        font-family: 'メイリオ', 'Meiryo', sans-serif;
        word-break: break-all;
        text-align: justify;
}



    


.box{
    width: 98%;
    display:block;
    margin:4em auto;
    position:relative;
}
.flex{
    display:flex;
    width: 88%;
    margin: 0em 0 0 auto;
}



a{
    color:#fff;
    text-decoration:none;
}
a#sub {
    color: #dfdfdf;
}
c:hover, a:hover, sa, sa, summary::marker, summary::-webkit-details-marker, h11:hover, button#koibumi_btn:hover, h12#h12res:hover{
    color:  #F09199;
}
a#sub:hover, a#link:hover{
    color:#ecff4b;
}
a#name, reslog a, migi a{
    text-decoration: underline;
    font-weight:normal;
}
a#link{
    text-decoration: underline;
}
main a{
    font-family: 'Noto Serif JP', serif;
    font-weight:bold;
    line-height:300%;
}
main h12#h12res:hover{
    color:#fff;
}

/* 題名ヘッダー */
header {
    background-color: #2d6786;
    top: 0px;
    position:fixed;
    text-align:left;
    padding: 15px 0 0 0;
    margin: 0 auto 2px auto;
    height: auto;    
    font-size:20px;
    font-weight: bold;
    z-index: 1000;
}

small {
  font-size: 11px;
}

#link{
    margin: 0 1em 0 0;
    display: inline-block;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
}


/* ヘキサゴン画像 */
header img {
     width: 4%;
     margin: 0 0 0 0;
}
@media screen and (max-width:1024px) {
head1 img {
    width: 10%;
    height: auto;
    margin: 0px -28px 3px 1px;
    padding: 0;
}
}




.box1{
    display: block;
    width: 50%;
    margin: 0 0 7em auto;
    position: relative;
    padding: 1em;
}
.box1#top{
    margin:0 0 7em auto;
}
.box1#w100{
    width:100%;
}
#box1res, #box1res2, #box17, #box13{
    width: 100%;
    padding:0;
    margin:0;
}
#box1res2{
    padding: 0 10px;
}


#box17{
width: 66%;
}
#box13{
width: 33%;
}

.menu a{
    display:block;
    padding: 3px 0;
    font-size:13px;
}
.menu{
    font-size:11px;
    width: 10%;
    position:fixed;
    text-align-last: end;
    height: auto;
    font-weight: bold;
    z-index: 1000;
    bottom:0;
    padding:0 1em 0 0;
}

/* マーカー */
h11, h12{
    font-family: 'Sacramento', cursive, 'Zen Antique', serif;
    font-family: 'Petemoss', cursive;
    font-family: 'La Belle Aurore', cursive;
    font-family: 'Corinthia', cursive;
    font-weight:bold;
    color:#fff;
}
h11{
    font-size:20px;
}
h12{
    font-size: 26px;
    margin: 0 0 5px -25px;
    padding: 2px 20px 2px 25px;
    display: block;
    border-bottom: solid 1px #f9f9f9a1;
}
h12#h12res, h12#h12p{
border-left: solid 3px #f1f2f3;
    font-size:14px;
    font-weight:normal;
    font-family: 'Zen Antique', serif;
}
h12#h12p{
    background-color: #2d6786;
    margin: 0 -10px;
}

reslog a {
    display: block;
    text-align: right;
    padding: 0 2em 0 0;
}

migi{
    font-size:10px;
    font-weight:normal;
    display:inline-block;
    margin:0 0 0 2em;
}
p{
    margin:0;
}























/* 各長編ページ */
linitto,ligaka,lirakuen,li27,liankyo,lisyudo,
lisss,lisyuukan,lisenpai,lisai,
linero {
    padding: 0.2em;
    margin: 0px 0px 5px 0px;
    border-bottom: solid 2px #f1f2f39c;
}
lirakuen {
    border-bottom: solid 2px rgb(0 0 0 / 65%);
}
lisss a {
    font-weight: bold;
    border-bottom: solid 1px pink;
  }
linitto a:hover{
    color: #ED2061;
}
ligaka a:hover{
    color: #FFD900;
}
lirakuen a:hover{
    color: #78CDD1;
}
liankyo a:hover{
    color: #000;
}
lisyudo a:hover{
    color: #fff;
}
lisss a:hover{
    color: #e4e2d7;
}
lisyuukan a:hover{
    color: #3cb371;
}
lisenpai a:hover {
 color: pink;
}
lisai a:hover{
 color: #FF5733;
}
linero a:hover {
 color: #3c201a;
}


/* 色分け */
lino, linor, lis, lishi {
    padding: 0.2em;
    font-family: 'Noto Serif JP', serif;
}
ero, ero a{
    border-bottom: solid 1px pink;
}


/* 普通*/
lino, linor {
    border-bottom: solid 2px #f1f2f39c;
}

/* 暗い */
lis {
    border-bottom: solid 2px rgb(0 165 255 / 92%);
}

/* 死ネタ */
lishi {
    border-bottom: solid 2px rgb(0 0 0 / 65%);
}


/* ボックス内の線 */
.log {
    margin: 0 0 0 6px;
    padding: 5px 10px;
}
.lograkuen, .log27{
    padding: 0 10px;
    margin: auto auto 0 17px;
}
.lograkuen {
    border-left: solid 5px rgb(0 0 0 / 65%);
}
.log27 {
    border-left: solid 5px #F09199;
}










/* input text button koibumi */
input[type=button]{
    background: #ff9390;
    color: #f1f2f3;
width: 30px;
height: 30px;
    font-weight: bold;
text-align: center;
    border-radius: 0.5em;
    text-decoration: none;
}
input[type=submit]{
    background-color: #f1f2f3;
    color: #000;
    border-left: solid 6.5px #ff9390;
    padding: 1em 3em;
font-size: 8px;
    font-weight: bold;
    border-radius: 0.5em;
    text-decoration: none;
}
input,input[type="text"],input[type="number"],input[type="password"] {
    height: 30px;
    width: 80px;
    border-radius: 0.5em;
    text-decoration: none;
}

textarea#koibumi_text {
    box-sizing: border-box;
    font-size: 13px;
    padding: 0.35em 0.3em;
    width: 100%;
    margin: 0;
    border: 1px solid #000;
    height: 50px;
    background: #f1f2f3;
}
textarea#koibumi_text element.style {
width: none;
height: none;
}
button#koibumi_btn {
    background: #f1f2f3;
    color: #000;
    border-left: solid 6.5px #ff9390;
    border-radius: 0.5em;
    font-size: 7px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: block;
    width: 60px;
    height: 30px;
}
@media screen and (max-width:1024px) {
input[type=button]{
font-size: 8px;
}
button#koibumi_btn{
font-size: 9px;
}
}





img {
max-width:100%;
vertical-align:bottom;
display: inline;
}
.top-img{
    width: 75%;
    border: none;
    height: auto;
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.top-imgunder{
width: auto;
    border: none;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
}
.top-imgunder a{
margin: 1em;
}
 head2 {
  padding: 3px 0px 0px;
  font-size: 10px;
  z-index:999;
}
/* カウンター画像 */
head2 img {
background-color: #ffffff9c;
    width: 12px;
    margin: 0px 0px 8px 0px;
    }







    @media screen and (min-width:1024px) {
        #menus, .sumahoonly{
            display:none;
        }
        .sen, .sen2{
            border-left: solid 1px #cbcbcb;
            padding: 0 10px;
        }
       sumaho br{
            display:none;
       }
    }



    @media screen and (max-width:1024px) {
        .box{
            width:100%;
            margin: 0 auto;
            padding:0 3px;
        }
        .flex{
    width: 98%;
    display: block;
    margin: 0 0 0 auto;
    right: 0;
    position: relative;
        }
 small {
  font-size: 6px;
  color: #f1f2f3;
  font-weight:normal;
}
.flex small{
font-size: 11px;
}
small a#sub{
font-size: 12px;
}
        .box1#top, .box1#w100, .box1, .box1res.box1, .box1res2.box1, .box1res2, .box1res2.box1, .box17.box1, #box17.box1, .box13.box1, #box13.box1 {
width: 95%;
            margin: 4em 0 7em auto;
            padding:0 0;
    right: 0;
    position: relative;
        }
#box17.box1, #box13.box1 {
width:100%;
margin: 0 0;
}
        reslog a{
            padding: 0;
        }
        #box1res2 {
            padding:0;
        }
        .sen {
            border-left: solid 1px #cbcbcb;
            padding: 0 0 0 5px;
        }
        header{
            width:100%;
        }
        h12{
            margin: 0 0 5px -15px;
            padding: 2px 0 2px 15px;
        }
        h12#h12res,h12#h12p{
    margin: 10px 0 0 -15px;
        }
        #link{
            display:block;
        }
        .menu{
            display:none;
        }
        #menus a {
            text-decoration:none;
            }
            #menus {
                margin: 0 0;
                bottom: 0px;
                position: fixed;
                font-weight: bold;
                z-index: 999;
                display: block;
                font-size: 9px;
            }
            #menus li {
                list-style: none;
                padding: 0;
              writing-mode: vertical-rl;
                  -ms-writing-mode: tb-rl; 
                  -webkit-writing-mode: vertical-rl;
                  -o-writing-mode: vertical-rl;
            }
            #menus a {
            padding: 15px 0;
            }
            #menus li:nth-child(2) {
                background: rgb(0 0 0 / 20%);
                border-radius: 50px 50px 0 0;
                }
                #menus li:nth-child(10) {
                background: rgb(0 0 0 / 20%);
                border-radius: 0 0 50px 50px;
                }

foiti{
    font-size: 9px;
}
wa{
    margin: -1em 0 0 4.8em;
}
body{
max-width:100%;
}
main{
padding: 0 5px;
}
h12{
    background: linear-gradient(234deg, #ffffff 2%, #ffffff 2%, #e0e0e03b 37%, #ffffff00 79%);
}
h12#h12res, h12#h12p{
background: linear-gradient(124deg, #ffffff 0, #ffffff 0%, #ffffff 0%, #e0e0e03b 0%, #ffffff00 100%);
}
}

.name {
    width:75%;
   margin: 6em auto;
    display: block;
}
foiti{
    font-size: 9px;
}
wa{
    display: block;
    margin: -1.8em 0 0 4.8em;
}
</style>