@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}


body {
width: 100%;
overflow-x: hidden;
margin: 0;
padding: 0;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
/*DNP ShueiGoGinStd L*/
font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/*フォント指定*/
.FMJ_SHITEI{
/*Yu Gothic Pr6N R*/
font-family: yu-gothic-pr6n,sans-serif;
font-weight: 400;
font-style: normal;

/*DNP ShueiGoGinStd L*/
font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;

/*Yu Mincho Pr6N R*/
font-family: yu-mincho-pr6n,sans-serif;
font-weight: 400;
font-style: normal;

/*MinervaModern Regular*/
font-family: minerva-modern,sans-serif;
font-weight: 400;
font-style: normal;

/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;
}





#trig01, #trig02, #trig03, #trig04, #trig05, #trig06, #trig07, #trig08, .footer_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
height: auto;
}

#trig05{
z-index: 3;
background: #F2D1DA;
}

/* IEハック */
_:-ms-lang(x)::-ms-backdrop, #trig05{
background: #fff;
}


#trig06, #trig07, #trig08{
z-index: 3;
background: #fff;
}

.sec01, .sec02, .sec03, .sec04, .sec05, .sec06, .sec07, .sec08{
width: 100%;
height: auto;
}

/*選択2種類*/
.lead_area::selection, #trig01 ::selection, #trig02 ::selection, #trig03 ::selection, #trig04 ::selection{
color: #fff;
background: #5E83B2;
}

#trig05 ::selection, #trig06 ::selection, #trig07 ::selection, #trig08 ::selection{
color: #fff;
background: #CE93A6;
}


.sec01 img, .sec02 img, .sec03 img, .sec04 img, .sec05 img, .sec06 img, .sec07 img, .sec08 img{
width: 100%;
height: auto;
margin: 0;
padding: 0;
user-select: none;
}


#trig01 img, #trig02 img, #trig03 img, #trig04 img, #trig05 img, #trig06 img, #trig07 img, #trig08 img{
user-select: none;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
}


.pc_show{
display: none;
}

.sp_show{
display: inline-block;
}

/*イレギュラー*/
#trig00 .sp_show{
display: block;
}



/*ロゴエリア
------------------------------------------------------------------------------*/
.logo_area{
position: fixed;
z-index: 12;
top: 10px;
left: 0;
width: 100%;
text-align: center;
}

/*ロゴ*/
.logo_area .first{
position: absolute;
width: 100%;
text-align: center;
opacity: 0;
}

/*ロゴ*/
.logo_area .second{
position: absolute;
width: 100%;
text-align: center;
opacity: 0;
}




/*基本共通設定
-----------------------------------------------------------------------*/
p{
font-size: 15px;
color: #666;
line-height: 1.9333;
margin: 0;
padding: 0;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0375em;
}



/*STYLE.00*/
.style_number{
font-size: 16px;
line-height: 1.1;
color: #666;
/*MinervaModern Regular*/
font-family: minerva-modern,sans-serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


h2.midashi{
position: relative;
display: inline-block;
margin: 33px 0 32px 0;
padding: 0;

font-size: 20px;
height: 20px;
line-height: 1.0;
color: #4D4D4D;

/*Yu Mincho Pr6N R*/
font-family: yu-mincho-pr6n,sans-serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.15em;
}



@media all and (-ms-high-contrast: none) {
/* IEハック */
h2.midashi{
height: 10px;
}
}






/*下線*/
h2.midashi::after{
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: calc( 100% - 0.15em );
width: -webkit-calc( 100% - 0.15em );
height: 1px;
background: #000;
}

/*01*/
#trig01 h2.midashi::after{
background: #5E83B2;
}

/*02*/
#trig02 h2.midashi::after{
background: #C2A276;
}

/*03*/
#trig03 h2.midashi::after{
background: #00B1BD;
}

/*04*/
#trig04 h2.midashi::after{
background: #5E83B2;
}

/*05*/
#trig05 h2.midashi::after{
background: #D44867;
}

/*06*/
#trig06 h2.midashi::after{
background: #6C83AC;
}

/*07*/
#trig07 h2.midashi::after{
background: #C691B3;

}

/*08*/
#trig08 h2.midashi::after{
background: #DB9AB9;
}


.brand_logo{
width: 100px;
text-align: left;
display: block;
}

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






/*商品リンク SP
---------------------------------------------------------------------------------*/
.each_list_layout{
width: 100%;
margin: 0 0 30px 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

.item_price{
flex-basis: calc(100% - 190px);
flex-basis: -webkit-calc(100% - 190px);
text-align: left;
}

.item_price .item_name{
font-size: 15px;
color: #4D4D4D;
line-height: 1.1;
margin: 0 0 2px 0;
padding: 0;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}

.item_price .price_nmae{
font-size: 15px;
line-height: 1.1;
color: #666;
/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}

/*税込*/
.zeikomi{
margin: 0 0 0 4px;
font-size: 12px;
color: #666;
/*DNP ShueiGoGinStd L*/
font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;

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

.each_list_nav{
flex-basis: 190px;
height: 32px;
}

.each_list_nav ul{
width: 100%;
height: 32px;
margin: 0;
padding: 0;
user-select: none;
}


/*1列*/
ul.col01 li{
width: 100%;
height: 32px;
text-align: center;
color: #fff;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}


/*2列*/
ul.col02{
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}


ul.col02 li{
display: inline-block;
flex-basis: calc(50% - 5px);
flex-basis: -webkit-calc(50% - 5px);

height: 32px;
text-align: center;
color: #fff;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
ul.col02 li:first-child{
margin: 0 10px 0 0;
}



/*3列*/
ul.col03{
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}


ul.col03 li{
display: inline-block;
flex-basis: calc(33% - 7px);
flex-basis: -webkit-calc(33% - 7px);
height: 32px;
margin: 0 10px 0 0;
text-align: center;
color: #fff;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}

ul.col03 li:first-child{
flex-basis: calc(33% - 6px);
flex-basis: -webkit-calc(33% - 6px);
margin: 0 10px 0 0;
}

ul.col03 li:last-child{
flex-basis: calc(34% - 7px);
flex-basis: -webkit-calc(34% - 7px);
margin: 0;
}



.each_list_nav ul li a{
display: block;
width: 100%;
height: 100%;
line-height: 32px;
text-decoration: none;
color: #fff;
background: #CC8F9E;
border-radius: 2px;

/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;

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

transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 1.0;
}

.each_list_nav ul li a:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.6;
}

/*参考商品*/
.sankou_syouhin{
margin: 0;
color: #808080;

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



/*01*/
#trig01 .each_list_nav ul li a{
background: #5E83B2;
}

/*02*/
#trig02 .each_list_nav ul li a{
background: #C2A276;
}

/*03*/
#trig03 .each_list_nav ul li a{
background: #00B1BD;
}

/*04*/
#trig04 .each_list_nav ul li a{
background: #7791AA;
}

/*05*/
#trig05 .each_list_nav ul li a{

background: #CC8F9E;
}

