/* vol01
--------------------------------------------*/
.pc{
display:block;
}

.sp{
display:none;
}

.scroll_simple_line{
display:none;
position:absolute;
width:1px;
margin:0 auto;
background:#666;
height:80px;
bottom:-30px;
left:0;
right:0;
z-index:3;
}

.scroll_simple_line .line_gray{
position:relative;
height:80px;
width:100%;
background:#fff;
opacity:1.0;
animation-duration: 3s;
animation-name: takasa_idou;
animation-iteration-count: infinite;/*ループ*/
animation-timing-function: ease-out;
}



@keyframes takasa_idou {
0% {
height:0px;
margin-top:0;
}

50% {
height:80px;
margin-top:0px;
}

100% {
height:0px;
margin-top:80px;
}
}







/* 罫線　アニメーション　Effect2
 *************************************** */
.change-border02::after,
.change-border02::before,
.change-border02__inner::after,
.change-border02__inner::before {
background-color: #ccc;
content: "";
display: block;
position: absolute;
z-index: 10;
transition: all .5s ease;
-webkit-transition: all .5s ease;
}

.change-border02::after {
height: 4px;
right: 0px;
top: 8px;
width: 0px;
}

.change-border02::before {
bottom: 0px;
height: 4px;
left: 8px;
width: 0px;
}

.change-border02__inner::after {
height: 0px;
left: 8px;
top: 8px;
width: 4px;
}

.change-border02__inner::before {
bottom: 0px;
height: 0px;
right: 0px;
width: 4px;
}

/* hover */
.change-border02:hover::after,
.change-border02:hover::before {
width: 100%;
width: calc(100% - 9px);
}

.change-border02:hover .change-border02__inner::after,
.change-border02:hover .change-border02__inner::before {
height: 100%;
height: calc(100% - 9px);
}








/*各2018年記事リンク　PC*/
#link_2018aw{
width:100%;
color:#000;
border-top:none;
background:#f0efed;
position:relative;
}

.link_2018aw_zentai{
width:1098px;
margin:0 auto;
padding:80px 0 0 0 ;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;

-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}




/*各 PC*/
.kaku_thumb_2018aw{
flex-basis: 342px;
height:300px;
margin:0;
padding:0px 0 0 0 ;
}


.kaku_thumb_2018aw a{
text-decoration:none !important;
color:#000 !important;
}

.kaku_thumb_2018aw a:hover{
text-decoration:none !important;
color:#000 !important;
}

/*タイトル　PC*/
#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type{
padding:80px 36px 0 0 ;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2{
width:100%;
text-align:center;
font-size:17px;
line-height:1.4em;
letter-spacing:0.1em;

font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
padding:2px 0 2px 0;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2 div:first-child{
font-size:13px;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2 div:last-child{
font-size:19px;
}


#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2::before{
width: 342px;
content: "";
display: block;
padding: 0px 0 12px 0;
margin: 0;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2::after{
width: 342px;
content: "";
display: block;
padding: 12px 0 0px 0;
margin: 0;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type p{
width:100%;
text-align:center;
font-size:13px;
line-height:1.4em;
letter-spacing:0.02em;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(2){
padding:0 36px 0 0 ;
}


#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(4){
padding:0 36px 0 0 ;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(5){
padding:0 36px 0 0 ;
}

/*サムネイル　画像　PC*/
.thumb_img{
width:100%;
height:auto;
position:relative;
overflow:hidden;
}

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

.kaku_thumb_2018aw a img{
  transform: scale(1);
  transition: transform 0.5s ease;
}

.kaku_thumb_2018aw a:hover img{
  transform: scale(1.02);
}

/*タイトルEN　PC*/
.title_en{
font-family: 'brown-bold';
font-size : 15px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:12px 0 0 0;
}

/*タイトルJP　PC*/
.title_jp{
font-size : 13px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:8px 0 0 0;
font-weight:bold
}

/*タイトル日付　PC*/
.title_date{
letter-spacing : 0.1em;
font-size : 13px;
padding:8px 0 0 0;
color : #666;
font-family: 'brown-bold';
}





/*予告 PC*/
.thumb_yokoku{
position:relative;
}


/*罫線　PC*/
.thumb_img .keisen{
position:absolute;
width:332px;
height:182px;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #a8a8a8;
top:5px;
left:5px;

opacity:0.6;
}

/*罫線　PC*/
.thumb_yokoku .keisen{
position:absolute;
width:332px;
height:182px;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #a8a8a8;
top:5px;
left:5px;

opacity:0.6;
}

/*coming soon　PC*/
.coming_soon{
font-family: 'brown-bold';

width:342px;
height:192px;
background : #666666;
text-align:center;

font-size : 16px;
line-height : 22px;
letter-spacing : 1.2px;
color : #ccc;

}

/*予告　タイトルのみ　PC*/
.kaku_thumb_2018aw .yokoku{
font-family: 'brown-bold';
font-size : 15px;
letter-spacing : 0.04em;
color : #858585;
padding: 12px 0 0 0;
}

.coming_date_text{
padding: 78px 0 0 0;
}

/*ライン　罫線*/

#link_2018aw .line{
position:absolute;
bottom:-30px;
left:0;
right:0;
width:100%;
text-align:center;
}




/*sotries　PC*/
#stories_2018aw{
width:100%;
margin:0 auto;
background:#fff;
}

#stories_2018aw h3{
font-size : 20px;
letter-spacing : 0.1em;
color : #000;
font-family: 'brown-bold';
padding:50px 0 50px 0;
text-align:center;
width:100%;
}

#stories_2018aw ul{
width:996px;
margin:0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}


