body, button, input, select, textarea, a {
color: #505050;
font-family:
"Lato", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",
"ヒラギノ角ゴ ProN W3", "Hiragino Sans", Meiryo, "メイリオ", system-ui, -apple-system, BlinkMacSystemFont, 
    "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif
	!important;
}

body {
	font-weight: 400 !important;
}

h1, h2, h5 {
	font-weight: 700 !important;
}

.post-thumbnail {
    display:none;
}

a {
		box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
a:hover,
a:active {
	color: gray/*マウスオーバー時のリンク文字色*/
!important;
}

a:hover {
		color: gray;
		box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


.entry-content a {
	color: #369ecf;/*記事中のリンク文字を変更*/
}
.entry-content a:visited {
	color: #369ecf;/*記事中のリンク文字を変更*/
}

a:hover,
a:active,
a:focus,
a:visited{
	outline: 0;
}

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);/*下線の太さと色*/
}

.entry-eyecatch {
	width: 240px;
}

.page-title {
	text-transform: none
!important;	
}

.tags-links {
	text-transform: none
!important;
}

.entry-title {
	text-transform: none
!important;	
}

.entry-summary {
	font-size: 95%;	
}

.more-link {
	font-weight: bold;
	font-size: 100%;
	color: #369ecf;
}

.link-more {
	text-align: right;
}

.su-posts-teaser-loop .su-post {
	margin-bottom: 0 !important;
}

.post-navi-prev {
	text-align: left;
}

.post-navi-next {
	text-align: right;
}

@media only screen and (max-width: 767px) {
  .post-navi-next {
	  text-align: left;
  }
}

.entry-eyecatch a:hover {
	opacity: 0.8;
}
a.su-post-thumbnail:hover {
	opacity: 0.8;
}
.widgets-grid-layout {
	width: 280px;
}
.widget-grid-view-image a img {
	width: 130px;
	height: 130px;
	margin-left:10px;
	margin-bottom: 2px
}
.widget-grid-view-image a img:hover {
	opacity: 0.8;
}
.grid-items div.excerpt:after {
	content: "...";
}
.grid-items div.layer-media:hover {
	opacity: 0.8;
}

.grid-items .title a {
  color: black;	
}
.grid-items .title a:hover {
  color: glay;	
}

@media screen and (min-width: 30em) {
.entry-eyecatch {
	float:left;
	margin-right: 15px;	
}	
}