@media (max-width: 667px){
	
	/*********/
	/***top***/
	/*********/
	*:focus {
	  outline: none;
	}
	a{
	  -webkit-tap-highlight-color:rgba(0,0,0,0.4);
	  cursor:pointer;
	}
	
	
	header{
		z-index: 10;
	}
	ul{
		height: 100%;
	}
	
	.top-head{
		position: fixed;
	}
	.top-logo{
		top: 7px;
		height: 30px;
	}
	.top-title{
		height: 20px;
	}
	.head-m{
		margin: 40px;
		height: 20px;
	}
	
	.li-top, .nav-sen-tr{
		width: 300px;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.nav-btm{
		margin-top: 50px !important;
	}
	
	.topside>ul{
		position: absolute;
		top: 0;
	}
	.nav02{
	}
	
	.sen-nav>ul{
		padding-top: 70px;
	}
	
	#slide{
		width: 100%;
	}
	#slide>img{
		width: 100%;
	}
	.main-bg{
		top: 220px;
		transform: rotate(-5deg);
	}
	.topimgtext{
		top: 1vw;
		width: 70vw !important;
	}
	
	#top-main{
		display: block;
	}
	
	#top-main>#link{
		width: 100%;
		margin: 0;
	}
	
	#top-main>#link>a>div{
		width: 95%;
		height: 200px;
		margin: 12px auto;
	}
	
	#news{
		width: 98% !important;
		margin: 0 auto !important;
	}
	
	#trader{
		width: 100%;
		margin: 0;
	}
	.trader01{
		width: 90%;
	}
	.trade-box{
		background: #FAFAFA;
	}
	.trade-box>p, .trade-box>div{
		position: relative;
		z-index: 5;
	}
	.trade-bg-img{
		right: -30px;
		z-index: 4;
		opacity: 0.2;
	}
	
	
	/*********/
	/***sen***/
	/*********/
	
	
	#sen-slide>img{
		width: 70%;
	}
	
	.n-date, .n-title, .n-more{
		font-size: 0.8em;
	}
	.n-title{
		display: block;
		letter-spacing: 0;
	}
	
	.sen-exp{
		width: 100%;
		padding: 5px;
		font-size: 0.85em;
		
		
	}
	

	.sen-title{
		height: 20px;
	}
	
	.explogo{
		height: 40px;
		position: relative;
		top: 8px;
	}
	
	
	nav{
		position: fixed;
		top: 0;
		width: 100% !important;
		height: 100%;
		margin: 0 !important;
		padding: 0;
		overflow-y: scroll;
		
		background: #FFFFFF;
		
		display: none;
		opacity: 0;
		z-index: 10;
	}
	nav>ul{
		position: static;
		width: 100%;
		margin: 0 !important;
		padding: 0;
	}
	
	.nav02{
		margin: 0;
	}
	
	.menubtn{
		display: block;
		position: fixed;
		right: 10px;
		top: 10px;
		
		width: 30px;
		height: 30px;
		
		z-index: 20;
	}
	
	.bar{
		width: 90%;
		height: 4px;
		background: black;
		position: absolute;
		left: 2.5%;
	}
	
	.bar01{
		top: 5px;
	}
	.bar02{
		top: 13.3px;
	}
	.bar03{
		bottom: 5px;
	}
	
	#link{
		width: 100%;
	}
	.menulist{
		width: 100%;
	}
	.menu{
		width: 130px;
		margin: 5px;
		padding: 6px;
		border-radius: 4px;
		box-shadow: 1px 1px 1px 1px gray;
		background-image: url("../img/wood-tex.png");
		background-color: #FFFFFF77;
		background-blend-mode: lighten;
	}
	.menu-img>img{
		max-width: 100%;
	}
	.menu-name{
		font-size: 0.8em;
		margin-bottom: 0;
	}
	
	header{
		background-image: none;
	}
	header>h2{
		position: static;
		display: block;
		text-align: center;
		width: 100%;
	}
	#menu{
		width: 100%;
	}
	.menutype{
		font-size: 0.8em;
	}
	
	.rec-menu>img {
	max-width: 250px;
}

.m-name{
	font-size: 1.4em;
	font-weight: bolder;
}

.tmg-img {
	max-width: 300px;
}

#contact {
	width: 100%;
	text-align:center;
}
	
	.submitbtn{
		margin: 0 auto;
	}

.btm-bar {
	position: fixed;
}


	
	
	
}