#stories_2018aw ul li {
flex-basis:332px;
height:300px;
overflow:hidden;
}

#stories_2018aw ul li .img_layout{
width:332 px;
height:199px;
overflow:hidden;
}

#stories_2018aw ul li .img_layout img{
width:332 px;
height:199px;
overflow:hidden;
}

#stories_2018aw ul li a{
text-decoration:none;
overflow:hidden;
}

#stories_2018aw ul li a:hover{
text-decoration:none;
}

#stories_2018aw ul li a:visited{
text-decoration:none;
}

#stories_2018aw ul li a img{
  transform: scale(1);
  transition: transform 0.5s ease;
}

#stories_2018aw ul li a:hover img{
  transform: scale(1.02);
}

/*タイトルEN　PC*/
#stories_2018aw .title_en{
font-family: 'brown-bold';
font-size : 15px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:12px 0 0 0;
}

/*タイトルJP　PC*/
#stories_2018aw .title_jp{
font-size : 13px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:8px 0 0 0;
font-weight:bold
}

/*タイトル日付　PC*/
#stories_2018aw .entry_date{
letter-spacing : 0.1em;
font-size : 13px;
padding:8px 0 0 0;
color : #666;
font-family: 'brown-bold';
}














/* スマホ
--------------------------------------------*/
@media screen and (max-width: 768px) {
.sp{
display:block;
}

.pc{
display:none;
}


#profile,
#visual.vol01 .inner{
width: auto;
}

#reasons .inner{
max-width: inherit;
min-width: inherit;
}

#reasons .text{
width:auto;
position: static;
}


/*メインヴィジュアル　SP*/

#visual.vol01 .text img.pc{
display: none;
}

#visual.vol01 .text img.sp{
display: inline-block;
width: 320px;
height: auto;
}

#visual.vol01 .inner{
width: 100%;
}

#visual.vol01 .text{
float: none;
width: 100%;
padding: 0 20px 50px 20px;
box-sizing: border-box;
}

#visual.vol01 .text h1{
font-size: 16px;
}

#visual.vol01 .text h1 span:first-child{
font-size: 22px;
margin-bottom: 10px;
}

#visual.vol01 .text.show .line03{
font-size: 12px;
line-height: 15px;
}

#visual.vol01 .text.show .line04{
font-size: 11px;
line-height: 15px;
}

#visual.vol:after{
height: 40px;
bottom: -20px;
}

#didyouknow{
width:100%;
margin:0;
padding: 50px 0 100px 0;
}

/*プロフィール　SP*/
#profile{
padding: 35px;
margin-left: 30px;
margin-right: 30px;
margin-top:-50px;
display: block;
}

#profile:before{
height: 40px;
top: -20px;
}

#profile img{
width: 100%;
height: auto;
}

#profile .text{
text-align: center;
margin-top: 10px;
}

#profile .text p:last-child{
text-align: left;
font-weight: normal;
margin-left: -25px;
margin-right: -25px;
}

#profile .text p:last-child br{
display: none;
}

#profile .text p{
font-size: 10px;
line-height: 17px;
letter-spacing: normal;
}

#profile .text h3{
font-size: 15px;
margin: 10px 0;
}






/*SP　最初のリード*/
#didyouknow{
width:100%;
background: #000;
color: #fff;
text-align: center;
text-align: -webkit-center;
padding: 80px 0 80px 0;
}


/*SP*/
#didyouknow p{
width:90%;
margin:0 auto;
font-weight: normal;
font-size: 13px;
line-height: 2.3em;
letter-spacing:normal;
}





/*プロフィール　 SP*/

#profile{
box-sizing: border-box;
width:90%;
margin:0 auto;
position: relative;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


#profile .cross{
width:90%;
text-align:center;
margin:0 auto;
padding:20px 0 20px 0;
}


#profile .cross img{
width: 30px;
height: auto;
}

#profile .text{
font-weight: bold;
}

#profile h3{
font-size: 18px;
letter-spacing: 0.1em;
margin: 25px 0 25px 0;
}

#profile h3 span:first-child{
font-family: 'brown-bold';
padding:0 20px 0 0;
font-size : 20px;
}

#profile h3 span:last-child{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 14px;
letter-spacing : 3.5px;
font-weight:bold;
}


#profile p{
font-size: 12px;
line-height: 24px;
letter-spacing: normal;
}

#profile .syokusyu{
font-size : 13px;
letter-spacing: 0.1em;
font-weight:bold;
line-height : 1.3em;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
padding: 15px 0 10px 0;
}


/*二列　SP*/
#profile .nidan{
width:100%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding:50px 0 0 0;
}

#profile .nidan .nidan_left{
width:100%;
padding: 0 0px 0 0;
text-align:left;
}

#profile .nidan .nidan_right{
width:100%;
text-align:center;
padding: 0 0px 0 0;
margin: 0 auto;
}

#profile .nidan .nidan_right img{
width:100%;
height: auto;
}


.nidan_02{
width:100%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; 
padding:0px 0 50px 0px;
}

.nidan_02 .nidan_left{
width:90%;
margin: 0 auto;
text-align:left;
}

.nidan_02 .nidan_right{
width:100%;
margin: 0 auto;
padding: 0 0px 0 0;
text-align:center;
}

#profile .nidan_02 .nidan_right img{
width:100%;
height: auto;
}


