@charset "UTF-8";@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);@import url(http://fonts.googleapis.com/css?family=Cardo);

#header{padding:0 80px;width:100%;position:fixed;top:0;left:0;z-index:10;background-color:#fff;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0)}

#header.fixed .inner{min-height:60px}

#header.fixed .logo{}

#header.fixed .logo img{width:40px}

#header .inner,#header .logo img{-webkit-transition:all .25s;transition:all .25s}

/*#header .inner{margin:0 auto;min-height:120px;max-width:1280px;position:relative;width:100%}*/

#header .logo{text-align:center}

#header .logo img{width:auto}

#header .headerNav{position:absolute;top:50%;left:0;margin-top:-.6em}

#header .headerNav li{float:left;margin-right:30px;font-weight:600;letter-spacing:1px;position:relative}

#header .headerNav li a{-webkit-transition:all .25s ease;transition:all .25s ease}

#header .headerNav li:last-child{margin-right:0}

#header .headerNav li:hover a{color:rgba(23,28,97,.6)}

#header .headerNav .dropDown.shop span{width:140px}

#header .headerNav .dropDown.collection span{width:124px}

#header .headerNav .dropDown.collection .subNav{min-width:0}

#header .headerNav .dropDown.collection .subNav:after{display:none}

#header .headerNav .dropDown.collection .subNav:before{width:120px}

#header .headerNav .dropDown.collection li{margin:15px 0 0;font-weight:400;white-space:nowrap}

#header .headerNav .dropDown span,#header .headerNav .subNav{box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease}

#header .headerNav .dropDown span{display:inline-block;margin:-17px -22px 0;border-top:2px solid transparent;border-right:2px solid transparent;border-left:2px solid transparent;text-align:center;cursor:pointer;background-color:transparent;padding:15px 20px;position:relative}

#header .headerNav .dropDown:hover{color:rgba(23,28,97,.6)}

#header .headerNav .dropDown:hover span{background-color:transparent;border-color:#ccc;z-index:3}

#header .headerNav .subNav{position:absolute;top:100%;left:-22px;padding:0 18px 20px;background-color:#fff;border:2px solid #ccc;min-width:326px;opacity:0;visibility:hidden;z-index:3}

#header .headerNav .subNav.open{visibility:visible;opacity:1}

#header .headerNav .subNav:after{content:'';display:block;position:absolute;top:20px;left:45%;bottom:20px;width:1px;height:auto;background-color:#d0d0d0}

#header .headerNav .subNav:before{content:'';display:block;position:absolute;top:-2px;left:0;width:136px;height:2px;background-color:#fff}

#header .headerNav .subNav li{float:none;margin:25px 0 0}

#header .headerNav .subNav li li{font-weight:400;margin:10px 0 0}

#header .headerNav .subNav li a{color:#2f2522}

#header .headerNav .subNav li a:hover{color:rgba(23,28,97,.6)}

#header .headerNav .subNav .col{float:left;width:45%;margin-top:-5px;padding-right:5%;box-sizing:border-box}

#header .headerNav .subNav .col:last-child{width:55%;padding:0 0 0 20px}

#header .utilNav{position:absolute;top:50%;right:0;margin-top:-.6em}

#header .utilNav li{float:left;margin-left:40px;font-weight:600;letter-spacing:1px}

#header .utilNav li:first-child{margin-left:0}

#header .utilNav a{-webkit-transition:all .25s ease;transition:all .25s ease}

#header .utilNav .search{position:relative;top:-8px;font-weight:400;overflow:hidden}

#header .utilNav .search span{display:inline-block;background-color:#fff;position:relative;line-height:31px;font-size:20px;cursor:pointer}

#header .utilNav .search span img{vertical-align:middle}

#header .utilNav .search .query{position:relative;top:-4px;border:none;border-bottom:1px solid #8b8db0;line-height:25px;width:0;letter-spacing:1px;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;visibility:hidden;-webkit-transform:translateX(150%);transform:translateX(150%);border-radius:0;padding:0}

#header .utilNav .search .query:focus{outline:none}

#header .utilNav .search .query.open{width:160px;position:relative;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}

#header .utilNav .nav:hover a{color:rgba(23,28,97,.6)}

#header .utilNav .cart{position:relative;top:-5px}

#header .utilNav .cart img{width:28px;vertical-align:middle;cursor:pointer}

#header .menu{display:none}

@media screen and (max-width:790px)
{

#header{padding:0 20px}

header ul { width:100%;}
#header .headerNav li{margin-right:23px;font-size:12px}

#header .headerNav .dropDown.shop span{margin:-12px -12px 0;padding:10px;width:120px}

#header .headerNav .dropDown.collection span{margin:-12px -12px 0;padding:10px;width:100px}

#header .headerNav .dropDown.collection .subNav{min-width:0; }

#header .headerNav .dropDown.collection .subNav:after{display:none}

#header .headerNav .dropDown.collection .subNav:before{width:96px}

#header .headerNav .subNav{top:26px;left:-12px;padding:0 20px 20px}

#header .headerNav .subNav:before{width:116px}

#header .utilNav li{margin-left:20px;font-size:12px}

#header .utilNav .search .query{width:0}

#header .utilNav .search .query.open{width:110px}

}

@media screen and (max-width:790px){

#header{position:absolute;-webkit-transform:none;transform:none}

/*#header .inner,#header.fixed .inner{min-height:60px}*/

.logoone {width: 100%;
    float: left;
    margin: 20px 0 0 0;}

#header .logo, #header.fixed .logo{margin-left: 0; margin-top:20px;}

#header .logo img, #header.fixed .logo img{width:234px}

#header .headerNav,#header .utilNav .nav,#header .utilNav .search{display:none}

#header .menu{    display: block;
    position: fixed;
    text-align: center;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    height: 120px;
    z-index: 5;
}

#header .menu .menuBtn{ margin: -75px 0 0 105px;
    padding: 0;
    border: none;
    float: right;
    background: 0 0;
    z-index: 4;}

