.pc{
display:inline-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: 27px;
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;
}









/*vol基本　質問　PC*/


.question::before{
width: 3.0em;
content:"";
height:1px;
background:#000;
border-bottom: 1px solid #fff;
padding:0;
margin:0;
text-align:left;

position:absolute;
left:0em;
top:0.6em;
}

.question{
position: relative;
width:100%;
text-indent: 3.5em;

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

font-size: 14px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.08em;
}








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

#first .question{
padding-bottom: 50px;
}


#first h2{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#first .photo_layout{
  width:1100px;
  margin:0 auto;
padding: 0 0 60px 0;
}

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




#first .text_layout{
width:862px;
margin:0 auto;
position: relative;
}



#first .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}

#first .text_layout p:last-child{
padding-bottom: 0px;
}







/*second　PC*/
#second{
width: 1100px;
margin: 0 auto;
padding: 0;
}

#second .question{
padding-bottom: 50px;
}


#second h2{
width: 27em;
margin: 0 auto;
text-align: center;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 0px 0;
position: relative;
font-weight: bold;
}



/*括弧*/

#second h2::before{
width: 10px;
height:21px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content:"";
display: block;
position: absolute;
left: -20px;
top:-5px;
}


#second h2::after{
width: 10px;
height:21px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content:"";
display: block;
position: absolute;
right: -13px;
bottom:-5px;
}
/*括弧*/



#second .photo_layout{
width:1100px;
margin:0 auto;
padding: 40px 0 60px 0;
}

#second .photo_layout img{
width: 100%;
height: auto;
}


#second .text_layout{
width:862px;
margin:0 auto;
position: relative;
}


#second .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}

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




/*third　二列組　x 2　PC*/


#third{
width: 1040px;
margin: 0 auto;
padding-top: 110px;
}

#third .question{
padding-bottom: 50px;
}







#third .first{
width: 1040px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}

#third .first .photo_layout{
flex-basis: 486px;
}

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


#third .first .text_layout{
position: relative;
flex-basis: 506px;
}


#third .first .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#third .first .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}






#third .second{
position: relative;
top:-50px;/*重要---------------------　-50px*/
width: 1040px;
margin: 0 auto;
padding: 0 0 0 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
flex-direction: row-reverse;/*横並び・右から左*/
}

#third .second .photo_layout{
flex-basis: 486px;
}

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


#third .second .text_layout{
position: relative;
flex-basis: 506px;
margin-top: 80px;
}


#third .second .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#third .second .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}










/*fourth*/
#fourth{
width: 1100px;
margin: 0 auto;
padding-top: 60px;
}

#fourth .question{
padding-bottom: 50px;
}


#fourth h2{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#fourth .photo_layout{
width:1100px;
margin:0 auto;
padding: 0 0 60px 0;
}

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


#fourth .text_layout{
width:862px;
margin:0 auto;
position: relative;
}


#fourth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}

#fourth .text_layout p:last-child{
padding-bottom: 0px;
}


















#fifth{
width: 960px;
margin: 0 auto;
padding-top: 110px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}



#fifth .question{
padding-bottom: 50px;
}




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



#fifth .photo_layout{
flex-basis: 426px;
}

#fifth .photo_layout img{
width: 100%;
height: auto;
}


#fifth .text_layout{
position: relative;
flex-basis: 482px;
}


#fifth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#fifth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}




















#sixth{
width: 960px;
margin: 0 auto;
padding-top: 20px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
flex-direction: row-reverse;/*横並び・右から左*/
}



#sixth .question{
padding-bottom: 50px;
}




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



#sixth .photo_layout{
flex-basis: 426px;
}

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


#sixth .text_layout{
position: relative;
flex-basis: 482px;
}


#sixth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#sixth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}


















#seventh{
width: 960px;
margin: 0 auto;
padding-top: 20px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}



#seventh .question{
padding-bottom: 50px;
}




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



#seventh .photo_layout{
flex-basis: 426px;
}

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


#seventh .text_layout{
position: relative;
flex-basis: 482px;
}


