@charset "utf-8";
/* CSS Document */

.wrap{ width:100%; }
.explore{ width:90%; }
.explore h2, #posts .explore h2{ font-size:17px; }
.explore h2 strong{ display:block; }
.explore ul li{ width:100%; margin:15px 0 0; }
.explore ul li:first-child{ margin-top:0; }
.explore ul li .photo{ float:left; width:40%; margin-bottom:0; }
.explore ul li .right{ float:right; width:55%; }

.banner{ width:90%; }
#homepage .banner{ margin:20px auto; }

.box-preview{ padding-top:60px; }
.box-preview .left .nav ul{ float:none; width:100%; text-align:left; }
.box-preview .left a.desc{ display:none; }
.box-preview .left .nav{ padding:0 4%; top:-60px; }
.box-preview .left img{ float:none; width:100%; }
.box-preview .right ul li{ width:100%; }

#header #nav-top .nav-main a{ padding: 7px 0;}

#popular ul li{ width:50%; }

#download .box{ width:90%; margin:auto; }

#posts-detail .back{ left:5px; }
#posts-detail .content .heading{ padding:20px 0; }
#posts-detail .wrap{ width:90%; }
#posts-detail .content .detail{ padding:20px 0 0; }

#floor .box .info .row{ width:100%; margin:0 0 20px; }

#privacy .wrap{ width:88%; }

.happening-nav ul li{ padding: 0 10px;}

#directory .nav { width: 100% !important; box-sizing: border-box !important; }
#directory .search {width: 100% !important; margin-left: 0 !important; box-sizing: border-box !important; }
#directory .shop {width: 100% !important; box-sizing: border-box !important;}
#directory .map {width: 100% !important; box-sizing: border-box !important;}


/*absolute*/
.absolute-wrapper .grid{
  padding: 0 10px;
}
.absolute-wrapper .grid .grid-3{
	width: 100%;
}

.absolute-wrapper .promotion-item.grid-3 .overlay .title{
	font-size: 6vw;
}
.absolute-wrapper .promotion-item.grid-3 .overlay .title strong{
	font-size: 8vw;
}