/*LOADING*/



/*COMMON*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


body,html {
	width:100%;
	height:100%;

}
body {
	color: #36537e;
	font-size:14px;
	line-height:160%;
	
	background:#000;

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;


	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	position:relative;
	
}

#wrapper{
	background:#fff;
	position:relative;
}

p{
	line-height:160%;
	letter-spacing:1px;
	color:#777 !important;
}

a,a:hover,a:visited,a:active{
	color:#ffba41
}


#stalker {
    pointer-events: none;
    position: fixed;
    top: -8px;
    left: -8px;
    width: 16px;
    height: 16px;
    background: rgba(224,224,224,0.50);
    border-radius: 50%;
    transition: transform 0.2s, top, 0.3s, left 0.3s, width .5s, height .5s, background-color .5s;
    transition-timing-function: ease-out;
    z-index: 9999;
}
#stalker.hov_ {
      top: -32px;
      left: -32px; 
      width: 64px;
      height: 64px;
      transition: .5s;
      background: rgba(240,240,240,0.80)
}




/* toggle-panel */
#panel-btn {
	display: inline-block;
	position:fixed;
	width:46px;
	height: 46px;
	margin: 0 0 0;
	top:10px;
	left:10px;
	cursor:pointer;
	
	z-index:4005 !important;
	
	background-color: rgba(255,255,255,0.3);
	padding:11px 11px;
	
	-webkit-border-radius:23px;/* width,heightの半分 */
	-moz-border-radius:23px;
	border-radius:23px;


}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	margin: -1px 0 0 -12px;
	background: #000;
	transition: .2s;
	
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	margin-left: -12px;
	background: #000;
	transition: .3s;

}
#panel-btn-icon:before {
	margin-top: -9px;
}
#panel-btn-icon:after {
	margin-top: 7px;
}

#panel-btn .close {
	background: transparent;

}
#panel-btn .close:before, #panel-btn .close:after {
	margin-top: 0;
}
#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}





header{
	width:100%;
	padding:30px 50px 30px 50px;
	position:fixed;
	overflow:hidden;

	top:0;
	left:0;
	
	height:150px;
	
	background:#000;
	z-index:3001;

    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	
    /*-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03);  
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.03);  
    box-shadow: 0 1px 0 rgba(0,0,0,0.03); */

	pointer-events: none;

}
.open header{
	pointer-events: auto;
}

.collectionDetail header{
	background:none;
}

.showHead{
	top:0;
	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
}

#gnavi {
	position:absolute;
	top:14px;
	left:244px;
}
#gnavi ul {
	display:inline-block;
}
#gnavi li {
    display:block;
	float:right;
    text-align: left;
	line-height:100%;
	margin-top:0;
	margin-left:6px;

	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;

	width:19px;
	
	padding:0;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;

	position:relative;
	z-index:3003;
    color: #000;

}
#gnavi li.m01 {
    -webkit-transition: .1s ease-out .0s;
    -moz-transition: .1s ease-out .0s;
    -o-transition: .1s ease-out .0s;
    -ms-transition: .1s ease-out .0s;
}
#gnavi li.m02 {
    -webkit-transition: .1s ease-out .05s;
    -moz-transition: .1s ease-out .05s;
    -o-transition: .1s ease-out .05s;
    -ms-transition: .1s ease-out .05s;
}
#gnavi li.m03 {
    -webkit-transition: .1s ease-out .1s;
    -moz-transition: .1s ease-out .1s;
    -o-transition: .1s ease-out .1s;
    -ms-transition: .1s ease-out .1s;
}
#gnavi li.m04 {
    -webkit-transition: .1s ease-out .25s;
    -moz-transition: .1s ease-out .25s;
    -o-transition: .1s ease-out .25s;
    -ms-transition: .1s ease-out .25s;
}
#gnavi li.m05 {
    -webkit-transition: .1s ease-out .3s;
    -moz-transition: .1s ease-out .3s;
    -o-transition: .1s ease-out .3s;
    -ms-transition: .1s ease-out .3s;
}
#gnavi li.showNavi {
	margin-top:6px;

	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;

}


#gnavi a {
	position:relative;
	z-index:3003;
    width:19px;
	text-decoration:none;
    padding: 0 0 0 0;

	line-height:13px ;
	font-size:13px;

    display:block;

}
#gnavi a span {
	
	line-height:13px ;
	font-size:13px;
    display:block;
    color: #fff;
    text-decoration: none;
	padding:5px 3px 3px 3px;
	font-family: 'Cormorant Infant', serif;

	
	letter-spacing:2px;
	
	white-space:nowrap;
	
	position:relative;
	z-index:3002;

    width:19px !important;
	
	height:113px
}
#gnavi a:hover span {

    color: #000;
	font-size:10px;
	line-height:10px ;
	letter-spacing:0px;

	padding:5px 5px 3px 4px;

	/*transform: scale(0.8, 1.0);
	-moz-transform: scale(0.8, 1.0);
	-webkit-transform: scale(0.8, 1.0);
	-o-transform: scale(0.8, 1.0);
	-ms-transform: scale(0.8, 1.0);*/
	
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

    width:19px !important;
}

#gnavi li:after {
	position:absolute;
	top:0;
	left:0;
    display: block;
    content: "";
    width:19px;
    height: 0;
    background-color: #fff;
    margin: 0;
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;

	z-index:2000;
}
#gnavi li:hover:after {
	height:100%;
	position:absolute;
	z-index:2000;
}



#snsIcon{
	position:absolute;
	top:19px;
	left:76px;

    -webkit-transition: .2s ease-out .2s;
    -moz-transition: .2s ease-out .2s;
    -o-transition: .2s ease-out .2s;
    -ms-transition: .2s ease-out .2s;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
#snsIcon.showNavi {
	top:25px;

	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;

}

#snsIcon li{
	padding-bottom:7px;
	border-bottom:1px solid #ccc;
	margin-bottom:7px;
	line-height:18px;
}
#snsIcon li:nth-last-child(1){
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
#snsIcon li a{
	display:block;
	line-height:18px;
	width:18px;
	height:18px;

    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#snsIcon li img{
	width:18px;
	height:18px;
}
#snsIcon li a:hover{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}



#storeIcon{
	position:absolute;
	top:18px;
	left:125px;


    -webkit-transition: .2s ease-out .3s;
    -moz-transition: .2s ease-out .3s;
    -o-transition: .2s ease-out .3s;
    -ms-transition: .2s ease-out .3s;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
#storeIcon.showNavi {
	top:25px;

	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;

}


#storeIcon img{
	width:auto;
	height:85px;
}
#storeIcon a{
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#storeIcon a:hover{
	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}




#logoArea{
	position:fixed;

	z-index:3010;
	top:0;
	right:50px;

    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;

}
#logoArea.showLogo{
	top:25px;



	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
}
#logo{
	position:absolute;
	top:0;
	right:0;
	z-index:3011;
}
#logo img{
	width:30px;
	height:auto;
}

#logoTxt{
	position:absolute;
	top:0;
	right:40px;
	z-index:3012;

}
#logoTxt a{
	display:block;
	width:52px;
	height:110px;
	
	text-indent:-9999px;
	
	background:url("/images/head/logo_txt_w.png") no-repeat 0 0 ;
	background-size:52px auto;
}
#home #logoTxt a,
#about #logoTxt a{
	background:url("/images/head/logo_txt.png") no-repeat 0 0 ;
	background-size:52px auto;
}

