/*関連記事用スタイル*/

.entry-header .entry-thumb {
   float: left;
   margin: 0 7px 7px 0;
   margin: 0 0.5rem 0.5rem 0;
   border: 1px solid #ededed ;
}
.entry-header .entry-thumb:hover {
    opacity: 0.5;
}
.entry-header .entry-thumb:active {
    box-shadow: 4.2px 4.2px 2.8px gray inset; 
    box-shadow: 0.3rem 0.3rem 0.2rem gray inset;
}
.entry-header .entry-title-thumb-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: normal;
    border:none;
}
.entry-header .entry-title-thumb-right time{
    font-size: 9.8px;
    font-size: 0.7rem;
    display:inline-block;
}
.entry-header .entry-title-thumb-right a  {
    font-weight: normal;
    padding: 0;
    text-decoration: none;
    display:inline;
}
.entry-header .entry-title-thumb-right a:hover  {
    font-weight: bold;
}
.similar-title {
    font-size: 17.5px;
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: normal;
	border-bottom:1px solid #ccc;
	padding:5px;
    overflow: hidden;
        height: auto;
    margin:14px 0;
    margin:1rem 0;
}


/*---------------------------------------
アーカイブ
---------------------------------------*/

dl.archive{
	background: #f3f3f3;
	height: auto;
}
dl.archive dt{
    border-top:1px dotted #ccc;
    margin-top:10px;
    padding-top:10px;
}

dl.archive dt a{
    display:inline-block;
    margin-bottom:10px;
    padding:0 0 0 14px;
    background:url(../images/icon_arrow_01.gif) no-repeat 0 center;
}

dl.archive dt:first-child{
    border-top:none;
    margin-top:0;
    padding-top:0;
}

dl.archive dd{
    margin-bottom:10px;
}

dl.archive dd ul:before,
dl.archive dd ul:after{
    content:"";display:table;
}


dl.archive dd ul:after{
    clear:both;
}

dl.archive dd ul li{
    float:left;
    width:23.4444444%;
    margin:0 5px 10px 7px;
}

dl.archive dd ul li a{
    display:block;
    padding:1px 4px;
	padding-left: 0px!important;
    text-align:center;
    border-radius:4px;
	background: #fff;
	background: none!important;
	font-size: 100%;
}

dl.archive dd ul li:nth-child(4n){
    margin-right:0
}

dl.archive dd ul li.current a{
    color:#fff;
}

dl.archive dd ul li a:hover,
dl.archive dd ul li a:focus{
    text-decoration:none;
}

dl.archive dt:nth-child(n+2),
dl.archive dd:nth-child(n+3){
    display:none;
}


/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/

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

/*---------------------------------------
アーカイブ
---------------------------------------*/
dl.archive{
	width:96%;
	margin-left: auto;
	margin-right: auto;
	}
p#archive-title{
	padding-left:5px;
}
	p.more2{
	padding-left:5px;
	}

/*カテゴリメニュー*/	
ul.children li{
	border:none !important;
	margin-left:15px;
}


nav#content-menu{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	margin-top:30px;
}

nav#content-menu p#content-title{
	margin:0px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	color:#000;
	background: #f3f3f3;
}

p#content-title{
	height: 17px;
	line-height: 17px;
	padding-left:10px;
	margin-bottom:5px;
}

nav#content-menu ul li{
	background: #fff;
	line-height: 1.6;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #fff;
}

nav#content-menu ul li a{
	text-decoration:none;
	display: block;
	background:url(../images/icon_arrow_01.gif) no-repeat left center;
	padding-left:10px;
	margin-left:5px;
	margin-right:10px;
}


div#right-container{
	width:88%;
	margin-left:auto;
	margin-right:auto;
}
	
/*引用*/
	.wp-block-quote{
		margin-left: 10px;
		border-left: 5px solid #999;
		padding-left: 10px;
		color:#333;
	}


/*アドセンス枠*/
div#ads-container{
	margin-top:120px;
}


div#right-container h3{
	font-size:120%;
	border-left:5px solid #ccc;
	padding-left:10px;
	margin-bottom:19px;
	margin-top:20px;
	line-height:1.2!important;
}

div#right-container h4{
	font-size:80%;
	color:#999;
	margin-bottom: 30px;
}
	
div#right-container p{
	margin-top:30px;
	margin-bottom: 30px;
}

	
	
	
	
	
}







/*////////////////////////////////////////
タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

	
	

/*メインコンテンツ*/

div#l-r-container{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

/*
左ペイン
*/

/*---------------------------------------
アーカイブ
---------------------------------------*/
dl.archive{
	width:280px;
	}
p#archive-title{
	padding-left:0px;
}
	
/*カテゴリメニュー*/
dvi#left-container{
	float:left;
	width:280px;
	margin-right:10px;
	height: auto;
}


ul.children li{
	border:none !important;
	margin-left:15px;
}

nav#content-menu{
	width:280px;
	margin-bottom:35px;
}

nav#content-menu p#content-title{
	margin:0px;
	height:35px;
	line-height:35px;
	border:1px solid #ccc;
	color:#000;
	background: #f3f3f3;
	}

p#content-title{
	height: 17px;
	line-height: 17px;
	padding-left:20px;
	margin-bottom:5px;
}

nav#content-menu ul li{
	background: #fff;
	line-height: 1.6;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #fff;
}

/*カレント*/
nav#content-menu ul li.current span{
	text-decoration:none;
	display: block;
	background:url(../images/icon_arrow_01.gif) no-repeat left center;
	padding-left:15px;
	margin-left:5px;
	margin-right:10px;
	color:#999;
}

/*通常*/
nav#content-menu ul li a{
	text-decoration:none;
	display: block;
	background:url(../images/icon_arrow_01.gif) no-repeat left center;
	padding-left:15px;
	margin-left:5px;
	margin-right:10px;
}


li.days span{
	margin-left:5px;
	color:#FFBF00;
}
	

	
	
/*
右ペイン
*/
div#right-container{
	float:right;
	width:408px;
}
	
/*引用*/
	.wp-block-quote{
		margin-left: 10px;
		border-left: 5px solid #999;
		padding-left: 10px;
		color:#333;
	}

/*アドセンス枠*/
div#ads-container{
	padding-bottom:30px;
}

div#right-container h3{
	font-size:140%;
	border-left:5px solid #ccc;
	padding-left:10px;
	margin-bottom:19px;
	height:44px;
	line-height:44px;
}



div#right-container h4{
	font-size:80%;
	color:#999;
	margin-bottom: 30px;
}

div#right-container p{
	margin-top:30px;
	margin-bottom: 30px;
}

	
	
	
	
	
	
}





/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {

div#l-r-container{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

/*
右ペイン
*/
div#right-container{
	float:right;
	width:660px;
}



}