.site-title{
	font-family: 'Courier New','Sitka Text',sans-serif;
	font-size: 32px;
	font-size: 3.2rem; 
	letter-spacing: 2px;
	text-transform: uppercase;
}

div#toc_container{
border-radius: 1px solid #F8D3C5;
}

.pink {
		font-size: 24px;
	font-size: 2.4rem;
position: relative;
padding: 0.25em 0;
}
.pink {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to left, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to left, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to left, rgb(255, 186, 115), #ffb2b2);
}

.silver {
position: relative;
padding: 0.25em 0;
	font-family: 'Cambria','Baskerville','ＭＳ 明朝', 'MS Mincho','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.silver:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to left, rgb(255, 186, 115), silver);
background: -webkit-linear-gradient(to left, rgb(255, 186, 115), silver);
background: linear-gradient(to left, rgb(255, 186, 115), silver);
}

.pinksub {
padding: 0.2em; /*文字周りの余白*/
color: #494949; /*文字色*/
/*(必要に応じて追加) background: #fffaf4; 背景色*/
border-left: 7px solid #ffb2b2;/*左線（実線 太さ 色）変更前：#FF7373*/
/*必要に応じて使う。border-bottom: 0px solid #F8D3C5;*/
/*必要に応じて使う。border-bottom: 0px solid #F8D3C5 
/*必要に応じて使う。→　font-weight: bold; /*左線（実線 太さ 色）*/
}

.dabu {
border-bottom: solid 3px skyblue;
position: relative;
}

.dabu:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}

.pika{
position: relative;
padding-left: 35px;
}
.pika:before{
position: absolute;
font-family: FontAwesome;
content: "\f0eb";
background: #ffca2c;
color: white;
font-weight: normal;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.pika:after {/*吹き出しのちょこんと出た部分*/
content: '';
display: block;
position: absolute;
left: 20px;
height: 0;
width: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #ffca2c;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.uk {
  width: 100%;
  padding: 0.5em;
  position: relative;
}
.uk:before, .uk:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #3878d1 3px, #3878d1 6px, white 6px, white 9px, deeppink 9px, deeppink 12px);
  background: repeating-linear-gradient(135deg, #fff, #fff 3px, #3878d1 3px, #3878d1 6px, white 6px, white 9px, deeppink 9px, deeppink 12px);
}
.uk:before { top: -4px; }
.uk:after { bottom: -1px; }

.gold {
  width: 100%;
  padding: 0.5em;
  position: relative;
}
.gold:before, .gold:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #daa520 3px, #daa520 6px, white 6px, white 9px, silver 9px, silver 12px);
  background: repeating-linear-gradient(135deg, #fff, #fff 3px, #daa520 3px, #daa520 6px, white 6px, white 9px, silver 9px, silver 12px);
}
.gold:before { top: -4px; }
.gold:after { bottom: -1px; }