@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;
}
#trig_sp_zentai{
width: 100%;
height: 1px;
}
.wrapper{
position: relative;
width: 100%;
overflow-x: hidden;
}

/*フォント指定*/
.FMJ_SHITEI{
/*DNP ShueiGoGinStd L*/
font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;
}

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



#trig01, #trig02, #trig03, #trig04, #trig05, #trig06, #trig07, #trig08, #trig09{
position: relative;
z-index: 3;
width: 100%;
margin: 0;
padding: 0;
height: auto;
background: #fff;
}

::selection{
color: #fff;
background: #74b5a1;
}


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


.pc_show{
display: none;
}

.sp_show{
display: block;
}



.midashi_sp_only{
width: 92%;
margin: 0 auto 50px auto;
}

.head-border {
display: flex;
align-items: center;
}

.head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #e5e5e5;
}

.head-border:before {
margin-right: 1rem;
}

.head-border:after {
margin-left: 1rem;
}





/*SP inter001のイメージビューワー----------------------------------------------------------*/
.col01{
position: relative;
display: block;
visibility: visible;

z-index: 1;
top: 0;
left: 0;
width: 100vw;
height: 80vh;
max-height: calc( 100vw / 828 * 1500 );
max-height: -webkit-calc( 100vw / 828 * 1500 );
opacity: 1;
}

.col01 h1{
position: absolute;
z-index: 10;
left: 2vw;
bottom: 9vw;
width: 96vw;
}

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

/*矢印*/
.col01 .scroll{
opacity: 1;
position: absolute;
z-index: 9;
bottom: 1.0vw;
margin: 0;
width: 100%;
text-align: center;
height: 25px;
}

/*グラデ*/
.col01 .black_bg{
visibility: visible;
position: absolute;
z-index: 9;
bottom:0;
top: auto;
left: 0;
width: 100vw;
height: 40vh;
max-height: calc( 100vw / 828 * 1500 / 2 );
max-height: -webkit-calc( 100vw / 828 * 1500 / 2 );

background-image: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(255, 255, 255, 1));
opacity: 0.40;
mix-blend-mode: multiply;
-webkit-mix-blend-mode: multiply;
}

.brand_logo_3{
opacity: 1;
position: absolute;
z-index: 9;
top: 4vw;
left: 3vw;
width: 94vw;
margin: 0 auto;
text-align: center;
}
.brand_logo_3 img{
width: 100%;
height: auto;
}




.inter001 ul.imageviewer{
position: absolute;
width: 100vw;
height: 100%;
text-align: left;
margin: 0;
padding: 0;
z-index: 1;
overflow: hidden;
}

.inter001 ul.imageviewer li{
position: absolute;
z-index: 1;
width: 100vw;
height: 100%;
margin: 0;
padding: 0;
top: 0;
left: 0;
opacity: 1;
overflow: hidden;
}

.inter001 ul.imageviewer li:first-child .photo_zone{
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background: url(../../common/img/main_pc02.jpg) no-repeat center top;
background-size: cover;
}

.inter001 ul.imageviewer li:nth-child(2) .photo_zone{
position: absolute;
top: 0;
left: 0;
opacity: 0;/*重要*/
width: 100vw;
height: 100%;
background: url(../../common/img/main_pc01.jpg) no-repeat center top;
background-size: cover;
}

.inter001 ul.imageviewer li:nth-child(3) .photo_zone{
position: absolute;
top: 0;
left: 0;
opacity: 0;/*重要*/
width: 100vw;
height: 100%;
background: url(../../common/img/main_pc03.jpg) no-repeat center top;
background-size: cover;
}

.inter001 ul.imageviewer li img{
width: 100%;
height: auto;
}



/*ファーストビュー*/
.main_visual_bg{
position: relative;
z-index: 3;
width: 100%;
background: #fff;
}



/*CATEGORY*/
#trig00 h2{
width: 100%;
text-align: center;
margin: 80px 0 24px 0;
}


