/*
h2#danraku2{
position: relative;
padding: 0.25em 0;
}
h2#danraku2:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}
*/
/*h2#danraku2{
    background-color: #fff;
  	border: 1px solid #5d627b;
    border-right: 20px solid #5d627b;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    color: #5d627b;
  	padding: 10px 20px;
    position:relative;
}
h2#danraku2:after{
    background-color: rgba(255, 255, 255, .7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, .1);
    content: '';
    position: absolute;
    transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    bottom: 15px;
    right: -3px;
    width: 85%;
    height: 10px;
    z-index: -1;
}*/
/*h2#danraku2 {
position: relative;
padding: 5px 5px 5px 42px;
background: #77c3df;
font-size: 20px;
color: white;
margin-left: -33px;
line-height: 1.3;
z-index:-1;
}

h2#danraku2:before {
position: absolute;
content: '';
left: -2px;
top: -2px;
border: none;
border-left: solid 40px white;
border-bottom: solid 79px transparent;
z-index:-2
}
*/
h3#danraku3 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}

h3#danraku3:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}

/*h3#danraku32 {
/*padding: 0.5em;/*文字周りの余白*/
/*color: #494949;/*文字色*/
/*background: #fffaf4;/*背景色*/
/*border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
/*}*/
h2#danraku2 {
  padding: .5em .75em;
  background-color: #5d627b;
  color: #fff;
  border-bottom: 1px solid #ccc;
}
/*
h2#danraku2 {
    background-color: #5d627b;
    color: #fff;
    overflow: hidden;
    padding: 10px;
    position: relative;
}
h2#danraku2:before{
    background-color: #fff;
    content: '';
    display: block;
    opacity: 0.6;
    transform: rotate(-30deg);
    position: absolute;
    bottom: -30px;
    right: -100px;
    width: 200px;
    height: 200px;
}*/
h3#danraku32{
    position: relative;
    color: #5d627b;
/*    font-size: 1.143em;*/
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #5d627b;
}
 
h3#danraku32:before{
    content: "";
    position: absolute;
    background: #5d627b;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3#danraku32:after{
    content: "";
    position: absolute;
    background:#5d627b;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
h4#danraku4 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;  
  
}

h4#danraku4:before{ 
font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}/* カスタム CSS をここに入力してください */


.box1 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #95ccff;
border-radius: 8px;
}
.box1 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #95ccff;
font-weight: bold;
}
.box1 p {
margin: 0;
padding: 0;
} 
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box2 p {
    margin: 0; 
    padding: 0;
}
ul#ulcheck {
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  margin-top: 2em;
}
ul li#licheck {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
ul li#licheck:before {/*リストのアイコン*/
  font-family: FontAwesome;
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまでの距離*/
  color: #ffb03f; /*アイコン色*/
}
ul li#licheck:after {/*タブ*/
  background: #ffb03f;
  color: #fff;
  font-family: FontAwesome,'Avenir','Arial',sans-serif;
  position: absolute;
  left: -2px;
  bottom: 100%;
  padding: 1px 7px;
  content: '\f0a7  Check';/*アイコンコード＋文字*/
  letter-spacing: 0.05em;/*字間*/
  }
@media (max-width: 640px) {
    .table-scroll {
        overflow-x: scroll;
    }
}
/*コメント非表示*/
.su-posts-default-loop .su-post-comments-link { display:none; }
 
/*サムネイル表示調整*/
.su-posts-default-loop .su-post-thumbnail {
float: left;
display: block;
width: 200px;
height: 150px;
margin-right: 1em;
}
.su-posts-default-loop .su-post-thumbnail img {
max-width: 200px;
max-height: 150px;
}
.su-posts-default-loop .su-post {
margin-bottom: 1.5em;
line-height: 1.5;
}
/* 個別記事ごとのliタグ */
.popular-posts li{
border-top: 1px dotted #CCC;
list-style-type:none;
list-style-image:none;
clear: both;
margin: 0px;
padding: 5px 0 5px 0;}
 
/* サムネイル */
.popular-posts img{
padding:0px;
float: left;}

.topbtn:hover{
position:relative;
top:3px;
left:3px;
filter:alpha(opacity=80);
  opacity:0.8;}
/* カスタム CSS をここに入力してください */