/*文字組基本　SP*/
.inter_860{
width:100%;
margin:0 auto;
}

.takehara{
font-weight:bold;
}

.erikaku{
color:#999999;
font-weight:bold;
}






/*ファースト　SP*/
#first{
width:90%;
margin:0 auto;
padding:50px 0 50px 0;
}

#first img{
width:100%;
height:auto;
padding: 0 0 40px 0;
}

#first h3{
font-size : 15px;
line-height:1.3;
letter-spacing :0.05em;
padding: 0 0 40px 0;
font-weight:bold;
}

/*質問インデント　SP*/

#first .question_vol1{
width: 100%;
font-size : 14px;
line-height :1.4;
color : #FFFFFF;
letter-spacing :0.05em;
font-weight:bold;
text-align:left;
padding: 0 0 30px 0;

display:block;
-webkit-align-items: normal; 
align-items:normal;
text-indent: 3em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


#first .question_vol1::before{
width: 2.5em;
content:"";
height:1px;
background:#fff;
padding:0;
margin:0;
margin-right:0px;
text-align:left;
position:absolute;
left:0em;
top:0.5em;
}



#first p{
font-size : 13px;
line-height : 2.0em;
color : #FFFFFF;
letter-spacing :0.05em;
padding: 0 0 26px 0;
font-weight:normal;
}
#first p:last-child{
padding: 0 0 0px 0;
}


/*セカンド　SP*/
#second{
width:100%;
margin:0 auto;
padding: 0 0 50px 0;
}

#second .sp_layout{
width:90%;
margin:0 auto;
}

#second img{
width:100%;
height:auto;
padding: 0 0 44px 0;
}

#second h3{
font-size : 17px;
letter-spacing :0.05em;
padding: 0px 0 50px 0;
font-weight:bold;
}


#second .question_vol1{
width: 100%;
font-size : 14px;
line-height :1.4;
color : #FFFFFF;
letter-spacing :0.05em;
font-weight:bold;
text-align:left;
padding: 0 0 30px 0;

display:block;
-webkit-align-items: normal; 
align-items:normal;
text-indent: 3em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


#second .question_vol1::before{
width: 2.5em;
content:"";
height:1px;
background:#fff;
padding:0;
margin:0;
margin-right:0px;
text-align:left;
position:absolute;
left:0em;
top:0.5em;
}



#second p{
font-size : 13px;
line-height : 2.0em;
color : #FFFFFF;
letter-spacing :0.05em;
padding: 0 0 26px 0;
font-weight:normal;
}

#second p:last-child{
padding: 0 0 0px 0;
}



/*切り替え*/
.kirikae_layout{
position:relative;
height:54vw;
margin:0 0 40px 0 ;
}


/*サード　SP*/
#third{
width:100%;
margin:0 auto;
padding: 0 0 60px 0;

display: -webkit-flex;
display: block;
flex-wrap: wrap;
flex-direction: row-reverse;    /*横並び・右から左*/
-webkit-align-items: center; 
align-items:center;
}

#third .sp_layout{
padding:30px 0 30px 0;
}

#third .pc_img{
width: 90% !important;
margin:0 auto;
height:auto;
padding: 0 0 44px 0;
}

#third .sp_layout_90{
width: 90% !important;
margin:0 auto;
position:relative;
}

#third .pc_img img{
width:100%;
height:auto;
}


#third .pc_left{
width:100%;	
padding: 0 0px 0px 0;
}

#third h3{
font-size : 17px;
letter-spacing :0.05em;
padding: 0 0 50px 0;
font-weight:bold;
}


#third .question_vol1{
width: 100%;
font-size : 14px;
line-height :1.4;
color : #FFFFFF;
letter-spacing :0.05em;
font-weight:bold;
text-align:left;
padding: 0 0 30px 0;

display:block;
-webkit-align-items: normal; 
align-items:normal;
text-indent: 3em;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


#third .question_vol1::before{
width: 2.5em;
content:"";
height:1px;
background:#fff;
padding:0;
margin:0;
margin-right:0px;
text-align:left;
position:absolute;
left:0em;
top:0.5em;
}



#third p{
font-size : 13px;
line-height : 2.0em;
color : #FFFFFF;
letter-spacing :0.05em;
padding: 0 0 26px 0;
font-weight:normal;
}
#third p:last-child{
padding: 0 0 0px 0;
}


/*フォース 4　SP*/
#fourth{
width:100%;
margin:0 auto;
padding:0px 0 80px 0 ;
}

#fourth img{
width:100%;
height:auto;
}





/*フィフス 5　SP*/
#fifth{
width:90%;
margin:0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding:0px 0 30px 0 ;
}

#fifth .pc_img{
width:100%;
padding:0px 0 0px 0 ;
margin:0 auto;
}

#fifth .pc_img img{
width:100%;
height:auto;
padding:0px 0 0px 0 ;
margin:0 auto;
}

#fifth .pc_left{
width:100%;
padding: 30px 0px 0px 0px;
margin:0;
}


#fifth h3{
font-size : 16px;
line-height:1.3;
letter-spacing :0.05em;
padding: 0px 0 30px 0;
font-weight:bold;
}

#fifth .question_vol1{
width: 100%;
font-size : 14px;
line-height :1.4;
color : #FFFFFF;
letter-spacing :0.05em;
font-weight:bold;
text-align:left;
padding: 0 0 30px 0;