.open #logoTxt a{
	background:none no-repeat 0 0 !important;
	background-size:52px auto !important;
}




footer{
	background:#000;
	padding:20px 10px ;
	
	position:relative;
	z-index:600;
}

.flogo{
	text-align:center;
	margin-bottom:2px;

	filter:alpha(opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;

}
.flogo img{
	width:60px;
	height:auto;
}

.fcopy{
	text-align:center;
	font-family: 'Cormorant Infant', serif;
	font-size:11.5px;
	line-height:100%;
	letter-spacing:0.1em;
	color:#fff;

	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.fcopy br{
	display:none;
}

.fwb4logo.viewPC{
	position:absolute;
	right:40px;
	bottom:23px;


}

.fwb4logo img{
	width:110px;
	height:auto;
}
.fwb4logo a{
	filter:alpha(opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
}
.fwb4logo a:hover{
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

#pageTop{
	position:fixed;
	right:10px;
	bottom:90px;
	z-index:9000;
	width:50px;
	height:50px;
	cursor:pointer;

	filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}
#pageTop img{
	width:50px;
	height:auto;
}


.overlay {
    background-color: #000;
    position: fixed;
    top: 0; left: 0;
    bottom: 0; right: 0;
    width: 100%;
    height: 100%;
	z-index:492;
}
#big-video-wrap{
	z-index:400;
}


#videoPlayer{
	width:100%;
	height:100%;
	
	background:#fff;
}

#homeVideo{
overflow:hidden;
position:fixed;
top:0;
left:0;
z-index:480;

overflow:hidden
}
#topMov{
	position:relative;
	z-index:500;
}
.homeScrolIcon{
	position:fixed;
	left:50%;
	margin-left:-17px;
	bottom:20px;
	z-index:481;
}
.homeScrolIcon img{
	width:40px;
	height:auto;
}

.homeScrolIcon{
	filter:alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

#topHome{
position:relative;
z-index:500;
}



#topHome.main-visual {
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
#topHome.main-visual .spBg {
	display: block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: url("/images/top/top_bg4.gif");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
.homeGaman{
	display: none;

	position: absolute;
	top:17%;
	width:auto;
	height: 66%;
	z-index: 600;
}
.homeGaman img{
	width: auto;
	height: 100%;
}

#topHomeBg1{
  background-image: none;
}
#topHomeBg2{
  background-image: url("/images/top/20ss/bg0101.png");
}

#topAbout{
position:relative;
z-index:501;
}
#topAboutBg1{
  background-image: url("/images/top/21aw/bg01.jpg");
}
#topAboutBg2{
  background-image: url("/images/top/21aw/bg0101.png");
}

#topProduct{
position:relative;
z-index:502;
}
#topProductBg1{
  background-image: none;
}
#topProductBg2{
  background-image: none;
}


#topCollection{
position:relative;
z-index:503;
}
#topCollectionBg1{
  background-image: url("/images/top/21aw/bg03.jpg");
}
#topCollectionBg2{
  background-image: none;
}

#topDealers{
position:relative;
z-index:504;
}
#topDealersBg1{
  background-image: url("/images/top/21aw/bg04.jpg");
}
#topDealersBg2{
  background-image: none;
}

#topContact{
position:relative;
z-index:505;
}
#topContactBg1{
  background-image: url("/images/top/21aw/bg05.jpg");
}
#topContactBg2{
  background-image: url("/images/top/21aw/bg0501.png");
}


#topHomeBg1,#topHomeBg2,
#topAboutBg1,#topAboutBg2,
#topProductBg1,#topProductBg2,
#topCollectionBg1,#topCollectionBg2,
#topDealersBg1,#topDealersBg2,
#topContactBg1,#topContactBg2
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}




.topCatch{
	width:100px;
	height:1000px;
	background:#000 url("/images/top/arrow2.png") no-repeat right 15px bottom 15px;
	background-size:25px auto;
	z-index:9000;
	position:fixed;
	
	left:50%;
	
	bottom:0;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	
	margin-top:0;
	margin-left:-50px;

	-webkit-transition:.24s ease-out .0s;
    -moz-transition:.24s ease-out .0s;
    -o-transition:.24s ease-out .0s;
    -ms-transition:.24s ease-out .0s;
    transition:.24s ease-out .0s;

	
	border-top:5px solid #999;
	
	visibility:hidden;
	
	overflow:hidden;
		

	-moz-transform-origin:center top;
	-webkit-transform-origin:center top;
	-o-transform-origin:center top;
	-ms-transform-origin:center top;
	
}
.topCatch:hover{
	background:#000 url("/images/top/arrow2.png") no-repeat right 15px bottom 15px;
	background-size:25px auto;
}


.linkBox{
	cursor:pointer;
}
.showTxtBox{
	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;

	left:50%;

	width:100px;
	height:370px;

	margin-top:0;
	margin-left:-50px;

	visibility:visible;
	

	-moz-transform-origin:center top;
	-webkit-transform-origin:center top;
	-o-transform-origin:center top;
	-ms-transform-origin:center top;
	
}



.sclUp{
	top:-100px;
}
.sclDown{
	top:100px;
}
.txtAbout,.txtProduct,.txtCollection,.txtDealers,.txtContact{
	position:absolute;
	
	
	
	width:100px;

	text-align:left;
	color:#000;
	font-family: 'Cormorant Infant', serif;

	-webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
	
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	
	padding:85px 30px 0 22px;
	
	z-index:2500;

	height:370px;
	

}
.txtAbout{
	background:url("/images/icon/top_icon_1.png") no-repeat center 20px ;
	background-size:48px auto;
}
.txtProduct{
	background:url("/images/icon/top_icon_2.png") no-repeat center 20px ;
	background-size:48px auto;
}
.txtCollection{
	background:url("/images/icon/top_icon_3.png") no-repeat center 20px ;
	background-size:48px auto;
}
.txtDealers{
	background:url("/images/icon/top_icon_4.png") no-repeat center 20px ;
	background-size:48px auto;
}
.txtContact{
	background:url("/images/icon/top_icon_5.png") no-repeat center 20px ;
	background-size:48px auto;
}
.showTxt{
	top:0;

	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;

	z-index:2501;

}
.topCatchTitle{
	font-size:28px;
	width:22px;
	letter-spacing:0.2em;
	
	margin-bottom:0;
	
	color:#FFF;
	
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;

	float:right;

	-webkit-transition: .7s ease-out .2s;
    -moz-transition: .7s ease-out .2s;
    -o-transition: .7s ease-out .2s;
    -ms-transition: .7s ease-out .2s;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;

}
.topCatchTitle a{
	text-decoration:none;
	color:#fff;
}
.onmouse .topCatchTitle a{
	color:#ccc;
}
.topCatchTxt{
	font-size:14px;
	letter-spacing:0.1em;

	color:#FFF;

	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;

	float:left;

	-webkit-transition: .7s ease-out .2s;
    -moz-transition: .7s ease-out .2s;
    -o-transition: .7s ease-out .2s;
    -ms-transition: .7s ease-out .2s;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;

	transform: scale(0.6, 1.0);
	-moz-transform: scale(0.6, 1.0);
	-webkit-transform: scale(0.6, 1.0);
	-o-transform: scale(0.6, 1.0);
	-ms-transform: scale(0.6, 1.0);

	-webkit-transform-style: preserve-3d;
	
	padding:0 0 0 0 ;

}