#seventh .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#seventh .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}












/*#eighth　PC*/
#eighth{
width:960px;
margin:0 auto;
padding:110px 0 0px 0;
}

#eighth .question{
padding-bottom: 50px;
}


#eighth h2{
width: 23em;
margin: 0 auto;
text-align: center;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 0px 0;
position: relative;
font-weight: bold;
}


/*括弧*/
#eighth h2::before{
width: 10px;
height:21px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content:"";
display: block;
position: absolute;
left: -20px;
top:-5px;
}


#eighth h2::after{
width: 10px;
height:21px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content:"";
display: block;
position: absolute;
right: -13px;
bottom:-5px;
}
/*括弧*/





#eighth .photo_layout{
width:960px;
margin:0 auto;
padding: 40px 0 60px 0;
}

#eighth .photo_layout img{
width: 100%;
height: auto;
}




#eighth .text_layout{
width:834px;
margin:0 auto;
position: relative;
}



#eighth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}

#eighth .text_layout p:last-child{
padding-bottom: 0px;
}








#ninth{
width: 960px;
margin: 0 auto;
padding-top: 90px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}

#ninth .photo_layout{
flex-basis: 490px;
}

#ninth .photo_layout img{
width: 100%;
height: auto;
}


#ninth .text_layout{
position: relative;
flex-basis: 406px;
padding-right: 30px;
}


#ninth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#ninth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}






















#tenth{
width: 960px;
margin: 0 auto;
padding-top: 90px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
flex-direction: row-reverse;/*横並び・右から左*/
}

#tenth .photo_layout{
flex-basis: 490px;
}

#tenth .photo_layout img{
width: 100%;
height: auto;
}


#tenth .text_layout{
position: relative;
flex-basis: 406px;
padding-right: 0px;
padding-left: 30px;
}


#tenth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}


#tenth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}














#eleventh{
width: 960px;
margin: 0 auto;
padding-top: 90px;
}


#eleventh .photo_layout{
width: 100%;
}

#eleventh .photo_layout img{
width: 100%;
height: auto;
}











/*12　プロフィール　PC*/

#twelveth{
width: 1100px;
margin: 0 auto 60px auto;
padding-top: 110px;
padding-bottom: 0px;
/*border-bottom: 1px solid #fff;*/
}



#twelveth h2{
width: 100%;
margin: 0;
padding: 0;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 18px;
line-height: 1.1;
letter-spacing : 0.15em;
text-align: center;
overflow: hidden;
font-weight: bold;
}


#twelveth h2 span
{
  display: inline-block;
  position: relative;
  padding: 0 .9em;
}
#twelveth h2 span:before,
#twelveth h2 span:after
{
  position: absolute;
  top : -webkit-calc(50% - 1px);
  top : calc(50% - 1px);
  width: 99em;
  content: '';
  border-top: 1px solid #fff;
}
#twelveth h2 span:before
{
  right: 100%;
}
#twelveth h2 span:after
{
  left: 100%;
}










#twelveth .zentai_layout{
width: 910px;
margin: 0 auto 0px auto;
padding-top: 60px;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
-webkit-align-items: center; /*天地中央揃える*/
align-items:center;
}


#twelveth .zentai_layout .photo_layout{
flex-basis: 390px;
}

#twelveth .zentai_layout .photo_layout img{
width: 100%;
height: auto;
}


#twelveth .zentai_layout .text_layout{
position: relative;
flex-basis: 476px;
}


#twelveth .zentai_layout .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
font-weight: bold;
}



#twelveth .zentai_layout .text_layout h3{
font-size: 20px;
letter-spacing: 0.1em;
margin: 25px 0 11px 0;
}

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

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


#twelveth .zentai_layout .text_layout p{
padding-top: 13px;
font-size: 13px;
line-height: 24px;
letter-spacing: normal;
}

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






#twelveth .zentai_layout .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;
}





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



/*イベント*/
#thirteenth{
width: 1100px;
margin: 0 auto 80px auto;
padding-top: 0px;
padding-bottom: 30px;
border-bottom: 1px solid #fff;
}



