@charset "UTF-8";

/* common
=================================================================== */

#lasuresnes { width: 100%; max-width: 1600px; margin: 0 auto !important; line-height: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 1.5625vw; }
#lasuresnes * { box-sizing: border-box; }
#lasuresnes a { text-decoration:none; transition: opacity 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), border 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), background-color 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), background-image 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), color 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), filter 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); }
#lasuresnes a:hover {}
#lasuresnes img { max-width: 100%; height: auto; transition: opacity 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000), transform 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000); }
#lasuresnes figure {margin: 0; padding: 0; }
#lasuresnes .noto { font-family: 'Noto Sans JP', sans-serif; }
#lasuresnes .garamond { font-family: 'EB Garamond'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#lasuresnes .lcs_icon_arrow_wt::after { content: ""; display: inline-block; width: 0.625vw; height: 0.9375vw; vertical-align: middle; margin-left: 0.9375vw; background: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_wt.svg) no-repeat center center; background-size: contain; }
#lasuresnes .lcs_icon_arrow_bk::after { content: ""; display: inline-block; width: 0.625vw; height: 0.9375vw; vertical-align: middle; margin-left: 0.9375vw; background: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_bk.svg) no-repeat center center; background-size: contain; }

#lasuresnes .btn_lcs_all { margin: 15.625vw 0 30.468vw; text-align: center; }
#lasuresnes .btn_lcs_all a { display: block; box-sizing: border-box; position: relative; width: 46.875vw; height: 7.8125vw; margin: auto; padding-top: 3.125vw; background-color: #000; color: #fff; }
#lasuresnes .btn_lcs_all a::before { content: ""; display: inline-block; position: absolute; left: 1.953vw; top:0; bottom: 0; width: 4.375vw; height: 4.765vw; vertical-align: middle; margin: auto 0; background: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/logo_lecoq_wt.svg) no-repeat center center; background-size: contain; }
#lasuresnes .btn_lcs_all a::after { content: ""; display: inline-block; position: absolute; right: 1.1718vw; top: 0; bottom: 0; width: 0.625vw; height: 0.9375vw; margin: auto 0; background: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_wt.svg) no-repeat center center; background-size: contain;}
#lasuresnes .btn_lcs_all a:hover { opacity: 0.7; }

#lasuresnes .btn_lsc_back { margin-top: 13.671vw; padding-bottom: 7.421vw; text-align: center; }
#lasuresnes .btn_lsc_back a { display: block; box-sizing: border-box; position: relative; width: 25vw; margin: auto; padding: 1.5625vw; background-color: #fff; color: #000;  }
#lasuresnes .btn_lsc_back a::before { content: ""; display: inline-block; position: absolute; left: 1.1718vw; top: 0; bottom: 0; width: 0.625vw; height: 0.9375vw; vertical-align: middle; margin: auto 0; background: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_bk.svg) no-repeat center center; background-size: contain; transform: rotate(180deg); }
#lasuresnes .btn_lsc_back a:hover { background-color: #000; color: #fff; }
#lasuresnes .btn_lsc_back a:hover::before { background-image: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_wt.svg); }


/* layout
=================================================================== */
#lasuresnes .lasuresnes_mv { position: relative; }
#lasuresnes .lasuresnes_logo { position: absolute; top: 5.888%; right: 4.2968%; width: 9.218%; z-index: 2; }
#lasuresnes .lasuresnes_ttl { position: absolute; top: 25.111%; left: 9.375%; width: 29.1406%; z-index: 2; }