.showTxtBox .topCatchTitle,
.showTxtBox .topCatchTxt{

	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;

}




#loading{
	top:0;
	left:0;
	position:fixed;
	background:#fff;
	z-index:9998;

	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	
	pointer-events: none;
}
#loadingBar{
	width:100px;
	height:370px;
	
	left:50%;
	margin-top:0;
	margin-left:-50px;
	

	background:#000;
	position:fixed;
	z-index:9999;
	-webkit-transition: .6s ease-out;
    -moz-transition: .6s ease-out;
    -o-transition: .6s ease-out;
    -ms-transition: .6s ease-out;

	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
}


article{
	padding:170px 150px 70px 50px;
	max-width:1600px;
	min-height:900px;
	margin:auto;
	position:relative;
}

.collectionDetail article{
	padding:10px 150px 10px 50px;
}
#collection article{
	padding:10px 150px 10px 100px;
}

#home article{
	padding:0 0 0 0;
	max-width:100%;
}

section{
}

.pageTitle{
	position:absolute;
	top:170px;
	right:50px;
	font-family: 'Cormorant Infant', serif;
	vertical-align:top;
	
	background:url("/images/icon/icon_e.png") no-repeat 0 0 ;
	background-size:100% auto;
	
	padding:68px 0 0 0 ;
	
	width:60px;

	z-index:550;
	
	text-align:left;
}


.pageTitle h1{
	display:inline-block;
	color:#000;
	font-size:45px;
	line-height:32px;

	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;

	vertical-align:top;

	letter-spacing:2px;
	
	padding:0 0 0 4px;
}
.pageTitle .pageTitleJp{
	display:inline-block;
	color:#000;
	font-size:14px;
	line-height:100%;
	margin-right:0;
	padding:1px 0 0 2px;

	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;

	vertical-align:top;

	letter-spacing:1px;

	transform: scale(0.6, 1.0);
	-moz-transform: scale(0.6, 1.0);
	-webkit-transform: scale(0.6, 1.0);
	-o-transform: scale(0.6, 1.0);
	-ms-transform: scale(0.6, 1.0);

	-webkit-transform-style: preserve-3d;
}

#about .pageTitle{
	background:url("/images/page/about/title_icon.png") no-repeat center 0 ;
	background-size:54px auto;
}
#about .pageTitle h1{
	color:#fff;
}
#about .pageTitle .pageTitleJp{
	color:#fff;
}


#product .pageTitle{
	background:url("/images/page/product/title_icon.png") no-repeat center 0 ;
	background-size:54px auto;
}
#collection .pageTitle{
	background:url("/images/page/collection/title_icon.png") no-repeat center 0 ;
	background-size:54px auto;
}
#dealers .pageTitle{
	background:url("/images/page/dealers/title_icon.png") no-repeat center 0 ;
	background-size:54px auto;
}
#contact .pageTitle{
	background:url("/images/page/contact/title_icon.png") no-repeat center 0 ;
	background-size:54px auto;
}



/*=========コンテンツ=========*/


/*COLLECTION*/

.collectionList{
	text-align:center;
	padding-top:50px;
}
.collectionList ul{
	text-align:center;
	vertical-align:top;
	display:inline-block;
}
.collectionList ul li{
	float:right;
	width:86px;
	vertical-align:top;
	
	-webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;

	-webkit-transform-style: preserve-3d;
	
	position:relative;
	
	padding:0 20px;
	

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}



.collectionList ul li div{
	display:block;
}
.collectionList ul li div.onmouse{
}
.collectionList ul li a{
	padding:10px 0 20px 0;
	display:inline-block;
	color:#000;
	font-size:46px;
	font-family: 'Cormorant Infant', serif;


	text-align:left;
	vertical-align:middle;
	position:relative;

	
	text-decoration:none;
	
	white-space:nowrap;
	
	margin:0 auto;
	
	width:46px;
	line-height:46px;

	display:inline-block;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;

}
.collectionList ul li div.onmouse a{
	color:#000;
	padding:10px 0 20px 0;

	z-index:4000;
}

.collectionList ul li a span.sTitle{
	font-size:22px;
	line-height:22px;
	padding-top:15px;
}
.collectionList ul li a span{
	display:inline-block;
	z-index:4002;
	position:relative;

	-webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
}
.collectionList ul li a span.seasonTitle{
	background:url("/images/icon/arrow_down.png") no-repeat right 12px top 0;
	background-size:24px auto;
	padding:20px 0 0 0;
}
.collectionList ul li div.onmouse a span.seasonTitle{
	background:url("/images/icon/arrow_downW.png") no-repeat right 12px top 10px;
	background-size:24px auto;
	padding:30px 0 0 0;
}

.collectionList ul li a {
	position:relative;
}
.collectionList ul li a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 100%;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);

  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;

  background-color: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display:block;

	z-index:4000;
}
.collectionList ul li a:hover::after {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
 }
.collectionList ul li a:hover span {
	color:#fff;
}





.collectionSlider{
	text-align:center;
	
	position:relative;
}
.collectionSlider li{
	overflow:hidden;
	text-align:center;
}

.collectionSlider li img{
  height: 100%;
  width: auto !important;
	display: block;
	margin: 0 auto;
}


button.slick-prev{
  display: block;
	width:40px;
	height:40px;
	border:none;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-25px;

	
	background:url("/images/icon/arrow_prev.png") no-repeat 10px 0;
	
	z-index:1001;

	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;

	-webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
	
	cursor:pointer;
}

button.slick-next{
  display: block;
	width:40px;
	height:40px;
	border:none;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-25px;
	
	
	background:url("/images/icon/arrow_next.png") no-repeat 0 0;

	z-index:1002;

	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;

	-webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
	
	cursor:pointer;
}

button.slick-prev:hover{
	background:url("/images/icon/arrow_prev.png") no-repeat 0 0;

	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;

	-webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
}
button.slick-next:hover{
	background:url("/images/icon/arrow_next.png") no-repeat 10px 0;

	filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;

	-webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
}


/*PRODUCT*/
.productList ul{
	text-align:left;
	
	position:relative;
}
.productList ul li{
	width:100%;
	
	display:inline-block;
			
	position:relative;
	
	line-height:100%;
	
	box-sizing:content-box;

}
.productList ul li:nth-of-type(2) .productImg{
	left:0% !important;
}
.productList ul li .productImg{
	width:50%;
	max-width:540px;
	position:relative;
	display:inline-block;
	text-align:center;
}
.productList ul li .productImg img{
	max-height:540px !important;
	width:auto !important;
}

.productList ul li:nth-child(2n+1) .productImg{
}
.productList ul li a{
	display:block;
	padding:20px;
	box-sizing:content-box;
	background:#fff;	

	-webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
}
.productList ul li a:hover{
	background:#fff;
}
.productList ul li img{
	width:100%;
	height:auto;
}