/*SP　フラッグ*/
.nav_flag{
position: fixed;
z-index: 999;
top:0;
width: 100%;
user-select: none;
-webkit-user-select: none;
}

.nav_flag .nav_flag01{
position: absolute;
top:0;
right:0;
opacity: 0;
}

.nav_flag .nav_flag02{
position: absolute;
top:0;
right:0;
opacity: 0;
}


.nav_flag .nav_flag03{
position: absolute;
top:0;
right:0;
opacity: 0;
}



.nav_right_pc{
display: none;
}

/*SPフッターメニュー*/
.nav_under_sp{
display: block;
visibility: visible;
z-index: 100;
opacity: 0;
position: fixed;
bottom: 0;
left: 0;
margin: 0;
width: 100vw;
height: 45px;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
user-select: none;
-webkit-user-select: none;
}

.nav_under_sp .each_area{
position: relative;
text-align: center;
}

.nav_under_sp .each_area a{
position: absolute;
display: block;
width: 100%;
height: 100%;
z-index: 5;
}


/*通常時の黒文字*/
.nav_under_sp .text_area{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
/*天地中央*/
display:flex;
justify-content:center;
align-items:center;
}

.nav_under_sp .text_area img{
width:90%;
max-width:95px;
height: auto;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}

/*選択時の白文字*/
.nav_under_sp .text_area_selected{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
/*天地中央*/
display:flex;
justify-content:center;
align-items:center;
}

.nav_under_sp .text_area_selected img{
width:90%;
max-width:95px;
height: auto;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}


/*01*/
.nav_under_sp .first{
flex-basis: calc( (100% - 45px ) / 3 - 1px);
flex-basis: -webkit-calc( (100% - 45px ) / 3 - 1px);
height: 45px;
background: #e5e5e5;
border-right: 1px solid #fff;
}

/*選択時の背景*/
.nav_under_sp .first .selected_bg{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: #9dd0d1;
}

/*02*/
.nav_under_sp .second{
flex-basis: calc( (100% - 45px ) / 3 - 1px );
flex-basis: -webkit-calc( (100% - 45px ) / 3 - 1px );
height: 45px;
background: #e5e5e5;
border-right: 1px solid #fff;
}
/*選択時の背景*/
.nav_under_sp .second .selected_bg{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: #f8858b;
}


/*03*/
.nav_under_sp .third{
flex-basis: calc( (100% - 45px ) / 3 - 1px );
flex-basis: -webkit-calc( (100% - 45px ) / 3 - 1px );
height: 45px;
background: #e5e5e5;
border-right: 1px solid #fff;
}
/*選択時の背景*/
.nav_under_sp .third .selected_bg{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background: #d3c8af;/*色　ベージュ*/
}




/*PAGE TOP SP*/
.nav_under_sp .pagetop_sp{
flex-basis: 45px;
height: 45px;
background: #f0f0f0;
}



/*基本共通設定
-----------------------------------------------------------------------*/
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;
}




/*商品リンク 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;
}


/*色*/
#trig01 .each_list_nav ul li a{
background: #038294;
}

#trig02 .each_list_nav ul li a{
background: #648787;
}

#trig03 .each_list_nav ul li a{
background: #385a72;
}

#trig04 .each_list_nav ul li a{
background: #f8858b;
}

#trig05 .each_list_nav ul li a{
background: #c8b277;
}

#trig06 .each_list_nav ul li a{
background: #937f85;
}

#trig07 .each_list_nav ul li a{
background: #ce706e;
}

#trig08 .each_list_nav ul li a{
background: #d3bc71;
}

#trig09 .each_list_nav ul li a{
background: #cb87ba;
}



















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

.lead_area p:last-child{
margin: 0 0 0 0;
}



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




/*アイコン SP*/
.icon_layout{
width: 92%;
height: auto;
margin: 30px auto 0 auto;
}
.icon_layout ul{
width: 100%;
margin: 0;
padding: 0;
}

.icon_layout ul li{
display: inline-block;
margin: 0 15px 30px 0;
}

