abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{margin:0;padding:0;line-height:1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{line-height:0;vertical-align:bottom}img,li{margin:0;padding:0}li{list-style-type:none}
body {
font-family:"游ゴシック体", "Yu GothicM", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
color:#000;
margin:0;
padding:0;
width: 100%;
-ms-overflow-x: hidden;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


article{
width: 100%;
}

a{
color:#333;
text-decoration: none;
-webkit-transition: opacity 1.0s;
transition: opacity 1.0s;
}
a:visited{
color:#333;
text-decoration: none;
}
a:hover{
color:#333;
text-decoration: none;
}

/*スマホ開始
-------------------------------------------------------------------------*/
.pc_show{
display:none;
}

.sp_show{
display:block;
}


/*ファーストビューエリア　SP
---------------------------------------------------------------*/
.main{
width:100%;
height : -webkit-calc(100vh + 25px);
height : calc(100vh + 25px);
position:relative;
background: #EAD4C5;
}

/*ローダー*/
#new_loader{
display: flex; /* 子要素をflexboxで揃える */
flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;  /* 子要素をflexboxにより中央に配置する */
width: 100vw; /* 見た目用 */
height: 100vh; /* 見た目用 */
position: absolute;
transition-property: opacity;
-webkit-transition-property: opacity;
transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
opacity : 0.0;
}

#new_loader.scrollin{
opacity : 1.0;
}

#new_loader.fadeout{
opacity : 0.0;
}
#new_loader span{
margin: 15px 0 0 0;
}

/* FMJグラデローダー */
.fmj-spinner .fmj-loader-back{
width: 76px;
height: 76px;
border-radius: 50%;
background: #EAD4C5;
text-align: center;
top:2px;
left:2px;
position: relative;
}

.fmj-spinner{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: transparent;
    border-top-color: #7F685C;
    border-bottom-color: #7F685C;
    -webkit-animation: 1.8s spin linear infinite;
    animation: 1.8s spin linear infinite;
    background: -moz-linear-gradient(top, #7F685C, #EAD4C5);
    background: -webkit-linear-gradient(top, #7F685C, #EAD4C5);
    background: linear-gradient(to bottom, #7F685C, #EAD4C5);
    text-align: center;
    margin: 0 auto;
}

-webkit-@keyframes spin {
  -webkit-from {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  -webkit-to {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* FMJグラデローダー */


/*メイン画像*/
#first_img{
position:relative;
top:0;
left:0;
z-index:1;
width:100%;
height :100vh;
background: url(main_sp.jpg) no-repeat center top;
background-size: cover;
opacity:0;
transition-property: opacity;
-webkit-transition-property: opacity;
transition: opacity 1.5s;
-webkit-transition: opacity 1.5s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

#first_img.scrollin{
opacity : 1.0;
}

/*ロゴ、キャッチコピー、罫線エリア　SP*/
#logo_catch_area{
position: absolute;
top: 0px;
left: 0px;
z-index:2;
width : 100%;
height : 100%;
opacity:0;
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
transition-property: opacity;
-webkit-transition-property: opacity;
transition: opacity 2.0s;
-webkit-transition: opacity 2.0s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

#logo_catch_area.scrollin{
opacity : 1;
}


/*罫線4本*/
.k_top{display: none;}
.k_bottom{display: none;}
.k_left{display: none;}
.k_right{display: none;}


/*サークル　vol2*/
.logo_circle{
display: none;
position: absolute;
top: 30px;
left: 30px;
}

/*日本語キャッチ SP*/
.logo_catch{
position: absolute;
top: 15px;
right: 15px;
display: none;
}

.logo_catch img{
	max-height: 68vh;
	width: auto;
	margin:0;
}
.logo_catch_sp {
	text-align: center;
    margin: 80px 0 -60px 0;
    display: block;
}

/*Dear...Working Lady.  SP*/
.logo_dear{
position: absolute;
bottom: 105px;
left: 0px;
right: 0px;
margin: auto;
width: 90%;
}

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

/*月日　SP*/
.logo_date{
position: absolute;
bottom: 80px;
left: 0px;
right: 0px;
margin: auto;
width: 100%;
text-align: center;
}

/*ブランドロゴ SP*/
.logo_brand{
position: absolute;
top: 15px;
left: 10px;
}

/*↓↓↓矢印アニメ SP【開始】↓↓↓*/
.scroll_line{
position:absolute;
z-index:9999;
width:1px;
height:70px;

left: 0px;
right: 0px;
margin: auto;

bottom: 0px;
opacity:1.0;
overflow:visible;
}

.ti_scroll{
display: block;
position:relative;
padding: 0 0 8px 0;
margin: 0 0 0 -2px;
}


/*縦*/
.tate{
position:relative;
display: block;
width:1px;
height:70px;
background:#F3EAE2;
opacity:1.0;
z-index:200;
}

/*縦*/
.tate::after{
content:"";
display: block;
position:absolute;
z-index:201;

top:0px;
left:0px;
margin:0;
padding:0;
width:1px;
height:70px;
background:#CC8585;

animation-duration: 4s;
animation-name: tate_idou;
animation-iteration-count: infinite;
opacity:1.0;
}

@keyframes tate_idou {
0% {
height:0px;
opacity:0;
}

10% {
height:0px;
opacity:1.0;
}

20% {
height:100%;
opacity:1.0;
}

80% {
height:100%;
opacity:1.0;
}

100% {
opacity:0;
height:100%;
}
}


/*SPリード文*/
.lp_caption{
width:98%;
margin: 100px auto 150px;
text-align: center;
line-height: 2.0;
font-size: 12px;
}


/*SP【基本】
---------------------------------------------COLORS or VARIATION */
.variation{
position: relative;
width:100%;
text-align:center;
margin: 50px 0 0px 0;
}

.variation h4{
width: 114px;
height: 18px;
text-align:center;
padding: 0 0 30px 0;
margin: 0 auto;
}

.variation h4 img{
width: 100%;
height: auto;
}


.variation p{
font-size: 13px;
    line-height: 1.5;
    padding: 0 0 25px 0;
    color: #000;
}

/*色名*/
.syouhin .pc_show span{
padding:0;
margin: 0 auto;
position: relative;
display: block;
}


/*商品画像　基本*/
.syouhin{
position:relative;
width:100%;
height: auto;
margin:0 auto 20px auto;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing : 0.1em;
font-size: 12px;
}



/*各リンク*/
.kaku_link{
text-align:center;
width:auto;
margin:0 auto;
padding:0;
font-family: 'Source Sans Pro', sans-serif;
position: relative;
}


/*各リンクの　商品名・値段*/
.price_02{
display: inline-block;
width: auto;
height: 12px;
line-height: 12px;
margin: 0px 18px 0 0;
font-size:12px;
letter-spacing:0.1em;
text-align:left;
color: #000;
vertical-align: middle;
}


.detail_link_02{
display: inline-block;
vertical-align: middle;
width: 90px;
height:24px;
text-align:center;
position: relative;
}

.detail_link_02 img{
width: 90px;
height:24px;
z-index: -2;
}

.detail_link_02{
text-decoration:none;
overflow: hidden;
position: relative;
}

.detail_link_02 :visited {
text-decoration: none;
}

.detail_link_02 :hover{
color : #fff;
text-decoration: none;
}


/*ボタン　背景　文字のみ画像*/
.detail_link_02 ::before{
content: "";
background: #000;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: -4;
transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.detail_link_02 :hover::before{
opacity: 0.7;
}
/*ボタン　背景　文字のみ画像*/


/*斜めの白　hover用*/
.detail_link_02 ::after{
content: "";
background: #fff;
height: 200px;
left: -100px;
opacity: .3;
position: absolute;
top: -100px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 2;
}

.detail_link_02 :hover::after{
animation: hover_anim .4s ease-out forwards;
}

/*斜めの白　hover用*/


.bityousei{
margin: 20px 0 0 0;
}







/*SP カラーバー 基本*/
.cbar_area{
position: absolute;
top:0px;
left: 0px;

width:3px;
height : -webkit-calc(100% + 15px);
height : calc(100% + 15px);

background: #e5cab7;
display: block;
}

.cbar_area_first{
width:3px;
position: absolute;
height:50%;
background: #db52ab;
}


/*SP リンクエリア*/
.link_area{
width: 96%;
text-align: center;
margin: 0px auto;
position: relative;
}

.link_area ul{
text-align: left;
padding: 13px 0 0 0;
margin: 0px 0 0 20px;
}

.link_area ul li{
width: 100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
letter-spacing: 0.01em;
margin: 0 0 30px 0;
}

.link_area ul li .ti_syouhin{
flex: 1;
margin: 0 20px 0 0;
color:#000;
}

/*値段、色*/
.link_area li .ti_syouhin .color_preice{
font-size: 11px;
margin: 5px 0 0 0;
line-height: 1.5;
}



/*Check! ボタン　リンクエリア*/
.link_area ul li .btn_check{
flex-basis: 90px;
height: 24px;
position: relative;
overflow: hidden;
}


.link_area ul li .btn_check img{
width: 100%;
height: auto;
z-index: -2;
}

/*ボタン　背景　文字のみ画像*/
.link_area ul li .btn_check::before {
content: "";
background: #000;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: -4;
transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.link_area ul li .btn_check:hover::before{
opacity: 0.7;
}
/*ボタン　背景　文字のみ画像*/


/*斜めの白　hover用*/
.link_area ul li .btn_check::after{
content: "";
position: absolute;
z-index: 2;

background: #fff;
height: 200px;
width: 50px;
top: -100px;
left: -100px;
opacity: .3;

transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.link_area ul li .btn_check:hover::after{
animation: hover_anim .4s ease-out forwards;
}

@keyframes hover_anim {
0% {
transform: translateX(0) rotate(35deg);
}
100% {transform: translateX(300px) rotate(35deg);}
}

/*斜めの白　hover用*/





/*フェード切り替え*/
/*.multiple ul{
width: 100%;
height: auto;
text-align: center;
overflow: hidden;
position: relative;
margin:0 auto;
}


.multiple ul li {
padding:0;
top: 0;
left: 0;
right:0;
width: 100%;
height: 300%;
margin: auto;
display: none;
position: absolute;
text-align: center;
}*/

.multiple ul li img{
width: 100%;
height: auto;
margin-bottom: 12px;
}
#section01 .multiple ul li img {
    max-width: calc(709px / 2);
}
#section02 .multiple ul li img {
	width: calc(713px / 2);
}
#section03 .multiple ul li img {
	width: calc(513px / 2);
}
#section04 .multiple ul li img {
	width: calc(705px / 2);
}



/*フェード切り替え*/

/*高さ指定*/
/*#section01 .multiple ul {
width: 84vw;
margin:0 auto;
height : -webkit-calc(84vw / 1040 * 1155 + 35px);
height : calc(84vw / 1040 * 1155 + 35px);
}


#section02 .multiple ul {
width: 82vw;
margin:0 auto;
height : -webkit-calc(82vw / 1030 * 950 + 35px);
height : calc(82vw / 1030 * 950 + 35px);
}

#section03 .multiple ul {
width: 82vw;
margin:0 auto;
height : -webkit-calc(82vw / 1170 * 934 + 35px);
height : calc(82vw / 1170 * 934 + 35px);
}

#section04 .multiple ul {
width: 82vw;
margin:0 auto;
height : -webkit-calc(82vw / 1270 * 1100 + 35px);
height : calc(82vw / 1270 * 1100 + 35px);
}
*/


















.phototext_01 .text_area p{
text-align: center;
width: 100%;
font-size: 13px;
}

.text_area h3{
letter-spacing: 0.05em;
}

/* SP セクション01
--------------------------------------------------------------------------------*/
#section01{
width: 100%;
margin:80px auto 120px auto;
position: relative;
}


#section01 .phototext_01{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
position: relative;
}

#section01 .phototext_01 .text_area{
width: 92%;
margin: 0px auto 30px auto;
text-align: center;
position: relative;
}

