header{margin-bottom: 30px;}
header section{display: flex;justify-content:center;align-items: center;min-height: 100px;flex-direction: column;}
header h1{font-family: 'Shippori Mincho', serif;margin-bottom: 30px;font-size:30px;margin-bottom: 0px;}
header h2{font-family: 'Cormorant', serif;margin-bottom: 30px;font-size:18px;line-height: 100%;}

hr{display:none;}

body{font-family: 'Shippori Mincho', serif;}
main{padding-left:10px;padding-right:10px;}
.section{margin-left: auto;margin-right: auto;min-width: 760px;max-width: 960px;}

.nav{background: rgba(255,255,255,0.80);width:100%;border-top: 1px solid gray;border-bottom: 1px solid gray;margin-bottom: 30px;}
.nav nav,.nav nav ul,.block nav ul{display: flex;justify-content: space-between;}
.nav nav ul {border-left: 1px solid gray;}
.nav a{border-right: 1px solid gray;display: block;padding:10px;}
.block nav ul a{padding:10px;display: block;}

.bg{position: fixed;top:0;}
.bg2{padding-top:100px;}
.title{font-size:130%;font-weight: 600;border-bottom: 1px solid gray;}
.title a{display: flex;color: black;}
.title a:hover,.nav nav a:hover,.block nav ul a:hover{background-color: crimson;color:white;}
.title span{padding:2%;text-align: center;border-right: 1px solid gray;display: flex;align-items: center;}
.title p{padding:2%;flex-grow: 1;font-size:130%;display: flex;align-items: center;}
.cap{font-size:130%;margin-bottom: 10px;}
.block{margin-bottom: 30px;border: 1px solid gray;background-color: #fafafa;}
.entry-content{padding:2%;}
.main-img{margin-bottom: 20px;}

.entrybody{margin-bottom: 20px;font-size:120%;}
.entrybody div p {margin-bottom: 15px;}
.entrybody h3{font-size:130%;font-weight: 600;border-bottom: 1px dotted gray;margin-bottom: 10px;}
.entrybody div{margin-bottom: 30px;}
.entry .info{border-top: 1px solid gray;display:flex;}
.entry .info time,.entry .info .cat{padding:2%;}
.entry .info time{border-right: 1px solid gray;}

.block nav{border-top: 1px solid gray;}
.block .comment-area{border-top: 1px solid gray;padding:2%;}

#comments{padding:2%;display:flex;background-color: white;flex-direction: row-reverse;justify-content: space-between;}
#comments .input{flex-basis: 47%;}
#comments .comment-list{flex-basis: 47%;}

.comment-block{border-top: 1px solid gray;}
.comment {border-bottom: 1px dotted gray;margin-bottom: 10px;padding:10px;}
.comment h3{margin-bottom: 5px;font-weight: 600;}
.comment .inner{padding:5px;}
.reply{display: flex;justify-content: space-between;font-size: 90%;}
#comments-open-data h3 {font-size:160%;margin-bottom: 10px;}
#comments-open-data ul label {font-size:90%;line-height: 100%;padding: 3px;background: rgb(77, 77, 77);color:white;}
#comments-open-data textarea{height: 100px;}
#comments-open-data li{margin-bottom: 15px;}
#comments-open-footer {text-align: center;}
#comments-open-footer input {padding:15px;font-size:16px;min-width: 120px;margin: 5px;}

.acv-h2{text-align: center; font-size:36px;font-weight: 600;margin-bottom: 30px;}

.word,.story,.other {border: 1px solid gray;}
.word li,.story li,.other li {border-bottom: 1px solid gray;}
.word li:last-child,.story li:last-child{border-bottom: 0px;}
.word li a,.story li a{display: flex;justify-content: space-between;}
.word li a span,.word li a p{padding:2%;}
.word li a span{background:  rgb(247, 247, 247);flex-basis: 26%;}
.word li a:hover span,.story li a:hover,.other li a:hover{background-color: crimson;color:white;}
.word li a p{flex-basis: 66%;}
.story li span {flex-basis: 20%;}
.story li p{flex-basis: 76%;padding:2%;display: flex;align-items: center;font-size:24px;}

.other li a{font-size:18px;padding:2%;display:block;}

.list{padding:15px;background-color:#f2f2f2;}
.list li{list-style: outside;margin-left:20px;}
.check{border-bottom: 30px;font-size:18px;}
.check a{display:block;padding:15px;color:red;}
.flex{displat:flex;border-bottom: 30px;justify-content: center}
.f2 div{flex-basis: 49%;}
.f3 div{flex-basis: 33%;}
.f4 div{flex-basis: 24%;}
@media screen and (max-width: 480px) {
.section{margin-left: auto;margin-right: auto;min-width: 300px;max-width: 480px;}
#comments,.word li a,.word li a span{display:block;}
.entrybody{margin-bottom: 20px;font-size:100%;}
header{padding:10px;}
header h1{font-size:16px;}
header h2{font-size:12px;}
.title{font-size:110%;}
.story li p{flex-basis: 76%;padding:2%;display: flex;align-items: center;font-size:16px;}
.cap{font-size:110%;margin-bottom: 10px;}
}