#thirteenth h2{
position: relative;
width: 100%;
margin: 0;
padding: 0;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 18px;
line-height: 1.1;
letter-spacing : 0.15em;
text-align: center;
overflow: hidden;
font-weight: bold;

top:-10px;
}


#thirteenth h2 span
{
  display: inline-block;
  position: relative;
  padding: 0 .9em;
}

#thirteenth h2 span:before,
#thirteenth h2 span:after
{
position: absolute;
content: '';
top : -webkit-calc(50% - 1px);
top : calc(50% - 1px);
width: 99em;
border-top: 1px solid #fff;
margin: 0;
padding: 0;
}


#thirteenth h2 span:before
{
  right: 100%;
}

#thirteenth h2 span:after
{
  left: 100%;
}



#thirteenth p{
text-align:center;
font-size:12px;
line-height:2.1;
letter-spacing : 0.15em;
padding: 50px 0 30PX 0;
}


#thirteenth .date{
width: 100%;
margin: 0;
padding: 0px 0 12px 0 ;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 15px;
line-height: 1.1;
letter-spacing : 0.15em;
text-align: center;
font-weight: bold;
}

#thirteenth .tenpo{
width: 100%;
margin: 0;
text-align: center;
letter-spacing : 0.15em;
}


#thirteenth .itibu{
width: 100%;
margin: 0;
text-align: center;
letter-spacing : 0.15em;
font-size : 11px;
padding: 50px 0 0 0;
}





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



#online-site-2018aw{
width:938px;/*プラス*/
height:288px;/*プラス*/
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:932px;/*4pxプラス*/
height:282px;/*4pxプラス*/
-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:6px;
left:6px;
}

#online-site-2018aw .text{

position:absolute;
z-index:300;

width:928px;
height:278px;

-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;
top: 0;
left: 0;
}

#online-site-2018aw .text .child{
width: 400px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
text-align: center;
}


#online-site-2018aw .photo_layout{
width:928px;
height:278px;
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: 100%;
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: 100%;
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:938px;/*プラス*/
height:288px;/*プラス*/
margin:0 auto 0 auto !important;
padding:0 0 0px 0 !important;
position:relative;
}


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

.personal_layout_text{
width:928px;
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:932px;/*4pxプラス*/
height:282px;/*4pxプラス*/
-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:6px;
left:6px;
}





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

width:928px;
height:278px;

-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;
top: 0;
left: 0;
}

#personal-shopping-2018aw .text .child{
width: 400px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);
}



#personal-shopping-2018aw .photo_layout{
width:928px;
height:278px;
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:100%;
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:100%;
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: #fff;
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: 6px;
width: 0px;
}

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

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

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

/* hover */
.change-border02:hover::after,
.change-border02:hover::before {
width: 932px;
}

.change-border02:hover .change-border02__inner::after,
.change-border02:hover .change-border02__inner::before {
height: 282px;
}













/*各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:-32px;
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;
}




/*vol基本　質問　SP*/
.question::before{
width: 2.5em;
content:"";
height:1px;
background:#000;
border-bottom: 1px solid #fff;
padding:0;
margin:0;
text-align:left;

position:absolute;
left:0em;
top:0.6em;
}

.question{
position: relative;
width:100%;
text-indent: 3.0em;

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

font-size: 14px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.08em;
}






/*メインヴィジュアル　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 36px 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;
}










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


/*SP*/
#didyouknow p{
width:92%;
margin:0 auto;
font-weight: normal;
font-size: 13px;
line-height: 2.3em;
letter-spacing:normal;
text-align: center;
padding-bottom: 70px;
border-bottom: 1px solid #fff;
}








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

#first .question{
padding-bottom: 36px;
}


#first h2{
width:92%;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 30px 0;
}


#first .photo_layout{
width:100%;
margin:0 auto;
padding: 0 0 0px 0;
}

#first .photo_layout img{
width: 100%;
height: auto;
margin: 0;
padding: 0;
}