#section01 .phototext_01 .photo_area{
width: 96%;
position: relative;
z-index: 4;
}

#section01 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}




#section01 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section01 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}


/* SP 01のエリア02*/
#section01 .phototext_02{
width: 96%;
height: auto;
margin: -58px 0 0 4%;
padding: 0;
position: relative;
}

#section01 .phototext_02 .photo_area {
width: 100%;
margin: 0px auto 0 auto;
position: relative;
overflow: hidden;
z-index: 2;
}

#section01 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section01 .phototext_02 .text_area {
width: 100%;
text-align: center;
margin: 30px 0 0 0;
position: relative;
}





#section01 .phototext_02 .text_area .cbar_area{
background: #FDECE1;
}

#section01 .phototext_02 .text_area .cbar_area_first{
background: #79777B;
}



#section01 .phototext_02 .text_area .link_area{
margin:0 0 0 0px;
}






/* SP セクション02
--------------------------------------------------------------------------------*/

#section02{
margin: 0 auto 100px auto;
position: relative;
}


#section02 .phototext_01{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
position: relative;
}

#section02 .phototext_01 .text_area{
width: 90%;
margin: 0px auto 30px auto;
text-align: center;
position: relative;
}

#section02 .phototext_01 .photo_area{
width: 96%;
height: auto;
margin: 0 0 0 0;
position: relative;
z-index:4;
}

#section02 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}



#section02 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section02 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}


/* SP 01のエリア02*/
#section02 .phototext_02{
width: 96%;
height: auto;
margin: 0 0 0 4%;
padding: 0;
position: relative;
}

#section02 .phototext_02 .photo_area {
width: 100%;
margin: -38px auto 0 auto;
position: relative;
overflow: hidden;
z-index: 3;
}

#section02 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section02 .phototext_02 .text_area {
width: 96%;
text-align: center;
margin: 30px 0 0 0;
position: relative;
}


#section02 .phototext_02 .text_area .link_area{
width: 100%;
margin: 0px auto 0 auto;
}

#section02 .phototext_02 .text_area .cbar_area{
background: #DCD2CD;
}

#section02 .phototext_02 .text_area .cbar_area_first{
background: #AFBFA1;
}













/* SP セクション03
--------------------------------------------------------------------------------*/

#section03{
margin: 0 auto 120px auto;
position: relative;
width: 100%;
}


#section03 .phototext_01{
width: 96%;
height: auto;
margin: 0 auto;
padding: 0;
position: relative;
}

#section03 .phototext_01 .text_area{
width: 90%;
margin: 0px auto 30px auto;
text-align: center;
position: relative;
}

#section03 .phototext_01 .photo_area{
width: 96%;
height: auto;
margin: 0 0 0 4%;
position: relative;
z-index: 4;
}

#section03 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}




#section03 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section03 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}



#section03 .phototext_02{
width: 96%;
height: auto;
margin: 0 4% 0 0%;
padding: 0;
position: relative;
}

