/* ------------------------------------
ヘッダー
------------------------------------*/
/* ヘッダー画像 */
div#st-header {
    max-width: 1060px;
}
/* グローバルナビ */
@media print, screen and (min-width: 960px){
    header .smanone ul.menu li a:hover {
        color: #ff0000;
        background:#e1ebff;
    }
}


/* モバイル表示時のメニューの見えづらさ解消 */
#s-navi dt.trigger .op .fa {
    color: white;
}

/* ------------------------------------
一覧
------------------------------------*/
main dd h3 a {
    font-size: 18px;
	line-height: 1.2;
}
@media only screen and (min-width: 600px){
	main dd h3 a {
		font-size: 22px;
		line-height: 1.2;
	}
}
@media print, screen and (min-width: 960px){
	main dd h3 a {
		font-size: 22px;
		line-height: 1.2;
	}
}

/* カテゴリー飾り付け */
.kanren span.pcone a {
    background: #bb6868;
    color: white;
    padding: 0px .75em;
    display:inline-block;
    font-size:11px;
    border-radius: 3px;
}

.kanren span.pcone a {
    color: white;
}

/* 抜粋表示 */
.entry-content > .kanren > dd .smanone2 p {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.5;
    padding: .5em 1em;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
@media only screen and (min-width: 600px){
	.kanren dd .smanone2 p {
		font-size: 16px;
		line-height: 1.5;
		clear: none!important;
	}
}
@media print, screen and (min-width: 960px){
	.kanren dd .smanone2 p {
		font-size: 13px;
		line-height: 1.5;
	}
}


/* ------------------------------------
サイドバー
------------------------------------*/
/* サイドバータイトル */
#side h4.menu_underh2,
#side .kanren {
    background: #1d7355;
    padding: .5em;
    margin-bottom: 1em;
    /* margin-top: 2em; */
    color: white;
}
#side .ad:first-child h4.menu_underh2 {
    margin-top: 0;
}
/* ------------------------------------
人気記事表示（popular posts）
------------------------------------*/
/* 各項目 */
#side ul.wpp-list dl{
    margin-bottom: 1em;
    border-bottom: 1px dotted gray;
    padding-bottom: 1.5em;
    position: relative;
}

#side ul.wpp-list dl:last-child {
    border-bottom: none;
    padding-bottom: .5em;
}

#side #mybox .ad {
    margin-bottom: 2em;
}
#side #mybox .ad:last-child {
    margin-bottom: 0;
}

/* 番号付け */
#side ul.wpp-list{
    counter-reset: wpp-ranking;
    background: white;
    padding: 5px;
}

#side ul.wpp-list dl:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    position: absolute;
    z-index: 101;
    color: white;
    background: rgba(159, 158, 158, 0.68);
    width: 2em;
    top: 0;
    left: 0;
    text-align: center;
    border: 1px solid rgba(208, 208, 208, 0.54);
    border-radius: 2px;
    font-size: 9px;
    padding: 0;
    line-height: 2;
}

/* サムネイル右の余白調整 */
.wpp-thumbnail {
    margin-right: 12px;
}

/* タイトルの折り返しの調整 */
#side ul.wpp-list dd {
    margin-left: 110px;
}

/* ------------------------------------
最近の投稿
------------------------------------*/
/* 画像左寄せ */
#side #npcatch img {
    padding-left: 0;
    float: none;
    padding: 0;
    margin: 0;
}
/* タイトル幅調整 */
#side #npcatch .title {
    width: initial;
    float: none;
    display: inline-block;
}
/* 項目下余白調整 */
#side #npcatch li {
    margin-bottom: 10px;
}

/* 2列表示 */
ul#npcatch {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background: #fdfdfd;
}

#side #npcatch li {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    overflow: initial;
    margin-bottom: 0;
}


/* ------------------------------------
記事本文
------------------------------------*/
/* カテゴリー */
.st-catgroup span.catname {
    display: inline-block;
    background: #bb6868;
    color: white;
    font-size: 12px;
    padding: 5px;
}

/* 目次 */
div#toc_container {
    background: white;
    padding: 1em 1.5em 1em;
}
#toc_container ul ul a span:after {
	content: "\0029";
}
#toc_container ul.toc_list > li:not(:last-child) > ul {
    margin-bottom: 1em!important;
}

/* リスト表示 */
.entry-content > ul,
.entry-content > ol {
    border: 1px solid #b3b3b3;
    background:#fffbf5;
    margin-top:2em;
    margin-bottom:2em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 2.75em;
}