#first .text_layout{
width:94%;
margin:0 auto;
position: relative;
padding: 40px 0 0px 0;
}



#first .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}

#first .text_layout p:last-child{
padding-bottom: 0px;
}







/*second　SP*/
#second{
width:100%;
margin: 0 auto;
padding: 0;
}

#second .question{
padding-bottom: 36px;
}


#second h2{
width: 17em;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 0px 0;
position: relative;

}



/*括弧*/

#second h2::before{
width: 10px;
height:21px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content:"";
display: block;
position: absolute;
left: -10px;
top:-4px;
}


#second h2::after{
width: 10px;
height:21px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content:"";
display: block;
position: absolute;
right: -3px;
bottom:-2px;
}
/*括弧*/



#second .photo_layout{
width:100%;
margin:0 auto;
padding: 30px 0 40px 0;
}

#second .photo_layout img{
width: 100%;
height: auto;
}


#second .text_layout{
width:94%;
margin:0 auto;
position: relative;
}


#second .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}

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




/*third　二列組　x 2　SP*/


#third{
width:100%;
margin: 0 auto;
padding-top: 80px;
}

#third .question{
padding-bottom: 36px;
}


#third h2{
width: 14em;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 0px 0;
position: relative;
}



/*括弧*/
#third h2::before{
width: 10px;
height:21px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content:"";
display: block;
position: absolute;
left: -10px;
top:-4px;
}


#third h2::after{
width: 10px;
height:21px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content:"";
display: block;
position: absolute;
right: -3px;
bottom:-2px;
}
/*括弧*/










#third .first{
width:94%;
margin: 0 auto;
display: block;

}

#third .first .photo_layout{
width:100%;
padding-top: 40px;
}

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


#third .first .text_layout{
position: relative;
width:100%;
padding-top: 30px;
}


#third .first .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}




#third .first .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}


#third .first .text_layout p:last-child{
padding-bottom: 0px;
}



#third .second{
position: relative;
top:0px;/*重要---------------------　PC = -50px*/
width:100%;
margin: 0 auto;
padding: 40px 0 0 0;
display: block;
}

#third .second .photo_layout{
width:94%;
margin: 0 auto;
}

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


#third .second .text_layout{
position: relative;
width:94%;
margin: 0 auto;
padding: 40px 0 0 0;
}


#third .second .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}


#third .second .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}


#third .second .text_layout p:last-child{
padding-bottom: 0px;
}







/*fourth*/
#fourth{
width:100%;
margin: 0 auto;
padding-top: 80px;
}

#fourth .question{
padding-bottom: 36px;
}


#fourth h2{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}


#fourth .photo_layout{
width:100%;
margin:0 auto;
padding: 0 0 40px 0;
}

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


#fourth .text_layout{
width:94%;
margin:0 auto;
position: relative;
padding: 0 0 0px 0;
}


#fourth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}

#fourth .text_layout p:last-child{
padding-bottom: 0px;
}
















/*5　ブツ撮り 1 / 3　SP */



#fifth{
width:100%;
margin: 0 auto;
padding-top: 80px;
display: block;
}


#fifth h2.sp{
width: 18em;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 0px 0;
position: relative;
}


/*括弧*/
#fifth h2.sp::before{
width: 10px;
height:21px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content:"";
display: block;
position: absolute;
left: -8px;
top:-4px;
}


#fifth h2.sp::after{
width: 10px;
height:21px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content:"";
display: block;
position: absolute;
right: -4px;
bottom:-2px;
}
/*括弧*/




#fifth .question{
padding-bottom: 36px;
}




#fifth .credit{/* クレジット */
text-align: left;
width: 100%;
font-size : 11px;
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: 18px;
}



#fifth .photo_layout{
width:94%;
margin: 0 auto;
padding: 40px 0 0 0;
}

#fifth .photo_layout img{
width: 100%;
height: auto;
}


#fifth .text_layout{
position: relative;
width:94%;
margin: 0 auto;
padding: 40px 0 0px 0;
}


#fifth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}


#fifth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 0px;

