@charset "utf-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,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,summary,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:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,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;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;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}li{list-style:none}img{vertical-align:bottom;flex-shrink:0;margin: 0;padding: 0;line-height:1}ul{list-style-type:none;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0}
input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
animation-name: onAutoFillStart;
transition: background-color 50ms ease-in-out 0;
background:#fff;
}
input:-internal-autofill-selected {
background:#fff;
}
button, input, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: 0;
border-radius: 0;
font: inherit;
outline:0;
}
textarea {resize:vertical}
button, input[type=button], input[type=submit], label, select {cursor:pointer}
select::-ms-expand {display:none}
form{
padding: 0;
margin: 0;
border: 0;
outline: 0;
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}
input[type=text] {vertical-align:center}
button, input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
outline:0;
margin: 0;
padding: 0;
}
input[type=submit] {-webkit-appearance: none;border-radius:0;}
html{
margin: 0;
padding: 0;
background:#fff;
}
body{
position:relative;
margin: 0;
padding: 0;
width:100%;
background:#fff;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family:"游ゴシック体", "Yu GothicM", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 14px;
color:#666;
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
line-break: strict;
overflow-wrap: break-word;
word-wrap: break-word;
}



a { text-decoration:none;color:#000;cursor: pointer;}
a:link { text-decoration:none; color:#000;}
a:visited { text-decoration:none; color:#000;}
a:hover { text-decoration:none; color:#000;}
a:active { text-decoration:none; color:#000;}
h1, h2, h3, h4, h5, h6{
font-weight: normal;
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
}

::selection{
background: none;
color: #000;
}

.pc_show{
display: none;
visibility: hidden;
}
.sp_show{
display: inline-block;
visibility: visible;
}

img{
width:auto;
height: auto;
}

/*FMJ管理ウェブフォント*/
.webfont_shitei{
/*Leksa Sans Light*/
font-family: leksa-sans,sans-serif;
font-weight: 300;
font-style: normal;

/*Leksa Sans Regular*/
font-family: leksa-sans,sans-serif;
font-weight: 400;
font-style: normal;

/*Davis Sans Light*/
font-family: davis-sans,sans-serif;
font-weight: 300;
font-style: normal;
}

/*ゴシック基本*/
p.gothic_font_basic{
width:100%;
margin: 35px auto 0 auto;
font-size: 14px;
color: #666;
line-height: 1.933;

/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}

.wrapper{
width: 100%;
margin: 0;
padding: 0;
}

#s01, #s02, #s03, #s04, #s05, #s06, #s07, #s08{
width: 100%;
margin: 0;
padding: 0;
}


/*Styling Items---------------------------------------------------------------*/
.under_text_variation_link{
position: relative;
z-index: 3;
margin: 20px 0 0 0;
}
.all_items_base{
position: relative;
z-index: 3;
margin: 30px 0 0 0;
}

.variation_base{
margin: 30px 0 0 0;
padding: 0;
}

.variation_base h3{
margin: 0 0 20px 0;
padding: 0;
}

.variation_base h3 span{
transform: scale(0.9, 1);
}

ul.variation_link{
margin: 20px 0 0 0;
padding: 0;
background: #d6c7bd;

width: 220px;
height: 26px;
line-height: 26px;
border-radius: 13px;
overflow: hidden;
}

ul.variation_link li{
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
height: 26px;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;

font-size: 16.5px;
letter-spacing: 0.01em;
color: #fff;

/*Freightneocnd Book Italic*/
font-family: freightneocnd-pro, sans-serif;
font-weight: 400;
font-style: italic;
}

ul.variation_link li span{
display: inline-block;
position: relative;
z-index: 3;
margin: 0;
}


ul.variation_link li span:nth-child(3){
margin: 0 2px 0 2px;
}


ul.variation_link li .arrow{
position: absolute;
z-index: 3;
top:0;
right: 0;
width: 19px;
height: 26px;
}

ul.variation_link li a{
position: absolute;
z-index: 4;
top:0;
left: 0;
width: 100%;
height: 100%;
display: block;
color: #fff;
}

ul.variation_link li a:visited{
color: #fff;
}

ul.variation_link li:hover{
opacity: 0.5;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}







#scroll_line{
display: none;
position:absolute;
z-index:2;
width:1px;
height:166px;
bottom: 20px;
right:7px;
margin: 0;
overflow:visible;
background: #fff;
}

.tate{
display: block;
width:1px;
height:166px;
z-index:2;
}

.tate::after{
content:"";
display: block;
position:absolute;
z-index:3;

top:0px;
left:0px;
margin: 0;
padding: 0;
width:1px;
height:0%;
background:#56af00;
animation-duration: 4s;
animation-name: tate_idou;
animation-iteration-count: infinite;
opacity:1.0;
}
@keyframes tate_idou {
0% {
height:0%;
opacity:0;
}
10% {
height:0%;
opacity:1;
}
30% {
height:100%;
opacity:1.0;
}
80% {
opacity:1.0;
height:100%;
}
99.9% {
opacity:0;
height:100%;
}
100% {
opacity:0;
height:0%;
}
}





.item_list h3{
font-size: 16px;
font-family: classico-urw, sans-serif;
margin: 0px 0 30px 0;
color: #666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}

.item_list h3.variation_base_h3{
margin: 30px 0 20px 0;
}

.item_link_layout h3{
margin: 40px 0 20px 0;
font-size: 15px;
font-family: classico-urw, sans-serif;
color: #666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.1em;
}





/*商品リンク　SP*/
ul.item_link{
margin: 0;
padding: 0;
list-style: none;
width: auto;
}


ul.item_link li{
position: relative;
list-style: none;
margin: 0 0 17px 0;
padding: 0;
width: auto;

transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;

font-size: 14px;
line-height: 1.1;
color: #666;

-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
}

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




ul.item_link li a{
position: relative;
display: block;
color: #666;
}

.kaku{
position: relative;
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
}

.kaku::after{
content: '';
position: absolute;
bottom:0;
left: 0;
height: 1px;
background: #666;

width: -webkit-calc(100% - 0.1em);
width: calc(100% - 0.1em);

opacity: 1.0;
transition-property: opacity, transform;
-webkit-transform: scaleX(0.0);
transform: scaleX(0.0);
-webkit-transform-origin: right;
transform-origin: right;
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
}

ul.item_link li a:hover .kaku::after{

-webkit-transform: scaleX(1.0);
transform: scaleX(1.0);
-webkit-transform-origin: left;
transform-origin: left;
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
}


ul.item_link li a:hover{
opacity: 0.6;
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1) .0s;
}


ul.item_link li .coming_soon{
font-size: 13px;
position: relative;
margin: 0 0 0 5px;
}
/*価格*/
ul.item_link li .price_name{
font-size: 16.5px;
margin: 0 0 0 10px;
/*Leksa Sans Light*/
font-family: leksa-sans,sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0.04em;
}



/*BUY*/
ul.item_link li .buy_btn{
font-size: 16.5px;
position: relative;
margin: 0 0 0 17px;

/*Leksa Sans Regular*/
font-family: leksa-sans,sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.0em;
}


/*下線*/
ul.item_link li .buy_btn::after{
content: '';
position: absolute;
bottom:6px;
left: 0;
height: 1px;
background: #666;

width: -webkit-calc(100% - 0.1em);
width: calc(100% - 0.1em);

transition-delay:0.7s;
transition-property: opacity, transform;
opacity: 1;
-webkit-transform: scaleX(1.0);
transform: scaleX(1.0);
-webkit-transform-origin: left;
transform-origin: left;
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1);
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1);
}



ul.item_link li a:hover .buy_btn::after{
transition-delay:0.7s;
opacity: 0;
-webkit-transform: scaleX(0.0);
transform: scaleX(0.0);
-webkit-transform-origin: right;
transform-origin: right;
transition: opacity 0.7s, -webkit-transform 0.7s cubic-bezier(.19, 1, .22, 1);
transition: opacity 0.7s, transform 0.7s cubic-bezier(.19, 1, .22, 1);
}



/*ブランド名*/
ul.item_link li .brand_name{
white-space: nowrap;
display: block !important;
margin: 3px 0 0 0;
font-size: 12px;
letter-spacing: 0.02em;
/*Leksa Sans Regular*/
font-family: leksa-sans,sans-serif;
font-weight: 400;
font-style: normal;
}

/*COMING SOON 未入荷*/
ul.item_link li .coming_soon{
display: inline-block;
letter-spacing: 0;
}

/*入荷日*/
ul.item_link li .nyuka_date{
white-space: nowrap;
display: block !important;
margin: 5px 0 0 0;
font-size: 11px;
letter-spacing: 0.0em;
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}


/*各タイトル*/
.item_ti_layout{
position: relative;
padding: 0;
}

.item_ti_layout .no_design h2{
position: relative;
left: 0;
}













/*メイン-----------------------------------------------------------------------基本*/
/*全体*/
#main_visual{
position: relative;
z-index: 100;
width: 100%;
height: 100vh;
margin: 0;
padding: 0;
background: #fff;
}

/*背景*/
#main_visual_bg{
position: absolute;
opacity: 0;
z-index: 1;
width: 100%;
height: 20px;
margin: 0;
padding: 0;
background: #bc7950;
bottom:0;
}

/*メイン画像 エリア*/
#main_visual .visual_area{
position: absolute;
z-index: 2;
width: 100vw;
height: 100vh;
overflow: hidden;
}
/*メイン画像*/
#main_visual .main_visual_img{
opacity: 0;
position: relative;
z-index: 2;

width: 100vw;
height: 100vh;

