html {
	width: 100%;
	overflow-x: hidden;
	
}

.wap{
	display: none;
}

#mainCol video{
	max-width: 100%;
	display: block;
	margin:10px auto !important
}
#snavi li  span{
	display: block;
	width: 100%;
}
#snavi li  br{
	display: none;
}
@media (max-width: 1520px) and (min-width: 800px) {
	html {
		min-width: 1px;
		width: 100%;
		overflow-x: hidden
	}
	#snavi li a p{
		height: auto;
	}
	#snavi li {
		height: auto;
	}
	
}

@media (max-width: 800px) {
	body {
		width: 100vw
	}
	#snavi li a p{
		height: auto;
	}
	
	.map a{
		font-size: 12px !important;
	}

	body::before {
		position: fixed;
		top: 0;
		left: 0;
		background: url(../images/bg_common.png) no-repeat top center fixed;
		background-size: 100vw auto;
		font-size: 3.75vw
	}
	#footer{
		padding:20px 0;
	}
	#footer p{
		font-size: 14px;
		
	}
	#footer .copy p{
		width: 100%;
		margin:0;
		font-size: 12px;
	}
	#footer .copy img{
		width: 2rem;
	}
}

@media (max-width: 800px) {
	a {
		font-size: 3.75vw
	}
}

@media (max-width: 800px) {
	.pc {
		display: none !important
	}
}

@media (min-width: 801px) {
	.sp {
		display: none !important
	}
}

@media (max-width: 800px) {
	#header {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1050;
		width: 100vw;
		height: auto
	}

	.sp_top_head {
		background: url(../images/bg_head.png) repeat-x top center;
		background-size: cover;
		width: 100vw;
		height: 18.59375vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.sp_top_head h1 {
		margin-top: 1.5625vw !important;
		padding-left: 1.5625vw
	}

	.sp_top_head h1 img {
		width: 31.875vw
	}

	.sp_top_head .navSp {
		display: block !important
	}

	.sp_top_head .navSp .navSpBtn {
		cursor: pointer;
		display: block;
		height: 100%;
		width: auto;
		margin: 0 0 0 auto
	}

	.sp_top_head .navSpInner {
		display: none;
		position: fixed;
		z-index: 1200;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100%;
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none
	}

	.sp_top_head .navSpInner::-webkit-scrollbar {
		display: none
	}

	.sp_top_head .navSpInner:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
		background: url(../images/bg_menu.png) no-repeat top center;
		background-size: cover
	}

	.sp_top_head .navSpInner .navSpBtnClose {
		width: 18.75vw;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		cursor: pointer
	}

	.sp_top_head .navSpInner ul {
		width: 63.28125vw;
		margin:0 0 0 auto;
	}

	.sp_top_head .navSpInner ul li {
		margin: 0 auto 1.5625vw;
		/* box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 40px, rgba(0, 0, 0, 0.4) -1px 1px 40px, rgba(0, 0, 0, 0.4) 1px -1px 40px, rgba(0, 0, 0, 0.4) -1px -1px 40px; */
		background:url(../images/ico3.png) no-repeat left 10px center/30px;
		background-color:rgba(19,72,143,1);
		padding-left: 50px;
		line-height: 12vw;
		
	}

	.sp_top_head .navSpInner ul li img,.sp_top_head .navSpInner  .logo  img {
		width: 100%
	}

	.sp_top_head .navSpInner  .logo {
		box-shadow: none;
		    width: 46.875vw;
		   text-align: right;
		    margin: 22.5vw  8vw  3.125vw auto;
	}

	#ex .snsCol {
		margin-bottom: 4.0625vw
	}

	#ex .snsCol li {
		margin: 0 3.125vw;
		width: 16.25vw
	}

	#ex .snsCol li img {
		width: 100%
	}

	#ex .exCol {
		height: 16.5625vw
	}

	#ex .exCol li {
		width: 30%;
		margin: 0 1%
	}

	#ex .exCol li img {
		width: 100%
	}

	#footer small {
		width: 80vw;
		height: 6.71875vw;
		margin-bottom: 3.59375vw;
		background: url(../images/text_copy.png) no-repeat center center;
		background-size: 100%
	}

	#footer p {
		width: 91.25vw;
		
		margin-bottom: 6.25vw;
		
		
	}

	#footer .footerInner {
		display: block;
		width: 83.125vw
	}

	#footer .footerInner .footerBtnCol li {
		width: 39.375vw;
		margin-bottom: 6.25vw
	}

	#footer .footerInner .footerBtnCol li img {
		width: 100%
	}
}

