@charset "UTF-8";

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

#paulandjoe { width: 100%; max-width: 1600px; margin: 0 auto !important; line-height: 1; font-family: 'Noto Sans JP', sans-serif; font-size: 1.5625vw; }
#paulandjoe * { box-sizing: border-box; }
#paulandjoe 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); }
#paulandjoe figure {margin: 0; padding: 0; }


#paulandjoe .btn_lsc_back { margin-top: 2em;text-align: center; }
#paulandjoe .btn_lsc_back a {
display: block;
box-sizing: border-box;
position: relative;
width: 300px;
height: auto;
margin: auto;
padding: 1em;
background-color: #000;
border: solid 1px #000;
color: #fff;
font-size: 20px;
text-decoration: none;
}
#paulandjoe .btn_lsc_back a::before {
content: "";
display: inline-block;
position: absolute;
left: 1em;
top: 50%;
bottom: 0;
width: 16px;
height: 16px;
vertical-align: middle;
margin-top: -8px;
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;
transform: rotate(180deg);
}
#paulandjoe .btn_lsc_back a:hover { background-color: #fff; color: #000;text-decoration:none; }
#paulandjoe .btn_lsc_back a:hover::before {
background-image: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_bk.svg);
}

#paulandjoe . a:hover { background-color: #000; color: #fff; }
#paulandjoe .btn_mov a {
display: block;
box-sizing: border-box;
position: relative;
width: 200px;
height: auto;
margin: auto;
padding: 1em;
background-color: #fff;
border: solid 1px #c6c6c6;
color: #000;
font-size: 14px;
text-decoration: none;
}
#paulandjoe .btn_mov a:hover{
background-color: #c6c6c6;
color: #fff;
}
#paulandjoe .btn_lcs_item a::before {
content: "";
display: inline-block;
position: absolute;
right: 1em;
top: 50%;
bottom: 0;
width: 16px;
height: 16px;
vertical-align: middle;
margin-top: -8px;
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;
transform: rotate(0deg);
}
#paulandjoe .btn_lcs_item a:hover { background-color: #fff; color: #000; }
#paulandjoe .btn_lcs_item a:hover::before {
background-image: url(//img.abc-mart.net/img/event/2021/2101_lecoq/pc/assets/img/lasuresnes/icon_arrow_bk.svg);
}

/*============================================================
youtube
============================================================*/
#paulandjoe .paulandjoe_movie{
margin: 0 auto;
width: 75%;
max-width: 75%;
margin: 0 auto;
}

/* ===== video// ===== */
#paulandjoe .paulandjoe_movie .mov_area{
position: relative;
width: 100%;
height: 100%;
}
#paulandjoe .paulandjoe_movie .video_box{
overflow: hidden;
aspect-ratio: 16 / 9;
}
#paulandjoe .paulandjoe_movie .mov_area video,
#paulandjoe .paulandjoe_movie .mov_area iframe{
display: block;
}
#paulandjoe .paulandjoe_movie .mov_area video,
#paulandjoe .paulandjoe_movie .mov_area iframe{
width: 100%;
height: 100%;
margin: auto;
overflow: hidden;
}
/* ===== //video ===== */

/* layout
=================================================================== */
#paulandjoe .paulandjoe_inner{
padding: 0 10px;
position: relative;
}
#paulandjoe .paulandjoe_head {
position: relative;
margin: 120px 0 120px;
}
#paulandjoe .paulandjoe_mv {
position: relative;
text-align: center;
}
#paulandjoe .paulandjoe_movie {
position: relative;
text-align: center;
margin: 0 auto 35px;
}