margin: 0;
padding: 0;
background: url(../../img/main_sp.jpg) no-repeat;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}


/*ブランドロゴ*/
#main_visual .logo_brand{
opacity: 0;
position: absolute;
z-index: 3;
bottom:45px;
left: 18px
}


/*英語SP*/
#main_visual .main_title_en{
opacity: 0;
position: absolute;
z-index: 3;
bottom: 166px;
left: 18px;
overflow: hidden;
width: calc(100vw - 36px);
width: -webkit-calc(100vw - 36px);
}

#main_visual .main_title_en img{
width: calc(100vw - 36px);
width: -webkit-calc(100vw - 36px);
height: auto;
}


/*日本語SP*/
#main_visual .main_title_jp{
opacity: 0;
position: absolute;
z-index: 3;
bottom:107px;
left: 18px;
overflow: hidden;
width: 260px;
}

#main_visual .main_title_jp img{
width: 100%;
height: auto;
}


/*スクロール*/
.scroll_for_content{
display: none;
}






/*リード文;*/
#lead_area{
position: relative;
z-index: 2;
width: 90%;
margin: 0 auto;
padding: 120px 0 0 0;
text-align: center;
}

#lead_area .text_layout{
position: relative;
line-height: 1.86;
color: #666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.01em;
}




/*ブツ01-----------------------------------------------------------------------------------------------*/
.mix_base{
position: relative;
margin: 0 auto;
padding: 35px 0 35px 0;
width: 100%;
background: #f6f0ea;/*背景色*/
overflow: hidden;
}


/*インナー 罫線*/
.mix_base_inner_sp{
position: relative;
z-index: 1;
}

.mix_base_inner_sp::before{
content: '';
position: absolute;
left: 4.5vw;
z-index: 2;
width: 91vw;
height: 100%;
margin: 0 auto;
border: 4px solid #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}


/*STYLINHG VARIATIONタイトル*/
.mix_base h3.kimawashi{
width: 100%;
max-width: 88vw;
margin: 0 auto;
padding: 40px 0 0 0;
text-align: center;
}

.mix_base h3.kimawashi img{
max-width: 82vw;
height: auto;
}


/*着回しタイトル*/
.mix_base h4.kimawashi{
width: 100%;
margin: 10px auto 20px auto;
text-align: center;
font-size: 11.5px;
line-height: 1.5;
color: #4d4d4d;
/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
}


/*写真*/
.mix_base .photo_area{
z-index: 1;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
}

.mix_base .photo_area img{
width: 100%;
height: auto;
}

.mix_base .photo_area a.sp_show{
position: absolute;
top:0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
}




/*写真下の欧文*/
.mix_base .photo_area h5{
width: 100%;
text-align: center;
margin: 20px 0 10px 0;
}

.mix_base .photo_area h5 img{
width: auto;
height: auto;
}

.mix_base .photo_area p{
width: 80%;
margin: 0 auto;
padding: 0 0 30px 0;
font-size: 12px;
line-height: 1.25;
color: #4d4d4d;
/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
/*Davis Sans Light*/
font-family: davis-sans,sans-serif;
font-weight: 300;
font-style: normal;
}


/*解説エリア STYLING POINT!*/
.mix_base .kaisetu_area{
position: relative;
z-index: 2;
padding: 50px 0 30px 0;
margin: 0 auto;
width: 86%;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}


.mix_base .kaisetu_area h3{
margin: 0 0 20px 0;
}

.mix_base .kaisetu_area p{
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.6666;
color:#666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}


/*リンクエリア*/
.mix_base .text_area{
position: relative;
z-index: 2;
margin: 0 auto;
padding: 30px 0 30px 0;
width: 86%;
height: auto;
background: #f6f0ea;/*背景色*/
}


/*リンクのリスト　上書き*/
.variation_base.variation_base_butu{
margin: 0;
padding: 0;
}



/*ブツ01------------------------------------------------------------*/
#mix01_01 ul.variation_link{
background: #8b766d;
}



/*テキスト01 LOOP*/
#loop_js01_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}

#loop_js01{
margin: 0;
padding: 0;
width: 9380px;
height: 120px;
font-size:0px;
}

#loop_js01 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 4690px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js01 ul li{
position: relative;
width: 4690px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js01 ul li img{
position: relative;
width: 100%;
height: auto;
}




/*ブツ02------------------------------------------------------------*/
#mix01_02 ul.variation_link{
background: #a09c9c;
}

#mix01_02 .photo_area img.main{
width: calc( 91vw - 8px );
width: -webkit-calc( 91vw - 8px );
height: auto;
}


/*テキスト02 LOOP*/
#loop_js02_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}

#loop_js02{
margin: 0;
padding: 0;
width: 14280px;
height: 120px;
font-size:0px;
}

#loop_js02 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 7140px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js02 ul li{
position: relative;
width: 7140px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js02 ul li img{
position: relative;
width: 100%;
height: auto;
}




/*ブツ03------------------------------------------------------------*/
#mix01_03 ul.variation_link{
background: #733e28;
}

/*テキスト02 LOOP*/
#loop_js03_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}

#loop_js03{
margin: 0;
padding: 0;
width: 7876px;
height: 120px;
font-size:0px;
}

#loop_js03 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 3938px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js03 ul li{
position: relative;
width: 3938px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js03 ul li img{
position: relative;
width: 100%;
height: auto;
}




/*ブツ04------------------------------------------------------------*/
#mix01_04 ul.variation_link{
background: #ad997d;
}

/*テキスト04 LOOP*/
#loop_js04_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
bottom: 520px;
margin: 0 0;
}

#loop_js04{
margin: 0;
padding: 0;
width: 7568px;
height: 120px;
font-size:0px;
}

#loop_js04 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 3784px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js04 ul li{
position: relative;
width: 3784px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js04 ul li img{
position: relative;
width: 100%;
height: auto;
}







/*ブツ05------------------------------------------------------------*/
#mix01_05 ul.variation_link{
background: #88648a;
}

/*テキスト05 LOOP*/
#loop_js05_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
bottom: 520px;
margin: 0 0;
}

#loop_js05{
margin: 0;
padding: 0;
width: 14580px;
height: 120px;
font-size:0px;
}

#loop_js05 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 7290px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js05 ul li{
position: relative;
width: 7290px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js05 ul li img{
position: relative;
width: 100%;
height: auto;
}



/*ブツ06------------------------------------------------------------*/
#mix01_06 ul.variation_link{
background: #49486b;
}

/*テキスト06 LOOP*/
#loop_js06_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
bottom: 520px;
margin: 0 0;
}

#loop_js06{
margin: 0;
padding: 0;
width: 8018px;
height: 120px;
font-size:0px;
}

#loop_js06 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 4009px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js06 ul li{
position: relative;
width: 4009px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js06 ul li img{
position: relative;
width: 100%;
height: auto;
}





/*ブツ07------------------------------------------------------------*/
#mix01_07 ul.variation_link{
background: #9b9097;
}

/*テキスト07 LOOP*/
#loop_js07_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
bottom: 520px;
margin: 0 0;
}

#loop_js07{
margin: 0;
padding: 0;
width: 6826px;
height: 120px;
font-size:0px;
}

#loop_js07 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 3413px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js07 ul li{
position: relative;
width: 3413px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js07 ul li img{
position: relative;
width: 100%;
height: auto;
}




/*ブツ08------------------------------------------------------------*/
#mix01_08 ul.variation_link{
background: #7b8884;
}

/*テキスト08 LOOP*/
#loop_js08_layout{
display: none;
width: 100%;
height: 120px;
overflow: hidden;
position: absolute;
bottom: 520px;
margin: 0 0;
}

#loop_js08{
margin: 0;
padding: 0;
width: 13974px;
height: 120px;
font-size:0px;
}

#loop_js08 ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 6987px;
height: 120px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}

#loop_js08 ul li{
position: relative;
width: 6987px;
height: 120px;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js08 ul li img{
position: relative;
width: 100%;
height: auto;
}








/*Section01*/
#sec01{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 110px 0 0 0;
}

/*タイトル*/
#sec01 .niretu .photo_area .title_layout{
width: 90%;
margin: 0 auto 30px auto;
}


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

#sec01 .niretu .photo_area{
position: relative;
margin: 0;
padding: 0;
width:100%;
z-index: 2;
}

#sec01 .niretu .photo_area .photo{
overflow: hidden;
}



#sec01 .niretu .photo_area .photo{
position: relative;
z-index: 1;
width: 100%;
}

#sec01 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}

#sec01 .niretu .text_area{
position: relative;
z-index: 3;
width: 90%;
height: auto;
margin: 40px auto 80px auto;
padding: 0;
}


#sec01 .item_ti_layout{
position: relative;
z-index: 3;
width:100%;
height: auto;
margin: 0;
}


#sec01 .text_area_layout{

}









#sec01_02{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 0 0 60px 0;
}


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

#sec01_02 .niretu .photo_area{
position: relative;
margin: 0;
padding: 0;
width:100%;
z-index: 1;
overflow: hidden;
}

#sec01_02 .niretu .photo_area img{
width: 100%;
height: auto;
}

#sec01_02 .niretu .text_area{
position: relative;
z-index: 3;
width: 90%;
height: auto;
margin: 40px auto 0 auto;
padding: 0;
}

/*色*/
#sec01 ul.variation_link{
background: #8b766d;
}

#sec01_02 ul.variation_link{
background: #8b766d;
}








#sec02{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 120px 0 60px 0;
}

#sec02 .iro_bg{

}

/*タイトルSPのみ*/
#sec02 .item_ti_layout.sp_show{
display: block;
position: relative;
width: 90%;
margin: 0 auto 30px auto;
padding: 0;
}


