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

/*ブログカードのタイトルをリンク色に変更*/
.blog-card-title {
		color: #327bb7;
		text-decoration: underline;
	}

/*ブログカードに「続きを読む」を追加*/
a.blog-card{
		padding-bottom:40px;
}
a.blog-card{
		position: relative;
}
a.blog-card:after{
		position: absolute;
		font-family: sans-serif,'Font Awesome 5 Free';
		content:'続きを読む \f101';
		font-weight: bold;
		right:10px;
		bottom: 10px;
		padding:1px 10px;
		background:#ff6868; /*背景色*/
		color:#fff; /*文字色*/
		font-size: .8em;
		border-radius:2px;
}

/*外部リンクカード調整*/
.linkcard * {
	text-decoration:none !important;
}

.linkcard:before {
	content: "あわせて読みたい";
	position: relative;
	top:  12px;
	left:  23px;
	background-color: #ff6868;
	padding: 8px 14px;
	font-size: 12px;;
	font-weight: 500;
	border-radius:  3px;
	color:  #fff;
	z-index: 1;
}

.linkcard *:hover {
	opacity:0.9;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.linkcard {
	margin: 22px auto;
	display:block;
	width: 96%;
}

.lkc-title {
 	font-size: 1.1rem;
 	line-height: 1.5rem;
 	font-weight: 500;
	margin-bottom: 15px;
	display:  block;
}

.lkc-excerpt {
	font-size: 0.75rem;
 display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; 
}

.lkc-url{
	display: none;
}

.lkc-info{
	margin-bottom:10px;
}

.lkc-external-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-external-wrap p {
	padding-bottom: 5px !important;
}

.lkc-internal-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #ff6868;
	border-radius:  4px;
	padding: 22px 15px 7px 10px;
}

.lkc-internal-wrap p {
	padding-bottom: 5px !important;
}

.lkc-thumbnail {
    margin: 0 20px 4px 4px;
}

@media screen and (max-width:750px){
.linkcard {
	margin: 22px auto;
	display:block;
	width: 100%;
}
	
	.linkcard:before {
    left: 12px;
			padding: 5px 14px;
    border-radius: 2px;
}
	
	.lkc-content {
	height: 100%;
}
	
.lkc-excerpt{
	display:none;
}
	
.lkc-title{
	font-size: 0.85rem; 
 	line-height: 1.2rem;
 	font-weight: 700;
 	display: inline;
}
	
.lkc-internal-wrap {
    padding: 15px 0 0 0;
}
	
.lkc-external-wrap {
    padding: 15px 0 0 0;
}
	
	.lkc-thumbnail-img {
    width: 188px;
    max-height: 76px;
}
}



/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;	
}
#prev_next_home:hover{
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}

#logo_image_mobile a{ height:50px;
float: left;
padding-left :8px;
 }

/* Newpost Catch */
 
#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px dotted #666666;
}
#npcatch img{
         float:left;
         padding:5px 10px 0 0;
}
#npcatch .title a{
         font-weight: 700;
         text-decoration: none;
}
#npcatch .date {
         font-size: small;
         font-weight: 600;
         display:block;
         color: #adb5bf;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

.pagination span, .pagination a {
	font-size: 15px;
	padding: 10px 15px;
	border: 1px solid #A0A0A0;
	margin: 0 5px;
}
	.pagination span.current {
		border: 1px solid #A0A0A0;
		background: #333;
		color: #fff;
	}
	.pagination a:hover {
		color: #333;
		border: 1px solid #5E5E5E;
	}