/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20170614
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}

/*-カラー：#FFFFFF　白 -*/
/*-ベースカラー：#FFFFFF 白-*/
/*-メインカラー：#000000　黒 -*/
/*-セカンドカラー：#006400　ダークグリーン -*/
/*-アクセントカラー：#3cb371　ミディアムグリーン -*/

/*-メニューバー start-*/
/*-メニュー色変更 -*/
/*-メニューバーの背景色 -*/
 #st-menubox {
 background: #006400;/* 背景色  ダークグリーン*/
 }

/*-メニューバーの文字色 -*/
header .smanone ul.menu li a{
 color: #FFFFFF;/* 文字色 */
 font-size:80%;
 }

/*-メニューバーの背景色（カーソルが当たった時） -*/
#st-menubox a:hover{
 background:  #3cb371;/* 背景色 　ミディアムグリーン*/
 }

/*-メニューバーの文字色（カーソルが当たった時） -*/
header .smanone ul.menu li a:hover{
 color: #FFFFFF;/* 文字色 */
 font-size:80%;
 }

header .smanone ul.menu li li a{
	background:#006400; /*ドロップダウンメニューの背景色*/
 color: #FFFFFF;/* 文字色 */
}

header .smanone ul.menu li li a:hover{
	background:#3cb371; /*ドロップダウンメニューの背景色（カーソルがあたった時）*/
 color: #FFFFFF;/* 文字色 */
}

/*-メニューバー end-*/



/*-サイドバータイトル20180312start -*/
.menu_underh2{
	background:#006400;
	color:#FFFFFF;
	padding:10px;
	border-radius:15px 15px 15px 15px;
	}
/*-サイドバータイトル20180312end -*/


/*- サイドバーの文字色 -*/
#side .st-aside ul li {
color: #fff;
}

/*-見出しカスタマイズ start20180312-*/
h2 {
  position: relative;
  padding: .25em 0 .5em .75em;
/*  padding: 0 0 0 0;*/
  border-left: 10px solid #006400;
  background: #FFFFFF;
  color: #000;
  font-size:1.5em;
  margin-bottom: 20px;
}
h2::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 3px solid #006400;
}

h3 {
  padding-bottom: .0em;
  border-bottom: 3px double #006400;
  color: #000;
  font-size:1.125em;
  bottom: 0;
  margin-bottom: 20px;
}
/*-見出しカスタマイズ end20180312-*/




/*- サイトタイトルの文字色 -*/
header .sitename a {
color: #FFFFFF;
}







/*アコーディオンメニューボタン*/
/*スマホ*/
.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 15px 10px 15px;
	list-style:none;
	border-bottom:dotted 1px #FFF;
}

.acordion_tree ul.menu li a {
	text-decoration: none;
	color:#FFF;
}
/* フッター文字 */
#footer .footerlogo {
	font-size: 22px;
	line-height:30px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#FFF;
}

/*-下線マーカー start20180314-*/
/*-太ピンク-*/
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #FFDFEF 0%) repeat scroll 0 0;}

/*-太ブルー-*/
.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}

/*-太イエロー-*/
.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}

/*-細ピンク-*/
.pink_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffb2d8 0%) repeat scroll 0 0;}

/*-細ブルー-*/
.blue_line_narrow {background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #add6ff 0%) repeat scroll 0 0;}

/*-細イエロー-*/
.yellow_line_narrow{background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #ffff7f 0%) repeat scroll 0 0;}
/*-下線マーカー end20180314-*/