#sec02 .niretu{
width: 90vw;
margin: 0 auto;
}

#sec02 .niretu .photo_area{
position: relative;
z-index: 3;
width:100%;
margin: 0;
padding: 0;
}

#sec02 .photo{
position: relative;
z-index: 2;
width:100%;
height: auto;
margin: 0;
padding: 0;
}

#sec02 .photo img{
width: 100%;
height: auto;
}

#sec02 .niretu .text_area{
position: relative;
z-index: 2;
width:100%;
margin: 0 auto 0px auto;
padding: 0;
}

#sec02 .niretu .text_area_layout{
margin: 0;
}


#sec02 .item_list{
margin: 40px 0 0 0;
}




/*色*/
#sec02 ul.variation_link{
background: #a09c9c;
}

#sec02_02 ul.variation_link{
background: #a09c9c;
}














#sec03{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 120px 0 0 0;
}

#sec03 .item_ti_layout.sp_show{
display: block;
position: relative;
width: 90%;
margin: 0 auto 30px auto;
padding: 0;
}

#sec03 .niretu{
width:100%;
margin: 0 auto;
padding: 0;
}

#sec03 .photo_area{
position: relative;
z-index: 2;
width:100%;
margin: 0;
padding: 0;
}

#sec03 .text_area{
width:90%;
margin: 0 auto 80px auto;
padding: 0;
}


#sec03 .photo{
position: relative;
width:100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
}

#sec03 .photo img{
width: 100%;
height: auto;
}


#sec03 .text_layout{
width: auto;
margin: 0;
padding: 0;
}





#sec03_02{
position: relative;
width:100%;
height: auto;
margin: 0 auto 60px auto;
padding: 0;
}


#sec03_02 .niretu{
width:100%;
margin: 0 auto;
padding: 0;
}


#sec03_02 .photo_area{
position: relative;
z-index: 1;
width:100%;
margin: 0;
padding: 0;
}

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

#sec03_02 .text_area{
position: relative;
width:90%;
margin: 40px auto 0 auto;
padding: 0;
}



#sec03_02 .item_ti_layout{
width:100%;
height: auto;
margin: 0;
padding: 0;
}




/*色*/
#sec03 ul.variation_link{
background: #733e28;
}

#sec03_02 ul.variation_link{
background: #733e28;
}










#sec04{
position: relative;
z-index: 2;
width:100%;
height: auto;
margin: 0 auto 0 auto;
padding: 120px 0 0 0;
}



#sec04 .item_ti_layout.sp_show{
display: block;
position: relative;
width: 92%;
margin: 0 auto 30px auto;
}

#sec04 .niretu{
width: 100%;
margin: 0 auto;
padding: 0;
}

#sec04 .photo_area{
position: relative;
z-index: 1;
width: 86vw;
margin: 0 10vw 0 4vw;
padding: 0;
overflow: hidden;
}

/*スマホのみ*/
#sec04 .photo02{
position: relative;
z-index: 2;
width: 72vw;
margin: -10px 4vw 0 24vw;
padding: 0;
overflow: hidden;
}
#sec04 .photo02 img{
width: 100%;
height: auto;
}


#sec04 .text_area{
width:90%;
margin: 0px auto 0 auto;
padding: 0;
}

#sec04 .text_layout{
width: auto;
margin: 0;
padding: 0;
}


#sec04 .item_list{
margin: 40px 0 0 0;
}


#sec04 .photo{
position: relative;
z-index: 2;
width:100%;
height: auto;
margin: 0;
padding: 0;
}

#sec04 .photo img{
width: 100%;
height: auto;
}



/*色*/
#sec04 ul.variation_link{
background: #ad997d;
}

#sec04_02 ul.variation_link{
background: #ad997d;
}






#sec04_02{
position: relative;
z-index: 1;
width:100%;
height: auto;
margin: 0 auto 60px auto;
padding: 0;
}


#sec04_02 .niretu{
position: relative;
width:88%;
margin: 0 auto;
padding: 0;
}


#sec04_02 .photo_area{
position: relative;
z-index: 1;
width:100%;
margin: 0;
padding: 0;
}

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

#sec04_02 .text_area{
position: relative;
width:90%;
margin: 40px auto 0 auto;
padding: 0;
}



#sec04_02 .item_ti_layout{
width:100%;
height: auto;
margin: 0;
padding: 0;
}









#sec05{
width:100%;
height: auto;
margin: 0 auto 80px auto;
padding:120px 0 0 0;
}


/*タイトル*/
#sec05 .item_ti_layout.sp_show {
position: relative;
display: block;
width: 90%;
margin: 0 auto 30px auto;
padding: 0;
}



/*写真*/
#sec05 .photo_area{
position: relative;
width: 100%;
margin: 0 0 0 0;
padding: 0;
}


#sec05 .photo_area .photo{
position: relative;
z-index: 2;
overflow: hidden;
}


#sec05 .photo_area_layout{
position: relative;
width:100%;
margin: 0;
}

#sec05 .text_area{
position: relative;
width: 90%;
margin: 0 auto;
}

#sec05 .photo_area .photo_area_layout img{
width: 100%;
height: auto;
}

#sec05 .text_area .item_list{
margin: 40px 0 0 0;
}






#sec05_02{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 0 0 80px 0;
}


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

#sec05_02 .niretu .photo_area{
position: relative;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}

#sec05_02 .niretu .photo_area img{
width: 100%;
height: auto;
}

#sec05_02 .niretu .text_area{
position: relative;
z-index: 3;
width: 90%;
height: auto;
margin: 40px auto 0 auto;
padding: 0;
}

/*色*/
#sec05 ul.variation_link{
background: #88648a;
}

#sec05_02 ul.variation_link{
background: #88648a;
}









/*Section06*/
#sec06{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 120px 0 60px 0;
}

#sec06 .item_ti_layout.sp_show{
display: block !important;
width: 88vw;
margin: 0 9vw 30px 3vw;
}





#sec06 .item_ti_layout .no_design h2{
position: relative;
margin: 0;
}

/*色背景*/
#sec06 .iro_bg{
position: absolute;
z-index: 1;
right: -3vw;
top: 3vw;
width: 88vw;
height: -webkit-calc(88vw / 1200 * 1600);
height: calc(88vw / 1200 * 1600);
background: #d3baae;/*色*/
}



#sec06 .niretu{
width:100%;
margin: 0 auto;
padding: 0;
}

/*写真*/
#sec06 .niretu .photo_area{
position: relative;
z-index: 3;
width: 88vw;
margin: 0 9vw 0 3vw;
padding: 0;
}

#sec06 .niretu .photo_area .photo{
position: relative;
z-index: 3;
width: 100%;
}

#sec06 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}


#sec06 .niretu .text_area{
position: relative;
width: 90%;
margin: 0 auto;
padding: 0;
}

/*タイトルの固まり*/
#sec06 .niretu .text_area .item_ti_layout{
margin: 0;
padding: 0;
}

#sec06 .text_area .text_area_layout{
position: relative;
z-index: 2;
width: 100%;
}

#sec06 .item_list{
margin: 40px 0 0 0;
}


/*色*/

#sec06 ul.variation_link{
background: #49486b;
}
/*色*/
#sec06_02 ul.variation_link{
background: #49486b;
}


#sec06 ul.variation_link{
background: #49486b;
}











/*Section07*/
#sec07{
position: relative;
width:100%;
height: auto;
margin: 0 auto 0 auto;
padding: 120px 0 60px 0;
}

/*色背景*/
#sec07 .iro_bg{
position: absolute;
z-index: 1;
left: 3vw;
top: 3vw;
width: 88vw;
height: -webkit-calc(88vw / 1200 * 1600);
height: calc(88vw / 1200 * 1600);
background: #e2d8d5;/*色*/
}



#sec07 .item_ti_layout.sp_show{
display: block !important;
position: relative;
z-index: 3;
width: 90%;
margin: 0 auto 30px auto;
}

#sec07 .niretu{
width:100%;
margin: 0 auto;
padding: 0;
}

/*写真*/
#sec07 .niretu .photo_area{
position: relative;
width: 90vw;
margin: 0 auto;
padding: 0;
}


#sec07 .niretu .photo_area .photo{
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}


#sec07 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}

/*テキスト*/
#sec07 .niretu .text_area{
position: relative;
width: 90vw;
margin: 0 auto;
padding: 0;
}

/*タイトルの固まり*/
#sec07 .niretu .text_area .item_ti_layout{
margin: 0;
padding: 0;
}

#sec07 .text_area .text_area_layout {
position: relative;
z-index: 2;
width: 100%;
}



/*色*/
#sec07 ul.variation_link{
background: #9b9097;
}

#sec07_02 ul.variation_link{
background: #9b9097;
}









/*Section08*/
#sec08{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 120px 0 60px 0;
}

#sec08 .item_ti_layout.sp_show{
display: block !important;
width: 90%;
margin: 0 auto 30px auto;
}
#sec08 .item_ti_layout .no_design h2{
position: relative;
left:0;
margin: 0;
}


/*色背景*/
#sec08 .iro_bg{
position: absolute;
z-index: 1;
left: 3vw;
top: 3vw;
width: 88vw;
height: -webkit-calc(88vw / 1200 * 1600);
height: calc(88vw / 1200 * 1600);
background: #e3e2db;/*色*/
}



#sec08 .niretu{
width:100%;
margin: 0 auto;
padding: 0;
}

/*写真*/
#sec08 .niretu .photo_area{
position: relative;
width: 88vw;
margin: 0 9vw 0 3vw;
padding: 0;
}