#paulandjoe a{
text-decoration: none;
}
#paulandjoe .paulandjoe_btn_present a:hover{
opacity: 0.7;
}
#paulandjoe .paulandjoe_mv img{
width: 100%;
height: auto;
}
#paulandjoe .paulandjoe_read{
margin: 0 0 120px;
}
#paulandjoe .paulandjoe_read .paulandjoe_inner{
padding: 0;
}
#paulandjoe .paulandjoe_logo{
text-align: center;
}
#paulandjoe .paulandjoe_logo img{
width: 100%;
height: auto;
max-width: 486px;
}
#paulandjoe .paulandjoe_tit{
text-align: center;
font-size: 26px;
line-height: 1.5;
margin: 1em 0 1em;
}
#paulandjoe .paulandjoe_look{
padding: 0 0 0px;
}
#paulandjoe .paulandjoe_look_box{
display: flex;
justify-content: space-between;
width: 91.66666%;
margin: 880px;
margin: 0 auto;
}
#paulandjoe .paulandjoe_look_box div{
text-align: center;
width: 48%;
margin: 0;
}
#paulandjoe .paulandjoe_look_tit{
text-align: left;
font-size: 26px;
line-height: 1.5;
margin: 0 0 1em;
}
#paulandjoe .paulandjoe_look_tit_s{
text-align: left;
font-size: 20px;
font-weight: bold;
line-height: 1.5;
margin: 0 0 1em;
}
#paulandjoe .paulandjoe_look_img img{
width: 100%;
height: auto;
}
#paulandjoe .paulandjoe_series_txt{
font-size: 16px;
line-height: 2;
text-align: left;
margin: 0;
}
#paulandjoe .paulandjoe_lineup{
padding:120px 0 160px;
}
#paulandjoe .paulandjoe_lineup_box{
display: flex;
justify-content: space-between;
width: 61%;
margin: 550px;
margin: 0 auto;
}
#paulandjoe .paulandjoe_lineup_img{
width: 48%;
margin: 0;
}
#paulandjoe .paulandjoe_lineup_info{
width: 48%;
margin: 0;
}
#paulandjoe .paulandjoe_lineup_tit{
text-align: left;
font-size: 16px;
line-height: 1.2;
font-weight: bold;
margin: 0 0 3em;
}
#paulandjoe .paulandjoe_lineup_tit i{
display: block;
text-align: left;
margin: 0 0 1em;
}
#paulandjoe .paulandjoe_lineup_tit img{
width: 100%;
height: auto;
max-width: 136px;
}
#paulandjoe .paulandjoe_lineup_info{
color: #333;
text-align: left;
margin: 0 0 40px;
}
#paulandjoe .paulandjoe_lineup_img{
text-align: center;
}
#paulandjoe .paulandjoe_lineup_img img{
border: solid 1px #e5e5e5;
}
#paulandjoe .item_name,
#paulandjoe .item_func,
#paulandjoe .item_txt,
#paulandjoe .item_color{
text-align: left;
display:block;
}
#paulandjoe .item_name{
font-size: 18px;
font-weight: bold;
line-height:1.5;
margin: 0 0 0.5em;
}
#paulandjoe .item_txt{
font-size: 14px;
line-height:1.5;
margin: 0 0 1.5em;
}
#paulandjoe .item_func{
font-size: 14px;
line-height:1.1;
/*font-weight: bold;*/
margin: 0 0 0;
}
#paulandjoe .item_func span{
display: inline-block;
border: solid 1px#333;
border-radius: 3px;
border-radius: 0;
padding: 0.25em;
margin: 0 0.5em 0.5em 0;
}
#paulandjoe .item_color{
font-size: 14px;
text-align: center;
line-height:1.5;
margin: 1em 0 1.5em;
}
#paulandjoe .paulandjoe_item_list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
max-width: 793px;
margin: 0 auto 80px;
color: #333333;
}
#paulandjoe .paulandjoe_item_list li{
text-align: center;
width: 29.9%;
margin: 0 0;
}
#paulandjoe .paulandjoe_item_list img{
border: solid 1px #f1f1f1;
}
#paulandjoe .paulandjoe_img{
width: 100%;
text-align: center;
margin: 0 auto 60px;
}
#paulandjoe .paulandjoe_about_tit{
width: 100%;
height: auto;
max-width: 216px;
}
#paulandjoe .paulandjoe_about_txt{
font-size: 16px;
line-height: 2;
text-align: left;
margin: 2em 0 0;
}



.brand-product-detail-btn {
margin: 0 auto;
justify-content: center;
margin-top: 14px;
}

#paulandjoe .brand-product-detail-btn{
margin: 0 auto;
}
.brand-product-detail-btn a {
font-size: 16px;
font-weight: bold;
line-height:1.5;
height: auto;
background-color: #000;
color: #fff;
width: 100%;
padding: 9px 24px;
border-radius: 5px;
border: none;
border:solid 1px #000;
}
.brand-product-detail-btn a:hover {
font-size: 16px;
font-weight: bold;
line-height:1.5;
height: auto;
background-color: rgba(255,255,255,1.0);
color: #000;
width: 100%;
padding: 9px 24px;
border-radius: 5px;
border: none;
border:solid 1px #000;
opacity: 1;
}
.brand-product-detail-btn a.cs{
pointer-events: none;
background: #cccccc;
border:solid 1px #cccccc;
color: #fff;
}
a.salepage_link {
font-size: 14px;
line-height:1.5;
height: auto;
background-color: #222222;
color: #fff;
width: fit-content;
padding: 9px 24px;
border-radius: 5px;
border: none;
font-weight: normal;
}