@charset "UTF-8";

/*CSSDocument*/




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

.cat_area{
margin-bottom:40px;
overflow:hidden;
border-top:1px solid #dddddd;
padding:10px 10px;
background:#e7e7e7;
}

.cat_area li{
background:#fff;
border-radius:2px;
display:inline-block;
padding:5px 10px;
margin-right:5px;
}

.cat_area li a{
color:#333;
}

.cat_area li:hover{
opacity:0.8;
}



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

.cat_area{
display:none;
}

}





/* top
===============================================================*/

#top_wrap{
	width:1000px;
	margin:0 auto;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
	text-align:left;
	}


.content_l{
	float:left;
	width:660px;
	}
.content_r{
	float:right;
	width:320px;
	}


#top_wrap h2{
	color:#231815;
	border-bottom:1px solid #7f7f7f;
	padding-bottom:10px;
	font-size:18px;
	position:relative;
	margin-bottom:35px;
	clear:both;
	}

#top_wrap h2 span{
	position:absolute;
	top:5px;
	right:0;
	color:#adadad;
	font-size:14px;
	font-family:"Arial Black", Gadget, sans-serif;
	}


.top_pickup,
.top_newest{
	margin-bottom:60px;
	overflow:hidden;
	clear:both;
	}


.top_pickup article,
.top_newest article{
	width:320px;
	float:left;
	margin-bottom:20px;
	}
.top_pickup article:nth-of-type(even),
.top_newest article:nth-of-type(even){
	float:right;
	}


.top_pickup article .img,
.top_newest article .img{
	height:200px;
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	background:#e7e7e7;
	}

.top_pickup article .img img,
.top_newest article .img img{
	max-width:100%;
	height:auto;
	position:absolute;
	margin: auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}

.top_pickup article span,
.top_newest article span{
	font-size:11px;
	display:inline-block;
	padding:2px 8px;
	color:#fff;
	margin-bottom:10px;
	}



.top_pickup article span.cat_cat-01,
.top_newest article span.cat_cat-01{
	background:#a6b500;
	}
.top_pickup article span.cat_cat-02,
.top_newest article span.cat_cat-02{
	background:#00a608;
	}
.top_pickup article span.cat_cat-03,
.top_newest article span.cat_cat-03{
	background:#941dcc;
	}
.top_pickup article span.cat_cat-04,
.top_newest article span.cat_cat-04{
	background:#6c71b6;
	}
.top_pickup article span.cat_cat-05,
.top_newest article span.cat_cat-05{
	background:#3431aa;
	}
.top_pickup article span.cat_cat-06,
.top_newest article span.cat_cat-06{
	background:#a50000;
	}
.top_pickup article span.cat_cat-07,
.top_newest article span.cat_cat-07{
	background:#f45454;
	}
.top_pickup article span.cat_cat-08,
.top_newest article span.cat_cat-08{
	background:#fa39bd;
	}
.top_pickup article span.cat_cat-09,
.top_newest article span.cat_cat-09{
	background:#60a8a9;
	}
.top_pickup article span.cat_cat-10,
.top_newest article span.cat_cat-10{
	background:#000000;
	}
.top_pickup article span.cat_cat-11,
.top_newest article span.cat_cat-11{
	background:#231815;
	}




.top_pickup article span a,
.top_newest article span a{
	color:#fff;
}


.top_pickup article h3,
.top_newest article h3{
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
	}
.top_pickup article p,
.top_newest article p{
	color:#424243;
	line-height:1.5;
	margin-bottom:10px;
	}	
	
.top_pickup article p.date,
.top_newest article p.date{
	color:#7f7f7f;
	text-align:right
	}



.top_information{
	margin-bottom:60px;
	overflow:hidden;
	clear:both;
	}


.top_information article{
	width:320px;
	margin-bottom:20px;
	background:#f3f3f3;
	}
.top_information .img{
	height:200px;
	position:relative;
	overflow:hidden;
	background:#e7e7e7;
	}

