.sns-design-type01 .sns-top .twitter a,.sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns-top .hatebu a, .sns-design-type01 .sns-top .pocket a, .sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .twitter a, .sns-design-type01 .sns .facebook a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a, .sns-design-type01 .sns .line a{
color: #fff;
background-color:#0c0000;
border:2px solid #0c0000;
}

.sns-design-type02 .sns-top .twitter a,.sns-design-type02 .sns-top .facebook a, .sns-design-type02 .sns-top .hatebu a, .sns-design-type02 .sns-top .pocket a, .sns-design-type02 .sns-top .line a, .sns-design-type02 .sns .twitter a, .sns-design-type02 .sns .facebook a, .sns-design-type02 .sns .hatebu a, .sns-design-type02 .sns .pocket a, .sns-design-type02 .sns .line a{
color: #0c0000;
border:2px solid #0c0000;
}

.pickup-contents-box .pickup-contents:before{
opacity:0;
}


#breadcrumb.footer_type2 a,
#breadcrumb.footer_type2 li{
color:#0c0000 !important;
}

/* カスタム CSS をここに入力してください */
.my-marker1 span {
  padding-bottom: .2em;
  background: -webkit-linear-gradient(left, #ffe653 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  background: linear-gradient(to right, #ffe653 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  -webkit-transition: background-position 1.0s ease-out;
  transition: background-position 1.0s ease-out;
}
.my-marker1:hover span {
  background-position: 0% bottom;
}

.my-marker2 span {
  padding-bottom: .2em;
  background: -webkit-linear-gradient(left, #ffc0cb 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  background: linear-gradient(to right, #ffc0cb 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  -webkit-transition: background-position 1.0s ease-out;
  transition: background-position 1.0s ease-out;
}
.my-marker2:hover span {
  background-position: 0% bottom;
}

.my-marker3 span {
  padding-bottom: .2em;
  background: -webkit-linear-gradient(left, #87ceeb 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  background: linear-gradient(to right, #87ceeb 50%, transparent 50%) 100% bottom / 200% 50% no-repeat;
  -webkit-transition: background-position 1.0s ease-out;
  transition: background-position 1.0s ease-out;
}
.my-marker3:hover span {
  background-position: 0% bottom;
}
.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;}

.widgets-list-layout .widgets-list-layout-blavatar {
 float: none !important;
 margin-right: 10px;
 width: 130px !important;
 max-width: 320px !important;
}
.widgets-list-layout li > a {
 display: inline-block;
 height: 100%;
}
.widgets-list-layout-links {
 float: none !important;
 overflow: hidden;
 width: auto !important;
}
.widgets-list-layout-links a{
 color: #333;
 height: 100%;
 margin-top: 30px;
 padding-top: 5px;
 padding-left: 140px;
 position: absolute;
 top: -10px;
}
.widgets-list-layout-links a:hover{
 text-decoration: none;
 transition: all .3s ease-in-out;
}
.widget_top-posts ul {
 counter-reset: post-rank;
 margin: 0px;
}
.widget_top-posts ul li {
 list-style-type: none;
 min-height: 150px;
 padding-top: 10px !important;
 position: relative;
}
.widget_top-posts ul li:before {
 color: #eee;
 content: counter(post-rank, decimal);
 counter-increment: post-rank;
 font-size: 40px;
 position: absolute;
 bottom: -10px;
 right: 5px;
 z-index: 0;
}
.widget_top-posts ul li:after {
 content: "";
 border-bottom: 1px solid #eee;
 width: 100%;
 height: 20px;
}
.widget_top-posts ul li:last-child:after {
 content: "";
 border: none;
}
.widget_top-posts ul li:hover{
 background-color: #f5f5f5;
 transition: all .3s ease-in-out;
}
.widget_top-posts ul li:hover:before{
 color: #fff;
 transition: all .3s ease-in-out;
}
a.blog-card:after{
	position: absolute;
	font-family: 'Quicksand','Avenir','Arial',sans-serif,'Font Awesome 5 Free';
	content:'続きを読む \f101';
	font-weight: bold;
	right:10px;
	bottom: 10px;
	padding:1px 10px;
	background:#7badd8;/*「続きを読む」の背景色*/
	color:#fff;/*「続きを読む」の文字色*/
	font-size: .8em;
	border-radius:2px;
}
/*******sns share ボタン（枠線あり）*******/
.sns-design-type01 .svg-inline--fa {/*Twitter facebook poket*/
vertical-align: -0.8em;
}
.sns-design-type01 .font-hatena:before {/*hatebu*/
vertical-align: -0.7em;
}
.sns-design-type01 .line a svg {/*line*/
width: 24px !important;
fill: #fff !important;
vertical-align: -0.7em;
}
@media (min-width: 768px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
box-shadow: none;
height: 44px;
}}
@media (max-width: 767px){
.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a {
padding: 6px 6px;
box-shadow: none;
height: 44px;
}}
.sns-design-type01 .sns-top li.twitter a, .sns-design-type01 .sns-top li.facebook a, .sns-design-type01 .sns-top li.hatebu a, .sns-design-type01 .sns-top li.pocket a, .sns-design-type01 .sns-top li.line a {
border: 3px double;
border-color: white;
}
.sns-design-type01 .sns li.twitter a, .sns-design-type01 .sns li.facebook a, .sns-design-type01 .sns li.hatebu a, .sns-design-type01 .sns li.pocket a, .sns-design-type01 .sns li.line a {
border: 3px double;
border-color: white;
}
/*引用文 色変更*/
blockquote {
position: relative;
padding: 10px 20px;
box-sizing: border-box;
font-style: italic;
color: #4e4e4e;
background:
#f2f9ff!important;
}