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


/***** トップページメニューのフォントサイズを変える *****/
header .smanone ul.menu li a {
    font-size: 15px;
}

/***** メニューの単体幅を広げる *****/
header .smanone ul.menu li{
width: 176px !important;
}

/***** マウスを乗せた時に色をじんわり変える *****/
header .smanone ul.menu li{
transition: 0.7s}/*ゆっくりと色を変える*/
header .smanone ul.menu li:hover{
background-color: #abc900;/*マウスオーバー時の背景色*/
}
header .smanone ul.menu li a:hover{
color: #fff !important;/*マウスオーバー時の文字色*/
}


/***** NEWS(お知らせ)フォントサイズを変える *****/
.news-ca {
    font-size: 15px;
}

/***** NEWS(お知らせ)日付サイズを変える *****/
	#topnews-box dt {
		font-size: 12px;
	}

/***** NEWS(お知らせ)記事タイトルサイズを変える *****/
	#topnews-box dd {
		font-size: 15px;
	}

/***** NEWS(お知らせ)記事タイトルに下線をつける *****/
#topnews-box div dl dd a {
    text-decoration: underline;
}

/***** NEWS(お知らせ)ﾏｰｼﾞﾝﾄｯﾌﾟを-10→+10へ *****/
#topnews-box div.rss-bar {
    margin-top: 10px;
}


/***** サイドバーの記事タイトルサイズを変える *****/
aside h4:not(.st-css-no2),
	#side aside h4:not(.st-css-no2),
.st-widgets-title:not(.st-css-no2) {
		font-size:18px;
		margin-top: 5px;
		margin-bottom:5px;
	}


/***** サイドバーメニューの第二層タイトル左空スペースを変える *****/
#side aside .st-pagelists .sub-menu a {
	padding:8px 10px 8px 25px;
}


/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}
 
.required-contactform7{
  padding: 3px;
  background: #ed8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}
 
.table-contactform7 th{
  font-weight:bold;
  text-align: left;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }
     
@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}     
       
  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}


/***** カテゴリの色を変える *****/
/*例）IDが7の場合*/
.catname.st-catid11 {
  background:#ea0032; /*背景色*/
  color:#fff; /*テキスト色*/
}
.catname.st-catid6 {
  background:#0086ad; /*背景色*/
  color:#fff; /*テキスト色*/
}
.catname.st-catid5 {
  background:#f8b400; /*背景色*/
  color:#fff; /*テキスト色*/
}
.catname.st-catid4 {
  background:#abc900; /*背景色*/
  color:#fff; /*テキスト色*/
}
.catname.st-catid7 {
  background:#e6e6e6; /*背景色*/
  color:#ea0032; /*テキスト色*/
}


/***** カテゴリのフォントサイズを変える *****/
.st-catgroup.itiran-category .catname {
    font-size: 13px;
    margin: 0 0 5px;
    padding: 7px;
}


/***** @media print, screen and (min-width: 960px) *****/
.kanren:not(.st-cardbox) .clearfix dd p {
    font-size: 15px;
    line-height: 22px;
    color: #cc5229;
    font-weight: bold;
}


/***** @media only screen and (min-width: 600px) *****/
.kanren .clearfix dd h5:not(.st-css-no2) a {
    font-size: 16px;
    line-height: 22px;
}
.kanren:not(.st-cardbox) .clearfix dd p {
    font-size: 15px;
    line-height: 22px;
    color: #cc5229;
    font-weight: bold;
}


/***** 関連記事一覧タイトル色とリンク下線をつける *****/
.kanren .clearfix dd h5 a {
    color: #212121;
    text-decoration: underline;
}


/***** カテゴリー記事一覧タイトル色とリンク下線 *****/
dd h3:not(.st-css-no2) a {
    color: #212121;
    text-decoration: underline;
}

dd h3:not(.st-css-no2) a:hover {
    color: #006a66;
  		text-decoration: none;
}

/* リンクの色 */
a {
	color: #212121;
}

/* マウスホーバー時の色とリンク下線 */
a:hover {
  	color: #006a66;
		text-decoration: none;
}

.no-thumbitiran h3 a:hover,
.no-thumbitiran h5 a:hover {
	color: #006a66;
}

#footer a:hover {
	color: #006a66;
}

.kanren .clearfix dd h5 a:hover {
	color: #006a66;
	text-decoration: none;
}

#topnews-box div dl dd a:hover {
color: #006a66;
}

.eyecatch-copyurl a:hover {
	color: #006a66;
}

#side aside .st-pagelists .sub-menu a:hover {
	color:#006a66;
}

#side aside .st-pagelists .sub-menu .sub-menu a:hover {
	color:#006a66;
}

header .smanone ul.menu li a:hover{
		color:#006a66;
}


/* こんな方におすすめ、ﾏｰｼﾞﾝ上下+30→+20へ */
.st-blackboard {
    margin: 20px 0;
}

/* こんな方におすすめ、行間調整(タイトルなしの場合) */
.post ul:not(.toc_list) {
    list-style-type: disc;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
    margin-bottom: 5px;
}


/* 表スクロール常に表示 */