/* --------------------------------------------------------------------------------------------------- 　.imgArea select --------------------------------------------------------------------------------------------------- */ .lookbookBox_17 .imgArea {background: url("../images/lookbook/17/thumb.jpg") top right no-repeat; background-size: cover;} .lookbookBox_17 .imgArea:before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: linear-gradient(76deg, rgba(17,17,17,0.09845945214023111) 0%, rgba(15,15,15,0) 100%); z-index: 0;} .lookbookBox_16 .imgArea {background: url("../images/lookbook/16/img_head.jpg") top 25% center no-repeat; background-size: cover;} .lookbookBox_15 .imgArea {background: url("../images/lookbook/15/img_head.jpg") center center no-repeat; background-size: cover;} .lookbookBox_14 .imgArea {background: url("../images/lookbook/14/230922_bj_3415.jpg") top left no-repeat; background-size: cover;} .lookbookBox_13 .imgArea {background: url("../images/lookbook/13/_thumb2.jpg") top 22.5% center no-repeat; background-size: cover;} .lookbookBox_12 .imgArea {background: url("../images/lookbook/12/thumb.jpg") top center no-repeat; background-size: cover;} .lookbookBox_11 .imgArea {background: url("../images/lookbook/11/thumb.jpg") center center no-repeat; background-size: cover;} .lookbookBox_10 .imgArea {background: url("../images/lookbook/10/thumb.jpg") top center no-repeat; background-size: cover;} .lookbookBox_9 .imgArea {background: url("../images/lookbook/9/thumb_Lsize.jpg") top center no-repeat; background-size: cover;} .lookbookBox_8 .imgArea {background: url(../images/lookbook/8/thumb_new2.jpg) top center no-repeat; background-size: cover;} .lookbookBox_7 .imgArea {background: url(../images/lookbook/7/thumb.jpg) center center no-repeat; background-size: cover;} .lookbookBox_6 .imgArea {background: url(../images/lookbook/6/thumb.jpg) center center no-repeat; background-size: cover;} .lookbookBox_5 .imgArea {background: url(../images/lookbook/5/thumb.jpg) top center no-repeat; background-size: cover;} .lookbookBox_4 .imgArea {background: url(../images/lookbook/4/thumb.jpg) top right no-repeat; background-size: cover;} .lookbookBox_3 .imgArea {background: url(../images/lookbook/3/thumb.jpg) top right no-repeat; background-size: cover;} .lookbookBox_2 .imgArea {background: url(../images/lookbook/2/thumb.jpg) top right no-repeat; background-size: cover;} .lookbookBox_1 .imgArea {background: url(../images/lookbook/1/thumb.jpg) top center no-repeat; background-size: cover;} @media only screen and (max-width: 960px) { .lookbookBox_17 .imgArea{background: url("../images/lookbook/17/thumb_sp.jpg") top center no-repeat; background-size: cover;} .lookbookBox_17 .imgArea:before { display: none;} .lookbookBox_14 .imgArea {background: url("../images/lookbook/14/thumb_900.jpg") top center no-repeat; background-size: cover;} .lookbookBox_12 .imgArea {background: url("../images/lookbook/12/thumb_sp.jpg") top center no-repeat; background-size: cover;} .lookbookBox_11 .imgArea {background: url("../images/lookbook/11/thumb_900.jpg") center center no-repeat; background-size: cover;} } @media only screen and (max-width: 738px) { .lookbookBox_17 .imgArea{background: url("../images/lookbook/17/thumb_sp.jpg") top center no-repeat; background-size: cover;} .lookbookBox_16 .imgArea {background: url("../images/lookbook/16/img_head_sp.jpg") top center no-repeat; background-size: cover;} .lookbookBox_14 .imgArea {background: url("../images/lookbook/14/thumb_sp.jpg") top 0 center no-repeat; background-size: cover;} .lookbookBox_13 .imgArea {background: url("../images/lookbook/13/_thumb2_sp.jpg") top 5% center no-repeat; background-size: cover;} .lookbookBox_11 .imgArea {background: url("../images/lookbook/11/thumb_738.jpg") top center no-repeat; background-size: cover;} .lookbookBox_10 .imgArea {background: url("../images/lookbook/10/thumb_sp.jpg") top center no-repeat; background-size: cover;} .lookbookBox_9 .imgArea {background: url("../images/lookbook/9/thumb_Ssize.jpg") top center no-repeat; background-size: cover;} .lookbookBox_8 .imgArea {background: url(../images/lookbook/8/thumb_sp_.jpg) center center no-repeat; background-size: cover;} .lookbookBox_6 .imgArea {background: url(../images/lookbook/6/thumb_sp.jpg) center center no-repeat; background-size: cover;} .lookbookBox_7 .imgArea {background: url(../images/lookbook/7/thumb_sp.jpg) center center no-repeat; background-size: cover;} } /* --------------------------------------------------------------------------------------------------- 　#lookbook_all --------------------------------------------------------------------------------------------------- */ #lookbook_all { padding: 90px 5%; } @media only screen and (max-width: 960px) { #lookbook_all { padding: 80px 5%; } } @media only screen and (max-width: 738px) { #lookbook_all { padding: 70px 5%; } } /* .lookbookArea */ #lookbook_all .lookbookArea { } #lookbook_all .lookbookBox { /*padding: 190px 5% 70px;padding: 150px 5% 90px;*/padding: 170px 5% 100px;position: relative; z-index: 1; } @media only screen and (max-width: 960px) { #lookbook_all .lookbookBox { padding: 170px 5% 50px; padding: 0;} } @media only screen and (max-width: 738px) { #lookbook_all .lookbookBox { padding: 0;} } /* .imgArea */ #lookbook_all .lookbookBox .imgArea { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;} #lookbook_all .lookbookBox .imgArea a { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;} /* .txtArea */ #lookbook_all .lookbookBox .txtArea { width: 90%; } /* .titleArea */ #lookbook_all .lookbookBox .titleArea {} #lookbook_all .lookbookBox .txtArea h2 { position: relative; font-size: 55px; font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 1.5px; line-height:1.3; z-index:1; } #lookbook_all .lookbookBox .txtArea h2 span.small { display: block; font-size: 16px; letter-spacing: 1px; margin-bottom: 15px;font-family: 'Libre Baskerville', serif; font-weight: 400; } #lookbook_all .lookbookBox .txtArea h2 span.shape { font-size: 0.75em; font-family: 'Libre Baskerville', serif; vertical-align: 0;} #lookbook_all .lookbookBox .txtArea h2 span.italic {font-style: italic;} /* .infoArea */ #lookbook_all .lookbookBox .infoArea { margin-top: 25px;} #lookbook_all .lookbookBox .infoArea dl { display: block;margin-right: 10px;font-size: 14px;font-family: 'courier_prime_sansbold'; font-weight: normal;letter-spacing: 0;line-height: 1.5;} #lookbook_all .lookbookBox .infoArea dl:first-child { display: block;} #lookbook_all .lookbookBox .infoArea dl dt { display: inline-block;margin: 0; font-size: 0.85em; font-family: 'courier_prime_sansregular'; font-weight: normal;vertical-align: 0;} #lookbook_all .lookbookBox .infoArea dl dd { display: inline-block; font-family: 'Libre Baskerville', serif;font-size: 11px;font-weight:700; letter-spacing: .02em; vertical-align: 0;} #lookbook_all .lookbookBox .infoArea dl dd span { font-size: 0.85em; vertical-align: 0;} /* .linkArea */ #lookbook_all .lookbookBox .linkArea { margin-top:35px; text-align:left; } @media only screen and (max-width: 1024px) { #lookbook_all .lookbookArea .txtArea h2 { font-size: 40px;letter-spacing: 1.5px; line-height:1.3; } #lookbook_all .lookbookArea .txtArea h2 span.small { display: block; font-size: 15px;} } @media only screen and (max-width: 960px) { /*#lookbook_all .lookbookArea .txtArea h2 span.small { display: block; font-size: 14px;} #lookbook_all .lookbookArea .infoArea dl { display: block;font-size: 12px; margin: 0;} */ #lookbook_all .lookbookBox .imgArea { position: static; margin: 0 auto; width: 100%; height: 60vw;} #lookbook_all .lookbookBox .imgArea a { display: block;} #lookbook_all .lookbookArea .txtArea { float: none; width: 100%; margin-left: 0; margin-top: 45px; text-align: center;} #lookbook_all .lookbookArea .infoArea dl { margin-top: 5px; font-size: 14px; letter-spacing: 1px; line-height: 1.6;} #lookbook_all .lookbookArea .infoArea dl:first-child { display: block; margin-top: 0;} #lookbook_all .lookbookArea .infoArea dl dt { display: block; margin: 0; font-size: 0.85em; } #lookbook_all .lookbookArea .infoArea dl dd { display: block;} #lookbook_all .lookbookArea .infoArea dl dd span { font-size: 0.85em; vertical-align: 0;} #lookbook_all .lookbookArea .linkArea { margin-top:35px; text-align:center; } #lookbook_all .lookbookArea .linkArea a.btn { margin:0; width:100%; max-width:280px; text-align: center;} } @media only screen and (max-width: 738px) { #lookbook_all .lookbookBox .imgArea { position: static; margin: 0; height: 60vw;} #lookbook_all .lookbookArea .txtArea {margin-top: 35px;} #lookbook_all .lookbookArea .txtArea h2 { font-size: 25px; line-height:1.4; } #lookbook_all .lookbookArea .txtArea h2 span.small { font-size: 12px;letter-spacing: 1.5px; margin-bottom: 10px;} #lookbook_all .lookbookArea .txtArea h2 span.shape { font-size: 0.75em; vertical-align: 0;} #lookbook_all .lookbookBox .infoArea { margin-top: 20px;} #lookbook_all .lookbookArea .infoArea dl { font-size: 14px;} #lookbook_all .lookbookArea .linkArea { margin-top:30px; text-align:center; } #lookbook_all .lookbookArea .linkArea a.btn { margin:0; width:100%; max-width:280px; text-align: center;} } @media only screen and (max-width: 640px) { #lookbook_all .lookbookBox .imgArea { height: 65vw;} } /* --------------------------------------------------------------------------------------------------- 　#lookbook_others --------------------------------------------------------------------------------------------------- */ #lookbook_others {padding: 90px 5%;position: relative; z-index: 1;} #lookbook_others:after { position: absolute; top: 0; left: 5%; right: 5%; height: 0; content: ""; border-top: #111 1px solid; z-index: -1;} @media only screen and (max-width: 900px) { #lookbook_others { padding: 80px 5%; } } @media only screen and (max-width: 738px) { #lookbook_others { padding: 70px 5%; } } /* .lookbookArea */ #lookbook_others .lookbookArea { display: flex; flex-wrap: wrap; gap:70px 5%; } #lookbook_others .lookbookBox { width: calc((100% - 1 * 5%) / 2); padding: 90px 3.5%; position: relative; z-index: 1; position: relative; z-index: 1; } #lookbook_others .lookbookBox a.all { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;} @media only screen and (max-width: 960px) { #lookbook_others .lookbookArea { gap:60px 5%; } #lookbook_others .lookbookBox { padding: 0; } #lookbook_others .lookbookBox a.all { display: block;} } @media only screen and (max-width: 738px) { #lookbook_others .lookbookArea { gap:50px 5%; } #lookbook_others .lookbookBox { padding: 0; } } /* .imgArea */ #lookbook_others .lookbookBox .imgArea { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;} #lookbook_others .lookbookBox_15 .imgArea {background: url("../images/lookbook/15/img_thumb.jpg") center center no-repeat; background-size: cover;} /* .txtArea */ #lookbook_others .lookbookBox .txtArea { width: 90%;} /* .titleArea */ #lookbook_others .lookbookBox .titleArea {} #lookbook_others .lookbookBox .txtArea h2 { position: relative; font-size: 20px; font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 0.075em; line-height:1.4; z-index:1; } #lookbook_others .lookbookBox .txtArea h2 span.small { display: block; font-size: 11px; font-family: 'butlerlight'; font-weight:normal; letter-spacing: 0.05em; margin-bottom: 5px;font-family: 'Libre Baskerville', serif; font-weight: 400; } #lookbook_others .lookbookBox .txtArea h2 span.shape { font-size: 0.75em; font-family: 'Libre Baskerville', serif; vertical-align: 0;} #lookbook_others .lookbookBox .txtArea h2 span.italic {font-style: italic;} /* .linkArea */ #lookbook_others .lookbookBox .linkArea { margin-top:25px; text-align:left; } @media only screen and (max-width: 1024px) { #lookbook_others .lookbookArea .txtArea h2 { font-size: 18px; line-height:1.5; } } @media only screen and (max-width: 960px) { #lookbook_others .lookbookBox .imgArea { position: static; margin: 0; height: 30vw;} #lookbook_others .lookbookBox .txtArea { width: 100%; margin-top: 20px; text-align: center;} #lookbook_others .lookbookArea .txtArea h2 { font-size: 16px; line-height:1.45; } #lookbook_others .lookbookArea .txtArea h2 span.small {margin-bottom: 7px; font-size: 11px;} #lookbook_others .lookbookArea .txtArea h2 span.shape { font-size: 0.75em; vertical-align: 0;} #lookbook_others .lookbookBox .linkArea { text-align: center; margin-top: 15px;} #lookbook_others .lookbookBox .linkArea a {line-height: 42px;} } @media only screen and (max-width: 738px) { #lookbook_others .lookbookBox .imgArea { height: 32.5vw;} #lookbook_others .lookbookBox .txtArea { margin-top: 20px;} #lookbook_others .lookbookArea .txtArea h2 { font-size: 15px;} #lookbook_others .lookbookArea .txtArea h2 span.small { font-size: 10px; margin-bottom: 5px;} #lookbook_others .lookbookArea .txtArea h2 span.shape { font-size: 0.75em; vertical-align: 0;} #lookbook_others .lookbookBox .linkArea a {line-height: 40px;} } @media only screen and (max-width: 640px) { #lookbook_others .lookbookBox .txtArea { margin-top: 12px;} #lookbook_others .lookbookArea .txtArea h2 { font-size: clamp(12px, 3vw, 14px); line-height:1.5; } #lookbook_others .lookbookArea .txtArea h2 span.small { font-size: 9px; margin-bottom: 5px;} #lookbook_others .lookbookArea .txtArea h2 span.shape { font-size: 0.75em; vertical-align: 0;} #lookbook_others .lookbookBox .linkArea {margin-top: 12px;} #lookbook_others .lookbookBox .linkArea a {font-size: 13px; line-height: 36px;} #lookbook_others .lookbookBox .linkArea a:before { right: 8px; font-size: 0.9em;} } /* --------------------------------------------------------------------------------------------------- 　White 設定 --------------------------------------------------------------------------------------------------- */ .color_white { color: #fefefe; } #lookbook_all .lookbookBox .titleArea_border_white:after, #lookbook_others .lookbookBox .titleArea_border_white:after{border-color: #fefefe;} .linkArea a.btn_white { color: #fefefe; border-color: #fefefe; background: none;} .linkArea a.btn_white:after { background: #fefefe; } @media (min-width: 961px) and (hover: hover) { .linkArea a.btn_white:hover { color: #111;} } @media only screen and (max-width: 960px) { .color_white { color: #111; } #lookbook_all .lookbookBox .titleArea_border_white:after, #lookbook_others .lookbookBox .titleArea_border_white:after{border-color: #111;} .linkArea a.btn_white { color: #111; border-color: #111; background: none;} .linkArea a.btn_white:after { display: none; } } /* --------------------------------------------------------------------------------------------------- 　#lookbook_gallery --------------------------------------------------------------------------------------------------- */ #lookbook_gallery {padding: 90px 5%;position: relative; z-index: 1;} @media only screen and (max-width: 900px) { #lookbook_gallery { padding: 80px 5%; } } @media only screen and (max-width: 738px) { #lookbook_gallery { padding: 70px 5%; } } /* .titleArea */ #lookbook_gallery .titleArea { margin-top: 90px; text-align: center; position: relative ;z-index: 1;} #lookbook_gallery .titleArea:after { display: block; width: 75px; height: 0; content: ""; border-top: #111 1px solid; margin: 50px auto 0;} #lookbook_gallery .titleArea h2 { position: relative; font-size: 55px; font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 0.075em; line-height:1.3; z-index:1; } #lookbook_gallery .titleArea h2 span.small { display: block; margin-bottom: 15px; font-size: 16px;font-family: 'Libre Baskerville', serif; font-weight: 400;letter-spacing: 0.05em; } #lookbook_gallery .titleArea h2 span.shape { font-size: 0.75em; font-family:'butlerlight', serif;font-family: 'Libre Baskerville', serif; vertical-align: 0;} #lookbook_gallery .titleArea h2 span.italic {font-style: italic;} @media only screen and (max-width: 1024px) { #lookbook_gallery .titleArea h2 { font-size: 40px;letter-spacing: 0.075em; line-height:1.3; } #lookbook_gallery .titleArea h2 span.small { display: block; font-size: 15px;} } @media only screen and (max-width: 900px) { #lookbook_gallery .titleArea { margin-top: 80px;} #lookbook_gallery .titleArea:after {width: 50px;margin: 20px auto 0;} #lookbook_gallery .titleArea h2 span.small { display: block; font-size: 14px;} } @media only screen and (max-width: 738px) { #lookbook_gallery .titleArea { margin-top: 70px;} #lookbook_gallery .titleArea:after { width: 35px; margin: 20px auto;} #lookbook_gallery .titleArea h2 { font-size: 25px; line-height:1.4; } #lookbook_gallery .titleArea h2 span.small { font-size: 12px;letter-spacing: 1.5px; margin-bottom: 10px;} #lookbook_gallery .titleArea h2 span.shape { font-size: 0.75em; vertical-align: 0;} } /* .galleryArea */ #lookbook_gallery .galleryArea { margin-top: 90px; position: relative; z-index: 1;} #lookbook_gallery .galleryArea+.galleryArea {margin-top: 120px;} @media only screen and (max-width: 900px) { #lookbook_gallery .galleryArea { margin-top: 80px; margin-top:0; padding: 0 5%; } #lookbook_gallery .galleryArea+.galleryArea {margin-top: 100px; margin-top: 0;} } @media only screen and (max-width: 738px) { #lookbook_gallery .galleryArea { margin-top: 0; padding: 0;} #lookbook_gallery .galleryArea+.galleryArea {margin-top: 0;} } /* .galleryBox */ #lookbook_gallery .galleryBox { position: relative;} #lookbook_gallery .galleryBox_flL { float: left;} #lookbook_gallery .galleryBox_flR { float: right;} #lookbook_gallery .galleryBox_p_v_center { width: 1000px; max-width: 100%; display: inline-block; position: absolute; top: 50%; -webkit-transform: translate(0, -50%);transform: translate(0, -50%);} #lookbook_gallery .galleryBox_p_w_center { left: 50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} #lookbook_gallery .galleryBox_w_half { width: 47.5%;} #lookbook_gallery .galleryBox_w_33 { width: 33.333%} #lookbook_gallery .galleryBox_w_325 { width: 32.5%} #lookbook_gallery .galleryBox_w_335 { width: 33.5%} #lookbook_gallery .galleryBox_w_35 { width: 35%} #lookbook_gallery .galleryBox_w_375 { width: 37.5%} #lookbook_gallery .galleryBox_w_41 {width: 41%;} #lookbook_gallery .galleryBox_w_50 { width: 50%} #lookbook_gallery .galleryBox_w_60 { width: 60%} #lookbook_gallery .galleryBox_w_65 { width: 65%} #lookbook_gallery .galleryBox_w_30 { width: 30%} #lookbook_gallery .galleryBox_w_275 { width: 27.5%;} #lookbook_gallery .galleryBox_w_37_5 { width: 37.5%} #lookbook_gallery .galleryBox_w_40 { width: 40%} #lookbook_gallery .galleryBox_w_42_5 { width: 42.5%} #lookbook_gallery .galleryBox_w_45 { width: 45%} #lookbook_gallery .galleryBox_p_right_0 { right: 0;} #lookbook_gallery .galleryBox_p_right_5 { right: 5%;} #lookbook_gallery .galleryBox_p_left_5 { left: 5%;} #lookbook_gallery .galleryBox_p_right_7 { right: 7%;} #lookbook_gallery .galleryBox_p_left_7 { left: 7%;} #lookbook_gallery .galleryBox_p_right_10 { right: 10%;} #lookbook_gallery .galleryBox_p_left_10 { left: 10%;} #lookbook_gallery .galleryBox_p_right_15 { right: 15%;} #lookbook_gallery .galleryBox_p_left_15 { left: 15%;} #lookbook_gallery .galleryBox_p_left_half { left: 52.5%;} #lookbook_gallery .galleryArea_magin-30 { margin: 75px -30px -30px; } #lookbook_gallery .galleryBox_border_30 { border: transparent 30px solid;} #lookbook_gallery .galleryArea_magin_right_5 { margin-right: 5%;} #lookbook_gallery .galleryBox_magin_top_50px { margin-top: 50px; } #lookbook_gallery .galleryBox_magin_top_100px { margin-top: 100px; } #lookbook_gallery .galleryBox_p_top_right { position: absolute; top: 0; left: 55%; width: 35%; z-index: 1;} #lookbook_gallery .galleryBox_p_bottom_right { position: absolute; bottom: 0; left: 55%; width: 40%; z-index: 1;} #lookbook_gallery .galleryBox_center { margin: 0 auto;} #lookbook_gallery .galleryBox_w_80 { width: 80%;} #lookbook_gallery .galleryBox_w_second { margin-top: 50px;} #lookbook_gallery .galleryBox_w_65_ml35 { margin-left: 35%; width: 65%;} #lookbook_gallery .galleryBox_w_40 { width: 40%; margin-left:30%; } #lookbook_gallery .galleryBox_w_60_ml35 { margin-left: 40%; width: 55%;} #lookbook_gallery .galleryBox_w_425_ml25 { margin-left: 25%; width: 42.5%;} #lookbook_gallery .galleryBox_w_40_ml25 { margin-left: 25%; width: 40%;} #lookbook_gallery .galleryBox_w_45_ml25 { margin-left: 25%; width: 45%;} #lookbook_gallery .galleryBox_w_50_ml35 { margin-left: 35%; width: 50%;} #lookbook_gallery .galleryBox_w_50_ml20 { margin-left: 20%; width: 50%;} #lookbook_gallery .galleryBox_w_50_ml27 { margin-left: 27%; width: 50%;} #lookbook_gallery .galleryBox_w_55_ml25 { margin-left: 25%; width: 55%;} #lookbook_gallery .galleryBox_w_45_ml35 { margin-left: 35%; width: 45%;} #lookbook_gallery .galleryBox_w_60_ml15 { margin-left: 15%; width: 60%;} #lookbook_gallery .galleryBox_w_40_ml25 { margin-left: 25%; width: 40%;} #lookbook_gallery .galleryBox_w_45_ml15 { margin-left: 15%; width: 45%;} #lookbook_gallery .galleryBox_w_425_ml25 { margin-left: 25%; width: 42.5%;} #lookbook_gallery .galleryBox_w_425_ml35 { margin-left: 35%; width: 42.5%;} #lookbook_gallery .galleryBox_w_425_ml30 { margin-left: 30%; width: 42.5%;} #lookbook_gallery .galleryBox_w_60_ml20 { margin-left: 20%; width: 60%;} #lookbook_gallery .galleryBox_w_65_ml10 { margin-left: 10%; width: 65%;} #lookbook_gallery .galleryBox_w_575_ml35 { margin-left: 35%; width: 52.5%;} #lookbook_gallery .galleryBox_w_55_ml20 { margin-left: 20%; width: 55%;} #lookbook_gallery .galleryBox_m_left_2_5 { margin-left: 2.5%;} #lookbook_gallery .translate_50_0 { -webkit-transform: translate(50px, 0px);transform: translate(50px, 0px);} #lookbook_gallery .sp_block { display: none;} @media only screen and (max-width: 900px) { #lookbook_gallery .galleryBox_p_v_center, #lookbook_gallery .galleryBox_p_w_center{ display: block; position: static;-webkit-transform: translate(0, 0); transform: translate(0, 0);} #lookbook_gallery .galleryBox_w_half, #lookbook_gallery .galleryBox_w_33, #lookbook_gallery .galleryBox_w_325, #lookbook_gallery .galleryBox_w_335, #lookbook_gallery .galleryBox_w_35, #lookbook_gallery .galleryBox_w_375, #lookbook_gallery .galleryBox_w_50, #lookbook_gallery .galleryBox_w_55, #lookbook_gallery .galleryBox_w_60, #lookbook_gallery .galleryBox_w_65, #lookbook_gallery .galleryBox_w_30, #lookbook_gallery .galleryBox_w_40, #lookbook_gallery .galleryBox_w_42_5, #lookbook_gallery .galleryBox_w_425_ml25, #lookbook_gallery .galleryBox_w_45, #lookbook_gallery .galleryBox_w_275, #lookbook_gallery .galleryBox_w_37_5, #lookbook_gallery .galleryBox_w_42_5, #lookbook_gallery .galleryBox_w_41{ width: 100%} #lookbook_gallery .galleryArea_magin_right_5 { margin-right: 0;} #lookbook_gallery .galleryArea_magin-30 { margin: 0; } #lookbook_gallery .galleryBox_border_30 { border: none;} #lookbook_gallery .galleryBox_magin_top_50px { margin-top: 0; } #lookbook_gallery .galleryBox_magin_top_100px { margin-top: 0; } #lookbook_gallery .galleryBox_p_top_right { position: absolute; top: 0; left: 55%; width: 35%; z-index: 1;} #lookbook_gallery .galleryBox_p_bottom_right { position: absolute; bottom: 0; left: 55%; width: 40%; z-index: 1;} #lookbook_gallery .galleryBox_center { margin: 0 auto;} #lookbook_gallery .galleryBox_w_80 { width: 100%;} #lookbook_gallery .galleryBox_flL { float: none; } #lookbook_gallery .galleryBox_flR { float: none; } #lookbook_gallery .galleryBox { margin-top: 50px;} #lookbook_gallery .galleryBox_w_second { margin-top: 50px;} #lookbook_gallery .galleryBox_w_65_ml35, #lookbook_gallery .galleryBox_w_60_ml35{ margin-left: 0; width: 100%;} #lookbook_gallery .galleryBox_w_40 { width: 100%; margin-left:0; } #lookbook_gallery .galleryBox_w_425_ml25 { width: 100%; margin-left:0;} #lookbook_gallery .galleryBox_w_45_ml25 { width: 100%; margin-left:0; } #lookbook_gallery .galleryBox_w_50_ml20, #lookbook_gallery .galleryBox_w_50_ml27{ width: 100%; margin-left:0; } #lookbook_gallery .galleryBox_w_55_ml25{ width: 100%; margin-left:0; }　 #lookbook_gallery .translate_50_0 {-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);} #lookbook_gallery .galleryBox_w_50_ml35 { margin-left: 0; width: 100%;} #lookbook_gallery .galleryBox_w_45_ml35 { width: 100%; margin-left:0; } #lookbook_gallery .galleryBox_w_60_ml15 { width: 100%; margin-left:0; } #lookbook_gallery .galleryBox_w_40_ml25 { width: 100%; margin-left:0;} #lookbook_gallery .galleryBox_w_425_ml25 { width: 100%; margin-left:0;} #lookbook_gallery .sp_none { display: none;} #lookbook_gallery .sp_block { display: block;} #lookbook_gallery .galleryBox_w_45_ml15, #lookbook_gallery .galleryBox_w_425_ml35, #lookbook_gallery .galleryBox_w_425_ml30, #lookbook_gallery .galleryBox_w_60_ml20 { margin-left: 0; width: 100%;} #lookbook_gallery .galleryBox_w_65_ml10 { width: 100%; margin-left:0;} #lookbook_gallery .galleryBox_w_40_ml25 { width: 100%; margin-left:0;} #lookbook_gallery .galleryBox_w_55_ml20 { width: 100%; margin-left:0;} #lookbook_gallery .galleryBox_m_left_2_5 { margin-left: 0;} } /* .infoArea */ #lookbook_gallery .infoArea { margin-top: 90px; text-align: center;} #lookbook_gallery .infoArea:before { display: block; width: 75px; height: 0; content: ""; border-top: #111 1px solid; margin: 0 auto 35px;} #lookbook_gallery .infoArea dl { display: block; margin-right: 10px;font-size: 14px;font-family: 'courier_prime_sansbold'; font-weight: normal;letter-spacing:0;line-height: 1.8;} #lookbook_gallery .infoArea dl:first-child { display: block;} #lookbook_gallery .infoArea dl dt { display: inline-block; margin: 0; font-size: 0.85em;vertical-align: 0;font-family: 'courier_prime_sansregular'; font-weight: normal;} #lookbook_gallery .infoArea dl dd { display: inline-block; font-family: 'Libre Baskerville', serif;font-size: 11px;font-weight:700; letter-spacing: 0.5px; vertical-align: 0;} #lookbook_gallery .infoArea dl dd span { font-size: 0.85em; vertical-align: 0;} @media only screen and (max-width: 960px) { #lookbook_gallery .infoArea { margin-top: 80px; } #lookbook_gallery .infoArea:before {width: 50px;margin: 0 auto 30px;} #lookbook_gallery .infoArea dl { display:block;font-size: 12px; margin: 0;} } @media only screen and (max-width: 738px) { #lookbook_gallery .infoArea { margin-top: 50px; } #lookbook_gallery .infoArea:before {width: 35px;margin: 0 auto 25px;} #lookbook_gallery .infoArea dl { margin-top: 5px; font-size: 13px; letter-spacing: 1px; line-height: 1.8;} #lookbook_gallery .infoArea dl:first-child { display: block; margin-top: 0;} #lookbook_gallery .infoArea dl dt { display: block; margin: 0; font-size: 0.85em; } #lookbook_gallery .infoArea dl dd { display: block;} #lookbook_gallery .infoArea dl dd span { font-size: 0.85em; vertical-align: 0;} } /* --------------------------------------------------------------------------------------------------- 　.block_lookbook_catalog --------------------------------------------------------------------------------------------------- */ .block_lookbook_catalog {padding: 90px 5%; color: #fafafa; position: relative; z-index: 0;} .block_lookbook_catalog:after { position: absolute; top: 0; left: 0; bottom: -1px; right: 0; content: ""; background: #202020; z-index: -1;} @media only screen and (max-width: 900px) { .block_lookbook_catalog { padding: 80px 5%; } } @media only screen and (max-width: 738px) { .block_lookbook_catalog { padding: 70px 5%; } } /* .headline */ .block_lookbook_catalog .title_lookbook { font-size: 25px;font-family: 'Libre Baskerville', serif; font-weight: 400;line-height: 1.2; letter-spacing: 1.5px; margin-top: 10px; } .block_lookbook_catalog .title_lookbook .t_italic { font-size: 0.85em;font-style: italic; vertical-align: 0;} .block_lookbook_catalog .title_lookbook .t_shape { font-size: 0.75em; font-family: 'Libre Baskerville', serif; vertical-align: 0;} /* .product_area */ .block_lookbook_catalog .product_area { margin:-20px 0 0; padding: 0; position: relative; z-index: 1; display: -webkit-flex; display: flex; flex-wrap: wrap;justify-content:space-between;align-items:flex-start; } .block_lookbook_catalog .product_item { margin: 60px 0 0;width: 47.5%;} .block_lookbook_catalog .product_item a:not(.btn_underline) { display: block;} /* .img_area */ .block_lookbook_catalog .img_area { position: relative; z-index: 0; display: -webkit-flex; display: flex;justify-content:space-between;align-items:flex-start;} .block_lookbook_catalog .img_area img {-webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .block_lookbook_catalog .img_area .img_item { width: 50%; position: relative; z-index: 0;} .block_lookbook_catalog .img_area .img_item .t_comingsoon {position: absolute; top: 50%; right: 0; left: 0; color: #aaa;font-size: 14px;font-family: 'Libre Baskerville', serif; font-style: italic;text-align: center; -webkit-transform: translate( 0, -50%); transform: translate( 0, -50%);} /* .txt_area */ .block_lookbook_catalog .txt_area { margin: 15px 0 0; padding: 0 150px 0 0; position: relative; z-index: 0;} .block_lookbook_catalog .txt_area .name {font-size: 12px;font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 1px; line-height:1.6;} .block_lookbook_catalog .txt_area .no { margin: 2px 0 0; font-size: 14px;font-family: 'courier_prime_sansregular'; font-weight: normal;line-height:1.6;letter-spacing: 1px;} .block_lookbook_catalog .txt_area .color {font-size: 14px;font-family: 'courier_prime_sansregular'; font-weight: normal;line-height:1.5;letter-spacing: 1px;} .block_lookbook_catalog .txt_area .color .t_jp { margin-left: -.5em; font-size: .875em; vertical-align: 0; font-family: "Noto Sans JP"; letter-spacing: 0;} .block_lookbook_catalog .txt_area .color_notice {font-size: 13px; line-height: 1.5; letter-spacing: 0.015em;} /* .productBox .btn_underline */ .block_lookbook_catalog .btn_underline { position: absolute; top: -3px; right: 0; display: inline-block;border-bottom: #fefefe 1px solid; font-size: 12px;font-family: 'courier_prime_sansregular'; font-weight: normal; line-height: 20px; letter-spacing: 0;text-align: center; z-index: 1; } .block_lookbook_catalog .btn_underline:after { position: absolute; top: -1px; bottom: -1px; left: -4px; right:-4px; display: block; background: transparent; content: ""; z-index: -1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 961px) and (hover: hover) { .block_lookbook_catalog a .img_area:hover img { opacity: 0.3;} .block_lookbook_catalog .btn_underline:hover { color: #111;} .block_lookbook_catalog .btn_underline:hover:after { background: #fefefe;} } @media only screen and (max-width: 960px) { .block_lookbook_catalog .title_lookbook { font-size: 20px;} .block_lookbook_catalog .product_area { margin:-20px 0 0; } .block_lookbook_catalog .product_item { margin: 50px 0 0; } .block_lookbook_catalog .txt_area { margin: 15px 0 0; padding: 0 100px 0 0;} .block_lookbook_catalog .txt_area .name {font-size: 12px;} .block_lookbook_catalog .txt_area .no { margin: 2px 0 0; font-size: 13px;} .block_lookbook_catalog .txt_area .color {font-size: 13px;} } @media only screen and (max-width: 738px) { .block_lookbook_catalog .title_lookbook { font-size: 16px; margin-top: 8px;} .block_lookbook_catalog .product_area { margin:-10px 0 0; } .block_lookbook_catalog .product_item { margin: 35px 0 0;width: 100%;} .block_lookbook_catalog .txt_area { margin: 15px 0 0; padding: 0 80px 0 0;} .block_lookbook_catalog .txt_area .name {font-size: 12px;} .block_lookbook_catalog .txt_area .no { margin: 2px 0 0; font-size: 13px; line-height: 1.5;} .block_lookbook_catalog .btn_underline { top: -5px; display: inline; font-size: 12px; line-height: 25px; } } @media only screen and (max-width: 640px) { .block_lookbook_catalog .btn_underline {font-size: 11px; } }