/*06*/
#trig06 .each_list_nav ul li a{

background: #6C83AC;
}

/*07*/
#trig07 .each_list_nav ul li a{

background: #C691B3;
}

/*08*/
#trig08 .each_list_nav ul li a{

background: #DB9AB9;
}




/*ファーストビュー*/
.main_visual{
position: relative;
z-index: 5;
width: 100%;
height: 100vh;
overflow: hidden;
}



/*グラデSP*/
.main_visual .black_bg{
visibility: visible;
position: absolute;
z-index: 2;
top:0;
left: 0;
width: 100vw;
height: 100vh;
background: url(../../common/img/bg_top.svg) no-repeat bottom left;
background-size: auto 100%;
opacity: 0.40;
mix-blend-mode: multiply;
-webkit-mix-blend-mode: multiply;
}


.main_visual .visual_bg{
opacity: 0;
position: absolute;
z-index: 1;
top:0;
left: 0;
width: 100%;
height: 100vh;
background: url(../../common/img/main_sp.jpg) no-repeat top center;
background-size: cover;
}

/*罫線*/
.main_visual .keisen{
opacity: 0;
position: absolute;
z-index: 3;
top: 9px;
left: 9px;
width: calc( 100% - 18px );
width: -webkit-calc( 100% - 18px );

height: calc( 100% - 18px );
height: -webkit-calc( 100% - 18px );

border: 4px solid #5265AD;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*ロゴ*/
.main_visual .logo{
position: absolute;
z-index: 3;
bottom: 25px;
right: 25px;
width: 29vw;
}

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


/*メインタイトル*/
.main_visual .copy01{
opacity: 0;
position: absolute;
z-index: 3;
top: 25px;
left: 1.0%;
width: 98%;
}
.main_visual .copy01 img{
width: 100%;
height: auto;
}

.main_visual .copy01 h1{
position: relative;
margin: 0 auto;
padding: 0;
width: 100%;
text-align: center;
}

.main_visual .copy01 h1 img{
width: 100%;
height: auto;
}

/*日本語Copy*/
.main_visual .copy02{
opacity: 0;
position: absolute;
z-index: 3;
left: 25px;
bottom: 25px;
margin: 0;
height: 50vh;
width: auto;
}

.main_visual .copy02 img{
height: 50vh !important;
width: auto;
}





/*矢印*/
.main_visual .copy03{
opacity: 0;
position: absolute;
z-index: 3;
left: 0;
right: 0;
bottom: 13px;
margin: 0 auto;
width: 12px;
text-align: center;
height: 25px;
}

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















/*リード
------------------------------------------------------------------------------*/
.lead_area{
position: relative;
z-index: 5;
font-size: 14px;
line-height: 2.0;
text-align: left;
width: 80%;
margin: 50px auto 0px auto;
color: #808080;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}

h2.cathc_copy{
width: auto;
height: auto;
}
h2.cathc_copy img{
width: auto;
height: auto;
}





/*01
------------------------------------------------------------------------------*/
.sec01{
width: 100%;
margin: 0 0 0 0;
padding: 50px 0 50px 0;
}

/*01_01*/
.sec01_01{
width: 100%;
margin: 0 0 60px 0;
padding: 0;
}

.sec01_01 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec01_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
right: 20px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec01_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.sec01_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}


.sec01_01 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}





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

.sec01_02 .photo_area{
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}


.sec01_02 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}


.sec01_02 .contents_hide .each_list_layout:nth-child(3){
margin: 0;
}

/*アイテム01　 Color Variations*/
.sec01_03{
width: 100%;
margin: 80px 0 0 0;
}

.sec01_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec01_03 h2.cathc_copy{
z-index: 2;
top:20px;
width: 100%;
text-align: center;
margin: 0 0 30px 0;
padding: 0;
}

.sec01_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec01_03 .photo{
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}

/*アイテムリンク*/
.sec01_03 .text_area .each_list_layout{
width: 90%;
margin: 40px auto 0 auto;
}

.sec01_03 p{
width: 90%;
margin: 32px auto 0 auto;
padding: 0;

text-align: left;

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



/*02
------------------------------------------------------------------------------*/
.sec02{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}


/*02_01*/
.sec02_01{
width: 100%;
margin: 0;
padding: 0;
}

.sec02_01 .photo_area{
position: relative;
width: 85%;
margin: 0 10% 0 5%;
padding: 0;
}

.sec02_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border-right: 6px solid #fff;
border-bottom: 6px solid #fff;
}

.sec02_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 20px;
left: 15px;
margin: 0;
padding: 0;
width: 55px;
}


/*ブランドロゴ*/
.sec02_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 20px;
left: -2.5vw;
margin: 0;
padding: 0;
}

.sec02_01 .text_area{
width: 90%;
margin: 0 auto 0 auto;
padding: 0;
}

.sec02_02{
width: 100%;
margin: -20px 0 0 0;
padding: 0;
}

.sec02_02 .photo_area{
position: relative;
width: 85%;
margin: 0 5% 0 10%;
padding: 0;
}

.sec02_02 .photo_area .photo{
overflow: hidden;
}


.sec02_02 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}
.sec02_02 .text_area .sp_show{
margin: 0 0 60px 0;
}



/*アイテム01　 Color Variations*/
.sec02_03{
width: 100%;
margin: 80px 0 0 0;
}

.sec02_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec02_03 h2.cathc_copy{
z-index: 2;
top:20px;
width: 100%;
text-align: center;
margin: 0 0 30px 0;
padding: 0;
}

.sec02_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec02_03 .photo{
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}

/*アイテムリンク*/
.sec02_03 .text_area .each_list_layout{
width: 90%;
margin: 40px auto 0 auto;
}

.sec02_03 p{
width: 90%;
margin: 32px auto 0 auto;
padding: 0;

text-align: left;

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








/*03
------------------------------------------------------------------------------*/
.sec03{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}

/*01*/
.sec03_01{
width: 100%;
margin: 0;
padding: 0;
}

.sec03_01 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

/*キャッチコピー*/
.sec03_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 20px;
left: 15px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec03_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.sec03_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}

.sec03_01 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}

.sec03_01 .text_area p{
margin: 0 0 50px 0;
}