display:block;
-webkit-align-items: normal; 
align-items:normal;
text-indent: 3em;
position:relative;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


#fifth .question_vol1::before{
width: 2.5em;
content:"";
height:1px;
background:#fff;
padding:0;
margin:0;
margin-right:0px;
text-align:left;
position:absolute;
left:0em;
top:0.5em;
}

#fifth p{
font-size : 13px;
line-height : 2.0em;
color : #FFFFFF;
letter-spacing :0.05em;
padding: 0 0 26px 0;
font-weight:normal;
}

#fifth p:last-child{
padding: 0 0 0px 0;
}






/*シックスス 6　SP*/
#sixth{
width:90%;
margin:0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;    /*横並び・右から左*/
padding:0px 0 0px 0 ;
position:relative;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
top:0px;
}

#sixth .pc_img{
width:100%;
}

#sixth .pc_img img{
width:100%;
height:auto;
}

#sixth .pc_left{
width:100%;
padding: 30px 0px 0px 0px;
}



#sixth h3{
font-size : 17px;
letter-spacing :0.05em;
padding: 40px 0 50px 0;
font-weight:bold;
}


#sixth .question_vol1{
width: 100%;
font-size : 14px;
line-height :1.4;
color : #FFFFFF;
letter-spacing :0.05em;
font-weight:bold;
text-align:left;
padding: 0 0 30px 0;

display:block;
-webkit-align-items: normal; 
align-items:normal;
text-indent: 3em;
position:relative;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


#sixth .question_vol1::before{
width: 2.5em;
content:"";
height:1px;
background:#fff;
padding:0;
margin:0;
margin-right:0px;
text-align:left;
position:absolute;
left:0em;
top:0.5em;
}

#sixth p{
font-size : 13px;
line-height : 2.0em;
color : #FFFFFF;
letter-spacing :0.05em;
padding: 0 0 26px 0;
font-weight:normal;
}


/*セブンス　SP*/
#seventh{
width:100%;
margin:0 auto;
padding: 0px 0 80px 0;
}

#seventh img{
width:100%;
height:auto;
}

#seventh p{
width:100%;
text-align:center;
font-size:10px;
padding:10px 0 0 0 ;
letter-spacing:0.01em;
}



/*collection スーツ　SP*/
#collection_vol1{
width:88%;
margin:0 auto;
}

/*見出し*/
#collection_vol1 h2{
font-weight : bold;
font-size : 20px;
letter-spacing : 0.1em;
color : #fff;
font-family: 'brown-bold';
text-align:center;
margin:0 auto;
width:100%;
margin:0 auto;
padding:0 0 30px 0;
}

#collection_vol1 .nidan_flex{
width:100%;
margin:0 auto;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#collection_vol1 .madison{
width:100%;
padding-right:0px;
position:relative;
}


/*罫線　左*/
#collection_vol1 .madison .keisen{
display:none;
/*
width:100%;
height:634px;
border:4px solid #fff;
position:absolute;
top:10px;
left:9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
*/
}


/*罫線　計算*/
#collection_vol1 .madison .suit_photo img{
width:100%;
height:auto;
position:relative;
}

#collection_vol1 .madison .suit_photo::before{
content : "";
display: block;
width:calc(100% + 4px);
height:calc(88vw * 1.5 + 4px);
border:4px solid #fff;
position:absolute;
z-index:10;
top:10px;
left:9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}





#collection_vol1 .madison h3{
width:100%;
text-align:center;
font-size : 18px;
line-height:1.3;
letter-spacing : 0.1em;
color : #fff;
font-family: 'brown-bold';
padding-top:40px;
}

#collection_vol1 .madison h4{
width:100%;
text-align:center;
font-weight : bold;
font-size : 14px;
letter-spacing : 0.1em;
color : #fff;
padding-top:14px;
padding-bottom:30px;
}

#collection_vol1 .madison .kaisetu{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding: 25px 0 25px 0;
font-size : 12px;
line-height : 2.0em;
color : #FFFFFF;
}

/*クレジット　SP*/
#collection_vol1 .madison .credit{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
border-bottom:1px solid #ccc;
padding: 25px 0 25px 0;
font-size : 12px;
line-height : 2.0em;
color : #FFFFFF;
}


#collection_vol1 .manhattan{
width:100%;
padding-left:0px;
position:relative;
margin-top:60px;
}

#collection_vol1 .manhattan img{
width:100%;
height:auto;
}

#collection_vol1 .manhattan h3{
width:100%;
text-align:center;
line-height:1.3;
}

/*罫線　右*/
#collection_vol1 .manhattan .keisen{
display:none;
/*
width:100%;
height:100%;
border:4px solid #fff;
position:absolute;
top:10px;
left:9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
*/
}

/*罫線　計算*/
#collection_vol1 .manhattan .suit_photo img{
width:100%;
height:auto;
position:relative;
}

#collection_vol1 .manhattan .suit_photo::before{
content : "";
display: block;
width:calc(100% + 4px);
height:calc(88vw * 1.5 + 4px);
border:4px solid #fff;
position:absolute;
z-index:10;
top:10px;
left:9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}






#collection_vol1 .manhattan h3{
width:100%;
text-align:center;
font-size : 18px;
letter-spacing : 0.1em;
color : #fff;
font-family: 'brown-bold';
padding-top:40px;
}

#collection_vol1 .manhattan h4{
width:100%;
text-align:center;
font-weight : bold;
font-size : 14px;
letter-spacing : 0.05em;
color : #fff;
padding-top:14px;
padding-bottom:30px;
}

