*{margin:0;padding:0;border:none;font-family:Verdana,san-serif;}
html,body {letter-spacing: 0;line-height: 1.8;color:#100a1d;margin:0;padding:0;}
img{border:0;}
a{color:#4939a4;text-decoration:none;}
a:hover{text-decoration:underline;}
a.more{font-weight: bold;display: block;text-align: center;}
h3{text-align: center;}

img{display:none;}
#content img{display:block;}

#head{height:110px;background-size:100% auto;}
.clear{clear:both;}

#content{display: block;padding:2% 10%;}

/* navi */
#navi{color:#eae9e5;width:100%;}

.navihead{max-width: 300px;}
.navihead img{width: 50%;max-width: 300px;}

.contents-navi a{color: #100a1d;}
.contents-navi ul {width:auto; display: flex;justify-content: flex-end;list-style: none;}
.contents-navi ul li{margin:0 0 0 10px;}


/* main-contents */
#main-contents{width:100%;padding:30px 0; font-size: 0.86rem; position: relative; display: flex; justify-content: center;}

#site {margin:0 auto 30px}
#site li{list-style: none;text-align: center;}
#site li a img{border:1px #cecece solid;}
#site li span{display:inline-block;padding-right: 10px; color:#6f2422;letter-spacing: 0em;font-weight: bold;}


#menu{width:100%;margin:0 auto;}
#menu ul {display:flex;align-items: center;justify-content: center;}
#menu ul li{display: block;text-align: center;width: 10%;}
#menu ul li a img{width: 100%;}

.me{width: 100%;padding:10px 0;}
.me img{width:100px;display: block;margin: 0 auto;}
.me p{text-align: center;}

#main{padding:20px 5px 40px;}

#foot{width: 100%; text-align:center; font-size: 0.7rem;}


/*memo*/
.memo_side{min-width:100px;}
.memo_side ul li{list-style: none; margin-bottom:1.2rem; }
.memo_side ul li a{ background: #ececec;  padding:3px 8px ;}

.page{background:#ececec;padding:30px;max-width:800px;margin:0 auto 40px;}
.memodate{display:flex; font-weight: bold; margin:0 0 10px 0;}
.month{font-size: 0.72rem; margin-right:5px;}
.day{ color:#ececec; background:#100a1d; padding:10px;}
.category{font-size: 0.64rem; color:#FFF; background:#100a1d;padding:2px 10px;}

.EntryText img{ width:350px; }
p.memomain img{margin:8px 0;}

@media(max-width: 541px){
#main-contents{flex-direction: column;}
.memo_side{order:2; margin:1.2rem 0 2rem;}
.memo_side ul li{display:inline-block; list-style: none; margin:0 0.4rem; }
}

#nin{opacity: 0;}

.prevnext{ display:flex; justify-content: space-between;}
.prevnext a{ padding:5px 20px; background:#FFF; line-height:1.8rem;border-radius: 1.8rem;}

.EntryTitle a{color:#100a1d;}
.EntryTitle {font-size:0.88rem; margin:1rem 0 2rem; border-bottom:1px solid #100a1d; }

.pagelink ul{text-align:center;}
.pagelink li{display: inline-block;; padding:10px;}
.pagelink li a{background:#ececec; padding:10px 12px; }


#copyright{display:none;}

@media (min-width: 541px) {.is_sp {display:none;}}
@media (max-width: 541px) {.page {padding:30px 15px;}#content{padding:2% 5%;} .EntryText img{ max-width:100%; }}

@media (max-width: 768px){
.navihead{display: block;margin:0 auto; max-width: 300px;}
.navihead img{display: block;margin:0 auto;}
.contents-navi{margin:30px 0;}
.contents-navi ul {justify-content:center;}
.contents-navi ul li{font-size: 1.1rem; margin:0;padding:0 1.5%;}

p.memomain img {max-width: 100%;}

body {margin: 0;font-family: arial;width: 100vw;height: 100vh;animation: bugfix infinite 1s;-webkit-animation: bugfix infinite 1s;}


@keyframes bugfix {from {padding: 0;}to {padding: 0;}}
@-webkit-keyframes bugfix {from {padding: 0;}to {padding: 0;}}
#overlay-button {position:fixed;right: 0;top: 0;padding: 26px 11px;z-index: 5;cursor: pointer;user-select: none; background:#100a1d;}
#overlay-button span {height: 4px;width: 35px;border-radius: 2px;background-color: #FFFFFF;position: relative;display: block;transition: all .2s ease-in-out;}
#overlay-button span:before {top: -10px;visibility: visible;}
#overlay-button span:after {top: 10px;}
#overlay-button span:before, #overlay-button span:after {height: 4px;width: 35px;border-radius: 2px;background-color: #FFFFFF;position: absolute;content: "";transition: all .2s ease-in-out;}
#overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {background: #FFFFFF;}

.is_sp{position: relative;z-index:99;}
.is_sp input[type=checkbox] {display: none;}
.is_sp input[type=checkbox]:checked ~ #overlay {visibility: visible;}
.is_sp input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {background: transparent;}
.is_sp input[type=checkbox]:checked ~ #overlay-button span:before {transform: rotate(45deg) translate(7px, 7px);}
.is_sp input[type=checkbox]:checked ~ #overlay-button span:after {transform: rotate(-45deg) translate(7px, -7px);}

#overlay {height: 100vh;width: 100vw;background: #b4b4b9;z-index: 2;visibility: hidden;position: fixed;}

#overlay ul {display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;height: 100vh;padding-left: 0;list-style-type: none;}
#overlay ul li {padding: 0.5em;}
#overlay ul li a {color: #fff;text-decoration: none;font-size: 1.5em;}
#overlay ul li a:hover {color: #000!important;}

textarea{width: 100%;}
}