.icon_layout ul li img{
width: auto;
height: auto;
}



/*01
------------------------------------------------------------------------------*/
#trig01{
width: 100%;
margin: 0;
padding: 0 0 120px 0;
}

.sec01{
width: 100%;
margin: 0;
padding: 40px 0 0 0;
}

.sec01 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec01 h2.cathc_copy img{
width: 100%;
height: auto;
}



/*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 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
}

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

.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 .photo_area img{
width: 100%;
height: auto;
}

.sec01_02 .text_area{
width: 90%;
margin: 40px auto 0 auto;
padding: 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{
position: relative;
z-index: 2;
width: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

.sec01_03 h2.cathc_copy img{
width: auto;
height: auto;
margin: 0 auto;
}

.sec01_03 .photo{
position: relative;
z-index: 1;
width: 100%;
margin: -10px auto 0 auto;
overflow: hidden;
}

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

/*アイテムリンク*/
.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.6;
/*フォント句読点、約物は詰めない*/
-moz-font-feature-settings: "pkna" 1;
-webkit-font-feature-settings: "pkna" 1;
font-feature-settings: "pkna" 1;
letter-spacing: 0.0375em;
}



/*02
------------------------------------------------------------------------------*/
#trig02{
width: 100%;
margin: 0;
padding: 0 0 100px 0;
}

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

.sec02 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec02 h2.cathc_copy img{
width: 100%;
height: auto;
}


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

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

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


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

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

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

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

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

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

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









/*03
------------------------------------------------------------------------------*/
#trig03{
width: 100%;
margin: 0;
padding: 0 0 120px 0;
}

.sec03{
width: 100%;
margin: 0;
padding: 40px 0 0 0;
}

.sec03 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec03 h2.cathc_copy img{
width: 100%;
height: auto;
}


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

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



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

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

.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 .photo_area .photo img{
width: 100%;
height: auto;
}

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




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

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

.sec03_03 h2.cathc_copy{
position: relative;
z-index: 3;
width: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

.sec03_03 h2.cathc_copy img{
width: auto;
height: auto;
margin: 0 auto;
}

.sec03_03 .photo{
position: relative;
z-index: 1;
max-width: 100%;
margin: -10px auto 0 auto;
overflow: hidden;
}


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


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

.sec03_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;
}




/*04
------------------------------------------------------------------------------*/
#trig04{
width: 100%;
margin: 0;
padding: 0 0 120px 0;
}


.sec04{
width: 100%;
margin: 0;
padding: 40px 0 0 0;
}



.sec04 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec04 h2.cathc_copy img{
width: 100%;
height: auto;
}


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

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

.sec04_01 .photo_area .photo{
position: relative;
z-index: 1;
padding: 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

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



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


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

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


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


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



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

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

.sec04_03 h2.cathc_copy{
position: relative;
z-index: 2;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec04_03 h2.cathc_copy img{
width: auto;
height: auto;
margin: 0 auto;
}

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

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

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

.sec04_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;
}






/*05
------------------------------------------------------------------------------*/
#trig05{
width: 100%;
margin: 0;
padding: 0 0 120px 0;
}

.sec05{
width: 100%;
margin: 0;
padding: 40px 0 0 0;
}



.sec05 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec05 h2.cathc_copy img{
width: 100%;
height: auto;
}


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

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

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

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


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


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


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


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

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


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









/*06
------------------------------------------------------------------------------*/
#trig06{
width: 100%;
margin: 0;
padding: 0 0 120px 0;
}

.sec06{
width: 100%;
margin: 0;
padding: 40px 0 0 0;
}


.sec06 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec06 h2.cathc_copy img{
width: 100%;
height: auto;
}





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

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

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

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



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



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


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

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



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



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



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

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

.sec06_03 h2.cathc_copy{
position: relative;
z-index: 2;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec06_03 h2.cathc_copy img{
width: auto;
height: auto;
margin: 0 auto;
}

.sec06_03 .photo{
position: relative;
z-index: 1;
max-width: 100%;
margin: -10px auto 0 auto;
overflow: hidden;
}

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


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

.sec06_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;
}