#section03 .phototext_02 .photo_area {
width: 100%;
margin: -20px auto 0 auto;
position: relative;
overflow: hidden;
z-index: 2;
}

#section03 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}

#section03 .phototext_02 .text_area {
width: 96%;
text-align: center;
margin: 30px 0 0 4%;
position: relative;
}

#section03 .phototext_02 .text_area .link_area{
width: 100%;
margin:0 0 0 0px;
}

#section03 .phototext_02 .text_area .cbar_area{
    background: #B0BAD2;
}

#section03 .phototext_02 .text_area .cbar_area_first{
background: #F9F3E8;
}







/* SP セクション04
--------------------------------------------------------------------------------*/

#section04{
margin: 0 auto 100px auto;
position: relative;
}


#section04 .phototext_01{
width: 96%;
height: auto;
margin: 0 4% 0 0;
padding: 0;
position: relative;
}

#section04 .phototext_01 .text_area{
width: 90%;
margin: 0px auto 30px auto;
text-align: center;
position: relative;
}

#section04 .phototext_01 .photo_area{
width: 100%;
position: relative;
}

#section04 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}

#section04 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section04 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}


/* SP 01のエリア02*/
#section04 .phototext_02{
width: 96%;
height: auto;
margin: 0 0 0 4%;
padding: 0;
position: relative;
}

#section04 .phototext_02 .photo_area {
width: 100%;
margin: -14px auto 0 auto;
position: relative;
overflow: hidden;
z-index: 4;
}

#section04 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section04 .phototext_02 .text_area {
width: 100%;
text-align: center;
margin: 30px 0 0 0;
position: relative;
}


#section04 .phototext_02 .text_area .cbar_area{
background: #b7b2d0;
}

#section04 .phototext_02 .text_area .cbar_area_first{
background: #ddd9d3;
}



#section04 .phototext_02 .text_area .link_area{
width: 96%;
margin: 30px 4% 0 0;
}




/* SP セクション05
--------------------------------------------------------------------------------*/
#section05{
margin: 0 auto 100px auto;
position: relative;
width: 100%;
}


#section05 .phototext_01{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
position: relative;
}

#section05 .phototext_01 .text_area{
width: 90%;
margin: 0px auto 30px auto;
text-align: center;
position: relative;
}

#section05 .phototext_01 .photo_area{
width: 96%;
margin: 0 4% 0px 0;
position: relative;

}

#section05 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}




#section05 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section05 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}



#section05 .link_area .cbar_area{
background: #367b8b;
}

#section05 .link_area .cbar_area_first{
background: #1b1c20;
}







/* SP リンクエリア*/
#section05 .link_area_layout{
width: 96%;
margin: 30px auto 0 auto;
text-align: center;
}

























/* SP セクション06
--------------------------------------------------------------------------------*/
#section06{
margin: 0 auto 120px auto;
position: relative;
width: 100%;
}


#section06 .phototext_01{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
position: relative;
}

#section06 .phototext_01 .text_area{
width: 90%;
margin: 0px auto 30px auto;
text-align: center;
position: relative;
}

#section06 .phototext_01 .photo_area{
width: 96%;
margin: 0 0 0 4%;
position: relative;
}

#section06 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}



#section06 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section06 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}



#section06 .link_area .cbar_area{
background: #bd8c65;
}

#section06 .link_area .cbar_area_first{
background: #975036;
}



/* SP リンクエリア*/
#section06 .link_area_layout{
width: 96%;
margin: 30px auto 0 auto;
text-align: center;
}

/* SP COLORAS*/
#section06 .variation{
margin: 40px auto 0px auto;
text-align: center;
}



/*各リンク*/
#section06 .kaku_link{
text-align:center;
width:320px;
margin:0 auto;
}












/* SP セクション07
--------------------------------------------------------------------------------*/

#section07{
width: 90vw;
margin: 0 auto 120px auto;
position: relative;
}

#section07 .sakidashi_ti{
position: absolute;
top:-20px;
left:0;
right: 0;
margin: auto;
width: 100%;
height: 50px;
text-align: center;
}

/* SP 罫線*/
#section07 .keisen_nijyu{
idth: 90vw;
margin: 0 auto;
border:1px solid #000;
position: relative;
}

#section07 .keisen_nijyu::after{
content: '';
border:1px solid #000;
position: absolute;
top:5px;
left:5px;
width : -webkit-calc(90vw - 12px);
width : calc(100% - 12px);
height: -webkit-calc(90vw - 12px);
height : calc(100% - 12px);
z-index: -1;
}

#section07 .phototext_01{
width: 100%;
height: auto;
margin: 70px auto 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
/* SP 横並び・右から左*/
flex-direction: row-reverse;
}

#section07 .phototext_01 .text_area{
width: 85%;
margin: 30px auto 30px auto;
text-align: center;
position: relative;
}

#section07 .phototext_01 .photo_area{
width: 90%;
position: relative;
margin: 0 auto;
}

#section07 .phototext_01 .photo_area .photo{
position: relative;
width:100%;
}



#section07 .phototext_01 .photo_area .photo img{
width: 100%;
height: auto;
}



#section07 .phototext_01 .photo_area .circle_next{
position: absolute;
bottom: -20px;
left: -10px;
}


#section07 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section07 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}



#section07 .link_area .cbar_area{
background: #120c06;
}

#section07 .link_area .cbar_area_first{
background: #e1c7a7;
}



/* SP リンクエリア*/
#section07 .link_area{
width: 90%;
margin: 50px auto 70px auto;
text-align: center;
}





#section07 .variation{
margin: 0 0 70px 0;
}





















/* SP 着まわしアレンジ【共通】
-------------------------------------------------------------------------*/
.kimawashi_arrange{
width: 92%;
margin: 60px auto 0 auto;
padding: 0;
text-align: center;
background: none;
position: relative;
}



.kimawashi_arrange h3{
width: 100%;
height: 40px;
text-align: center;
margin: 10px 0 0 0;
}


.kimawashi_arrange p{
width: 100%;
margin: 30px auto 0 auto;
text-align: center;
font-size: 12px;
line-height: 1.8;
}


.kimawashi_arrange .photo_text_area{
position: relative;
    width: 100%;
    margin: 70px auto 0 auto;
}


.kimawashi_arrange .photo_text_area .photo_area_ki{
width: 100%;
margin: 0;
position: relative;
}

.kimawashi_arrange .photo_text_area .photo_area_ki .circle{
	position: absolute;
    top: -44px;
    left: 0;
    z-index: 5;
}

.kimawashi_arrange .photo_text_area .photo_area_ki .color_tate{
position: absolute;
bottom:15px;
right:-11px;
z-index: 5;
}


.kimawashi_arrange .photo_text_area .photo_area_ki .color_tate img{
	width: 18px;
	height: auto;
}
#section04 .kimawashi_arrange .photo_text_area .photo_area_ki .color_tate img {
	width: 24px;
}

.kimawashi_arrange .photo_text_area .photo_area_ki img{
width: 100%;
height: auto;
}

.kimawashi_arrange .photo_text_area .text_area_ki{
width: 100%;
margin: 30px 0 0 0px;
position: relative;
}

.kimawashi_arrange .photo_text_area .link_area{
width: 100%;
margin: 0px 0 0 0px;
position: relative;
}


/* SP 着まわしアレンジのカラーバー*/
.kimawashi_arrange .cbar_area{
position: absolute;
width:3px;
top:0;
background: #e5cab7;
display: block;

height : -webkit-calc(100% + 15px);
height : calc(100% + 15px);
}


