@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* 目次の設定 */

h3 {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
}

h4 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}

h5 {
  /*線の種類（二重線）太さ 色*/
  border-bottom: double 5px #e6e6fa;
}

/* テーブルの設定 */
table{
  border-collapse:collapse;
  margin:0 auto;
}
th{
  border-bottom:2px solid #000;
	width :50px;
}
td,th{
  padding:10px;
}

/* トップページの設定 */
.post-meta .category a{
background-color:#FFE1E1;
border-radius:6px;
padding:1px 5px;
}

.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#c1ddcd;
 border:1px solid #fff;
 border-radius:2px;
 padding:3px 5px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#c1ddcd!important;
 background-color:#fff;
 border:1px solid #fff;
}

#main .entry {
 border-bottom: 1px dotted #999;
 padding-bottom: 18px;
 margin-bottom: 18px;
}

/*　TOC+プラグインの中央寄せ　*/
#toc_container {
        margin: auto;
}

/* インスタグラムの設定 */
.instagram-media {
    position: static !important;
}

.sbi_header_text h3 {
	margin-bottom: 40px;
}

/*-------------------------
  ブログカード
-------------------------*/
.blog-card {
  background: #fbfaf8;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	border-radius:5px;
	margin: 30px;
  /* sp用 ※4 */
}
.blog-card:hover {
  background: #fee;
}
.blog-card a {
  text-decoration: none;
}
.blog-card-title {
	color: #337ab7;
	display: block;
}
.blog-card-thumbnail {
	float:left;
	padding:10px;
}
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.blog-card-content {
	line-height:120%;
}
.blog-card-title {
	padding:10px 10px 10px 0;
	font-size:120%;
  font-weight: bold;
  line-height: 1.5em;
}
.blog-card-excerpt {
	color:#333;
	margin:0 10px 10px;
  line-height: 1.5em;
}
.blog-card .clear {
  clear: both;
}

/*引用マーク
===================================*/
blockquote::before {
    display: block;
    top: 0;
    font-size: 300%;
    color:#808080;
}
blockquote:after { 
    display: block;
    bottom: 0;
    font-size: 300%;
    color:#808080;
}
blockquote{
    border: solid 1px #ddd;
}

/* ボックスの修飾 */
.box-design{
 background-color: #f6f6f6;
 padding:20px;
 margin-bottom:1em;
}

.box-pink{
 background-color: #fdeff2;
 padding:20px;
 margin-bottom:1em;
}

.box-double {
    border: 4px double #ddd;
    margin: 2em 0;
    padding: 2em;
}

.box-point {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #c97586;
    border-radius: 8px;
}
.box-point .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fff;
    color: #c97586;
    font-weight: bold;
}
.box-point p {
    margin: 0; 
    padding: 0;
}

.box-circle{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box-circle:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box-circle:after {
    top:-12px;
    left:-12px;
}
.box-circle:before {
    bottom:-12px;
    right:-12px;
}
.box-circle p {
    margin: 0; 
    padding: 0;
}

/* font awsome */
.maple_brown{color:#5a544b;}