@charset "utf-8";



.calling_all_businessmen_fall_2017 .main-inner {
background:#000;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
line-height: 1.0;
-webkit-text-size-adjust: none;
}

.brown-bold{font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;}
a { text-decoration:none; color:#fff; cursor: pointer; cursor: hand;}
a :link { text-decoration:none; color:#fff; }
a:visited { text-decoration:none; color:#fff;}
a:hover { text-decoration:none; color:#fff;}
a:active { text-decoration:none; color:#fff;}

/*最初の読み込み*/
#first_loading_cover{
position: fixed;
z-index: 20000;
height: 100%;
width: 100%;
background: #000;
top:0;
left:0;
margin: 0;
padding: 0;
text-align: center;
}

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


/*remodal*/
.capture_area{
padding: 25px 0 6px 0;
}

.capture{
color: #585858;
font-weight: bold;
line-height: 1.5;
font-size: 12px;
}
.capture a { text-decoration:none; color:#585858; cursor: pointer; cursor: hand;}
.capture a :link { text-decoration:none; color:#585858; }
.capture a:visited { text-decoration:none; color:#585858;}
.capture a:hover { text-decoration:underline; color:#585858;}
.capture a:active { text-decoration:none; color:#585858;}


/*フッタ　ボタン SP*/
#store_shop_last{
width: 100%;
margin: 0 auto;
padding: 40px 0 20px 0;
text-align: center;
}


ul.store_shop{
width: 90%;
padding: 0;
margin: 5%;
text-align: center;
}

ul.store_shop li{
line-height: 1.0;
display: block;
border: 2px solid #000;
height:18px;
letter-spacing: 0.1em;
padding: 10px 0 10px 0;
margin:0 0 20px 0;
width: 100%;
font-size:18px;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
}

@media all and (-ms-high-contrast:none) {
ul.store_shop li{
line-height: 1.4;/*IE10*/
}
}

@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, ul.store_shop li {
line-height: 1.4;/*IE11*/
}
}

_:-ms-lang(x), _::-webkit-meter-bar, ul.store_shop li {
line-height: 1.2;/*EDGE*/
}

ul.store_shop li a{text-decoration:none; color:#000; cursor: pointer; cursor: hand;}
ul.store_shop li a{
width: 100%;
height: 100%;
display: block;
}
ul.store_shop li a:link { text-decoration:none; color:#000; }
ul.store_shop li a:visited { text-decoration:none; color:#000;}
ul.store_shop li a:hover { text-decoration:none; color:#000;}
ul.store_shop li a:active { text-decoration:none; color:#000;}

/*シェア　ボタン SP*/
#gir_share{
text-align: center;
margin: 0 auto;
width: 100%;
color: #000;
padding: 0 0 60px 0
}


#gir_share h3{
font-size:24px;
letter-spacing: 0.1em;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
text-align: center;
margin: 0 auto;
padding: 0 0 30px 0
}

ul.gir_share li{
position: relative;
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0 15px 0px 15px;
}

ul.gir_share li a.sns_link_gir{
display: block;
height:100%;
width:100%;
background: #fff;
opacity: 0;
}

ul.gir_share li a:hover{
opacity: 0.5;
transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
}


ul.gir_share li.twitter_gir {
height:22px;
width:28px;
line-height:1.0;
background: url("../img/twitter.svg") no-repeat;
background-size: contain;
background-position: center center; 
vertical-align: middle;
margin:0px 0px 0px 0;
}




ul.gir_share li.facebook_gir {
height:22px;
width:22px;
line-height:1.0;
background: url("../img/facebook.svg") no-repeat;
background-size: contain;
background-position: center center; 
vertical-align: middle;
margin:0px 0px 0px 0;
}



ul.gir_share li.pinterest_gir {
height:22px;
width:22px;
line-height:1.0;
background: url("../img/pinterest.svg") no-repeat;
background-size: contain;
background-position: center center; 
vertical-align: middle;
margin:0px 0px 0px 0;
}



ul.gir_share li.line_nhn_gir {
visibility: visible;
display: inline-block;
height:22px;
width:22px;
line-height:1.0;
background: url("../img/line.svg") no-repeat;
background-size: contain;
background-position: center center; 
vertical-align: middle;
margin:0px 0px 0px 0;
}











/*モーダル以外*/
#wrapper_gir{
background: #fff;
}

/*ローディング　SP*/
#loading_cover_bg{
display: block;
z-index: 10010;
width: 100%;
height: 100%;
background: #000;
opacity: 1;
top:0;
left:0;
position: fixed;
}

/*ローディングGIF*/
#loading_gif{
display: block;
position: fixed;
z-index: 20001;
width: 100%;
height: 100%;
opacity: 1;
top:0;
left:0;
margin: 0 auto;
padding: 0;
text-align: center;
}

#loading_gif .child{
width: 25px;
height: 25px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}





/*モーダル開いているとき、レイヤーの下を固定*/
.fixed {
position: fixed;
width: 100%;
height: 100%;
}

.fade_zero{
opacity: 0;
visibility: hidden;
display: none;
}

.fade_iti{
opacity: 1;
visibility: visible;
display: block;
}


/*修正箇所*/
.box_01_bg{
position:relative;
z-index: 1;
width:100%;
height:100%;
margin: 0;
padding: 0;
background: #000000;
}


.box1_img{
width:100%;
height:100%;
position: absolute;
z-index: 2;
left: 0;
top: 0;
margin: 0;
padding: 0;
text-align: center;
overflow: hidden;
background: #000000;
}


.box2{
width:100%;
height:100%;
position:relative;
overflow: hidden;
margin: 0;
padding: 0;
background: #000;
}


.box2_img{
width:100%;
height:100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
margin: 0 auto;
padding: 0;
text-align: center;
overflow: hidden;
}






/*コピーライト　最初*/
#copyright_first{
display: none;
visibility: hidden;
width:10px;
height:156px;
position: absolute;
z-index:9999;
}


/*スクロール*/
#scroll{
display: none;
visibility: hidden;
width:21px;
height:131px;
position: absolute;
z-index:9999;
text-align:center;
}



#catch_copy{
width:100%;
height: 100%;
position: absolute;
z-index: 11000;
margin: 0 auto;
}


#kotei {
position: relative;
text-align: center;
width:100%;
height: 100%;
margin: 0 auto;
padding: 0;

}


#kotei h1{
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
width:270px;
height: auto;
}



/*box2関連*/
/*ボディコピー　センタリング*/
.top_full_02{
width:95%;
height: 100%;
position: relative;
z-index: 9998;
color:#fff;
line-height: 2.3;
font-size: 12px;
font-weight: bold;
text-align: center;
margin: 0 auto;
}


#body_copy{
text-align: center;
width:100%;
position: absolute;
z-index: 9999;
margin: 0 auto;
padding: 0;
top: 50%;
left: 0%;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
line-height: 2.3;
}

