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

#main{
}

#main .container{
}

#main .inner{
	margin: 4% 10%;
}

#main ul{
}

#main li{
	overflow:hidden;
	text-align: left;
	padding: 2% 4%;
}

#main li a{
	text-decoration:none;
	display: block;	
}

#main li:last-child{
	border:none;
}

/* =============================================================================
   Layout 1
   ========================================================================== */

.inner {
}

.inner .date{
	float:left;
	width: 30%;
}

.inner .title{
    float: right;
    width: 70%;
}

/* =============================================================================
   Layout 2
   ========================================================================== */

#profile_box{
	padding:4% 0;
}

#profile_box .container{
}

#profile_box .thum{
	width:30%;
}

#profile_box .photo{
	border-radius: 50%;
	width: 280px;
	height: 280px;
	overflow: hidden;
	margin: 0 auto;
}

#profile_box .photo img {
}

#profile_box .thumr{
	width:70%;
}

#profile_box dl{
	overflow: hidden;
	text-align:left;
	padding: 2% 4%;
}

#profile_box dl:last-child {
	border:none;
}

#profile_box dt{
	float:left;
	width: 20%;
}

#profile_box dd{
	float:right;
	width: 80%;
}

#profile_box a:hover {
	color:#FF59AB;
}

.detail ul{
}

#main .detail li{
	padding: 8% 4% 4%;
}

/* =============================================================================
   Detail
   ========================================================================== */

.detail{
	text-align: left;
	margin: 4% 10%;
}

.detail .date{
}

.detail .title{
	font-size: 1.33rem;
}

.detail .photo{
	margin: 4% 0;
}

.detail .photo img{
}

.detail .comment{
}

/* =============================================================================
   Page
   ========================================================================== */

#page{
}

#page ol{
}

#page li{
	border:none !important;
	display:inline-block;
	padding:0;
	margin:1%;
}

#page li a{
	margin:1%;
}

#page ul {
	overflow: hidden;
	padding: 2% 0;
}

#page ul li{
	width: 20%;
	text-align: center;
	margin: 0;
}

/* =============================================================================
   Device
   ========================================================================== */

@media screen and (max-width: 768px){
	#main .inner {
		margin: 4% 0;
	}
	#main li {
		padding: 6% 4%;
	}
	.date{
		float: none;
		width: auto;
		font-size: 0.78rem;
		margin: 0 0 4%;
	}
	.inner .date{
		float: none;
    	width: auto;
	}
	.inner .title{
		float: none;
		width: auto;
	}
	#profile_box {
		width:80%;
		padding:10%;		
	}
	#profile_box .thum{
		float:none;
		width:100%;
	}
	#profile_box .photo{
		width: 200px;
        height: 200px;
	}	
	#profile_box .thumr{
		float:none;
		width:100%;
		padding: 4% 0;
	}
	#profile_box dl {
		padding: 6% 4%;
	}
	#profile_box dt {
		float: none;
		width: 100%;
		font-size: 0.78rem;
		margin: 0 0 4%;
	}
	#profile_box dd {
		float: none;
		width: 100%;
	}
	.detail {
		margin: 4% 0;
	}
	#main .detail li{
		padding: 12% 0 4%;
	}
	.detail .photo{
		margin: 8% 0;
	}
	#page li{
		border:none;
		display:inline-block;
		padding:0 2%;
		margin:1%;
	}
	#page ul li{
		width: 40%;
	}
}