@media (max-width: 800px) and (max-width: 800px) {
	#footer .footerInner .footerBtnCol li:first-child {
		margin-right: 4.6875vw
	}
}

@media (max-width: 800px) {
	#footer .footerLogoCol {
		-webkit-justify-content: center;
		justify-content: center
	}

	#footer .footerLogoCol li {
		margin-right: 4.6875vw
	}

	#footer .footerLogoCol li img {
		width: 34.6875vw
	}

	#footer .footerLogoCol li:first-child img {
		width: 35.46875vw
	}

	#footer .footerLogoCol li:last-child {
		margin-right: 0
	}

	#footer .footerLogoCol li:last-child img {
		width: 9.6875vw
	}
	#snavi h2{
		   
		    background: url(../images/icon_toggle.png) no-repeat right center;
		 
		}
	#snavi h2.active{
		background: url(../images/icon2.png) no-repeat right center;
	}
	#snavi ul,#snavi .sntitCardlistOld{
		display: none;
	}
	#list .cardCol.switch .switchiconsCol .switchicons .skill dd img,#list .cardCol.switch .switchiconsCol dd img,#list .cardCol.switch .switchiconsCol .switchicons dl dd{
		height: 65px;
	}
	
}

@media (max-width: 800px) {
	body {
		position: relative
	}
}

.mvCol {
	margin-top: 1.8em
}

@media (max-width: 800px) {
	.mvCol .slides {
		background: rgba(0, 0, 0, 0.8);
		padding-bottom: 1.5625vw
	}
}

.mvCol .slides .slick-list {
	opacity: 0
}

.mvCol .slides .slick-list.draggable {
	opacity: 1
}

.mvCol .slides .slick-list .slick-track {
	margin: 16px auto;
	
	padding-bottom: 33%;
	position: relative;
	width: 80% !important;
}

@media (max-width: 800px) {
	.mvCol .slides .slick-list .slick-track {
		margin: 5vw auto .9375vw;
		width: 100% !important;
		height: 39.53125vw;
		background: none
	}

	.mvCol .slides .slick-list .slick-track li img {
		width: 100%
	}
}

.mvCol .slides .slick-list .slick-track li {
	display: block;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%
}

@media (min-width: 801px) {
	.mvCol .slides .slick-list .slick-track li img {
		transition-duration: 0.2s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		width: 100%;
	}

	.mvCol .slides .slick-list .slick-track li img:hover,
	.mvCol .slides .slick-list .slick-track li img:focus,
	.mvCol .slides .slick-list .slick-track li img:active {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		-webkit-filter: brightness(130%);
		filter: brightness(130%)
	}
}

.mvCol .slides .slick-dots {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto
}

.mvCol .slides .slick-dots li {
	cursor: pointer;
	display: block;
	background: url(../images/switch.png) no-repeat center center;
	width: 84px;
	height: 84px;
	margin-right: 32px
}

.mvCol .slides .slick-dots li:last-child {
	margin-right: 0
}

@media (max-width: 800px) {
	.mvCol .slides .slick-dots li {
		width: 10vw;
		height: 10vw;
		margin-right: 2.5vw;
		background: url(../images/switch.png) no-repeat center center;
		background-size: contain
	}
}

@media (min-width: 801px) {
	.mvCol .slides .slick-dots li {
		transition-duration: 0.2s;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0)
	}

	.mvCol .slides .slick-dots li:hover,
	.mvCol .slides .slick-dots li:focus,
	.mvCol .slides .slick-dots li:active {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-filter: brightness(130%);
		filter: brightness(130%)
	}
}

.mvCol .slides .slick-dots .slick-active {
	background: url(../images/switch_on.png) no-repeat center center
}

@media (max-width: 800px) {
	.mvCol .slides .slick-dots .slick-active {
		background: url(../images/switch_on.png) no-repeat center center;
		background-size: contain
	}
}

.topBtnCol {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	position: relative;
	margin: 0 auto;
	width:75%;
}
.topBtnCol>a{
	width: 48%;
}
.topBtnCol>a img{
	width: 100%;
}
/* .topBtnCol::before {
	display: block;
	content: "";
	 background: url(../images/bg_character_top.png) no-repeat center center; 
	background-size: 70%;
	 background-size: 100%; 
	width: 2404px;
	height: 1278px;
	position: absolute;
	top: -33px;
	left: -642px;
	z-index: -1
} */ 


