@charset "utf-8";

#main_img{width:940px;
	height:590px;
	padding:10px;
	margin:15px auto;
	background:rgba(0,0,0,0.80);}

/*#main_img:hover{background:rgba(94,54,19,0.80);}*/

#main_img img{width:100%;
	height:50%;
	margin: 0;
	padding: 0;}

#main_img img:hover{opacity: 0.7;}

.main_img_pc{display:block;}
.main_img_sf{display:none;}

/* top_sub */
.top_sub_box1{width: 100%;
	overflow: hidden;}
		
.top_sub1_block1{width: calc(50% - 10px);
	padding: 0 5px;
	float: left;}
	
.top_sub1_block2{width: calc(50% - 10px);
	padding: 0 5px;
	margin: 0 auto;;}
	


.top_sub{width:100%;
	padding:5px 0;
	text-align:center;}

.top_sub_title{width:100%;
	height:60px;
	background:url(../img/top_sub01_title01.png) no-repeat;
	background-position:center center;}

.top_sub_img{display:inline-block;
	overflow:hidden;}

.top_sub_img2{width: 400px;
	margin: 15px auto;}

.top_sub_img img{width:360px;
	margin:5px;}

.top_sub_img2 img{width: 100%;}

.top_sub_img img:hover,.top_sub_img2 img:hover{opacity:0.7;}

.dmm_link{width: 100%;
	margin: 0 auto 15px;}
	
.dmm_text1{}

.dmm_img1{width: 100%;}

.dmm_img1:hover{opacity: 0.7;}

.dmm_img1 img{width: 100%;}
/* topics */	
.topics{width:540px;
	float:left;}

.topics_inner01{width:100%;
	height:485px;
	margin-top:5px;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:url(../img/bg/bg_filter2.png) repeat;
	overflow-y:scroll;}

.news01{width:505px;
	padding:5px;
	margin:5px 0 0 5px;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;}

.news01:hover{background:rgba(255,134,0,0.30);}

.news_date{width:100px;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-indent:5px;
	background:rgba(255,36,131,1.00);
	color:rgba(255,255,255,1.00);}

.news_con_name{line-height:30px;
	font-size:16px;
	color:rgba(255,245,0,1.00);}

.news_title{line-height:25px;
	font-size:14px;
	color:rgba(255,255,255,1.00);}

.news_title p{margin:0;
	padding:0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;}

/* member&twitter */
.twitter{width:410px;
	margin-left:10px;
	float:left;}

.member01{width:100%;
	height:70px;
	margin-bottom:10px;
	text-align:center;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:url(../img/member_bg2.png)center center / cover no-repeat;}
	
.member01:hover{opacity:0.8;
	box-shadow:rgba(255,134,0,1.00) 0 0 0 1px inset;}
	
.member01 img{height:70px;}
	
.tw_timeline{width:100%;
	height:405px;
	margin-top:5px;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:url(../img/bg/bg_filter2.png) repeat;}
	
.tw_link{display:none;}


.link_caution{width: 600px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;}
	
.link_caution:hover{opacity: 0.7;}

/* link_about&media */
.link_about,.link_media{width:470px;
	height:87px;
	margin:5px auto;
	background:rgba(0,0,0,1.00);
	float:none;}

.link_about img,.link_media img{width:100%;}

.link_about img:hover,.link_media img:hover{opacity:0.7;}

/* movie */
.movie01{width:100%;
	margin-top:5px;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:url(../img/bg/bg_filter2.png) repeat;}

.slide1{width:95%;
	margin:0 auto;
	padding:20px 0;}

.slide1 .gallery-cell{width:280px;
	height:150px;}

.slide1 .gallery-cell img{width:260px;
	margin:0 10px;}

.gallery-cell img:hover{opacity:0.7;}
/* history */
.history01{width:100%;
	margin-top:5px;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:url(../img/bg/bg_filter2.png) repeat;}
	
.slide2{width:95%;
	margin:0 auto;
	padding:20px 0;}

.slide2 .gallery-cell{width:220px;
	height:300px;}

.slide2 .gallery-cell img{width:200px;
	height:300px;
	margin:0 10px;}
	
@media screen and ( max-width:736px )
{
#main_img{width:95%;
	height:auto;
	padding:5px 5px 0;}

#main_img img{width: 100%;
	height: auto;}

#main_img img:hover{opacity: 1.0;}

#main_img:hover{background:rgba(0,0,0,0.80);}

.main_img_pc{display:none;}

.main_img_sf{display:block;}

/* top_sub */
.top_sub_box1,.top_sub_box2{width: 80%;
	max-width: 400px;
	margin: 0 auto;
	overflow: hidden;}
	
.top_sub1_block1,.top_sub1_block2{width: 100%;
	padding: 5px;
	float: none;}

.top_sub_title{width:95%;
	height:40px;
	margin:0 auto;
	background:url(../img/top_sub01_title01_sp.png) no-repeat;
	background-position:center center;
	background-size:100% auto;}


.top_sub_img{width: 80%;
	max-width: 400px;
	margin: 0 auto;}
	
.top_sub_img2{width: 80%;
	max-width: 400px;
	margin: 15px auto;
	text-align: center;}

.top_sub_img img{width:95%;
	float:none;
	margin:5px 0;}

.top_sub_img2 img{width: 95%;}

.top_sub_img img:hover,.top_sub_img2 img:hover{opacity:1.0;}

.dmm_link{width: 95%;}

.dmm_img1:hover{opacity: 1.0;}

/* topics */	
.topics{width:100%;
	float:none;}

.topics_inner01{
	height:480px;
	margin-top:5px;
	overflow-y:hidden;
	background:rgba(0,0,0,0.40);}

.news01{width:95%;
	padding:5px;
	margin:5px auto 0 ;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;}

.news01:hover{background:none;}

.news_date{width:100px;
	height:25px;
	line-height:25px;
	font-size:12px;
	text-indent:5px;
	background:rgba(255,36,131,1.00);
	color:rgba(255,255,255,1.00);}

.news_con_name{line-height:30px;
	font-size:16px;
	color:rgba(255,245,0,1.00);}

.news_title{line-height:25px;
	font-size:14px;
	color:rgba(255,255,255,1.00);}

.news_title p{margin:0;
	padding:0;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;}
		
/* member&twitter */
.twitter{width:100%;
	margin-left:0;
	float:none;}
	
.member01{width:100%;
	height:70px;
	margin-top:10px;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:url(../img/member_bg.png)center center / cover no-repeat;}

.member01:hover{opacity:1.0;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;}

.twitter .con_title01{display:none;}
	
.tw_timeline{display:none;}
	
.tw_link{display:block;
	width:100%;
	height:70px;
	text-align:center;
	box-shadow:rgba(255,255,255,1.00) 0 0 0 1px inset;
	background:rgba(0,172,238,1.00);}
	
.tw_link img{height:70px;}

.link_caution{width: 95%;
	margin: 0 auto;}

.link_caution img{width: 100%;}

.link_caution:hover{opacity: 1.0;}

/* link_about&media */
.link_about,.link_media{width:100%;
	height:auto;
	margin:5px 0;
	float:none;
	background:none;}

.link_about img,.link_media img{width:100%;}

.link_about img:hover,.link_media img:hover{opacity:1.0;}
/* movie */
.movie01{background:rgba(0,0,0,0.40);}

.gallery-cell img:hover{opacity:1.0;}
/* history */
.history01{background:rgba(0,0,0,0.40);}
}