/* カスタム CSS をここに入力してください */
#h2{
padding: 2%;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

#h3{
position: relative;
padding: 0.25em 0;
}
#h3:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}

#yellow {
    background: linear-gradient(transparent 50%, #fbe255 70%);
    font-size: 110%;
    font-weight: bold;
}

.square_btn1{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #99d866;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #729258;
    border-radius: 3px;
}
.square_btn1:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.square_btn2{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn2:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.square_btn3{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #d8667b;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #935a65;
    border-radius: 3px;
}
.square_btn3:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
#font-link{
		text-decoration: none;
  color: #ef701b;
  font-weight: bold;
}