@import url("style-position.css");

body{
	background:#eee url(https://ahito.com/top/back_blue_flower2.webp) fixed repeat top left;
	color:black;
	padding:0;
	margin:0;
}
/* link */
a{
	color:#553e6a;
}
a:visited{
	color:#3f6956;
}
a:hover{
	background-color: #3f6956;
	color:#fff;
}

/********************************************************************/
/* パンくずリスト */
.link, .copyright{
	background-color: #ddd;
	padding:10px;
	margin:0;
}
.link li a{
    padding:0 20px 0 0;
    background:transparent url("img/breadcrumbs.png") no-repeat 100% 45% scroll;
}
/********************************************************************/
/* header subject */
h1 a,
h1 a:visited,
h1 a:hover{
	text-decoration: none;
	color:#000;
}
h1 a:hover{
	background-color:#eec;
}
/* header menu */
.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;
}
/********************************************************************/
/* content-list */
.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;
}

/********************************************************************/
/* content */

/* hidden !! */
.hidden_info{
	padding:3px;
	
}

/* area */
.content-area{
	border:1px solid #638e64;
	background-color: #eee;
	border-radius: 10px;
	margin: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;
}
.seedate{
	padding:15px 10px;
}
.seedate .lastup{
	color:#ccc;
	font-size:small;
}


/* poem etc.. */
.wp-block-preformatted{
	color:#638e64;
	border-left:1px solid #638e64;
	padding:30px;
	margin-left:20px;
}
/* after */
.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;
}
/* clap */
.webclap input{
	padding:10px;
	font-size: large;
	border:1px solid #ee9591;
	background-color: #fdf4f4;
	color:#9a166c;
}
/* tags */
.content-likes,
.content-tags {
	padding:10px;
	margin:10px;
}
.content-tags a{
	background-color: #dbf0dc;
	text-decoration: none;
	padding:3px 5px;
}

/* likes */
/********************************************************************/
/* navigation */
.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("img/prev.png") no-repeat 0% 45% scroll;
}
.navigation .nav-links .nav-next a{
    padding:0 50px 0 0;
    background:transparent url("img/next.png") no-repeat 100% 45% scroll;
}
/********************************************************************/
/* w calender */
#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 */
/********************************************************************/
/* footer */
footer{
	margin-top:20px;
}
/********************************************************************/
/* widget */
footer h2{
	font-size:small;
	color:#363;
	background-color: #cebbd9;
	padding:10px;
	border-radius: 30px;
	max-width: fit-content;
}
.footer-widget-area{
	padding:10px;
	margin:10px;
	border:1px solid #aad0bd;
	background-color: #eee;
	border-radius: 30px;
}
@media screen and (max-width:1199px) {
	footer{
		background-color: #e0c1ee;
	}
	.footer-widget-area{
		margin:10px auto;
		min-width: fit-content;
		border-radius: 0px;
		padding:15px;
	}
}
/********************************************************************/
.copyright{
	color:#84bb9f;
	text-align: center;
}