@media (max-width: 800px) {
	.topBtnCol::before {
		display: none
	}
}

@media (max-width: 800px) {
	.topBtnCol {
		width: 100%;
		margin-top: 2.5vw
	}

	.topBtnCol a img {
		width: 100%
	}
}

.topTopicsCol {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: space-between;
	width: 80%;
	margin:0 auto;
}
.topicsCol{
	width: 48%;
}

@media (max-width: 800px) {
	.topTopicsCol {
		display: block;
		padding: 0 5vw
	}
}

.topicsCol {
	margin-right: 50px
}

@media (max-width: 800px) {
	.topicsCol {
		margin-right: 0
	}
}

.topicsCol h2 {
	position: relative;
	z-index: 2
}

@media (max-width: 800px) {
	.topicsCol h2 img {
		width: 31.875vw;
		padding-left: 1.5625vw
	}
}

.topicsCol .topicsInner {
	margin: -44px 0 0;
	padding: 30px 26px;
	display: block;
	width: 100%;
	height: 495px;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	background: url(../images/bg_topics.png) no-repeat center center/cover;
}

.topicsCol .topicsInner::-webkit-scrollbar {
	display: none
}

@media (max-width: 800px) {
	.topicsCol .topicsInner {
		margin: -6.25vw 0 0;
		padding: 3.125vw 3.125vw 5.3125vw;
		width: 100%;
		height: 51.875vw;
		background: url(../images/bg_topics.png) no-repeat center center;
		background-size: 100% 100%
	}
}

.topicsCol .topicsInner dd {
	display: block;
	padding: 0 0 20px;
	font-size: 22px;
	font-style: italic;
	text-shadow: #0d435a 5px 5px 8px, #0d435a -5px 5px 8px,
		#0d435a 5px -5px 8px, #0d435a -5px -5px 8px;
	background: url(../images/border.png) no-repeat bottom center
}

.topicsCol .topicsInner dl:hover dt,.topicsCol .topicsInner dl:hover dd{
	color:#e2b84e;
}

@media (max-width: 800px) {
	.topicsCol .topicsInner dd {
		padding: .5em 0 .8em;
		background: url(../images/border.png) no-repeat bottom center;
		background-size: contain
	}
}

.topicsCol .topicsInner dd a {
	font-weight: 400;
	display: block;
	line-height: 1.3em
}

.topicsCol .topicsInner dt {
	padding: 20px 0 0;
	font-style: italic;
	line-height: 1.6em;
	font-weight: 100;
	display: block;
	letter-spacing: 0.07em
}

.twCol {
	margin-right: 0
}

.twCol h2 {
	
	text-align: right
}

@media (max-width: 800px) {
	.twCol h2 {
		padding-top: 4.0625vw;
		padding-bottom: 2.1875vw;
		text-align: left
	}
}

.twCol .topicsInner {
	padding-top: 50px;
	overflow-y: hidden
}

@media (max-width: 800px) {
	.twCol .topicsInner {
		padding-top: 4.6875vw;
		padding-bottom: 0
	}

	.twCol .topicsInner iframe {
		width: 100% !important;
		height: 100% !important;
		min-height: 1px !important
	}
}

.btnEnq {
	width: 1132px;
	display: block;
	margin: 30px auto
}

.btnEnq img {
	display: block
}

@media (max-width: 800px) {
	.btnEnq {
		width: 94%;
		margin: 4.6875vw auto
	}

	.btnEnq img {
		width: 100%
	}
}

/*# sourceMappingURL=../maps/_zh/index.css.map */



#mainCol_rbk {
  display: block;
border:4px solid #0a0b68;
  width: 804px;
  margin: 9px auto;
  padding-bottom: 8px;
  background:#fff;
}
#mainCol_rbk h2 img{
	width: 100%;
}
#mainCol_rbk #mainCol-inner {
  display: block;
  position: relative;
 
  width: 790px;
  min-height: 790px;
  padding: 0 7px;
}
#mainCol_rbk .centerCol {
  text-align: center;
}

.listCommonBg {
    margin: 0 auto;
    padding-top: 15px;
}


/* #seachArea {
    width: 770px;
    margin: 0 auto 15px;
}
 */
#seachArea h3 {
    background: url(../images/29173448.png) no-repeat center top/100%;
    height: 83px;
    text-indent: -99999px;
}
#seachArea-inner{
  background: url(../images/20181009143323.jpg) no-repeat center top;
  padding: 10px 0px;
}

