/*--------------------------------------------------------------
  サイドバーのスタイル
--------------------------------------------------------------*/

#sidebar {
  float: left;
  width: 20%;
	padding-top: 15px;
}

.widget {
  margin-bottom: 40px;
}

.widget .mobile_row {
  /*widgetのスマホ表示時*/
  display: none;
}

.widget h3 {
  font-size: 2.0rem;
	border-left: 4px solid #32a8e1;
	padding-left: 10px;
	line-height: 1.5;
}

.widget li {
  border-bottom: 1px solid #eee;
	padding: 12px 0 12px 5px;
}

.widget li p.news_date {
  font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

.widget li h4,
.widget li h5 {
	margin: 0;
}

.widget li h4 a {
  font-size: 1.3rem;
	line-height: 1.5;
	margin: 0;
	display: block;
}

.widget li h5 a {
  font-size: 1.5rem;
	/* line-height: 1.5; */
	margin: 0;
	font-weight: 400;
	display: block;
}

.widget li h4 a:hover,
.widget li h5 a:hover {
  text-decoration: underline;
	color: #32a8e1;
	cursor: pointer;
}

@media (max-width: 768px) {
  #sidebar {
    float: none;
    padding: 0 15px;
    width: 100%;
    margin: 0 0 50px;
  }
	.widget {
	  margin-bottom: 20px;
	}
	.widget h3 {
		border-left: none;
		background-color: #e9f7ff;
		padding: 15px 20px;
	}
	.widget h3:before{
		font-family: FontAwesome;
		content : "\f150";
		margin-right: 3px;
		color: #32a8e1;
	}
}




/*--------------------------------------------------------------
  END
--------------------------------------------------------------*/