@media (min-width:0px) and (max-width:767px){
	body{
		background:url("/image/bg_board.jpg");
		background-size:100%;
		background-repeat:repeat-y;
	}
	.toparea{
		position:relative;
		width:100%;
		overflow:hidden;
		height:115vw;
		background:url("/image/toparea_bg.jpg");
		background-position:left 47% top 50%;
		background-size:260%;
		box-shadow: 0px 8px 8px 0px #b0b0b0;
	}
	.toparea_logo{
		position:absolute;
		top:4vw;
		left:15vw;
		width:70%;
	}
	.toparea_dlbtn{
		position:absolute;
		bottom:10vw;
		left:13.2vw;
		width:100%;
		margin:auto;
	}
	.toparea_dlbtn_a{
		width:29.8vw;
		margin-left:1vw;
		margin-right:1vw;
		float:left;
	}
	.toparea_dlbtn_g{
		width:37vw;
		margin-left:1vw;
		margin-right:1vw;
		float:left;
	}
	.toparea_dlbtn img:hover{
		opacity:0.8;
	}
	.menu_img{
		width:50vw;
		margin:0 auto;
	}
	.piece_area{
		width:95%;
		margin:4vw auto 0;
		border-radius: 10px;
		background-color:rgba(255,255,255,0.8);
	}
	.bgheadarea{
		padding:2vw 0;
		position:relative;
		background-repeat:no-repeat !important;
		background:url("/image/parts/bg_board.jpg");
		background-size:100%;
	}
	.boardarea{
		position:relative;
		background:url("/image/parts/bg_board_repeat.jpg");
		background-size:100%;
	}
	.piece{
		position:Static;
		width:90vw;
		margin:6svw auto ;
		background-color:#794f4f;
		border-radius:10px;
		box-shadow:inset 0px 7px 3px rgba(255,255,255,0.3),inset 0px -7px 3px rgba(0,0,0,0.3);
	}
	.news{
		height:99vw;
	}
	.piececontent{
		width:100%;
		position:relative;
		top:10vw;
		margin-bottom:-10vw;
	}
	.cornername_bg{
		position:relative;
		width:40vw;
		margin:0 auto;
		text-align:center;
		top:-5.2vw;
	}
	.cornername{
		position:relative;
		line-height:100%;
		top:-9.6vw;
		font-size:5vw;
		font-family:sans-serif;
		font-weight:bold;
		color:#fff1d9;
	}
	.newsmain_shadow{
		position:absolute;
		top:-2vw;
		left:5vw;
		background-color:#cba096;
		border-radius:2vw;
		transform:rotate(2deg);
		width:80vw;
		height:64vw;
	}
	.newsmain{
		position:absolute;
		top:-2vw;
		left:5vw;
		background-color:#e0c4ac;
		border-radius:2vw;
		width:80vw;
		height:64vw;
	}
	.newspic{
		position:absolute;
		overflow:hidden;
	}
	.newspic_shadow{
		position:absolute;
		box-shadow:inset 0 2px 8px 0 rgba(0,0,0,0.4);
	}
	.newspic img{
		position:absolute;
		top:0px;
		left:0px;
	}
	.newspicsize{
		top:3vw;
		left:3vw;
		width:74vw;
		height:57.8vw;
		overflow:hidden;
		border-radius:2vw;
		background-color:#ffffff;
	}
	.newspicsize img{
		width:100%;
		height:100%;
	}
	.news_btn_u{
		display:none;
	}
	.news_btn_d{
		display:none;
	}
	.news_btn_l{
		position:absolute;
		left:1vw;
		top:-14.5vw;
		width:5vw;
	}
	.news_btn_r{
		position:absolute;
		right:1vw;
		top:-14.5vw;
		width:5vw;
	}
	.news_btn_ud{
		display:none;
	}
	pconly{
		display:none;
	}
	.newsbannercontainer{
		position:absolute;
		top:-20vw;
		left:0;
		width:100%;
		overflow:hidden;
		margin: 0;
		padding-bottom:1vw;
	}
	.newsbanner_move{
		position:relative;
		top:0;
		left:-28.5vw;
		width:500vw;
		height:12.1vw;
	}
	.news_banner{
		overflow:hidden;
		border-radius:1vw;
		margin:2vw 2vw 0 0;
		width:35.2vw;
		height:12.1vw;
		float:left;
	}
	.newsbanner_move::after{
		content:"\A";
		white-space:pre;
	}
	.news_banner img{
		width:35.2vw;
		height:12.1vw;
	}
	.news_btn_u{
		display:none !important;
	}
	.news_btn_d{
		display:none !important;
	}
	.spboth{
		clear:both;
	}
	.newsbtm{
		position:relative;
		margin-top:-4vw;
		top:12vw;
		margin-bottom:12vw;
		padding-bottom:1vw;
	}
	.nmnews{
		margin-bottom:-8vw;
	}
	.innernews{
		position:relative;
		background-color:#e0c4ac;
		border-radius:2vw;
		width:95%;
		margin:0 auto 8vw auto;
		padding-bottom:4vw;
	}
	.windownews{
		position:relative;
		top:4vw;
		background-color:#ffffff;
		border-radius:8px;
		width:95%;
		margin:0 auto 4vw auto;
		min-height:120vw;		
		box-shadow:inset 0 2px 8px 0 rgba(0,0,0,0.4);
		padding:4vw;
		word-break:break-all;
	}
	.windownews img{
		width:100%;
	}
	.newsbackbutton{
		position:fixed;
		right:6vw;
		bottom:10vw;
		width:10vw;
	}
	.newsbackbutton img{
		width:100%;
		height:100%;
	}
	.newsbackbutton a:hover{
		opacity:0.8;
	}
	.footarea{
		color:#ffefef;
		font-size:2.4vw;
		font-weight:bold;
		line-height:4vw;
		padding-top:5vw;
		width:100%;
		height:30vw;
		margin:0 auto;
		text-align:center;
		background-color:#794f4f;
	}
	.footarea a:hover{
		color:#988068;
	}
	.copy{
		padding-top:2vw;
		font-size:1.7vw;
	}
	.pr1{
		margin-top:-18vw;
		width:100%;
		height:62.8vw;
		overflow:hidden;
		background-image:url('/image/parts/topbg/bg1.jpg');
		background-size:113%;
		margin-bottom:18vw;
	}
	.pr1 img{
		position:relative;
		width:90%;
		left:5vw;
		top:9vw;
		border:3px solid #ffffff;
		box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.3);
	}
	.pr2{
		margin-top:-18vw;
		width:100%;
		height:56.6vw;
		overflow:hidden;
		background-image:url('/image/parts/topbg/bg2.jpg');
		background-size:113%;
		margin-bottom:18vw;
	}
	.pr2 img{
		position:relative;
		width:90%;
		left:5vw;
		top:2.5vw;
		border:3px solid #ffffff;
		box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.3);
	}
	.pr3{
		margin-top:-18vw;
		width:100%;
		height:56.6vw;
		overflow:hidden;
		background-image:url('/image/parts/topbg/bg3.jpg');
		background-size:113%;
	}
	.pr3 img{
		position:relative;
		width:90%;
		left:5vw;
		top:2.5vw;
		border:3px solid #ffffff;
		box-shadow: 4px 8px 8px 0px rgba(0,0,0,0.3);
	}
	.gameintro{
		position:relative;
		top:-6vw;
	}
}