@media screen and (min-width: 768px){
  #body_cop {
    line-height: 42px;
  }
}

#body_svg{
width:600px;
height:auto;
}

/*ボディコピースマホのみ文字を消す*/
.sp_hide{
display: none;
visibility: hidden;
}





/* GET IT RIGHT　SP
---------------------------------------------------------------------------------------*/


/*GIR_見出し*/
#gir_text{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 50px 0 20px 0;
}

#gir_text h3{
width: 100%;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
font-weight: normal;
font-size:22px;
letter-spacing: 0.09em;
}

#gir_text p{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
color: #666;
letter-spacing: 0.02em;
}
/*英語*/
.gir_en{
font-size: 16px;
line-height:1.2;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}

/*数字*/
.gir_number{
font-size: 18px;
letter-spacing: 0.1em;
position: absolute;
top:20px;
left:15px;
color:#fff;
z-index:9999;
}

/*日本語*/
.gir_jp{
font-size: 13px;
letter-spacing: 0.1em;
font-weight: bold;
padding: 6px 0 0 0;
}

/*READ MORE*/
.read_more{
font-size: 13px;
height: 13px;
line-height:1.0;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}


.read_more::after {
content: "";
display:inline-block;
height:11px;
width: 11px;
line-height:1.0;
background: url("../img/arrow_bold.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -2px 0 0 6px;
}

.read_more_sp{
font-size: 13px;
height: 13px;
line-height:1.0;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}

.read_more_sp::after {
content: "";
display:inline-block;
height:11px;
width: 11px;
line-height:1.0;
background: url("../img/arrow_bold.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -2px 0 0 6px;
}

.read_more_pc{
font-size: 13px;
height: 13px;
line-height:1.0;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}

.read_more_pc::after {
content: "";
display:inline-block;
height:11px;
width: 11px;
line-height:1.0;
background: url("../img/arrow_bold.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -2px 0 0 6px;
}


.kyokaisen{
width:100%;
height:100%;
padding:10px;
position:relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.kyokaisen_inner{
width:100%;
height:100%;
border: 1px solid #666;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}


.gir_1_btn, .gir_2_btn, .gir_3_btn, .gir_4_btn, .gir_5_btn, .gir_6_btn, .gir_7_btn{
position: absolute;
z-index: 9999;
opacity: 0.2;
width: 100%;
height: 100%;
cursor: pointer;
cursor: hand;
display: block;
}


.seven_bg{
background: #000;
}


.gir_first{
position:relative;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
padding: 0;
color:#fff;
background: #000;
}

.gir_first:after {content:".";clear: both;height: 0;visibility: hidden;display: block;}


.think_the{
width: 100%;
height: 280px;
position:absolute;
top:0;
left: 0;
z-index: 1;
}

.think_the .read_more{
position: absolute;
bottom: 8px;
right: 8px;
}

.think_the .gir_en{
width:100%;
margin:0 auto;
text-align:center;
margin:0px 0 0px 0;
}

/*数字*/
.think_the .gir_number{
font-size: 19px;
letter-spacing: 0.1em;
position: absolute;
top:20px;
left:20px;
}

.think_the .black_box{
position: relative;
width: 100%;
height: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.think_the .line_photo{
display:none;
visibility:hidden;
}

.think_the .kyokaisen_inner{
border: none;
position: relative;
width: 100%;
height: 100%;
}


.think_the .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 300px;
height: 44px;
}


.gir_first .square_01{
position: relative;
width: 100%;
height: 280px;
overflow:hidden;
top:0;
left: 0;
}

.gir_first_btn.hover { opacity:1; }

.gir_first .square_01 img{
width: 100%;
height: auto;
overflow:hidden;
}

.square_01 img{
opacity: 0.9;
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
}



.square_01 img.on{
margin: 0;
padding: 0;

-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}



/*02 JUST SIZE　SP*/
.just_size_left{
width:50%;
height:300px;
display:block;
background:#000;
position:relative;
float: left;
}

/*READ MORE*/
.just_size_left .read_more{
position: absolute;
bottom: 8px;
right: 8px;
}

/*数字*/
.just_size_left .gir_number{
padding: 0px 0 0px 0px;
}

.just_size_left .line_photo{
display: none;
visibility: hidden;
}

.just_size_left .black_box{
width:100%;
height:100%;
position:relative;
}

.just_size_left .kyokaisen_inner{
border: 1px solid #000;
}

.just_size_left .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
text-align: center;
height: 44px;
}

.gir_first .tate_iti_01{
width:50%;
height:300px;
display:block;
overflow: hidden;
float: right;
position: relative;
}

tate_iti_01:after {content:".";clear: both;height: 0;visibility: hidden;display: block;}

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


/*READ MORE　PCとSP二種類*/
.tate_iti_01 .read_more_sp{
display: block;
visibility: visible;
position: absolute;
z-index: 9999;
bottom: 8px;
right: 8px;
}

.just_size_left .read_more_pc{
display: none;
visibility: hidden;
position: absolute;
bottom: 12px;
right: 12px;
}


#video_play01{
width:100%;
height:auto;
}

#video_play02{
width:100%;
height:auto;
}

/*動画　video*/
.just_size_movie{
width: 100%;
height: auto;
overflow: hidden;
}




.tate_iti_01 video{
width: 100%;
height: auto;
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;


}


.tate_iti_01:hover video{
margin: 0;
padding: 0;


-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}




/*2列目　高さが高い　ブランドで選ばない SP*/
.gir_second{
position:relative;
background:#000;
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
height:280px;
color:#fff;
}

.brand_img{
width:100%;
height:280px;
margin: 0;
padding: 0;
position:relative;
z-index:2; 
top:0;
left:0;
overflow: hidden;
}

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

.brand_text{
width:100%;
height:280px;
margin: 0;
padding: 0;
position:absolute;
z-index:999; 
top:0;
left:0;
}

/*READ MORE　PCとSP二種類*/
.brand_img .read_more_sp{
position: absolute;
z-index: 9999;
bottom: 8px;
right: 8px;
}

.brand_text .read_more_pc{
display: none;
visibility: hidden;
position: absolute;
z-index:9999; 
bottom: 18px;
right: 18px;
}

.brand_text .kyokaisen_inner{
border: none;
}

.brand_text .black_box{
width:100%;
height:100%;
position:absolute;
z-index:9999;
top:0;
left:0;
margin: 0;
padding: 0;
}

.brand_text .line_photo_left_long{
display:none;
}


.brand_text .box{
position: absolute;
z-index:9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
text-align: center;
height: 44px;
}

.brand_img{
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
}


.brand_img img{
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}


.brand_img img.on{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;

}







/*3列目　｜No.4　シャツは語る*/
.gir_third{
background:#000;
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
height:300px;
color:#fff;
}

.shirt_says{
width: 50%;
height: 100%;
position: relative;
float: right;
}

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

/*READ MORE　PCとSP二種類*/
.tateiti_shirt .read_more_sp{
display: block;
visibility: visible;
position: absolute;
z-index: 9999;
bottom: 8px;
right: 8px;
}

.shirt_says .read_more_pc{
display: none;
visibility: hidden;
position: absolute;
bottom: 18px;
right: 18px;
}

/*数字*/
.shirt_says .gir_number{
padding: 0px 0 0px 0px;
}

.shirt_says .line_photo{
display: none;
}


.shirt_says .kyokaisen_inner{
border: 1px solid #000;
}


.shirt_says .black_box{
width:100%;
height:100%;
position:relative;
}

.shirt_says .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
text-align: center;
height: 44px;
}

/*シャツ　縦位置*/

.gir_third .tateiti_shirt{
width:50%;
height:100%;
display:block;
background:#000;
overflow: hidden;
position: relative;
float: left;
}

/*READ MORE*/
.tateiti_shirt .read_more{
position: absolute;
bottom: 12px;
right: 12px;
z-index: 9999;
}

.gir_third .tateiti_shirt img{
width:100%;
height:auto;
overflow: hidden;
}


.tateiti_shirt img{
transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s;
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}



.tateiti_shirt img.on{
margin: 0;
padding: 0;

-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}


/*シャツ　横位置*/
.yokoiti_shirt{
display: none;
visibility: hidden;
}

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

.yokoiti_shirt img{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;

}



.yokoiti_shirt img.on{
margin: 0;
padding: 0;

-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}




/*4列目*/
.gir_fourth{
position: relative;
background:#000;
width: 100%;
height:600px
text-align: center;
margin: 0 auto;
padding: 0;
color:#fff;
display: block;
}
.gir_fourth:after {content:".";clear: both;height: 0;visibility: hidden;display: block;}



/*クラシック、ひとひねり、動画*/
.classic_twist_movie{
width:100%;
height:300px;
display:block;
overflow:hidden;
margin: 0;
padding: 0;
}

.classic_twist_movie img{
width: 100%;
height: auto;
padding: 0;
margin: 0;
}


/*VIDEO　動画*/
.classic_twist_movie video{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}


.classic_twist_movie:hover video{
margin: 0;
padding: 0;

-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}

/*クラシック　テキスト*/
.classic_twist{
position: absolute;
width: 100%;
height: 300px;
top:0;
left:0;
}

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

/*READ MORE*/
.classic_twist .read_more{
position: absolute;
bottom: 8px;
right: 8px;
}

.classic_twist .kyokaisen_inner{
border: none;
}
.classic_twist .line_photo_left{
display: none;
visibility: hidden;
}

.classic_twist .black_box{
width:100%;
height:300px;
position:absolute;
z-index:9996;
top:0;
left:0;
margin: 0;
padding: 0;
}

.classic_twist .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
text-align: center;
height: 44px;
}