.productList ul li.productTitle{
	width:40% !important;

	background:#fff;
	display:table-cell !important;

	background:#fff;
	
	height:inherit !important;
	position:absolute !important;
	vertical-align:middle !important;
	text-align:left !important;

	top:0;
	right:0;
	left:inherit !important;

	-webkit-transition:none;
    -moz-transition:nonet;
    -o-transition:none;
    -ms-transition:none;
}
.productList ul li.productTitle .productTitleBox{
	display:block;
	margin:0 auto;

	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
}
.productList ul li.productTitle .productTitleTxt{
	display:block;
}
.productList ul li.productTitle .productTitleTxt a{
	width:20px;
	display:inline-block;
	font-family: 'Cormorant Infant', serif;
	font-size:20px;
	line-height:100%;
	color:#000;
	
	padding:24px 3px 7px 5px;
	text-decoration:none;

	margin:20px 0 0 5px;

	-webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
	
	background:url("/images/icon/arrow_down.png") no-repeat 5px 7px;
	background-size:18px 12px;
}
.productList ul li.productTitle .productTitleTxt a:hover{
	margin:30px 0 0 5px;
	color:#fff;

	background:#000 url("/images/icon/arrow_downW.png") no-repeat 5px 7px;
	background-size:18px 12px;
}

.productList ul li.productTitle .productTitleTxt:nth-last-child(1){
	display:block;
	font-family: 'Cormorant Infant', serif;
	font-size:50px;
	line-height:55px;
	color:#000;
	margin-left:10px;
}
.productList ul li.productTitle .productTitleTxt:nth-last-child(1) a{
	display:block;
	font-family: 'Cormorant Infant', serif;
	font-size:50px;
	line-height:55px;
	color:#000;
	margin-left:10px;

	background:none;

	padding:0x;
	text-decoration:none;

	width:50px;
	margin:0 0 0 0;
}




.invewBox{
	-webkit-transition: .6s ease-out .15s;
    -moz-transition: .6s ease-out .15s;
    -o-transition: .6s ease-out .15s;
    -ms-transition: .6s ease-out .15s;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;

	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	
	position:relative;
	z-index:1200;

}
.productTitle.invewBox{
	-webkit-transition: .6s ease-out .0s;
    -moz-transition: .6s ease-out .0s;
    -o-transition: .6s ease-out .0s;
    -ms-transition: .6s ease-out .0s;

	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;

	cursor:default;
	z-index:1201;
}
.mv02{
	filter:alpha(opacity=1) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;

	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.invewBox div.caption{
	position:absolute;
	top:0px;
	left:0px;
	width:100%; height:100%; 

	cursor:pointer;
}
.invewBox div.caption .inner{
	position:relative;
	width:100%; height:100%; 
}
.invewBox div.caption .inner .pdtName{
	position:absolute;
	display:inline-block;
	top:6%;
	right:5%;
	
	border-left:1px solid #FFF;
	padding:0 20px 0 0 !important;
	
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;

	font-family: 'Cormorant Infant', serif;
	font-size:30px;
	line-height:30px;
	width:30px;
	color:#fff;
}
.invewBox div.caption .inner a{
	position:absolute;
	bottom:20px;
	right:0;

	background:none;
	display:block;
	width:70px;
	padding:0;
}
.invewBox div.caption .inner a img{
	width:70px !important;
	height:auto !important;
}
.invewBox div.caption .inner a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}




.dealersLists{
}
.dealers{
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity:0;
	
	width:13.2857%;
	
	height:440px;

	float:right;
	
	text-align:left;
	
	color:#000;
	margin:0 0 50px 0;
	padding:10px 6px 0 0;
	box-sizing:content-box;
	
	border-right:1px solid #ddd;
	
	letter-spacing:0.1em;

	-webkit-transition: .4s ease-out .0s;
    -moz-transition: .4s ease-out .0s;
    -o-transition: .4s ease-out .0s;
    -ms-transition: .4s ease-out .0s;
}
.dealerTitle{
	float:right;

	font-size:18px;
	line-height:22px;
	padding-left:8px;

	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	font-family: 'Cormorant Infant', serif;
}
.dealerTitleS{
	float:right;
	display:block;
	font-size:14px;
	line-height:14px;
	padding-left:12px;

	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	font-family: 'Cormorant Infant', serif;
}
.dealerTxt2{
	float:right;

	font-size:12px;
	line-height:16px;
	padding-left:8px;

	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	font-family: 'Cormorant Infant', serif;
}
.dealerTxt{
	float:right;
	font-size:12px;
	line-height:16px;

	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	font-family: 'Cormorant Infant', serif;
}
.dealerTxt a{
	display:block;
	padding:10px 0 0 0;
	text-decoration:none;
	color:#000;

	background:url("/images/icon/arrow_down.png") no-repeat right 5px top 0;
	background-size:9px auto;
	
    white-space: pre-line;
	word-wrap:break-word;
	
	
	-webkit-transition: .2s ease-out .0s;
    -moz-transition: .2s ease-out .0s;
    -o-transition: .2s ease-out .0s;
    -ms-transition: .2s ease-out .0s;
}
.dealerTxt a:hover{
	background:url("/images/icon/arrow_down.png") no-repeat right 5px top 3px;
	background-size:9px auto;
	color:#444;
	padding:13px 0 0 0;
}





#about article{
	text-align:center;
	padding: 170px 50px 70px 50px;
}
#about section{
	padding:0 0 0 0;
	z-index:510;
	position:relative;
}
#aboutBg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

  background-image: url("/images/page/about/about.jpg");
	z-index:500;
}




.aboutBox{
	color:#fff;
	display:inline-block;
	
	margin:0 auto;
	
	width:304px;
	

	-webkit-transition: .1s ease-out .0s;
    -moz-transition: .1s ease-out .0s;
    -o-transition: .1s ease-out .0s;
    -ms-transition: .1s ease-out .0s;

	position:relative;
	
	padding-left:80px;
}
.aboutTitle{
	font-family: 'Cormorant Infant', serif;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	
	font-size:38px;
	width:38px;
	line-height:38px;

	float:right;
	margin-left:60px;
	
	position:relative;
	letter-spacing:0.2em;

	filter:alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;

	-webkit-transition: .1s ease-out .0s;
    -moz-transition: .1s ease-out .0s;
    -o-transition: .1s ease-out .0s;
    -ms-transition: .1s ease-out .0s;
}
.aboutTitle:before{
  content: '';
  position: absolute;
  top: -50%;
  right: -30px;
  width: 1px;
  height: 150%;
  
  background:#fff;
}
.aboutTitle:after{
  content: '';
  position: absolute;
  top: 50%;
  left: -47px;
  width: 34px;
  height: 1px;
  
  background:#fff;
}


#about article {
    text-align: center;
    padding: 22vh 50px 22vh 50px;
	min-height: 100% !important;
}
.ucBox{
	color:#fff;
	display:inline-block;
	
	margin:0 auto;
	
	width:40px;
	

	-webkit-transition: .1s ease-out .0s;
    -moz-transition: .1s ease-out .0s;
    -o-transition: .1s ease-out .0s;
    -ms-transition: .1s ease-out .0s;

	position:relative;
	
}

.ucTitle{
	font-family: 'Cormorant Infant', serif;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	
	font-size:2vh;
	width:38px;
	line-height:38px;

	
	position:relative;
	letter-spacing:0.9em;

	-webkit-transition: .1s ease-out .0s;
    -moz-transition: .1s ease-out .0s;
    -o-transition: .1s ease-out .0s;
    -ms-transition: .1s ease-out .0s;
}