/*07
------------------------------------------------------------------------------*/
#trig07{
width: 100%;
margin: 0;
padding: 0 0 120px 0;
}

.sec07{
width: 100%;
margin: 0;
padding: 40px 0 0 0;
}



.sec07 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec07 h2.cathc_copy img{
width: 100%;
height: auto;
}




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

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

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


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


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

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


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

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



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



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

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

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



/*アイテム 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{
position: relative;
z-index: 2;
width: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

.sec07_03 h2.cathc_copy img{
width: auto;
height: auto;
margin: 0 auto;
}

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

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

/*アイテムリンク*/
.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;
}






/*08
------------------------------------------------------------------------------*/
#trig08{
width: 100%;
margin: 0;
padding: 0 0 100px 0;
}


.sec08{
width: 100%;
margin: 0;
padding: 70px 0 0 0;
}



.sec08 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec08 h2.cathc_copy img{
width: 100%;
height: auto;
}



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

.sec08_01 .photo_area{
position: relative;
width: 94%;
margin: 0 6% 0 0;
padding: 0;
}

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


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

.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: 94%;
margin: 0 0 0 6%;
padding: 0;
overflow: hidden;
}

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

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


/*アイテム Color Variations*/
.sec08_03{
width: 100%;
margin: 100px auto 0 auto;
padding: 0;
}

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

.sec08_03 h2.cathc_copy{
position: relative;
z-index: 2;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}

.sec08_03 h2.cathc_copy img{
width: auto;
height: auto;
margin: 0 auto;
}

.sec08_03 .photo{
width: 100%;
margin: -32px auto 0 auto;
overflow: hidden;
}

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

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

.sec08_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;
}






/*09
------------------------------------------------------------------------------*/
#trig09{
width: 100%;
margin: 0;
padding: 0 0 100px 0;
}


.sec09{
width: 100%;
margin: 0;
padding: 70px 0 0 0;
}

.sec09 h2.cathc_copy{
width: 92%;
text-align: center;
margin: 0 auto;
padding: 0;
}

.sec09 h2.cathc_copy img{
width: 100%;
height: auto;
}




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

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

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

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



.sec09_01 .text_area{
width: 90%;
margin: 42px auto 42px auto;
padding: 0;
}


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

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

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


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

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

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



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

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

.sec09_03 h2.cathc_copy{
position: relative;
z-index: 2;
width: 100%;
text-align: center;
margin: 0 0 0 0;
padding: 0;
}

.sec09_03 h2.cathc_copy img{
margin: 0 auto;
width: auto;
height: auto;
}

.sec09_03 .photo{
position: relative;
z-index: 1;
width: 100%;
margin: -32px auto 0 auto;
overflow: hidden;
}

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

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

.sec09_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;
}







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


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


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

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

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

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

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

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

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

