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

/*--------------------------------------
  蛍光ペンのような下線を引く　　　↓
--------------------------------------*/
 
/*ピンク（太め）*/
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #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;}

/* ===================================================
あわせて読みたい　複数リンク対応カスタマイズ
=================================================== */
.emphasize-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #df8182;
background-color: #fffbf5;
}
.emphasize-link p:last-child {
margin-bottom: 0;
}
.emphasize-link::before {
position: absolute;
bottom: 100%;
left: -2px;
padding: 2px 6px;
content: "あわせて読みたい";
background-color: #df8182;
color: #fff;
font-weight: bold;
}

/*サイドバー　メニュー*/
div#sidebar1 ul.widget-menu.dfont.cf{
	border-bottom:3px double #fff;
}

div#sidebar1 ul.widget-menu.dfont.cf a{/*ボックス*/
	height:70px;
	width:100%;
	letter-spacing:0.2em;/*テキストリンクの行間*/
	color:#333;
	font-size:90%;
}
div#sidebar1 ul.widget-menu.dfont.cf img{
	padding:2px;
	object-fit: cover; 
	display:block;
	height:45px;
	width:30%;
        margin:0 auto;
	border-radius:5px;
}
div#sidebar1 ul.widget-menu.dfont.cf a:hover{
	opacity: 0.5;
	background:#fff!important;
}

div.top-kanren .longc_img {/*画像の範囲*/
    width: 35%;
}
div.top-kanren a.c_linkto.longc_linkto img{/*画像の大きさ*/
    height:100px;
    width:100%;
    padding:2px;
    background:#fff;
    object-fit: cover;/*11月1日追記*/
}

div.top-kanren .sng-link-time {/*日付消す*/
    display:none;
}
div.top-kanren .longc_title {
    color:#333;
    letter-spacing:0.5px;
    font-weight:bold;
}

@media only screen and (max-width: 480px){/*モバイルでの見え方*/
div.top-kanren .c_linkto{
    display:flex;	
}
div.top-kanren .c_linkto .c_linkto_text {
    max-width: 60%;
    font-size:85%;
    padding-top:8px;
}
div.top-kanren .longc_img {/*画像の範囲*/
    width: 40%!important;
}
}