.kimawashi_arrange .cbar_area_first{
width:3px;
position: absolute;
height:50%;
background: #db52ab;
}




/*01*/
#section01 .kimawashi_arrange .cbar_area{
background: #cccbb4;
}

#section01 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #f64935;
}



/*02*/
#section02 .kimawashi_arrange .cbar_area{
    background: #13235B;
}

#section02 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #AFBFA1;
}


/*03*/
#section03 .kimawashi_arrange .cbar_area{
background: #5cc3cb;
}

#section03 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #e9dccf;
}


/*04*/
#section04 .kimawashi_arrange .cbar_area{
    background: #818BA0;
}

#section04 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #CEBEAE;
}































/* SP リンクバナー
---------------------------------------------------------------*/
#two_shop_link{
width: 92%;
margin: 0 auto 80px;
padding: 0 0 0 0;
text-align: center;
position: relative;
border: none;
}

#two_shop_link h2{
width: 100%;
text-align: center;
margin: 0 0 30px 0;
}


.kaku_bn{
width: 92vw;
margin: 0 auto;
height : -webkit-calc(92vw / 960 * 642 + 0px);
height : calc(92vw / 960 * 642 + 0px);
position: relative;
cursor: pointer;
}
#two_shop_link .kaku_bn img {
	width: 100%;
	height:auto;
}

/*罫線*/
.kaku_bn .keisen{
position: absolute;
top:5px;
left:5px;
width : -webkit-calc(100% - 11px);
width : calc(100% - 11px);

height : -webkit-calc(92vw / 960 * 642 - 11px);
height : calc(92vw / 960 * 642 - 11px);
border: 1px solid #fff;
opacity: 0.5;
}

/*ブランドロゴ*/
.kaku_bn .brand{
width: 98px;
height: 20px;
position: absolute;
left:15px;
bottom:10px;
}

.kaku_bn .brand img{
width: 100%;
height: auto;
}


/*ブランドロゴ02*/
.kaku_bn .brand02{
width: 98px;
height: 20px;
position: absolute;
right:15px;
top:20px;
}

.kaku_bn .brand02 img{
width: 100%;
height: auto;
}


/*ブランドロゴ02*/
.kaku_bn .vol1{
width: 154px;
height: 30px;
position: absolute;
left:15px;
bottom:10px;
}

.kaku_bn .vol1 img{
width: 100%;
height: auto;
}



.kaku_bn a{
display: block;
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 999;
transition:opacity 0.3s ease;
}


/*隣接 ホバー*/
.kaku_bn a:hover + .photo{
opacity:0.8;
}




.kaku_bn .photo{
position: relative;
width: 100%;
height : -webkit-calc(92vw / 960 * 642 - 11px);
height : calc(92vw / 960 * 642 - 11px);
transition:opacity 0.3s ease;
}

.kaku_bn .photo img.tyousei{
width: 100%;
height: auto;
}

#two_shop_link .text{
width: 100%;
padding: 20px 0 0 0;
text-align: center;
font-size: 12px;
color: #333333;
}







/*フッター
---------------------------------------------------------------*/
footer{
position: relative;
width:100%;
margin:0;
padding:0 0 0px 0;
background: #efefef;
border-top: 1px solid #d7d7d7;
}





/* バックナンバー
---------------------------------------------------------------*/
.back_number{
position: relative;
width: 100%;
margin: 0px auto;
padding: 80px 0 80px 0;
text-align: center;
}

.back_number h2{
padding: 0px 0 30px 0;
}

.back_number .text{
font-size: 12px;
margin: 15px 0 0 0;
}



/*SNSシェアボタン　PC
---------------------------------------------------------------*/
.new_sns{
margin:0 auto;
padding: 80px 0 80px 0;
text-align:center;
width:94%;
border-bottom: 1px solid #d7d7d7;
}

.new_sns ul.sns{
justify-content: center;
display:flex;
flex-wrap:wrap;
margin-top:0px;
}

.new_sns ul.sns li + li{
	margin-left:23px;
}

.new_sns ul.sns li{
width: 22px;
}

.new_sns ul.sns li:first-child{
width: 44px;
height:22px;
margin: 3px 0 0 0;
}


.new_sns ul.sns li a{
	display:block;
	width:22px;
	height:22px;
	border-radius:0px;
	text-align:center;
	line-height:1.0;
	transition:opacity 0.3s ease;
}

.new_sns ul.sns li a img{
	vertical-align:middle;
}

.new_sns ul.sns li a:hover{
opacity:0.5;
}




/*クレジット＆オンラインリンク
---------------------------------------------------------------*/
#credit{
text-align:center;
width:100%;
padding:70px 0 70px 0 ;
}

#credit h3{
padding:0px 0 20px 0 ;
}

#credit p{
font-size: 12px;
line-height:1.8;
text-align: center;
letter-spacing:0.08em;
font-family: 'Source Sans Pro', sans-serif;
}





.last_bn_layout{
position: relative;
width: 94%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0 auto;
padding: 60px 0 60px 0;
}




.last_bn01{
width: 260px;
height: 106px;
margin: 0 auto;
text-align: center;
text-align: center;
background: #fff;
border: 1px solid #ccc;
position: relative;
transition:opacity 0.3s ease;
}

.last_bn01 .inner{
position: absolute;
top: 50%;
left: 50%;
}


.last_bn01 img{
width: 124px;
height: auto;
transform: translate(-50%,-50%);
}


.last_bn01 a{
transition:opacity 0.3s ease;
}

/*隣接 ホバー*/
.last_bn01 a:hover{
opacity:0.5;
}








.copy{
position: relative;
width: 100%;
height: 10px;
padding:20px 0 20px 0;
margin: 0 auto;
text-align: center;

line-height: 1.1;
margin: 0px auto 0px auto;
font-size: 9px;
color: #666666;
background: #efefef;
}

















/*スマホ終了　PC開始（横幅880px以上のすべて）
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 880px) {
.pc_show{
display:inline-block;
}

.sp_show{
display:none;
height: 0;
}


.multiple{
display:none;
height: 0;
}


/*ファーストビューエリア
---------------------------------------------------------------*/
.main{
width:100%;
height : -webkit-calc(100vh + 60px);
height : calc(100vh + 60px);
max-height:940px;/*880+60*/
position:relative;
background: #EAD4C5;
margin:0;
padding:0;
}

/*ローダー*/
#new_loader{
z-index: 999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
max-height: 880px;
position: absolute;
transition-property: opacity;
-webkit-transition-property: opacity;
transition: opacity 0.8s;
-webkit-transition: opacity 0.8s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

#new_loader span{
top:0px;
left:0px;
position: relative;
}




/*メイン画像*/
#first_img{
position:relative;
top:0;
left:0;
z-index:1;
width:100%;
height :100vh;
max-height: 880px;
background: url(main_pc.jpg) no-repeat center top;
background-size: cover;
}




/*ロゴ、キャッチコピー、罫線エリア*/
#logo_catch_area{
	position: absolute;
    top: 24px;
    left: 15px;
    z-index: 2;
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    height: -webkit-calc(100vh - 36px);
    height: calc(100vh - 36px);
    max-height: 808px;
}
.logo_catch_sp {
    display: none;
}



/*罫線4本*/
.k_top{
    display: block;
    position: absolute;
    top: 0px;
    left: 185px;
    z-index: 2;
    height: 1px;
    width: -webkit-calc(100% - 0px - 185px);
    width: calc(100% - 0px - 185px);
    background: #fff;
}

