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

.sp{
display:none;
}

.scroll_simple_line{
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;
}
}



/*最初　PC*/
.syotai_sitei{
font-weight:bold;
}
#wrap{
color: #fff;
}

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

#visual.vol01{
justify-content: flex-end;
}

#visual.vol01 .inner{
width: 1100px;
}

#visual.vol01 .text{
position:absolute;
bottom:0;
right:0;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 30px;
color: #fff;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
letter-spacing: 0.1em;
}

#visual.vol01 .text h1{
font-size: 22px;
margin-bottom: 24px;
letter-spacing: 0.11em;
}

#visual.vol01 .text h1 span:first-child{
font-size: 32px;
font-family: 'brown-bold';
display: block;
margin-bottom: 10px;
}

#visual.vol01 .text h1 span:last-child{
font-size: 16px;
font-weight: bold;
letter-spacing: 0.1em;
}

#visual.vol01 .text .p01{
font-size: 14px;
font-family: 'brown-bold';
margin-bottom: 12px;
}



#visual.vol01 .text.fadein{
opacity: 0;
transition: opacity 1s ease;
}

#visual.vol01 .text.show.fadein{
opacity: 1;
top: 0;
}
/*
#visual.vol01 .text.show .line02{
transition-delay: 0.2s;
}
#visual.vol01 .text.show .line03{
transition-delay: 0.4s;
}
#visual.vol01 .text.show .line04{
transition-delay: 0.6s;
}
*/

#visual.vol01 .text img.pc{
width: 464px;
height: auto;
}

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

#visual.vol:after{
content: "";
display: block;
width: 1px;
height: 80px;
background: #fff;
position: absolute;
bottom: -40px;
left: 50%;
z-index: 1;
}

/*PC*/
#didyouknow{
width:100%;
background: #000;
color: #fff;
text-align: center;
text-align: -webkit-center;
padding: 80px 0 80px 0;
}


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





/*プロフィール*/

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


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


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

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

#profile h3{
font-size: 20px;
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', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 14px;
letter-spacing : 3.5px;
}


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

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


/*二列　PC*/
#profile .nidan{
width:920px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;    /*横並び・右から左*/
padding:50px 0 0 0;
}

#profile .nidan .nidan_left{
flex-basis: 700px;
padding: 0 30px 0 0;
}

#profile .nidan .nidan_right{
flex-basis: 190px;
}

#profile .nidan .nidan_right img{
width: 190px;
height: auto;
}


.nidan_02{
width:920px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
padding:0px 0 50px 0px;
}

.nidan_02 .nidan_left{
flex-basis: 700px;
}

.nidan_02 .nidan_right{
flex-basis: 190px;
padding: 0 30px 0 0;
}

#profile .nidan_02 .nidan_right img{
width: 190px;
height: auto;
}


/*文字組基本　PC*/
.inter_860{
width:860px;
margin:0 auto;
}

.takehara{
font-weight:bold;
}

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







/*ファースト　PC*/
#first{
width:1014px;
margin:0 auto;
padding:70px 0 80px 0;
}



/* 1種類目 */
#first .first_01{
width:1014px;
margin:0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}


#first .first_01 .text_area{
flex-basis: 430px;
}

#first .first_01 .text_area h2{
padding: 0 0 13px 0;
margin: 0;
}

#first .first_01 .text_area h2 span:first-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 14px;
  line-height : 17px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
padding-bottom: 10px;
}

#first .first_01 .text_area h2 span:last-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 21px;
  line-height : 23px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
}


#first .first_01 .text_area h3{
width: 100%;
text-align: center;
font-size : 17px;
font-weight: bold;
line-height : 1.3;
letter-spacing :0.2em;
color : #FFFFFF;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 22px 0 22px 0;
}

#first .first_01 .text_area p{
font-size : 13px;
line-height : 2.0;
color : #FFFFFF;
padding-bottom: 27px;
}


/* 最初のPの指定。h3の次のPという指定方法 */
#first .first_01 .text_area h3 + p{
padding-top: 30px;
}



#first .first_01 .pohto_area{
flex-basis: 506px;
}

#first .first_01 .pohto_area img{
width: 100%;
height: auto;
}


/* クレジット */
#first .first_01 .pohto_area .credit{
text-align: left;
width: 100%;
font-size : 12px;
line-height: 1.5;
letter-spacing : 0.08em;
color : #fff;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
padding-top: 12px;
}