.aboutTxt{
	font-family: 'Cormorant Infant', serif;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	
	font-size:28px;
	width:28px;
	line-height:28px;

	float:right;
	margin-left:60px;
	letter-spacing:0.2em;

	filter:alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
}
.aboutName1,.aboutName2{
	font-family: 'Cormorant Infant', serif;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
	-moz-writing-mode:vertical-lr;
	
	font-size:14px;
	width:14px;
	line-height:14px;

	float:right;
	margin-left:1px;
	letter-spacing:0.3em;
	position:relative;

	filter:alpha(opacity=0);
    -moz-opacity: 0.0;
    opacity: 0.0;
}
.aboutName2:after{
  content: '';
  position: absolute;
  bottom: -120%;
  left: -30px;
  width: 1px;
  height: 220%;
  
  background:#fff;
}




#contact article{
	text-align:center;
}

.contactBox{
	color:#000;
	display:inline-block;
	
	margin:0 auto;
	
	width:452px;
	

	-webkit-transition: .2s ease-out .0s;
    -moz-transition: .2s ease-out .0s;
    -o-transition: .2s ease-out .0s;
    -ms-transition: .2s ease-out .0s;

	position:relative;
	
}
.mw_wp_form{
	display:inline-block;

	color:#000;
	display:inline-block;
	
	margin:0 auto;
	
	width:452px;
	
	position:relative;
	
}
.contactFormTitle{
	font-family: 'Cormorant Infant', serif;

	font-size:18px;
	line-height:18px;
	
	margin-top:10px;
	margin-bottom:8px;
	
	letter-spacing:0.1em;

	text-align:left;
}
.contactFormTitle span{
	
	display:inline-block;
	
	margin-right:6px;

	font-size:11px;
	line-height:11px;

	letter-spacing:0.0em;
}
.contactFormTitle span.hissu{
	color:#C00;
}
.contactForm1{
	padding: 0 0 0 0;
	text-align:left;
}

.contactForm1 .error{
	text-align:left;
	font-family: 'Cormorant Infant', serif;
	font-size:12px;
	
	color:#F00;
	
	display:block;
}

.contactForm1 input{
	font-family: 'Cormorant Infant', serif;

	font-size:14px;
	width:100%;
	height:30px;
	
	line-height:18px;

	padding:5px;
	border:none;
	background:#eee;
	color:#000;
	letter-spacing:0.1em;
}
.contactForm2{
	padding: 0 0 0 0;
	text-align:left;
}
.contactForm2 textarea{
	font-family: 'Cormorant Infant', serif;
	
	font-size:14px;
	height:128px;
	width:100%;
	line-height:22px;
	
	padding:5px;
	border:none;
	background:#eee;
	color:#000;
	letter-spacing:0.1em;
}

.contactFormSubmit{
	margin-top:20px;
}
.contactFormSubmit input{
	/*background:#000 url("/images/page/contact/send_btn.png") no-repeat center center;
	background-size: auto 13px;*/
	
	background:#000;

	font-family: 'Cormorant Infant', serif;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	
	padding:12px 8px 12px 9px;
	border:none;
	color:#fff;
	letter-spacing:0.1em;
	
	margin-right:5px;
	
	cursor:pointer;
}
.contactFormSubmit input:hover{
	/*background:#666 url("/images/page/contact/send_btn.png") no-repeat center center;
	background-size: auto 13px;*/
	background:#666;
}

.contactCompleteBtn{
	margin-top:30px;
}
.contactCompleteBtn a{
	background:#000;
	
	text-decoration:non;

	font-family: 'Cormorant Infant', serif;
	font-size:13px;
	line-height:13px;
	font-weight:bold;
	
	padding:12px 12px 12px 13px;
	border:none;
	color:#fff;
	letter-spacing:0.1em;
	
	margin-right:5px;
	
	cursor:pointer;
}
.contactCompleteBtn a:hover{
	background:#666;
}
.completeTxt{
	font-family: 'Cormorant Infant', serif;
	padding:80px 0;
	text-align:center;
	
	font-size:20px;
}




/*==================*/
/* Clearfix */
.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */


/* Clearfix */
#gnavi ul:after,
footer:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#gnavi ul,
footer{
    display: inline-block;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html #gnavi ul,
* html footer {
    height: 1%;
}
#gnavi ul,
footer {
    display: block;
}



/*	BigVideo Styles 
	You may need to adjust these styles to get this working right in your design. 
*/
#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:none;}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}

.vjs-control-bar,
.vjs-big-play-button,
.vjs-loading-spinner,
.vjs-text-track-display,
.vjs-poster{
	display:none;
}

.viewPC{
	display:block;
}
.viewSP{
	display:none;
}



}

@media screen and (max-width: 1600px) {
/*ここにスマホ用スタイルを記述*/

.dealers{
	width:14.2857%;
}


}

@media screen and (max-width: 1540px) {
/*ここにスマホ用スタイルを記述*/

.dealers{
	width:18%;
}


}

@media screen and (max-width: 1200px) {
/*ここにスマホ用スタイルを記述*/

.dealers{
	width:23%;
}


}
@media screen and (max-width: 1000px) {
/*ここにスマホ用スタイルを記述*/

.dealers{
	width:31%;
}


}


