@charset "utf-8";

.main_img{}

.main_logo{width:900px;
	margin:140px auto 120px;}

.main_logo img{width:100%;}

.main_visual{height:750px;
	padding-top:60px;
	text-align:center;}

.main_visual img{height:100%;}

.catchcopy{padding:30px 0;
	background:rgba(14,28,73,1.00);
	text-align:center;
	overflow:hidden;}
	
.catchcopy_inner{display:inline-block;
	text-align:left;
	color:rgba(255,255,255,1.00);
	font-size:18px;}

.news_twitter{width:900px;
	margin:0 auto;
	padding-top:20px;
	overflow:hidden;}
	
.news{width:550px;
	float:left;}

.news_inner{width:540px;
	margin-right:10px;
	height:300px;
	overflow-y:scroll;
	line-height:20px;
	font-size:14px;
	color:rgba(255,255,255,1.00);
	background:url(../img/bg_window1.png) repeat;
	border-radius:5px;
	border:rgba(140,98,57,1.00) solid 2px;}

.news_block1{padding:10px 0;}
	
.news_date{width:calc(100% - 20px);
	padding:0 10px;
	background:rgba(0,0,0,1.00);}
	
.news_title{font-size:16px;
	font-weight:bold;
	line-height:24px;
	color:rgba(255,0,4,1.00);
	padding:5px 10px;
	margin-bottom:5px;
	border-bottom:rgba(120,120,120,1.00) solid 1px;}

.news_text{padding:0 10px;}

.news_text a{color:rgba(0,179,255,1.00);}

.news_list1 li{list-style:disc;
	margin-left:16px;}

ul.listmarker2 {
		list-style:none;
	list-style-type: none;
	margin-left:12px;
}
ul.listmarker2 li:before {
	content: '※';
	margin-left:-12px;
}

.news_img{width:50%;
	margin:10px auto;}
	
.news_img img{width:100%;}
	
.twitter{width:350px;
	float:left;}

.twitter-timeline{width:100%;}

.introduction{width:900px;
	margin:0 auto;}

.introduction_head{overflow:hidden;}
.introduction_head_left{width:30px;
	height:30px;	
	background:url(../img/intro_head_left.png);
	float:left;}
.introduction_head_center{width:calc(100% - 60px);
	height:30px;
	background:url(../img/intro_head_center.png);
	background-repeat:repeat-x;
	float:left;}
.introduction_head_right{width:30px;
	height:30px;
	background:url(../img/intro_head_right.png);
	float:right;}
	
.introduction_body{overflow:hidden;
	height:155px;}
.introduction_body_left{width:30px;
	height:100%;
	background:url(../img/intro_body_left.png);
	background-repeat:repeat-y;
	float:left;}
.introduction_body_center{width:calc(100% - 60px);
	height:100%;
	color:rgba(255,255,255,1.00);
	font-size:13.5px;
	line-height:24px;
	background:rgba(44,43,81,0.80);
	background-repeat:repeat-x;
	float:left;}
.introduction_body_right{width:30px;
	height:100%;
	background:url(../img/intro_body_right.png);
	background-repeat:repeat-y;
	float:right;}
	
.introduction_foot{overflow:hidden;}
.introduction_foot_left{width:30px;
	height:30px;	
	background:url(../img/intro_foot_left.png);
	float:left;}
.introduction_foot_center{width:calc(100% - 60px);
	height:30px;
	background:url(../img/intro_foot_center.png);
	background-repeat:repeat-x;
	float:left;}
.introduction_foot_right{width:30px;
	height:30px;
	background:url(../img/intro_foot_right.png);
	float:right;}

.story_catch{width:100%;
	padding-bottom:10px;
	text-align:left;}

.story_catch img{width:50%;}
	
.link_official{width:300px;
	padding:15px 0;}

.link_official img{width:100%;}

.link_official:hover{opacity:0.7;}

@media screen and ( max-width:736px )
{
.main_img{}

.main_logo{width:95%;
	max-width:420px;
	margin:160px auto 100px;}
	
.main_visual{width:95%;
	max-width:420px;
	height:auto;
	margin:0 auto;
	text-align:center;}

.main_visual img{width:100%;
	height:auto;}

.catchcopy_inner{display:block;
	width:95%;
	max-width:420px;
	margin:0 auto;
	text-align:left;
	color:rgba(255,255,255,1.00);
	font-size:12px;
	line-height:20px;}

.news_twitter{width:95%;
	max-width:420px;}
	
.news{width:95%;
	max-width:420px;
	margin:0 auto 20px;
	float:none;}

.news_inner{width:100%;}
	
.twitter{width:95%;
	max-width:400px;
	margin:0 auto;
	float:none;}
	
.introduction{width:320px;
	max-width:420px;
	margin:0 auto;}

.introduction_body{height:252px;}	
.introduction_body_center{width:calc(100% - 60px);
	height:100%;
	font-size:12px;
	line-height:18px;
	color:rgba(255,255,255,1.00);
	background:rgba(44,43,81,0.80);
	background-repeat:repeat-x;
	float:left;}

.story_catch img{width:100%;}

.link_official{width:200px;
	margin:0 auto;}

.link_official:hover{opacity:1.0;}
}