/* 2種類目 */
#first .first_02{
width:1042px;
margin:0 auto;
padding: 20px 0 0 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}


#first .first_02 .text_area{
flex-basis: 430px;
padding-left: 30px;
}


#first .first_02 .text_area h2 span:first-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 14px;
  line-height : 17px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
padding-bottom: 10px;
}

#first .first_02 .text_area h2 span:last-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 21px;
  line-height : 23px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
}


#first .first_02 .text_area h3{
width: 100%;
text-align: center;
font-size : 17px;
font-weight: bold;
line-height : 1.3;
letter-spacing :0.2em;
color : #FFFFFF;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 22px 0 22px 0;
}

#first .first_02 .text_area p{
font-size : 13px;
line-height : 2.0;
color : #FFFFFF;
padding-bottom: 27px;
}


#first .first_02 p:nth-of-type(1){
padding-top: 30px;
}



#first .first_02 .pohto_area{
flex-basis: 506px;
}

#first .first_02 .pohto_area img{
width: 100%;
height: auto;
}


/* クレジット */
#first .first_02 .pohto_area .credit{
text-align: left;
width: 100%;
font-size : 12px;
line-height: 1.5;
letter-spacing : 0.08em;
color : #fff;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
padding-top: 12px;
}









/* アイテム紹介箇所　PC */
.item_wrap_zentai{
width: 100%;
margin: 0 auto;
background: #f1efed;
text-align: center;
border: none;
position: relative;
}

.item_wrap_zentai .line{
width: 100%;
margin: 0 auto;
text-align: center;
position: absolute;
top:-50px;
left: 0;
right: 0;
}



.item_wrap_zentai h2{
border: none;
padding: 110px 0 58px 0;
letter-spacing : 0;
}

.item_wrap_zentai h2 span:first-child{
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight : bold;
font-size : 20px;
letter-spacing : 2.4px;
color : #000000;
padding-bottom: 12px;
border: none;
display: block;
}

.item_wrap_zentai h2 span:nth-of-type(2){
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight : bold;
font-size : 13px;
letter-spacing:0.07em;
color : #000000;
margin-bottom: 0px;
border: none;
display: block;
}



/*セカンド　アイテム基本　と　1・2　PC*/
#second{
width:928px;
margin:0 auto;
padding: 0 0 60px 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
background: #f1efed;
text-align: left;
}



/* 普通のサイズ */
.kaku_product{
flex-basis: 412px;
margin:0 0 60px 0;
padding:0;
position: relative;
}


/* ワイドサイズ */
.kaku_product_wide{
width: 928 px;
margin: 0 auto 60px auto;
position: relative;
}




/* 数 */
.kaku_product .number, .kaku_product_wide .number{
position: absolute;
top: -13px;
right: 12px;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 27px;
color : #000000;
}

/* 写真 */
.kaku_product .product_img, .kaku_product_wide .product_img{
padding: 0 0 15px 0;
}

.kaku_product .product_img img, .kaku_product_wide .product_img img{
width: 100%;
height: auto;
}

/* 欧文 */
.kaku_product .category_item, .kaku_product_wide .category_item{
font-size : 11px;
color : #000;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
margin-bottom: 10px;
letter-spacing : 0.1em;
}

/* 欧文 */
.kaku_product h4, .kaku_product_wide h4{
font-size : 19px;
letter-spacing : 0.1em;
color : #000;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
margin-bottom: 20px;
}
/* 日本語 */
.kaku_product h5, .kaku_product_wide h5{
font-size : 13px;
line-height: 1.3;
letter-spacing : 0.02em;
color : #000;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
margin-bottom: 20px;
}

.kaku_product p, .kaku_product_wide p{
font-size : 12px;
line-height : 1.8;
color : #333333;
margin-bottom: 20px;
letter-spacing : 0.07em;
}

/* クレジット */
.kaku_product .credit_product, .kaku_product_wide .credit_product{
text-align: right;
width: 100%;
font-size : 11px;
line-height: 1.3;
letter-spacing : 0.0em;
color : #000;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
}








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

#online-site-2018aw{
width:972px;
height:300px;
margin:0 auto 0 auto;
padding:0 0 0px 0;
position:relative;
}



/*リンク*/
#online-site-2018aw a{
width:100%;
height:100%;
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 img{
transform: scale(1);
transition: transform 0.5s ease;
}

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



/*罫線　線幅１式の分、縦横に伸ばす*/
#online-site-2018aw .keisen_01{
width:964px;
height:292px;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