#sec08 .niretu .photo_area .photo{
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}

#sec08 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}

/*テキスト*/
#sec08 .niretu .text_area{
position: relative;
width: 88vw;
margin: 0 auto;
padding: 15px 0 0 0;
}

/*タイトルの固まり*/
#sec08 .niretu .text_area .item_ti_layout{
margin: 0;
padding: 0;
}


#sec08 .text_area .text_area_layout {
position: relative;
z-index: 2;
width: 100%;
}


/*色*/
#sec08 ul.variation_link{
background: #7b8884;
}
#sec08_02 ul.variation_link{
background: #7b8884;
}









/*バナーエリア------------------------------------------------------------------*/
#banner{
position: relative;
width: 100%;
height: auto;
margin: 370px 0 0 0;
padding: 0;
}
#banner h3{
width: 100%;
text-align: center;
margin: 0 auto 30px auto;
}
#banner h3 img{
max-width: 88vw;
height: auto;
}




/*バナー1---------------------------------------*/
.base_banner01{
position: relative;
margin: 0 auto;
width: 88vw;
height: calc( 88vw / 345 * 252 );
height: -webkit-calc( 88vw / 345 * 252 );
overflow: hidden;
}

.base_banner01 a{
position: absolute;
z-index: 5;
top:0px;
left: 0px;
width: 88vw;
height: calc( 88vw / 345 * 252 );
height: -webkit-calc( 88vw / 345 * 252 );
}

/*テキスト*/
.base_banner01 .text_area{
position: absolute;
z-index: 2;
bottom: 18px;
left: 25px;
margin: 0;
}

.base_banner01 .text_area img{
max-width: calc( 88vw - 50px );
max-width: -webkit-calc( 88vw - 50px );
height: auto;
}

/*写真*/
.base_banner01 .photo_area{
position: absolute;
z-index: 1;
width: 88vw;
height: calc( 88vw / 345 * 252 );
height: -webkit-calc( 88vw / 345 * 252 );
background: url(../../img/bn_sp.jpg) no-repeat;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
transition: all 1.0s ease;
overflow: hidden;
}



/*バナー1---------------------------------------*/
.base_banner02{
position: relative;
margin: 0 auto 30px auto;
width: 88vw;
height: calc( 88vw / 345 * 252 );
height: -webkit-calc( 88vw / 345 * 252 );
overflow: hidden;
}

.base_banner02 a{
position: absolute;
z-index: 5;
top:0px;
left: 0px;
width: 88vw;
height: calc( 88vw / 345 * 252 );
height: -webkit-calc( 88vw / 345 * 252 );
}

/*テキスト*/
.base_banner02 .text_area{
position: absolute;
z-index: 2;
bottom: 18px;
left: 25px;
margin: 0;
}

.base_banner02 .text_area img{
max-width: calc( 88vw - 50px );
max-width: -webkit-calc( 88vw - 50px );
height: auto;
}

/*写真*/
.base_banner02 .photo_area{
position: absolute;
z-index: 1;
width: 88vw;
height: calc( 88vw / 345 * 252 );
height: -webkit-calc( 88vw / 345 * 252 );
background: url(../../img/bn02_sp.jpg) no-repeat;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
transition: all 1.0s ease;
overflow: hidden;
}





/*リンクエリア
-------------------------------------------------------------*/
#link_area{
position: relative;
z-index: 1;
width: 100%;
height: auto;
margin: 120px 0 0 0;
padding: 0;
}

/*日本語*/
#link_area h2{
position: relative;
z-index: 3;
display: block;
height: auto;
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
top: 185px;
left: 50px;
margin: 0;
padding: 0;
text-align: right;
}

#link_area h2 img{
position: relative;
height: auto;
width:80%;
}

/*英語　縦*/
#link_area h3{
position: absolute;
z-index: 4;
top:15px;
left: 10px;
}



/*背景ブラウン*/
#link_area .bg{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);

height : -webkit-calc(66vw / 200 * 300 + 200px + 170px);
height : calc(66vw / 200 * 300 + 200px + 170px);

background: #bc7950;
}

/*背景グレー*/
#link_area .bg02{
position: absolute;
z-index: 1;
top: 110px;
right: 0;
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);

height : -webkit-calc(66vw / 200 * 300 + 200px + 170px);
height : calc(66vw / 200 * 300 + 200px + 170px);

background: #e3e2db;
}





#link_area a.link_area_zentai{
position: absolute;
z-index: 4;
top: 230px;
left: 0;
width: 100vw;

height : -webkit-calc(53vw / 320 * 480);
height : calc(53vw / 320 * 480);

opacity: 0.0;

transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}






#loop_js_last_layout{
position: relative;
z-index: 3;
width: 100%;

height : -webkit-calc(66vw / 225 * 300);
height : calc(66vw / 225 * 300);

margin: 200px 0 0 0;
padding: 0;
overflow: hidden;
}


#loop_js_last{
width: -webkit-calc((66vw + 0px) * 8 * 2);
width: calc((66vw + 0px) * 8 * 2);

height : -webkit-calc(66vw / 225 * 300);
height : calc(66vw / 225 * 300);

margin: 0;
padding: 0;
font-size:0px;
}



#loop_js_last ul{
position: relative;
display: inline-block;
vertical-align: top;

width: -webkit-calc((66vw + 0px) * 8);
width: calc((66vw + 0px) * 8);

height : -webkit-calc(66vw / 225 * 300);
height : calc(66vw / 225 * 300);


margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}


#loop_js_last ul li{
position: relative;
width: 66vw;
height : -webkit-calc(66vw / 225 * 300);
height : calc(66vw / 225 * 300);
margin: 0;
padding: 0;
display: inline-block;
vertical-align: top;
font-size:0px;
letter-spacing:0;
}

#loop_js_last ul li img{
width: 66vw;

height : -webkit-calc(66vw / 225 * 300);
height : calc(66vw / 225 * 300);

position: relative;
}
#loop_js_last ul li img:hover{
opacity: 1.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

/*Hover時のチェックアイテム*/
#loop_js_last ul li .check_hover{
position: absolute;
z-index: 3;
bottom:12px;
left: 12px;
opacity: 0.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
#loop_js_last ul li .check_hover img{
width: auto;
height: auto;
}


#loop_js_last ul li a:hover + .check_hover{
opacity: 1.0;
}





#link_area .check_item{
position: relative;
width: 94%;
z-index: 3;
margin: 20px auto;
padding: 0;
text-align: right;
}
#link_area .check_item img{
width: auto;
height: auto;
}

#link_area .check_item a{
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#link_area .check_item a:hover{
opacity: 0.6;
}


/*SNS、STAFF、TOPとか*/
.share_credit_out{
position: relative;
z-index: 2;
margin: 60px 0 0 0;
}





/*SNS*/
.new_sns{
display: block;
position: relative;
width: 92%;
margin: 0 auto;
padding: 0;
text-align:left;
}

.new_sns h5{
margin: 0 0 16px 0;
}

.new_sns ul.sns{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}

.new_sns ul.sns li:first-child{
display: none;
width:53px;
margin: 0;
}

.new_sns ul.sns li:nth-child(2){
width:79px;
margin: 0 26px 0 0;
}

.new_sns ul.sns li:nth-child(3){
width:93px;
margin: 0 26px 0 0;
}

.new_sns ul.sns li:nth-child(4){
width:64px;
margin: 0;
}

.new_sns ul.sns li a{
display:block;
width: 100%;
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_area{
position: relative;
z-index: 2;
width: 92%;
margin: 50px auto 0 auto;
padding: 0;

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

-webkit-align-items: center;
align-items:center;
}


/*Staff*/
.credit_area .left_area{
width: 100%;
text-align: left;
margin: 0 0px 10px 0px;
}

.credit_area .right_area{
width: calc( 100% - 25px );
width: -webkit-calc( 100% - 25px );
margin: 0 0 0 0;
font-size: 8.5px;
line-height: 1.9;
font-family: classico-urw, sans-serif;
color: #a5a079;
}

.credit_area .right_area span{
font-size: 10px;
margin: 0;
}


/*コピーライト*/
.last_area{
position: relative;
z-index: 2;
width: 94%;
margin: 40px auto 0 auto;
padding: 0 0 25px 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-align-items: flex-end;
align-items:flex-end;
flex-direction: row-reverse;
}


.last_area .brand_logo_area{
flex-basis: -webkit-calc(100% - 120px);
flex-basis: calc(100% - 120px);

margin: 0 auto;
padding: 0;
text-align: right;
}

.last_area .copyright_area{
flex-basis: 120px;
margin: 0;
padding: 0;
text-align: left;
}


#pagetop{
position: absolute;
z-index: 9999;
bottom: 240px;
right: 15px;
width: 30px;
height: 110px;
cursor: pointer;
text-align: center;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#pagetop:hover{
opacity: 0.5;
}



.out_link_layout{
position: relative;
z-index: 2;

width: 96%;
margin:120px 0 130px 4%;
padding:0 0 0 0;
height: auto;
}


.out_link_layout ul.out_link{
width: 100%;
height:30px;
margin: 0;
padding: 0;
}


.out_link_layout ul.out_link li{
display: inline-block;

text-align:left;
width: 30px;
height: 30px;
margin: 0 14px 0 0;

font-size: 14px;
line-height: 1.9;
font-family: classico-urw, sans-serif;
color: #808080;
}



.out_link_layout ul.out_link li:first-child{
width: 140px;
margin: 0 0 30px 0;
display: block;
height: auto;
}



.out_link_layout ul.out_link li a{
position: relative;
display:block;
width:100%;
height:100%;
line-height:1.0;
transition: opacity 0.3s ease;
color: #808080;
}