/*02*/
.sec03_02{
width: 100%;
margin: 0;
padding: 0;
}

.sec03_02 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec03_02 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
overflow: hidden;
}

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






/*04
------------------------------------------------------------------------------*/
#trig04{
margin: 0;
padding: 0;
position: sticky;
min-height: 100vh;
}






.sec04{
width: 100%;
margin: 0;
padding: 50px 0 0 0;/*微調整*/
}


/*02_01*/
.sec04_01{
width: 100%;
margin: 0;
padding: 0;
}

.sec04_01 .photo_area{
position: relative;
width: 85%;
margin: 0 10% 0 5%;
padding: 0;
}

.sec04_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border-right: 6px solid #fff;
border-bottom: 6px solid #fff;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

.sec04_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top:20px;
right: 21px;
margin: 0;
padding: 0;
}


/*ブランドロゴ*/
.sec04_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 20px;
left: -2.5vw;
margin: 0;
padding: 0;
}




.sec04_01 .text_area{
width: 90%;
margin: 0 auto 0 auto;
padding: 0;
}


.sec04_02{
width: 100%;
margin: -20px 0 0 0;
padding: 0;
}

.sec04_02 .photo_area{
position: relative;
width: 85%;
margin: 0 5% 0 10%;
padding: 0;
overflow: hidden;
}


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

.sec04_02 .text_area .sp_show{
margin: 0 0 60px 0;
}


.sec04_02 .contents_hide .each_list_layout:nth-child(2){
margin: 0;
}




/*05
------------------------------------------------------------------------------*/
.sec05{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}

/*01*/
.sec05_01{
width: 100%;
margin: 0 0 60px 0;
padding: 0;
}

.sec05_01 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec05_01 .photo_area .photo{
overflow: hidden;
}


/*キャッチコピー*/
.sec05_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 25px;
right: 15px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec05_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.sec05_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}


.sec05_01 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}


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


.sec05_02 .photo_area .photo{
overflow: hidden;
}



.sec05_02 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}




/*アイテム05　 Color Variations*/
.sec05_03{
width: 100%;
margin: 80px 0 0 0;
}

.sec05_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec05_03 h2.cathc_copy{
z-index: 2;
top:20px;
width: 100%;
text-align: center;
margin: 0 0 30px 0;
padding: 0;
}

.sec05_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec05_03 .photo{
max-width: 100%;
margin: 0 auto;
overflow: hidden;
}

/*アイテムリンク*/
.sec05_03 .text_area .each_list_layout{
width: 90%;
margin: 40px auto 0 auto;
}

.sec05_03 p{
width: 90%;
margin: 32px auto 0 auto;
padding: 0;

text-align: left;

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





/*06
------------------------------------------------------------------------------*/
.sec06{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}


/*01*/
.sec06_01{
width: 100%;
margin: 0;
padding: 0;
}

.sec06_01 .photo_area{
position: relative;
width: 85%;
margin: 0 10% 0 5%;
padding: 0;
}

.sec06_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border-right: 6px solid #fff;
border-bottom: 6px solid #fff;
}

.sec06_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 20px;
left: 15px;
margin: 0;
padding: 0;
}


/*ブランドロゴ*/
.sec06_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 20px;
left: -2.5vw;
margin: 0;
padding: 0;
}




.sec06_01 .text_area{
width: 90%;
margin: 0 auto 0 auto;
padding: 0;
}


.sec06_02{
width: 100%;
margin: -20px 0 0 0;
padding: 0;
}

.sec06_02 .photo_area{
position: relative;
width: 85%;
margin: 0 5% 0 10%;
padding: 0;
overflow: hidden;
}


.sec06_02 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}

.sec06_02 .text_area .sp_show{
margin: 0 0 50px 0;
}

.sec06_02 .text_area .each_list_layout:last-child{
margin: 0 0 0 0;
}










/*07
------------------------------------------------------------------------------*/
.sec07{
width: 100%;
margin: 0;
padding: 50px 0 50px 0;
}

/*01*/
.sec07_01{
width: 100%;
margin: 0;
padding: 0;
}

.sec07_01 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}



/*キャッチコピー*/
.sec07_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 20px;
left: 15px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec07_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.sec07_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}


.sec07_01 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}

.sec07_01 .text_area p{
margin: 0 auto 60px auto;
}

/*アイテム01　 Color Variations*/
.sec07_03{
width: 100%;
margin: 80px 0 0 0;
}

.sec07_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec07_03 h2.cathc_copy{
z-index: 2;
top:20px;
width: 100%;
text-align: center;
margin: 0 0 30px 0;
padding: 0;
}

.sec07_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec07_03 .photo{
width: 100%;
margin: 0 auto;
overflow: hidden;
}

/*アイテムリンク*/
.sec07_03 .text_area .each_list_layout{
width: 90%;
margin: 40px auto 0 auto;
}

.sec07_03 p{
width: 90%;
margin: 32px auto 0 auto;
padding: 0;

text-align: left;

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






/*08
------------------------------------------------------------------------------*/
.sec08{
width: 100%;
margin: 0;
padding: 50px 0 200px 0;/*Sticky微調整*/
}


/*01*/
.sec08_01{
width: 100%;
margin: 0;
padding: 0;
}

.sec08_01 .photo_area{
position: relative;
width: 85%;
margin: 0 10% 0 5%;
padding: 0;
}

.sec08_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border-right: 6px solid #fff;
border-bottom: 6px solid #fff;
}

.sec08_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 20px;
left: 15px;
margin: 0;
padding: 0;
}


/*ブランドロゴ*/
.sec08_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 20px;
left: -2.5vw;
margin: 0;
padding: 0;
}




.sec08_01 .text_area{
width: 90%;
margin: 0 auto 0 auto;
padding: 0;
}


.sec08_02{
width: 100%;
margin: -20px 0 0 0;
padding: 0;
}

.sec08_02 .photo_area{
position: relative;
width: 85%;
margin: 0 5% 0 10%;
padding: 0;
overflow: hidden;
}

.sec08_02 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 0;
}

.sec08_02 .text_area .sp_show{
margin: 0 0 50px 0;
}

.sec08_02 .text_area .each_list_layout:last-child{
margin: 0 0 0 0;
}









/*フッター
--------------------------------------------------------------------------------*/
.footer_area{
position: relative;
z-index: 3;
width: 100%;
margin: 0;
padding: 0;
background: #fff;
}


/*シェアとスタッフ名*/
.share_staff{
width: 92%;
margin: 80px auto 0 auto;
}


/*シェア*/
h4.sns_title{
width: 90%;
margin: 0 auto 25px auto;
padding: 0;
}