#collection_vol1 .manhattan .kaisetu{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding: 25px 0 25px 0;
font-size : 12px;
line-height : 2.0em;
color : #FFFFFF;
}

/*クレジット　SP*/
#collection_vol1 .manhattan .credit{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
border-bottom:1px solid #ccc;
padding: 25px 0 25px 0;
font-size : 12px;
line-height : 2.0em;
color : #FFFFFF;
}




/*DETAIL　SP*/

#detail_vol1{
width:100%;
margin:0 auto 60px auto;
}

/*見出し　SP*/
#detail_vol1 h2{
width:90%;
font-weight : bold;
font-size : 20px;
letter-spacing : 0.1em;
color : #fff;
font-family: 'brown-bold';
padding:100px 0 30px 0;
text-align:center;
margin:0 auto;
}


/*一段目　SP*/
#detail_vol1 .three_flex_01{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

#detail_vol1 .three_flex_01 img{
width:100%;
height:auto;
}

#detail_vol1 .number{
font-family : Brown-bold;
font-size : 24px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
top:395px;
right:10px;
display:none;
}

#detail_vol1 h3{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
font-size : 14px;
line-height:1.3;
letter-spacing : 0.04em;
padding:34px 0 12px 0;
width:100%;
text-align:center;
height:35px;
}


#detail_vol1 p{
font-size : 12px;
letter-spacing : 0.02em;
line-height:2.0em;
}

#detail_vol1 .sp_layout{
width:92%;
margin:0 auto;
text-align:left;
}

#detail_vol1 .three_flex_01 .n01{
flex-basis: 50%;
margin-right:0px;
position:relative;
}



#detail_vol1 .three_flex_01 .n01 .photo{
position:relative;
}

#detail_vol1 .three_flex_01 .n01 .photo::after{
content:"01";
display: block;
font-family : Brown-bold;
font-size : 26px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
bottom:-12px;
right:12px;
z-index:3;
}



#detail_vol1 .three_flex_01 .n02{
flex-basis: 50%;
margin-right:0px;
position:relative;
}


#detail_vol1 .three_flex_01 .n02 .photo{
position:relative;
}
#detail_vol1 .three_flex_01 .n02 .photo::after{
content:"02";
display: block;
font-family : Brown-bold;
font-size : 26px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
bottom:-12px;
right:12px;
z-index:3;
}

#detail_vol1 .three_flex_01 .n03{
flex-basis: 50%;
position:relative;
}


/*3*/
#detail_vol1 .three_flex_02 .n03{
flex-basis: 50%;
position:relative;
}

#detail_vol1 .three_flex_01 .n03 .photo{
position:relative;
}
#detail_vol1 .three_flex_01 .n03 .photo::after{
content:"03";
display: block;
font-family : Brown-bold;
font-size : 26px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
bottom:-12px;
right:12px;
z-index:3;
}



/*4*/
#detail_vol1 .three_flex_01 .n04{
flex-basis: 50%;
position:relative;
margin:0;
}

#detail_vol1 .three_flex_01 .n04 .photo{
position:relative;
}
#detail_vol1 .three_flex_01 .n04 .photo::after{
content:"04";
display: block;
font-family : Brown-bold;
font-size : 26px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
bottom:-12px;
right:12px;
z-index:3;
}


/*5*/
#detail_vol1 .three_flex_01 .n05{
flex-basis: 50%;
position:relative;
margin:0;
}

#detail_vol1 .three_flex_01 .n05 .photo{
position:relative;
}
#detail_vol1 .three_flex_01 .n05 .photo::after{
content:"05";
display: block;
font-family : Brown-bold;
font-size : 26px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
bottom:-12px;
right:12px;
z-index:3;
}



/*6*/
#detail_vol1 .three_flex_01 .n06{
flex-basis: 50%;
position:relative;
margin:0;
}

#detail_vol1 .three_flex_01 .n06 .photo{
position:relative;
}
#detail_vol1 .three_flex_01 .n06 .photo::after{
content:"06";
display: block;
font-family : Brown-bold;
font-size : 26px;
letter-spacing : 0.04em;
color : #fff;
position:absolute;
bottom:-12px;
right:12px;
z-index:3;
}





/*ECリンク｜SEE THE COLLECTION　SP*/
#online-site-2018aw-layout{
padding:0 0 30px 0;
}

#online-site-2018aw{
width:94%;
height:calc( 98vw / 2 );
margin:0 auto 0 auto;
padding:0 0 0px 0;
position:relative;
}



/*リンク*/
#online-site-2018aw a{
width:100%;
height : calc( 90vw / 2 );
display:block;
position:absolute;
top:0;
left:0;
z-index:3;
text-decoration: none;
color:#fff;
}

#online-site-2018aw a:hover{
text-decoration: none;
color:#fff;
}

#online-site-2018aw a:after{
  content: "";
  display: block;
  border:1px solid #dcdcdc;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
background:none;
opacity:0.5;
}

/*マウスオーバー*/
#online-site-2018aw a img{
transform: scale(1);
transition: transform 0.5s ease;
}

#online-site-2018aw a:hover img{
transform: scale(1.01);
}



/*罫線　線幅１式の分、縦横に伸ばす*/
#online-site-2018aw .keisen_01{
display:none;

width : calc( 100% + 4px  );
height : calc( 90vw / 2 );
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

border-style : solid;
border-color : #fff;
border-width : 2px;