#header .menu .menuBtn img{width:102px}

#header .menu .menuBtn:focus{outline:none}

#header .menu .nav,#header .menu .nav.open{-webkit-transform:scale(1);transform:scale(1)}

/*#header .menu .nav{overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#fff;box-sizing:border-box;-webkit-transition:all .25s .1s ease-out;transition:all .25s .1s ease-out;opacity:0;visibility:hidden}*/
#header .menu .nav{overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;color:#fff;box-sizing:border-box; display:none}

#header .menu .nav.open{ display:block}

#header .menu .nav a{color:#fff;position:relative;z-index:2}

#header .menu .nav ul{position:relative}

#header .menu .nav li{font-weight:600;margin-bottom:15px;letter-spacing:1px}

#header .menu .nav .collection.open span,#header .menu .nav .shop.open span{border-bottom:1px solid #fff}

#header .menu .nav .subNav{z-index:1500; position:absolute;top:0;left:60%;-webkit-transition:all .25s ease;transition:all .25s ease;visibility:hidden;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}

#header .menu .nav .subNav.open{opacity:1;visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}

#header .menu .nav .subNav li{margin-bottom:30px}

#header .menu .contents li.menuItem {
	list-style: none;
    float: none;
	text-align:center;
	padding: 25px 0 25px 0;}

#header .menu .contents li.menuItemac{
	list-style: none;
    float: none;
	text-align:center;
	padding: 25px 0 25px 0;
	background:#526e82;
}


#header .menu .contents,#header .menu .nav .subNav li ul{margin-top:20px}

#header .menu .nav .subNav li li{margin-bottom:10px;font-weight:400}

#header .menu .header{min-height:59px;position:relative}

#header .menu .cart{position:absolute;top:50%;right:0;margin-top:-12px}