ul.sns{
width: 92%;
margin: 0 auto 60px auto;
padding: 0;
height: auto;
display: flex;
justify-content:center;
}

ul.sns li{
display: inline-block;
width: auto;
margin: 0 0 0 0;
padding: 0;
font-size: 0px;
}

ul.sns li a{
margin: 0;
padding: 0;
}

ul.sns li:first-child{
display: none;
width: 43px;
margin: 0 0 0 0;
text-align: left;
}

ul.sns li:nth-child(2){
width: 82px;
margin: 0 0 0 0;
text-align: left;
flex-grow: 1;
}

ul.sns li:nth-child(3){
width: 98px;
margin: 0 0 0 0;
text-align: center;
flex-grow: 1;
}

ul.sns li:nth-child(4){
width: 62px;
margin: 0 0 0 0;
text-align: right;
flex-grow: 1;
}


ul.sns li a{
transition:opacity 0.3s ease;
}

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

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







.follow_us{
width: 92%;
margin: 100px auto 0 auto;
padding: 0 0 80px 0;
border-bottom: 1px solid #B2B2B2;
}

.follow_us h3{
display: flex;
align-items: center;
}

.follow_us h3:before,
.follow_us h3:after{
content: "";
height: 1px;
flex-grow: 1;
background-color: #B2B2B2;
}

.follow_us h3:before{
margin-right: 27px;
}

.follow_us h3:after{
margin-left: 27px;
}

.follow_us .niretu{
width: 90%;
margin: 80px auto 0 auto;
}


/*公式*/
.follow_us .niretu .official{
width: 30vw;
margin: 0 auto 60px auto;
text-align: center;
}

.follow_us .niretu .official img{
width: 100%;
height: auto;
}


.follow_us .niretu .official a{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.follow_us .niretu .official a:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.5;
}


.follow_us .niretu .sns_link{
width: 100%;
}



.follow_us .niretu .sns_link ul{
width: 120px;/*205px*/
margin: 0 auto;
padding: 0;
height: auto;
font-size: 0px;
}

.sns_link ul li{
display: inline-block;
width: auto;
margin: 0;
padding: 0;
font-size: 0px;
}

.sns_link ul li a{
margin: 0;
padding: 0;
}

.sns_link ul li:first-child{
width: 35px;
margin: 0 50px 0 0;
padding: 0;
text-align: left;
}

.sns_link ul li:nth-child(2){
width: 35px;
margin: 0 0 0 0;
padding: 0;
text-align: center;
}

.sns_link ul li:last-child{
width: 35px;
margin: 0;
padding: 0;
text-align: right;
}

.sns_link ul li a{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.sns_link ul li img{
width: 100%;
height: auto;
vertical-align:middle;
}

.sns_link ul li a:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.6;
}





/*ECリンク*/
.link_ec{
width: 90%;
margin: 80px auto 0 auto;
padding: 0;
}

.link_ec ul{
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
list-style:none;
font-size:0;
}

.link_ec ul li{
display: inline-block;
width: 48%;
height: calc( 48vw / 164 * 82);
height: -webkit-calc( 48vw / 164 * 82);
background: #5E83B2;

margin: 0 4% 20px 0;
padding: 0;
font-size: 0px;

text-align: center;
border-radius: 2px;
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.link_ec ul li a img.sp_show{
height: 80%;
width: auto;
margin: 0;
padding: 0;
}

.link_ec ul li:nth-child(2n){
display: inline-block;
margin: 0 0 20px 0;
}

.link_ec ul li a{
display: block;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: flex;
justify-content:center;/*画像センター*/
align-items: flex-end;/*画像下揃え*/
}

.link_ec ul li:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.7;
}



/*最後の注意書き*/
.last_message{
margin: 20px 0 0 0;
}

.last_message p{
width: 90%;
text-align: left;
margin: 0 auto 10px auto;

font-size: 12px;
line-height: 1.75;
color: #666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0375em;
}


/*ロゴ ONWARD*/
.logo_onward_crosset{
width: 34vw;
height: auto;
margin: 60px auto 0 auto;
}

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



/*Insta Onward*/
.insta_onward_crosset{
width: 32px;
height: auto;
margin: 30px auto 0 auto;
}

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




.copy{
width: 100%;
text-align: center;
margin: 30px auto 15px auto;

font-size: 11px;
color: #4D4D4D;

/*MinervaModern Regular*/
font-family: minerva-modern,sans-serif;
font-weight: 400;
font-style: normal;

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


#pagetop{
position: fixed;
z-index: 4;
right: 15px;
bottom: 30px;

opacity: 0;
cursor: pointer;
width: 50px;
height: 50px;
}















/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

/*ロゴエリア
------------------------------------------------------------------------------*/
.logo_area{
position: fixed;
z-index: 12;
top: 20px;
left: 0;
width: 100%;
text-align: center;
}

/*ロゴ*/
.logo_area .first{
position: absolute;
width: 100%;
text-align: center;
opacity: 0;
}

/*ロゴ*/
.logo_area .second{
position: absolute;
width: 100%;
text-align: center;
opacity: 0;
}


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


.pc_show{
display: inline-block;
}

.sp_show{
display: none;
}

/*イレギュラー*/
#trig00 .sp_show{
display: none;
}

.brand_logo{
width: 120px;
text-align: left;
display: block;
}
.brand_logo img{
width: 100%;
height: auto;
}






/*ファーストビュー*/
.main_visual{
position: relative;
z-index: 5;
width: 100%;
height: 100vh;
max-height: calc(100vw / 2400 * 1600);
max-height: -webkit-calc(100vw / 2400 * 1600);
overflow: hidden;
}
/*グラデ*/


/*グラデPC*/
.main_visual .black_bg{
visibility: visible;
position: absolute;
z-index: 2;
top:0;
left: 0;
width: 100vw;
height: 100vh;
background: url(../../common/img/bg_top_pc.svg) no-repeat bottom left;
background-size: auto 100%;
opacity: 0.0;
mix-blend-mode: multiply;
-webkit-mix-blend-mode: multiply;
}


/* IEハック */
_:-ms-lang(x)::-ms-backdrop, .main_visual .black_bg{
opacity: 0.0;
}





.main_visual .visual_bg{
opacity: 0;
position: absolute;
z-index: 1;
top:0;
left: 0;
width: 100%;
height: 100%;
background: url(../../common/img/main_pc.jpg) no-repeat right top;
background-size: cover;
}