ul.sns li:nth-child(4){
width: 68px;
margin: 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: 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 50px 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: #DB9AB9;

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{
width: 92%;
border-top: 1px solid #b2b2b2;
margin: 50px auto 0 auto;
padding: 55px 0 0 0;
}

.last_message p{

width: 100%;
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.0em;
}


/*ロゴ 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 0 auto;
padding: 0 0 70px 0;
}
.copy img{
width: 60vw;
height: auto;
}



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

opacity: 0;
cursor: pointer;
}















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


/*PC　フラッグ*/
.nav_flag{
position: fixed;
z-index: 999;
top:0;
left:0;
right:auto;
width: 340px;
}

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

.nav_flag .nav_flag01{
position: absolute;
top:0;
left:0;
right:auto;
opacity: 0;
}

.nav_flag .nav_flag02{
position: absolute;
top:0;
left:0;
right:auto;
opacity: 0;
}


.nav_flag .nav_flag03{
position: absolute;
top:0;
left:0;
right:auto;
opacity: 0;
}



/*PC右ナビ*/
.nav_right_pc{
display: block;
visibility: visible;
opacity: 0;
position: fixed;
top: 0;
right: 0;
margin: 0;
z-index: 3;
width: 100px;
height: 100vh;
text-align: center;
/*天地中央*/
display:flex;
justify-content:center;
align-items:center;
/*選択禁止*/
user-select: none;
-webkit-user-select: none;
}

.nav_right_pc_layout{

}

.nav_right_pc .zentai{
position: relative;
width: 100%;
display: block;
outline: 0;
margin: 0 0 10px 0;
padding: 0;
}

.nav_right_pc .zentai a{
position: absolute;
z-index: 4;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.nav_right_pc .bg_first{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e5e5e5;/*グレー*/
}


.nav_right_pc .zentai.first .pc_selected_bg{
opacity: 0;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #9dd0d1;/*色*/
}


.nav_right_pc .bg_second{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e5e5e5;/*グレー*/
}

.nav_right_pc .zentai.second .pc_selected_bg{
opacity: 0;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f8858b;/*色*/
}

.nav_right_pc .bg_third{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e5e5e5;/*グレー*/
}

.nav_right_pc .zentai.third .pc_selected_bg{
opacity: 0;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #d3c8af;/*色　ベージュ*/
}



.nav_right_pc img.each_nav{
position: relative;
z-index: 3;
width: 88px;
height: auto;
margin: 6px 6px 6px 6px;
}

.nav_right_pc .text_area{
position: relative;
z-index: 3;
width: calc( 100% - 12px );
width: -webkit-calc( 100% - 12px );
margin: 3px auto 0 auto;
padding: 0 0 10px 0;
}


.nav_right_pc .text_area img{
width: 100%;
height: auto;
}

/*黒　hover*/
.nav_right_pc .bg_black{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
transition: opacity .6s ease .0s;
-webkit-transition: opacity .6s ease .0s;
opacity: 0.15;
}

.nav_right_pc .zentai a:hover + .bg_black{
opacity: 0;
}

/*スマホ 各説明*/
.category_description{
width: 100%;
margin: 0 0 70px 0;
text-align: center;
}




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.0em;
}


.pc_show{
display: inline-block;
}

.sp_show{
display: none;
}

/*イレギュラー*/
#trig00 .sp_show{
display: none;/*Loopの都合上今回blockで*/
}


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



/*ファーストビュー*/
.main_visual_bg{
position: relative;
z-index: 5;
width: 100%;


height: 100vh;
height: 100svh;

max-height: calc( 100vw / 1310 * 780);
max-height: -webkit-calc( 100vw / 1310 * 780);
}



.main_visual{
position: absolute;
top: 15px;
left: 15px;
z-index: 6;
width: calc( 100% - 30px );
width: -webkit-calc( 100% - 30px );

height: calc( 100vh - 30px );
height: -webkit-calc( 100vh - 30px );

height: calc( 100svh - 30px );
height: -webkit-calc( 100svh - 30px );

max-height: calc( 100vw / 1310 * 780);
max-height: -webkit-calc( 100vw / 1310 * 780);

overflow: hidden;
}

/*グラデ*/
.main_visual .black_bg{
position: absolute;
z-index: 8;
top: auto;
bottom: 0;
left: 0;
opacity: 1.0;

width: calc( 100% - 0px );
width: -webkit-calc( 100% - 0px );

height: calc( 50vh - 0px );
height: -webkit-calc( 50vh - 0px );

height: calc( 50svh - 0px );
height: -webkit-calc( 50svh - 0px );

background: url(../../common/img/bg_top.svg) no-repeat center top;
background-size: 100% auto;

mix-blend-mode: multiply;
-webkit-mix-blend-mode: multiply;
}

/*画像01*/
.main_visual .visual_bg01{
position: absolute;
z-index: 7;
top: 0;
left: 0;
width: calc( 33vw - 10px );
width: -webkit-calc( 33vw - 10px );

height: 100%;
overflow: hidden;
}

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