#header .menu .cart img{width:28px;vertical-align:middle}

#header .menu .close{position:absolute;top:50%;right:0px;margin-top: -35px;}

#header .menu .close img{width: auto}

#header .menu .search{margin:40px 0}

#header .menu .search .btn{position:relative;top:-2px}

#header .menu .search .btn img{width:15px;vertical-align:middle}

#header .menu .search .query{position:relative;top:-4px;background:0 0;margin-left:10px;padding:5px;border:none;border-bottom:1px solid rgba(255,255,255,.4);width:85%;-webkit-transition:all .25s ease;transition:all .25s ease;visibility:hidden;opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%);border-radius:0;letter-spacing:1px;box-sizing:border-box}

#header .menu .search .query:focus{outline:none}

#header .menu .search .query.open{visibility:visible;opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}

#header .menu .footerMenu{margin-top:50px; z-index:1000;}

#header .menu .footerMenu li{margin-bottom:10px;font-weight:400;font-size:9px;letter-spacing:normal}

#header .menu .footerMenu a{color:rgba(255,255,255,.4)}}

#main{padding:120px 80px 0}@media screen and (max-width:1024px){#main{padding:120px 20px 0}}@media screen and (max-width:790px){#main{padding:60px 20px 0}}


@media screen and (max-width:1024px)
{

}

@media screen and (max-width:790px)

{
}

.fadeIn{opacity:0;visibility:hidden;-webkit-transition:all 1s ease;transition:all 1s ease}

.fadeIn.show{opacity:1;visibility:visible}

.top01{position:relative;margin:0 auto;width:100%}

.top01 .slider.SP{display:none}

.top01 .btn,.top01 .sns{-webkit-transition:all .25s ease;transition:all .25s ease}

.top01 .sns{right:30px;opacity:0;visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;position:fixed;bottom:0}

.top01 .sns li{margin-bottom:30px;text-align:center;font-size:18px}

.top01 .sns li img{width:18px}