@media screen and (max-width: 800px) {
	/*ここにスマホ用スタイルを記述*/

	.viewPC{
		display:none;
	}
	.viewSP{
		display:block;
	}

	#stalker {
		display: none;
	}


	/* toggle-panel */
	#panel-btn {
		top:10px;
		left:7px;
	}


	header{
		width:100%;

		position:fixed;
		top:0;
		left:0;

		height:145px;

		z-index:3001

	}



	#gnavi {
		position:absolute;
		top:14px;
		left:135px;
	}
	#gnavi li {
		display:block;
		text-align: left;
		line-height:100%;
		margin-top:1px;

		margin-left:2px;

	}

	#gnavi a {
		position:relative;
	}
	#gnavi a span {
		line-height:14px;
		font-size:14px;
	}
	#gnavi a:before {
		height: 17px;
	}




	#gnavi li:hover:after {
		height:0;
	}



	#snsIcon{
		top:77px;
		left:60px;

		-webkit-transition: .3s ease-out .35s;
		-moz-transition: .3s ease-out .35s;
		-o-transition: .3s ease-out .35s;
		-ms-transition: .3s ease-out .35s;
	}
	#snsIcon.showNavi {
		top:87px;
	}

	#snsIcon li{
		display:inline-block;
		padding-right:4px;
		margin-right:3px;
		padding-bottom:0;
		border-bottom:none;
		margin-bottom:0;

		line-height:20px;
	}
	#snsIcon li:nth-last-child(1){
		margin-right:0;
		padding-right:0;
		border-right:none;
	}

	#snsIcon li a{
		line-height:20px;
		width:16px;
		height:16px;
	}
	#snsIcon li img{
		width:16px;
		height:16px;
	}




	#storeIcon{
		top:18px;
		left:60px;


		-webkit-transition: .4s ease-out .35s;
		-moz-transition: .4s ease-out .35s;
		-o-transition: .4s ease-out .35s;
		-ms-transition: .4s ease-out .35s;
	}
	#storeIcon.showNavi {
		top:24px;
	}


	#storeIcon img{
		width:61px;
		height:auto;
	}





	#logoArea{
		position:fixed;
		z-index:3010;
		top:0;
		right:10px;
	}
	#logo{
		position:absolute;
		top:0;
		right:0;
	}
	#logo img{
		width:31px;
		height:105px;
	}

	#logoTxt{
		position:absolute;
		top:0;
		right:40px;
	}
	#logoTxt a{
		display:block;
		width:50px;
		height:100px;

		text-indent:-9999px;

		background:url("/images/head/logo_txt_w.png") no-repeat 0 0 ;
		background-size:50px auto;
	}
	#home #logoTxt a,
	#about #logoTxt a{
		background:url("/images/head/logo_txt.png") no-repeat 0 0 ;
		background-size:50px auto;
	}

	.open #logoTxt a{
		background:none no-repeat 0 0 !important;
		background-size:50px auto !important;
	}






	.movieOverlay {
		display:none;
	}













	#topHome{
	position:relative;
	z-index:500;
	}





	#topHome.main-visual {
		background-size: cover;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	#topHome.main-visual .spBg {
		display: block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-image: url("/images/top/top_bg4.gif");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.homeGaman{
		position: absolute;
		top:12%;
		width:auto;
		height: 67%;
		z-index: 600;
	}
	.homeGaman img{
		width: auto;
		height: 100%;
	}


	.topCatch{
		width:70px;
		height:210px;

		left:50%;
		margin-top:0;
		margin-left:-35px;

		background:#000 url("/images/top/arrow2.png") no-repeat right 10px bottom 10px;
		background-size:16px auto;


		-webkit-transition: .2s ease-out;
		-moz-transition: .2s ease-out;
		-o-transition: .2s ease-out;
		-ms-transition: .2s ease-out;


		-moz-transform: rotateY(-0deg);
		-webkit-transform: rotateY(-0deg);

	}
	.topCatch:hover{
		background:#000 url("/images/top/arrow2.png") no-repeat right 10px bottom 10px;
		background-size:16px auto;
	}



	.showTxtBox{
		margin-top:0;

		right:20px;

		width:70px;
		height:210px;

		-moz-transform: rotateY(-0deg);
		-webkit-transform: rotateY(-0deg);
	}




	.txtAbout,.txtProduct,.txtCollection,.txtDealers,.txtContact{
		left:0;

		padding:50px 20px 0 20px;

		width:70px;
	}
	.txtAbout{
		background:url("/images/icon/top_icon_1.png") no-repeat 18px 10px ;
		background-size:34px auto;
	}
	.txtProduct{
		background:url("/images/icon/top_icon_2.png") no-repeat 18px 10px ;
		background-size:34px auto;
	}
	.txtCollection{
		background:url("/images/icon/top_icon_3.png") no-repeat 18px 10px ;
		background-size:34px auto;
	}
	.txtDealers{
		background:url("/images/icon/top_icon_4.png") no-repeat 18px 10px ;
		background-size:34px auto;
	}
	.txtContact{
		background:url("/images/icon/top_icon_5.png") no-repeat 18px 10px ;
		background-size:34px auto;
	}



	#topAboutBg1{
	  background-image: url("/images/top/21aw/bg01.jpg");
	}
	#topAboutBg2{
	  background-image: url("/images/top/21aw/bg0101.png");
	}

	#topProductBg1{
	  background-image: none;
	}
	#topProductBg2{
	  background-image: none;
	}


	#topCollectionBg1{
	  background-image: url("/images/top/21aw/bg03.jpg");
	}
	#topCollectionBg2{
	  background-image: none;
	}

	#topDealersBg1{
	  background-image: url("/images/top/21aw/bg04.jpg");
	}
	#topDealersBg2{
	  background-image: none;
	}

	#topContactBg1{
	  background-image: url("/images/top/21aw/bg05.jpg");
	}
	#topContactBg2{
	  background-image: url("/images/top/21aw/bg0501.png");
	}

	
	
	.showTxt{
		left:0;
	}

	.topCatchTitle{
		font-size:18px;
		width:18px;
		letter-spacing:0.1em;

		margin-bottom:0;


	}

	.topCatchTxt{
		font-size:9px;
		letter-spacing:0.0em;
		margin-bottom:0;
		line-height:100%;
	}

	.viewBtn a{

		font-size:10px;
		display:inline-block;
		padding:3px 7px 3px 7px;

		letter-spacing:0.1em;
	}






	#loadingBar{
		width:70px;
		left:50%;
		margin-left:-35px;

		height:210px;
	}


	#gnavi a:before {
		display: none;
	}



	article{
		padding:170px 40px 60px 4%;
		max-width:1600px;
		min-height:600px;
		margin:auto;
		position:relative;
	}


	.collectionDetail article{
		padding:120px 45px 10px 4%;
	}
	#collection article{
		padding:120px 45px 10px 4%;
	}



	#home article{
		padding:0 0 0 0;
		max-width:100%;
	}

	section{
	}


	.pageTitle{
		position:absolute;
		top:155px;
		right:10px;
		font-family: 'Cormorant Infant', serif;
		vertical-align:top;

		background:url("/images/icon/icon_e.png") no-repeat 0 0 ;
		background-size:100% auto;

		padding:34px 0 0 0 ;

		width:30px;


	}

	#about .pageTitle{
		background:url("/images/page/about/title_icon.png") no-repeat center 0 ;
		background-size:30px auto;
	}


	#product .pageTitle{
		background:url("/images/page/product/title_icon.png") no-repeat center 0 ;
		background-size:30px auto;
	}
	#collection .pageTitle{
		background:url("/images/page/collection/title_icon.png") no-repeat center 0 ;
		background-size:30px auto;
	}
	#dealers .pageTitle{
		background:url("/images/page/dealers/title_icon.png") no-repeat center 0 ;
		background-size:30px auto;
	}
	#contact .pageTitle{
		background:url("/images/page/contact/title_icon.png") no-repeat center 0 ;
		background-size:30px auto;
	}



	.pageTitle h1{
		font-size:25px;

		padding:0 0 0 3px;
		width:20px;
		line-height:100%;

	}
	.pageTitle .pageTitleJp{
		font-size:12px;

		padding:0 0 0 2px;
		width:10px;
		line-height:100%;
	}




	.collectionList{
		min-height:700px;
		padding-right:40px;
	}


	.collectionList ul li{
		margin:0 0 0 0 ;

		float:right;
		width:45px;
		vertical-align:top;
	}
	.collectionList ul li a{
		padding:10px 0 20px 0;
		font-size:30px;

		width:30px;
		line-height:20px;

	}

	.collectionList ul li div.onmouse a{
		padding:10px 0 20px 0;
		color:#000;

		margin:0 auto 0 auto;
	}


	.collectionList ul li a span.sTitle{
		font-size:14px;
		line-height:14px;
	}


	.collectionList ul li a span.seasonTitle{
		background:url("/images/icon/arrow_down.png") no-repeat right 4px top 0px;
		background-size:12px auto;
		padding:10px 0 0 0;
	}
	.collectionList ul li div.onmouse a span.seasonTitle{
		background:url("/images/icon/arrow_down.png") no-repeat right 4px top 0;
		background-size:12px auto;
		padding:10px 0 0 0;
	}



	.collectionList ul li a::after {
		display:none;

	}


	.collectionList ul li a:hover span {
		color:#000;
	}






	.collectionSlider{
		text-align:center;

		position:relative;
	}
	.collectionSlider li{
		overflow:hidden;
		text-align:center;
		width:90%;
		position: relative;
	}

	.collectionSlider li img {
	  position: absolute;
	  top: 0%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -0%);
	  -ms-transform: translate(-50%, -0%);
	  transform: translate(-50%, -0%);
	  height: 100%;
	  width: auto;
	}





	button.slick-prev{
	  display: block;
		width:20px;
		height:20px;
		border:none;
		position:absolute;
		top:50%;
		left:5px;
		margin-top:-10px;


		background:url("/images/icon/arrow_prev.png") no-repeat 5px 0;
		background-size:auto 20px;

		z-index:1001;

		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;

		-webkit-transition: .1s ease-out;
		-moz-transition: .1s ease-out;
		-o-transition: .1s ease-out;
		-ms-transition: .1s ease-out;
	}

	button.slick-next{
	  display: block;
		width:20px;
		height:20px;
		border:none;
		position:absolute;
		top:50%;
		right:5px;
		margin-top:-10px;


		background:url("/images/icon/arrow_next.png") no-repeat 0 0;
		background-size:auto 20px;

		z-index:1002;

		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;

		-webkit-transition: .1s ease-out;
		-moz-transition: .1s ease-out;
		-o-transition: .1s ease-out;
		-ms-transition: .1s ease-out;
	}

	button.slick-prev:hover{
		background:url("/images/icon/arrow_prev.png") no-repeat 0 0;
		background-size:auto 20px;

		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;

		-webkit-transition: .1s ease-out;
		-moz-transition: .1s ease-out;
		-o-transition: .1s ease-out;
		-ms-transition: .1s ease-out;
	}
	button.slick-next:hover{
		background:url("/images/icon/arrow_next.png") no-repeat 5px 0;
		background-size:auto 20px;

		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;

		-webkit-transition: .1s ease-out;
		-moz-transition: .1s ease-out;
		-o-transition: .1s ease-out;
		-ms-transition: .1s ease-out;
	}





	/*PRODUCT*/
	.productList ul li{
	}
	.productList ul li:nth-child(2n+1){
	}
	.productList ul li a{
		padding:0;
	}
	.productList ul li a:hover{
		background:#fff;
	}
	.productList ul li .productImg img{
		max-height:auto !important;
		width:100% !important;
	}

	.productList ul li.productTitle{
		width:50% !important;
	}
	.productList ul li.productTitle .productTitleTxt {
		width:11px;
	}
	.productList ul li.productTitle .productTitleTxt a{
		width:9px;
		font-size:9px;
		line-height:100%;
		color:#000;

		padding:18px 0 0 0;

		background:url("/images/icon/arrow_down.png") no-repeat 0 7px;
		background-size:7px 7px;
		margin: 20px 0 0 1px;
	}
	.productList ul li.productTitle .productTitleTxt a:hover{
		margin:24px 0 0 5px;
		color:#000;

		background:url("/images/icon/arrow_down.png") no-repeat 2px 7px;
		background-size:8px 7px;
	}

	.productList ul li.productTitle .productTitleTxt:nth-last-child(1){
		display:block;
		font-family: 'Cormorant Infant', serif;
		font-size:24px;
		line-height:24px;
		color:#000;
		margin-left:5px;
	}
	.productList ul li.productTitle .productTitleTxt:nth-last-child(1) a{
		display:block;
		font-family: 'Cormorant Infant', serif;
		font-size:20px;
		line-height:20px;
		color:#000;
		margin-left:5px;

		background:none;

		padding:0x;
		text-decoration:none;

		width:20px;
		margin:0 0 0 0;
	}






	.invewBox{
	}
	.productTitle.invewBox{
	}
	.mv02{
	}
	.invewBox div.caption{
	}
	.invewBox div.caption .inner{
	}
	.invewBox div.caption .inner .pdtName{
	}
	.invewBox div.caption .inner a{
		bottom:10px;
		right:0;
		width:40px;
		padding:0;
	}
	.invewBox div.caption .inner a img{
		width:40px !important;
	}


	.dealersLists{
		display:block !important;
		padding:0 10px 0 0;
	}
	.dealers{

		width:29%;


		float:right;

		text-align:left;

		color:#000;
		margin:0 10px 20px 0;
		padding:10px 6px 0 0;
		box-sizing:content-box;

		border-right:1px solid #ddd;

		letter-spacing:0.1em;


		height:340px;
	}
	.dealerTitle{
		float:right;

		font-size:16px;
		line-height:18px;
		padding-left:4px;

		writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		-webkit-writing-mode:vertical-lr;
		-moz-writing-mode:vertical-lr;
		font-family: 'Cormorant Infant', serif;
	}
	.dealerTitleS{
		float:right;
		display:block;
		font-size:12px;
		line-height:12px;
		padding-left:8px;

		writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		-webkit-writing-mode:vertical-lr;
		-moz-writing-mode:vertical-lr;
		font-family: 'Cormorant Infant', serif;
	}
	.dealerTxt2{
		float:right;

		font-size:11px;
		line-height:13px;
		padding-left:5px;

		writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		-webkit-writing-mode:vertical-lr;
		-moz-writing-mode:vertical-lr;
		font-family: 'Cormorant Infant', serif;
		text-decoration:none;
		color:#000;
	}
	.dealerTxt2 a{
		text-decoration:none;
		color:#000;
	}
	.dealerTxt{
		float:right;
		font-size:11px;
		line-height:13px;

		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode:vertical-rl;
		-moz-writing-mode:vertical-rl;
		font-family: 'Cormorant Infant', serif;

		text-decoration:none;
		color:#000;
	}
	.dealerTxt a{
		display:inline-block;
		padding:10px 0 0 0;
		text-decoration:none;
		color:#000;

		height:340px;

		white-space: pre-line;
		word-wrap:break-word;




		background:url("/images/icon/arrow_down.png") no-repeat right 4px top 0;
		background-size:7px auto;
	}
	.dealerTxt a:hover{
		background:url("/images/icon/arrow_down.png") no-repeat right 4px top 3px;
		background-size:7px auto;
		color:#444;
	}









	#about article section{
		padding:0 0 0 0;
	}

	.aboutBox{
		min-height:400px;

		width:172px;

		padding-left:40px;
	}
	.aboutTitle{
		font-size:28px;
		width:28px;
		line-height:28px;

		margin-left:30px;
	}
	.aboutTitle:before{
	  top: -30%;
	  right: -20px;
	  width: 1px;
	  height: 130%;
	}
	.aboutTitle:after{
	  top: 50%;
	  left: -25px;
	  width: 20px;
	  height: 1px;

	  background:#666;
	}

	.aboutTxt{
		font-size:20px;
		width:20px;
		line-height:20px;
		margin-left:20px;
	}
	.aboutName1,.aboutName2{
		font-size:12px;
		width:12px;
		line-height:12px;
		margin-left:1px;
	}
	.aboutName2:after{
	  bottom: -90%;
	  left: -25px;
	  width: 1px;
	  height: 190%;
	}





	#about article {
		text-align: center;
		padding: 16vh 50px 16vh 50px;
		min-height: 100% !important;
	}

	.ucBox{

		width:40px;

		padding-left:0;
	}

	.ucTitle{

		font-size:2vh;

	}




	#contact article{
		text-align:center;
	}

	.contactBox{
		color:#000;
		display:inline-block;

		margin:0 auto;

		width:252px;


		-webkit-transition: .2s ease-out .0s;
		-moz-transition: .2s ease-out .0s;
		-o-transition: .2s ease-out .0s;
		-ms-transition: .2s ease-out .0s;

		position:relative;

	}
	.mw_wp_form{
		display:inline-block;

		color:#000;
		display:inline-block;

		margin:0 auto;

		width:252px;

		position:relative;

	}

	.contactFormTitle{
		font-family: 'Cormorant Infant', serif;

		font-size:14px;
		line-height:14px;


		margin-right:0;
		margin-left: 5px;

		margin-top: 5px;
		margin-bottom: 2px;

		letter-spacing:0.1em;
	}
	.contactFormTitle span{

		display:inline-block;

		margin-left:-3px;

		font-size:8px;
		line-height:8px;

		letter-spacing:0.0em;
	}
	.contactForm1{
		padding:0 0 0 0;
	}
	.contactForm1 input{
		font-family: 'Cormorant Infant', serif;

		font-size:12px;

		line-height:12px;

		padding:2px;
		border:none;
		background:#eee;
		color:#000;
		letter-spacing:0.1em;
	}
	.contactForm2{
		padding:0 0 0 0;
	}
	.contactForm2 textarea{
		font-family: 'Cormorant Infant', serif;

		font-size:12px;
		line-height:14px;
		height:88px;

		padding:2px;
		border:none;
		background:#eee;
		color:#000;
		letter-spacing:0.1em;
	}

	.contactFormSubmit{
		margin-top:10px;
	}
	.contactFormSubmit input{
		/*background:#000 url("/images/page/contact/send_btn.png") no-repeat center center;
		background-size: auto 13px;*/

		font-size:13px;
		line-height:13px;
		font-weight:bold;

		padding:11px 8px 11px 9px;
		border:none;
		color:#fff;
		letter-spacing:0.1em;

		cursor:pointer;
	}
	.contactFormSubmit input:hover{
		/*background:#666 url("/images/page/contact/send_btn.png") no-repeat center center;
		background-size: auto 13px;*/
	}





	footer{
		background:#000;
		padding:10px 5px 12px 15px ;

		position:relative;
		z-index:600;
	}

	.flogo{
		text-align:center;
		margin-bottom:0;

		width:54px;
		line-height:21px;
		height:18px;
		margin-right:10px;
		float:left;

	}
	.flogo img{
		width:100%;
		height:auto;
	}

	.fcopy{
		text-align:left;
		font-family: 'Cormorant Infant', serif;
		font-size:8px;
		line-height:9px;
		letter-spacing:0em;
		color:#fff;

		padding-top:0;



		width:160px;
		float:left;

	}
	.fcopy br{
		display:block;
	}
	.fwb4logo.viewSP{
		position:relative;
		right:inherit;
		bottom:inherit;

		text-align:right;

		width:38px;
		height:21px;

		float:right;
	}
	.fwb4logo img{
		width:auto;
		height:18px;
	}
	.fwb4logo a{
		filter:alpha(opacity=30);
		-moz-opacity: 0.30;
		opacity: 0.30;
	}
	.fwb4logo a:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}



	#pageTop{
		position:fixed;
		right:3px;
		bottom:48px;
		z-index:9000;
		width:40px;
		height:40px;
		cursor:pointer;

		filter:alpha(opacity=70);
		-moz-opacity: 0.70;
		opacity: 0.70;
	}
	#pageTop img{
		width:40px;
		height:auto;
	}

	.masthead {
		display:none;
	}

	#topMov{
		position:relative;
		z-index:480;
	pointer-events : none;
	}

	.homeScrolIcon{
		position:fixed;
		left:50%;
		margin-left:-15px;
		bottom:5px;
		z-index:481;
		pointer-events : none;
	}
	.homeScrolIcon img{
		width:30px;
		height: auto;
	}

}

