@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   LION BLOG Child
Theme URI:    http://fit-jp.com/theme/
Description:  FIT(フィット) が制作するブログ用WordPressTHEME「LION BLOG」の子テーマ
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionblog
Version:      1.0
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/


/*すべての見出し*/
.content h2,
.content h3,
.content h4,
.content h5{
	line-height:1.5;
	margin-top:40px;
}

.content h2{font-size:2.4rem !important;
position: relative ;
}


.content h2:after {
content: ""!important;
position: absolute!important;
left: 0!important;
bottom: 0!important;
width: 100%!important;
height: 7px!important;
background: -webkit-repeating-linear-gradient(-45deg, #FFB6C1, #FFB6C1 2px, #fff 2px, #fff 4px)!important;
background: repeating-linear-gradient(-45deg, #FFB6C1, #FFB6C1 2px, #fff 2px, #fff 4px)!important;
}


.content h3{
	font-size:2rem;
	color: #505050;
}

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



.content h4{font-size:1.9rem;
}
.content h4{
color: #6c272d;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #e5c1cd;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
}
.content h4:before {
content: '●';
color: white;
margin-right: 8px;
}
.content h4:after {
content: '●';
color: #e5c1cd;
margin-right: 8px;
}

.content h5{
	font-size:1.8rem;
	color:#3F3F3F;
}

.content h5 {
position: relative;
padding-left: 25px;
}

.content h5:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px #bcbace;
}
.content h5:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px #bcbace;
}

.content h2 + h2, .content h2 + h3, .content h2 + h4, .content h2 + h5,
.content h3 + h2, .content h3 + h3, .content h3 + h4, .content h3 + h5,
.content h4 + h2, .content h4 + h3, .content h4 + h4, .content h4 + h5,
.content h5 + h2, .content h5 + h3, .content h5 + h4, .content h5 + h5{margin-top:20px;}



/*ピンク太字*/
.bold-pink {
font-weight: bold;
color: #dc6b9a
}

/*青太字*/
.bold-blue {
font-weight: bold;
color: #87cefa
}
/*緑太字*/
.bold-green {
font-weight: bold;
color: #67b5b7
}
/*紫太字*/
.bold-violet {
font-weight: bold;
color: #8d93c8
}
/*茶太字*/
.bold-brown {
font-weight: bold;
color: #daa520
}

/*青マーカー*/
.marker1 {
background: #bbdbf3;
}
/*ピンクマーカー*/
.marker2 {
background: #ffe4e1;
}
/*紫マーカー*/
.marker3 {
background: #dbd0e6;
}
/*ゴールドマーカー*/
.marker4 {
background: #bee0ce;
}

/*下線*/
.under {text-decoration: underline;}


/* 角丸・太字・囲み枠 */
.box3 {
    padding: 1em 1em;

    background: #FFF;
    color: #6e4a55;/*文字色（必要なければ削除）*/
    font-weight: bold;/*太文字（必要なければ削除）*/
    border: solid 3px #eb6ea0;/*線の色*/
    border-radius: 10px;/*角の丸み*/
    width: 100%;/*幅の調節*/
}

/* タブタイトル付き囲み枠 */
.box4 {
    position: relative;

    padding: 1em 1em;
    border: solid 3px #cab8d9;
    width: 100%;
}
.box4 .box4-title {
    position: absolute;
    display: inline-block;
    top: -20px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #cab8d9;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

/* 破線囲み枠 */
.box5 {
	width: 100%;

	padding: 20px;
	line-height: 1.5;
	position: relative;
	border: #f09199 dashed 4px;
	background: #FFF;
}

/* ぼかし囲み枠 */
.box6 {	
	width: 95%;
    margin: 36px auto;
	padding: 30px 25px 0;
	line-height: 1.5;
	position: relative;
	padding: 10px 20px;
	background: #fdeff2;
	box-shadow: #fdeff2 0 0 10px 10px;
	-webkit-box-shadow: #fdeff2 0 0 10px 10px;
	-moz-box-shadow: #fdeff2 0 0 5px 5px;
}



/*　テープ留め風囲み枠 */
.box7 {
    background-color: #eaf4fc;
    border: 1px solid #84b9cb;
    list-style: none;
    position: relative;

    padding: 2em 1em 1em;
    width: 100%;
}
.box7:before {
    content: "";
    background-color: rgba(137,195,235,.4); /*テープの色*/
    position: absolute;
    top: -1.5em;
    left: 40%;
    width: 100px; /*テープの幅*/
    height: 40px;
    transform: rotate( -10deg );
}