@charset "UTF-8";

.showContents {
	visibility:visible;
}

#press .archive_area .tabPanelGroup img {
-webkit-filter: grayscale(100%); /* webkit鐢� */
filter: gray; /* IE鐢� */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox */
}



body {
width:100%;
height:100%;
margin:0 auto;
text-align:center;
background: url(../images/bg_01.jpg);
background-size: 100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center 0;
}



#container{
width:100%;
margin:0 auto;
}

#bg-img {
display:none;
}

#logo{
height:400px;
width:960px;
position:relative;
margin:0 auto;
}


#logo img{
position:absolute;
top:225px;
left:90px;
}

#banner_top{
width:960px;
margin:242px auto 300px;
}


#banner_top li{
margin-bottom:15px;
position:relative;
text-align: right;
}


#banner_top li a{
display:block;
} 


.logo{
display:block;
}







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

body {
width:100%;
height:100%;
margin:0 auto;
text-align:center;
background: url(../images/bg_01.jpg);
background-size:100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center 0;
}


.background-hack {
	background: url(../images/sp_bg_top2.jpg) no-repeat 0 -1%;
	background-size:100%;
}
.background-hack_in {
	background: url(../images/sp_bg_bottom.jpg) no-repeat 0 111%;
	background-size:100%;
}


.logo, .container{
apacity:1 !important;
}



#container{
width:100%;
margin:0 auto;
}

#bg-img {
width: 100%;
position: absolute;
top: 12%;
left: 0;
z-index:-10;
}

#logo{
display:none !important;
}


#contents{
padding-top:55%;
}

#banner_top{
width:80%;
margin:79px auto 0;
padding-top:170px;
}


#banner_top li{
margin-bottom:2%;
}

#banner_top li .icon{
display:none;
}

#banner_top li img{
width:100%;
}

}



/*============================================
collection PC鐢�
=============================================*/	





#newitem, #news, #brandstory {
width:100%;
padding:40px 0;
margin:250px 0 350px 0;
}

#newitem .main, #collection .main {
width:85%;
margin:auto;
}
#brandstory .main, #news .main{
	position:relative;
	margin-top:20px;
}
#event .main {
	position:relative;
	margin-top:0 !important;
}

#newitem .box h2.pc,#collection .box h2.pc,#brandstory .box h2.pc,#news .box h2.pc,#press .box h2.pc {
text-align:center;
margin-bottom:15px;
}

#newitem .box,#collection .box,#news .box,#brandstory .box,#press .box{
width:100%;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eeffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.9);
}
#brandstory .box, #news .box {
	padding-bottom:0 !important;
}

#owl-demo .item,#owl-demo2 .item,#owl-demo3 .item{
  margin: 14px;
}
#owl-demo .item img,#owl-demo2 .item img,#owl-demo3 .item img{
  display: block;
  /*
  width: 100%;
  height: auto;
  */
  border:1px solid #efefef;
}

#owl-demo div.item,#owl-demo2 div.item,#owl-demo3 div.item   {
 cursor: pointer;
}

#owl-demo div.number {
	display:none;
	position: absolute;
	top:4.5%;
	left:5%;
	vertical-align: middle;
	width: 275px;
	height:300px;
	background:#595656;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
}
#owl-demo div.number img {
	position: absolute;
	top:100px;
	left: 105px;
	width:70px;
}

#owl-demo2 div.number {
	display:none;
	position: absolute;
	top:3%;
	vertical-align: middle;
	width: 100%;
	height:100%;
	background:#595656;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
}
#owl-demo2 div.number img {
	position: absolute;
	top:160px;
	left: 105px;
	width:70px;
}
.number .num_txt {
	color:#fff;
	font-size:50px;
	font-family: "Minion Pro";
	position: absolute;
	top:41%;
	left:41%;
	letter-spacing: 0.2em;
}
.number .num_detail {
	color:#fff;
	font-size:14px;
	font-family: "Minion Pro";
	position:absolute;
	bottom:7px;
	left:8px;
}

#news .archive_area {
	margin:35px 0 15px 0;
}

#edit,#stylenote{
	background:#fff;
}

#brandstory img.bs_bg ,#event img.onlyPC{
	position:relative;
	width:100%;
}
#brandstory p {
	position:absolute;
	top:40%;
	left:11%;
	color:#000;
	font-size:14px;
	text-align: center;
	line-height:1.8;
}
#edit p  {
	position:absolute;
	top:38.5%;
	left:17.5%;
	color:#fff;
	font-size:14px;
	text-align: center;
	line-height:1.8;
}
#event p  {
	position:absolute;
	top:35.5%;
	right:8%;
	color:#fff;
	font-size:14px;
	text-align: center;
	line-height:1.8;
}

