html,body {
margin: 0;
padding: 0;
height:100%;
font-family: 'Amiri', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", "Meiryo", serif;
}
body{
min-width: 1220px;
}
::selection {
    background: #000 !important;
}
div.parallax{
height:100%;
width:100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;	
}
/* Video */
#mov_top {
	position: fixed;
	top: 0; 
	left: 0;
	min-width: 1220px;
    width: 100%;
	z-index: -2;
}
#mov_bottom {
	position: fixed;
	bottom: 0; 
	left: 0;
	min-width: 1220px;
    width: 100%;
	z-index: -1;
}
#bk_video {
    min-width: 100%;
    width: auto;
}
.video-mask{
position:relative;
}
.arrow_down{
display:none;
}
#arrow_down{
position:absolute;
left:50%;
bottom:30px;
margin-left:-20px;
z-index:9999;
}
/* Contents */
.content{
width:100%;
background-color:#f3f3f3;
position:relative;
}

/* Bacground */
.parallax_img_2{
background:url(../img/bk_02.jpg);	
}
.parallax_img_3{
background:url(../img/bk_03.jpg);	
}

/* Menu */
#logo{
width:270px;
position:fixed;
top:30px;
left:45px;
z-index:9999;
display:none;
}
.menu_right{
text-align:right;
padding:32px 45px 0 0 ;
}
.menu_right img{
margin-left:20px;
}
#bt-concept{
width:88px;
top: 190px;
}
#bt-collection{
width:117px;
}
.wrapper-title{
font-size:18px;
line-height: 2.0;
top: 123px;
}
.wrapper-title span{
display:inline-block;
margin:0 0 0 5px;
}
#bt-stokist{
width:79px;
top: 145px;
}
#bt-contact{
width:89px;
}

/* SNS */
.sns{
position:absolute;
bottom:20px;
left:45px;
}

/* Title */
.title{
position: absolute;
left: 100px;
}
/* STRAINISM */
.strainism{
height:700px;
}
.consept{
width:620px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size:19px;
line-height:1.5;
}
.concept-title{
font-size:35px;
font-weight:700;
letter-spacing:2px;
}
.text_jp{
font-size:15px;
line-height:1.7;
}
.concept-center{
height:320px;
background: url(../img/consept-img-01.png) no-repeat;
}
/* COLLECTION */
.collection{
height:1000px;
}
.carousel-main{
width:600px;
padding:0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* Slider */
.slider{
width:467px;
background-color:#f3f3f3;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.none{
display:none;
}
.bx-wrapper{
margin:0;
display:block !important;
}
.bx-viewport,.bx-controls,.bx-controls-direction{
display:block !important;
}
.bxslider,.bxslider2,.bxslider3,.bxslider4,.bxslider5,.bxslider6,.bxslider7,.bxslider8,.bxslider9,.bxslider10,.bxslider_11{
width:500px;
margin:0 0 0 -40px ;
}
.bxslider li,.bxslider2 li,.bxslider3 li,.bxslider4 li,.bxslider5 li,.bxslider6 li,.bxslider7 li,.bxslider8 li,.bxslider9 li,.bxslider10 li,.bxslider_11 li{
background-color:#000;
}
#bt_modal{
width:50px;
position: relative;
top: -50px;
left: 600px;
}
#bt_cancel{
position:fixed;
top:20px;
right:20px;
  z-index: 9999;
}
#bx-pager img,#bx-pager2 img,#bx-pager3 img,#bx-pager4 img,#bx-pager5 img,#bx-pager6 img,#bx-pager7 img,#bx-pager8 img,#bx-pager9 img,#bx-pager10 img,#bx-pager_11 img {
padding:5px;
-moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
-ms-transition-duration:0.2s;
position:relative;
top:0;
left:0;
}
#bx-pager img:hover {
opacity:0.5;
}
#bx-pager2 img:hover {
opacity:0.5;
}
#bx-pager3 img:hover {
opacity:0.5;
}
#bx-pager4 img:hover {
opacity:0.5;
}
#bx-pager5 img:hover {
opacity:0.5;
}
#bx-pager6 img:hover {
opacity:0.5;
}
#bx-pager7 img:hover {
opacity:0.5;
}
#bx-pager8 img:hover {
opacity:0.5;
}
#bx-pager9 img:hover {
opacity:0.5;
}
#bx-pager10 img:hover {
opacity:0.5;
}
#bx-pager_11 img:hover {
opacity:0.5;
}


#tags a{
transition: .5s;
color:#000;
text-decoration:none;
}
#tags a:hover{
opacity:0.5;
color:#000;
}

@media screen and (min-width: 1206px) {
.slider{
width: 467px;
}
}
@media screen and (min-width: 1500px) {
.collection{
height: 1250px;
}
.slider{
width: 600px;
}
#bt_modal{
left: 750px;
}
.wrapper-title{
top: 150px;
}
}

/* STOKIST */
.stokist{
height:1672px;
}
.shop-list{
width:720px;
height:1400px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.shop-list-box{
width:240px;
float:left;
}
.world-list{
margin-top:80px;
}
.world-f{
clear:both;
margin-top:80px;
}
.shop-list a,.shop-list-box a{
color:#000;
text-decoration:none;
transition: .5s;
}
.shop-list a:hover,.shop-list-box a:hover{
opacity:0.3;
}
.country{
font-size:24px;
font-weight:bold;
margin-bottom: 40px;
display: inline-block;
}
.city{
font-size:20px;
margin-bottom: 15px;
display: inline-block;
color:#ababab;
}
.shop-neme{
font-size:17px;
line-height:1.0;
}
.shop-tel{
font-size:15px;
}


/* Arrow */
#arrow_up{
width:40px;
position:absolute;
bottom:30px;
left:50%;
margin-left:-20px;
-moz-transition-duration:0.2s;
-webkit-transition-duration:0.2s;
-o-transition-duration:0.2s;
-ms-transition-duration:0.2s;
}
#arrow_up:hover{
bottom:40px;
}

@media screen and (max-width: 1320px){
.concept-center{
background: url(../img/consept-img-02.png) no-repeat;
}
}
@media screen and (min-width: 1320px){
.concept-title{
font-size:45px;
text-align:center;
}
}

/* タブレットスマホ対応 */
@media screen and (min-width: 1025px){
.video-mask{
background-image: url(../img/pixel.png);
}
#bk_gif{
display:none;
}
div.parallax{
background-attachment: fixed;
}
}
@media screen and (max-width: 1024px){
.wrapper_video{
display:none;
}
#bk_video{
display:none;
}
#bk_gif{
width:100%;
}
.parallax_img_2{
background:url(../img/bk_02-sp.jpg);
background-attachment: scroll;
}
.parallax_img_3{
background:url(../img/bk_03-sp.jpg);
background-attachment: scroll;
}
}