border-style : solid;
border-color : #000;
border-width : 4px;

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

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

width:960px;
height:288px;
-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;
}


#online-site-2018aw .photo_layout{
width:960px;
height:288px;
margin: 0 auto;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background:#fff;
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:1045px;
text-align:center;
font-size : 25px;
letter-spacing : 0.15em;
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:1045px;
text-align:center;
font-size : 12px;
letter-spacing : 0.02em;
margin:0 auto 0 auto;
display:block;
}





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

#personal-shopping-2018aw{
width:972px;
height:300px;
margin:0 auto 0 auto !important;
padding:0 0 0px 0 !important;
position:relative;
}


/*テキスト*/
.personal_layout_text_layout{
background: #f1efed;
}

.personal_layout_text{
width: 972px;
margin: 0 auto;
padding:15px 0 80px 0;
color: #333;
font-size: 13px;
line-height: 1.7em;
}






/*リンク*/
#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 img{
transform: scale(1);
transition: transform 0.5s ease;
}

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





/*罫線　線幅１式の分、縦横に伸ばす*/
#personal-shopping-2018aw .keisen_01{
width:964px;
height:292px;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;

border-style : solid;
border-color : #000;
border-width : 4px;

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





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

width:960px;
height:288px;
-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 .photo_layout{
width:960px;
height:288px;
margin: 0 auto;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background:#fff;
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:1045px;
text-align:center;
font-size : 25px;
letter-spacing : 0.15em;
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:1045px;
text-align:center;
font-size : 12px;
letter-spacing : 0.15em;
margin:0 auto 0 auto;
display:block;
}





/* 罫線　アニメーション　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:1px solid #999;
background: #f1efed;
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 ;
overflow: hidden;
}


/*タイトル　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;
/*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 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;
/*border-top:1px solid #fff;*/
height:1px;
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;
/*border-bottom:1px solid #fff;*/
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;
margin: 0;
padding:0;
}

#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 ;
}


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

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

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

/*サムネイル　画像　PC*/
.thumb_img{
width:342px;
height:192px;
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:332px;
height:199px;
overflow:hidden;
}

#stories_2018aw ul li .img_layout img{
width:333px;
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　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 70px 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 .line02{
font-size: 16px;
line-height: 1.4;
}


#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;
text-align: center;
}





/*プロフィール　 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', 'HiraginoSans-W6', 'ヒラギノ角ゴ 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', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
padding: 15px 0 15px 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:#fff;
font-weight:bold;
}






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

#first .sp_only_layout_vol2{
padding: 40px 0 0 0;
}


/* 1種類目 */
#first .first_01{
width:100%;
margin:0 auto;
display: block;
}


#first .first_01 .text_area{
width:100%;
}

#first .first_01 .text_area h2{
padding: 0 0 13px 0;
margin: 0;
text-align: center;
}

#first .first_01 .text_area h2 span:first-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 14px;
  line-height : 17px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
padding-bottom: 10px;
text-align: center;
}

#first .first_01 .text_area h2 span:last-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 19px;
  line-height : 23px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
text-align: center;
}

/*日本語*/
#first .first_01 .text_area h3{
width: 100%;
text-align: center;
font-size : 16px;
font-weight: bold;
line-height : 1.3;
letter-spacing :0.2em;
color : #FFFFFF;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 22px 0 22px 0;
}

#first .first_01 .text_area p{
font-size : 13px;
line-height : 2.0;
color : #FFFFFF;
padding-bottom: 27px;
}


/* 最初のPの指定。h3の次のPという指定方法 */
#first .first_01 .text_area h3 + p{
padding-top: 30px;
}



#first .first_01 .pohto_area{
width:100%;
}

#first .first_01 .pohto_area img{
width: 100%;
height: auto;
}


/* クレジット */
#first .first_01 .pohto_area .credit{
text-align: left;
width: 100%;
font-size : 12px;
line-height: 1.5;
letter-spacing : 0.08em;
color : #fff;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
padding-top: 12px;
}

/* クレジット */
#first .credit{
text-align: left;
width: 100%;
font-size : 12px;
line-height: 1.5;
letter-spacing : 0.08em;
color : #fff;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
padding-top: 12px;
}



/* 2種類目 */
#first .first_02{
width:100%;
margin:0 auto;
padding: 20px 0 0 0;
display: block;
}


#first .first_02 .text_area{
width:100%;
padding-left: 0px;
}