.main_visual .keisen{
opacity: 0;
position: absolute;
z-index: 2;
top: 25px;
left: 35px;
width: calc( 100% - 70px );
width: -webkit-calc( 100% - 70px );

height: calc( 100% - 50px );
height: -webkit-calc( 100% - 50px );

max-height: calc(100vw / 2400 * 1600 - 50px);
max-height: -webkit-calc(100vw / 2400 * 1600 - 50px);

border: 4px solid #5265AD;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.main_visual .logo{
opacity: 0;
position: absolute;
z-index: 3;
bottom: 43px;
left: 58px;
width: 150px;
}


/*英語　コピー　Happy*/
.main_visual .copy01{
opacity: 0;
position: absolute;
bottom: auto;
z-index: 3;
width: 100%;
text-align: left;

top: 60px;
left: 30px;
width: auto;
}
.main_visual .copy01 img{
width: auto;
height: auto;
}



.main_visual .copy01 h1{
position: relative;
margin: 0;
padding: 0;
text-align: left;
}

.main_visual .copy01 h1 img{
width: auto;
height: auto;
}



/*日本語Copy*/
.main_visual .copy02{
opacity: 0;
position: absolute;
z-index: 3;
left: 30px;
bottom: 0;
margin: 0;
height: 100%;
width: auto;
display:flex;
justify-content:center;
align-items:center;
height: 100%;
}

.main_visual .copy02 img{
height: auto !important;
width: auto;
}



/*矢印*/
.main_visual .copy03{
opacity: 0;
position: absolute;
z-index: 3;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
width: 12px;
text-align: center;
height: 25px;
}




/*リード*/
.lead_area{
position: relative;
z-index: 5;
font-size: 16px;
line-height: 2.1875;
text-align: center;
width: 100%;
margin: 100px auto 0 auto;
color: #808080;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.05em;
}





/*01
------------------------------------------------------------------------------*/
.sec01{
width: 100%;
margin: 0;
padding: 70px 0 50px 0;
}

/*01_01*/
.sec01_01{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

.sec01_01 .photo_area{
position: relative;
flex-basis: 45%;
margin: 0 0 0 6%;
padding: 0;
}

.sec01_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}

.sec01_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
right: 30px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec01_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 42px;
left: -20px;
}




.sec01_01 .text_area{
flex-basis: 41%;
margin: 0 4% 0 4%;
padding: 0;
margin-top: calc( -1 * 34vw / 1200 * 1800 * 0.30 );
margin-top: -webkit-calc( -1 * 34vw / 1200 * 1800 * 0.30 );

}

/*02*/
.sec01_02{
width: 100%;
margin: 0;
padding: 0;
margin-top: calc( -1 * 34vw / 1200 * 1800 * 0.30 );
margin-top: -webkit-calc( -1 * 34vw / 1200 * 1800 * 0.30 );


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


.sec01_02 .photo_area{
flex-basis: 34%;
margin: 0 6% 0 0;
padding: 0;
overflow: hidden;
}

.sec01_02 .photo_area .photo{
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

.sec01_02 .text_area{
position: relative;
height: 1px;/*重要*/
flex-basis:60%;
margin: 0;
padding: 0;
}

.sec01_02 .text_area .text_area_layout{
position: absolute;
right: 60px;
left: auto;
bottom:0;
}

.sec01_02 .text_area .text_area_layout .each_list_layout:last-child{
margin: 0;
}



/*アイテム01　 Color Variations*/
.sec01_03{
width: 100%;
margin: 100px 0 0 0;
}

.sec01_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec01_03 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec01_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec01_03 .photo{
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}


.sec01_03 .text_area{
/*
position: absolute;
z-index: 2;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
*/
}


/*アイテムリンク*/
.sec01_03 .text_area .each_list_layout{
width: 332px;
margin: 0 auto 0px auto;
padding: 30px 0 0 0;
}


.sec01_03 p{
width: 90%;
margin: 0 auto;
text-align: center;

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




/*02
------------------------------------------------------------------------------*/
.sec02{
width: 100%;
min-width: 1100px;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0 50px 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
}


/*02_01*/
.sec02_01{
width: 100%;
flex-basis: 42%;
margin: 0 0 0 7%;
padding: 0;
}

.sec02_01 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec02_01 .photo_area .photo{
position: relative;
width: 100%;
z-index: 1;
padding: 0;
border: none;
}

/*ブランドロゴ*/
.sec02_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 30px;
left: -2.5vw;
margin: 0;
padding: 0;
}

.sec02_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
left: 30px;
margin: 0;
padding: 0;
}

.sec02_01 h2.cathc_copy img{
width: auto;
height: auto;
}


.sec02_01 .text_area{
width: 100%;
margin: 30px auto 0 auto;
padding: 0;
}


/*02*/
.sec02_02{
flex-basis: 31%;
margin: 0 7% 0 13%;
padding: 0;
min-width: 332px;
}

.sec02_02 .photo_area{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec02_02 .text_area{
width: 100%;
margin: 40px auto 0 auto;
padding: 0;
}

/*アイテムリンク*/
.sec02_02 .text_area .each_list_layout{
margin-right: auto;
margin-left: auto;
}
/*アイテムリンクの最後*/
.sec02_02 .text_area .each_list_layout:last-child{
margin: 0 auto;
}

.sec02_02 .text_area_menu__size{
width: 332px;
margin: 0 auto;
}


/*アイテム02　 Color Variations*/
.sec02_03{
width: 100%;
margin: 100px 0 0 0;
}

.sec02_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec02_03 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
right: 20px;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec02_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec02_03 .photo{
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}


.sec02_03 .text_area{
/*
position: absolute;
z-index: 2;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
*/
}


/*アイテムリンク*/
.sec02_03 .text_area .each_list_layout{
width: 332px;
margin: 0 auto 0px auto;
padding: 30px 0 0 0;
}



.sec02_03 p{
width: 90%;
margin: 0 auto;
text-align: center;

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







/*03
------------------------------------------------------------------------------*/
.sec03{
width: 100%;
margin: 0 auto;
padding: 70px 0 50px 0;
min-width: 1100px;
max-width: 1400px;
}

/*01_01*/
.sec03_01{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
/*横並び・右から左*/
flex-direction: row-reverse;
}

.sec03_01 .photo_area{
flex-basis: 41%;
margin: 0 11% 0 4%;
padding: 0;
}

.sec03_01 .photo_area .photo{
position: relative;
z-index: 2;
padding: 0;
}

/*ブランドロゴ*/
.sec03_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

/*キャッチコピー*/
.sec03_01 h2.cathc_copy{
position: absolute;
z-index: 3;
top: 30px;
right: 20px;
left: auto;
margin: 0;
padding: 0;
}

.sec03_01 .text_area{
flex-basis: 31%;
margin: 0 0 0 13%;
margin-top: calc( -1 * 41vw / 1200 * 1800 * 0.26);
margin-top: -webkit-calc( -1 * 41vw / 1200 * 1800 * 0.26);

padding: 0;
}

.sec03_01 .text_area p{
margin: 0 0 50px 0;
}


.sec03_01 .text_area_menu__size{
width: 332px;
}



/*02*/
.sec03_02{
width: 100%;
min-width: 1000px;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;

}


.sec03_02 .photo_area{
flex-basis: 41%;
margin: 0 0 0 11%;
margin-top: calc( -1 * 41vw / 1200 * 1800 * 0.26);
margin-top: -webkit-calc( -1 * 41vw / 1200 * 1800 * 0.26);

padding: 0;
overflow: hidden;
}

.sec03_02 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}


.sec03_02 .text_area{
position: relative;
flex-basis: calc( 37% - 50px );
margin: 0 11% 30px 50px;
padding: 0;
height: 1px;
}

.sec03_02 .text_area .text_area_layout{
position: absolute;
left: 0;
bottom: 0;
}




/*04 PC
------------------------------------------------------------------------------*/
#trig04{
position: sticky;
min-height: 100vh;
z-index: 1;
}

.sec04{
width: 100%;
min-width: 1100px;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0 0 0;
}

/*01_01*/
.sec04_01{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*横並び・右から左*/
flex-direction: row-reverse;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

.sec04_01 .photo_area{
position: relative;
flex-basis: 42%;
margin: 0 10% 0 4%;
padding: 0;
}


.sec04_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border: none;
}

/*キャッチコピー*/
.sec04_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
right: 25px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec04_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.sec04_01 .text_area{
flex-basis: 34%;
margin: 0 0 0 10%;
margin-top: calc( -1 * 29vw / 1200 * 1800 * 0.343 );
margin-top: -webkit-calc( -1 * 29vw / 1200 * 1800 * 0.343 );
padding: 0;
}





/*02*/
.sec04_02{
width: 100%;
margin: 0;
padding: 0 0 0 0;/*Sticky 微調整　PC*/
margin-top: calc( -1 * 29vw / 1200 * 1800 * 0.343 );
margin-top: -webkit-calc( -1 * 29vw / 1200 * 1800 * 0.343 );
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地下に揃える */
-webkit-align-items: flex-end;
align-items:flex-end;
}

.sec04_02 .photo_area{
position: relative;
z-index: 2;
flex-basis: calc( 31% - 7px);
flex-basis: -webkit-calc( 31% - 7px);
margin: 0 0 0 20%;
border-right: 7px solid #fff;
border-top: 7px solid #fff;
overflow: hidden;
}

.sec04_02 .photo_area .photo{

}

.sec04_02 .text_area{
position: relative;
flex-basis: 29%;
height: 1px;
margin: 0 16% 0 4%;
padding: 0;
}

.sec04_02 .text_area .text_area_layout{
position: absolute;
bottom: 0;
}

.sec04_02 .text_area .each_list_layout:last-child{
margin: 0;
}







/*05
------------------------------------------------------------------------------*/
.sec05{
width: 100%;
min-width: 1100px;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0 50px 0;
}



/*05_01*/
.sec05_01{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}


.sec05_01 .photo_area{
position: relative;
z-index: 2;
flex-basis: 42%;
margin: 0 4% 0 11%;
padding: 0;
}



/*キャッチコピー*/
.sec05_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
right: 20px;
margin: 0;
padding: 0;
}