.k_bottom{
	display: block;
    position: absolute;
    bottom: 50px;
    left: 409px;
    z-index: 2;
    height: 1px;
    width: -webkit-calc(100% - 409px);
    width: calc(100% - 410px);
    background: #fff;
}

.k_left{
	display: block;
    position: absolute;
    top: 63px;
    left: 0px;
    z-index: 2;
    width: 1px;
    height: -webkit-calc(100vh - 87px - 120px);
    height: calc(100vh - 87px - 120px);
    max-height: 763px;
    background: #fff;
}

.k_right{
	display: block;
    position: absolute;
    top: 40px;
    right: 0px;
    z-index: 2;
    width: 1px;
    height: -webkit-calc(100vh - 166px);
    height: calc(100vh - 166px);
    max-height: 763px;
    background: #fff;
}



/*サークル　vol2*/
.logo_circle{
    display: block;
    position: absolute;
    top: 28px;
    right: 30px;
    left: auto;
}



/*日本語キャッチ PC*/
.logo_catch{
	position: absolute;
    top: 145px;
    left: auto;
    right: 56px;
    display: block;
}


/*Dear... PC*/
.logo_dear{
	position: absolute;
    bottom: 35px;
    left: 7px;
    right: auto;
}
.logo_dear img{
    width: auto;
    height: auto;
}

/*月日*/
.logo_date{
	position: absolute;
    bottom: 10px;
    left: 106px;
    right: auto;
    text-align: center;
    width: auto;
}

/*ブランドロゴ SP*/
.logo_brand{
	position: absolute;
    top: 0px;
    right: auto;
    left: 2px;
}



/*↓↓↓矢印アニメ SP【開始】↓↓↓*/
.scroll_line{
	position: absolute;
    z-index: 9999;
    width: 1px;
    height: 106px;
    right: 20px;
    left: auto;
    bottom: 90px;
    margin: 0;
    opacity: 1.0;
    overflow: visible;
}

.ti_scroll{
display: block;
position:relative;
padding: 0 0 8px 0;
margin: 0 0 0 -2px;
}


/*縦*/
.tate{
	position: relative;
    display: block;
    width: 1px;
    height: 106px;
    background: #F3EAE2;
    opacity: 1.0;
    z-index: 200;
}

/*縦*/
.tate::after{
	content: "";
    display: block;
    position: absolute;
    z-index: 201;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    width: 1px;
    height: 90px;
    background: #CC8585;
    animation-duration: 3s;
    animation-name: tate_idou;
    animation-iteration-count: infinite;
    opacity: 1.0;
}

@keyframes tate_idou {
0% {
height:0px;
opacity:0;
}

1% {
height:0px;
opacity:1.0;
}

20% {
height:100%;
opacity:1.0;
}

80% {
opacity:1.0;
height:100%;
}

100% {
opacity:0;
height:100%;
}
}








/*リード文*/
.lp_caption{
width:100%;
margin: 140px auto;
text-align: center;
line-height: 2.0;
}


/*カラーバー*/
.cbar_area{
position: absolute;
width:3px;
top:0;
background: #e5cab7;
display: block;
height : -webkit-calc(100% + 25px);
height : calc(100% + 25px);
}


.cbar_area_first{
width:3px;
position: absolute;
height:50%;
background: #db52ab;
}





/*【基本】
---------------------------------------------COLORS or VARIATION */
.variation{
position: relative;
width:100%;
text-align:center;
margin: 50px 0 0px 0;
}

.variation h4{
	width: 114px;
    height: 18px;
    text-align: center;
    padding: 0 0 30px 0;
    margin: 0 auto;
}

.variation h4 img{
width: 100%;
height: auto;
}


.variation p{
font-size:13px;
line-height:1.5;
padding: 0 0 25px 0;
color: #000;
}

/*色名*/
.syouhin .pc_show span{
padding:0;
margin: 0 auto;
position: relative;
display: block;
}


/*商品画像　基本*/
.syouhin{
position:relative;
width:1120px;
height: auto;
margin:0 auto 35px auto;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing : 0.1em;
font-size: 12px;
}


/*商品画像*/
#section01 .syouhin{
	position: relative;
    height: auto;
    margin: 0 auto 30px auto;
}



#section01 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}



#section01 .syouhin .pc_show div{
flex-basis:517px;
text-align:center;
    margin: 0 auto;
letter-spacing:0.05em;
}


#section01 .syouhin .pc_show div img{
width: 100%;
margin: 0 0 0 0;
}






/*各リンク*/
.kaku_link{
	text-align: center;
    width: 285px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    -webkit-align-items: center;
    align-items: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    position: relative;
}

.bityousei{
margin: 0;
}


#section06 .kaku_link{
width:320px;
}



/*各リンクの　商品名・値段*/
.price_02{
flex-basis: auto;
height:20px;
margin: 9px 20px 0 0;
font-size:12px;
letter-spacing:0.1em;
text-align:left;
color: #000;
}



.detail_link_02{
flex-basis: 90px;
height:24px;
display: flex;
align-items: center;
justify-content: center;
text-align:center;
position: relative;
}

.detail_link_02 img{
width: 90px;
height:24px;
z-index: -2;
}

.detail_link_02{
text-decoration:none;
overflow: hidden;
position: relative;
}

.detail_link_02 :visited {
text-decoration: none;
}

.detail_link_02 :hover{
color : #fff;
text-decoration: none;
}


/*ボタン　背景　文字のみ画像*/
.detail_link_02 ::before{
content: "";
background: #000;
position: absolute;
top:0;
left: 0;
width: 90px;
height: 100%;
z-index: -4;
transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.detail_link_02 :hover::before{
opacity: 0.7;
}
/*ボタン　背景　文字のみ画像*/


/*斜めの白　hover用*/
.detail_link_02 ::after{
content: "";
background: #fff;
height: 200px;
left: -100px;
opacity: .3;
position: absolute;
top: -100px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
width: 50px;
z-index: 2;
}

.detail_link_02 :hover::after{
animation: hover_anim .4s ease-out forwards;
}


/*斜めの白　hover用*/








.link_area{
width: 380px;
text-align: center;
margin: 0 auto;
position: relative;
}

.link_area ul{
text-align: left;
padding: 0;
margin: 0 0 0 20px;
}

.link_area ul li{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
letter-spacing: 0.01em;
margin: 0 0 30px 0;
}

.link_area ul li:last-child{
margin: 0 0 0px 0;
}

.link_area ul li .ti_syouhin{
    flex-basis: 215px;
    margin: 0 20px 0 0;
    color: #000;
}

/*値段、色*/
.link_area li .ti_syouhin .color_preice{
font-size: 11px;
margin: 5px 0 0 0;
}



/*Check! ボタン　リンクエリア*/
.link_area ul li .btn_check{
flex-basis: 90px;
height: 24px;
position: relative;
overflow: hidden;
}


.link_area ul li .btn_check img{
width: 100%;
height: auto;
z-index: -2;
}

/*ボタン　背景　文字のみ画像*/
.link_area ul li .btn_check::before {
content: "";
background: #000;
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
z-index: -4;
transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.link_area ul li .btn_check:hover::before{
opacity: 0.7;
}
/*ボタン　背景　文字のみ画像*/


/*斜めの白　hover用*/
.link_area ul li .btn_check::after{
content: "";
position: absolute;
z-index: 2;

background: #fff;
height: 200px;
width: 50px;
top: -100px;
left: -100px;
opacity: .3;

transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.link_area ul li .btn_check:hover::after{
animation: hover_anim .4s ease-out forwards;
}

@keyframes hover_anim {
0% {
transform: translateX(0) rotate(35deg);
}
100% {transform: translateX(300px) rotate(35deg);}
}

/*斜めの白　hover用*/








/*PC セクション01
--------------------------------------------------------------------------------*/
#section01{
margin:150px auto 120px auto;
position: relative;
}


#section01 .phototext_01{
width:1140px;
height: 915px;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
position: relative;
}

#section01 .phototext_01 .text_area{
flex-basis: 530px;
margin: 100px 0 0 0;
text-align: center;
position: relative;
}