/*靴、画像*/
.shoes_make{
width:50%;
height:300px;
display:block;
overflow: hidden;
float:right;
background: #000;
position: relative;
}

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

/*READ MORE　PCとSP二種類*/
.shoes_make .read_more_sp{
display: block;
visibility: visible;
position: absolute;
z-index: 9999;
bottom: 8px;
right: 8px;
}

.shoes_title .read_more_pc{
display: none;
visibility: hidden;
position: absolute;
bottom: 12px;
right: 12px;
}


.shoes_title{
width: 50%;
height: 300px;
display: block;
background: #000;
position: relative;
margin: 0;
padding: 0;
float:left;
}



/*数字*/
.shoes_title .gir_number{
padding: 0px 0 0px 0px;
}

.shoes_title .line_photo_left{
display: none;
visibility: hidden;
}

.shoes_title .black_box{
height: 100%;
width: 100%;
position: relative;
display: block;
}


.shoes_title .kyokaisen_inner{
border: 1px solid #000;
}

.shoes_title .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
text-align: center;
height: 44px;
}


.shoes_make img{
width: 100%;
height: auto;
overflow:hidden;
}


.shoes_make img{
transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s;
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}



.shoes_make img.on{
margin: 0;
padding: 0;

-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}





/*5列目 SP*/
.gir_fifth{
background:#000;
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
height:300px;
color:#fff;
position: relative;
}
.gir_fifth:after {content:".";clear: both;height: 0;visibility: hidden;display: block;}*/