/* 文字サイズ指定 */
.entry-content p{
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 1.75em;
}
.entry-content .wp-caption-text a, 
.entry-content .wp-caption-text{
    font-size: 12px;
    color:#af9f8c;
    margin-top:5px
}
@media only screen and (min-width: 600px){
	.entry-content p{
		font-size: 20px;
		line-height: 1.6;
	}
}
@media print, screen and (min-width: 960px){
	.entry-content p{
		font-size: 16px;
		line-height: 1.6;
	}
}


.entry-content h2 {
    margin-top: 2.25em;
    margin-bottom: 1.25em;
}

/* 見出し */
.entry-content >h3 {
    border-bottom: 3px solid rgba(0, 109, 255, 0.24);
    line-height: 1.3;
    margin-bottom: 1.5em;
    margin-top: 2em;
}

/* まとめ */
body:not(.page) .entry-content > h2:last-of-type ~ ul li:before {
    content: "\f14a";
    font-family: FontAwesome;
    color: #8E7C5B;
    float: left;
    margin-right: 0;
    margin-left: -1.5em;
    font-size: 18px;
    position: relative;
    top: 0;
    padding: 0;
}

body:not(.page) .entry-content > h2:last-of-type ~ ul li {
    list-style: none;
    padding-left: 0;
    margin-bottom: .5em;
}

body:not(.page) .entry-content > h2:last-of-type ~ ul li {
    margin-left: .5em;
}


/* CardBox */
.kanren.st-cardbox {
    margin-top: 2em;
    margin-bottom: 2em;
}

.kanren.st-cardbox .smanone2 p {
    background:transparent;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    clear: both;
}
.kanren.st-cardbox .smanone2 {
    margin-left: -115px;
}

.kanren.st-cardbox h5.st-cardbox-t a {
    font-size: 18px !important;
    line-height: 1.5!important;
    display: inline-block;
}

.kanren.st-cardbox img {
    margin-bottom: .5em;
}
@media only screen and (min-width: 480px){
	.kanren.st-cardbox h5.st-cardbox-t a {
		font-size: 20px !important;
	}
}
@media only screen and (min-width: 600px){
	.kanren.st-cardbox h5.st-cardbox-t a {
		font-size: 20px !important;
	}
	.kanren.st-cardbox .smanone2 {
		margin-left: 0;
	}
}
@media print, screen and (min-width: 960px){
	.kanren.st-cardbox h5.st-cardbox-t a {
		font-size: 18px !important;
	}

}
/* ------------------------------------
追加CSS
全体配色系
------------------------------------*/
/* 全体背景色 */
body {
    background-color: #b7a5a5;
}
/* ヘッダー背景色 */
div#headbox-bg {
    background: #841f1f;
}

header .descr {
    color: #dccaca;
    font-size: 90%;
}

p.sitename a {
    color: white;
    font-size: 140%;
    letter-spacing: 4px;
}

header#st-headwide {
    background: rgba(220, 204, 198, 0.98);
}

header .smanone ul.menu li, header nav.st5 ul.menu  li, header #st-menuwide div.menu li, header #st-menuwide nav.menu li {
    background: rgb(130, 87, 73);
    border: none;
}

#st-menuwide {
    background: #825749;
    border: none;
}

header .smanone ul.menu li a {
    font-size: 90%;
    /* min-width: 10em; */
}

/* メニュー背景色 */
header .smanone ul.menu li, header nav.st5 ul.menu  li, header #st-menuwide div.menu li, header #st-menuwide nav.menu li {
    min-width: 11em;
}

/* フッター背景色 */
footer {
    background: #5a1414;
}

#footer .footermenust a,
#footer a {
    color: white;
    padding: 2px 10px;
}

#footer .footermenust a:hover,
#footer a:hover {
    background: #a25d5d;
    transition: .3s;
        color: white;
}


@media print, screen and (min-width: 960px){
	#footer .footerlogo {
		font-size: 22px;
		color: #cab4b4;
		letter-spacing: 3px;
	}
}

/* 最下段コピーライト */
p.copyr {
    text-align: center;
    margin-top: .5em;
    color: #5a1414;
}

/* ページトップ */
#page-top a {
    background: rgba(165, 42, 42, 0.53);
    border: 1px solid #724b4b;
    color: white;
}
/* ------------------------------------
今まで
------------------------------------*/
/* ------------------------------------
ヘッダー
------------------------------------*/
/* ヘッダー画像 */
div#st-header {
    max-width: 1060px;
}
/* グローバルナビ */
@media print, screen and (min-width: 960px){
    header .smanone ul.menu li a:hover {
        color: #ff0000;
        background: #ded8d0;
        transition: .5s;
    }
}


/* モバイル表示時のメニューの見えづらさ解消 */
#s-navi dt.trigger .op {
    background: #a57575;
}
#s-navi dt.trigger .op .fa {
    color: #efe0e0;
}
.acordion_tree ul.menu li,.acordion_tree ul.menu li a {
    color: white;
}