.seachArea_pref{
    display: inline-block;
    margin: 0 20px 21px 140px;
}

.seachArea_city{
    display: inline-block;
    margin: 0 0 21px 90px;
}

.seachArea_free{
    display: inline-block;
    margin: 0 0 16px 140px;
}

.seachArea_pref select { width: 244px; padding: 5px; border: 1px solid #01C3EE;}
.seachArea_city select { width: 244px; padding: 5px; border: 1px solid #01C3EE;}
.seachArea_free input { width: 589px;px; padding: 5px; border: 1px solid #01C3EE;}

.seachArea_pref span{
    display: none;
}

.seachArea_city span{
    display: none;
}

.seachArea_free span{
    display: none;
}

.btn_search {
  clear: both;
  display: block;
  background: url(../images/80929173433.png) center top no-repeat;
  width: 238px;
  height: 68px;
  margin: 0 auto 6px;
  text-indent: -9999px;
  border: none;
  cursor: pointer;
}

.btn_search:hover {
  background-position: 0 -66px;
}

ul.attention {
  
  padding: 15px 30px;
  border: 2px solid #043d88;
  
}
ul.attention li {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 90%;
  color: #043d88;
}
ul.attention li.stit-attention {
  font-size: 108%;
  font-weight: bold;
}
.shoplist_pagenavi {
  width: 758px;
  border: 2px solid #E50000;
  color:#fff;
  margin: 15px auto 10px auto;
  font-size: 120%;
}
.shoplist_pagenavi tr {
  text-align: center !important;
  background: #E50000;
  color: #FFFFFF;
  border-bottom: 2px solid #E50000;
}
.shoplist_pagenavi tr.pref {
  text-align: center !important;
  background: none;
  color: #E50000;
  border-bottom: 2px solid #E50000;
}

.shoplist_pagenavi tr th {
  text-align: center !important;
  padding: 5px 10px;
  font-weight: bold;
}

.shoplist_resultlist {
  margin: 30px auto;
  width: 758px;
  border: 2px solid #00C4D9;
}
.titlenum {
  padding-left: 15px;
  margin: 0 auto;
}
.titlenum dl {
  width: 190px;
  height: auto;
  float: left;
  text-align: center;
  margin: 0 10px 10px 0;
}
.titlenum dt {
  background: url(../images/shop/kyoutai.gif) center no-repeat;
  height: 80px;
  padding: 60px 0 0 2px;
  text-align: center;
  margin-bottom: 5px;
}
.titlenum dt img{
  background-size: contain;
	width:60px;
  padding: 0 15px;
}
.titlenum dd {
  font-size: 65%;
}

}
.titlenum dd {
  margin-bottom: 1%;
  color: #333333;
}
a.btn_map {
  float: right;
  display: block;
  background: url(../images/shop/btn_map.png) 0 0 no-repeat;
  width: 80px;
  height: 35px;
  text-indent: -9999px;
}
a.btn_map:hover{
  display: block;
  background-position: 0 -35px;
}

#result {
	clear: both;
	float: none;
	margin-top: 15px;
	}
#result dt { background-color: #0066ff; }


.shoplist_resultlist tr th {
  padding: 5px;
  background-color: #13488f;
  width: 15%;
  border-bottom: 2px solid #00C4D9;
  border-right: 2px solid #00C4D9;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
}

.shoplist_resultlist tr td {
  padding: 10px;
  border-bottom: 2px solid #00C4D9;
  border-collapse: collapse;
  vertical-align: center;
  color: #333333;
  font-size: 16px;
}
.shoplist_resultlist tr td p.shop-name,.shoplist_resultlist tr td p {
  float: left;
  margin-top: 6px;
  font-size: 18px;
  color:#144990
}

#errmsg{
  color:#000000;
  margin: -10px 0 18px 0;
}

/*JQページ送り*/
.paginator { 
  width: 758px;
  margin: 20px auto;
  background: url(../images/cardlist/bg_pagenator.jpg) top center repeat-x;
  height: 68px;
  display: block;
  font-weight: bolder;
  padding: 0 15px;
}
.paginator li {
    float: left;
    list-style: none;
}