.sense_moods{
width: 100%;
height: 100%;
position: absolute;
z-index: 9999;
}

.sense_moods .kyokaisen_inner{
border: none;
}

.gir_fifth .black_box{
width:100%;
height:300px;
position:absolute;
z-index:9999;
top:0;
left:0;
margin: 0;
padding: 0;
}


/*READ MORE*/
.sense_moods .read_more{
position: absolute;
bottom: 12px;
right: 12px;
z-index: 9999;
}

.sense_moods .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
text-align: center;
height: 44px;
}

.mirror{
width: 100%;
height:100%;
background: #000;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
}


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

.mirror img{
transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s;
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}


.mirror img.on{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}





/*WELCOME BARNEYS【SP】
-------------------------------------------------------------------------------------*/


/*GIR_見出し*/
#welcome_text{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 50px 0 20px 0;
background: #fff;
}

#welcome_text h3{
width: 95%;
margin: 0 auto !important;
padding: 0 0 20px 0;
text-align: center !important;
font-weight: normal;
font-size:22px;
letter-spacing: 0.09em;
}

#welcome_text p{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
color: #666;
letter-spacing: 0.02em;
}


/* カルーセル　WELCOME BARNEYS【SP】
-------------------------------------------------------------------------------------*/

.slider-container{
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
background: #fff;
font-size: 12px;
}

.slider {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0 0 12px 0;
position: relative;
background: #fff;
font-size: 12px;
}

.slider div {
width: 100%;
margin: 0 auto;
padding: 0 10px 0 10x;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}


.slider div img{
width: 95%;
margin: 0 auto;
padding: 0;
text-align: center;
padding: 0 10px 0 10x;
box-sizing: border-box;
}



.slider .inner{
position: relative;
width: 100%;
height: 100%;
}

.slider .thumb_name{
width: 100%;
text-align: center;
position: absolute;
z-index: 99999;
top:0;
left:0;
color: #fff;
font-size: 20px;
line-height: 1.2;
letter-spacing: 0.1em;
}



.slider .thumb_store{
width: 100%;
text-align: center;
position: absolute;
z-index: 99999;
top:30px;
left:0;
color: #fff;
font-size: 16px;
line-height: 2.0;
letter-spacing: 0.1em;
}

.slider .thumb_readmore {
width: 100%;
text-align: center;
position: absolute;
z-index: 99999;
bottom:16px;
left:0;
color: #fff;
letter-spacing: 0.1em;
font-size: 15px;
line-height: 1.2;
}

.slider .thumb_readmore::after {
content: "";
display:inline-block;
height:15px;
width: 15px;
line-height:1.0;
background: url("../img/arrow_bold.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -3px 0 0 6px;
}


/* カルーセル2　WELCOME BARNEYS【SP】
-------------------------------------------------------------------------------------*/

.slider-container_02{
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
background: #fff;
}

.slider_02 {
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0 0 0px 0;
position: relative;
background: #fff;
}

.slider_02 div {
width: 100%;
margin: 0 auto;
padding: 0 10px 0 10x;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}


.slider_02 div img{
width: 95%;
margin: 0 auto;
padding: 0;
text-align: center;
padding: 0 10px 0 10x;
box-sizing: border-box;
}


.slider_02 .inner{
position: relative;
width: 100%;
height: 100%;
}





/*SEASONS LOOKS BARNEYS【PC】
-------------------------------------------------------------------------------------*/
#seasons_looks{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 50px 0 20px 0;
}

#seasons_looks h3{
width: 100%;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
font-weight: normal;
font-size:26px;
letter-spacing: 0.09em;
}

#seasons_looks p{
width: 90%;
margin: 0 auto;
padding: 0;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
color: #666;
letter-spacing: 0.02em;
}




/* スマホ専用　PC専用　改行無効
-------------------------------------------------------------------------------------*/

.br-sp { display:block; }
.br-pc { display:none; }

/* タブレット、PC　開始
-------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

/*コピーライト　最初*/
#copyright_first{
display: block;
visibility: visible;
width:10px;
height:156px;
position: absolute;
z-index:9999;
}


/*スクロール*/
#scroll{
display: block;
visibility: visible;
width:21px;
height:131px;
position: absolute;
z-index:9999;
text-align:center;
}



/*ローディング　PC*/
#loading_cover_bg{
display: block;
z-index: 11010;
width: 84%;
height: 96%;
background: #000;
opacity: 1;
top:2%;
left:8%;
margin: 0;
padding: 0;
}



/*スマホ専用　PC専用　改行無効*/
.br-sp { display:none; width: 0; visibility: hidden;}
.br-pc { display:block; }

/*ボディコピースマホのみ文字を消す*/
.sp_hide{
display: inline-block;
visibility: visible;
}





/*GIR_見出し*/
#gir_text{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 50px 0 20px 0;
}

#gir_text h3{
width: 100% !important;
margin: 0;
padding: 0 0 20px 0;
text-align: center !important;
font-weight: normal;
font-size:22px;
letter-spacing: 0.09em;
}