.logo_m01{
opacity: 0;
position: absolute;
z-index: 9;
top: 20px;
left: 20px;
}


/*画像02*/
.main_visual .visual_bg02{
position: absolute;
z-index: 7;
top: 0;
left: calc( 33vw - 10px );
left: -webkit-calc( 33vw - 10px );

width: calc( 34vw - 10px );
width: -webkit-calc( 34vw - 10px );
height: 100%;
overflow: hidden;
}

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

.logo_m02{
opacity: 0;
position: absolute;
z-index: 9;
top: 20px;
left: 20px;
}





/*画像03*/
.main_visual .visual_bg03{
position: absolute;
z-index: 7;
top: 0;
left: calc( 67vw - 20px );
left: -webkit-calc( 67vw - 20px );

width: calc( 33vw - 10px );
width: -webkit-calc( 33vw - 10px );
height: 100%;
overflow: hidden;
}

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

.logo_m03{
opacity: 0;
position: absolute;
z-index: 9;
top: 20px;
left: 20px;
}



/*メインタイトル*/
.main_visual .copy01{
position: absolute;
z-index: 10;

bottom: 70px;
width: 100%;
opacity: 0;
}

.main_visual .copy01 h1{
position: relative;
margin: 0 auto;
padding: 0;
width: 82vw;
max-width: 1300px;
}

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


/*矢印*/
.main_visual .copy03{
opacity: 0;
position: absolute;
z-index: 9;
bottom: 20px;
margin: 0;
width: 100%;
text-align: center;
height: 25px;
}


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

.lead_area p:last-child{
margin: 0 0 0 0;
}



/*アイコン*/
.icon_layout{
width: 100%;
height: auto;
margin: 30px 0 0 0;
}

.icon_layout ul li{
display: inline-block;
margin: 0 22px 0 0;
}

.icon_layout ul li img{
width: auto;
height: auto;
}



/*01
------------------------------------------------------------------------------*/
#trig01{
width: 100%;
margin: 0;
padding: 0 0 100px 0;
}

.sec01{
width: 100%;
margin: 0 auto;
padding: 0;
}

.sec01 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0;
padding: 70px 0 100px 0;
}


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

/*01_01*/
.sec01_01{
width: calc( 100% - 280px );
width: -webkit-calc( 100% - 280px );
min-width: 1000px;

margin: 0 auto;
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: 53%;
margin: 0 0 0 0;
padding: 0;
}

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

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

.sec01_01 .text_area .text_area_layout{
width: calc( 100% -　60px );
margin: 0 0 0 60px;
max-width: 520px;

}





/*02*/
.sec01_02{
width: calc( 100% - 280px );
width: -webkit-calc( 100% - 280px );
min-width: 1000px;

margin: 0 auto;
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: 53%;
margin: 0 0 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:47%;
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;
}



/*アイテム Color Variations*/
.sec01_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

.sec01_03 .photo{
margin: 0 auto;
overflow: hidden;
}


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

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

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

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


/*02
------------------------------------------------------------------------------*/
#trig02{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}


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

.sec02 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 70px 0 100px 0;
}

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


/*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 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: 30%;
margin: 0 9% 0 12%;
padding: 0;
overflow: hidden;
}

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








/*03
------------------------------------------------------------------------------*/
#trig03{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}


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

.sec03 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 70px 0 100px 0;
}

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