text-align: justify;
text-justify: inter-ideograph;
}

















/*6　ブツ撮り 2 / 3　SP */


#sixth{
width:100%;
margin: 0 auto;
padding-top: 64px;
display: block;
}



#sixth .question{
padding-bottom: 36px;
}




#sixth .credit{/* クレジット */
text-align: left;
width: 100%;
font-size : 11px;
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;
}



#sixth .photo_layout{
width:94%;
margin: 0 auto;
}

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


#sixth .text_layout{
position: relative;
width:94%;
margin: 0 auto;
padding-top: 40px;
}


#sixth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 40px 0 40px 0;
}


#sixth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}

#sixth .text_layout p:last-child{
padding-bottom: 0px;
}














/*7　ブツ撮り 3 / 3　SP */

#seventh{
width: 100%;
margin: 0 auto;
padding-top: 64px;
display: block;
}



#seventh .question{
padding-bottom: 36px;
}




#seventh .credit{/* クレジット */
text-align: left;
width: 100%;
font-size : 11px;
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;
}



#seventh .photo_layout{
width:94%;
margin: 0 auto;
}

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


#seventh .text_layout{
position: relative;
width:94%;
margin: 0 auto;
padding-top: 40px;
}


#seventh .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}


#seventh .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}


#seventh .text_layout p:last-child{
padding-bottom: 0px;
}











/*#eighth　PC*/
#eighth{
width:100%;
margin:0 auto;
padding:80px 0 0px 0;
}

#eighth .question{
padding-bottom: 36px;
}


#eighth h2{
width: 14em;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 0px 0;
position: relative;
}



/*括弧*/
#eighth h2::before{
width: 10px;
height:21px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
content:"";
display: block;
position: absolute;
left: -6px;
top:-3px;
}


#eighth h2::after{
width: 10px;
height:21px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content:"";
display: block;
position: absolute;
right: -4px;
bottom:-3px;
}
/*括弧*/






#eighth .photo_layout{
width:100%;
margin: 0 auto;
padding: 30px 0 40px 0;
}

#eighth .photo_layout img{
width: 100%;
height: auto;
}




#eighth .text_layout{
width:94%;
margin: 0 auto;
position: relative;
}



#eighth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;

text-align: justify;
text-justify: inter-ideograph;
}

#eighth .text_layout p:last-child{
padding-bottom: 0px;
}










#ninth{
width: 100%;
margin: 0 auto;
padding-top: 50px;
display: block;
}

#ninth .photo_layout{
width:94%;
margin: 0 auto;
}

#ninth .photo_layout img{
width: 100%;
height: auto;
}


#ninth .text_layout{
position: relative;
width:94%;
margin: 0 auto;
padding-right: 0px;
padding-top: 20px;
}


#ninth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}


#ninth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 0px;


}






















#tenth{
width: 100%;
margin: 0 auto;
padding-top: 50px;
display: block;
}

#tenth .photo_layout{
width:94%;
margin: 0 auto;
}

#tenth .photo_layout img{
width: 100%;
height: auto;
}


#tenth .text_layout{
position: relative;
width:94%;
margin: 0 auto;
padding-right: 0px;
padding-left: 0px;
padding-top: 20px;
}


#tenth .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}


#tenth .text_layout p{
font-size : 13px;
line-height : 2.1;
color : #fff;
padding-bottom: 21px;


}


#tenth .text_layout p:last-child{
padding-bottom: 0px;
}




/*11　写真のみ　SP*/


#eleventh{
width: 100%;
margin: 0 auto;
padding-top: 50px;
}


#eleventh .photo_layout{
  width: 100%;
  margin: 0 auto;
}

#eleventh .photo_layout img{
width: 100%;
height: auto;
}






/*12　プロフィール　SP*/

#twelveth{
width: 90%;
margin: 0 auto 40px auto;
padding-top: 80px;
padding-bottom: 40px;
}



#twelveth h2{
width: 100%;
margin: 0;
padding: 0;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 18px;
line-height: 1.1;
letter-spacing : 0.15em;
text-align: center;
overflow: hidden;
}


