body {
	color: #888;
}
body a {
	font-size: bold;
	color: #FCAA00;
	font-weight: bold;
}
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
button, input, optgroup, select, textarea {
	font-size: 2rem;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}
img {
	height: auto;
}

.nav-links > div {
	display: none;
}




.site-main .post{

}
.site-main .entry-meta {
	display: none;
}

.home .site-main article p , .category .site-main article p, .archive .site-main article　p, .tag  .site-main article p{
	margin: 0 0 20px;
	line-height: 2;
	letter-spacing: 1px;
}
body .entry-content blockquote p {
	margin: 0;
	line-height: 2.2;
}
body blockquote{
	margin: 0 0 80px;
}
.single-post .entry-content p {
	margin: 0 0 40px;
	font-weight: bolder;
	letter-spacing: 2px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #888;
}

body .more-link a {
	padding: 7px 30px;
}

/* list */

body .entry-content ul, body .entry-content ol {
	margin-bottom: 80px;
	font-weight: bolder;
}

body .entry-content ul {
  border: solid 2px #E57F75;
  padding: 0 0.5em;
  position: relative;
}

body .entry-content ul li {
  line-height: 3;
  padding: 10px 10px 10px 38px;
  border-bottom: dashed 1px #aaa;
  list-style-type: none!important;
  letter-spacing: 1px;
}

body .entry-content ul li:before {
  font-family: "FontAwesome";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 12px; /*左端からのアイコンまで*/
  color: #E57F75 ; /*アイコン色*/
	font-size: 2rem;
	margin-top: -13px;
  text-align:center;
  /*以下 上下中央寄せのため*/

}

body .entry-content ul li:last-of-type{
  border-bottom: none;
}


body .entry-content ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0px 10px;
  border: solid 2px #E57F75 ;
}
body .entry-content ol li{
  border-bottom: dashed 1px #aaa;
  position: relative;
  padding: 10px 10px 10px 40px;
  line-height: 3;
	letter-spacing: 1px
}
body .entry-content ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #E57F75 ;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  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%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}
body .entry-content ol li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}


/* END list */

.site-main .entry-title {
padding: 10px 2px 2px 12px;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #FFB2AE;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
	margin: 20px 0 30px;
	font-weight: bold;
	color: #666;
	font-size: 2.2rem;
	line-height: 1.4
}
body .site-main .entry-title a{
	color: #666;
}

h2.my-heading2{
position: relative;
background: #FFD100;
box-shadow: 0px 0px 0px 5px #FFD100;
border: dashed 2px #fefefe;
padding: 12px 15px 4px;
color: #fafafa;
font-weight: bold;
letter-spacing: 2px;
	margin: 60px 0 80px;
	font-size: 2.4rem;

}

h2.my-heading2:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}




h3.my-heading3 {
position: relative;/*相対位置*/
line-height: 1.4;/*行高*/
display: inline-block;
font-weight: bold;
color: #999;
	margin: 0 0 80px;
	font-size: 1.8rem;
	letter-spacing: 2px;
}
h3.my-heading3:before,h3.my-heading3:after{ 
position: relative;
font-family: "FontAwesome";
display: inline-block;
font-size: 1.0em;
color: #FF9800;
}
h3.my-heading3:before{
  content:"\f053";/*アイコン種類*/
  padding-right: 0.5em
}
h3.my-heading3:after{
content:"\f054";/*アイコン種類*/
padding-left: 0.5em
}


h4.my-heading4{
	display: inline-block;
	border-bottom: 2px solid #ccc;
	padding-bottom: 8px;
	color: #999;
	font-weight: bolder;
	margin: 0 0 80px;
letter-spacing: 1px;
	
}
.my-marker {
	display: inline;
background: linear-gradient(transparent 70%, #F7C9CE 70%);
}
.strong{ 
  position: relative;
  	padding: 0;
	display: inline;
  }
.strong:after {
  content: '';
  position: absolute;
  left: 0;
    bottom: -4px;
  width: 100%;
    height: 4px;
    background: repeating-linear-gradient(-45deg, #E67A7A, #E67A7A  2px,#FFF4E0 2px, #FFF4E0 4px);
  }