@media(max-width:480px) {
    .spNone {
        display: none;
    }
	.spOn {
		display: block;
		position: fixed;
		top: 0;
		left: : 0;
		margin: 13px 0 0 17px;
		z-index: 999999;
	}
	
    h3.spOn {
        font-size: 20px;
        line-height: 160%;
		letter-spacing: 0.1em;
		color: #CCC;
    }
	.lookModal img{ 
		padding-bottom: 20px;
	}
    .lookcred {
        margin-top: 0;
        padding: 0px 20px;
    }
.lookModal img {
	margin: 0px;
}
    .intro .intro-body img {
    }
    .intro .intro-body h1.brand-heading,
    .introSU .intro-body h1.brand-heading {
        font-size: 12px;
		line-height: 200%;
		padding-top: 130px;
		margin: 0 0 0 0;
    }
    .intro .intro-body h2.brand-subtit,
    .introSU .intro-body h2.brand-subtit {
        font-size: 12px;
    }
    .intro .intro-body p.intro-text,
    .introSU .intro-body p.intro-text {
        font-size: 11px;
        font-weight: 600;
    }
    .featherlight .featherlight-close-icon {
        top: 0;
        right: 0;
    }
	
.entry,
.entrySP {
    width:  33.33%;
    padding: 15px;
}
	
	
.playBt {
top: -110%;
	}
	
 .nextpage {
	bottom: 0px;
}
	
.stylesCont {
		padding: 5px;
	}
.stylesCont {
	margin-bottom: 0px;
}
	
	
}

@media(min-width:767px) {
    .styleCont {
        float: left;
        width: 25%;
		padding: 5px;
        height: auto;
    }
	#products{
		margin-top: 30px;
	}
	#styles {margin-top: 30px;}
	
.styles-tit {
	margin-top: 0px;
}
}


@media(min-width:960px) {
    .entry,
    .entrySP {
        width: 25%;
    }
    .entry {
        padding: 0 35px 35px;
    }
	
    .entrySP {
        margin: 0 10px 10px;
    }

.styles-tit {
	margin-top: 0px;
}
}

@media(max-width:767px) {
    .lookcred,
    ul.navbar-nav {
        padding-top: 0px ;
    }
    ul.navbar-nav li {
        text-align: left;
        padding-left: 5px;
        margin-bottom: 10px;
        border-top: 1px solid #ccc;
		color: #000;
    }
    ul.navbar-nav li:last-child {
        border-bottom: 1px solid #ccc;
		padding-bottom: 15px;
}

.navbar-custom span,
.navbar-custom a {
    color: #000;
}
    .navbar-custom.top-nav-collapse  {
		color: #000;
    }
	
	
    .lookcred {
		text-align: center;
    }
    .lookcred h3 {
        font-size: 22px;
        line-height: 220%;
        margin: 20px 0;
    background: url("../img/bd_style.gif") center bottom no-repeat;
	background-size: 20px auto;
    }
    .lightbox img {
        margin-top: 30px;
    }
	
	
#name {
	width: 70%;
	font-weight: 600;
    font-size: 14px;
	margin-left: auto;
	margin-right: auto;
}
.productsLeft {
	float: left;
	width: 100%;
}
.productsRight {
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 50px;
	padding-left: 0;
}
	
	
	