#s-navi dd.acordion_tree {
    background: #866060;
}

/* ------------------------------------
一覧
------------------------------------*/
main dd h3 a {
    font-size: 18px;
	line-height: 1.2;
}
@media only screen and (min-width: 600px){
	main dd h3 a {
		font-size: 22px;
		line-height: 1.2;
	}
}
@media print, screen and (min-width: 960px){
	main dd h3 a {
		font-size: 22px;
		line-height: 1.2;
	}
}

/* カテゴリー飾り付け */
.kanren span.pcone a {
    background: #bb6868;
    color: white;
    padding: 0px .75em;
    display:inline-block;
    font-size:11px;
    border-radius: 3px;
}

.kanren span.pcone a {
    color: white;
}

/* 抜粋表示 */
.entry-content > .kanren > dd .smanone2 p {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.5;
    padding: .5em 1em;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
@media only screen and (min-width: 600px){
	.kanren dd .smanone2 p {
		font-size: 16px;
		line-height: 1.5;
		clear: none!important;
	}
}
@media print, screen and (min-width: 960px){
	.kanren dd .smanone2 p {
		font-size: 13px;
		line-height: 1.5;
	}
}


/* ------------------------------------
サイドバー
------------------------------------*/
/* サイドバータイトル */
#side h4.menu_underh2,
#side .kanren {
    background: #731d1d;
    padding: .5em;
    margin-bottom: 1em;
    /* margin-top: 2em; */
    color: white;
}
#side .ad:first-child h4.menu_underh2 {
    margin-top: 0;
}
/* ------------------------------------
人気記事表示（popular posts）
------------------------------------*/
/* 各項目 */
#side ul.wpp-list dl{
    margin-bottom: 1em;
    border-bottom: 1px dotted gray;
    padding-bottom: 1.5em;
    position: relative;
}

#side ul.wpp-list dl:last-child {
    border-bottom: none;
    padding-bottom: .5em;
}

#side #mybox .ad {
    margin-bottom: 2em;
}
#side #mybox .ad:last-child {
    margin-bottom: 0;
}

/* 番号付け */
#side ul.wpp-list{
    counter-reset: wpp-ranking;
    background: white;
    padding: 5px;
}

#side ul.wpp-list dl:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    position: absolute;
    z-index: 101;
    color: white;
    background: rgba(127, 86, 86, 0.68);
    width: 2em;
    top: 0;
    left: 0;
    text-align: center;
    /* border: 1px solid rgba(208, 208, 208, 0.54); */
    border-radius: 2px;
    font-size: 9px;
    padding: 0;
    line-height: 2;
}

/* サムネイル右の余白調整 */
.wpp-thumbnail {
    margin-right: 12px;
}

/* タイトルの折り返しの調整 */
#side ul.wpp-list dd {
    margin-left: 110px;
}

/* ------------------------------------
最近の投稿
------------------------------------*/
/* 画像左寄せ */
#side #npcatch img {
    padding-left: 0;
    float: none;
    padding: 0;
    margin: 0;
}
/* タイトル幅調整 */
#side #npcatch .title {
    width: initial;
    float: none;
    display: inline-block;
}
/* 項目下余白調整 */
#side #npcatch li {
    margin-bottom: 10px;
}

/* 2列表示 */
ul#npcatch {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background: #fdfdfd;
}

#side #npcatch li {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    overflow: initial;
    margin-bottom: 0;
}


/* ------------------------------------
記事本文
------------------------------------*/
/* カテゴリー */
.st-catgroup span.catname {
    display: inline-block;
    background: #bb6868;
    color: white;
    font-size: 12px;
    padding: 5px;
}

/* 目次 */
div#toc_container {
    background: white;
    padding: 1em 1.5em 1em;
}
#toc_container ul ul a span:after {
	content: "\0029";
}
#toc_container ul.toc_list > li:not(:last-child) > ul {
    margin-bottom: 1em!important;
}

/* リスト表示 */
.entry-content > ul,
.entry-content > ol {
    border: 1px solid #b3b3b3;
    background:#fffbf5;
    margin-top:2em;
    margin-bottom:2em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 2.75em;
}

/* 文字サイズ指定 */
.entry-content p{
    font-size: 17px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 1.75em;
}
.entry-content .wp-caption-text a, 
.entry-content .wp-caption-text{
    font-size: 12px;
    color:#af9f8c;
    margin-top:5px
}
@media only screen and (min-width: 600px){
	.entry-content p{
		font-size: 20px;
		line-height: 1.6;
	}
}
@media print, screen and (min-width: 960px){
	.entry-content p{
		font-size: 16px;
		line-height: 1.6;
	}
}


.entry-content h2 {
    margin-top: 2.25em;
    margin-bottom: 1.25em;
}

