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

詳しくは上のヘルプアイコンをクリックしてください。
*/
body{
	   font-size: 20px;
	   color: #071914;
}

pre {
     background-color:  #fff;
     border: 1px solid #086A87;
     color: #000;
     line-height: 18px;
     margin-bottom: 18px;
     padding: 1.5em;
     
	   /* Mozilla */ 
     white-space: -moz-pre-wrap;  
 
     /* Opera 4-6 */ 
     white-space: -pre-wrap;  
 
     /* Opera 7 */ 
     white-space: -o-pre-wrap;  
 
     /* CSS3 */ 
     white-space: pre-wrap;  
 
     /* IE 5.5+ */ 
     word-wrap: break-word;  
}

.single .post-content h1 {
    font-size: 22px;
    font-weight: bold;
    background-color: #fff;
    padding: 22px;
    margin-bottom: 32px;
    border-top: solid 1px #088A85;
	  border-left: solid 6px #088A85;
    border-right: solid 1px #088A85;
    border-bottom: solid 1px #088A85;
}
 
.single .post-content h2 {
  	color: #fff ;
    font-size: 20px;
	  font-weight: bold;
	  border-radius: 4px;
    background-color: #086A87;
    padding: 8px;
    }
 
.single .post-content h3 {
	  color: #fff ;
    font-size: 18px;
    font-weight: bold;
	  border-radius: 4px;
	  background-color: #086A87;
	  padding: 8px;
    margin-bottom: 10px;
}
 
.single .post-content h4 {
    font-size: 16px;
    font-weight: bold;
	  background-color: #fff;
    padding-left: 14px;
    border-left: solid 6px #250d00;
}

h1.post-title {
font-size: 22px;
color: #fff ;
font-weight: bold;
	  background-color: #088A85;
	  padding: 8px;
    margin-bottom: 0px;
    border-top: solid 1px #088A85;
    border-left: solid 1px #088A85;
    border-right: solid 1px #088A85;
    border-bottom: solid 1px #088A85;
	  border-radius: 4px;
}

/*--スマホ表示のh文字サイズ --*/
@media screen and (max-width: 767px) {
/* phone */
h1.post-title {
font-size: 14px;
}
}

@media screen and (max-width: 767px) {
/* phone */
.single .post-content h2 {
font-size: 14px;
}
}

@media screen and (max-width: 767px) {
/* phone */
.single .post-content h3 {
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
/* phone */
body {
font-size: 14px;
line-height:1.4;
color: #333;
}
}

body {
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}


/* ヘッダ背景色 */
#header {
  background: #086A87;
	padding: 4px 0px 0px;
}

/* サイトタイトル色 */
#header #logo a {
  color: #fff;
}

/* グローバルメニューエリア */
#gnav {
  background: #fff;
  border-top: 7px #fff solid;
  border-bottom: 5px #fff solid;
}
/* グローバルメニューリンク */
#gnav li a {
  color: #fff;
	margin: 10 10 10px 10;
  padding: 5px 5px 5px 5px;
  font-size: 11px;
  border-top: 0px solid #250d00;
  border-left: 0px solid #250d00;
  border-right: 0px solid #f3f3f3;
	border-bottom: 0px solid #f3f3f3;
  border-radius: 4px;
	background : #086A87;
  
}

/* サイドバー装飾 */
.side-widget-area {
}

.side-widget {
  font-size: 14px;
	background : #fff;
	padding-top:5px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #E6E6E6;
}
.side-widget .side-title {
  color: #fff;
  margin: 1 1 1 1;
  padding: 5px 5px 5px 5px;
  font-size: 20px;
  border-left: 0px solid #e60033;
  border-bottom: 0px solid #a25768;
  border-radius: 4px;
  background : #086A87;
	padding-bottom:5px;
}

.side-widget ul li {
}

#content{
	background:#E6E6E6;
}



/* BlogRoll css */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
	  border: none;
    text-align: left;
}
.blogroll-channel {
    height: 400px;
    margin-bottom: 0px;
     border-radius: 2px;
    background: #fff;
	  overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 15px;
  	border: 1px solid #086A87;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0px 8px 0px -12px;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 0px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 0px;
    color: #666;
    font-size: 10px;
}