position:absolute;
z-index:2;
top:8px;
left:8px;
}

#online-site-2018aw .text{
position:absolute;
z-index:2;

width:100%;
height:calc( 90vw / 2 );

-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

text-align:center;
margin:0 auto;
padding:0;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;

-webkit-align-items: center; /*天地中央揃える*/
align-items:center;

overflow:hidden;
}
#online-site-2018aw .text div{
text-align:center;
margin:0 auto;
}

#online-site-2018aw .photo_layout{
width:100%;
height:calc( 90vw / 2 );
margin: 0 auto;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background:none;
overflow:hidden;
}



#online-site-2018aw .photo_layout img{
width: 100% !important;
height : auto;
}





#online-site-2018aw span:nth-child(1){
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
width:100%;
text-align:center;
font-size : 16px;
letter-spacing : 0.02em;
margin:0 auto 0 auto;
display:block;
}

#online-site-2018aw span:last-child{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
width:100%;
text-align:center;
font-size : 11px;
letter-spacing : 0.02em;
margin:0 auto 0 auto;
display:block;
}





/*PERSONAL SHOPPING SERVICE　SP*/
#personal-shopping-2018aw-layout{
padding:0 0 0px 0;
background:#000;
margin:0 auto;
width:100%;
}




#personal-shopping-2018aw{
width:94%;
height:calc( 90vw / 2 );
margin:0 auto 0 auto;
padding:0 0 0px 0;
position:relative;
}


/*テキスト*/
#personal_layout_text{
width:90%;
margin: 0 auto;
padding:15px 0 0 0;
color: #fff;
font-size: 13px;
line-height: 1.7em;
/* ジャスティファイ*/
text-align: justify;
text-justify: inter-ideograph;
}






/*リンク*/
#personal-shopping-2018aw a{
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:3;
text-decoration: none;
color:#fff;
}

#personal-shopping-2018aw a:hover{
color:#fff;
text-decoration: none;
}


#personal-shopping-2018aw a:after{
  content: "";
  display: block;
  border:1px solid #dcdcdc;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
background:none;
opacity:0.5;
}



/*マウスオーバー*/
#personal-shopping-2018aw a img{
transform: scale(1);
transition: transform 0.5s ease;
}

#personal-shopping-2018aw a:hover img{
transform: scale(1.01);
}





/*罫線　線幅１式の分、縦横に伸ばす*/
#personal-shopping-2018aw .keisen_01{
display:none;
}





#personal-shopping-2018aw .text{
position:absolute;
z-index:2;

width:100%;
height:calc( 90vw / 2 );
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

text-align:center;
margin:0;
padding:0;
/*background: url(../images/vol01/see_the_collection.jpg) no-repeat center center;*/
background-size:cover;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;

overflow:hidden;
}

#personal-shopping-2018aw .text div{
text-align:center;
margin:0 auto;
}

#personal-shopping-2018aw .photo_layout{
width:100%;
height:calc( 90vw / 2 );
margin: 0 auto;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background:none;
overflow:hidden;
}



#personal-shopping-2018aw .photo_layout img{
width: 100% !important;
height : auto;
}





#personal-shopping-2018aw span:nth-child(1){
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
width:100%;
text-align:center;
font-size : 16px;
letter-spacing : 0.02em;
margin:0 auto 0 auto;
display:block;
}

#personal-shopping-2018aw span:last-child{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
width:100%;
text-align:center;
font-size : 11px;
letter-spacing : 0.02em;
margin:0 auto 0 auto;
display:block;
}








/*各2018年記事リンク　SP*/
#link_2018aw{
width:100%;
color:#000;
border-top:none;
background:#f0efed;
position:relative;
margin:0 auto;
text-align:center;
}

.link_2018aw_zentai{
width:94%;
margin:0 auto;
padding:0px 0 0 0 ;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;

-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}




/*各 SP*/
.kaku_thumb_2018aw{
width:100%;
height:auto;
margin:0 auto;
padding:0px 0 40px 0 ;
text-align:left;
}


/*タイトル　SP*/
#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type{
padding:80px 0px 0 0 ;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2{
width:100%;
text-align:center;
font-size:17px;
line-height:1.4em;
letter-spacing:0.1em;
/*border-top:2px solid #fff;
border-bottom:2px solid #fff;*/
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
padding:2px 0 2px 0;
}