#section01 .phototext_01 .photo_area{
flex-basis: 610px;
height: 915px;
position: relative;
}

#section01 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}

#section01 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section01 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}


/*01のエリア02*/
#section01 .phototext_02{
width:1200px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
position: relative;
}

#section01 .phototext_02 .photo_area {
flex-basis: 560px;
    height: auto;
    margin: -326px auto 0 auto;
    position: relative;
    overflow: hidden;
	z-index: 4;
}

#section01 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section01 .phototext_02 .text_area {
flex-basis: 580px;
    text-align: center;
    margin: 110px 0 0 0;
    position: relative;
    z-index: 2;
}

#section01 .phototext_02 .text_area .link_area{
width: 345px;
    margin: 0 0 0 160px;
}

#section01 .phototext_02 .text_area .cbar_area{
background: #FDECE1;
position: absolute;
top:-10px;
left: -10px;
}

#section01 .phototext_02 .text_area .cbar_area_first{
background: #79777B;
}






/*セクション02
--------------------------------------------------------------------------------*/

#section02{
margin: 0 auto 120px auto;
position: relative;
}


#section02 .phototext_01{
width:1140px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
/*flex-direction: row-reverse;*/
position: relative;
}

#section02 .phototext_01 .text_area{
flex-basis: 530px;
margin: 100px 0 0 0;
text-align: center;
position: relative;
}

#section02 .phototext_01 .photo_area{
flex-basis: 610px;
height: 915px;
position: relative;
}

#section02 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}


#section02 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section02 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}


/*01のエリア02*/
#section02 .phototext_02{
width:1200px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
/*flex-direction: row-reverse;*/
position: relative;
}

#section02 .phototext_02 .photo_area {
	flex-basis: 560px;
    height: auto;
    margin: -269px auto 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 4;
}

#section02 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section02 .phototext_02 .text_area {
	flex-basis: 580px;
    text-align: center;
    margin: 112px 0 0 0;
    position: relative;
    z-index: 2;
}


#section02 .phototext_02 .text_area .cbar_area{
background: #DCD2CD;
position: absolute;
top:-10px;
left: -10px;
}

#section02 .phototext_02 .text_area .cbar_area_first{
background: #AFBFA1;
}



#section02 .phototext_02 .text_area .link_area{
	margin: 0 0 0 75px;
    width: 345px;
}



/*商品画像*/
#section02 .syouhin{
position:relative;
width:1160px;
height: auto;
margin:0 auto 30px auto;
}



#section02 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}



#section02 .syouhin .pc_show div{
	flex-basis: 580px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 0.05em;
}


#section02 .syouhin .pc_show div img{
width: 100%;
height: auto;
}











/*セクション01
--------------------------------------------------------------------------------*/

#section03{
margin: 0 auto 120px auto;
position: relative;
}


#section03 .phototext_01{
width:1140px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
/*flex-direction: row-reverse;*/
position: relative;
}

#section03 .phototext_01 .text_area{
flex-basis: 530px;
margin: 100px 0 0 0;
text-align: center;
position: relative;
}

#section03 .phototext_01 .photo_area{
flex-basis: 610px;
margin: 0;
height: 915px;
position: relative;
z-index: -1;
}

#section03 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}



#section03 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section03 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}




/*01のエリア02*/
#section03 .phototext_02{
width:1200px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
/*flex-direction: row-reverse;*/
position: relative;
}

#section03 .phototext_02 .photo_area {
flex-basis: 560px;
height: auto;
margin: -288px auto 0 auto;
position: relative;
overflow: hidden;
z-index: 2;
}

#section03 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section03 .phototext_02 .text_area {
	flex-basis: 580px;
    text-align: center;
    margin: 135px 0 0 0;
    position: relative;
}


#section03 .phototext_02 .text_area .cbar_area{
    background: #B0BAD2;
	position: absolute;
	top:-10px;
	left: -10px;
}



#section03 .phototext_02 .text_area .cbar_area_first{
background: #F9F3E8;
}

#section03 .phototext_02 .text_area .link_area{
	width: 360px;
    margin: 0 0 0 77px;
}




/*商品画像*/
#section03 .syouhin{
position:relative;
width:1160px;
height: auto;
margin:0 auto 30px auto;
}

#section03 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}

#section03 .syouhin .pc_show div{
	flex-basis: 283px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 0.05em;
}


#section03 .syouhin .pc_show div img{
width: 100%;
height: auto;
margin: 0 0 0 0;
}







/*PC セクション04
--------------------------------------------------------------------------------*/
#section04{
margin: 0 auto 120px auto;
position: relative;
}


#section04 .phototext_01{
width:1140px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
position: relative;
}

#section04 .phototext_01 .text_area{
flex-basis: 530px;
margin: 100px 0 0 0;
text-align: center;
position: relative;
}

#section04 .phototext_01 .photo_area{
flex-basis: 610px;
height: 915px;
position: relative;
}

#section04 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}



#section04 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section04 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}


/*01のエリア02*/
#section04 .phototext_02{
width:1200px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
position: relative;
}

#section04 .phototext_02 .photo_area {
    flex-basis: 560px;
    height: auto;
    margin: -337px auto 0 auto;
    position: relative;
    overflow: hidden;
}

#section04 .phototext_02 .photo_area img{
width: 100%;
height: auto;
}


#section04 .phototext_02 .text_area {
flex-basis: 580px;
text-align: center;
margin: 0px 0 0 0;
position: relative;
}


#section04 .phototext_02 .text_area .cbar_area{
background: #b7b2d0;
position: absolute;
top:-10px;
left: -10px;
}

#section04 .phototext_02 .text_area .cbar_area_first{
background: #ddd9d3;
}



#section04 .phototext_02 .text_area .link_area{
	width: 360px;
    margin: 82px 0 0 135px;
}


/*商品画像*/
#section04 .syouhin{
	position: relative;
    height: auto;
    margin: 0 auto 30px auto;
}



#section04 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}



#section04 .syouhin .pc_show div{
	height: auto;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 0.05em;
}


#section04 .syouhin .pc_show div img{
width: 100%;
height: auto;
margin: 0 0 0 0;
}













/*PC セクション05
--------------------------------------------------------------------------------*/

#section05{
margin: 0 auto 120px auto;
position: relative;
}


#section05 .phototext_01{
width:1140px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
position: relative;
}

#section05 .phototext_01 .text_area{
flex-basis: 530px;
margin: 150px 0 0 0;
text-align: center;
position: relative;
}

#section05 .phototext_01 .photo_area{
flex-basis: 610px;
height: 915px;
position: relative;
margin: 0;
}

#section05 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}


#section05 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section05 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}



#section05 .phototext_01 .text_area .cbar_area{
background: #367b8b;
position: absolute;
top:-10px;
left: -10px;
}

#section05 .phototext_01 .text_area .cbar_area_first{
background: #1b1c20;
}







/*リンクエリア*/
#section05 .link_area_layout{
width: 350px;
margin: 70px auto 0 auto;
text-align: center;
}