#gir_text p{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 13px;
line-height: 1.5;
color: #666;
letter-spacing: 0.02em;
}

/**/
.line_photo{
display:block;
visibility: visible;
width:48px;
height: 1px;
background: #fff;
top: 0px;
left: 0px;
position: absolute;
z-index: 9999;
}

.line_photo_left{
width:48px;
height: 1px;
background: #fff;
top: 0px;
left: 0px;
position: absolute;
z-index: 9999;
}

.line_photo_long{
width:48px;
height: 1px;
background: #fff;
top: 0px;
left: 0px;
position: absolute;
z-index: 9999;
}


.line_photo_left_long{
width:48px;
height: 1px;
background: #fff;
top: 0px;
left: 0px;
position: absolute;
z-index: 9999;
}

.box{
padding:0;
margin: 0;
}


.kyokaisen{
display:block;
visibility:visible;
}

/*1列目 PC*/
.gir_first{
position: relative;
background:#000;
width: 100%;
height: 400px;
/*max-width: 1440px;
min-width: 1300px;*/
text-align: center;
margin: 0 auto;
padding: 0;
color:#fff;
display:flex;
display:-webkit-box;/* Android */
display:-ms-flexbox;/* IE10 */
display: -webkit-flex;/* safari（PC） */

justify-content:space-between;
-ms-flex-pack:justify;/* IE10 */
-webkit-justify-content:space-between;/* safari（PC） */
-webkit-box-pack:justify;/* Android*/

flex-direction: row;
-webkit-flex-direction: row;
ms-flex-direction: row;
-webkit-box-orient: normal;

flex-wrap:wrap
-ms-flex-wrap:wrap/* IE10 */
-webkit-flex-wrap:wrap/* safari（PC） */
}



.think_the{
position:relative;
width:23%;
height:100%;
display: block;
}

/*READ MORE PC*/
.think_the .read_more{
position: absolute;
bottom: 18px;
right: 18px;
}


.think_the .line_photo{
display:block;
visibility:visible;
}

.think_the .kyokaisen_inner{
border: 1px solid #000;
}

.think_the .gir_en{
width:100%;
margin:0;
text-align:center;
margin:0px;
}



.think_the .black_box{
width:100%;
height:100%;
position:relative;
margin: 0;
padding: 0;
display:block;
}


.think_the .box{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 90%;
height: 44px;
}


.gir_first .square_01{
width:31%;
height:auto;
display:block;
overflow: hidden;
background: #000;

}


.gir_first .square_01 img{
width: 100%;
height: auto;
}


.square_01 img{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;


}



.on_hover{
margin: 0;
padding: 0;
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
}



/*02 just_size_left　PC*/
.just_size_left{
width:23%;
height:100%;
display:block;
background:#000;
margin: 0;
padding: 0;
position:relative;
}


.tate_iti_01{
position: relative;
}

/*READ MORE　PCとSP二種類*/
.tate_iti_01 .read_more_sp{
display: none;
visibility: hidden;
position: absolute;
z-index: 9999;
bottom: 12px;
right: 12px;
}

.just_size_left .read_more_pc{
display: block;
visibility: visible;
position: absolute;
bottom: 18px;
right: 18px;
}

/*数字*/
.just_size_left .gir_number{
padding: 0px;
}


.just_size_left .line_photo{
display: block;
visibility: visible;
}

.just_size_left .black_box{
width:100%;
height:100%;
position:relative;
margin: 0;
padding: 0;
display:block;
}




.gir_first .tate_iti_01{
margin: 0;
padding: 0;
width:23%;
height:100%;
overflow: hidden;
}

#video_play01{
width:100%;
height:auto;
}

#video_play02{
width:100%;
height:auto;
}


/*動画　video*/
video.just_size_movie{
width: 100%;
height: auto;
overflow: hidden;
}


.tate_iti_01 video{
width:100%;
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;

}


.tate_iti_01:hover video{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}



/*2列目　高さが高い　ブランドで選ばない　PC*/
.gir_second{
color: #fff;
background: #000;
position: relative;
width: 100%;
/*max-width: 1440px;
min-width: 1300px;*/
text-align: center;
margin: 0 auto;
padding: 0;
height: 470px;

display:flex;
display:-webkit-box;/* Android */
display:-ms-flexbox;/* IE10 */
display: -webkit-flex;/* safari（PC）*/

justify-content:space-between;
-ms-flex-pack:justify;/* IE10 */
-webkit-justify-content:space-between;/* safari（PC）*/
-webkit-box-pack:justify;/* Android*/

flex-direction: row;
-webkit-flex-direction: row;
ms-flex-direction: row;
-webkit-box-orient: normal;

flex-wrap:wrap
-ms-flex-wrap:wrap/* IE10 */
-webkit-flex-wrap:wrap/* safari（PC）*/
}


.brand_img{
height:100%;
overflow: hidden;
flex: 1;
margin: 0;
padding: 0;
position: relative;
}

