/* カスタム CSS をここに入力してください */


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

詳しくは上のヘルプアイコンをクリックしてください。
*
*{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

h1 {
border-bottom: solid 3px #444444;
/*線の種類（実線） 太さ 色*/
}

h2 {
	color: #000000;/*文字色*/
background: #00FF00;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
font:“MeiryoUI”;
}



h2の見出し
h3の見出し
h4の見出し
h4の見出し
h4の見出し

/*見出しタグにサイズをつける*/
/*1em-16px が標準*/
h1 { font-size: 20px; 
font-weight:bold; 
}

h2 { font-size: 18px; 
font-weight:bold; 
}

h3 { font-size: 17px; }
h4 { font-size: 16px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }



/* グローバルナビメニューの背景色 */
.navigation-top,
.navigation-top .sub-menu,
.navigation-top .toggled-on .menu {
	background-color:#444444;
}
 
/* グローバルナビメニューの文字色 */
.navigation-top a,
.main-navigation .menu-toggle,
.main-navigation .dropdown-toggle,
.site-header .navigation-top .menu-scroll-down {
	color: #FFFFEE;
}

/* 見出しh3に下線を入れる */
h3 {
position: relative;
padding-left: 16px;
}


h3:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(0, 255, 0);
}
h3:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(0, 255, 0);
}


h4 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}

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