#press {
	width:100%;
	padding:40px 0;
	margin:0 0 550px 0;
}
#press .main {
	width:85%;
	margin:auto;
}
#brandstory .shangshi {
	position: absolute;
	top:42%;
	left:19.5%;
	width:420px;
	text-align:left;
}
#brandstory .mingxin {
	position: absolute;
	top:45%;
	left:19.2%;
	width:400px;
	text-align:left;
}
#brandstory .learn_more {
	position: absolute;
	top:85%;
	left:42%;
}
#brandstory .bnrtt_position {
	position: absolute;
	top:2%;
	left:28%;
}
#edit .learn_more {
	position: absolute;
	top:57%;
	left:19%;
}
#edit .bnrtt_position {
	position: absolute;
	top:26%;
	left:19%;
}
#event .learn_more {
	position: absolute;
	top:27%;
	right:30%;
	width:256px !important;
}
#event .bnrtt_position {
	position: absolute;
	top:26%;
	right:24.6%;
}



@media screen and (max-width: 640px) {
#brandstory {
	margin:20% 0 0 0;
	padding-top:120px;
}
#newitem{
	margin:20% 0 0 0;
	padding-top:315px;
}

#collection,#news {
	margin:0 0 0 0;
}
#edit{
	margin:0 0 20px 0 ;
}
#collection,#news {
	padding-top:80px;
}

#press {
	padding:80px 0 500px 0;
}
.android #press {
	padding-bottom:500px;
}

#newitem .main,#collection .main,#press .main{
width:70%;
margin:auto;
}

#newitem .box h2.pc,#collection .box h2.pc,#news .box h2.pc,#press .box h2.pc,#brandstory .box h2.pc{
text-align:center;
margin-bottom:4%;
}

#newitem .box,#collection .box,#news .box,#press .box, #brandstory .box  {
	width:100%;
  padding:25px 0 ;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eeffffff,EndColorStr=#99ffffff);
  background-color: rgba(255, 255, 255, 0.9);
}

#brandstory .main p, #edit .main p, #event .main p  {
	width:90%;
	margin:10px auto 0;
	text-align: center;
	font-size:14px;
}

#brandstory .bnrtt_position {
	margin-top:25px !important;
}

#event .bnrtt_position {
	margin-top:25px !important;
}

#owl-demo div.number,#owl-demo2 div.number,#owl-demo3 div.number {
	display: none !important;
}

#owl-demo .item img,#owl-demo3 .item img {
	border:2px solid #efefef;
}

}


/*============================================
ITEM PC鐢�
=============================================*/	

@media screen and (min-width: 641px) {

#item{
width:100%;
padding:75px 0 425px 0;

-moz-opacity:0;
opacity:0;
}

#item .box{
width:100%;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eeffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.9);
padding:60px 0 ;
}

#item .box .main{
display:block !important;
}

#item .box h2.pc{
}

#item .box h2.mobile{
display:none;
}


#item .box p.catch{
margin:0 auto;
text-align:center;
margin:30px auto 30px auto;
line-height:2em;
letter-spacing:2px;
}

#item .box p.stylecruise{
text-align:center;
margin:0 auto;
}

#item .box p.btn{
text-align:center;
margin:50px auto 0 auto;
}


#item .box h2{
text-align:center;
}


#archive_item{
 width:960px;
	margin:0 auto 0 auto;
	padding-top:20px;
	display:block;
	clear:both;
}


#archive_item li{
 float:left;
	margin-right:15px;
	position:relative;
	overflow: visible;
	cursor:pointer;
}

#archive_item li a{
position:absolute;
width:180px;
height:180px;
top:0;
left:0;
z-index:100;
}


#archive_item li div{
position:absolute;
width:180px;
height:180px;
top:0;
left:0;
background-color:#595656;
display:none;
filter: alpha(opacity=90);
-moz-opacity:0.90;
opacity:0.90;
vertical-align:bottom;
}


#archive_item li div p{
position:absolute;
bottom:15px;
left:15px;
width:148px;
}


#archive_item li div span.date{
padding:5px;
background-color:#FFFFFF;
color:#595757;
text-align:left;
}


#archive_item li div span.txt{
display:block;
margin-top:10px;
color:#FFFFFF;
}




#archive_item li a:link {color:#fff; text-decoration:none;}
#archive_item li a:visited {color:#fff; text-decoration:none;}
#archive_item li a:hover {color:#fff; text-decoration:none;}
#archive_item li a:active {color:#fff; text-decoration:none;}




#archive_item ul li img {
border:1px solid #d4d4d4;
}



#archive_item li .icon_new{
position:absolute;
top:-11px;
left:-11px;
border:none;
}

#archive_item_m{
display:none;
}


.back_btn{
display:none;
}

#item .box p.stylecruise_m{
text-align:center;
margin:0 auto;
display:none;
}

#item .pagination {
display:none !important;
}


}



/*============================================
ITEM 銈广優銉笺儓銉曘偐銉崇敤
=============================================*/	

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

