/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
#header {
    border-top:4px solid #333;
	//background:black;
}
.top-title-catchphrase {
	padding:4em 0 1em;
}
#site-title{
	margin:0px 10px 10px;
}
#site-title a {
	font-size:1.5em;
	font-weight:bold;
	//color:#efefef;
}

div#navi{
	background: none;
	//border-bottom:1px solid #222;
	border-top:none;
}#navi ul {
	background:none;
}

#body {
    margin-top: 0px;
	//padding-top: 15px;
}

#main {
    padding: 20px 29px;
    border: none;
    background: none;
    border-radius: 4px;
    margin-bottom: 30px;
}#main .entry {
    
    //margin-bottom: 20px;
	//padding:10px;
	//background:white;
    //word-wrap: break-word;
	//border:1px solid #eee;
	margin-bottom: 20px;
    padding: 10px 10px 32px;
    background: none;
    word-wrap: break-word;
    border-bottom: 1px solid #888;
}



.post-meta{
	font-size:0.75em !important;
	color:#777;
	background : none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px;
}

.article h2 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-left: none;
}
.article h2::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
.article h3 {
	font-size:1.15em;
}

/*sidebar*/
#sidebar {
	padding:0 3px 0px 25px;
	border-left:1px solid #eee;
	//border-right:1px solid #eee;
	background:white;
	font-size: 0.90em;
}
#sidebar .widget>ul{
	border:1px solid #eee;
	background:#fdfdfd;
	padding:10px 10px 5px;
	overflow:hidden;
}
.myProf {
    font-size: 0.95em;
    padding: 5px 5px 5px 10px;
    border: 1px solid #ddd;
    margin-top: -5px;
	background: #fafafa;
}
/* input */
#searchform{
	margin:-30px 0 20px;
}
#s{
	background:none;
	border-radius:0;
	border:0;
	box-shadow:none;
	-webkit-appearance: none;
	border-bottom:1px solid #aaa;
}
/**/
#page-top{
	right:8px;
	bottom:8px;
}
#move-page-top{
	background:#444 !important;
}
/* mobile */
.slicknav_menu {
    background: #eee;
    padding: 3px;
	border-bottom:1px solid #aaa;
	border-top:2px solid black;
}
.slicknav_menu {
	
}
.slicknav_menu .slicknav_menutxt {
    color: #eee;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}

.close-animatedModal {
    text-align: right;
    padding:0 10px 5px;
	font-size:40px;
}

@media screen and (max-width: 639px){
#mobile-menu a {
    //position:fixed;
	top:10px;
	right:10px;
	background:white;
	border-radius:5px;
}
.entry-read a, .related-entry-read a {
    
    background: #333;
    color: white;
}
}

@media screen and (max-width: 1110px){
div#sidebar {
    padding: 15px 15px 67px;
}
}