/*ブランドロゴ*/
.sec05_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.sec05_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}


.sec05_01 .text_area{
flex-basis: 32%;
margin: 0 11% 0 0;
margin-top: calc( -1 * 41vw / 1200 * 1800 * 0.26);
margin-top: -webkit-calc( -1 * 41vw / 1200 * 1800 * 0.26);
padding: 0;
}


/*02*/
.sec05_02{
width: 100%;
min-width: 1000px;
margin: 0;
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 .photo_area{
flex-basis: 41%;
margin: 0 11% 0 0;
margin-top: calc( -1 * 41vw / 1200 * 1800 * 0.26);
margin-top: -webkit-calc( -1 * 41vw / 1200 * 1800 * 0.26);

padding: 0;
overflow: hidden;
}


.sec05_02 .text_area{
position: relative;
flex-basis: calc( 37% - 50px );
margin: 0 50px 30px 11%;
padding: 0;
height: 1px;
}

.sec05_02 .text_area .text_area_layout{
position: absolute;
right: 0;
bottom: 0;
left: auto;
}



/*アイテム05　 Color Variations*/
.sec05_03{
width: 100%;
margin: 100px 0 0 0;
}

.sec05_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec05_03 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec05_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec05_03 .photo{
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}


.sec05_03 .text_area{
/*
position: absolute;
z-index: 2;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
*/
}


/*アイテムリンク*/
.sec05_03 .text_area .each_list_layout{
width: 332px;
margin: 0 auto 0px auto;
padding: 30px 0 0 0;
}



.sec05_03 p{
width: 90%;
margin: 0 auto;
text-align: center;

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




/*06
------------------------------------------------------------------------------*/
.sec06{
width: 100%;
min-width: 1100px;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0 50px 0;
background: #fff;
}


/*01*/
.sec06_01{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

.sec06_01 .photo_area{
position: relative;
z-index: 2;
flex-basis: 48%;
margin: 0 4% 0 7%;
padding: 0;
}

.sec06_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border: none;
}


/*ブランドロゴ*/
.sec06_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

/*キャッチコピー*/
.sec06_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
left: 30px;
margin: 0;
padding: 0;
}

.sec06_01 .text_area{
flex-basis: 34%;
margin: 0 7% 0 0;
padding: 0;
margin-top: calc( -1 * 48vw / 1200 * 1800 * 0.25);
margin-top: -webkit-calc( -1 * 48vw / 1200 * 1800 * 0.25);
}



/*02*/
.sec06_02{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
/*横並び・右から左*/
flex-direction: row-reverse;
}


.sec06_02 .photo_area{
position: relative;
flex-basis: 48%;
margin: 0 7% 0 4%;
padding: 0;
margin-top: calc( -1 * 48vw / 1200 * 1800 * 0.25);
margin-top: -webkit-calc( -1 * 48vw / 1200 * 1800 * 0.25);
}

.sec06_02 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}


.sec06_02 .text_area{
position: relative;
flex-basis: 34%;
margin: 0 0 0 7%;
padding: 0;
height: 1px;
}
.sec06_02 .text_area .text_area_layout{
position: absolute;
right: 0;
top: -150px;
}



