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

詳しくは上のヘルプアイコンをクリックしてください。
*/
ul li a:hover {
	opacity:0.9;
}
blockquote{
	padding: 9px 28px 7px;
}
blockquote:before {
	font-size:500%;
	left: 4px;
  top: -10px;
}
blockquote:after {
  display:none;
}
#header {
    border-top:4px solid #222;
	//background:black;
}
.top-title-catchphrase {
	padding: 2.5em 0 0.5em;
}
#site-title{
	margin:0 0 0 -10px !important;
	//padding:3px 3px 0px;
	//border-bottom:1px solid;
}
#site-title a {
	font-size:1.35em;
	font-weight:bold;
	//color:#efefef;
}
.site-title-img {
    max-width: 270px;
}

#menu-head .menu-item{
	background:#333;
	margin-right:0px;
	border-left:1px solid;
}#menu-head .menu-item>a{
	color:white;
	padding:2px 10px;
}
div#navi{
	//background: none;
	//border-bottom:1px solid #222;
	//border-top:none;
	padding: 0 30px;
}
#navi-in {
  padding-left: 28px;
}
#navi ul {
	//background:none;
	
}

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

#main {
    //padding: 20px 29px;
    border: none;
	border-right:1px solid #444;
    background: none;
    border-radius: 4px;
    margin-bottom: 30px;
}#main .entry {
    
    padding: 0 0ｐｘ 10px;
    background: #eee;
    //word-wrap: break-word;
    border: 4px solid #444;
	border-radius:4px;
}#main .entry div[class^=entry-card]{
	padding:0 5px 5px;
}

#breadcrumb a {
    color: #23282d;
}


figure.entry-large-thumb {
    max-height: 350px;
    overflow: hidden;
}
.post-meta{
	font-size:0.75em !important;
	color:#777;
	background : none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:2px;
}

#main .article {
	margin-top:-10px;
	background:#fff;
	padding:0px 7px 5px;
	border:2px solid #333;
}.article h2 {
	background:#333;
	color:white
}
#main .entry{
	background:#fff;
}

article.related-entry.cf{	  		  background: white;
    padding: 3px 3px 0;
    border: 2px solid #333;
}.related-entry-content header h3{
	margin-top:3px
}
/* search input*/
#s{
	background:#ee6;
	background:#fdfdfd;
	border-radius:0;
	border:none;
	border-bottom:1px solid #aa2;
	border:2px solid;
	box-shadow:none;
}
#comment-area textarea {
	border:2px solid #555;
}

/**/
#sidebar {
	padding:0 3px 0px 25px;
	border-top:none;
	font-size: 0.90em;
}
.myProf {
    font-size: 1.1em;
    margin-top: -5px;
	background: none;
	padding:5px 10px;
	border:2px solid #333;
	background:#fdfdfd;
}
#sidebar .widget>ul{
	border:2px solid #333;
	background:#fdfdfd;
	padding:10px 10px 5px;
	overflow:hidden;
}
.sidebarphpwidget{
	padding:5px;
	background:white;
	border:2px solid #333;
}
/**/
#animatedModal{
	background:#222 !important;
}
#page-top{
	right:15px;
	bottom:15px;
}#page-top a {
	width:30px;
	height:30px;
	line-height:35px;
	background:#444;
}
/**/
ul.pagination li.current a{
	color:#ccc;
	background:#444;
}
ul.pagination li a {
    border-color: #333;
}
.pagination li:not([class*="current"]) a:hover {
    background-color: #c3c31a;
}
/**/
ul.years a.year {
    cursor: pointer;
    text-decoration: none;
    display: block !important;
    background: #eee;
    padding: 3px 5px 0;
    color: #555;
	  text-align:center;
 
}
ul.years .month {
    overflow: hidden;
    margin-right: 5px;
}
ul.years .month li {
    float: left;
	  margin-top:4px;
    margin-right: 8px;
}ul.years .month li a {
    padding: 4px 8px;
    border-radius: 5px;
    background: #565656;
    color: white;
    text-decoration: none;
    font-size: 0.9em;
}
#categories-2 li {
    float: left;
    margin: 0px 5px 4px 2px;
}#categories-2 li a {
    padding: 4px 8px;
    border-radius: 5px;
    background: #508f24;
    color: white;
    text-decoration: none;
    font-size: 0.9em;
}

/* navigation next prev */
.navigation div {
	background:#fff;
	border:2px solid #333;
	box-sizing:border-box;
}.navigation div + div {
	border-bottom:2px solid ;
}
.navigation a span{
	color:#333;
}


/* mobile */
@media screen and (max-width: 639px){
#body{
	margin-top:10px;
}
#widget-index-top {
    margin: 0 5px !important;
    box-sizing: border-box;
}.widget-index-top{
	margin-bottom:10px;
}
#site-title{
	margin:20px 0 0 !important;
	text-align:center;
}
#site-title a{
	font-size:1.2em !important;
}
#site-description{
	margin:0 10px !important;
	text-align:center;
}
div#main {
	border:none;
    padding: 5px;
}
#sidebar{
	border-left:none;
	border-top:1px solid #222;
}

ul.years {
    font-size: 0.8em;
}
ul.month {
    margin: 0 !important;
    padding: 0 !important;
}

}

@media screen and (max-width: 359px){

#main .entry.entry-tile {
    width: 97.8%;
}
}