@media screen and (max-width: 500px) {
/*ここにスマホ用スタイルを記述*/

.dealers{
	width:42%;
}


}

@media screen and (max-width: 375px) {
/*ここにスマホ用スタイルを記述*/

/* toggle-panel */
#panel-btn {
	width:34px;
	height: 34px;
	background-color: rgba(255,255,255,0.3);
	padding:11px 11px;
	top:3px;
	left:14px;
}

#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	margin: -1px 0 0 -9px;
	background: #000;
	transition: .2s;
	
}
#panel-btn-icon:before, #panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	margin-left: -9px;
	background: #000;
	transition: .3s;

}
#panel-btn-icon:before {
	margin-top: -7px;
}
#panel-btn-icon:after {
	margin-top: 5px;
}





header{
	width:100%;

	position:fixed;
	top:0;
	left:0;
	
	height:110px;
	
	background:#000;
	z-index:3001

}



#gnavi {
	top:0;
	left:65px;
}
#gnavi li {
	margin-left:1px;
}
#gnavi a {
	position:relative;
}
#gnavi a span {
	line-height:11px;
	font-size:11px;
	letter-spacing:2px;
}
#gnavi a:before {
    height: 13px;
}




#snsIcon{
	top:71px;
	left:8px;

    -webkit-transition: .3s ease-out .35s;
    -moz-transition: .3s ease-out .35s;
    -o-transition: .3s ease-out .35s;
    -ms-transition: .3s ease-out .35s;
}
#snsIcon.showNavi {
	top:81px;
}

