@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.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

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


/*/////////////////////////////////////////////////
//プロフィールカスタマイズエリア
/////////////////////////////////////////////////*/

/*枠デザイン*/
.profile_box {
margin: 2em 0;
background: #dcefff; /*内容の背景色*/
}
.profile_box .box-title {
font-size: 18px;
line-height:1.8;
background: #5fb3f5; /*タイトルの背景色*/
padding: 4px;
text-align: center;
color: #FFF; /*文字色*/
font-weight: bold;
letter-spacing: 0.05em;
}
/*内容*/
.profile_center{
text-align: center;
margin: 10px 15px 0 0;
}
/*プロフィール画像*/
.profile_figure {
width:150px;
height:150px;
border-radius: 50%; /*丸くする*/
border: solid 3px #5fb3f5; /*枠線*/
}
/*名前*/
.profile_name {
padding: 15px 20px;
font-weight:bold;
font-size:16px;
}
/*自己紹介文*/
.profile_box p {
padding: 15px 20px;
margin: 0;
}
/*リスト*/
.profile_box ul {
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
.profile_box ul li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;
}
.profile_box ul li:before {
font-family: "Font Awesome 5 Free";
content: "f138";/*アイコンの種類*/
font-weight:900;
position: absolute;
left : 1em;/*左端からのアイコンまでの距離*/
color: skyblue;/*アイコン色*/
}


.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

/* blue-shiny */
.blue-shiny a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
	font-weight: bold ;
	border-bottom: solid 5px #558fd1 ;
	border-radius: 5px;
    background-color: #6c9bd2 ;
    color: #ffffff !important;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
.blue-shiny {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.blue-shiny a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.blue-shiny a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}

/* pink-shiny */
.pink-shiny a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
	font-weight: bold ;
	border-bottom: solid 5px #f398e7 ;
	border-radius: 5px;
    background-color: #fdaef3 ;
    color: #ffffff !important;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
.pink-shiny {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.pink-shiny a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.pink-shiny a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}

/* green-shiny */
.green-shiny a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    font-weight: bold ;
    border-bottom: solid 5px #6bc945 ;
    border-radius: 5px;
    background-color: #80d85e ;
    color: #ffffff !important;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
.green-shiny {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.green-shiny a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.green-shiny a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}

/*サイドバーカテゴリーデザイン調整*/


.widget ul {
	font-weight:bold;
}
.widget ul li .cat-item{
	font-weight:normal!important;
}
.widget ul li {
    list-style-type: none;
}

.widget ul li:before{
content:none; /*デフォルトの「・」を打消し*/
}

/*--目次カスタマイズ--*/
.content .outline{
	border-color:#ce4040;/*一番外の枠*/
}
.content .outline__switch::before{
	border-color:#ce4040;/*閉じるの枠*/
}
.content .outline__number{
	background-color:#ce4040;/*見出背景色*/
	color:#fff;/*見出数字の色*/

}
.content .outline__link{
		border-bottom:1px solid #ce4040;/*見出し下線色*/
}
/*--ここまで--*/