.brand_img img{
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

.brand_img img{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}


.brand_img:hover img{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}



/*見出し*/ 
.brand_text{
width:23%;
height: 100%;
margin: 0;
padding: 0;
display: block;
position: relative;
}

/*READ MORE　PCとSP二種類*/
.brand_img .read_more_sp{
display: none;
visibility: hidden;
position: absolute;
z-index: 9999;
bottom: 12px;
right: 12px;
}

.brand_text .read_more_pc{
display: block;
visibility: visible;
position: absolute;
bottom: 18px;
left: 18px;
text-align: left;
}


.brand_text .read_more_pc::after {
content: "";
display:none;
height:0px;
width: 0px;
margin: 0px;
}

.brand_text .read_more_pc::before {
content: "";
display:inline-block;
height:11px;
width: 11px;
line-height:1.0;
background: url("../img/arrow_bold_re.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -2px 0 0 6px;
}




/*境界線*/
.brand_text .kyokaisen_inner{
border: 1px solid #000;
}

.brand_text .black_box{
width:100%;
height:100%;
position:relative;
margin: 0;
padding: 0;
display:block;
z-index:1;
top: 0%;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}

.brand_text .line_photo_left_long{
display:block;
}


.gir_second .black_box{
background:#000;
width:100%;
height:100%;
margin: 0;
padding: 0;
position: relative;
}




/*3列目｜No.4　シャツは語る*/
.gir_third{
position: relative;
background:#000;
width: 100%;
/*max-width: 1440px;
min-width: 1300px;*/
text-align: center;
margin: 0 auto;
padding: 0;
height:400px;
color:#fff;

display:flex;
display:-webkit-box;/* Android */
display:-ms-flexbox;/* IE10 */
display: -webkit-flex;/* safari（PC） */

justify-content:space-between;
-ms-flex-pack:justify;/* IE10 */
-webkit-justify-content:space-between;/* safari（PC） */
-webkit-box-pack:justify;/* Android*/

flex-direction: row;
-webkit-flex-direction: row;
ms-flex-direction: row;
-webkit-box-orient: normal;

flex-wrap:wrap
-ms-flex-wrap:wrap/* IE10 */
-webkit-flex-wrap:wrap/* safari（PC） */
}

.shirt_says{
width:23%;
height:100%;
display:block;
background:#000;
position: relative;
}


/*READ MORE　PCとSP二種類*/
.tateiti_shirt .read_more_sp{
display: none;
visibility: hidden;
position: absolute;
z-index: 9999;
bottom: 12px;
right: 12px;
}

.shirt_says .read_more_pc{
display: block;
visibility: visible;
position: absolute;
bottom: 18px;
right: 18px;
}

/*数字*/
.shirt_says .gir_number{
padding: 0px;
}


.shirt_says .line_photo{
display: block;
z-index: 9999;
}

/*シャツ　縦位置*/

.gir_third .tateiti_shirt{
width:23%;
height:100%;
display:block;
background:#000;
overflow: hidden;
}

.gir_third .tateiti_shirt img{
width:100%;
height:auto;
overflow: hidden;
}


.tateiti_shirt img{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}



.tateiti_shirt:hover img{
margin: 0;
padding: 0;

-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}


/*シャツ　横位置*/
.yokoiti_shirt{
display: block;
visibility: visible;
background: #000;
height:100%;
overflow: hidden;
flex: 1;
}

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

.yokoiti_shirt img{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;

}



.yokoiti_shirt:hover img{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}





/*4列目*/
.gir_fourth{
background:#000;
width: 100%;
/*max-width: 1440px;
min-width: 1300px;*/
text-align: center;
margin: 0 auto;
padding: 0;
height:400px;
color:#fff;
display:flex;
display:-webkit-box;/* Android */
display:-ms-flexbox;/* IE10 */
display: -webkit-flex;/* safari（PC） */

justify-content:space-between;
-ms-flex-pack:justify;/* IE10 */
-webkit-justify-content:space-between;/* safari（PC） */
-webkit-box-pack:justify;/* Android*/

flex-direction: row;
-webkit-flex-direction: row;
ms-flex-direction: row;
-webkit-box-orient: normal;

flex-wrap:wrap
-ms-flex-wrap:wrap/* IE10 */
-webkit-flex-wrap:wrap/* safari（PC） */
}

.classic_twist{
width:23%;
height:100%;
position: relative;
}

/*READ MORE PC*/
.classic_twist .read_more{
position: absolute;
bottom: 18px;
left: 18px;
text-align: left;
} 



.classic_twist .read_more::after {
content: "";
display:none;
height:0px;
width: 0px;
margin: 0px;
}

.classic_twist .read_more::before {
content: "";
display:inline-block;
height:11px;
width: 11px;
line-height:1.0;
background: url("../img/arrow_bold_re.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -2px 0 0 6px;
}


.classic_twist .line_photo_left{
display: block;
visibility: visible;
}

.classic_twist .kyokaisen_inner{
border: 1px solid #000;
}

/*クラシック、ひとひねり、動画*/
.classic_twist_movie{
width:23%;
height:100%;
display:block;
}




/*靴、画像*/
.shoes_make{
width:31%;
height:100%;
display:block;
}


/*READ MORE　PCとSP二種類*/
.shoes_make .read_more_sp{
display: none;
visibility: hidden;
position: absolute;
z-index: 9999;
bottom: 12px;
right: 12px;
}

.shoes_title .read_more_pc{
display: block;
visibility: visible;
position: absolute;
bottom: 18px;
left: 18px;
text-align: left;
}

.shoes_title .read_more_pc::after {
content: "";
display:none;
height:0px;
width: 0px;
margin: 0px;
}

.shoes_title .read_more_pc::before {
content: "";
display:inline-block;
height:11px;
width: 11px;
line-height:1.0;
background: url("../img/arrow_bold_re.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: -2px 0 0 6px;
}


/*数字*/
.shoes_make .gir_number{
padding: 0px;
}

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


.shoes_make img{
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}



.shoes_make:hover img{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}

.classic_twist_movie{
overflow:hidden;
}

/*VIDEO　動画*/
.classic_twist_movie video{
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;


}


.classic_twist_movie:hover video{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}


.shoes_title{
width:23%;
height:100%;
display:block;
position: relative;
}

/*数字 PC*/
.shoes_title .gir_number{
padding: 0px 0 0px 0px;
}

/*READ MORE PC*/
.shoes_title .read_more{
position: absolute;
bottom: 18px;
right: 18px;
} 

.shoes_title .line_photo_left{
display: block;
visibility: visible;
z-index: 9999;
}

/*5列目 PC*/
.gir_fifth{
background:#000;
width: 100%;
/*max-width: 1440px;
min-width: 1300px;*/
text-align: center;
margin: 0 auto;
padding: 0;
height:400px;
color:#fff;
display:flex;
display:-webkit-box;/* Android */
display:-ms-flexbox;/* IE10 */
display: -webkit-flex;/* safari（PC） */

justify-content:space-between;
-ms-flex-pack:justify;/* IE10 */
-webkit-justify-content:space-between;/* safari（PC） */
-webkit-box-pack:justify;/* Android*/

flex-direction: row;
-webkit-flex-direction: row;
ms-flex-direction: row;
-webkit-box-orient: normal;

flex-wrap:wrap
-ms-flex-wrap:wrap/* IE10 */
-webkit-flex-wrap:wrap/* safari（PC） */
}

.sense_moods{
width:23%;
height:100%;
display:block;
position: relative;   
}

/*READ MORE PC*/
.sense_moods .read_more{
position: absolute;
bottom: 18px;
right: 18px;
display: block;
visibility: visible;
z-index: 9999;
} 

.sense_moods .kyokaisen_inner{
border: 1px solid #000;
}


.sense_moods .black_box{
width:100%;
height:100%;
position:relative;
margin: 0;
padding: 0;
display:block;
z-index:1;
top: 0%;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}




.mirror{
width: 1000px;
background: #ccc;
height:100%;
overflow: hidden;
flex: 1;
margin: 0;
padding: 0;
position: relative;
}


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

.mirror img{
margin: 0;
padding: 0;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
opacity: 0.9;
}


.mirror:hover img{
margin: 0;
padding: 0;
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 1.0;
}




/*英語*/
.gir_en{
font-size: 17px;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}

/*数字*/
.gir_number{
font-size: 19px;
letter-spacing: 0.1em;
position: absolute;
top:30px;
left:30px;
}

/*日本語*/
.gir_jp{
font-size: 13px;
letter-spacing: 0.1em;
font-weight: bold;
padding: 10px 0 0 0;
}

/*バーニーズマン*/
.barneys_man{
padding: 0px 0 0 0;
}





.box2{
width:100%;
height:100%;
position:relative;
}




/*背景*/
#bg_black{
width:100%;
height:100%;
background:#000;
position: fixed;
z-index:0;
}

.first_pos_relative{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
z-index:1;
width: 100%;
height:100%;
}




#kotei h1 img{
width: 350px;
height: auto;
}

.top_full_01{
visibility:visible;
width:100%;
height:100%;
z-index:1;
display:block;
position:relative;
}

/*BNロゴ　最初*/
#bn_logo{
width:100%;
height:100%;
position: fixed;
z-index:0;
text-align:center;
}

#bn_logo img{
position:absolute;
top:30px;
left: 30px;
}