.top01 .sns a{color:#171c61}

.top01 .sns.show{visibility:visible;opacity:1}

.top01 .btn{position:absolute;left:40px;bottom:40px;width:238px;height:52px;border:1px solid rgba(255,255,255,.4);text-align:center;line-height:52px;font-size:16px;font-weight:700;color:#fff;letter-spacing:2px}

.top01 .btn:hover{background-color:#fff;color:#122366}

.top01 .btn:hover span{background-image:url(../img/ico_cart_01.png)}

.top01 .btn span{display:inline-block;padding-left:30px;background:url(../img/ico_cart_02.png) no-repeat 0 50%;background-size:13px auto}@media screen and (max-width:1024px){.top01 .sns{display:none}}@media screen and (max-width:790px){.top01 .slider{display:none}

.top01 .slider.SP{display:block;margin:0 -20px}

.top01 .btn{left:20px;bottom:20px;width:158px;height:50px;line-height:50px;font-size:12px;letter-spacing:1px}

.top01 .btn span{padding-left:28px;background-size:11px auto}}

.top02{margin:90px auto 0;max-width:1280px}

.top02+.top02{margin-top:110px}

.top02 .block{width:48.4%}

.top02 .block.video{float:right}

.top02 .block.video .photo{display:none}

.top02 .block.collection{float:left}

.top02 .block.roomCordinate,.top02 .movie video{width:100%}

.top02 .heading{float:left;font-size:16px;letter-spacing:2px}

.top02 .subline{float:left;margin:4px 0 0 30px;font-size:13px;color:#171c61;letter-spacing:1px;font-family:'Cardo',serif}

.top02 .contents{position:relative;margin-top:30px}

.top02 .photo{display:table;width:100%;table-layout:fixed}

.top02 .photo li{display:table-cell;vertical-align:top}

.top02 .btn{position:absolute;left:40px;bottom:40px;font-weight:600;font-size:14px;width:138px;height:40px;line-height:40px;text-align:center;border:1px solid rgba(255,255,255,.5);color:#fff;letter-spacing:2px;-webkit-transition:all .25s ease;transition:all .25s ease}

.top02 .btn:hover{background-color:#fff;color:#122366}@media screen and (max-width:790px){.top02{margin:0}

.top02+.top02{margin-top:0}

.top02 .block{float:none;margin-top:75px;width:100%}

.top02 .block.video .movie{display:none}

.top02 .block.video .photo,.top02 .photo,.top02 .photo li{display:block}

.top02 .heading{float:none;font-size:16px}

.top02 .subline{float:none;margin:2px 0 0;font-size:12px}

.top02 .contents{margin-top:35px}

.top02 .btn{left:50%;bottom:30px;font-size:12px;width:47.8%;height:45px;line-height:45px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-color:#fff}}

.top03{margin:70px auto 0;max-width:1280px}

.top03 .block.onlineShop{float:left;width:82.8%}

.top03 .block.onlineShop .contents:after{content:'';display:block;position:absolute;top:0;bottom:10%;right:0;width:1px;height:auto;background-color:#d5d5d5}

.top03 .block.onlineShop li{float:left;margin-right:3.8%;width:21.1%;letter-spacing:1px}

.top03 .block.onlineShop li img{opacity:1}

.top03 .block.onlineShop .caption{margin-top:15px;text-align:center;font-size:14px;font-family:'Cardo',serif;-webkit-transition:all .25s ease;transition:all .25s ease}

.top03 .block.instagram{float:right;width:14.4%}

.top03 .block.instagram .heading{padding-left:28px;font-size:13px;background:url(../img/ico_instagram.png) no-repeat 0 50%;background-size:15px 15px;letter-spacing:1px}

.top03 .block.instagram .photo{margin-top:30px}

.top03 .block.instagram .photo img,.top03 .block.onlineShop li img{-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.top03 .block.instagram a{color:#171c61}

.top03 .block.instagram .account,.top03 .block.instagram .hash{margin-top:20px;text-align:center;font-size:14px;font-family:'Cardo',serif;letter-spacing:1px;-webkit-transition:all .25s ease;transition:all .25s ease}

.top03 .block.instagram .hash{position:relative;margin-top:16px;padding-top:15px}

.top03 .block.instagram .hash:after{content:'';display:block;position:absolute;top:0;left:50%;width:30px;height:1px;background-color:#d1d2df;margin-left:-15px}

.top03 .heading{font-size:16px;letter-spacing:2px;color:#141414}

.top03 .contents{position:relative;margin-top:30px}@media screen and (max-width:79
  0px){.top03{margin:0}

.top03 .block{margin-top:75px}

.top03 .block.onlineShop{float:none;width:100%}

.top03 .block.onlineShop .contents:after{display:none}

.top03 .block.onlineShop li{margin:20px 0 0;width:50%;padding-right:4%;box-sizing:border-box}

.top03 .block.onlineShop li:nth-child(even){padding:0 0 0 4%}

.top03 .block.onlineShop .caption{font-size:13px}

.top03 .block.instagram{float:none;width:100%;margin-top:35px;border-top:1px solid #2e2e2e;padding:35px 15px 0;box-sizing:border-box;position:relative}

.top03 .block.instagram .heading{padding-left:22px;background-size:14px 14px}

.top03 .block.instagram .photo{float:right;width:43%;margin-top:0}

.top03 .block.instagram .heading{float:left;width:45%}

.top03 .block.instagram .contents{clear:left;overflow:hidden}

.top03 .block.instagram .account{width:100px;font-size:13px}

.top03 .block.instagram .hash{width:100px;margin-top:13px;padding-top:12px;font-size:13px}

.top03 .heading{font-size:15px}

.top03 .contents{margin-top:0}}

.collection01 .slick-list{margin:0 auto;padding:0 120px}

.collection01 .contents.SP{display:none}

.collection01 .switch{position:relative;top:2px;margin-left:auto;cursor:pointer;width:14px;height:14px;background:url(../img/btn_switch_01.png) no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap;-webkit-transition:all .25s ease;transition:all .25s ease}

.collection01 .switch.transform{-webkit-transform:rotate(90deg);transform:rotate(90deg);background-image:url(../img/btn_switch_02.png)}

.collection01 .slick-slide .movie{position:relative;width:100%;padding-top:56.25%}

.collection01 .slick-slide .movie iframe,.collection01 .slider.list>div .movie iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}

.collection01 .slick-slide .buy{position:absolute;bottom:0;right:-120px;font-weight:700;font-size:16px;letter-spacing:2px}

.collection01 .caption{margin-top:30px;text-align:center;font-size:14px;letter-spacing:1px;font-weight:700}

.collection01 .caption .subline{padding-left:25px;font-size:13px;font-weight:400;color:#122366;font-family:'Cardo',serif}

.collection01 .slider.list{margin:0 auto;padding:0 100px}

.collection01 .slider.list>div{float:left;width:20%;margin-top:20px;padding:0 3%;box-sizing:border-box;text-align:center}

.collection01 .slider.list>div .photo{overflow:hidden;max-height:109px}

.collection01 .slider.list>div .movie{position:relative;width:100%;padding-top:56.25%}

.collection01 .slider.list>div .buy{display:none}@media screen and (max-width:790px){.collection01 .contents{display:none}

.collection01 .contents.SP{display:block}

.collection01 .contents li{margin-top:60px}

.collection01 .contents li:first-child{margin-top:30px}

.collection01 .contents li.expand{margin-right:-20px;margin-left:-20px}

.collection01 .contents li.expand .buy{margin-right:20px}

.collection01 .caption,.collection01 .contents .buy{text-align:right;margin-top:15px;font-size:11px;letter-spacing:1px;font-weight:700}

.collection01 .contents .buy a{color:#999}

.collection01 .caption{margin-top:30px;text-align:left;font-size:18px}

.collection01 .caption .subline{display:block;padding-left:0;font-size:13px}}

.room01{margin:40px auto 0;max-width:1280px}

.room01 .header .heading{float:left;font-size:20px;letter-spacing:2px}

.room01 .header .subline,.room01 .list .caption{color:#122366;letter-spacing:1px;font-family:'Cardo',serif}

.room01 .header .subline{float:right;margin-top:8px;font-size:13px}

.room01 .list{overflow:hidden}

.room01 .list ul{margin:-30px -40px 0}

.room01 .list li{float:left;margin-top:80px;width:33.333333%;padding:0 40px;box-sizing:border-box}

.room01 .list li:hover .photo img{opacity:.6}

.room01 .list li:hover .caption{color:rgba(23,28,97,.6)}

.room01 .list a{display:block}

.room01 .list .photo img{-webkit-transition:all .25s ease;transition:all .25s ease;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.room01 .list .caption{margin-top:15px;font-size:16px;text-align:center}@media screen and (max-width:790px){.room01{margin-top:20px}

.room01 .header .heading{float:none;font-size:18px;letter-spacing:1px}

.room01 .header .subline{float:none;margin-top:2px;letter-spacing:normal}

.room01 .list{overflow:hidden}

.room01 .list ul{margin:-10px -10px 0}

.room01 .list li{margin-top:40px;padding:0 10px;width:50%}

.room01 .list .caption{margin-top:10px;font-size:13px;letter-spacing:normal}}

.pager{margin-top:80px}

.pager ul{text-align:center}

.pager li{display:inline-block;font-size:16px;margin:0 18px}

.pager li.prev{margin:0 70px 0 0;letter-spacing:1px;position:relative}

.pager li.prev:after{content:'';display:block;position:absolute;top:50%;left:-15px;width:10px;height:10px;border-left:1px solid #141414;border-bottom:1px solid #141414;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-5px}

.pager li.next{margin:0 0 0 70px;letter-spacing:1px;position:relative}

.pager li.next:after{content:'';display:block;position:absolute;top:50%;right:-15px;width:10px;height:10px;border-right:1px solid #141414;border-bottom:1px solid #141414;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-5px}

.pager li.selected{font-weight:700}

.pager li:hover a{color:rgba(20,20,20,.5)}

.pager li:hover.next:after,.pager li:hover.prev:after{border-color:rgba(20,20,20,.5)}

.pager a{-webkit-transition:all .25s ease;transition:all .25s ease}

.pager a,.pager span{color:#141414}@media screen and (max-width:790px){.pager{margin:40px 20px 0}

.pager li{font-size:12px;margin:0 10px}

.pager li.prev{margin-right:16px}

.pager li.prev:after{left:-12px;width:8px;height:8px;margin-top:-4px}

.pager li.next{margin-left:16px}

.pager li.next:after{right:-12px;width:8px;height:8px;margin-top:-4px}}

.topics{margin:70px auto 0;max-width:1280px;position:relative}

.topics .heading{font-size:16px;letter-spacing:1px;color:#141414;float:left}

.topics .btn{position:absolute;right:0;top:-4px;letter-spacing:1px}

.topics .btn a,.topics li img{-webkit-transition:all .25s ease;transition:all .25s ease}

.topics .btn a{border:1px solid #a2a4c0;font-size:12px;display:inline-block;padding:6px 18px;color:#171c61}

.topics .btn a:hover{color:#fff;background-color:#171c61;border-color:#171c61}

.topics li{float:left;margin:30px 3% 0 0;width:22.75%;letter-spacing:1px}

.topics li img{opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.topics li:nth-child(4n){margin-right:0}

.topics li .caption,.topics li .date{margin-top:20px;font-size:13px;-webkit-transition:all .25s ease;transition:all .25s ease}

.topics li .date{color:#bababa;margin-top:10px;font-size:14px;font-family:'Cardo',serif}@media screen and (max-width:790px){.topics li{margin-top:20px;margin-right:4%;width:48%}

.topics li:nth-child(even){margin-right:0}

.topics li .caption{margin-top:12px;font-size:11px}

.topics li .date{margin-top:5px;font-size:11px}

.topics .btn{position:static;margin-top:25px;text-align:center}

.topics .btn a{border:none;display:inline-block;background-color:#f5f5f5;padding:15px 40px;font-size:12px;font-weight:700;color:#171c61}}

.ranking{position:relative;max-width:1280px;padding:0 500% 90px;margin:0 -500%;background-color:#f6f6f6}

.ranking .block{margin-top:120px;padding-top:70px}

.ranking .block+.block{border-top:2px solid #e5e5e5}

.ranking .block,.ranking .inner,.ranking li{position:relative}

.ranking .heading{font-size:16px;letter-spacing:1px;color:#141414;float:left}

.ranking .subline{margin:3px 0 0 30px;font-size:13px;color:#141414;float:left}

.ranking .btn{position:absolute;right:0;top:-4px;letter-spacing:1px}

.ranking .btn a,.ranking li img{-webkit-transition:all .25s ease;transition:all .25s ease}

.ranking .btn a{border:1px solid #a2a4c0;font-size:12px;display:inline-block;padding:6px 18px;color:#171c61}

.ranking .btn a:hover{color:#fff;background-color:#171c61;border-color:#171c61}

.ranking .contents{margin-top:30px}

.ranking li{float:left;margin-right:3.12%;width:17.5%;letter-spacing:1px}

.ranking li .rank{position:absolute;top:13px;left:15px;font-size:14px;color:#171c61}

.ranking li img{opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.ranking li:last-child{margin-right:0%}

.ranking li .caption,.ranking li .price{margin-top:12px;font-size:12px;-webkit-transition:all .25s ease;transition:all .25s ease}

.ranking li .price{color:#c1c1c1;margin-top:5px;font-family:'Cardo',serif}

@media screen and (max-width:790px)
{
.ranking{padding-bottom:60px}

.ranking .heading{float:none;letter-spacing:2px}

.ranking .subline{float:none;margin-left:0;margin-top:5px;color:rgba(20,20,20,.6)}

.ranking .block{position:relative;margin-top:75px;padding-top:55px}

.ranking .block+.block{margin-top:50px;padding-top:45px;border-width:1px}

.ranking li{margin-top:15px;margin-right:5%;width:30%}

.ranking li:nth-child(3){margin-right:0}

.ranking li:nth-child(4),.ranking li:nth-child(5){display:none}

.ranking .btn a,.ranking li .rank{background-color:#fff;color:#171c61}

.ranking li .rank{position:absolute;top:-30px;left:50%;margin-left:-10px;width:20px;height:20px;border-radius:10px;text-align:center;font-size:14px;border:1px solid #e3e3e9}

.ranking li .rank .num{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.ranking li .caption{margin-top:10px;font-size:11px}

.ranking li .price{margin-top:6px;font-size:11px}

.ranking .btn{position:relative;margin-top:30px;text-align:center}

.ranking .btn a{border:none;display:inline-block;padding:15px 40px;font-size:12px;font-weight:700}}

.slick-list,.slick-slider{position:relative;display:block}

.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;overflow:hidden}

.slick-list{margin:0;padding:0}

.slick-list:focus{outline:none}

.slick-list.dragging{cursor:hand}

.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slick-track{position:relative;left:0;top:0;display:block}

.slick-track:after,.slick-track:before{content:"";display:table}

.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}

.slick-slide{float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}

.slick-initialized .slick-slide,.slick-slide img{display:block}

.slick-slide,.slick-slide.slick-loading img{display:none}

.slick-slide.dragging img{pointer-events:none}

.slick-loading .slick-slide{visibility:hidden}

.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slick-dots{position:absolute;right:40px;bottom:40px}

.slick-dots button,.slick-dots li{width:8px;height:8px;padding:0;cursor:pointer}

.slick-dots li{position:relative;margin:0 10px;display:inline-block}

.slick-dots button{font-size:0;line-height:0;display:block;color:transparent;border:0;outline:none;background:0 0}

@media screen and (max-width:767px)

{

.slick-dots{right:20px;bottom:20px}

.slick-dots li{margin:0 6px}

.slick-dots button,.slick-dots li{width:6px;height:6px}}

.slick-dots li button:focus,.slick-dots li button:hover{outline:none}

.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}

.slick-dots li button:before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;text-align:center;opacity:.5;background-color:#fff;border-radius:50%}

@media screen and (max-width:767px)
{

.slick-dots li button:before{width:6px;height:6px}}

.slick-dots li.slick-active button:before{opacity:1}

.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:none;outline:none;background:0 0}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:0 0}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}

.slick-prev{left:20px}

.slick-prev:before{content:'';display:block;width:20px;height:20px;border-left:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

.slick-next{right:20px}

.slick-next:before{content:'';display:block;width:20px;height:20px;border-right:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}



@media screen and (min-width:801px){
.ranking_back {
	background:#F6F6F6;
	margin:0 0 0 -80px;
	width:100%;
	padding:0 80px;
}

.ranking{position:relative;max-width:1280px;padding:0 0px 90px 0px;margin:0 auto;background-color:#f6f6f6}
}


@media screen and (max-width:790px){
.ranking_back {
	background:#F6F6F6;
	margin:0 0 0 -20px;
	width:100%;
	padding:0 20px;
}

.ranking{position:relative;max-width:1280px;padding:0 0px 90px 0px;margin:0 0px;background-color:#f6f6f6}
}