.top_information .img img{
	max-width:100%;
	height:auto;
	position:absolute;
	margin: auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
.top_information .in{
	padding:10px 10px 1px;
	}	
	
.top_information article h3{
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
	}
.top_information article p{
	color:#424243;
	line-height:1.5;
	margin-bottom:10px;
	}	
	
.top_information article p.date{
	color:#7f7f7f;
	text-align:right
	}
	
.top_information .tweet{
	height:410px;
	overflow:hidden;
	}	
		
@media screen and (max-width: 480px) {

#top_wrap{
	width:100%;
	box-sizing:border-box;
	padding:3%;
	}


.content_l{
	float:none;
	width:100%;
	display:block;
	}
.content_r{
	float:none;
	width:100%;
	display:block;
	}
.top_pickup article,
.top_newest article{
	width:100%;
	float:none;
	margin-bottom:60px;
	display:block;
	clear:both;
	}	
.top_information article{
	width:100%;
	margin-bottom:20px;
	background:#f3f3f3;
	}
}



/* second
===============================================================*/


section.main_read{
	width:750px;
	margin: 0 auto;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
	text-align:left;
	}


.detail_header{
position:relative;
}
.detail_header .sns{

position:absolute;
top:-73px;
right:0;
}


dl.detail_head{
	text-align:left;
	margin-bottom:30px;
	}


dl.detail_head dt{
	width:50px;
	height:50px;
	line-height:16px;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	font-size:15px;
	box-sizing:border-box;
	padding-top:9px;
	display:inline-block;
	}
dl.detail_head dt span{
	letter-spacing:2px;
	}

dl.detail_head dd{
	padding-left:15px;
	font-size:18px;
	line-height:50px;
	text-align:left;
	display:inline-block;
	color:#6b6b6b;
	}



dl.detail_head dt.cat_cat-01{
	background:#a6b500;
	}
dl.detail_head dt.cat_cat-02{
	background:#00a608;
	}
dl.detail_head dt.cat_cat-03{
	background:#941dcc;
	}
dl.detail_head dt.cat_cat-04{
	background:#6c71b6;
	}
dl.detail_head dt.cat_cat-05{
	background:#3431aa;
	}
dl.detail_head dt.cat_cat-06{
	background:#a50000;
	}
dl.detail_head dt.cat_cat-07{
	background:#f45454;
	}
dl.detail_head dt.cat_cat-08{
	background:#fa39bd;
	}
dl.detail_head dt.cat_cat-09{
	background:#60a8a9;
	}
dl.detail_head dt.cat_cat-10{
	background:#000000;
	}
dl.detail_head dt.cat_cat-11{
	background:#231815;
	}






	
section.main_read article{
	padding-bottom:60px;
	}



section.main_read article h1{
	text-align:left;
	font-size:32px;
	line-height:1.6;
	margin-bottom:30px;
	font-weight:normal;
	}
section.main_read article h1.award{
	text-align:left;
	font-size:32px;
	line-height:1.6;
	margin-bottom:30px;
	font-weight:normal;
	background:url(../images/ico_award.gif) no-repeat left 50%;
	padding-left:40px;
	}
section.main_read article h1.history{
	text-align:left;
	font-size:32px;
	line-height:1.6;
	margin-bottom:45px;
	font-weight:normal;
	background:url(../images/ico_history.gif) no-repeat left 50%;
	padding-left:40px;
	}
section.main_read article h1.about{
	text-align:left;
	font-size:32px;
	line-height:1.6;
	margin-bottom:45px;
	font-weight:normal;
	background:url(../images/ico_about.gif) no-repeat left 50%;
	padding-left:40px;
	}


.main_img{
	margin-bottom:35px;
	text-align:center;
	}

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

.main_img.wnormal{
	width:80%;
	margin:auto auto 35px;
	text-align:center;
	}