/*01_01*/
.sec03_01{
width: 100%;
min-width: 1000px;
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 .text_area{
flex-basis: 33%;
margin: 0 0 0 10%;
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 0 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% 0px 50px;
padding: 0;
height: 1px;
}

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




/*アイテム　Color Variations*/
.sec03_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

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

.sec03_03 .text_area{
position: absolute;
z-index: 2;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}

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

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



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



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

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



/*ナビ横2列*/
.sec03_03 .niretu_nav{
width: 830px;
margin: 0 auto;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

.sec03_03 .niretu_nav .first{
flex-basis: 370px;
margin: 0 80px 0 0;
}


.sec03_03 .niretu_nav .second{
flex-basis: 380px;
}







/*04 PC
------------------------------------------------------------------------------*/
#trig04{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}

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


.sec04 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 70px 0 100px 0;
}

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



/*01_01*/
.sec04_01{
position: relative;
width: calc( 100% - 120px );
width: -webkit-calc( 100% - 120px );
min-width: 1000px;
margin: 0 0 0 50px;
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: 46%;
margin: 0 0 0 0;
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 .text_area{
flex-basis: 54%;
margin: 0;
padding: 0;

margin-top: calc( -1 * 29vw / 1200 * 1800 * 0.343 );
margin-top: -webkit-calc( -1 * 29vw / 1200 * 1800 * 0.343 );
}



.sec04_01 .text_area .text_area_layout{
width: 80%;
margin: 0 10% 0 10%;
}





/*02*/
.sec04_02{
width: calc( 100% - 120px );
width: -webkit-calc( 100% - 120px );
min-width: 1000px;
margin: 0 0 0 50px;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}





.sec04_02 .photo_area{
position: relative;
z-index: 2;
flex-basis: 46%;
margin: -200px 0 0 0;
overflow: hidden;
}

.sec04_02 .photo_area .photo{

}

.sec04_02 .text_area{
position: relative;
flex-basis: 54%;
margin: 0;
padding: 0;
}

.sec04_02 .text_area .text_area_layout{
position: relative;
width: 332px;
margin: 0 auto;
}





/*アイテム　Color Variations*/
.sec04_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

.sec04_03 .photo{
margin: 0 auto;
overflow: hidden;
}


.sec04_03 .text_area{
position: absolute;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}

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

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


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



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

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





/*05
------------------------------------------------------------------------------*/
#trig05{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}


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

.sec05 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 70px 0 100px 0;
}

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


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

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

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





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


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


/*02*/
.sec05_02{
flex-basis: 30%;
margin: 0 9% 0 12%;
padding: 0;
overflow: hidden;
}

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

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

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

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






/*06
------------------------------------------------------------------------------*/
#trig06{
width: 100%;
margin: 0;
padding: 0 0 100px 0;
}

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

.sec06 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0;
padding: 70px 0 100px 0;
}


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

/*01_01*/
.sec06_01{
width: calc( 100% - 280px );
width: -webkit-calc( 100% - 280px );
min-width: 1000px;

margin: 0 auto;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}

.sec06_01 .photo_area{
position: relative;
flex-basis: 53%;
margin: 0 0 0 0;
padding: 0;
}

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

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

.sec06_01 .text_area .text_area_layout{
width: calc( 100% -　60px );
margin: 0 0 0 60px;
max-width: 520px;
}





/*02*/
.sec06_02{
width: calc( 100% - 280px );
width: -webkit-calc( 100% - 280px );
min-width: 1000px;

margin: 0 auto;
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;
}


.sec06_02 .photo_area{
flex-basis: 53%;
margin: 0 0 0 0;
padding: 0;
overflow: hidden;
}

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

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

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

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



/*アイテム Color Variations*/
.sec06_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

.sec06_03 .photo{
margin: 0 auto;
overflow: hidden;
}


.sec06_03 .text_area{
position: absolute;
z-index: 2;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}

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

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

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


/*ナビ横2列*/
.sec06_03 .niretu_nav{
width: 930px;
margin: 0 auto;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}

.sec06_03 .niretu_nav .first{
flex-basis: 420px;
margin: 0 80px 0 0;
}


.sec06_03 .niretu_nav .second{
flex-basis: 430px;
}









/*07
------------------------------------------------------------------------------*/
#trig07{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}


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


.sec07 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 70px 0 100px 0;
}

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





/*01_01*/
.sec07_01{
width: calc( 100% - 120px );
width: -webkit-calc( 100% - 120px );
min-width: 1100px;
margin: 0 0 0 50px;
padding: 0;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;
}