#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2::before{
width:100%;
border-top:1px solid #000;
height:1px;
content: "";
display: block;
padding: 0px 0 15px 0;
margin: 0;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type h2::after{
width:100%;
border-bottom:1px solid #000;
content: "";
display: block;
padding: 15px 0 0px 0;
margin: 0;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:first-of-type p{
padding:20px 0 40px 0;
width:100%;
text-align:center;
font-size:13px;
line-height:1.4em;
letter-spacing:0.02em;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(2){
padding:0px 0 40px 0 ;
}


#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(4){
padding:0px 0 40px 0 ;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(5){
padding:0px 0 40px 0 ;
}

/*サムネイル　画像　SP*/
.thumb_img{
width:100%;
height:auto;
position:relative;
overflow:hidden;
}

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

.kaku_thumb_2018aw a img{
  transform: scale(1);
  transition: transform 0.5s ease;
}

.kaku_thumb_2018aw a:hover img{
  transform: scale(1.02);
}

/*タイトルEN　SP*/
.title_en{
font-family: 'brown-bold';
font-size : 15px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:12px 0 0 0;
}

/*タイトルJP　SP*/
.title_jp{
font-size : 13px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:8px 0 0 0;
font-weight:bold
}

/*タイトル日付　SP*/
.title_date{
letter-spacing : 0.1em;
font-size : 13px;
padding:8px 0 0 0;
color : #333;
font-family: 'brown-bold';
}





/*予告 SP*/
.thumb_yokoku{
position:relative;
}


/*罫線　SP*/
.thumb_img .keisen{
position:absolute;
width:calc(100% - 10px);
height:182px;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #a8a8a8;
top:5px;
left:5px;

opacity:0.6;
}

/*罫線　SP*/
.thumb_yokoku .keisen{
position:absolute;
width:calc(100% - 10px);
height:182px;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #a8a8a8;
top:5px;
left:5px;

opacity:0.6;
}

/*coming soon　SP*/
.coming_soon{
font-family: 'brown-bold';

width:100%;
height:192px;
background : #666666;
text-align:center;

font-size : 16px;
line-height : 22px;
letter-spacing : 1.2px;
color : #ccc;

}

/*予告　タイトルのみ　SP*/
.kaku_thumb_2018aw .yokoku{
font-family: 'brown-bold';
font-size : 15px;
letter-spacing : 0.04em;
color : #858585;
padding: 12px 0 0 0;
}

.coming_date_text{
padding: 78px 0 0 0;
}

/*ライン　罫線*/

#link_2018aw .line{
position:absolute;
bottom:-30px;
left:0;
right:0;
width:100%;
text-align:center;
}




/*sotries　SP*/
#stories_2018aw{
width:90%;
margin:0 auto;
padding:0;
background:#fff;
}

#stories_2018aw h3{
font-size : 20px;
letter-spacing : 0.1em;
color : #000;
font-family: 'brown-bold';
padding:50px 0 50px 0;
text-align:center;
width:100%;
}

#stories_2018aw ul{
width:100%;
margin:0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
text-align:center;
padding:0;
}


#stories_2018aw ul li {
width:100%;
height:auto;
padding: 0 0 35px 0;
overflow:hidden;
margin:0 auto;
text-align:left;
}

#stories_2018aw ul li:last-child{
padding: 0 0 0px 0;

}

#stories_2018aw ul li .img_layout{
width:100%;
height:auto;
overflow:hidden;
}

#stories_2018aw ul li .img_layout img{
width:100%;
height:auto;
overflow:hidden;
}

#stories_2018aw ul li a{
text-decoration:none;
overflow:hidden;
}

#stories_2018aw ul li a:hover{
text-decoration:none;
}

#stories_2018aw ul li a:visited{
text-decoration:none;
}

#stories_2018aw ul li a img{
  transform: scale(1);
  transition: transform 0.5s ease;
}

#stories_2018aw ul li a:hover img{
  transform: scale(1.02);
}

/*タイトルEN　SP*/
#stories_2018aw .title_en{
font-family: 'brown-bold';
font-size : 15px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:12px 0 0 0;
}

/*タイトルJP　SP*/
#stories_2018aw .title_jp{
font-size : 12px;
letter-spacing : 0.04em;
line-height : 1.3em;
color : #000;
padding:8px 0 0 0;
font-weight:bold
}

/*タイトル日付　SP*/
#stories_2018aw .entry_date{
letter-spacing : 0.05em;
font-size : 12px;
padding:8px 0 0 0;
color : #666;
font-family: 'brown-bold';
}




/* 罫線　アニメーション　Effect2 を切る
 *************************************** */
/* hover */
.change-border02:hover::after,
.change-border02:hover::before {
width: 0%;
width: calc(0%);
}

.change-border02:hover .change-border02__inner::after,
.change-border02:hover .change-border02__inner::before {
height: 0%;
height: calc(0% );
}

#visual.vol01{
background-image:url(../images/vol01/visual_bg_sp.jpg);
background-position: top center;
}


.scroll_simple_line{
display:none;
}


}/*@media*/


/*--------------------
  DH_FRONT_DEPT-3196 【BARNEYS CO】3/20UP＞MENS＞CALLING ALL BUSINESSMAN LP修正
--------------------*/

.link_2018aw_zentai .title-wrapper {
  width: 100%;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw {
  padding-right: 36px;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-child(4n) {
  padding-right: 0;
}

#link_2018aw .link_2018aw_zentai .title-wrapper .inner {
  width: 50%;
  margin: 0 auto 50px;
}

.kaku_thumb_2018aw {
  height: 320px;
}

#link_2018aw .link_2018aw_zentai .title-wrapper h2 {
  width: 100%;
  text-align: center;
  font-size: 17px;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  padding: 12px 0 12px 0;
}

#link_2018aw .link_2018aw_zentai .title-wrapper div:first-child {
  font-size: 13px;
}

#link_2018aw .link_2018aw_zentai .title-wrapper h2 div:last-child {
  font-size: 19px;
}

#link_2018aw .link_2018aw_zentai .title-wrapper p{
  width:100%;
  text-align:center;
  font-size:13px;
  line-height:1.4em;
  letter-spacing:0.02em;
  font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-weight:bold;
}