#twelveth h2 span
{
  display: inline-block;
  position: relative;
  padding: 0 .6em;
}
#twelveth h2 span:before,
#twelveth h2 span:after
{
  position: absolute;
  top : -webkit-calc(50% - 1px);
  top : calc(50% - 1px);
  width: 99em;
  content: '';
  border-top: 1px solid #fff;
}
#twelveth h2 span:before
{
  right: 100%;
}
#twelveth h2 span:after
{
  left: 100%;
}





#twelveth .zentai_layout{
width: 100%;
margin: 0 auto 0px auto;
padding-top: 40px;
display: block;
}


#twelveth .zentai_layout .photo_layout{
width: 100%;
}

#twelveth .zentai_layout .photo_layout img{
width: 100%;
height: auto;
}


#twelveth .zentai_layout .text_layout{
position: relative;
width: 100%;
margin: 0 auto 0px auto;
padding: 0;
}


#twelveth .zentai_layout .text_layout h2{
width: 100%;
margin: 0 auto;
text-align: left;
font-size: 17px;
letter-spacing: 0.08em;
line-height: 1.3;
padding: 0 0 40px 0;
}



#twelveth .zentai_layout .text_layout h3{
font-size: 18px;
letter-spacing: 0.1em;
margin: 25px 0 14px 0;
}

#twelveth .zentai_layout .text_layout h3 span:first-child{
font-family: 'brown-bold';
padding:0 20px 0 0;
font-size : 19px;
}

#twelveth .zentai_layout .text_layout 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;
}




#twelveth .zentai_layout .text_layout .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;
}




#twelveth .zentai_layout .text_layout p{
font-size: 12px;
line-height: 24px;
letter-spacing: normal;

text-align: justify;
text-justify: inter-ideograph;
padding: 0;
margin: 0;
}








/*GET YOUR OWN EMBROIDERY SP*/

#thirteenth{
width: 90%;
margin: 0 auto 80px auto;
padding-top: 0px;
padding-bottom: 30px;
border-bottom: 1px solid #fff;
}



#thirteenth h2{
position: relative;
width: 100%;
margin: 0;
padding: 0;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 18px;
line-height: 1.1;
letter-spacing : 0.15em;
text-align: center;
overflow: hidden;
font-weight: bold;

top:-18px;
}



#thirteenth h2 span
{
  display: inline-block;
  position: relative;
  padding: 0 .6em;
}
#thirteenth h2 span:before,
#thirteenth h2 span:after
{
  position: absolute;
  top : -webkit-calc(50% - 1px);
  top : calc(50% - 1px);
  width: 99em;
  content: '';
  border-top: 1px solid #fff;
}
#thirteenth h2 span:before
{
  right: 100%;
}
#thirteenth h2 span:after
{
  left: 100%;
}




#thirteenth p{
margin: 0 auto;
width: 90%;
text-align:left;
font-size:12px;
line-height:2.1;
letter-spacing : 0.15em;
padding: 20px 0 30PX 0;
}


#thirteenth .date{
width: 100%;
margin: 0;
padding: 0px 0 12px 0 ;
font-family: 'brown-bold', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'メイリオ', Meiryo;
font-size : 15px;
line-height: 1.1;
letter-spacing : 0.15em;
text-align: center;
font-weight: bold;
}

#thirteenth .tenpo{
width: 100%;
margin: 0;
text-align: center;
letter-spacing : 0.15em;
line-height: 1.5;
}


#thirteenth .itibu{
width: 100%;
margin: 0;
text-align: center;
letter-spacing : 0.15em;
font-size : 11px;
padding: 50px 0 0 0;
}
















/*ECリンク｜SEE THE COLLECTION　SP*/
#online-site-2018aw-layout{
padding:40px 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:-32px;
left:0;
right:0;
width:100%;
text-align:center;
}




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

#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{
position:absolute;
width:1px;
margin:0 auto;
background:#666;
height:80px;
bottom:-50px;
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;
}








}/*@media*/