/*商品画像*/
#section05 .syouhin{
position:relative;
width:1064px;
height: auto;
margin:0 auto 35px auto;
}



#section05 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}



#section05 .syouhin .pc_show div{
flex-basis:240px;
height: auto;
text-align:center;
margin: 0 13px 0 13px;
letter-spacing:0.05em;
}


#section05 .syouhin .pc_show div img{
width: 100%;
height: 270px;/*パララックス*/
margin: 0 0 12px 0;
}





















/*セクション06
--------------------------------------------------------------------------------*/

#section06{
margin: 0 auto 120px auto;
position: relative;
width:1140px;
}


#section06 .phototext_01{
width:1140px;
height: auto;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
/*横並び・右から左*/
flex-direction: row-reverse;
}

#section06 .phototext_01 .text_area{
flex-basis: 530px;
margin: 150px 0 0 0;
text-align: center;
position: relative;
}

#section06 .phototext_01 .photo_area{
flex-basis: 610px;
height: 915px;
position: relative;
margin: 0;
}

#section06 .phototext_01 .photo_area img{
width: 100%;
height: auto;
}


#section06 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section06 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}



#section06 .phototext_01 .text_area .cbar_area{
background: #bd8c65;
position: absolute;
top:-10px;
left: -10px;
}

#section06 .phototext_01 .text_area .cbar_area_first{
background: #975036;
}



/*リンクエリア*/
#section06 .link_area_layout{
width: 350px;
margin: 70px auto 0 auto;
text-align: center;
}


/*商品画像*/
#section06 .syouhin{
position:relative;
width:580px;
height: auto;
margin:0 auto 35px auto;
}



#section06 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}



#section06 .syouhin .pc_show div{
flex-basis:240px;
height: auto;
text-align:center;
margin: 0 25px 0 25px;
letter-spacing:0.05em;
}


#section06 .syouhin .pc_show div img{
width: 100%;
height: 340px;/*パララックス*/
margin: 0 0 12px 0;
}













/*セクション07
--------------------------------------------------------------------------------*/

#section07{
width: 1000px;
margin: 0 auto 120px auto;
position: relative;
}

#section07 .sakidashi_ti{
position: absolute;
top:-20px;
left:0;
right: 0;
margin: auto;
width: 184px;
height: 50px;
background: #fff;
text-align: center;
}


/*罫線*/
#section07 .keisen_nijyu{
width: 1000px;
margin: 0 auto;
border:1px solid #000;
position: relative;
}

#section07 .keisen_nijyu::after{
content: '';
border:1px solid #000;
width: 988px;
position: absolute;
top:5px;
left:5px;
height : -webkit-calc(100% - 12px);
height : calc(100% - 12px);
z-index: -1;
}






#section07 .phototext_01{
width:860px;
height: auto;
margin: 90px auto 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
position: relative;
/*横並び・右から左*/
flex-direction: row-reverse;
}

#section07 .phototext_01 .text_area{
flex-basis: 400px;
margin: 30px 0px 0 40px;
text-align: center;
position: relative;
}


/*リンクエリア*/
#section07 .link_area_layout{
width: 390px;
margin: 0px 0 0 0px;
text-align: center;
}

/*PCリンクエリア*/
#section07 .link_area{
width: 100%;
margin: 50px auto 70px auto;
text-align: center;
}





#section07 .phototext_01 .text_area .cbar_area{
height : -webkit-calc(100% + 15px);
height : calc(100% + 15px);
background: #120c06;
position: absolute;
top:-7px;
left: 0px;
}

#section07 .phototext_01 .text_area .cbar_area_first{
background: #e1c7a7;
}




#section07 .phototext_01 .photo_area{
flex-basis: 420px;
height: auto;
position: relative;
margin: 0 auto;
}

#section07 .phototext_01 .photo_area .photo{
position: relative;
width:100%;
}


#section07 .phototext_01 .photo_area .photo img{
width: 100%;
height: auto;
}


#section07 .phototext_01 .photo_area .circle_next{
position: absolute;
bottom: -33px;
left: -33px;
}




#section07 .phototext_01 .text_area h3{
margin: 35px 0 50px 0;
font-size: 14px;
color: #000;
font-weight: bold;
}

#section07 .phototext_01 .text_area p{
line-height: 2.0;
font-size: 12px;
}




/*商品画像*/
#section07 .syouhin{
position:relative;
width:952px;
height: auto;
margin:0 auto 35px auto;
}



#section07 .syouhin .pc_show{
width:100%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
height: auto;
}



#section07 .syouhin .pc_show div{
flex-basis:230px;
height: auto;
text-align:center;
margin: 0 4px 0 4px;
letter-spacing:0.05em;
}


#section07 .syouhin .pc_show div img{
width: 100%;
height: auto;
margin: 0 0 12px 0;
}


#section07 .variation{
margin: 40px 0 70px 0;
}




















/*着まわしアレンジ【共通】
-------------------------------------------------------------------------*/
.kimawashi_arrange{
width: 933px;
margin: 70px auto 0 auto;
text-align: center;
background: url(bg_keisen.svg) no-repeat 0px 15px;
position: relative;
}


.kimawashi_arrange h3{
    width: 339px;
    height: 40px;
    text-align: center;
    margin: 10px auto 0 auto;
    background: #fff;
}


.kimawashi_arrange p{
width: 100%;
margin: 40px auto 0 auto;
text-align: center;
font-size: 12px;
line-height: 1.8;
}


.kimawashi_arrange .photo_text_area{
    position: relative;
    width: 930px;
    margin: 50px auto 0 auto;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}


.kimawashi_arrange .photo_text_area .photo_area_ki{
flex-basis: 490px;
height: auto;
margin: 0;
position: relative;
}

.kimawashi_arrange .photo_text_area .photo_area_ki .circle{
position: absolute;
    top: -44px;
    left: 23px;
    z-index: 5;
}

.kimawashi_arrange .photo_text_area .photo_area_ki .color_tate{
position: absolute;
bottom:20px;
right:-11px;
z-index: 5;
}

/*微調整*/
#section05 .kimawashi_arrange .photo_text_area .photo_area_ki .color_tate{
right:-14px;
}

.kimawashi_arrange .photo_text_area .photo_area_ki .color_tate img,
#section04 .kimawashi_arrange .photo_text_area .photo_area_ki .color_tate img{
width: auto;
height: auto;
}

.kimawashi_arrange .photo_text_area .photo_area_ki img{
width: 100%;
height: auto;
}

.kimawashi_arrange .photo_text_area .text_area_ki{
	flex-basis: 400px;
    margin: -93px 0 0 40px;
    position: relative;
    height: auto;
}

.kimawashi_arrange .photo_text_area .link_area{
width: 360px;
margin: 15px 0 0 10px;
position: relative;
}




/*着まわしアレンジのカラーバー*/
.kimawashi_arrange .cbar_area{
position: absolute;
width:3px;
top:0;
background: #e5cab7;
display: block;
height : -webkit-calc(100% + 18px);
height : calc(100% + 18px);
}


.kimawashi_arrange .cbar_area_first{
width:3px;
position: absolute;
height:50%;
background: #db52ab;
}


/*01*/
#section01 .kimawashi_arrange .cbar_area{
background: #cccbb4;
}

#section01 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #f64935;
}



/*02*/
#section02 .kimawashi_arrange .cbar_area{
    background: #13235B;
}

#section02 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #AFBFA1;
}


/*03*/
#section03 .kimawashi_arrange .cbar_area{
background: #5cc3cb;
}

#section03 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #e9dccf;
}


