#secondary h2 {
	 margin: 35px  0;
    padding: 5px;
margin-bottom:30px; 
	
   
	padding: .3em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;

}

  h4 {
	color:#fff;
	}

	




.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #C0C0C0;
	
}












.pagination .prev,
.pagination .next {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #8C8C8C;
	color: #fff;
	display: inline-block;
	
	overflow: hidden;
	padding: 0;
	position: absolute;
	
}


.comments-area{
padding-top: 3%;
padding-bottom: 3%;
}



.entry-content{
padding-left: 10% ;
padding-right:10% ;
}
	
.entry-header{
padding-left: 10% ;
padding-right:10% ;
}
.entry-title{
padding-left: 0% ;
padding-right:0% ;
}


@media only screen and (max-width: 420px)
{

.entry-content{
padding-left: 5% ;
padding-right:5% ;
}


.entry-header{
padding-left: 5% ;
padding-right:5% ;
}
.entry-title{
padding-left: 0% ;
padding-right:0% ;
}



}




@media all and (-ms-high-contrast:none) and  (min-width: 955px) {
  *::-ms-backdrop, .site-header {
		background-color: transparent;
		border-bottom: 0;
		margin: 19% 0 0% 0;
		padding: 0 2%;        
	}
}



@media all and (-ms-high-contrast:none) and  (min-width: 955px) {
  *::-ms-backdrop, .content-area {
       margin: 0% 0% 0% 0%;
}
}



@media all and (-ms-high-contrast:none) and  (min-width: 955px) {
  *::-ms-backdrop, .site-footer {
		margin-top: 0% ; 
}
}
		

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:955px) {
  ::i-block-chrome, .content-area {
       margin: 0% 0% 0% 0%;
}
} 
  


@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:620px) {
  ::i-block-chrome, .site-footer {
		margin-top: 0% ;
	} 
	}







#npcatch li a:hover{	
padding: 0 0 0px 0;

border-bottom:blue;


position: relative;
    list-style-type: none;
outline:none;


}


#npcatch li a {
width: 100%;
 display: inline;
list-style-type: none;
padding: 3px  0 3px ;


}

#npcatch li {
display: inline-block;
		float:none;
		clear:left;
    position: relative;
    list-style-type: none;
    padding-top: 5px;
padding-bottom: 5px;
    padding-left: 5px;
width: 100%;
border-top: 1px #999 dotted;
 

}




#npcatch  {
   margin-bottom:-px;



}



#npcatch li:hover{
border-bottom:blue;

position: relative;
    list-style-type: none;
outline:none;
 


}
#npcatch li a:hover .title{

border-bottom:blue;


position: relative;
    list-style-type: none;
outline:none;

top:3px;
left:3px;


}







.wpp-list li {
display: inline-block;
margin-bottom: 0px;
 position: relative;
 list-style-type: none;
padding-top: 5px;
 padding-left: 5px; 
border-top: 1px #999 dotted;
bottom: px;
width: 100%;
 }
 




.wpp-list li a:hover{
padding: 0 0 0px 0;
position: relative;
    list-style-type: none;

 
top:3px;
left:3px;
}


.wpp-list li a {

    list-style-type: none;
    

top:3px;
left:3px;

}




div.entry-post-thumbnail {
  float: left;
  margin: 0 0px 0px 5px;


}



@media screen and  (min-width: 955px) {
.box1 {
    padding: 3em 1em;

    margin: 0em 0;
    font-weight: ;
 border: 1px #999 dotted;
       
	
		}
		

.box1 p {
    margin: 0em; 
    padding: 0;
}
}









@media all and (-ms-high-contrast:none) and  (min-width: 955px) {
  *::-ms-backdrop, .box1 {
    padding: 3em 1em;
    margin: -5em 0em 4em ;
    font-weight: ;
 border: 1px #999 dotted;
        
	}
		

.box1 p {
    margin: 0em; 
    padding: 0;
}


}
	





	



@media screen and  (max-width: 619px) {
.box1 {
    padding: 3em 1em;
    margin-top: 35px;
    font-weight: ;
 
        
	}


.box1 p {
    margin: 0em; 
    padding: 0;
}


	}


.form-submit {
margin-top:15px;
width:150px;

}

#recaptcha{
	width: 300px;
}




#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
margin-right:15px;
}

#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
margin-right:15px;
}

#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
margin-right:15px;
}

#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
margin-right:15px;
}

#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
margin-right:15px;
}

#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
margin-right:15px;
}





#share{
	width:100%;
	margin:auto;
	text-align:center;
	padding:20px 0 10px 20px;
	clear:both;
}


#share li{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:82px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}


@media screen and  (max-width: 420px) {
#share{
width:100%;
	margin:auto;
	text-align:center;
	padding:20px 0 10px 0px;
	clear:both;
}


#share li{
	font-size:14px;
	display:inline-block;
	text-align:center;
	width:74px;
	margin-right:0%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}










}




a {
	-webkit-tap-highlight-color: 
rgba( 170, 170, 255, 0.1 );
 
}



img {
max-width: 100%;
height: auto;
}



.marker-move{
  background-image: linear-gradient(
    90deg,rgb(166, 221, 244) 90%,transparent /*好きな色*/
  );
  background-repeat:no-repeat;
  background-size:200% 50%; /*2つ目の値でマーカーの太さを変える*/
  background-position:0% bottom;
  animation: marker 10s ease 0s; /*マーカーを引く速度*/
}
@keyframes marker{
  0%{
    background-position:right -100% bottom;
  }
  100%{
    background-position:0% bottom;
  }
}