#item{
width:90%;
padding:2% 0 ;
filter: alpha(opacity=100)!important;
-moz-opacity:1 !important;
opacity:1!important;
margin:0 auto;
}

#item .box{
width:100%;
background-color:#FFFFFF;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#eeffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.9);
padding:0 ;
}

#item .box .main{
display:none;
}

#item .box h2.pc{
display:none;
}



#item .box p.catch{
margin:0 auto;
text-align:left;
width:90%;
margin:0 auto;
line-height:2em;
}

#item .box p.stylecruise{
text-align:center;
margin:0 auto;
display:none;
}


#item .box p.stylecruise_m{
text-align:center;
margin:20px auto 0 auto;
}


#item .box p.btn{
text-align:center;
width:70%;
margin:0 auto;
padding-bottom:10%;
}

#item .box h2{
text-align:center;
position:relative;
cursor:pointer;
}

#item .box h2 .btn_open{
position:absolute;
top:0;
left:0;
z-index:20;
display:none;
}

#archive_item_m{
 width:auto;
	margin:0 auto 0 auto;
	padding-top:5%;
	display:block;
	clear:both;
	position:relative;
	
}

#archive_item_m ul{
width:180px;
margin: 0 0 0 0 !important;
}


#archive_item_m li{
 float:left;
	position:relative;
	overflow: visible;
	width:180px;

}

#archive_item_m li a{
position:absolute;
width:180px;
height:180px;
top:0;
left:0;
z-index:100;
}


#archive_item_m li img{
width:178px;
}



#archive_item_m .prev {
position:absolute;
top:85px;
left:0;
z-index:60;
}

#archive_item_m .next {
position:absolute;
top:85px;
right:0;
z-index:50;
}

#item .pagination {
text-align: center;
margin-top:15px;
padding-bottom:20px;
}

.pagination a {
background: url(../images/dot.gif) right top no-repeat transparent;
width: 15px;
height: 30px;
margin: 0 0 0 0;
display: inline-block;
text-indent:-9999px;
}

#archive_item_m li div{
position:absolute;
width:180px;
height:180px;
top:0;
left:0;
background-color:#8d7352;
display:none;
filter: alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
vertical-align:bottom;
}


#archive_item_m li div p{
position:absolute;
bottom:15px;
left:15px;
width:148px;
}


#archive_item_m li div span.date{
padding:5px;
background-color:#FFFFFF;
color:#8b7551;
text-align:left;
}


#archive_item_m li div span.txt{
display:block;
margin-top:10px;
}




#archive_item_m li a:link {color:#fff; text-decoration:none;}
#archive_item_m li a:visited {color:#fff; text-decoration:none;}
#archive_item_m li a:hover {color:#fff; text-decoration:none;}
#archive_item_m li a:active {color:#fff; text-decoration:none;}




#archive_item_m ul li img {
border:1px solid #d4d4d4;
}



#archive_item_m li .icon_new{
position:absolute;
top:-11px;
left:-11px;
border:none;
}

#archive_item{
display:none;
}


.back_btn{
display:none;
}


}

/*============================================
銈儷銉笺偦銉�
=============================================*/	



.owl-pagination {
	display:none;
}
}

@media screen and (max-width: 640px) {
.owl-pagination {
	text-align: center;
}


/*============================================
銈姐兗銈枫儯銉儨銈裤兂
=============================================*/	




#social_page{
padding-top:25px;
}


#social_page div{
float:left;
}



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

#social_page{
padding-top:25px;
margin:0 auto;
display:table;
}


#social_page div{
float:left;
}

}

/* 銈裤儢銉儍銉堝蹇� */

@media screen and (min-width: 641px) and (max-width: 980px) {
	#header #g_navi {
		width: auto;
		height: auto;
		padding-right: 10px;
		padding-left: 10px;
	}
	#header #g_navi li.shoplist {
		margin-right: 0;
	}
	#header #g_navi li.fb {
		clear: both;
	}
	
	#banner_top {
		width: auto;
	}
	#banner_top img {
		max-width: 100%;
	}
	
	#press,
	#collection {
		overflow: hidden;
	}
	
	.footer_in {
		width: auto;
		margin-right: 10px;
		margin-left: 10px;
	}
	.footer_in .fconL {
		width: 25%;
		margin-right: 2%;
	}
	.footer_in .fconR {
		width: 19%;
	}
}

@media screen and (min-width: 641px) and (max-width: 741px) {
	#header #g_navi li.shoplist {
		margin-right: 79px;
	}
	#header #g_navi li.fb {
		clear: none;
	}
}
@media screen and (min-width: 641px) and (max-width: 704px) {
	.footer_in .fconR .last {
		position: relative;
	}
	.footer_in .fconR .last img {
		position: absolute;
		top: 0;
		right: 0;
	}
}