body{
box-sizing: border-box;
}
@media screen and (min-width:1200px) {
main{
max-width: fit-content;
margin:0 auto;
padding:0;
}
section{
float:left;
margin:0;
padding:0;
}
.content,
.content-list{
margin:0 auto;
width:fit-content;
min-width: 700px;
max-width: calc(80vw - 300px);
}
.sidebar{
max-width: 300px;
margin:0;
padding:10px;
}
footer{
clear:both;
}
}
@media screen and (max-width:1199px) {
body{
padding:0;
}
section,
.content,
.content-list{
width:100vw;
margin:0;
}
}.clear{
clear:both;
} .link div{
padding:0;
margin:0;
display: inline-block;
}
.link ul{
padding:0;
margin:0;
display: inline-block;
}
.link li{
display: inline-block;
} h1{
text-align:center;
} .menu-header_menu-container{
display:block;
}
.breadcrumb-area{
display:block;
} .content-list{
margin:0 auto;
}
.content-area img{
display: block;
margin:10px auto;
} .content-list .category,
.content .category{
float:left;
}
.content-list .title,
.content .title{
float:left;
}
.content .seedate{
float:left;
} .navigation .nav-links .nav-previous{
float:left;
width:40%;
text-align: left;
}
.navigation .nav-links .nav-next{
text-align: right;
float:right;
width:40%;
}
ul.page-numbers{
width:fit-content;
margin:10px auto;
}
ul.page-numbers li{
margin:5px;
float:left;
font-size:18px;
padding:3px;
list-style: none;
text-align:center;
} footer{
clear:both;
}
.footer-widget{
padding:0;
margin:0 auto;
}
@media screen and (min-width:1200px) {
.footer-widget{
width:1200px;
}
.footer-widget-area{
margin:0;
width:30%;
float:left;
}
}
.footer-nav{
clear:both;
}
body{
background:#eee url(https://ahito.com/top/back_blue_flower2.webp) fixed repeat top left;
color:black;
padding:0;
margin:0;
} a{
color:#553e6a;
}
a:visited{
color:#3f6956;
}
a:hover{
background-color: #3f6956;
color:#fff;
} .screen-reader-text{
display:none;
}  .link, .copyright{
background-color: #ddd;
padding:10px;
margin:0;
}
.link li a{
padding:0 20px 0 0;
background:transparent url(//blog.ahito.com/wp-content/themes/hanaakari/img/breadcrumbs.png) no-repeat 100% 45% scroll;
}  h1 a,
h1 a:visited,
h1 a:hover{
text-decoration: none;
color:#000;
}
h1 a:hover{
background-color:#eec;
} .header-menu{
background-color: #ddd;
padding:0;
margin:0;
}
.header-menu .menu-main_menu-container{
background-color: #ccc;
}
.header-menu div{
padding:3;
margin:0;
float:right;
text-align: right;
}
.header-menu ul{
margin:0;
padding:0;
}
.header-menu li{
list-style: none;
float:left;
padding:3px;
margin:3px;
}  .thumb-img4 img{
width:fit-content(20em);
height:auto;
}
.content-list .content-excerpt{
padding:0 10px;
margin:0 10px;
}
.content-list .read-more{
padding:0 10px;
margin:0 10px;
text-align: right;
}
.content-list .content-tags{
text-align: right;
font-size:small;
}
.content-list .hatena{
text-align: right;
font-size:x-small;
}   .hidden_info{
padding:3px;
} .content-area{
border:1px solid #638e64;
background-color: #eee;
border-radius: 10px;
}
.content-area img{
max-width:100%;
height:auto;
}
.content-area .title,
.content-area .category{
font-size:x-large;
padding:10px;
margin:0;
}
.content-area .category a{
background-color: #cebbd9;
color:#363;
text-decoration: none;
padding:3px 5px;
}
@media screen and (min-width:1200px) {
.content-text{
padding:10px;
margin:20px 10px;
}
}
.content-text{
letter-spacing: 3px;
line-height: 2.1;
}
.content-text h3{
background-color: #ddd;
color:rgb(20, 85, 20);
border-radius: 10px;
padding:5px 10px;
margin:10px 0;
}
.content-text h4{
background-color: #ccc;
color:rgb(20, 85, 20);
border-radius: 10px;
padding:5px 10px;
margin:10px 0;
}
.content-text h5{
background-color: #fff;
color:rgb(20, 85, 20);
border-radius: 10px;
padding:5px 10px;
margin:10px 0;
}
.content-text .text-box{
margin:0 auto;
padding:15px;
max-width: fit-content;
}
.content-text figure{
padding:0;
margin:0;
}
.seedate{
padding:15px 10px;
}
.seedate .lastup{
color:#ccc;
font-size:small;
} .wp-block-preformatted{
color:#638e64;
border-left:1px solid #638e64;
padding:30px;
margin-left:20px;
} .content-after{
margin-top:50px;
}
.content .hatena h3,
.content-after h3{
font-size:small;
margin-top:30px;
color:black;
width:60px;
border-top:1px solid gray;
} .webclap input{
padding:10px;
font-size: large;
border:1px solid #ee9591;
background-color: #fdf4f4;
color:#9a166c;
} .content-likes,
.content-tags {
padding:10px;
margin:10px;
}
.content-tags a{
background-color: #dbf0dc;
text-decoration: none;
padding:3px 5px;
}
@media screen and (min-width:1200px) {
.content-area{
margin:20px 10px;
padding:20px;
}
.content-list img{
width:auto;
max-width: 600px;
height:auto;
max-height: 500px;
}
.content-text{
padding:20px;
}
}
@media screen and (max-width:1199px) {
.content-area{
margin:0;
margin-bottom: 10px;
}
.content-text{
padding:10px;
}
} .hidden_content{
border-radius: 30px;
background-color: #e1e1e1;
padding:4px;
margin:5px;
}
.hidden_content_label{
border-radius: 30px;
background-color: #dbe7e0;
color:#3f6956;
width: fit-content;
padding:3px 5px;
float:left;
}  .post-navigation {
display: flex;
justify-content: space-between;
margin-top: 2em;
}
.nav-links {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-previous, .nav-next {
display: flex;
align-items: center;
}
.nav-previous img, .nav-next img {
margin-right: 10px;
max-width: 60px; height: auto;
}
.nav-next img {
margin-left: 10px;
margin-right: 0;
}
.post-title {
font-weight: bold;
}   .navigation{
padding:20px;
border-radius: 30px;
background-color: #b4cbb4;
margin:0px;
height:50px;
}
.navigation .nav-links .nav-previous a{
padding:0 0 0 50px;
background:transparent url(//blog.ahito.com/wp-content/themes/hanaakari/img/prev.png) no-repeat 0% 45% scroll;
}
.navigation .nav-links .nav-next a{
padding:0 50px 0 0;
background:transparent url(//blog.ahito.com/wp-content/themes/hanaakari/img/next.png) no-repeat 100% 45% scroll;
}  #wp-calendar #today{
background-color: #ffffee;
}
#wp-calendar thead tr th{
background-color: #bbd9ca;
color:#363;
}
#wp-calendar tr td{
color:#75d9a4;
}
#wp-calendar thead tr th,
#wp-calendar tr td{
border-width: 1px;
border-style: solid;
border-color: #aad0bd;
} #wp-calendar thead tr th:nth-child(6){
background-color: #C0DDF9;
} #wp-calendar thead tr th:nth-child(7){
background-color: #F5D0D3;
} .sidebar-wrapper{
background-color: #cff0df;
border-radius: 10px;
padding:10px;
}
.sidebar-wrapper h3{
font-size:small;
color:#363;
background-color: #cebbd9;
padding:10px;
border-radius: 30px;
max-width: fit-content;
}
@media screen and (min-width:1200px) {
.sidebar-wrapper{
margin:10px auto;
}
}
@media screen and (max-width:1199px) {
.sidebar-wrapper{
min-width: fit-content;
border-radius: 0px;
padding:15px;
}
} .wp-block-latest-posts__post-title{
display:block;
}
.wp-block-latest-posts__list time{
display:block;
font-size: small;
}
.wp-block-latest-posts__list li{
list-style: none;
padding:10px;
background-color: #b3cfb3;
width:fit-content;
margin:10px;
border-radius: 10px;
}      footer h2{
font-size:small;
color:#363;
background-color: #cebbd9;
padding:10px;
border-radius: 30px;
max-width: fit-content;
}
.footer-widget-area{
padding:10px;
border:1px solid #aad0bd;
background-color: #eee;
border-radius: 30px;
}
@media screen and (min-width:1200px) {
footer{
margin-top:20px;
}
.footer-widget{
padding:10px;
margin:10px auto;
max-width: fit-content;
}
.footer-widget-area{
margin:10px;
}
}
@media screen and (max-width:1199px) {
footer{
margin:0;
background-color: #e0c1ee;
}
.footer-widget{
padding:0;
margin:0;
}
.footer-widget-area{
min-width: fit-content;
border-radius: 0px;
padding:15px;
}
} .copyright{
color:#84bb9f;
text-align: center;
}
@media screen and (min-width:1200px) {
.copyright{
clear:both;
}
}