.out_link_layout ul.out_link li a img{
vertical-align:middle;
}

.out_link_layout ul.out_link li a:hover{
opacity:0.5;
}





/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
body{
font-size: 15px;
}
.minimum_width{
width: 1000px;
margin: 0 auto;
max-width: 1000px;
min-width: 1000px;
height: 1px;
position: relative;
overflow: visible;
}


.pc_show{
display: inline-block;
visibility: visible;
}
.sp_show{
display: none;
visibility: hidden;
}


/*各タイトル*/
.item_ti_layout{
position: relative;
padding: 0;
}

.item_ti_layout .no_design h2{
position: relative;
left: -15px;
}



/*ゴシックの基本*/
p.gothic_font_basic{
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.933;
color:#666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}





.item_ti_layout .jp{
opacity: 0;
margin: 8px 0 20px 0;
font-size: 10px;
line-height: 1.1;
letter-spacing: 0.03em;
color: #000;
}



.item_ti_layout{
margin: 0 0 25px 0;
}

/*No*/
.item_ti_layout .no_design{
margin: 0 0 0px 0;
}






/*商品リンク*/
.item_list h3{
margin: 60px 0 40px 0;
font-size: 15px;
font-family: classico-urw, sans-serif;
letter-spacing: 0.1em;
color: #666;
}
.item_link_layout h3{
margin: 60px 0 30px 0;
font-size: 15px;
font-family: classico-urw, sans-serif;
letter-spacing: 0.1em;
color: #666;
}



ul.item_link {
margin: 0;
padding: 0;
list-style: none;
width: auto;
}


ul.item_link li{
list-style: none;
width: auto;
margin: 0 0 20px 0;
padding: 0;

line-height: 1.1;
color: #666;

-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
}



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


ul.item_link li a{
display: inline-block;
color: #666;
}



/*未入荷*/
ul.item_link li .minyuka{
font-size: 12px;
margin: 4px 0 0 0;
letter-spacing: 0.0em;
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}

/*ブランド名*/
ul.item_link li .brand_name{
font-size: 12px;
margin: 3px 0 0 0;
}









.all_items_base{
position: relative;
z-index: 3;
margin: 30px 0 0 0;
}

.variation_base{
margin: 40px 0 0 0;
padding: 0;
}

.variation_base h3{
margin: 0 0 20px 0;
padding: 0;

font-size: 16px;

color: #666;
letter-spacing: 0.05em;
}

/*長体*/
.variation_base h3 span{
transform: scale(0.9, 1);
}

ul.variation_link{
margin: 0;
padding: 0;
background: #d6c7bd;

width: 220px;
height: 26px;
line-height: 27px;
border-radius: 13px;
overflow: hidden;
}

ul.variation_link li{
position: relative;
overflow: hidden;

width: 100%;
text-align: center;
font-size: 16.5px;
line-height: 26px;
letter-spacing: 0.03em;

/*Freightneocnd Book Italic*/
font-family: freightneocnd-pro, sans-serif;
font-weight: 400;
font-style: italic;
}


ul.variation_link li span{
display: inline-block;
position: relative;
z-index: 3;
margin: 0;
}
ul.variation_link li span:nth-child(3){
margin: 0 2px 0 2px;
}

ul.variation_link li .arrow{
position: absolute;
z-index: 3;
top:0;
right: 0;
width: 19px;
height: 26px;
}

ul.variation_link li a{
position: absolute;
z-index: 4;
top:0;
left: 0;
width: 100%;
height: 100%;
display: block;
color: #fff;
}

ul.variation_link li:hover{
opacity: 0.5;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}









/*メイン-----------------------------------------------------------------------基本*/
#main_visual{
position: relative;
z-index: 100;
width: 100%;
height: -webkit-calc((100vw - 45px) / 2600 * 1732 );
height: calc((100vw - 45px) / 2600 * 1732 );
min-height: 100vh;
margin: 0;
padding: 0;
overflow: hidden;
background: #fff;
}

/*背景*/
#main_visual_bg{
position: absolute;
z-index: 4;
width: 45px;
height: -webkit-calc((100vw - 45px) / 2600 * 1732 );
height: calc((100vw - 45px) / 2600 * 1732 );
min-height: 100vh;
margin: 0;
padding: 0;
background: #bc7950;
top: 0;
right: 0;
left: auto;
}

/*メイン画像 エリア*/
#main_visual .visual_area{
position: absolute;
z-index: 3;

width: -webkit-calc(100vw - 45px);
width: calc(100vw - 45px);
height: -webkit-calc((100vw - 45px) / 2600 * 1732 );
height: calc((100vw - 45px) / 2600 * 1732 );
min-height: 100vh;
overflow: hidden;
}

/*メイン画像*/
#main_visual .main_visual_img{
position: relative;
z-index: 2;

width: -webkit-calc(100vw - 45px);
width: calc(100vw - 45px);
height: -webkit-calc((100vw - 45px) / 2600 * 1732 );
height: calc((100vw - 45px) / 2600 * 1732 );
min-height: 100vh;

margin: 0;
padding: 0;
background: url(../../img/main_pc.jpg) no-repeat;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}



#main_visual .logo_brand{
opacity: 0;
position: absolute;
z-index: 3;
top:25px;
bottom: auto;
left: 30px;
right: auto;
bottom: auto;
}

#main_visual .pc_title_zentai_layout{
position: relative;
width: 100%;
height: 100vh;
}

#main_visual .pc_title_layout{
position: absolute;
z-index: 3;
margin: auto;
top:0;
bottom: 0;
width: 516px;
height: 118px;
left: 35px;
}

#main_visual .pc_title01{
opacity: 0;
margin: 0 0 28px 0;
}


#main_visual .pc_title02{
opacity: 0;
margin: 0;
}


#main_visual .pc_title03{
opacity: 0;
position: absolute;
z-index: 15;
top: -webkit-calc( 50vh - 141px);
top: calc( 50vh - 141px);

right: 38px;
height: 283px;
}


.scroll_for_content{
display: block;
position: absolute;
z-index: 15;
margin: 0;
padding: 0;
right: 27px;
top: calc( 100vh - 70px );
}




#main_visual .main_title_jp{
width: 400px;
position: absolute;
z-index: 3;
top: -webkit-calc(50vh + 20px);
top: calc(50vh + 20px);
left: auto;
right: 30px;
bottom:auto;
overflow: hidden;
}





/*リード文*/
#lead_area{
position: relative;
z-index: 2;
width: 90%;
margin: 0 auto;
padding: 120px 0 0 0;
text-align: center;
}

#lead_area .text_layout{
position: relative;
line-height: 1.86;
color: #666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}








/*ブツ01-----------------------------------------------------------------------------------------------*/
.mix_base{
position: relative;
margin: 0 auto;
padding: 35px 0 35px 0;
width: 100%;
min-width: 1000px;
background: #f6f0ea;/*背景色*/
}

/*インナー 罫線 SP*/
.mix_base_inner_sp{
position: relative;
width: 100%;
margin: 0;
border: none;
}
.mix_base_inner_sp::before{
display: none;
}

/*インナー 罫線 PC*/
.mix_base_inner{
position: relative;
width: 510px;
min-height: 716px;
margin: 0 auto;
border: 4px solid #fff;
}


/*STYLINHG VARIATIONタイトル*/
.mix_base h3.kimawashi{
width: 100%;
margin: 40px auto 0 auto;
padding: 0;
text-align: center;
}
/*着回しタイトル*/
.mix_base h4.kimawashi{
width: 100%;
margin: 10px auto 30px auto;
text-align: center;
font-size: 12px;
color: #4d4d4d;
/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
}


/*写真*/
.mix_base .photo_area{
position: relative;
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
}

.mix_base .photo_area img{
width: 100%;
height: auto;
}




/*写真下の欧文*/
.mix_base .photo_area h5{
width: 100%;
text-align: center;
margin: 20px 0 10px 0;
}

.mix_base .photo_area h5 img{
width: auto;
height: auto;
}

.mix_base .photo_area p{
width: 100%;
margin: 0 auto;
padding: 0 0 30px 0;

font-size: 12px;
color: #4d4d4d;
/*フォント約物すべて、詰める*/
-moz-font-feature-settings: "palt" 1;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;
/*Davis Sans Light*/
font-family: davis-sans,sans-serif;
font-weight: 300;
font-style: normal;
}


/*解説エリア*/
.mix_base .kaisetu_area{
position: absolute;
left:-260px;
bottom: 206px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}


.mix_base .kaisetu_area h3{
margin: 0 0 20px 0;
}

.mix_base .kaisetu_area p{
margin: 0;
padding: 0;
font-size: 15px;
line-height: 1.6666;
color:#666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}


/*リンクエリア*/
.mix_base .text_area{
position: absolute;
bottom:10px;
right: -200px;
margin: 0;
padding: 30px 0 30px 0;
width: 220px;
height: auto;
background: #f6f0ea;/*背景色*/
}


/*リンクのリスト　上書き*/
.variation_base.variation_base_butu{
margin: 0;
padding: 0;
}





/*ブツ01------------------------------------------------------------*/
/*テキスト01 LOOP*/
#loop_js01_layout{
display: block;
}

#mix01_01.mix_base .text_area{
right: -200px;
bottom:30px;
}

/*ブツ02------------------------------------------------------------*/
#mix01_02 .photo_area img.main{
width: 100%;
height: auto;
}

/*解説エリア*/
#mix01_02 .kaisetu_area{
position: absolute;
left:-270px;
bottom: 220px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

#mix01_02.mix_base .text_area{
right: -215px;
bottom:30px;
}

