h2#danraku2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

h3#danraku3 {
border-bottom: solid 3px #cce4ff;
position: relative;
}

h3#danraku3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}



h4#danraku4 {
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}



.PlayerSns {
    list-style: none;
    margin: 0 0 -8px;
    padding: 0;
  }
  .PlayerSns li {
    float: left;
    margin: 0 8px 8px 0;
    padding: 0;
  }
  .PlayerSns li a::before {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    height: 44px; /* Button height */
    line-height: 44px; /* Button height */
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    width: 44px; /* Button width */
  }
  .PlayerSns li a:hover::before {
    opacity: 0.7;
  }
  .PlayerSns li a[href*="facebook.com"]::before       { background-color: #3b5998; content: "\f09a"; }
  .PlayerSns li a[href*="instagram.com"]::before      { background-color: #125688; content: "\f16d"; }
  .PlayerSns li a[href*="twitter.com"]::before        { background-color: #55acee; content: "\f099"; }
  .PlayerSns li a[href*="vimeo.com"]::before          { background-color: #1ab7ea; content: "\f27d"; }
  .PlayerSns li a[href*="youtube.com"]::before        { background-color: #cd201f; content: "\f16a"; }
  
    .PlayerSnslist {
	    position: relative;
	    overflow: hidden; /* ulでリスト全体を右に50%移動している分幅が広がりスクロールバーが表示されるのを防ぐ */
    }

    .PlayerSnslist ul {
	    position: relative;
	    left : 52%; /* ulを右に50%移動 */
	    float: left;
	    margin-left: -5px;
    }

    .PlayerSnslist ul li {
	    position: relative;
	    left: -50%; /* 左に50%移動 */
	    float: left;
	    margin-left: 10px;
    }