@charset "UTF-8";

/*CSSDocument*/




/* share
===============================================================*/

p.gotop{
    position: fixed;
    right: 6%;
        bottom: 0;
}
p.gotop a{
    width: 88px;
    height: 51px;
    display: block;
}


ul.topic_path{
	padding-bottom:10px;}

ul.topic_path li{
	display:inline;
	}

ul.topic_path li.home{
	display:inline;
	background:url(../images/ico_home.gif) no-repeat left 50%;
	padding-left:17px;
	}
	
ul.topic_path li.page{
	display:inline;
	background:url(../images/ico_page.gif) no-repeat left 50%;
	padding-left:17px;
	}	
	

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

#top_area{
	width:100%;
	margin:0 auto;
	}
	
.item{
	border:5px solid #000;
	padding:20px;
	border-radius:10px;
	background:#fff;
	float:left;
	margin:5px;
	min-width:250px;
	max-width:620px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	}	

.item:hover{
	background:#f7feed;
	}

.item.tweet{
	min-height:500px;
	width:305px;
	}

.item img.auth{
	max-width:100%;
	height:auto;
	margin-bottom:20px;
	}

.item.cright{
	float:right;
	}


.top_r{
	float:right;
	max-width:260px;
	}
.top_l{
	float:left;
	width:1000px;
	}
	
.item_in{
	clear:both;
	}	
.item_in_min{
	width:255px;
	}	
.item_in h2{
	font-size:138.5%;
	margin-bottom:5px;
	font-weight:normal;
	}	
.item_in h3{
	font-size:153.9%;
	margin-bottom:5px;
	font-weight:normal;
	}	
.item_in h4{
	font-size:182%;
	margin-bottom:10px;
	font-weight:normal;
	}	
.item_in p{
	font-size:108%;
	line-height:153.9%;	
	}		

.item_in .book_img{
	float:left;
	margin-right:15px;
}
.item_in_min .book_img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


.item_in_min h2{
	font-size:108%;
	margin-bottom:5px;
	font-weight:normal;
	}	
.item_in_min h3{
	font-size:116%;
	margin-bottom:5px;
	font-weight:normal;
	}	
.item_in_min h4{
	font-size:123.1%;
	line-height:153.9%;		
	margin-bottom:10px;
	font-weight:normal;
	}	
.item_in_min p{
	clear:both;
	font-size:93%;
	line-height:153.9%;	
	}		


.ico_rensai{
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:100;
	}
	
	
.item_rensai{
	clear:both;
	width:255px;	
	}

.rensai_num{
	background:#000;
	height: 36px;
	width: 36px;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius: 18px;
	line-height:36px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:167%;
	float:left;
	margin-right:15px;
	margin-bottom:18px;
	}
	
	
.item_rensai h2{
	padding-top:8px;
	float:left;
	font-size:123.1%;
	font-weight:normal;
	margin-bottom:18px;
	}
	
.item_rensai p{
	clear:both;
	font-size:93%;
	line-height:153.9%;		
	}	

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

.item{
	border:5px solid #000;
	padding:10px;
	border-radius:10px;
	background:#fff;
	float:left;
	margin:5px;
	width:96.5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	}	

.item img.auth{
	width:100%;
	height:auto;
	margin-bottom:10px;
	}

.item_in_min{
	width:100%;
	}	
}


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

.first_img{
	margin-top:55px;
	width:100%;
	}
.item_in .book_img{
	float:left;
	margin-right:15px;
	width:80px;
}
.item_in_min .book_img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	width:50px;	
}
	
	
	
}



/*
contents page
-------------------------------------------------*/

#contents_body{
	margin:0 auto;
	max-width:1280px;
	padding-bottom:20px;
	
	}

#contents_left{
	float:left;
	width:620px;
	margin-right:20px;
	}

#contents_right{
	float:left;
	width:300px;
	}
	
.contents_item{
	border:5px solid #000;
	padding:20px;
	border-radius:10px;
	background:#fff;
	float:left;
	margin:5px;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	}	

.contents_head,.contents_head_rensai{
	border:solid #000;
	border-width:2px 0 2px 0;
	padding:20px 5px;
	margin:20px 20px;
	clear:both;
	word-break:break-all;
	overflow:hidden;
	}
	