#lasuresnes .lasuresnes_point { position: relative; padding: 1.5625% 3.125%;; z-index: 1; }
#lasuresnes .lasuresnes_point::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 23.4375%; height: 100%; background-color: #004ea1; z-index: -1; }
#lasuresnes .lasuresnes_point::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 23.4375%; height: 100%; background-color: #d70d19; z-index: -1; }
#lasuresnes .lasuresnes_point figure { position: relative; }
#lasuresnes .lasuresnes_point_txt { position: absolute; top: 71.111%; left: 6.333%; color: #fff; font-size: 1.343vw; letter-spacing: 0.234375vw; line-height: 1.733; text-align: left; z-index: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#lasuresnes .lasuresnes_outline { padding-top: 10%; text-align: center; }
#lasuresnes .lasuresnes_outline h2 span { display: block; font-size: 1.25vw; letter-spacing: 0.15625vw; }
#lasuresnes .lasuresnes_outline h2 span.garamond { margin-top: 1.1718%;  font-size: 3.906vw; letter-spacing: 0.78125vw; }
#lasuresnes .lasuresnes_outline p { margin-top: 2.343%; letter-spacing: 0.15625vw; line-height: 2; }
#lasuresnes .lasuresnes_outline figure { position: relative; margin-top: 10%; padding: 0 7.031% 17.5%; z-index: 1; }
#lasuresnes .lasuresnes_outline figure::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 91.228%; background-color: #e5e5e5; z-index: -1; }

#lasuresnes .lasuresnes_item { display: flex; width: 100%; background: #787c7f no-repeat left bottom -1px/ 57.8125% auto; color: #fff; }
#lasuresnes .lasuresnes_item:hover { background-color: #606366; /*color: #e9bd74;*/ }
#lasuresnes .item_wg { background-image: url("//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/photo_wg.png"); }
#lasuresnes .item_bn { background-image: url("//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/photo_bn.png"); }
#lasuresnes .item_ww { background-image: url("//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/photo_ww.png"); }
#lasuresnes .lasuresnes_item + .lasuresnes_item { margin-top: 3.906%; }
#lasuresnes .lasuresnes_item_outline { width: 57.8125%; padding: 1.5625% 3.125%; letter-spacing: 0.078125vw; text-align: left; }
#lasuresnes .lasuresnes_item_color { font-size: 2.8125vw; letter-spacing: 0.390625vw; }
#lasuresnes .lasuresnes_item_price { margin-top: 2.6315%; }
#lasuresnes .lasuresnes_item_price span { font-size: 1.0156vw; }
#lasuresnes .lasuresnes_item_size { margin-top: 1.3157%; font-size: 1.0156vw; }
#lasuresnes .lasuresnes_item_tag span { display: inline-block; margin-top: 1.9736%; padding: 0.78125vw; border: 1px solid #fff;  font-size: 1.1718vw; transition: border-color 0.5s cubic-bezier(0.230, 1.000, 0.320, 1.000),  }
#lasuresnes .lasuresnes_item:hover .lasuresnes_item_tag span { /*border-color: #e9bd74;*/ }

#lasuresnes .lasuresnes_item_photo { position: relative; width: 42.1875%; padding: 0.78125% 2.34375%; }
#lasuresnes .lasuresnes_item_photo img { width: 79.1666%; }
#lasuresnes .lasuresnes_item:hover .lasuresnes_item_photo img { opacity: 1; transform: scale(1.1); }

#lasuresnes .lasuresnes_item_link { display: block; position: absolute; right: 2em; bottom: 2em; font-size: 1.171vw; }


#lasuresnes .lasuresnes_movie_wrap { position: relative; margin-bottom: 7.421vw; background-color: #e5e5e5; }
#lasuresnes .lasuresnes_movie_wrap::before {content: ""; display: block; position: absolute; top: -1.5625vw; left: 0; width: 23.4375%; height: 1.5625vw; background-color: #004ea1; z-index: -1; }
#lasuresnes .lasuresnes_movie_wrap::after {content: ""; display: block; position: absolute; top: -1.5625vw; right: 0; width: 23.4375%; height: 1.5625vw; background-color: #d70d19; z-index: -1; }
#lasuresnes .lasuresnes_movie_wrap h2 { font-size: 3.906vw; letter-spacing: 0.78125vw; transform: translatey(-66.666%); }
#lasuresnes .lasuresnes_movie { padding: 0 7.8125vw; }
#lasuresnes .lasuresnes_fig_movie { position: relative; width: 100%; margin-top: 11.7175%; padding-top: 56.25%; }
#lasuresnes .lasuresnes_fig_movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* animation
=================================================================== */