.sec07_01 .photo_area{
position: relative;
flex-basis: 46%;
margin: 0;
padding: 0;
overflow: hidden;
}



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



.sec07_01 .text_area{
width: auto;
flex-basis: 46%;
margin: 0 0 0 8%;
padding: 0;
}

.sec07_01 .text_area p{
margin: 0;
}

.sec07_01 .text_area .text_area_layout{
width: 86%;
}



/*02*/
.sec07_02{
width: calc( 100% - 120px );
width: -webkit-calc( 100% - 120px );
min-width: 1000px;
margin: 0 0 0 50px;
/*全体 */
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
/*天地中央揃える */
-webkit-align-items: center;
align-items:center;

/*横並び・右から左*/
flex-direction: row-reverse;
}





.sec07_02 .photo_area{
position: relative;
z-index: 2;
flex-basis: 46%;
margin: -170px 0 0 0;
overflow: hidden;
}

.sec07_02 .photo_area .photo{

}


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

.sec07_02 .text_area{
position: relative;
flex-basis: 54%;
margin: 0;
padding: 0;
}

.sec07_02 .text_area .text_area_layout{
width: 332px;
margin: 0 auto;
}

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





/*アイテム Color Variations*/
.sec07_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

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

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



.sec07_03 .text_area{
position: absolute;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}

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

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


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





/*08
------------------------------------------------------------------------------*/
#trig08{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}


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

.sec08 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 70px 0 100px 0;
}

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


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

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

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





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


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


/*02*/
.sec08_02{
flex-basis: 30%;
margin: 0 9% 0 12%;
padding: 0;
overflow: hidden;
}

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

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

/*アイテムリンク*/
.sec08_02 .text_area .each_list_layout{
margin-right: auto;
margin-left: auto;
}

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

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


/*アイテム Color Variations*/
.sec08_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

.sec08_03 .photo{
margin: 0 auto;
overflow: hidden;
}

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


.sec08_03 .text_area{
position: absolute;
z-index: 2;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}

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

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



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



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

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






/*09
------------------------------------------------------------------------------*/
#trig09{
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
}



.sec09{
width: 100%;
margin: 0 auto;
padding: 0;
background: #fff;
}

.sec09 h2.cathc_copy{
width: 100%;
text-align: center;
margin: 0;
padding: 70px 0 100px 0;
}

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


/*01_01*/
.sec09_01{
width: 100%;
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;
}

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

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

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

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

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

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


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


.sec09_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;
}

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

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


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

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




/*アイテム Color Variations*/
.sec09_03{
position: relative;
width: calc( 100% - 140px );
width: -webkit-calc( 100% - 140px );
margin: 100px auto 0 auto;
padding: 0;
}

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

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

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

.sec09_03 .photo{
margin: 0 auto;
overflow: hidden;
}

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


.sec09_03 .text_area{
position: absolute;
z-index: 2;
bottom: 45px;
left: 0;
right: 0;
margin: 0 auto;
}

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

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



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



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

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







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

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


.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: 45px;
margin: 0 35px 0 0;
}

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

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

ul.sns li:nth-child(4){
width: 68px;
margin: 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: 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: #DB9AB9;

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{
width: 94%;
margin: 0 auto;
padding: 70px 0 0 0;
border-top: 1px solid #b2b2b2;
}

.last_message p{
width: 100%;
text-align: center;
margin: 0;
padding: 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.0em;
}


/*ロゴ 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;
padding: 0;
}
.copy img{
width: auto;
height: auto;
}










/*ページトップ*/
#pagetop{
position: fixed;
z-index: 4;
right: 15px;
bottom: 15px;
opacity: 0;
cursor: pointer;
/*選択禁止*/
user-select: none;
-webkit-user-select: none;
}


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




.nav_under_sp{
display: none;
}


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










/**/







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

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


.fmj-text-slow{
position: relative;
display: block;
transition: all 3.5s ease;
-webkit-transition: all 3.5s 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-------------------------------*/










































/**/