#snsIcon li{
	display:inline-block;
	padding-right:3px;
	margin-right:2px;
	padding-bottom:0;
	border-bottom:none;
	margin-bottom:0;

	line-height:17px;
}
#snsIcon li:nth-last-child(1){
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#snsIcon li a{
	line-height:10px;
	width:14px;
	height:14px;
}
#snsIcon li img{
	width:14px;
	height:14px;
}




#storeIcon{
	top:21px;
	left:8px;

}
#storeIcon.showNavi {
	top:31px;
}


#storeIcon img{
	width:53px;
	height:auto;
}




#logoArea.showLogo{
	top:11px;
}

#logoArea{
	position:fixed;
	z-index:3010;
	top:0;
	right:10px;
}
#logo{
	position:absolute;
	top:0;
	right:0;
}
#logo img{
	width:24px;
	height:auto;
}

#logoTxt{
	position:absolute;
	top:0;
	right:33px;
}
#logoTxt{
	position:absolute;
	top:0;
	right:30px;
}
#logoTxt a{
	display:block;
	width:40px;
	height:100px;
	
	text-indent:-9999px;
	
	background:url("/images/head/logo_txt.png") no-repeat 0 0 ;
	background-size:40px auto;
}
#home #logoTxt a,
#about #logoTxt a{
	/*background:url("/images/head/logo_txt.png") no-repeat 0 0 ;*/
	background:url("/images/head/logo_txt2.png") no-repeat 0 0 ;
	background-size:40px auto;
}

.open #logoTxt a{
	background:url("/images/head/logo_txt.png") no-repeat 0 0 !important;
	background-size:40px auto !important;
}







article{
	padding:150px 40px 60px 4%;
}


.collectionDetail article{
	padding:100px 45px 10px 4%;
}
#collection article{
	padding:100px 45px 10px 4%;
}



#home article{
	padding:0 0 0 0;
	max-width:100%;
}


}