/*
color style
*/

@charset "UTF-8";

/* background color
-------------------------------------------------------------- */
body {
    background: none repeat scroll 0 0 #eafcf8; /* 下地の色 */
}
#logo {
    background: none repeat scroll 0 0 #2dd2a6; /* ロゴ背景色 */
}
#breadcrumbList {
    background: none repeat scroll 0 0 #0a2e25; /* パンくず背景色 */
}
#menu {
    background: none repeat scroll 0 0 #0f4637; /*menuの背景色 */
}
#menu li a {
    background: none repeat scroll #0f4637; /* menuのaの背景色 */
}
#menu li a:hover {
    background: none repeat scroll #0a2e25;　/* menuのa:hover背景色 */
}
.indexPost {
    background: none repeat scroll #eee;　/* .indexPostの背景色 */
}
#secondary h2 {
    background: none repeat scroll 0 0 #efefef;　/* #secondaryの背景色 */
}

/* font color
-------------------------------------------------------------- */
body {
    color: #051712; /* 基本文字の色 */
}
a {
    color: #1770b5; /* リンクの色 */
}
#logo a {
    color: #eee;　/* ロゴの色 */
}
#breadcrumb ul li > span {
    color: #b9d2f3; /* パンクズの文字色 */
}
#breadcrumb ul li a {
    color: #fff; /* パンクズのa文字色 */
}
#breadcrumb ul li:before {
    color: #fff; /* パンクズの矢印文字色 */
}
#menu li a {
    color: #fff; /* menuのa文字色 */
}
.status {
    color: #999; /* statusの文字色 */
}
#footerWrap a {
    color: #e80088; /* フッターのリンク文字色 */
}
.copyright {
    color: #84755e; /* コピーライトの文字色 */
}

/* h1,h2,h3,h4
-------------------------------------------------------------- */
h1 {
     /* h1文字色 */
}
h2 {
    border-bottom: 7px double #145d4a;
    color: #19755c; /* h2文字色 */
}
h3 {
    color: #23a381; /* h3文字色 */
    border-left: 5px solid #145d4a;　/* h3のボーダー色 */
}
h3 a {
    color: #6c3e00;　/* h3のリンク文字色  */
}

/* border
-------------------------------------------------------------- */
#relatedPost h3 {
    border-left: 5px solid #384258;　/* #relatedPostのh3のボーダー色 */
}
#menu li {
    border-bottom: 1px solid #555; /* メニューリストのボーダー色 */
}
#postNavi {
    border-top: 1px dotted #bbb; /* シングルページのナビゲーションボーダー色 */
}
.status {
    border-bottom: 1px solid #aaa;　/* 記事ステータスのボーダー色 */
}
#catList li {
    border-top: 1px dotted #bbb; /* 記事一覧のボーダー色 */
}
.copyright {
    border-top: 1px solid #555; /* コピーライトのボーダー色 */
}

/* other
-------------------------------------------------------------- */
.arrow li::before {
    border-color: transparent transparent transparent #624a0b; /* リストマーカーの三角の色 */
}