/*07
------------------------------------------------------------------------------*/
.sec07{
width: 100%;
min-width: 1100px;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0 50px 0;
background: #fff;
}

/*01_01*/
.sec07_01{
width: 100vw;
min-width: 1100px;
max-width: 1400px;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}


/* IEハック */
_:-ms-lang(x)::-ms-backdrop, .sec07_01{
width: 100%;
}

.sec07_01 .photo_area{
position: relative;
flex-basis: 41vw;
margin: 0 4vw 0 11vw;
padding: 0;
}

.sec07_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}

/*ブランドロゴ*/
.sec07_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 30px;
left: -40px;
margin: 0;
padding: 0;
}

/*キャッチコピー*/
.sec07_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
left: 30px;
margin: 0;
padding: 0;
}

.sec07_01 h2.cathc_copy img{
width: auto;
height: auto;
}

.sec07_01 .text_area{
flex-basis: 33vw;
margin: 0 11vw 0 0;
padding: 0;
}


/* IEハック*/
_:-ms-lang(x)::-ms-backdrop, .sec07_01 .text_area{
flex-basis: calc(100% - 56vw - 11vw);
flex-basis: -webkit-calc(100% - 56vw - 11vw);
}


.sec07_01 .text_area p{
margin: 0 0 50px 0;
}

.sec07_01 .text_area_menu__size{
width: 332px;
}





/*アイテム07　 Color Variations*/
.sec07_03{
width: 100%;
margin: 100px 0 0 0;
}

.sec07_03 .layout{
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

.sec07_03 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec07_03 .cathc_copy img{
width: auto;
height: auto;
}

.sec07_03 .photo{
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}


.sec07_03 .text_area{
/*
position: absolute;
z-index: 2;
bottom: 25px;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
*/
}


/*アイテムリンク*/
.sec07_03 .text_area .each_list_layout{
width: 332px;
margin: 0 auto 0px auto;
padding: 30px 0 0 0;
}



.sec07_03 p{
width: 90%;
margin: 0 auto;
text-align: center;

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





/*08
------------------------------------------------------------------------------*/
.sec08{
width: 100%;
min-width: 1100px;
max-width: 1400px;
margin: 0 auto;
padding: 70px 0 0 0;
background: #fff;
}

/*01_01*/
.sec08_01{
width: 100%;
margin: 0;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

.sec08_01 .photo_area{
position: relative;
flex-basis: 45%;
margin: 0 4% 0 7%;
padding: 0;
}

.sec08_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
border: none;
}

/*ブランドロゴ*/
.sec08_01 .photo_area .brand_logo{
position: absolute;
z-index: 2;
top: 30px;
right: -20px;
left: auto;
margin: 0;
padding: 0;
}

/*キャッチコピー*/
.sec08_01 h2.cathc_copy{
position: absolute;
z-index: 2;
top: 30px;
left: 30px;
margin: 0;
padding: 0;
}

.sec08_01 h2.cathc_copy img{
width: auto;
height: auto;
}


.sec08_01 .text_area{
flex-basis: 37%;
margin: 0 7% 0 0;
padding: 0;
margin-top: calc( -1 * 45vw /1200 * 1800 * 0.328 );
margin-top: -webkit-calc( -1 * 45vw /1200 * 1800 * 0.328 );
}


.sec08_02{
width: 100%;
margin: 0;
padding: 0 0 200px 0;/*Sticky 微調整　PC*/;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
/*横並び・右から左*/
flex-direction: row-reverse;
}




/* IEハック */
_:-ms-lang(x)::-ms-backdrop, .sec08_02{
padding: 0 0 50px 0;
}



.sec08_02 .photo_area{
position: relative;
flex-basis: 45%;
margin: 0 7% 0 4%;
margin-top: calc( -1 * 45vw /1200 * 1800 * 0.328 );
margin-top: -webkit-calc( -1 * 45vw /1200 * 1800 * 0.328 );
padding: 0;
}

.sec08_02 .text_area{
position: relative;
height: 1px;
flex-basis: 37%;
margin: 0 0 0 7%;
padding: 0;
}

.sec08_02 .text_area .text_area_layout{
position: absolute;
right: 0;
top: -120px;
}








/*フッター PC
-----------------------------------------------------------------------------*/
.footer_area{
position: relative;
z-index: 3;
width: 100%;
margin: 0;
padding: 0;
}

/*シェアとスタッフ名*/
.share_staff{
width: 92%;
margin: 100px auto 0 auto;
}


.sns_area{
width: 1200px;
margin: 0 auto;
padding: 20px 0 20px 0;
}


ul.sns{
width: 405px;
margin: 0 0 60px 0;
padding: 0;
height: auto;
}

ul.sns li{
display: inline-block;
width: auto;
margin: 0;
padding: 0;
font-size: 0px;
}

ul.sns li:first-child{
display: inline-block;
width: 43px;
margin: 0 40px 0 0;
}

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

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

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


ul.sns li a{
transition:opacity 0.3s ease;
}

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

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



.follow_us{
width: 92%;
margin: 100px auto 0 auto;
padding: 0 0 80px 0;
border-bottom: 1px solid #B2B2B2;
}

.follow_us h3{
display: flex;
align-items: center;
}

.follow_us h3:before,
.follow_us h3:after{
content: "";
height: 1px;
flex-grow: 1;
background-color: #B2B2B2;
}

.follow_us h3:before{
margin-right: 30px;
}

.follow_us h3:after{
margin-left: 30px;
}

.follow_us .niretu{
width: 596px;
margin: 80px auto 0 auto;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}


/*公式*/
.follow_us .niretu .official{
flex-basis: 151px;
margin: 0 225px 0 0;
}

.follow_us .niretu .official a{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.follow_us .niretu .official a:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.5;
}


.follow_us .niretu .sns_link{
flex-basis: 220px;
}



.follow_us .niretu .sns_link ul{
width: 140px;/*220px*/
margin: 0 auto;
padding: 0;
height: auto;
display: flex;
}

.sns_link ul li{
display: inline-block;
width: auto;
margin: 0;
padding: 0;
font-size: 0px;
}

.sns_link ul li a{
margin: 0;
padding: 0;
}



.sns_link ul li:first-child{
width: 40px;
margin: 0;
padding: 0;
flex-grow: 1;
text-align: left;
}

.sns_link ul li:nth-child(2){
width: 40px;
margin: 0;
padding: 0;
flex-grow: 1;
text-align: center;
}

.sns_link ul li:last-child{
width: 40px;
margin: 0;
padding: 0;
flex-grow: 1;
text-align: right;
}

.sns_link ul li a{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.sns_link ul li img{
vertical-align:middle;
width: auto;
height: auto;
}

.sns_link ul li a:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.6;
}




.link_ec{
width: 800px;
margin: 80px auto 0 auto;
padding: 0;
}

.link_ec ul{
width: 800px;
margin: 0 auto;
padding: 0;
text-align: center;
list-style:none;
font-size:0;
}

.link_ec ul li{
display: inline-block;
width: 380px;
height: 110px;
background: #5E83B2;

margin: 0 40px 20px 0;
padding: 0;
font-size: 0px;
text-align: center;
border-radius: 2px;
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

.link_ec ul li:nth-child(2n){
display: inline-block;
margin: 0 0 20px 0;
}

.link_ec ul li a{
margin: 0;
padding: 0;
}

.link_ec ul li:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.7;
}



/*最後の注意書き*/
.last_message{
margin: 60px 0 0 0;
}

.last_message p{
width: 100%;
text-align: center;
margin: 0;
font-size: 13px;
line-height: 2.0;
color: #666;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0375em;
}


/*ロゴ ONWARD*/
.logo_onward_crosset{
width: 214px;
height: auto;
margin: 90px auto 0 auto;
}

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



/*Insta Onward*/
.insta_onward_crosset{
width: 32px;
height: auto;
margin: 30px auto 0 auto;
}

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




.copy{
width: 100%;
text-align: center;
margin: 30px auto 30px auto;

font-size: 14px;
color: #4D4D4D;

/*MinervaModern Regular*/
font-family: minerva-modern,sans-serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.035em;
}











/*ページトップ*/
#pagetop{
position: fixed;
z-index: 4;
right: 15px;
bottom: 15px;

opacity: 0;
cursor: pointer;
width: 80px;
height: 80px;
}


#pagetop img{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
}