.contents_head h2{
	font-size:138.5%;
	margin-bottom:12px;
	font-weight:normal;
	}	
.contents_head h3{
	font-size:153.9%;
	margin-bottom:5px;
	font-weight:normal;
	}	
.contents_head h4{
	font-size:182%;
	margin-bottom:10px;
	font-weight:normal;
	}	
.contents_head p{
	font-size:108%;
	line-height:153.9%;
	padding-top:20px;
	clear:both;
	word-break:break-all;
	overflow:hidden;
	}	


.rensai_num_con{
	background:#000;
	height: 42px;
	width: 42px;
	border-radius:21px;
	-moz-border-radius:21px;
	-webkit-border-radius: 21px;
	line-height:42px;
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:167%;
	float:left;
	margin-right:15px;
	}
.contents_head_rensai h2{
	padding-top:8px;
	float:left;
	font-size:182%;
	font-weight:normal;
	}
	


.contents_method{
	margin:0 30px;
	word-break:break-all;
	overflow:hidden;
	}
.contents_method p{
	font-size:108%;
	line-height:153.9%;
	margin-bottom:20px;

	word-break:break-all;
	overflow:hidden;
	}		

.contents_method img{
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
	}

dl.interview{
	font-size:108%;
	line-height:153.9%;
	}


dl.interview dt.laclef{
	float:left;
	width:15%;
	margin-bottom:20px;	
	color:#5f9c10;
	}
dl.interview dd.laclef{
	float:left;
	width:85%;
	margin-bottom:20px;
	color:#5f9c10;
	}



dl.interview dt.auth{
	float:left;
	width:15%;
	margin-bottom:20px;	
	}
dl.interview dd.auth{
	float:left;
	width:85%;
	margin-bottom:20px;
	color:#333;
	}

dl.interview dt.int_copy{
	clear:both;
	margin-bottom:15px;
	font-size:123.1%;
	font-weight:bold;
}


dl.interview dt.laclef2{
	clear:both;
	color:#5f9c10;
	}
dl.interview dt.auth2{
	clear:both;
	margin-bottom:20px;	
	}
	
	
.int_pict{
	text-align:center;
}
.int_pict img{
margin-bottom:5px;
}

.int_pict p{
margin:0;
font-size:85%;
margin-bottom:20px;
text-align:left;
}

.main_vis_item img{
margin-bottom:5px;
}

.main_vis_item p{
margin:0;
font-size:85%;
margin-bottom:20px;
text-align:left;
}


.auth_profile{
	clear:both;
	background:#e3e3e3;
	border-radius:15px;
	padding:15px 15px 1px 15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:30px;
	}

.auth_profile img{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.backnumber h3{
clear:both;
font-size:160%;
font-family:Helvetica;
border-bottom:2px solid #000;
margin-bottom:15px;
padding-bottom:10px;

}

.backnumber li{
clear:both;
margin-bottom:6px !important;

}

.backnumber li h2{
	padding-top:8px;
	float:left;
	font-size:123.1%;
	font-weight:normal;
}


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

.contents_item{
	border:5px solid #000;
	padding:10px;
	border-radius:10px;
	background:#fff;
	float:left;
	margin:5px;
	width:96.5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	}	

img.contents_main_vis{
	width:100%;
	height:auto;
}
.contents_method img{
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
	width:100%;
	height:auto;
	}
.contents_method{
	margin:0 15px;
	}	
.contents_head,.contents_head_rensai{
	border:solid #000;
	border-width:2px 0 2px 0;
	padding:10px 5px;
	margin:10px 0;
	}
.auth_profile img{
	float:left;
	width:20%;
}	
	
}

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

#contents_left{
	float:none;
	width:100%;
	margin-right:0;
	}

#contents_right{
	float:none;
	width:100%;
	}
	
.contents_method{
	margin:0 5px;
	}
.contents_head,.contents_head_rensai{
	border:solid #000;
	border-width:2px 0 2px 0;
	padding:10px 5px;
	margin:5px 0;
	}		
}


.sns_entry{
	margin-right:20px;
	margin-top:5px;
	margin-bottom:20px;
	}

.sns_entry li{
	float:right;
	}