.Hmenu {
    position:absolute;
	top:20px;
	left: 20px;
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 24px;
    height: 16px;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333;
    border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 7px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
}
	
}
@media(min-width:768px) {
    .proListTit,
    .proListTit1,
    .proListTitSP {
        text-align: left;
    }
    .sectionCont {
        margin: 0 0 60px;
        position: relative;
        zoom: 1;
    }
    .content-section h2 {
        font-size: 18px;
    }
    p {
        margin: 0 0 35px;
        font-size: 12px;
        line-height: 1.6;
    }
    .movieBox {
        width: 780px;
        height: 438px;
        display: none;
    }
    .sectionCont,
    .site-title a {
        display: block;
    }
    .site-title {
        margin-top: 18px;
        margin-left: 10px;
    }
    .site-title a {
        background: url("../img/nonnative_logo_w.png") left top no-repeat;
        background-size: 137px 18px;
        width: 137px;
        height: 18px;
        text-indent: -9999px;
    }
	
	
	/* 
	.site-title.top-nav-collapse a {
        background: url("../img/nonnative_logo.png") left top no-repeat;
        background-size: 137px 18px;
        width: 137px;
        height: 18px;
        text-indent: -9999px;
	}
	
	*/ 
	
	.navbar-custom .nav li span,
	.navbar-custom .nav li a {
    color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
    .navbar-custom .nav li.active a {
        background-color: rgba(255,255,255,0);
    }
    ul.nav li span,
    ul.nav li a {
        font-size: 14px;
    }
    .navbar-custom {
        padding: 20px 0;
        border: none;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background 0.5s ease-in-out,padding 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out,padding 0.5s ease-in-out;
        transition: background 0.5s ease-in-out,padding 0.5s ease-in-out;
    }
    .navbar-custom.top-nav-collapse  {
        padding: 0;
        background-color: #0A0D1E;
    color: #FFF;
    }

	/* 
    .navbar-custom.top-nav-collapse a {
    color: #000;
    }
	*/ 
	
    .btn-product,
    .btn-video {
        font-size: 10px;
    }
    .products-section .proCont {
        float: left;
        width: 20%;
        height: auto;
        font-size: 15px;
    }
    .proCont {
        padding: 2px;
    }
    .products-section .proCate {
        padding: 0 50px;
    }
    figcaption.proCap .pNo {
        bottom: 10px;
        font-size: 18px;
        letter-spacing: 0.05em;
    }
    figcaption.proCap .pCap {
        font-size: 11px;
        font-weight: 400;
    }
    figure {
        width: 12.5%;
    }
    #productList .container {
        padding: 0 80px;
    }
	
    .entry,
    .entrySP {
        width: 25%;
    }
    .entry {
        padding: 0 35px 35px;
    }
	
    .entrySP {
        margin: 0 10px 10px;
    }
    .intro {
	position:relative;
        width: 100%;
        height: 100%;
        padding: 0;
        background-position: center center;
	margin-top: 0px;
    }
	
	
	
	
    .intro h2 {
        font-size: 12px;
        color: #FFF;
        text-transform: none;
		letter-spacing:0.1em;
		margin: 0px;
    }
	
    .lightbox img,
    .proListDatSP {
        margin-bottom: 20px;
    }
    .lookcred {
        padding-top: 50px;
        padding-left: 30px;
    }
    .lookcred h2 {
        font-size: 15px;
    }
    .lookcred p a,
    .proListDatSP {
        font-size: 12px;
    }
    .proListTitSP {
        letter-spacing: 0.01em;
    }
    .proListDatSP {
        text-align: right;
        padding-top: 28px;
    }
    .specialCont {
        margin: 100px 0 550px;
    }
    .spContent {
        margin-bottom: 20px;
    }
    .spContent p {
        margin: 0;
        padding: 0;
    }
    .spContent p.spJp {
        font-size: 12px;
        margin-bottom: 20px;
    }
	

	
	.stores-section .shopCont:nth-child(5),
	.stores-section .shopCont:nth-child(8),
	.stores-section .shopCont:nth-child(11)  {
		clear: both;
	}	
	
.lookModal {
	min-width:900px ;
	height:auto;
}
	.spOn{
		display: none;
	}
	
    @-webkit-keyframes pulse {
        0%,
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }
    @-moz-keyframes pulse {
        0%,
        100% {
            -moz-transform: scale(1);
            transform: scale(1);
        }
        50% {
            -moz-transform: scale(1.2);
            transform: scale(1.2);
        }
    }
}