#pagetop img:hover{
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.5;
}







/*商品リンク PC
---------------------------------------------------------------------------------*/
.each_list_layout{
width: 332px;
margin: 0 0 30px 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}



.item_price{
flex-basis: calc(100% - 190px);
flex-basis: -webkit-calc(100% - 190px);
text-align: left;
}

.item_price .item_name{
font-size: 15px;
color: #4D4D4D;
line-height: 1.1;
margin: 0 0 2px 0;
padding: 0;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0em;
}


.item_price .price_nmae{
font-size: 15px;
line-height: 1.1;
color: #666;
/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.06em;
}

/*税込*/
.zeikomi{
margin: 0 0 0 4px;
font-size: 12px;
color: #666;
/*DNP ShueiGoGinStd L*/
font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;

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


.each_list_nav{
flex-basis: 190px;
height: 32px;
}

.each_list_nav ul{
width: 100%;
height: 32px;
margin: 0;
padding: 0;
}



/*1列*/
ul.col01 li{
width: 100%;
height: 32px;
text-align: center;
color: #fff;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}


/*2列*/
ul.col02{
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

ul.col02 li{
display: inline-block;
flex-basis: calc(50% - 5px);
flex-basis: -webkit-calc(50% - 5px);

height: 32px;
text-align: center;
color: #fff;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
ul.col02 li:first-child{
margin: 0 10px 0 0;
}




/*3列*/
ul.col03{
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}


ul.col03 li{
display: inline-block;
flex-basis: calc(33% - 7px);
flex-basis: -webkit-calc(33% - 7px);
height: 32px;
margin: 0 10px 0 0;
text-align: center;
color: #fff;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}

ul.col03 li:first-child{
flex-basis: calc(33% - 6px);
flex-basis: -webkit-calc(33% - 6px);
margin: 0 10px 0 0;
}

ul.col03 li:last-child{
flex-basis: calc(34% - 7px);
flex-basis: -webkit-calc(34% - 7px);
margin: 0;
}



.each_list_nav ul li a{
display: block;
width: 100%;
height: 100%;
line-height: 30px;
text-decoration: none;
color: #fff;
background: #CC8F9E;
border-radius: 2px;

font-size: 17px;
/*Classico URW Regular*/
font-family: classico-urw,sans-serif;
font-weight: 400;
font-style: normal;

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

transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 1.0;
}

.each_list_nav ul li a:hover{
-webkit-transition: opacity .6s easeIn .0s;
transition: opacity .6s easeIn .0s;
opacity: 0.6;
}



/*参考商品*/
.sankou_syouhin{
margin: 0;
color: #808080;

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




}/*768px PC・タブレット終了*/










/**/







/*
* FMJ ORIGINAL ANIMATION
* Copyright
* FMJ inc. All rights Reserved
* 無断転載・転用・複製を固く禁じます。
*/

.fmj-text{
position: relative;
display: inline-block;
transition: all 1.9s ease;
-webkit-transition: all 1.9s ease;
}


.fmj-text-slow{
position: relative;
display: inline-block;
transition: all 3.0s ease;
-webkit-transition: all 3.0ås ease;
}

/*左から右---------------------------------------------*/
.fmj-text.left {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}

.fmj-text.left.scrollin{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}

.fmj-text.reveal.left{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}



/*斜め---------------------------------------------*/
.fmj-text.skew{
position: relative;
-webkit-fmj-path: polygon(0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0);
transform-origin: right top;
-webkit-transform-origin: right top;
}

.fmj-text.skew.scrollin{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}

.fmj-text.reveal.skew{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}


/*斜めSLOW---------------------------------------------*/
.fmj-text-slow.skew{
-webkit-fmj-path: polygon(0 0, 0 0, 0 0);
clip-path: polygon(0 0, 0 0, 0 0);
transform-origin: right top;
-webkit-transform-origin: right top;
}

.fmj-text-slow.skew.scrollin{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
transform-origin: right top;
-webkit-transform-origin: right top;
}

.fmj-text-slow.reveal.skew{
-webkit-fmj-path: polygon(0 0, 200% 0, 0 200%);
clip-path: polygon(0 0, 200% 0, 0 200%);
}


/*下から
---------------------------------------------*/
.fmj-text.from_bottom{
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0);
}

.fmj-text.from_bottom.scrollin{
-webkit-clip-path: inset(0);
clip-path: inset(0);
}



/*Delay-------------------------------*/
.delay01{
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}

.delay02{
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

.delay03{
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}

.delay04{
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}

.delay05{
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.delay06{
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}

.delay07{
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}

.delay08{
transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
}

.delay09{
transition-delay: 0.9s;
-webkit-transition-delay: 0.9s;
}

.delay10{
transition-delay: 1.0s;
-webkit-transition-delay: 1.0s;
}

.delay11{
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s;
}

.delay12{
transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
}
/*Delay-------------------------------*/










































/**/