.main_img.w100{
	width:100%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w90{
	width:90%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w80{
	width:80%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w70{
	width:70%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w60{
	width:60%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w50{
	width:50%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w40{
	width:40%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w30{
	width:30%;
	margin:auto auto 35px;
	text-align:center;
	}
.main_img.w20{
	width:20%;
	margin:auto auto 35px;
	text-align:center;
	}



.main_img_h{
	margin-bottom:35px;
	text-align:center;
	}

.main_img_h img{
	max-width:auto;
	height:100%;
	margin:auto;
	}
	
.main_img_h.wnormal{
	margin: auto auto 35px auto;
	height:500px;	
	width:100%;
	text-align:center;
	}
.main_img_h.w100{
	margin: auto auto 35px auto;
	height:600px;	
	width:100%;
	text-align:center;
	}		
.main_img_h.w90{
	margin: auto auto 35px auto;
	height:550px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w80{
	margin: auto auto 35px auto;
	height:500px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w70{
	margin: auto auto 35px auto;
	height:450px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w60{
	margin: auto auto 35px auto;
	height:400px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w50{
	margin: auto auto 35px auto;
	height:350px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w40{
	margin: auto auto 35px auto;
	height:300px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w30{
	margin: auto auto 35px auto;
	height:250px;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w20{
	margin: auto auto 35px auto;
	height:200px;	
	width:100%;
	text-align:center;
	}
	
.main_img span,
.main_img_h span{
	font-size:11px;
	line-height:1.4;
	text-align:center;
	display:block;
	padding:1% 0 5%;
	
	}
.main_caption{
	font-size:11px;
	line-height:1.4;
	text-align:center;
	display:block;
	padding:1% 0 5%;
	
	}
	
	
		
.main_img.mb60,
.main_img_h.mb60{
	margin-bottom:5px;
}

	
	
section.main_read article p,
section.main_read article .read{
	font-size:18px;
	line-height:1.6;
	margin-bottom:30px;
	}


section.main_read article .read{
	margin-bottom:50px;
	}



.author{
	background:#efefef;
	padding:25px;
	margin-bottom:60px;
	display:table;
	width:100%;
	box-sizing:border-box;
	}

.autho_img{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	
	}

.autho_info{
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	line-height:1.5;
	padding-left:25px;
	text-align:left;
	width:100%;
	box-sizing:border-box;
	}

.autho_info h3{
	font-size:14px;
	margin-bottom:20px;
	}



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


section.main_read article h1{
	font-size:24px;
	}
section.main_read article h1.award{
	font-size:24px;
	background:url(../images/ico_award.gif) no-repeat left 50%;
	background-size:25px;
	padding-left:30px;
	}
section.main_read article h1.history{
	font-size:24px;
	background:url(../images/ico_history.gif) no-repeat left 50%;
	background-size:25px;
	padding-left:30px;
	}
section.main_read article h1.about{
	font-size:24px;
	background:url(../images/ico_about.gif) no-repeat left 50%;
	background-size:25px;
	padding-left:30px;
	}

.detail_header{
width:100%;
overflow:hidden;
}
.detail_header .sns{
position:relative;
top:0;
right:0;
width:100%;
text-align:right;
}


.main_img_h{
	margin-bottom:35px;
	height:auto;	
	text-align:center;
	}

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

section.main_read{
	width:100%;
	padding:4%;
	box-sizing:border-box;
	}

section.main_read article h1{
	font-size:24px;
	line-height:1.3;
	}
section.main_read article p,
section.main_read article .read{
	font-size:14px;
	line-height:1.5;
	margin-bottom:30px;
	}

.author{
	padding:10px;
	}
.autho_img{
	vertical-align:top;
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:10px;
	}
.autho_info{
	display:block;
	vertical-align:middle;
	font-size:12px;
	line-height:1.5;
	padding-left:0;
	text-align:left;
	width:100%;
	box-sizing:border-box;
	}
.autho_info h3{
	margin-bottom:10px;
	}





.main_img_h.wnormal{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}
.main_img_h.w100{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}		
.main_img_h.w90{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w80{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w70{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w60{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w50{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w40{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w30{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}	
.main_img_h.w20{
	margin: auto auto 35px auto;
	height:auto;	
	width:100%;
	text-align:center;
	}
	
	
	


}


#award_wrap{
	}

#award_wrap h2{
	background:url(../images/section_back.gif) repeat-x 50% 50%;
	font-size:24px;
	color:#424243;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:45px;
	margin-top:85px;
	}

#award_wrap h2 span{
	background:#fff;
	padding-right:15px;
	}


.list_tb{
	display:block;
	clear:both;
	font-size:18px;
	line-height:1.5;
	margin-bottom:15px;
	overflow:hidden;
	}
.list_th{
	display:inline-block;
	float:left;
	width:15%;
	}
.list_td{
	display:inline-block;
	float:right;
	width:84%;
	}
section.main_read article .list_td strong{
	clear:none;
	display:inline-block;
	}


.list_td em{
	font-size:15px;
	font-style:normal;
	}


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


#award_wrap h2{
	font-size:18px;
	margin-bottom:35px;
	margin-top:65px;
	}


.list_tb{
	display:block;
	clear:both;
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
	border-bottom:1px dotted #ddd;
	}
.list_th{
	display:block;
	float:none;
	width:100%;
	}
.list_td{
	display:block;
	float:none;
	width:100%;
	}

.list_td em{
	font-size:12px;
	font-style:normal;
	}
	
}




#history_wrap{
	}

.history_tb{
	display:block;
	clear:both;
	font-size:18px;
	line-height:1.5;
	margin-bottom:25px;
	overflow:hidden;
	}
.history_th{
	display:inline-block;
	float:left;
	width:9%;
	}
.history_th_m{
	display:inline-block;
	float:left;
	width:6%;
	}	
.history_td{
	display:inline-block;
	float:right;
	width:84%;
	background:url(../images/history_line.gif) no-repeat bottom left;
	box-sizing:border-box;
	padding-left:5%;
	}



@media screen and (max-width: 480px) {
.history_tb{
	font-size:14px;
	position:relative;
	}
	
.history_th{
	width:8%;
	}
.history_th_m{
	display:block;
	float:none;
	position:absolute;
	width:9%;
	text-align:right;
	padding-top:5%;
	top:0;
	left:0;
	}
.history_td{
	display:inline-block;
	float:right;
	width:87%;
	background-size:2px;
	}
}



#about_wrap{
	}


#about_wrap h2{
	font-size:24px;
	color:#424243;
	font-family:"游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:25px;
	}
	
section.main_read article strong{
	clear:both;
	display:block;
	}

.about_in{
	padding:20px;
	background:#f5f5f5;
}


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

#about_wrap h2{
	font-size:18px;
	}
	
.about_in{
	padding:10px;
}
	
	
	
}




.img-left{
	width:30%;
	box-sizing:border-box;
	padding:0 20px 20px 0;
	float:left;
	text-align:left;
	}
.img-left img{
	display:block;
	margin-bottom:3px;
	width:100%;
	height:auto;
	}
.img-left span{
	font-size:11px;
	line-height:1.4;
	}

.img-right{
	width:30%;
	box-sizing:border-box;
	padding:0 0 20px 20px ;
	float:right;
	text-align:left;
	}
.img-right img{
	display:block;
	margin-bottom:3px;
	width:100%;
	height:auto;
	}
.img-right span{
	font-size:11px;
	line-height:1.4;
	text-align:left;
	}



.img-center{
	box-sizing:border-box;
	padding:0 20px 20px 20px ;
	text-align:center;
	margin-bottom:40px;
	}
.img-center.wnormal{
	width:50%;
	margin:auto auto 40px auto;
	}	
	
.img-center.w100{
	width:100%;
	margin:auto auto 40px auto;
	}	
.img-center.w90{
	width:90%;
	margin:auto auto 40px auto;
	}		
.img-center.w80{
	width:80%;
	margin:auto auto 40px auto;
	}		
.img-center.w70{
	width:70%;
	margin:auto auto 40px auto;
	}		
.img-center.w60{
	width:60%;
	margin:auto auto 40px auto;
	}		
.img-center.w50{
	width:50%;
	margin:auto auto 40px auto;
	}		
.img-center.w40{
	width:40%;
	margin:auto auto 40px auto;
	}		
.img-center.w30{
	width:30%;
	margin:auto auto 40px auto;
	}		
.img-center.w20{
	width:20%;
	margin:auto auto 40px auto;
	}		
	
	
.img-center img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto 3px;
	}
.img-center span{
	font-size:11px;
	line-height:1.4;
	text-align:left;
	display:block;
	}
	
	
	
	
.cat_list{
	overflow:hidden;
	margin-bottom:60px;
	}
	
.cat_list article{
	margin-bottom:20px;
	width:90%;
	margin:0 auto 35px;
	clear:both;
	overflow:hidden;
	}
.cat_list .img{
	width:200px;
	height:125px;
	position:relative;
	overflow:hidden;
	background:#e7e7e7;
	float:left;
	margin-right:25px;
	}

.cat_list .img img{
	max-width:100%;
	height:auto;
	position:absolute;
	margin: auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	}
.cat_list .in{
	padding:10px 10px 1px;
	}	
	
.cat_list article h3{
	font-size:16px;
	line-height:1.5;
	margin-bottom:10px;
	padding-top:20px;
	}
.cat_list article p{
	color:#424243;
	line-height:1.5;
	margin-bottom:10px;
	}	
	
.cat_list article p.date{
	color:#7f7f7f;
	text-align:right
	}
	
	
	
@media screen and (max-width: 480px) {

.cat_list .img{
	width:80px;
	height:50px;
	position:relative;
	overflow:hidden;
	background:#e7e7e7;
	float:left;
	margin:0 10px 10px 0;
	}
.cat_list article h3{
	padding-top:0;
	}	
.cat_list article p{
	clear:both;
	}
	
}