@CHARSET "utf-8";

* { padding: 0pt; margin: 0pt; }

body { 
  background-color: #FFAF00; 
  font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

h1 { 
  height: 40px;
  font-size: xx-large;
  font-family: "Times New Roman", Times, serif;
}

a { text-decoration: none; }
a:link    { color: #0000ee; }
a:visited { color: #0000aa; }

input.err { background-color: orange; }

/* === blog ========= */

#outer {
  width: 95%;
  height:auto;
  background-color: white;
  margin: 10px;
}

#inner {
  float:left;
  width: 100%;
}

#header{
  border-radius: 1em;  
}

#header img{
  margin:0;
  clip:rect(200px 0px 600px 900px);
}

#header #blog-title {
  text-indent: 10px;
}

#header a:link{ color:black }
#header a:visited{ color:black }

#menu{
  width:200px;
  text-align:left;
  vertical-align: top;
  float:left;
  background-color: white;
  margin:10px 5px 10px 0px; 
  border-radius: 1em;  
}

#menu div {
  margin: 10px
}
#menu hr {
  margin: 10px
}

#menu div h2 {
  font-size: small;
  text-indent: -3px;
}

#menu #recent li {
  font-size:small;
  list-style-type:disc;
  margin-top:3px;
  margin-left:15px;
}

#menu #recent li.more {
  list-style-type: none;
  text-align: right;
}

#menu #category li {
  font-size:small;
  list-style-type: none;
  margin-top: 3px;
}

#menu #powered {
  text-align: center;
}

#menu #powered img {
  width:120px;
}

#content{
  background-color: white;
  margin:10px 0px 10px 210px;
  padding: 10px;
  border-radius: 1em;
  overflow: hidden;
}



#entry-body ul {
  margin-left:20px;
}

#entry-body ol {
  margin-left:20px;
}

#entry-body .highlight {
  padding:10px 10px;
}

#entry-body p, #entry-body ul {
  margin-top:1em;
  margin-bottom:1em;
}

#entry-body img {
  max-width: 100%;
  height: auto;
}

#entry-body h1, #entry-body h2, #entry-body h3, #entry-body h4, #entry-body h5, #entry-body h6 {
  margin-top:2em;
  margin-bottom:1em;
}

#footer{
  width:760px;
  text-align:left;
  background-color: black;
  color: white;
  clear: left;
}

.ul_none li {
  list-style-type:none;
}

.social-icons {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 15px;
}

.social-icons a {
  text-decoration: none;
  color: #333;
  font-size: 24px;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: #0077b5;
}


blockquote {
    position: relative;
    width: fit-content;
    padding: 50px 20px 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    color: #cfcfcf;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}