/*テキスト02 LOOP*/
#loop_js02_layout{
display: block;
}



/*ブツ03------------------------------------------------------------*/
#mix01_03 .kaisetu_area{
position: absolute;
left:-330px;
bottom: 170px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

#mix01_03.mix_base .text_area{
bottom:90px;
}

/*テキスト02 LOOP*/
#loop_js03_layout{
display: block;
}



/*ブツ04------------------------------------------------------------*/
/*解説エリア*/
#mix01_04 .kaisetu_area{
position: absolute;
left:-290px;
bottom: 172px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

/*リンクエリア*/
#mix01_04 .text_area{
position: absolute;
bottom:60px;
right: -210px;
margin: 0;
padding: 30px 0 30px 0;
width: 220px;
height: auto;
background: #f6f0ea;/*背景色*/
}

/*テキスト02 LOOP*/
#loop_js04_layout{
display: block;
}





/*ブツ05------------------------------------------------------------*/
/*解説エリア*/
#mix01_05 .kaisetu_area{
position: absolute;
left:-250px;
bottom: 160px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

/*リンクエリア*/
#mix01_05 .text_area{
position: absolute;
bottom:60px;
right: -210px;
margin: 0;
padding: 30px 0 30px 0;
width: 220px;
height: auto;
background: #f6f0ea;/*背景色*/
}

/*テキスト02 LOOP*/
#loop_js05_layout{
display: block;
}




/*ブツ06------------------------------------------------------------*/
/*解説エリア*/
#mix01_06 .kaisetu_area{
position: absolute;
left:-280px;
bottom: 220px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

/*リンクエリア*/
#mix01_06 .text_area{
position: absolute;
bottom:60px;
right: -210px;
margin: 0;
padding: 30px 0 30px 0;
width: 220px;
height: auto;
background: #f6f0ea;/*背景色*/
}

/*テキスト02 LOOP*/
#loop_js06_layout{
display: block;
}





/*ブツ07------------------------------------------------------------*/
/*解説エリア*/
#mix01_07 .kaisetu_area{
position: absolute;
left:-270px;
bottom: 130px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

/*リンクエリア*/
#mix01_07 .text_area{
position: absolute;
bottom:60px;
right: -210px;
margin: 0;
padding: 30px 0 30px 0;
width: 220px;
height: auto;
background: #f6f0ea;/*背景色*/
}

/*テキスト02 LOOP*/
#loop_js07_layout{
display: block;
}





/*ブツ08------------------------------------------------------------*/
/*解説エリア*/
#mix01_08 .kaisetu_area{
position: absolute;
left:-280px;
bottom: 250px;
padding: 30px 0 30px 0;
margin: 0;
width: 430px;
height: auto;
background: #f6f0ea;/*背景色 f6f0ea */
}

/*リンクエリア*/
#mix01_08 .text_area{
position: absolute;
bottom:60px;
right: -210px;
margin: 0;
padding: 30px 0 30px 0;
width: 220px;
height: auto;
background: #f6f0ea;/*背景色*/
}

/*テキスト02 LOOP*/
#loop_js08_layout{
display: block;
}





















/*Section01*/
#sec01{
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 120px 0 0 0;
}


#sec01 .niretu{
position: relative;
margin: 0 auto;
padding: 0;

width: 100%;
min-width: 1000px;
height: auto;


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

#sec01 .niretu .photo_area{
position: relative;
margin: 0 0 0 8%;
padding: 0;
width: auto;
flex-basis: 46%;
min-width: 460px;
z-index: 2;
}

#sec01 .niretu .photo_area .photo{
position: relative;
z-index: 1;
width: 100%;
}

#sec01 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}

#sec01 .niretu .text_area{
position: relative;
z-index: 3;
width: auto;
flex-basis: 39%;
min-width: 390px;
height: auto;
margin: 0 7% 0 0;
padding: 0;
}


#sec01 .niretu .text_area .text_area_layout{
position: absolute;
left: 50px;
width: calc( 100% - 50px );
width: -webkit-calc( 100% - 50px );
margin: 210px 0 0 0;
padding: 0;
}


#sec01 .niretu .text_area .title_layout{
position: relative;
left: -16px;
margin: 0 0 42px 0;
}



#sec01 .item_ti_layout{
position: relative;
z-index: 3;
width:100%;
height: auto;
margin: 0;
}




#sec01_02{
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0 0 100px 0;
}


#sec01_02 .niretu{
position: relative;
width: 100%;
min-width: 1000px;
height: auto;
margin: 0 auto;
padding: 0;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-align-items: flex-end;
align-items:flex-end;
flex-direction: row-reverse;
}

#sec01_02 .niretu .photo_area{
position: relative;
margin: -30px 8% 0 0;
padding: 0;
width: auto;
flex-basis: 46%;
min-width: 460px;
z-index: 2;
}

#sec01_02 .niretu .photo_area img{
width: 100%;
height: auto;
}

#sec01_02 .niretu .text_area{
position: relative;
z-index: 3;
width: auto;
flex-basis: 39%;
min-width: 390px;
height: auto;
margin: 0 0 0 7% ;
padding: 0;
}

#sec01_02 .item_list{
position: absolute;
width: 220px !important;
margin: 0;;
right: 60px;
bottom: 120px;
}








/*imageviewerある場合はmin-width設定不可能*/
#sec02{
position: relative;
width:100%;
height: auto;
margin: 0 auto 100px auto;
padding: 120px 0 0 0;
}

#sec02 .item_ti_layout.sp_show{
display: none;
}

/*タイトル*/
#sec02 .item_ti_layout{
position: relative;
width:100%;
height: auto;
margin:0 0 42px 0;
}



#sec02 .niretu{
width: 86vw;
min-width: calc(44vw + 330px);
min-width: -webkit-calc(44vw + 330px);

margin: 0 auto;
padding: 0;

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

#sec02 .niretu .photo_area{
position: relative;
z-index: 3;
flex-basis: 44vw;
min-width: 44vw;
width: auto;
margin: 0;
padding: 0;
}

#sec02 .niretu .text_area{
position: relative;
z-index: 2;
flex-basis: 42vw;
min-width: 330px;
width: auto;
margin: 0;
padding: 0;
}

#sec02 .niretu .text_area_layout{
width: calc(100% - 120px);
width: -webkit-calc(100% - 120px);
margin: 0 0 0 60px;
}


#sec02 .photo{
position: relative;
z-index: 2;
width:100%;
height: auto;
margin: 0;
padding: 0;
}

#sec02 .photo img{
width: 100%;
height: auto;
}

#sec02 .item_list{
margin: 0;
}





#sec02_02{
width:100%;
margin: 0 auto 120px auto;
padding: 0;
}



#sec02_02 .niretu{
width:90vw;
margin: 0 auto;

display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
}

#sec02_02 .niretu .photo_area{
position: relative;
z-index: 2;
flex-basis:50vw;
margin: -200px 0 0 0;
padding: 0;
}

#sec02_02 .niretu .photo_area img{
width: 100%;
height: auto;
}

#sec02_02 .niretu .text_area{
position: relative;
z-index: 2;
flex-basis:40vw;
margin: 0;
padding: 0;
}

#sec02_02 .niretu .text_area .item_list{
position: absolute;
right: 60px;
bottom: 70px;
}








#s03{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

#sec03{
width: 100%;
min-width: 1000px;
height: auto;
margin: 0 auto;
padding: 120px 0 0 0;
}

/*背景*/
#s03 .iro_bg{
position: absolute;
z-index: 1;
top: 240px;
left: 0;
right: 0;
margin: 0 auto;

height: calc( 52vw / 690 * 920 * 2 - 100px - 240px);
width: 43vw;
min-width: 430px;
background: #f2f2f2;
}

#sec03 .item_ti_layout.sp_show{
display: none;
}

#sec03 .niretu{
width: 100%;
min-width: 1000px;
margin: 0 auto;
padding: 0;

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

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

#sec03 .photo_area{
position: relative;
z-index:2;
flex-basis: 52%;
min-width: 520px;
margin: 0 0 0 4%;
padding: 0;
}

#sec03 .photo{
width:100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
}

#sec03 .photo img{
width: 100%;
height: auto;
}

#sec03 .text_area{
position: relative;
z-index: 2;
flex-basis: 44%;
min-width: 440px;
margin: 0;
padding: 0;
}

#sec03 .text_area .text_layout{
position: absolute;
width: 75%;
margin: 0;
top:-140px;
left: 60px;
}

#sec03 .text_area .item_ti_layout{
margin: 0 0 42px 0;
}

#sec03 .item_ti_layout{
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#sec03 .text_layout{
width: auto;
margin: 0;
padding: 0;
}




#sec03_02{
width: 100%;
height: auto;
margin: 0 auto 100px auto;
padding: 0;
}

/*タイトル*/
#sec03_02 .item_ti_layout{
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#sec03_02 .niretu{
width: 100%;
min-width: 1000px;
margin: 0 auto;
padding: 0;

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

/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
/*横並び・右から左*/
flex-direction: row-reverse;
}


#sec03_02 .photo_area{
position: relative;
z-index: 1;
flex-basis: 52%;
min-width: 520px;
margin: -100px 4% 0 0;
padding: 0;
}

#sec03_02 .photo_area .photo{

}

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

#sec03_02 .text_area{
position: relative;
z-index: 4;
flex-basis: 44%;
min-width: 440px;
margin: 0;
padding: 0;
}


#sec03_02 .text_area_layout{
position: absolute;
margin: 0 0 150px 0;

padding: 0;
right: 50px;
left: auto;
bottom:0;
}