#first .first_02 .text_area h2 span:first-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 14px;
  line-height : 17px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
padding-bottom: 10px;
}

#first .first_02 .text_area h2 span:last-child{
  font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
  font-size : 21px;
  line-height : 23px;
  letter-spacing : 0.2em;
  color : #FFFFFF;
display: block;
}


#first .first_02 .text_area h3{
width: 100%;
text-align: center;
font-size : 17px;
font-weight: bold;
line-height : 1.3;
letter-spacing :0.2em;
color : #FFFFFF;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 22px 0 22px 0;
}

#first .first_02 .text_area p{
font-size : 13px;
line-height : 2.0;
color : #FFFFFF;
padding-bottom: 27px;
}


#first .first_02 p:nth-of-type(1){
padding-top: 30px;
}



#first .first_02 .pohto_area{
width:100%;
}

#first .first_02 .pohto_area img{
width: 100%;
height: auto;
}


/* クレジット */
#first .first_02 .pohto_area .credit{
text-align: left;
width: 100%;
font-size : 12px;
line-height: 1.5;
letter-spacing : 0.08em;
color : #fff;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
padding-top: 12px;
}






/* アイテム紹介箇所　SP */
.item_wrap_zentai{
width: 100%;
margin: 0 auto;
background: #f1efed;
text-align: center;
border: none;
position: relative;
}

.item_wrap_zentai .line{
width: 100%;
margin: 0 auto;
text-align: center;
position: absolute;
top:-50px;
left: 0;
right: 0;
}



.item_wrap_zentai h2{
border: none;
padding: 110px 0 58px 0;
letter-spacing : 0;
}

.item_wrap_zentai h2 span:first-child{
font-family : 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 20px;
letter-spacing : 2.4px;
color : #000000;
padding-bottom: 12px;
border: none;
display: block;
}

.item_wrap_zentai h2 span:nth-of-type(2){
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight : bold;
font-size : 13px;
letter-spacing:0.07em;
color : #000000;
margin-bottom: 0px;
border: none;
display: block;
}



/*セカンド　アイテム基本　と　1・2　PC*/
#second{
width:94%;
margin:0 auto;
padding: 0 0 60px 0;
display: block;
background: #f1efed;
text-align: left;
}



/* 普通のサイズ */
.kaku_product{
width:100%;
margin:0 0 60px 0;
padding:0;
position: relative;
}


/* ワイドサイズ */
.kaku_product_wide{
width: 928 px;
margin: 0 auto 60px auto;
position: relative;
}




/* 数 */
.kaku_product .number, .kaku_product_wide .number{
position: absolute;
top: -13px;
right: 12px;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 27px;
color : #000000;
}

/* 写真 */
.kaku_product .product_img, .kaku_product_wide .product_img{
padding: 0 0 15px 0;
}

.kaku_product .product_img img, .kaku_product_wide .product_img img{
width: 100%;
height: auto;
}

/* 欧文 */
.kaku_product .category_item, .kaku_product_wide .category_item{
font-size : 11px;
color : #000;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
margin-bottom: 10px;
letter-spacing : 0.1em;
}

/* 欧文 */
.kaku_product h4, .kaku_product_wide h4{
font-size : 19px;
letter-spacing : 0.1em;
color : #000;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
margin-bottom: 20px;
}
/* 日本語 */
.kaku_product h5, .kaku_product_wide h5{
font-size : 13px;
line-height: 1.3;
letter-spacing : 0.02em;
color : #000;
font-family: 'brown-bold', 'HiraginoSans-W6', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-weight:bold;
margin-bottom: 20px;
}

.kaku_product p, .kaku_product_wide p{
font-size : 12px;
line-height : 1.8;
color : #333333;
margin-bottom: 20px;
letter-spacing : 0.07em;
}

/* クレジット */
.kaku_product .credit_product, .kaku_product_wide .credit_product{
text-align: right;
width: 100%;
font-size : 12px;
line-height: 1.3;
letter-spacing : 0.0em;
color : #000;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', Verdana, 'メイリオ', Meiryo, 'MS PGothic', 'MS UI Gothic', Arial, sans-serif;
font-weight:bold;
}
























/*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 40px 0;
background:#f1efed;
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: #333;
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:#fff;
border-top:none;
background:#f1efed;
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;
}

.kaku_thumb_2018aw p{
color: #000;
}


/*タイトル　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;
color: #000;
}


#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 : #666;
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;
}


}/*@media*/