/* 見出し */
.entry-content >h3 {
    border-bottom: 3px solid rgba(0, 109, 255, 0.24);
    line-height: 1.3;
    margin-bottom: 1.5em;
    margin-top: 2em;
}

/* まとめ */
body:not(.page) .entry-content > h2:last-of-type ~ ul li:before {
    content: "\f14a";
    font-family: FontAwesome;
    color: #8E7C5B;
    float: left;
    margin-right: 0;
    margin-left: -1.5em;
    font-size: 18px;
    position: relative;
    top: 0;
    padding: 0;
}

body:not(.page) .entry-content > h2:last-of-type ~ ul li {
    list-style: none;
    padding-left: 0;
    margin-bottom: .5em;
}

body:not(.page) .entry-content > h2:last-of-type ~ ul li {
    margin-left: .5em;
}


/* CardBox */
.kanren.st-cardbox {
    margin-top: 2em;
    margin-bottom: 2em;
}

.kanren.st-cardbox .smanone2 p {
    background:transparent;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
    clear: both;
}
.kanren.st-cardbox .smanone2 {
    margin-left: -115px;
}

.kanren.st-cardbox h5.st-cardbox-t a {
    font-size: 18px !important;
    line-height: 1.5!important;
    display: inline-block;
}

.kanren.st-cardbox img {
    margin-bottom: .5em;
}
@media only screen and (min-width: 480px){
	.kanren.st-cardbox h5.st-cardbox-t a {
		font-size: 20px !important;
	}

}
@media only screen and (min-width: 600px){
	.kanren.st-cardbox h5.st-cardbox-t a {
		font-size: 20px !important;
	}
	.kanren.st-cardbox .smanone2 {
		margin-left: 0;
	}
}
@media print, screen and (min-width: 960px){
	.kanren.st-cardbox h5.st-cardbox-t a {
		font-size: 18px !important;
	}

}

/*　角丸-影付き */
.kakomi-box8 {
 margin: 2em auto;
 padding: 1.5em;
 width: 85%;
 border: 1px solid #c489ff;
 background-color: #fff;
 box-shadow: 5px 5px 5px #999;
 border-radius: 15px;/*角の丸み*/
}

.pink_line {background:linear-gradient(transparent 60%, #ffdfef 0%) ;}

/* 黒板風（チョーク）2*/
.kokuban-s2 {
 position: relative;
 margin: 2em auto;
 padding: 1em;
 width: 85%; /* ボックス幅 */
 background: #006633; /* ボックス背景色 */
 color: #FFFFFF; /* 文章色 */
 border: 10px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333;}
.kokuban-s2:before,
.kokuban-s2:after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokuban-s2:before {
 right: 10px;
 border: solid 3px #ff42a0; /*チョークピンク */
 width: 20px; 
 border-radius: 3px 2px 0 2px;
}
.kokuban-s2:after {
 right: 45px;
 border: solid 3px #fff; /*チョーク白 */
 width: 15px; 
 border-radius: 8px 5px 2px 5px;
}
.point {
    color: #ffb1b3;
    font-weight: bold;
    border: 3px solid #ffb1b3;
}

/* ホワイトボード風　Ｅ ペン付き*/
.wboard-box-e {
position: relative;
margin: 2em auto;
padding: 1em 1em 1em;
width: 85%; /* ボックス幅 */
background: #fff; /* ボックス背景色 */
color: #555; /* 文章色 */
border: 5px solid #C0C0C0; /* 枠線 */
border-radius: 3px; /* 角の丸み */
box-shadow: 0 0 8px #333;
}
.wboard-box-e:before,
.wboard-box-e:after {
position: absolute;
content: '';
bottom: 3px;
width: 25px; 
border-radius: 2px;
box-shadow: 1px 1px 3px #666;
} 
.wboard-box-e:before {
right: 55px;
border: solid 3px #ff0000; /*飾ペン赤 */
}
.wboard-box-e:after {
right: 20px;
border: solid 3px #333; /*飾ペン黒 */
transform: rotate(8deg); /*飾ペン角度 */
}

/* タブタイトル（影つき）囲み枠 */
.kakomi-box11 {position: relative;
margin: 2em auto;
padding: 1em 1em;
width: 90%;
border: 3px solid #ff8c00;/* 枠線の太さ・色 */
box-shadow: 2px 2px 4px #bababa;/* 影の色 */ 
}
.kakomi-box11-t {
position: absolute;
display: inline-block;
top: -27px;
left: -3px;
padding: 0 9px;
height: 25px;
font-weight: bold;
color: #fff; /* タイトル色 */
background-color: #ff8c00; /* タイトル背景色 */
border-radius: 8px 8px 0 0;
}