.paginator a {
  display: block;

  width: 34px;
  height: 36px;
  float: left;
  margin: 15px 6px 0 0;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #d0d5da;
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  font-size: 18px;
  line-height: 38px;
  padding:0;
}
a.inactive {
  background: #0F65E0;
}
a.active{
  background: #B2B200;
  border: 1px solid #FFFF00;
}
a.inactive:hover {
  background-color: #B2B200;
  border: 1px solid #FFFF00;
}
a.active { color: #FFFFFF;}
.paginator li span {
    display: block;
   
    width: 34px;
    height: 36px;
    float: left;
    margin: 15px 6px 0 0;
    text-align: center;
    color: #FFFFFF;
    border: 1px solid #00FFFF;
    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    font-size: 18px;
    line-height: 38px;
}

.page{
	text-align: left;
	margin:20px auto;
	width: 758px;
	max-width: 100%;
}
.page a{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	 background: #00a0e9;
	color:#fff;
	margin-right: 10px;
	/* color: #d0d5da; */
	font-size: 12px;
}
.page a.hover,.page a.active{
	color:#fff;
}
/* .page a:hover{
	border:1px solid red;
	color:red;
} */
	#seachArea .tab .list{
		margin-bottom: 10px;
	}
	#seachArea .tab .list input{
		width:100%;
	    line-height: 45px;
	    font-size: 16px;
	    height: 45px;
		border:none;
	    border-radius: 20px;
			padding-left:5px;
			background:url(../images/sea.png) no-repeat left 10px center;
			 background-color:#59cbff;
			 padding-left: 50px;
			 color:#fff;
			box-sizing: border-box;
			font-family:MicrosoftYaHei;
	}
	#seachArea .tab .list input::-webkit-input-placeholder{
		 color:#fff;
	}
	#seachArea .tab .list select{
	 width: 100%;
		font-family:MicrosoftYaHei;
		padding:0 0 0 5px;
		box-sizing: border-box;
		    line-height: 45px;
		font-size: 16px;
			    height: 45px;
				border:2px solid #59cbff;
			background: url(../images/xl.png) no-repeat right 5px center/20px;
	}
	#seachArea .tab .list select.small{
	
	    width: 47.5%;
		margin-right: 4%;
	}
	#seachArea .tab .list select.small:last-of-type{
		margin:0;
	}
	#seachArea .tab .list span{
		font-weight: bold;
		width: 150px;
		font-size: 14px;
		text-align: right;
		display: inline-block;
		margin-right: 30px;
		color:#fff;
	}
	#seachArea button{
		 clear: both;
		     display: block;
		     background: url(../images/btn.png)  no-repeat center top/100%;
		     width: 238px;
		     height: 68px;
		     margin: 0 auto 6px;
		     text-indent: -9999px;
		     border: none;
		     cursor: pointer;
	}
	#seachArea button:hover {
	  background-position: 0 -66px;
	}
	
	
	