/*04*/
#section04 .kimawashi_arrange .cbar_area{
    background: #818BA0;
}

#section04 .kimawashi_arrange .cbar_area .cbar_area_first{
background: #CEBEAE;
}














/* PC リンクバナー
---------------------------------------------------------------*/
#two_shop_link{
width: 380px;
margin: 0 auto;
padding: 0 0 80px 0;
text-align: center;
position: relative;
}

#two_shop_link h2{
width: 380px;
text-align: center;
margin: 0 0 18px 0;
}



.kaku_bn{
width: 380px;
height: 254px;
position: relative;
cursor: pointer;
}

/*罫線*/
.kaku_bn .keisen{
position: absolute;
top:5px;
left:5px;
width : -webkit-calc(100% - 11px);
width : calc(100% - 11px);

height : -webkit-calc(100% - 11px);
height : calc(100% - 11px);
border: 1px solid #fff;
opacity: 0.5;
}

/*ブランドロゴ*/
.kaku_bn .brand{
width: 98px;
height: 20px;
position: absolute;
left:15px;
bottom:15px;
}

.kaku_bn .brand img{
width: 100%;
height: auto;
}


/*ブランドロゴ02*/
.kaku_bn .brand02{
width: 98px;
height: 20px;
position: absolute;
right:15px;
top:15px;
}

.kaku_bn .brand02 img{
width: 100%;
height: auto;
}


/*ブランドロゴ02*/
.kaku_bn .vol1{
width: 154px;
height: 30px;
position: absolute;
left:15px;
bottom:15px;
}

.kaku_bn .vol1 img{
width: 100%;
height: auto;
}



.kaku_bn a{
display: block;
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
z-index: 999;
transition:opacity 0.3s ease;
}


/*隣接 ホバー*/
.kaku_bn a:hover + .photo{
opacity:0.8;
}




.kaku_bn .photo{
position: relative;
width: 380px;
height: 254px;
transition:opacity 0.3s ease;
}

.kaku_bn .photo img.tyousei{
width: 380px;
height: auto;
}

#two_shop_link .text{
width: 100%;
padding: 20px 0 0 0;
text-align: center;
font-size: 12px;
color: #333333;
}







/*フッター
---------------------------------------------------------------*/
footer{
position: relative;
width:100%;
margin:0;
padding:0 0 0px 0;
background: #efefef;
border-top: 1px solid #d7d7d7;
}





/* バックナンバー
---------------------------------------------------------------*/
.back_number{
position: relative;
width: 380px;
margin: 0px auto;
padding: 80px 0 80px 0;
text-align: center;
}

.back_number h2{
padding: 0px 0 30px 0;
}

.back_number .text{
font-size: 12px;
margin: 15px 0 0 0;
}



/*SNSシェアボタン　PC
---------------------------------------------------------------*/
.new_sns{
    margin: 0 auto;
    padding: 80px 0;
    text-align: center;
    width: 94%;
    border-bottom: 1px solid #d7d7d7;
}

.new_sns ul.sns{
justify-content: center;
display:flex;
flex-wrap:wrap;
margin-top:0px;
}

.new_sns ul.sns li + li{
	margin-left:23px;
}

.new_sns ul.sns li{
width: 22px;
}

.new_sns ul.sns li:first-child{
width: 44px;
height:22px;
margin: 3px 0 0 0;
}


.new_sns ul.sns li a{
	display:block;
	width:22px;
	height:22px;
	border-radius:0px;
	text-align:center;
	line-height:1.0;
	transition:opacity 0.3s ease;
}

.new_sns ul.sns li a img{
	vertical-align:middle;
}

.new_sns ul.sns li a:hover{
opacity:0.5;
}




/*クレジット＆オンラインリンク
---------------------------------------------------------------*/
#credit{
text-align:center;
width:100%;
padding:70px 0 70px 0 ;
}

#credit h3{
padding:0px 0 20px 0 ;
}

#credit p{
font-size: 12px;
line-height:1.8;
text-align: center;
letter-spacing:0.08em;
font-family: 'Source Sans Pro', sans-serif;
}





.last_bn_layout{
position: relative;
width: 94%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0 auto;
padding: 60px 0 60px 0;
}




.last_bn01{
width: 260px;
height: 106px;
margin: 0 auto;
text-align: center;
text-align: center;
background: #fff;
border: 1px solid #ccc;
position: relative;
transition:opacity 0.3s ease;
}

.last_bn01 .inner{
position: absolute;
top: 50%;
left: 50%;
}


.last_bn01 img{
width: 124px;
height: auto;
transform: translate(-50%,-50%);
}


.last_bn01 a{
transition:opacity 0.3s ease;
}

/*隣接 ホバー*/
.last_bn01 a:hover{
opacity:0.5;
}








.copy{
position: relative;
width: 100%;
height: 10px;
padding:20px 0 20px 0;
margin: 0 auto;
text-align: center;

line-height: 1.1;
margin: 0px auto 0px auto;
font-size: 9px;
color: #666666;
background: #efefef;
}

















}/*880px以上終了！*/












/*PC・スマホ共通！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！*/
.ivory{
color: #d2cbc2;
}

.purple{
color: #956aa3;
}

.sax{
color: #85bac9;
}

.khaki{
color: #5c7065;
}

.lavender{
color: #6f728d;
}

.mint_green{
color: #76b5a8;
}

.camel{
color : #754c24;
}

.white{
color : #b3b3b3;
}

.off_white{
color : #cccaac;
}


.beige{
color : #bd8d7b;
}

.black{
color:#000;
}

.charcoal_gray{
color:#636363;
}


.blue{
color : #6e8ec5;
}

.navy{
color : #00002e;
}

.medium_gray{
color : #666;
}

.orange{
color : #ff5d3b;
}


.gray{
color : #666;
}


.light_gray{
color : #999;
}

.pink{
color : #e3a4a3;
}

.yellow{
color : #ffec00;
}

.sax_blue{
color : #649fcc;
}

.brown{
color : #663114;
}

.green{
color : #48777f;
}

.mocha{
color : #9b7257;
}

.dark_orange{
color : #9f4236;
}

.brown_dark{
color : #513334;
}

.red{
color : #cf022c;
}

.mint{
color : #acba85;
}

.gray_beige{
color : #cbb8ad;
}








/*アニメーション用のCSS。PCスマホ共通*/
.fadein_first{
opacity: 0;
}

.fadein_first.scrollin{
opacity: 1.0;
}


.fadein_kotei{
opacity: 0;
transition-property: all;
-webkit-transition-property: all;
transition: opacity 2.0s;
-webkit-transition: opacity 2.0s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fadein_kotei.scrollin{
opacity: 1.0;
}


.fadein_scale{
opacity: 0;
transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transition-property: all;
-webkit-transition-property: all;
transition: all 3.0s;
-webkit-transition: all 3.0s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fadein_scale.scrollin{
opacity: 1;
transform: scale(1.0, 1.0);
-webkit-transform: scale(1.0, 1.0);
-ms-transform: scale(1.0, 1.0);
}


.fadein_down{
opacity: 0;
transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transition-property: all;
-webkit-transition-property: all;
transition: all 2.0s;
-webkit-transition: all 2.0s;
}

.fadein_down.scrollin{
opacity: 1.0;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}

.fadein_up{
opacity: 0;
transform: translateY(30px);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transition-property: all;
-webkit-transition-property: all;
transition: all 2.0s;
-webkit-transition: all 2.0s;
}

.fadein_up.scrollin{
opacity: 1.0;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
}