/*ボディコピー　センタリング PC*/
.top_full_02{
width:100%;
height: 100%;
position: relative;
text-align: center;
font-size: 15px;
line-height: 42px;
letter-spacing: 0.1em;
}


#body_copy{
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

#body_svg{
width:600px;
height:auto;
}




/*WELCOME BARNEYS【PC】
-------------------------------------------------------------------------------------*/
#welcome_text{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 50px 0 20px 0;
}

#welcome_text h3{
width: 100%;
margin: 0 auto;
padding: 0 0 20px 0;
text-align: center;
font-weight: normal;
font-size:26px;
letter-spacing: 0.09em;
}

#welcome_text p{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 13px;
font-weight: bold;
line-height: 1.5;
color: #666;
letter-spacing: 0.02em;
}


/* カルーセル　WELCOME BARNEYS【PC】
-------------------------------------------------------------------------------------*/

.slider-container{
width: 95%;
max-width: 1100px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.slider {
width: 95%;
max-width: 1100px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.slider div {
width: 100%;
margin: 0 auto;
padding: 0 0px 0 0x;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}


.slider div img{
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
padding: 0 0px 0 0x;
box-sizing: border-box;

-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
-ms-transform: scale(1.00);
transform: scale(1.00);
}

.slider div img:hover{
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
opacity: 0.9;
}


/* カルーセル2　WELCOME BARNEYS【PC】
-------------------------------------------------------------------------------------*/

.slider-container_02{
max-width: 1100px;
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.slider_02 {
max-width: 1100px;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.slider_02 div {
width: 840px;
margin: 0 auto;
padding: 0 10px 0 10x;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}


.slider_02 div img{
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
padding: 0 10px 0 10x;
box-sizing: border-box;
}



#arrows{
width: 840px;
height: 25px;
margin: 0 auto;
text-align: center;
position: relative;
}

#arrows .slick-next:before{content:""}
#arrows .slick-after:before{content:""}

.calling_all_businessmen_fall_2017 #arrows .slick-next{
position: absolute;
top: -360px !important;
left: 875px; 
display: block;
height: 25px;
width: 25px;
line-height:1.0;
background: url("../img/arrow_bold_black.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: 0;
}

.calling_all_businessmen_fall_2017 #arrows .slick-prev{
position: absolute;
top: -360px ;
left: -50px; 
display: block;
height: 25px;
width: 25px;
line-height:1.0;
background: url("../img/arrow_bold_left_black.svg") no-repeat;
background-size: contain;
vertical-align: middle;
margin: 0;
}



/*SEASONS LOOKS BARNEYS【PC】
-------------------------------------------------------------------------------------*/
#seasons_looks{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 50px 0 20px 0;
}

#seasons_looks h3{
width: 100%;
margin: 0;
padding: 0 0 20px 0;
text-align: center;
font-weight: normal;
font-size:26px;
letter-spacing: 0.09em;
}