#sec03_02 .right_area ul.item_link li:nth-child(5) a {
height: auto;
}
#sec03_02 .right_area ul.item_link li:nth-child(5) .brand_name{
display: inline-block;
}

#sec03_02 .right_area ul.item_link li:nth-child(5) .item_and_brand_sp{
display: inline-block;
height: auto;
margin: 0;
padding: 0;
vertical-align: middle;
}

#sec03_02 .right_area ul.item_link li:nth-child(5) .buy_btn{
display: inline-block;
margin: 0 0 0 18px;
padding: 0;
vertical-align: middle;
}











#sec04{
position: relative;
z-index: 2;
width:100%;
height: auto;
margin: 0 auto;
padding: 120px 0 0 0;
}

/*タイトル*/
#sec04 .item_ti_layout.sp_show{
display: none !important;
}


#sec04 .item_ti_layout{
position: relative;
height: auto;
width: 98%;
margin: 0 0 0 2%;
padding: 0;
}




#sec04 .niretu{
position: relative;
width: 100%;
min-width: 1000px;
margin: 10px auto 0 auto;
padding: 0;

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

-webkit-align-items: center;
align-items:center;
}

#sec04 .photo_area{
flex-basis: 45%;
min-width: 450px;
margin: 0 0 0 0;
padding: 0;
}

#sec04 .text_area{
flex-basis: 55%;
min-width: 550px;
margin: 0 0 0 0;
padding: 0;
}

#sec04 .text_area p{
width: 68%;
}

#sec04 .item_list{
margin: 0;
}

#sec04 .photo{
position: relative;
z-index: 2;
width:100%;
height: auto;
margin: 0;
padding: 0;
}

#sec04 .photo img{
width: 100%;
height: auto;
}


#sec04 .text_layout{
width: calc( 100% - 40px );
width: -webkit-calc( 100% - 40px );
margin: 0 0 0 40px;
padding: 0;
}





#sec04_02{
position: relative;
z-index: 1;
width:100%;
height: auto;
margin: 0 auto 80px auto;
padding: 0;
}
#sec04_02 .niretu{
width: 100%;
min-width: 1000px;
margin: 0;
padding: 0;
}

#sec04_02 .photo_area{
width: 29%;
min-width: 290px;
margin: -270px 0 0 71%;
padding: 0;
}
#sec04_02 .photo_area img{
width: 100%;
height: auto;
}










#sec05{
width:100%;
height: auto;
margin: 0 auto 0 auto;
padding:120px 0 0 0;
}

#sec05 .item_ti_layout.sp_show {
display: none;
}

#sec05 .item_ti_layout{
position: relative;
margin: 0 0 42px 0;
}



#sec05 .item_ti_layout .no_design h2{
position: relative;
}


#sec05 .niretu{
width: 100%;
min-width: 1000px;
margin: 10px auto 0 auto;
padding: 0;

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

-webkit-align-items: center;
align-items:center;
}


#sec05 .photo_area{
position: relative;
flex-basis: 46.5%;
min-width: 465px;
margin: 0 0 0 4.25%;
padding: 0;
}


#sec05 .photo_area_layout{
position: relative;
width:100%;
margin: 0;
}


#sec05 .text_area{
position: relative;
z-index: 3;

flex-basis: 45%;
min-width: 450px;
margin: 0 4.25% 0 0;
padding: 0;
}


#sec05 .text_area .text_area_layout{
position: absolute;
left: 90px;
top: -155px;
width: calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}



#sec05 .text_area .item_list{
margin: 0;
}


#sec05 .photo_area .photo_area_layout img{
width: 100%;
height: auto;
}



/*色*/
#sec05 ul.variation_link{
background: #88648a;
}

#sec05_02 ul.variation_link{
background: #88648a;
}




#sec05_02{
width:100%;
min-width: 1000px;
height: auto;
margin: 0 auto 100px auto;
padding: 0;
}


#sec05_02 .niretu{
width: 100%;
min-width: 1000px;
margin: 0 auto;
padding: 0;

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

/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
/*横並び・右から左*/
flex-direction: row-reverse;
}


#sec05_02 .niretu .photo_area{
position: relative;
z-index: 2;
flex-basis: 46.5%;
min-width: 465px;
margin: -150px 4.25% 0 0;
padding: 0;
overflow: hidden;
}

#sec05_02 .niretu .photo_area .photo{
width: 100%;
}

#sec05_02 .niretu .photo_area img{
width: 100%;
height: auto;
}

#sec05_02 .niretu .text_area{
position: relative;
flex-basis: 45%;
min-width: 450px;
margin: 0 0 0 4.25%;
padding: 0;
}


#sec05_02 .niretu .text_area .text_area_layout{
position: absolute;
margin: 0 0 100px 0;
padding: 0;
right: 60px;
left: auto;
bottom:0;
}














/*Section06*/
#sec06{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 180px 0 0 0;
}


#sec06 .item_ti_layout.sp_show{
display: none !important;
}

#sec06 .item_ti_layout .no_design h2{
position: relative;
left:-14px;
margin: 0 0 42px 0;
}

/*色背景*/
#sec06 .iro_bg{
position: absolute;
z-index: -1;
right: 40px;
top: 40px;
width: -webkit-calc(42vw);
width: calc(42vw);
height: -webkit-calc(42vw / 1200 * 1600);
height: calc(42vw / 1200 * 1600);
background: #d3baae;/*色*/
}



#sec06 .niretu{
width: 90vw;
margin: 0 auto 100px auto;
padding: 0;

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

-webkit-align-items: center;
align-items:center;
/*横並び・右から左*/
flex-direction: row-reverse;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

#sec06 .niretu .photo_area{
position: relative;
flex-basis: 42vw;
margin: 0 2vw 0 0;
padding: 0;
}

#sec06 .niretu .photo_area .photo{
position: relative;
z-index: 2;
width: 100%;
}

#sec06 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}


#sec06 .niretu .text_area{
position: relative;
flex-basis: 34vw;
margin: 0 6vw 0 6vw;
padding: 0;
}

/*タイトルの固まり*/
#sec06 .niretu .text_area .item_ti_layout{
margin: 0;
padding: 0;
}

#sec06 .text_area .text_area_layout {
position: relative;
z-index: 2;
width: 100%;
}

#sec06 .item_list{
margin: 0;
}

/*色*/
#sec06 ul.variation_link{
background: #49486b;
}
/*色*/
#sec06_02 ul.variation_link{
background: #49486b;
}




/*Section07*/
/*imageviewerある場合はmin-width設定不可能*/
#sec07{
position: relative;
width:100%;
height: auto;
margin: 0 auto 100px auto;
padding: 0 0 0 0;
}

/*タイトル*/
#sec07 .niretu .text_area_layout .item_ti_layout{
position: relative;
margin: 0 0 42px 0;
}

/*色背景*/
#sec07 .iro_bg{
position: absolute;
z-index: 1;
left: 0px;
top: -50px;
width: -webkit-calc(44vw);
width: calc(44vw);
height: -webkit-calc(44vw / 1200 * 1600);
height: calc(44vw / 1200 * 1600);
background: #e2d8d5;/*色*/
}

#sec07 .item_ti_layout.sp_show{
display: none;
}



#sec07 .niretu{
width: 86vw;
margin: 0 auto;
padding: 0;

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

#sec07 .niretu .photo_area{
position: relative;
z-index: 3;
flex-basis: calc( 44vw + 50px );
flex-basis: -webkit-calc( 44vw + 50px );

min-width: calc( 44vw + 50px );
min-width: -webkit-calc( 44vw + 50px );

width: auto;
margin: 0;
padding: 0;
}

#sec07 .photo{
position: relative;
z-index: 2;
width: 44vw;
height: auto;
margin: 0 0 0 50px;
padding: 0;
}

#sec07 .niretu .text_area{
position: relative;
z-index: 2;
flex-basis: calc( 42vw - 50px);
flex-basis: -webkit-calc( 42vw - 50px);

min-width: calc( 42vw - 50px);
min-width: -webkit-calc( 42vw - 50px);

width: auto;
margin: 0;
padding: 0;
}

#sec07 .niretu .text_area .text_area_layout{
left: 60px;
width: calc(100% - 60px);
width: -webkit-calc(100% - 60px);
}




#sec07 .photo img{
width: 100%;
height: auto;
}

#sec07 .item_list{
margin: 0;
}




















/*Section08*/
#sec08{
position: relative;
width:100%;
height: auto;
margin: 0 auto;
padding: 150px 0 100px 0;
}

#sec08 .item_ti_layout.sp_show{
display: none !important;
}


#sec08 .item_ti_layout .no_design h2{
position: relative;
left:-16px;
margin: 0 0 42px 0;
}


/*色背景*/
#sec08 .iro_bg{
position: absolute;
z-index: 1;
right: -50px;
top: -50px;
width: 44vw;
height: -webkit-calc(44vw / 1200 * 1600);
height: calc(44vw / 1200 * 1600);
background: #e3e2db;/*色*/
}






#sec08 .niretu{
width: 90vw;
margin: 0 auto;
padding: 0;

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

/*横並び・右から左*/
flex-direction: row-reverse;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

#sec08 .niretu .photo_area{
position: relative;
flex-basis: 44vw;
min-width: 44vw;
margin: 0 2vw 0 0;
padding: 0;
}

#sec08 .niretu .photo_area .photo{
position: relative;
z-index: 2;
width: 100%;
}

#sec08 .niretu .photo_area .photo img{
width: 100%;
height: auto;
}


#sec08 .niretu .text_area{
position: relative;
flex-basis: 32vw;
min-width: 32vw;

