@charset "utf-8";
/* CSS Document */






/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 668px), print {

#pageContents{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:30px 0px 30px 0px;
	overflow:hidden;	
}
	#pageContents #pageLeft{
		width:700px;
		height:auto;
		float:left;	
	}
		#pageLeft h1{
			font-size:150%;
			padding:0px 0px 28px 0px;	
		}
		#pageLeft article{
			padding:0px 0px 25px 0px;
			margin:0px 0px 25px 0px;
			border-bottom:1px dotted #ccc;	
			overflow:hidden;
		}
			#pageLeft article figure{
				width:30%;
				height:auto;
				float:left;	
			}
				#pageLeft article figure img{
					width:100%;
					height:auto;
				}
			#pageLeft article .detail{
				width:67%;
				height:auto;
				float:right;
				margin-top:-6px;	
			}
				#pageLeft article .detail span.date{
					font-size:87%;
					padding:0px 0px 5px 0px;	
				}
				#pageLeft article .detail h2{
					font-size:112%;
					line-height:1.88em;	
				}
				#pageLeft article .detail p{
					font-size:87%;
					padding:5px 0px 0px 0px;	
					line-height:1.56em;
				}
	
	#pageContents #pageRight{
		width:250px;
		height:auto;
		padding:0px 0px 60px 0px;
		float:right;
		border-left:1px solid #000;	
	}
		#pageRight .categoryBlock{
			padding:20px 0px 0px 30px;	
		}
		#pageRight .categoryBlock h3{
			font-weight:bold;
		}
			#pageRight .categoryBlock ul{
				padding:15px 0px 0px 0px;
			}
				#pageRight .categoryBlock ul li{
					padding:0px 0px 8px 0px;
					margin:0px 0px 8px 0px;
					border-bottom:1px dotted #ccc;	
				}

		#pageRight .archiveBlock{
			padding:20px 0px 0px 30px;	
		}
		#pageRight .archiveBlock h3{
			font-weight:bold;
		}
			#pageRight .archiveBlock ul{
				padding:15px 0px 0px 0px;
			}
				#pageRight .archiveBlock ul li hr{
					display: block;
					padding:0px 0px 8px 0px;
					margin:0px 0px 8px 0px;
					border: none;
					border-bottom:1px dotted #ccc;	
				}
				#pageRight .archiveBlock ul li.archiveInner{
					padding-bottom: 8px;
					margin-bottom: 8px;
					border-bottom:1px dotted #ccc;
			}


	

}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

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

#pageContents{
	width:85%;
	height:auto;
	margin:0px auto;
	padding:30px 0px 0px 0px;
	overflow:hidden;	
}
	#pageContents #pageLeft{
		width:100%;
		height:auto;
	}
		#pageLeft h1{
			font-size:125%;
			padding:0px 0px 28px 0px;	
		}
		#pageLeft article{
			padding:0px 0px 18px 0px;
			margin:0px 0px 18px 0px;
			border-bottom:1px dotted #ccc;	
			overflow:hidden;
		}
			#pageLeft article figure{
				width:30%;
				height:auto;
				float:left;	
			}
				#pageLeft article figure img{
					width:100%;
					height:auto;
				}
			#pageLeft article .detail{
				width:67%;
				height:auto;
				float:right;
				margin-top:-6px;	
			}
				#pageLeft article .detail span.date{
					font-size:87%;
					padding:0px 0px 5px 0px;	
				}
				#pageLeft article .detail h2{
					font-size:112%;
					line-height:1.88em;	
				}
				#pageLeft article .detail p{
					display:none;
					font-size:87%;
					padding:5px 0px 0px 0px;	
					line-height:1.56em;
				}
	
	#pageContents #pageRight{
		width:100%;
		height:auto;
		padding:0px 0px 60px 0px;
		
	}
		#pageRight .categoryBlock{
			border-left:1px solid #000;	
			padding:20px 0px 30px 30px;	
		}
		#pageRight .categoryBlock h3{
			font-weight:bold;
		}
			#pageRight .categoryBlock ul{
				padding:15px 0px 0px 0px;
			}
				#pageRight .categoryBlock ul li{
					padding:0px 0px 8px 0px;
					margin:0px 0px 8px 0px;
					border-bottom:1px dotted #ccc;	
				}

		#pageRight .archiveBlock{
			border-left:1px solid #000;	
			padding:20px 0px 30px 30px;	
		}
		#pageRight .archiveBlock h3{
			font-weight:bold;
		}
			#pageRight .archiveBlock ul{
				padding:15px 0px 0px 0px;
			}
				#pageRight .archiveBlock ul li hr{
					display: block;
					padding:0px 0px 8px 0px;
					margin:0px 0px 8px 0px;
					border: none;
					border-bottom:1px dotted #ccc;	
				}
				#pageRight .archiveBlock ul li.archiveInner{
					padding-bottom: 8px;
					margin-bottom: 8px;
					border-bottom:1px dotted #ccc;
			}

				


/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}