#seasons_looks p{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 13px;
font-weight: bold;
line-height: 1.5;
color: #666;
letter-spacing: 0.02em;
}


/*フッタ　ボタン SP*/
#store_shop_last{
width: 454px;
margin: 0 auto;
text-align: center;
padding:40px 0 54px 0;
}


ul.store_shop{
width: 100%;
padding: 0;
margin: 0;
text-align: center;
}

ul.store_shop li{
display: block;
border: 4px solid #000;
height:18px;
padding: 10px 0 10px 0;
margin:0 0 20px 0;
width: 454px;
font-size:18px;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
}

ul.store_shop li a{
width: 100%;
height: 100%;
display: block;
}

#gir_share{
text-align: center;
margin: 0 auto;
width: 100%;
color: #000;
}


#gir_share h3{
font-size: 26px;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
text-align: center;
margin: 0 auto;
}



ul.gir_share li.line_nhn_gir {
width:0;
visibility: hidden;
display: none;
}





/*フッタ　ボタン SP*/
#store_shop_last{
width: 100%;
margin: 0 auto;
padding: 40px 0 20px 0;
text-align: center;
}


ul.store_shop{
width: 454px;
padding: 0;
margin: 0 auto;
text-align: center;
}

ul.store_shop li{
line-height: 1.0;
display: block;
border: 4px solid #000;
letter-spacing: 0.1em;
padding: 10px 0 10px 0;
margin:0 0 30px 0;
width: 454px;
height:24px;
font-size:24px;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
}

@media all and (-ms-high-contrast:none) {
ul.store_shop li{
line-height: 1.4;/*IE10*/
}
}

@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, ul.store_shop li {
line-height: 1.4;/*IE11*/
}
}

_:-ms-lang(x), _::-webkit-meter-bar, ul.store_shop li {
line-height: 1.2;/*EDGE*/
}

ul.store_shop li a{text-decoration:none; color:#000; cursor: pointer; cursor: hand;}
ul.store_shop li a{
width: 100%;
height: 100%;
display: block;
}
ul.store_shop li a:link { text-decoration:none; color:#000; }
ul.store_shop li a:visited { text-decoration:none; color:#000;}
ul.store_shop li a:hover { text-decoration:none; color:#000;}
ul.store_shop li a:active { text-decoration:none; color:#000;}






/*remodal*/
.capture_area{
padding: 25px 0 25px 0;
}

.capture{
color: #585858;
font-weight: bold;
line-height: 1.5;
font-size: 12px;
}
.capture a { text-decoration:none; color:#585858; cursor: pointer; cursor: hand;}
.capture a :link { text-decoration:none; color:#585858; }
.capture a:visited { text-decoration:none; color:#585858;}
.capture a:hover { text-decoration:underline; color:#585858;}
.capture a:active { text-decoration:none; color:#585858;}



}/*end of media screen */

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




}/*end of media screen */







/*アニメーション
-------------------------------------------------------------------*/
.yomikomi_zero{
-webkit-transition: opacity 0s linear, color 0s linear;
-moz-transition: opacity 0s linear, color 0s linear;
-o-transition: opacity 0s linear, color 0s linear;
transition: opacity 0s linear, color 0s linear;
opacity:0.0;
}
.color_black{
-webkit-transition: opacity 1s linear, color 1s linear;
-moz-transition: opacity 1s linear, color 1s linear;
-o-transition: opacity 1s linear, color 1s linear;
transition: opacity 1s linear, color 1s linear;
opacity:0.5;
}

.color_white{
-webkit-transition: opacity 1s linear, color 1s linear;
-moz-transition: opacity 1s linear, color 1s linear;
-o-transition: opacity 1s linear, color 1s linear;
transition: opacity 1s linear, color 1s linear;
color:#fff;
opacity:1.0;
}

.color_gray{
visibility:visible;
-webkit-transition: opacity 1s linear, color 1s linear;
-moz-transition: opacity 1s linear, color 1s linear;
-o-transition: opacity 1s linear, color 1s linear;
transition: opacity 1s linear, color 1s linear;
color:#fff;
opacity:1.0;
}

.opacity_zero{
-webkit-transition: opacity 1s linear, color 0.5s linear;
-moz-transition: opacity 1s linear, color 0.5s linear;
-o-transition: opacity 1s linear, color 0.5s linear;
transition: opacity 1s linear, color 0.5s linear;
opacity:0.0;
}

.opacity_iti{
-webkit-transition: opacity 1s linear, color 0.5s linear;
-moz-transition: opacity 1s linear, color 0.5s linear;
-o-transition: opacity 1s linear, color 0.5s linear;
transition: opacity 1s linear, color 0.5s linear;
opacity:1.0;
}

.effect{
margin:0;
padding:0;
}

.opacity_only{
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
opacity:1.0;
}

.effect_0{
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
opacity:0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}


.effect_1{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity:1.0;
}

.effect_2{
-webkit-transition: 2.0s;
-moz-transition: 2.0s;
-o-transition: 2.0s;
transition: 2.0s;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity:1.0;
}


.effect_3{
-webkit-transition: 3.0s;
-moz-transition: 3.0s;
-o-transition: 3.0s;
transition: 3.0s;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity:1.0;
}

.effect_0_d0{
opacity:0;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}

.effect_0_d10{
opacity:0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}

.effect_0_l10{
opacity:0;
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}


.effect_0_d20{
opacity:0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}

.effect_0_l20{
opacity:0;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
}

.effect_0_d30{
opacity:0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}


.effect_0_d40{
opacity:0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}


.effect_0_d60{
opacity:0;
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);
}




.effect_2{
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
transition: 2s;

-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);

opacity:1;
}

.effect_1_delay{
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;

-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);

opacity:1;
}