@media(max-width:767px) {
  .link_2018aw_zentai .title-wrapper {
    margin-top: 80px;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper .inner {
    width: 100%;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper h2 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0 15px 0;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper p {
    padding: 20px 0 40px 0;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper .inner {
    margin-bottom: 0;
  }

  .kaku_thumb_2018aw {
    height: auto;
  }

  #link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw {
    padding-right: 0;
  }
}

/*--------------------
  DH_FRONT_DEPT-3196 【BARNEYS CO】3/20UP＞MENS＞CALLING ALL BUSINESSMAN LP修正
--------------------*/

.link_2018aw_zentai .title-wrapper {
  width: 100%;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw {
  padding-right: 36px;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-child(4n) {
  padding-right: 0;
}

#link_2018aw .link_2018aw_zentai .title-wrapper .inner {
  width: 50%;
  margin: 0 auto 50px;
}

.kaku_thumb_2018aw {
  height: 320px;
}

#link_2018aw .link_2018aw_zentai .title-wrapper h2 {
  width: 100%;
  text-align: center;
  font-size: 17px;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  padding: 12px 0 12px 0;
}

#link_2018aw .link_2018aw_zentai .title-wrapper div:first-child {
  font-size: 13px;
}

#link_2018aw .link_2018aw_zentai .title-wrapper h2 div:last-child {
  font-size: 19px;
}

#link_2018aw .link_2018aw_zentai .title-wrapper p{
  width:100%;
  text-align:center;
  font-size:13px;
  line-height:1.4em;
  letter-spacing:0.02em;
  font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-weight:bold;
}


@media(max-width:767px) {
  .link_2018aw_zentai .title-wrapper {
    margin-top: 80px;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper .inner {
    width: 100%;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper h2 {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px 0 15px 0;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper p {
    padding: 20px 0 40px 0;
  }

  #link_2018aw .link_2018aw_zentai .title-wrapper .inner {
    margin-bottom: 0;
  }

  .kaku_thumb_2018aw {
    height: auto;
  }

  #link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw {
    padding-right: 0;
  }
}

/*--------------------
  DH_FRONT_DEPT-4325 【BARNEYS CO】8/29UP＞CALLING ALL BUSINESSMENまとめページ（実装）
--------------------*/

.link_2018aw_zentai {
  width: 1000px;
  display: block;
}

.kaku_thumb_2018aw.single {
  height: 270px;
}

#link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(2) {
  padding-right: 0;
  width: 342px;
  margin: 0 auto 50px;
  height: 100%;
}

.BNY-gift__wrapper {
  width: 100%;
  margin: 0 auto 80px auto;
  padding-top: 0px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
}

.BNY-gift__wrapper .BNY-gift__wrapper__title {
  width: 100%;
  font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size: 19px;
  line-height: 1.1;
  letter-spacing: 0.15em;
  text-align: center;
  border: none;
  margin-bottom: 25px;
}

.BNY-gift__wrapper .BNY-gift__wrapper__title {
  position: relative;
  display: inline-block;
}

.BNY-gift__wrapper .BNY-gift__wrapper__title:before, .BNY-gift__wrapper .BNY-gift__wrapper__title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 34%;
  height: 1px;
  background-color: black;
}

.BNY-gift__wrapper .BNY-gift__wrapper__title:before {
  left:0;
}
.BNY-gift__wrapper .BNY-gift__wrapper__title:after {
  right: 0;
}

.BNY-gift__wrapper .BNY-gift__wrapper__sentence {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
  text-align: center;
  letter-spacing: 0.04em;
  line-height: 1.4em;
  font-size: 13px;
  width: 79%;
  margin: 0 auto;
}

.BNY-gift__wrapper .BNY-gift__wrapper__sentence .BNY-gift__wrapper__sub {
  font-weight: 600;
}

.BNY-gift__wrapper .BNY-gift__wrapper__secondary {
  text-decoration: none;
}

.BNY-gift__wrapper .BNY-gift__wrapper__secondary:hover {
  text-decoration: underline;
}

.BNY-gift__wrapper .BNY-gift__wrapper__caution {
  font-size: 11px;
}

.BNY-gift__wrapper .BNY-gift__wrapper__title.visible-xs {
  display: none;
}

@media(max-width:1024px) {
  .link_2018aw_zentai, #stories_2018aw ul {
    width: 98%;
  }

  .BNY-gift__wrapper .BNY-gift__wrapper__title:before, .BNY-gift__wrapper .BNY-gift__wrapper__title:after {
    width: 33%;
  }

  #stories_2018aw ul li {
    flex-basis: 33%;
  }
}

@media(max-width:979px) {
  .BNY-gift__wrapper .BNY-gift__wrapper__title.hidden-xs {
    display: none;
  }

  .BNY-gift__wrapper .BNY-gift__wrapper__title.visible-xs {
    display: block;
  }

  .link_2018aw_zentai, #stories_2018aw ul {
    width: 90%;
  }

  .link_2018aw_zentai .title-wrapper {
    margin-bottom: 40px;
  }

  .BNY-gift__wrapper {
    width: 100%;
  }

  .BNY-gift__wrapper .BNY-gift__wrapper__title:before, .BNY-gift__wrapper .BNY-gift__wrapper__title:after {
    width: 30%;
  }

  #stories_2018aw ul li {
    flex-basis: 50%;
  }

  #link_2018aw .link_2018aw_zentai .kaku_thumb_2018aw:nth-of-type(2) {
    padding: 0;
    width: 85%;
    margin: 0 auto 40px;
    height: 100%;
  }
}


@media(max-width:767px) {
  .BNY-gift__wrapper .BNY-gift__wrapper__title:before, .BNY-gift__wrapper .BNY-gift__wrapper__title:after {
    width: 19%;
  }

  .kaku_thumb_2018aw.single {
    height: 200px;
  }
}