margin: 0 4vw 0 8vw;
padding: 0;
}

/*タイトルの固まり*/
#sec08 .niretu .text_area .item_ti_layout{
margin: 0;
padding: 0;
}


#sec08 .text_area .text_area_layout {
position: relative;
z-index: 2;
width: 100%;
}








/*バナーエリア------------------------------------------------------------------*/
#banner{
position: relative;
width: 100%;
height: auto;
margin: 200px 0 0 0;
padding: 0;
}
#banner h3{
width: 100%;
text-align: center;
margin: 0 auto 30px auto;
}







/*バナー1*/
.base_banner01{
position: relative;
margin: 0 auto;
width: 56vw;
height: calc( 56vw / 1200 * 540 );
height: -webkit-calc( 56vw / 1200 * 540 );
overflow: hidden;
}

.base_banner01 a{
position: absolute;
z-index: 5;
top:0px;
left: 0px;
width: 56vw;
height: calc( 56vw / 1200 * 540 );
height: -webkit-calc( 56vw / 1200 * 540 );
}

.base_banner01 a:hover + .photo_area{
opacity: 1.0;
transform: scale(1.03);
-webkit-transform: scale(1.03);

transform-origin: center;
transition: all 1.0s ease;
}



/*テキスト*/
.base_banner01 .text_area{
position: absolute;
z-index: 2;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: 25px;
margin: 0;
}

/*写真*/
.base_banner01 .photo_area{
position: absolute;
z-index: 1;
width: 56vw;
height: calc( 56vw / 1200 * 540 );
height: -webkit-calc( 56vw / 1200 * 540 );
background: url(../../img/bn_pc.jpg) no-repeat;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
transition: all 1.0s ease;
overflow: hidden;
}

.base_banner01 .more{
position: absolute;
z-index: 3;
bottom: 30px;
right: 30px;
}

.base_banner01 .more::after{
content: '';
position: absolute;
z-index: 3;
width: 100%;
height: 1px;
background: #fff;
left: 0;
bottom: -4px;
}






/*バナー1*/
.base_banner02{
position: relative;
margin: 0 auto 45px auto;
width: 56vw;
height: calc( 56vw / 1200 * 540 );
height: -webkit-calc( 56vw / 1200 * 540 );
overflow: hidden;
}

.base_banner02 a{
position: absolute;
z-index: 5;
top:0px;
left: 0px;
width: 56vw;
height: calc( 56vw / 1200 * 540 );
height: -webkit-calc( 56vw / 1200 * 540 );
}

.base_banner02 a:hover + .photo_area{
opacity: 1.0;
transform: scale(1.03);
-webkit-transform: scale(1.03);

transform-origin: center;
transition: all 1.0s ease;
}



/*テキスト*/
.base_banner02 .text_area{
position: absolute;
z-index: 2;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: 25px;
margin: 0;
}

/*写真*/
.base_banner02 .photo_area{
position: absolute;
z-index: 1;
width: 56vw;
height: calc( 56vw / 1200 * 540 );
height: -webkit-calc( 56vw / 1200 * 540 );
background: url(../../img/bn02_pc.jpg) no-repeat;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
transition: all 1.0s ease;
overflow: hidden;
}

.base_banner02 .more{
position: absolute;
z-index: 3;
bottom: 30px;
right: 30px;
}

.base_banner02 .more::after{
content: '';
position: absolute;
z-index: 3;
width: 100%;
height: 1px;
background: #fff;
left: 0;
bottom: -4px;
}










/*リンクエリア------------------------------------------------------------------*/
#link_area{
position: relative;
width: 100%;
height: auto;
margin: 120px 0 0 0;
padding: 0;
}


#link_area .bg{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: -webkit-calc(68% - 0px);
width: calc(68% - 0px);
height:775px;
background: #bc7950;
}

#link_area .bg02{
position: absolute;
z-index: 1;
top: 180px;
right: 0;
width: -webkit-calc(63% - 0px);
width: calc(63% - 0px);
height: 750px;
background: #e3e2db;
}






/*日本語　タイトル*/
#link_area h2{
position: absolute;
z-index: 3;
display: inline-block;
height: auto;
width: 257px;
top: 165px;
left: 20px;

margin: 0;
padding: 0
}

#link_area h2 img{
position: relative;
width: 100%;
height: auto;
}


/*英語　縦*/
#link_area h3{
position: absolute;
z-index: 4;
top: 60px;
left: 20px;
}




#link_area a.link_area_zentai{
position: absolute;
z-index: 6;
top: 200px;
left: 0;
width: 100vw;
height: 520px;
opacity: 1.0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

/*子要素*/
#link_area a.link_area_zentai:hover .ti_check_hover{
opacity: 1;
}
/*隣接要素*/
#link_area a.link_area_zentai:hover + .check_item{
opacity: 0;
}


#link_area .ti_check_hover{
position: absolute;
z-index: 5;
top: 0;
left: 0;
width: 100vw;
height: 520px;
opacity: 0.0;
text-align: center;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#link_area .ti_check_hover .child{
position: relative;
z-index: 6;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}




#link_area .ti_check_hover_bg{
position: absolute;
z-index: 4;
top: 0;
left: 0;
width: 100vw;
height: 520px;
background: #ffe9d5;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
opacity: 0.3;
}






#loop_js_last_layout{
position: relative;
z-index: 3;
width: 100%;
height: 480px;
margin: 0;
padding: 240px 0 0 0;
overflow: hidden;
}


#loop_js_last {
width: 5760px;
height: 480px;
margin: 0;
padding: 0;
font-size:0px;
}



#loop_js_last ul{
position: relative;
display: inline-block;
vertical-align: top;
width: 2880px;
height: 480px;
margin: 0;
padding: 0;
font-size:0px;
letter-spacing:0;
}


#loop_js_last ul li{
position: relative;
width: 360px;
height: 480px;
margin: 0;
padding: 0;

display: inline-block;
vertical-align: top;

font-size:0px;
letter-spacing:0;
}

#loop_js_last ul li img{
width: 360px;
height: 480px;
position: relative;
}



/*右下のCheck Item!*/
#link_area .check_item{
width: 96%;
position: relative;
z-index: 3;
margin: 20px auto;
padding: 0;
text-align: right;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
#link_area .check_item img{
width: auto;
height: auto;
}

#link_area .check_item a{
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#link_area .check_item a:hover{
opacity: 0.6;
}






.credit_area{
position: relative;
z-index: 2;
width: auto;
margin: 40px 0 0 0px;
padding: 0;
}


/*SNS、STAFF、TOPとか*/
.share_credit_out{
position: relative;
z-index: 15;
margin: 80px 0 0 0;
}




/*SNS*/
.new_sns{
display: inline-block;
position: relative;
margin:0 0 0 30px;
padding:0 0 0 0;
text-align:left;
height:22px;
}

.new_sns ul.sns{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
height:22px;
}

.new_sns ul.sns li:first-child{
display: block;
width:53px;
margin: 0 26px 0 0;
}

.new_sns ul.sns li:nth-child(2){
width:79px;
margin: 0 40px 0 0;
}

.new_sns ul.sns li:nth-child(3){
width:93px;
margin: 0 40px 0 0;
}

.new_sns ul.sns li:nth-child(4){
width:64px;
}

.new_sns ul.sns li a{
display:block;
width: 100%;
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;
}




/*フッター*/
.out_link_layout{
position: relative;
width: 100%;
z-index: 2;
margin: 60px 0 0 0;
padding:0 0 0 0;
height: auto;
}

.out_link_layout ul.out_link{
width: calc( 100% - 25px );
width: -webkit-calc( 100% - 25px );
height:30px;
margin: 0 0 0 25px;
padding: 0;

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

-webkit-align-items: center;
align-items:center;
}
.out_link_layout ul.out_link li{
text-align:left;
flex-basis: 30px;
height: 30px;
margin: 0 20px 0 0;

font-size: 14px;
line-height: 1.9;
font-family: classico-urw, sans-serif;
color: #808080;
}



.out_link_layout ul.out_link li:first-child{
flex-basis: 120px;
margin: 0 20px 0 0;
height: auto;
}



.out_link_layout ul.out_link li a{
position: relative;
display:block;
width:100%;
height:100%;
line-height:1.0;
transition: opacity 0.3s ease;
color: #808080;
}

.out_link_layout ul.out_link li a img{
vertical-align:middle;
}

.out_link_layout ul.out_link li a:hover{
opacity:0.5;
}







.last_area{
position: relative;
z-index: 2;
width: 100%;
margin: 40px 0 0 0;
padding: 0 0 25px 0;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
-webkit-align-items: flex-end;
align-items:flex-end;
}

.last_area .brand_logo_area{
flex-basis : -webkit-calc(100% - 175px);
flex-basis : calc(100% - 175px);
margin: 0 25px 0 0;
padding: 0;
text-align: right;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

.last_area .brand_logo_area:hover{
opacity:0.5;
}


.last_area .copyright_area{
flex-basis : 125px;
margin: 0;
padding: 0 0 0 0px;
text-align: left;
}


#pagetop{
position: absolute;
z-index: 9999;
top:0;
bottom: auto;
right: 15px;
width: 30px;
height: 110px;
cursor: pointer;
text-align: center;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#pagetop:hover{
opacity: 0.5;
}



.credit_area .right_area{
width: calc( 100% - 25px );
width: -webkit-calc( 100% - 25px );
margin: 0 0 0 25px;
font-size: 8.5px;
line-height: 1.9;
font-family: classico-urw, sans-serif;
color: #a5a079;
}

.credit_area .right_area span{
font-size: 10px;
margin: 0;
}





}/**/