/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.entry-title{
font-size: 23px;
line-height:1.5;
}

@media screen and (min-width: 59.6875em)
.site-footer {
   padding: 1%;
  
}
.index-bar-blue{
font-size: 1.0em;
padding: 0.25em 0.5em;/*上下 左右の余白*/
font-weight: bold;	
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}

.index-bar-red{
font-size: 1.0em;
padding: 0.25em 0.5em;/*上下 左右の余白*/
font-weight: bold;
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #ff6a6a;/*左線*/
}

.index-bar-orange{
font-size: 1.0em;
padding: 0.25em 0.5em;/*上下 左右の余白*/
font-weight: bold;
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #FFC778;/*左線*/
}

.index-bar-green{
font-size: 1.0em;
padding: 0.25em 0.5em;/*上下 左右の余白*/
font-weight: bold;
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #a6ddb0;/*左線*/
}

.under-d-line{
border-bottom: double 5px #FFC778;
/*線の種類（二重線）太さ 色*/
}

.square_btn_org{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #FFB54D;/*左線*/
    color: #FF9F1A;/*文字色*/
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.square_btn:active {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.midashi_blue{
color: #364e96;/*文字色*/
font-weight: bold;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

.s_cent_lin{
position: relative;
display: inline-block;
padding: 0 55px;
}

.s_cent_lin:before, .s_cent_lin:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.s_cent_lin:before {left:0;}
.s_cent_lin:after {right: 0;}

.shadow_blue {
padding: 0.5em;
background: aliceblue;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}