/*
Template: albatros
Theme Name: albatros_custom
Theme URI:http://open-cage.com/albatros/
*/


span.toc_number {
padding-right: 10px;
}

ul,ol {
padding-bottom: 10px;
}

.fixed .popular-posts {
padding: 0;
margin: 0;
}

span.hatena-bookmark-users img {
margin: 0 0 5px 0;
padding: 0;
}

span.wpcf7-list-item {
display: block;
}

.single .authorbox .profile{
  border-top:1px dotted #ccc;
}

.fb-page {
border: 1px #ccc solid;
}

  .lp-form {
    border: 1px solid #DDD;
    width: 100%;
    padding: 20px;
  }

#toc_container ul li {
margin-top: 7px;
margin-bottom: 7px;
}

/* ここにタブレット・PCの記述 */
@media screen and (min-width : 768px) {

#npcatch .title{
	width:75%;
	float:left;
	padding: 10px 5px 10px 0px;
}


	.form {
	margin: 0 30px 30px;
	}

  .contact h2{
    margin-left: 30px;
    margin-right: 30px;
	}


}


@media only screen and (max-width: 480px) {
        .top-post-list .post-list .eyecatch{
                max-height:90px;
        }
}


/* ここにスマホの記述 */
@media screen and (max-width : 768px){

.popular-posts ul li {
margin-top: 10px;
}

#npcatch .title{
	width:70%;
	float:left;
	padding: 10px 5px 10px 0px;
}

	.form {
	margin: 0 15px 15px;
	}

	.widget_views ul li {
	margin-bottom: 20px;
	}

  .contact h2{
    margin-left: 15px;
    margin-right: 15px;
	}


.wp-post-image {
        border:solid 1px #ccc;
        padding: 4px;
        float: left;
        margin-right: 5px;
/*      vertical-align: text-top; */
}
.similar_posts {
        padding: 3px;
        margin-top: 3px;
        margin-left: 0px;
}
.similar_posts_title {
        margin:2px;
        font-size: 14px; /* テキストリンクのサイズ */
}
.similar_posts_snippet {
        margin:2px auto;
        font-size: 10px; /* 抜粋文字のサイズ */
        color: #0f0f0f; /* 抜粋文字の色 */
}


}


  .event h2{
    position: relative;
    background: #5C6B80;
    color: #FFF;
    border: none;
    font-size:1.25em;
    padding: 0.5em 0.7em;
    margin-top: 2.1em;
    margin-bottom: 0.85em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  .event h2:before{
    content: '';
    position: absolute;
    border-top: 8px solid #f3f3f3;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -8px;
    left: 30px;
  }

  .event h2:after{
    content: '';
    position: absolute;
    border-top: 10px solid #5C6B80;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -8px;
    left: 30px;
  }

  .event h3{
    border-left:1px solid;
    padding:0.7em;
  }


  .contact h2{
    position: relative;
    background: #5C6B80;
    color: #FFF;
    border: none;
    font-size:1.25em;
    padding: 0.5em 0.7em;
    margin-top: 2.1em;
    margin-bottom: 1.05em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .contact h2:before{
    content: '';
    position: absolute;
    border-top: 8px solid #f3f3f3;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -8px;
    left: 30px;
  }


.sns_s{
  margin:0 auto;
  padding-left: 10px;

}
.sns_s ul {
  list-style:none;
}
.sns_s li {
  width:75%;
  margin:0 2% 3% 0;
}
.sns_s li a {
  font-size:80%;
  position:relative;
  display:block;
  padding:10px;
  color:#fff;
  border-radius: 3px;
  text-align:center;
  text-decoration: none;
  text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns_s li a:before,
.sns_s li a i{
  margin-right:0.2em;
  margin-left:0.2em;
  font-size:1.1em;
}
.sns_s li a:hover {
  -webkit-transform: translate3d(0px, 3px, 1px);
  -moz-transform: translate3d(0px, 3px, 1px);
  transform: translate3d(0px, 3px, 1px);
  box-shadow:none;
}
.sns_s li a .count{
  font-size:10px;
  margin-left: 2px;
}

/* RSS */
.sns_s  .rss a {
  background:#ffb53c;
  box-shadow:0 3px 0 #e09900;
}
.sns_s  .rss a:hover {
  background:#e09900;
}

/* Feedly */
.sns_s  .feedly a {
  background:#87c040;
  box-shadow:0 3px 0 #74a436;
}
.sns_s  .feedly a:hover {
  background:#74a436;
}


#npcatch li{
	overflow:hidden;
	clear:both;
	margin:0px 0px 0px;
	border-bottom: 1px solid #ddd;
}

#npcatch img{
	float:left;
	width: 80px;
	padding: 10px 5px 10px 0;
}

#npcatch li:hover{
}

#npcatch li:hover .title{
}

#npcatch li:hover .title a{
}

#npcatch li:hover .date{
}

/*ヘッダーをグラデーションに変更、それに伴い見出しの色などを変更*/


header.header {
background: -webkit-linear-gradient(90deg, rgb(92, 141, 240), rgb(255, 136, 116));
background: linear-gradient(90deg, rgb(92, 141, 240), rgb(255, 136, 116));
}

h4.widgettitle {
background:#FF8874;
}

span.cat-name {
background:#FF8874 ;
}

.byline .cat-name{
background:#FF8874!important ;
}
ul.wpp-list li a:before{
background:#FF8874!important ;
}