@charset "utf-8";
@media screen and (max-width: 640px) {

/*--基本設定--------------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	main-height: 100%;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	background: #151515;
}



img{
	border-width: 0;
	max-width: 100%;
	height: auto;
	border-width: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
} 

.clearfixed{

	clear: both;

}

#wrapper{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: f5f5f5;
	overflow: hidden;
}

#header{
	clear: both;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}


#container{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
}


#maincol{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;

}

#sidebar{
	margin: 0;
	padding: 0;
}



#footer{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #282828;
}

footer p a{
	color: #fff;
}


.right{
	margin-right: 5px;

}


/*--header--------------------------------------------------------------*/

.header_inner{
 	display: flex;
	margin: 0;
	padding: 5px;
}


.header_inner #logo{
	clear: both;
	overflow: hidden;
      width: 80%;
	margin: 0; 
 	padding: 0;

	text-align: left;
}

.header_inner #logo img{
	display: block;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

.header_inner .btn_menus{
	clear: both;
      width: 20%;
	margin: 0; 
 	padding: 5px 0 0 0;
	border: 2px solid #fff;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, rgba(1,19,148,1) 0%, rgba(41,86,255,1) 100%);
}

/*--nav--------------------------------------------------------------*/


#globalnav{
	display: none;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #000;
	background: #2c2419;
	overflow: hidden;
}

#globalnav ul{

	margin: 0 auto 0 auto;
	padding: 0;
	border-left: 1px solid #000;
	list-style: none;
	overflow: hidden;
}

#globalnav li{
	margin: 0;
	border-right: 1px solid #000;
	font-size: 15px;
	float: left;
}

#globalnav li a{
	display: block;
	margin: 0;
	padding: 15px 10px 15px 10px;
	text-decoration: none;
	color: #897c69;
}

#globalnav li a:hover{

	margin: 0;
	padding: 15px 10px 15px 10px;
	color: #fff;
	background: #680000;
}

/*--モーダル--------------------------------------------------------------*/


#menus_btn{
	margin: 0 2% 0 0;
	padding: 0;
	float: right;	
}

.close-animatedModal{

	color: #999999;

}

.modal-content{

	color: #999999;

}

.modal-content ul{
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 3% 0 3% 0;
	list-style: none;
}

.modal-content ul li{
	margin: 0 0 10px 0;
	padding: 20px 0 20px 0;
	border: 1px solid #dedede;
	font-size: 15px;
	text-align: center;
	color: #999999;
}

.modal-content ul li a{
	text-decoration: none;
	color: #999999;
}

.modal-content ul li a:hover{

	color: #000;
}

.close-animatedModal{

	width: 20%;
	margin: 0 auto 50px auto;
	padding: 0;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	font-size: 15px;
	text-align: center;
	color: #0291ff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4b4b4b), color-stop(1.00, #131313));
background: -webkit-linear-gradient(#4b4b4b, #131313);
background: -moz-linear-gradient(#4b4b4b, #131313);
background: -o-linear-gradient(#4b4b4b, #131313);
background: -ms-linear-gradient(#4b4b4b, #131313);
background: linear-gradient(#4b4b4b, #131313);


}

.close-animatedModal a{
	padding: 5px 0 5px 0;
	color: #0291ff;

}



/*--ブレット-------------------------------------------------------------*/

#breadcrumb{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e6e6e6;
	list-style:none;
	background: #fff;
	overflow: hidden;
}

#breadcrumb li{
	margin: 0;
	padding: 0;
	font-size: 10px;
	float: left;
	color: #9e9e9e;;
}


#breadcrumb li a{
	text-decoration: none;
	color: #9e9e9e;;
}



/*--maincol--------------------------------------------------------------*/

.back_btn{
	margin: 0 2% 5% 2%;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */ 
	font-size: 18px;
	text-align: center;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #c8ff3d), color-stop(1.00, #388235));
	background: -webkit-linear-gradient(#c8ff3d, #388235);
	background: -moz-linear-gradient(#c8ff3d, #388235);
	background: -o-linear-gradient(#c8ff3d, #388235);
	background: -ms-linear-gradient(#c8ff3d, #388235);
	background: linear-gradient(#c8ff3d, #388235);
	box-shadow:0px 2px 6px 0px #9e9e9e;
	-moz-box-shadow:0px 2px 6px 0px #9e9e9e;
	-webkit-box-shadow:0px 2px 6px 0px #9e9e9e;

}

.back_btn a{ 
	display: block;
	margin: 0;
	padding: 10px 0 10px 0;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 30px;   /* Firefox用 */ 
	text-decoration: none;
	color: #000;
}



/*--sidebar--------------------------------------------------------------*/


#sidebar .add_banner{
	margin: 0 1% 5% 1%;
	padding: 0;
	text-align:center;
}

#sidebar ul{
	margin: 0;
	padding: 10px;
	list-style: none;
	background: #fff;
	overflow: hidden;
}

#sidebar ul li{
	width: 50%;
	margin: 0 0 5px 0;
	font-size: 11px;
	text-align: left;
	float: left;
}


#sidebar ul li a{
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #8a8a8a;
}




/*--footer--------------------------------------------------------------*/

#footer_inner{
	clear: both;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0;
	overflow: hidden;
}

#footer_inner ul{
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}


#footer_inner ul li{
	
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 11px;
	text-align: left;
	color: #dfdfdf;
}


#footer_inner ul li a{
	
	text-decoration: none;
	color: #dfdfdf;
}

#footer p{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #fff;
	text-align: center;
}
}