@media (max-width: 900px) {
	.topTopicsCol,.topicsCol{
		width: 100%;
	}
	#main{
		width: 94%;
		display: block;
		margin-top:2vw;
		padding-bottom: 2vw;
	}
	#snavi,#mainCol{
		width: 100%;
	}
	#snavi li{
		padding:10px 15px;
		height: auto;
	}
	#snavi li a{
		font-size: 16px;
		display: block !important;
		padding-left: 10px;
	}
	#snavi .cardlistOld{
		line-height: 40px;
		font-size: 16px;
	}
	#mainCol{
		padding:30px 0 0;
	}
	#seachArea{
		margin:10px;
		padding:10px;
	}
	#seachArea .pullCol{
		display: block;
	}
	#seachArea .seachS.areaCardtype,#seachArea .seachS.areaAttribute,#seachArea .seachS.areaRarity,#seachArea .seachS.category,#seachArea .seachS.areaCharacter{
		width: 100%;
		height: 40px;
		border: solid 2px #00a0e9;
		margin-bottom: 10px;
		
	}
	
	#seachArea .seachAreaFree input{
		height: 40px;
		font-size: 18px;
		padding: 10px 10px 10px 40px;
	}
	#seachArea select{
		padding:0 0 0 10px;
		font-size: 18px;
	}
	#seachArea .seachS::before{
		top:15px;
	}
	#seachArea .seachAreaFree::before{
		background: url(../images/icon_word.png) no-repeat center center/20px;
		top:18px;
		left: 10px;
	}
	#seachArea .btnSubmit{
		height: 50px;
		   width: 60%;
	}
	.btn_checklist a{
		height: 49px;
		width: 280px;
	}
	#list .cardCol{
		padding:20px 10px;
	}
	#list .cardCol .cardImg{
		float: none;
		width: 60%;
		display: block;
		margin:20px auto ;
	}
	#list .cardCol .cardDescription,#list .cardCol.switch .switchiconsCol{
		width: 100%;
	}
	#list .cardCol .cardDescription h5.cardName{
		font-size: 20px;
		padding:0 0 0 10px;
		line-height: 45px;
	}
	#list .cardCol .cardDescription .status{
		margin-top:10px;
		display: block;
	}
	#list .cardCol .cardDescription .icons li.skill span,#list .cardCol .cardDescription .status li.power i,#list .cardCol .cardDescription .finish h2{
		font-size: 14px;
	}
	#list .cardCol .cardDescription .status li{
		font-size: 30px;
		width: 100%;
		height: 55px;
		margin-bottom: 10px;
	}
	#list .cardCol .cardDescription .finishMove span{
		font-size: 40px;
		    bottom: 17px;
			top:auto;
	}
	#list .cardCol .cardDescription .status li::before,#list .cardCol .cardDescription .finishMove::before{
		height: 30px;
	}
	#list .cardCol .cardDescription .status li span img{
		width: 50px;
	}
	#list .cardCol .cardDescription .finish{
		margin:0;
	}
	#list .cardCol .cardDescription .finishMove{
		font-size: 18px;
	}
	#list .cardCol .cardDescription .icons li{
		height: 96px;
	}
	#list .cardCol .cardDescription .icons li.skill img{
		height: 70px;
	}
	#list .cardCol .numRarity .cardNum{
		font-size: 20px;
	}
	#list .cardCol .numRarity .rarity{
		font-size: 18px;
	}
	#mainCol_rbk,#mainCol_rbk #mainCol-inner,.shoplist_resultlist{
		width: 100%;
	}
	.shoplist_resultlist{
		margin:10px auto;
	}
	.shoplist_resultlist tr th,.shoplist_resultlist tr td p,.shoplist_resultlist tr td p.shop-name{
		font-size: 14px;
	}
	.shoplist_resultlist tr td{
		padding:6px;
	}
	.map,.map>img{
		width: 100% !important;
		margin-left:0 !important;
		height:340px !important;
	}
	main{
		background:none !important
	}
	
	.search .tab {
	    padding: 10px 2%;
	}
	#seachArea .tab .list span {
	    display: block;
	    text-align: center;
	    margin: 0;
	    width: 100%;
	    margin-bottom: 7px;
	}
	#seachArea .tab .list select.small, #seachArea .tab .list select, #seachArea .tab .list input {
	    width: 100%;
		    margin-bottom: 7px;

	}
	ul.attention{
		    padding: 10px 15px;
	}
	ul.attention li {
	    font-size: 16px;
	}
	#seachArea h3{
		height: 45px;
	}
	#seachArea button {
		height: 45px;
		line-height: 45px;
		width: 155px;
	}
	#seachArea button:hover{
		 background-position: 0 -45px;
	}
	
}


@media screen and (min-width:800px) and (max-width:1500px) {
	#header .nav li a{
		font-size: 16px;
	}
	#header .hvr{
		width: 200px;
	}
	#header{
		height: 155px;
	}
	.sp_top_head {
	    display: flex;
	    width: 88%;
	    margin: 0 auto;
	}
	#header .nav li{
		margin-right: 20px;
	}
	#main,.mvCol .slides .slick-list .slick-track,.topTopicsCol{
		 width: 88% !important;
	}
	.mvCol .slides .slick-list .slick-track{
		height: 400px;
	}
	.topBtnCol{
		width: 82%;
	}
	#header .nav{
		margin-left: 0;
	}
}

/* @media screen and (min-width:800px) and (max-width:1300px) {
	.sp_top_head {
	    display: flex;
	    width: 97%;
	    margin: 0 auto;
	}
	#header .nav li{
		margin-right: 20px;
	}
	
} */



@media screen and (min-width:1500px) and (max-width:1700px) {
	#header .nav li a{
		font-size: 18px;
	}
	
	#header .nav li{
		margin-right: 25px;
	}
	.sp_top_head {
	    display: flex;
	    width: 85%;
	    margin: 0 auto;
	}
	#main,.mvCol .slides .slick-list .slick-track,.topTopicsCol{
		 width: 85% !important;
	}
	.topBtnCol{
		width: 82%;
	}
}