@charset "UTF-8"; /* ------------pc------------ */ #lp-brand-old .slider { max-width: 100%; width: 100%; height: auto;} #lp-brand-old .bx-wrapper { position: relative; margin-bottom: 0 !important; border: none !important; box-shadow: none !important;} #lp-brand-old .bx-wrapper:before { display: block; padding-top: 46%; content: "";} #lp-brand-old .bx-viewport { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0;} #lp-brand-old .slider_box { width: 100%;} #lp-brand-old .slider div { max-width: 100% !important; width: 100% !important; height: auto !important;} #lp-brand-old .slider div img { max-width: 100% !important; width: 100% !important; height: auto !important;} #lp-brand-old .bxslider div { display: none;} #lp-brand-old .bx-viewport .bxslider div { display: block !important;} #lp-brand-old #page-body { position: relative; width: 100%;} #lp-brand-old .breadcrumb-wrap { position: relative; margin: 0 auto; max-width: 1200px;} #lp-brand-old #culti_lp { position: relative; box-sizing: border-box; width: 100%; color: #525252; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N M","Yu Gothic Pr6N M","游ゴシック体 Pr6N B","Yu Gothic Pr6N B",'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old p.lp_logo { display: block; margin: 70px auto; width: 190px;} #lp-brand-old h1.logo img { width: 100%;} #lp-brand-old #lp_kimg { width: 100%;} #lp-brand-old #lp_cp { box-sizing: border-box; padding: 100px 60px 0px 60px;} #lp-brand-old #lp_cp .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_cp p.lead_text { margin-bottom: 50px; text-align: center; font-weight: bold; font-size: 14px; line-height: 2;} #lp-brand-old #lp_cp .layout1 { display: flex; box-sizing: border-box; margin-bottom: 100px; width: 100%; align-items: center;} #lp-brand-old #lp_cp .layout1 .img { box-sizing: border-box; padding-right: 5%; width: 50%;} #lp-brand-old #lp_cp .layout1 .img img { width: 100%;} #lp-brand-old #lp_cp .layout1 .text { box-sizing: border-box; width: 50%;} #lp-brand-old #lp_cp .text .about_title { margin-top: 20px; margin-bottom: 50px; letter-spacing: 0.1em; font-size: 24px;} #lp-brand-old #lp_cp .text .about_title .num { position: relative; margin-right: 20px; padding-bottom: 15px; border-bottom: 1px solid #A6836F; color: #A6836F; font-weight: normal; font-style: italic; font-size: 50px; font-family: 'Roboto', sans-serif;} #lp-brand-old #lp_cp .text .about_title .jpn { letter-spacing: 0em; font-weight: bold; font-size: 14px;} #lp-brand-old #lp_cp .text .body_text { font-size: 13px; line-height: 2.4;} #lp-brand-old #lp_info { box-sizing: border-box; padding: 70px 60px 90px 60px; text-align: center;} #lp-brand-old #lp_info .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_info .sub_title2 { font-weight: bold;} #lp-brand-old p.sub_title { position: relative; margin-bottom: 60px; color: #A6836F; text-align: center; letter-spacing: 0.1em; font-size: 36px;} #lp-brand-old p.sub_title:after { position: absolute; bottom: -30px; left: calc(50% - 35px); width: 70px; height: 1px; border-top: 1px solid #A6836F; content: "";} #lp-brand-old p.sub_title2 { position: relative; display: inline-block; margin-bottom: 60px; text-align: center; letter-spacing: 0.1em; font-weight: bold; font-size: 20px;} #lp-brand-old p.sub_title2:before { position: absolute; top: 50%; left: -40px; width: 30px; height: 1px; border-top: 1px solid #bbb; content: "";} #lp-brand-old p.sub_title2:after { position: absolute; top: 50%; right: -40px; width: 30px; height: 1px; border-top: 1px solid #bbb; content: "";} #lp-brand-old .lead_text { margin-bottom: 100px; text-align: center; font-weight: bold; font-size: 14px; line-height: 2;} #lp-brand-old #lp_menu { box-sizing: border-box; padding: 20px; background: #E5E4E2;} #lp-brand-old #lp_finder { box-sizing: border-box; padding: 100px 60px 0px 60px;} #lp-brand-old #lp_finder .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_finder p.lead_text { margin-bottom: 50px; text-align: center; font-weight: bold; font-size: 14px; line-height: 2;} #lp-brand-old #lp_finder .layout1 { display: flex; box-sizing: border-box; margin-bottom: 100px; width: 100%; align-items: center;} #lp-brand-old #lp_finder .layout1 .img { box-sizing: border-box; padding-right: 5%; width: 50%;} #lp-brand-old #lp_finder .layout1 .img img { width: 100%;} #lp-brand-old #lp_finder .layout1 .text { box-sizing: border-box; width: 50%;} #lp-brand-old #lp_finder .text .about_title { margin-top: 20px; margin-bottom: 50px; letter-spacing: 0.1em; font-size: 24px;} #lp-brand-old #lp_finder .text .about_title .num { position: relative; margin-right: 20px; padding-bottom: 15px; border-bottom: 1px solid #A6836F; color: #A6836F; font-weight: normal; font-style: italic; font-size: 50px; font-family: 'Roboto', sans-serif;} #lp-brand-old #lp_finder .text .about_title .jpn { margin-left: 15px; letter-spacing: 0em; font-weight: bold; font-size: 14px;} #lp-brand-old #lp_finder .text .body_text { font-size: 13px; line-height: 2.4;} #lp-brand-old #lp_priceinfo { box-sizing: border-box; padding: 100px 60px 0px 60px;} #lp-brand-old #lp_priceinfo .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_priceinfo p.lead_text { margin-bottom: 50px; text-align: center; font-weight: bold; font-size: 14px; line-height: 2;} #lp-brand-old #lp_priceinfo .layout1 { display: flex; box-sizing: border-box; margin-bottom: 100px; width: 100%; align-items: center;} #lp-brand-old #lp_priceinfo .layout1 .img { box-sizing: border-box; padding-right: 5%; width: 50%;} #lp-brand-old #lp_priceinfo .layout1 .img img { width: 100%;} #lp-brand-old #lp_priceinfo .layout1 .text { box-sizing: border-box; width: 50%;} #lp-brand-old #lp_priceinfo .text .about_title { margin-top: 20px; margin-bottom: 50px; letter-spacing: 0.1em; font-size: 24px;} #lp-brand-old #lp_priceinfo .text .about_title .num { position: relative; margin-right: 20px; padding-bottom: 15px; border-bottom: 1px solid #A6836F; color: #A6836F; font-weight: normal; font-style: italic; font-size: 50px; font-family: 'Roboto', sans-serif;} #lp-brand-old #lp_priceinfo .text .about_title .jpn { margin-left: 15px; letter-spacing: 0em; font-weight: bold; font-size: 14px;} #lp-brand-old #lp_priceinfo .text .body_text { font-size: 14px; line-height: 2.4;} #lp-brand-old #lp_priceinfo .price-revision-list { list-style: none; /* 点を消す */ padding: 0; margin: 15px 0; } #lp-brand-old #lp_priceinfo .price-revision-list li { display: flex;/* 商品名と金額を横並びにする */ flex-wrap: wrap;/* スマホで入り切らない時に改行させる */ margin-bottom: 5px; /* 行間の調整 */ line-height: 1.6; } #lp-brand-old #lp_priceinfo .item-name { width: 280px;/* ★ここで商品名の幅を固定（頭を揃えるポイント） */ display: inline-block; } #lp-brand-old #lp_priceinfo .item-price { display: grid; grid-template-columns: 95px 55px 65px; /* 数字に合わせて幅を微調整してください */ text-align: right; } #lp-brand-old #lp_priceinfo .price-arrow { text-align: center; } #lp-brand-old #lp_monthly { box-sizing: border-box; padding: 100px 60px 0px 60px;} #lp-brand-old #lp_monthly .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_monthly p.lead_text { margin-bottom: 50px; text-align: center; font-weight: bold; font-size: 14px; line-height: 2;} #lp-brand-old #lp_monthly .layout1 { display: flex; box-sizing: border-box; margin-bottom: 100px; width: 100%; align-items: center;} #lp-brand-old #lp_monthly .layout1 .img { box-sizing: border-box; padding-right: 5%; width: 50%;} #lp-brand-old #lp_monthly .layout1 .img img { width: 100%;} #lp-brand-old #lp_monthly .layout1 .text { box-sizing: border-box; width: 50%;} #lp-brand-old #lp_monthly .text .about_title { margin-top: 20px; margin-bottom: 50px; letter-spacing: 0.1em; font-size: 24px;} #lp-brand-old #lp_monthly .text .about_title .num { position: relative; margin-right: 20px; padding-bottom: 15px; border-bottom: 1px solid #A6836F; color: #A6836F; font-weight: normal; font-style: italic; font-size: 50px; font-family: 'Roboto', sans-serif;} #lp-brand-old #lp_monthly .text .about_title .jpn { margin-left: 15px; letter-spacing: 0em; font-weight: bold; font-size: 14px;} #lp-brand-old #lp_monthly .text .body_text { font-size: 13px; line-height: 2.4;} #lp-brand-old #lp_menu .lp_cnt { display: flex; margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_menu a { position: relative; display: block; display: -webkit-box; display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; box-sizing: border-box; width: 100%; height: 100%; background: #fff; text-align: center; line-height: 1.3; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;} #lp-brand-old #lp_menu a:before { position: absolute; top: 9px; left: 9px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid #ccc; content: "";} #lp-brand-old #lp_menu a:after { position: absolute; bottom: 20px; left: 50%; margin: auto; width: 6px; height: 6px; border-top: 1px solid #A6836F; border-right: 1px solid #A6836F; content: ""; vertical-align: middle; transform: rotate(135deg);} #lp-brand-old #lp_menu a:hover { color: #525252; opacity: 0.5; transition: 0.3s;} #lp-brand-old #lp_menu a:active, #lp-brand-old #lp_menu a:visited, #lp-brand-old #lp_menu a:focus { color: #525252;} #lp-brand-old #lp_menu a:hover img { transition: 0.3s;} #lp-brand-old #lp_menu a:hover .text span { transition: 0.3s;} #lp-brand-old #lp_menu .left_column { position: relative; box-sizing: border-box; padding-right: 3px; width: 40%;} #lp-brand-old #lp_menu .left_column .menu_btn { box-sizing: border-box; width: 100%;} #lp-brand-old #lp_menu .left_column .menu_btn a { display: flex; padding: 40px 20px;} #lp-brand-old #lp_menu .left_column .menu_btn a .img { box-sizing: border-box; width: 70%; text-align: center;} #lp-brand-old #lp_menu .left_column .menu_btn a .text { box-sizing: border-box; padding-right: 10px; width: 30%; text-align: center;} #lp-brand-old #lp_menu .right_column { position: relative; display: flex; box-sizing: border-box; padding-left: 3px; width: 60%; flex-wrap: wrap; align-items: stretch;} #lp-brand-old #lp_menu .right_column .menu_btn { display: flex; box-sizing: border-box; width: 50%; height: 50%; align-items: center;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(1) { padding-right: 3px; padding-bottom: 3px;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(2) { padding-bottom: 3px; padding-left: 3px;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(3) { padding-top: 3px; padding-right: 3px;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(4) { padding-top: 3px; padding-left: 3px;} #lp-brand-old #lp_menu .right_column .text { box-sizing: border-box; padding-bottom: 8px;} #lp-brand-old #lp_menu .text { font-weight: bold; font-size: 15px;} #lp-brand-old #lp_menu .text span { display: block; color: #A6836F; letter-spacing: 0.1em; font-weight: bold; font-size: 11px;} #lp-brand-old #lp_about { box-sizing: border-box; padding: 100px 60px 100px 60px;} #lp-brand-old #lp_about .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_about .layout1 { display: flex; box-sizing: border-box; margin-bottom: 100px; width: 100%; align-items: center;} #lp-brand-old #lp_about .layout1 .img { box-sizing: border-box; padding-right: 5%; width: 50%;} #lp-brand-old #lp_about .layout1 .img img { width: 100%;} #lp-brand-old #lp_about .layout1 .text { box-sizing: border-box; width: 50%;} #lp-brand-old #lp_about .layout2 { display: flex; flex-direction: row-reverse; box-sizing: border-box; margin-bottom: 100px; align-items: center;} #lp-brand-old #lp_about .layout2 .img { box-sizing: border-box; padding-left: 5%; width: 50%;} #lp-brand-old #lp_about .layout2 .img img { width: 100%;} #lp-brand-old #lp_about .layout2 .text { box-sizing: border-box; width: 50%;} #lp-brand-old #lp_about .text .about_title { margin-top: 20px; margin-bottom: 50px; letter-spacing: 0.1em; font-size: 24px;} #lp-brand-old #lp_about .text .about_title .num { position: relative; margin-right: 20px; padding-bottom: 15px; border-bottom: 1px solid #A6836F; color: #A6836F; font-weight: normal; font-style: italic; font-size: 50px; font-family: 'Roboto', sans-serif;} #lp-brand-old #lp_about .text .about_title .jpn { margin-left: 15px; letter-spacing: 0em; font-weight: bold; font-size: 14px;} #lp-brand-old #lp_about .text .body_text { font-size: 13px; line-height: 2.4;} #lp-brand-old #culti_lp .lp_notes { display: flex; box-sizing: border-box; padding: 30px; border: 2px solid #A6836F; align-items: center;} #lp-brand-old #culti_lp .lp_notes .img { box-sizing: border-box; width: 25%;} #lp-brand-old #culti_lp .lp_notes .img img { width: 100%;} #lp-brand-old #culti_lp .lp_notes .text { box-sizing: border-box; padding-left: 30px; width: 75%;} #lp-brand-old #culti_lp .lp_notes .text .title { position: relative; margin-bottom: 15px; padding-left: 30px; font-weight: bold; font-size: 18px;} #lp-brand-old #culti_lp .lp_notes .text .title:before { position: absolute; top: 0; left: 0; display: block; width: 18px; height: 18px; background: #A6836F; content: "";} #lp-brand-old #culti_lp .lp_notes .text .body_text { font-size: 13px; line-height: 2.2;} #lp-brand-old .lp_warning { margin-top: 80px; width: 100%;} #lp-brand-old .lp_warning a { position: relative; display: block; box-sizing: border-box; padding: 26px 30px; width: 100%; background: #FCF3F2; color: #B20000; font-size: 14px; transition: 0.3s;} #lp-brand-old .lp_warning a span { box-sizing: border-box; margin-right: 20px; padding: 6px 20px; background: #B20000; color: #fff;} #lp-brand-old .lp_warning a:hover { opacity: 0.5;} #lp-brand-old .lp_warning a:after { position: absolute; top: calc(50% - 5px); right: 30px; margin: auto; width: 10px; height: 10px; border-top: 1px solid #B20000; border-right: 1px solid #B20000; content: ""; vertical-align: middle; transform: rotate(45deg);} #lp-brand-old #lp_lineup { box-sizing: border-box; padding: 100px 60px 100px 60px; background: #F5F5F5;} #lp-brand-old #lp_lineup .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_lineup .column2 { display: flex; flex-wrap: wrap;} #lp-brand-old #lp_lineup .column2 .prd { box-sizing: border-box; margin-bottom: 60px; width: calc(50% - 20px);} #lp-brand-old #lp_lineup .column2 .prd:nth-child(odd) { margin-right: 20px;} #lp-brand-old #lp_lineup .column2 .prd:nth-child(even) { margin-left: 20px;} #lp-brand-old #lp_lineup .column3 { display: flex; flex-wrap: wrap;} #lp-brand-old #lp_lineup .column3 .prd { box-sizing: border-box; margin-bottom: 60px; margin-left: 40px; width: calc(33% - 26px);} #lp-brand-old #lp_lineup .column3 .prd:nth-child(3n+1) { margin-left: 0px;} #lp-brand-old #lp_lineup .prd { display: flex; flex-direction: column;} #lp-brand-old #lp_lineup .prd .img { margin-bottom: 20px; min-height: 0%; width: 100%;} #lp-brand-old #lp_lineup .prd .img img { width: 100%;} #lp-brand-old #lp_lineup .prd .text { margin-bottom: 20px; min-height: 0%;} #lp-brand-old #lp_lineup .prd .text .lineup_title { font-weight: bold; font-size: 16px; margin-bottom: 4%;} #lp-brand-old #lp_lineup .prd .text .body_text { font-size: 13px; line-height: 1.8;} #lp-brand-old #lp_lineup .prd .link_btn { margin-top: auto;} #lp-brand-old #lp_lineup .prd .link_btns { width: 100%;} #lp-brand-old #lp_lineup .prd .link_btns ul { display: flex; width: 100%; flex-wrap: wrap;} #lp-brand-old #lp_lineup .prd .link_btns ul li { margin-top: 10px; margin-left: 10px; width: calc(50% - 5px);} #lp-brand-old #lp_lineup .prd .link_btns ul li:nth-child(2n+1) { margin-left: 0px;} #lp-brand-old #lp_lineup .prd .link_btns ul li a { position: relative; display: block; box-sizing: border-box; padding: 20px 20px; background: #A6836F; color: #fff; text-align: center; font-size: 12px; transition: 0.3s;} #lp-brand-old #lp_lineup .prd .link_btns ul li a:hover { opacity: 0.5;} #lp-brand-old #lp_lineup .prd .link_btn a { position: relative; display: block; box-sizing: border-box; padding: 20px 20px; background: #A6836F; color: #fff; text-align: center; font-size: 12px; transition: 0.3s;} #lp-brand-old #lp_lineup .prd .link_btn a:hover { opacity: 0.5;} #lp-brand-old #lp_lineup .prd .link_btns ul li a:after, #lp-brand-old #lp_lineup .prd .link_btn a:after { position: absolute; top: calc(50% - 3px); right: 15px; margin: auto; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; transform: rotate(45deg);} #lp-brand-old #lp_fragrance { box-sizing: border-box; padding: 100px 60px 100px 60px;} #lp-brand-old #lp_fragrance .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_fragrance .category_wrap { margin-bottom: 80px; border-bottom: 1px solid #ccc; text-align: center;} #lp-brand-old #lp_fragrance .category_wrap:last-child { margin-bottom: 0px; border-bottom: none;} #lp-brand-old #lp_fragrance .column3 { display: flex; margin-top: 20px; text-align: left; flex-wrap: wrap;} #lp-brand-old #lp_fragrance .column3 .prd { box-sizing: border-box; margin-bottom: 80px; margin-left: 40px; width: calc(33% - 26px);} #lp-brand-old #lp_fragrance .column3 .prd:nth-child(3n+1) { margin-left: 0px;} #lp-brand-old #lp_fragrance .prd { display: flex; flex-direction: column;} #lp-brand-old #lp_fragrance .prd .img { margin-bottom: 20px; min-height: 0%; width: 100%;} #lp-brand-old #lp_fragrance .prd .img img { width: 100%;} #lp-brand-old #lp_fragrance .prd .text { margin-bottom: 20px; min-height: 0%;} #lp-brand-old #lp_fragrance .prd .text .category_label { display: inline-block; margin-bottom: 20px; padding: 1px 16px; background: #525252; color: #fff; font-size: 12px;} #lp-brand-old #lp_fragrance .prd .text .lineup_title { margin-bottom: 15px; font-weight: bold; font-size: 18px;} #lp-brand-old #lp_fragrance .prd .text .lineup_title span { margin-left: 5px; font-size: 12px;} #lp-brand-old #lp_fragrance .prd .text .lineup_title span.color_r { color: #a6836f; font-size: 12px;} #lp-brand-old #lp_fragrance .prd .text .body_text { font-size: 12px; line-height: 1.8;} #lp-brand-old #lp_fragrance .prd .text .sub_text { font-size: 12px; line-height: 1.8;} #lp-brand-old #lp_fragrance .prd .link_btn { margin-top: auto;} #lp-brand-old #lp_fragrance .prd .link_btn a { position: relative; display: block; box-sizing: border-box; padding: 20px 20px; background: #A6836F; color: #fff; text-align: center; font-size: 12px; transition: 0.3s;} #lp-brand-old #lp_fragrance .prd .link_btn a:hover { opacity: 0.5;} #lp-brand-old #lp_fragrance .prd .link_btn a:after { position: absolute; top: calc(50% - 3px); right: 15px; margin: auto; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; transform: rotate(45deg);} #lp-brand-old #lp_gift { box-sizing: border-box; padding: 100px 60px 120px 60px; background: #F5F5F5;} #lp-brand-old #lp_gift .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_howto { box-sizing: border-box; padding: 100px 60px 80px 60px;} #lp-brand-old #lp_howto p.sub_title { margin-bottom: 120px;} #lp-brand-old #lp_howto p.sub_title2 { margin-bottom: 40px;} #lp-brand-old #lp_howto .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_howto .cnt_wrap { margin-bottom: 100px; padding-bottom: 100px; width: 100%; border-bottom: 1px solid #ccc; text-align: center;} #lp-brand-old #lp_howto .lp_table { box-sizing: border-box; margin-top: 20px; margin-bottom: 60px; width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; font-size: 14px;} #lp-brand-old #lp_howto .lp_table th { box-sizing: border-box; padding: 15px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #F5F5F5;} #lp-brand-old #lp_howto .lp_table td { box-sizing: border-box; padding: 15px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #lp-brand-old #lp_howto .lp_table tr th:last-child { text-align: left;} #lp-brand-old #lp_howto .lp_table tr td:last-child { text-align: left;} #lp-brand-old #lp_howto .cnt_wrap:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;} #lp-brand-old #lp_howto .howto_notes { display: flex; box-sizing: border-box; padding: 30px; border: 2px solid #A6836F; align-items: center;} #lp-brand-old #lp_howto .howto_notes .lead_copy { box-sizing: border-box; padding-right: 30px; padding-left: 20px;} #lp-brand-old #lp_howto .howto_notes .lead_copy p { margin: 0; color: #A6836F; font-weight: bold; font-size: 16px;} #lp-brand-old #lp_howto .howto_notes .body_text { box-sizing: border-box; text-align: left;} #lp-brand-old #lp_howto .howto_notes .body_text ul li { margin-bottom: 10px; font-size: 14px;} #lp-brand-old #lp_howto .howto_notes .body_text ul li:last-child { margin-bottom: 0px;} #lp-brand-old #lp_howto .sub_lead { margin-bottom: 80px; font-size: 14px; line-height: 2.2;} #lp-brand-old #lp_howto .lp_mix { display: flex; box-sizing: border-box; flex-wrap: wrap;} #lp-brand-old #lp_howto .lp_mix .cnt { display: flex; box-sizing: border-box; margin-bottom: 60px; margin-left: 40px; width: calc(50% - 20px); text-align: left;} #lp-brand-old #lp_howto .lp_mix .cnt:nth-child(2n+1) { margin-left: 0px;} #lp-brand-old #lp_howto .lp_mix .cnt .img { box-sizing: border-box; padding-right: 30px; width: 50%;} #lp-brand-old #lp_howto .lp_mix .cnt .img ul { display: flex; line-height: 0;} #lp-brand-old #lp_howto .lp_mix .cnt .img ul li { width: 50%;} #lp-brand-old #lp_howto .lp_mix .cnt .img ul li a { transition: 0.3s;} #lp-brand-old #lp_howto .lp_mix .cnt .img ul li a img { width: 100%;} #lp-brand-old #lp_howto .lp_mix .cnt .img ul li a:hover { opacity: 0.5;} #lp-brand-old #lp_howto .lp_mix .cnt .text { width: 50%;} #lp-brand-old #lp_howto .lp_mix .cnt .text .mix_title { position: relative; display: block; margin-bottom: 10px; padding-left: 15px; border-left: 2px solid #A6836F; font-weight: bold; font-size: 16px;} #lp-brand-old #lp_howto .lp_mix .cnt .text .mix_title span { display: block; margin-top: 6px; color: #727272; font-size: 13px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #lp_howto .lp_mix .cnt .text .body_text { font-size: 12px; line-height: 1.8;} #lp-brand-old #lp_shop { box-sizing: border-box; padding: 100px 60px 120px 60px; background: #F5F5F5;} #lp-brand-old #lp_shop .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_shop .sub_title { margin-bottom: 100px;} #lp-brand-old #lp_gallery { box-sizing: border-box; padding: 100px 60px 120px 60px;} #lp-brand-old #lp_gallery .sub_title { margin-bottom: 100px;} #lp-brand-old #lp_gallery .lp_cnt { margin: 0 auto; max-width: 1200px; width: 100%;} #lp-brand-old #lp_gallery .insta_thumb { box-sizing: border-box; width: 100%;} #lp-brand-old #culti_lp .lp_notes_b { display: flex; box-sizing: border-box; align-items: center;} #lp-brand-old #culti_lp .lp_notes_b .img { box-sizing: border-box; width: 40%;} #lp-brand-old #culti_lp .lp_notes_b .img img { width: 100%;} #lp-brand-old #culti_lp .lp_notes_b .text { box-sizing: border-box; padding-left: 50px; width: 60%;} #lp-brand-old #culti_lp .lp_notes_b .text .title { position: relative; margin-bottom: 25px; padding-left: 30px; font-weight: bold; font-size: 18px;} #lp-brand-old #culti_lp .lp_notes_b .text .strong_text { position: relative; margin-top: 25px; font-weight: bold; font-size: 14px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #culti_lp .lp_notes_b .text .title:before { position: absolute; top: 0; left: 0; display: block; width: 18px; height: 18px; background: #A6836F; content: "";} #lp-brand-old #culti_lp .lp_notes_b .text .body_text { font-size: 13px; line-height: 2.2;} #lp-brand-old #culti_lp .link_btn_b { display: block; margin: 60px auto 0 auto; max-width: 440px;} #lp-brand-old #culti_lp .link_btn_b a { position: relative; display: block; box-sizing: border-box; padding: 15px 20px; background: #A6836F; color: #fff; text-align: center; font-size: 14px; transition: 0.3s;} #lp-brand-old #culti_lp .link_btn_b a:hover { opacity: 0.5;} #lp-brand-old #culti_lp .link_btn_b a:after { position: absolute; top: calc(50% - 3px); right: 15px; margin: auto; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; transform: rotate(45deg);} #lp-brand-old .sp_view { display: none;} #lp-brand-old .pc_hide { display: none;} /* ------------tab1------------ */ @media (max-width: 1200px) { #lp-brand-old .breadcrumb-wrap { max-width: 940px;} } /* ------------tab2------------ */ @media (max-width: 980px) { #lp-brand-old .breadcrumb-wrap { max-width: 724px;} #lp-brand-old .bx-wrapper:before { padding-top: 80%;} #lp-brand-old .pc_view { display: none;} #lp-brand-old .sp_view { display: block;} #lp-brand-old .sp_hide { display: none;} #lp-brand-old .pc_hide { display: inline;} #lp-brand-old p.sub_title { margin-bottom: 60px; font-size: 24px;} #lp-brand-old p.sub_title:after { bottom: -30px; left: calc(50% - 35px); width: 70px;} #lp-brand-old p.sub_title2 { margin-bottom: 60px; padding: 0 40px; font-size: 14px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old p.sub_title2:before { left: 10px; width: 20px;} #lp-brand-old p.sub_title2:after { right: 10px; width: 20px;} #lp-brand-old .lead_text { margin-bottom: 40px; text-align: left; font-size: 12px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #lp_info { padding: 60px 30px 80px 30px;} #lp-brand-old #lp_info p.sub_title2 { font-size: 18px;} #lp-brand-old #lp_cp { padding: 60px 30px 0px 30px;} #lp-brand-old #lp_cp p.lead_text { margin-bottom: 25px;} #lp-brand-old #lp_cp .layout1 { display: block; margin-bottom: 60px;} #lp-brand-old #lp_cp .layout1 .img { padding-right: 0; width: 100%;} #lp-brand-old #lp_cp .layout1 .text { width: 100%;} #lp-brand-old #lp_cp .text .about_title { margin: 40px auto 25px;} #lp-brand-old #lp_cp .text .body_text { font-size: 12px; line-height: 2;} #lp-brand-old #lp_menu { padding: 15px;} #lp-brand-old #lp_menu .lp_cnt { display: block;} #lp-brand-old #lp_menu a:before { top: 6px; left: 6px; width: calc(100% - 14px); height: calc(100% - 14px);} #lp-brand-old #lp_menu a:after { bottom: 15px;} #lp-brand-old #lp_menu .left_column { margin-bottom: 7px; padding-right: 0px; width: 100%;} #lp-brand-old #lp_menu .left_column .menu_btn a { padding: 20px 20px 30px 20px;} #lp-brand-old #lp_menu .left_column .menu_btn a .img { width: 70%;} #lp-brand-old #lp_menu .left_column .menu_btn a .text { padding-top: 20px; padding-left: 10px; width: 30%;} #lp-brand-old #lp_menu .right_column { padding-left: 0px; width: 100%;} #lp-brand-old #lp_menu .right_column .menu_btn a { padding: 20px 20px;} #lp-brand-old #lp_menu .right_column .menu_btn { box-sizing: border-box; width: 50%; height: 50%;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(1) { padding-right: 3px; padding-bottom: 3px;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(2) { padding-bottom: 3px; padding-left: 3px;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(3) { padding-top: 3px; padding-right: 3px;} #lp-brand-old #lp_menu .right_column .menu_btn:nth-child(4) { padding-top: 3px; padding-left: 3px;} #lp-brand-old #lp_menu .right_column .text { box-sizing: border-box; padding-bottom: 8px;} #lp-brand-old #lp_menu .text { font-weight: bold; font-size: 12px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #lp_menu .text span { display: block; color: #A6836F; letter-spacing: 0.1em; font-weight: bold; font-size: 10px;} #lp-brand-old #lp_finder { padding: 60px 30px 0px 30px;} #lp-brand-old #lp_finder p.lead_text { margin-bottom: 25px;} #lp-brand-old #lp_finder .layout1 { display: block; margin-bottom: 60px;} #lp-brand-old #lp_finder .layout1 .img { padding-right: 0; width: 100%; margin: 0 auto 4%; } #lp-brand-old #lp_finder .layout1 .text { width: 100%;} #lp-brand-old #lp_finder .text .about_title { margin: 40px auto 25px;} #lp-brand-old #lp_finder .text .body_text { font-size: 12px; line-height: 2;} #lp-brand-old #lp_priceinfo { padding: 60px 30px 0px 30px;} #lp-brand-old #lp_priceinfo p.lead_text { margin-bottom: 25px;} #lp-brand-old #lp_priceinfo .layout1 { display: block; margin-bottom: 60px;} #lp-brand-old #lp_priceinfo .layout1 .img { padding-right: 0; width: 100%; margin: 0 auto 4%; } #lp-brand-old #lp_priceinfo .layout1 .text { width: 100%;} #lp-brand-old #lp_priceinfo .text .about_title { margin: 40px auto 25px;} #lp-brand-old #lp_priceinfo .text .body_text { font-size: 12px; line-height: 2;} /* スマホ用の調整（画面が狭いときは縦に並べる） */ #lp-brand-old #lp_priceinfo .price-revision-list { font-size: 12px; line-height: 2; } #lp-brand-old #lp_priceinfo .item-name { width: 100%; /* スマホでは横幅いっぱいに */ } #lp-brand-old #lp_priceinfo .item-price { padding: 5px 0px 5px 10px; /* 少しずらして見やすく */ margin-botoom: 8px; } #lp-brand-old #lp_monthly { padding: 60px 30px 0px 30px;} #lp-brand-old #lp_monthly p.lead_text { margin-bottom: 25px;} #lp-brand-old #lp_monthly .layout1 { display: block; margin-bottom: 60px;} #lp-brand-old #lp_monthly .layout1 .img { padding-right: 0; width: 100%;} #lp-brand-old #lp_monthly .layout1 .text { width: 100%;} #lp-brand-old #lp_monthly .text .about_title { margin: 40px auto 25px;} #lp-brand-old #lp_monthly .text .body_text { font-size: 12px; line-height: 2;} #lp-brand-old #lp_about { padding: 60px 30px 80px 30px;} #lp-brand-old #lp_about .layout1 { display: block; margin-bottom: 60px;} #lp-brand-old #lp_about .layout1 .img { padding-right: 0; width: 100%;} #lp-brand-old #lp_about .layout1 .text { width: 100%;} #lp-brand-old #lp_about .layout2 { display: block; margin-bottom: 60px;} #lp-brand-old #lp_about .layout2 .img { padding-left: 0; width: 100%;} #lp-brand-old #lp_about .layout2 .text { width: 100%;} #lp-brand-old #lp_about .text .about_title { margin-top: 40px;} #lp-brand-old #lp_about .text .body_text { font-size: 12px; line-height: 2;} #lp-brand-old #culti_lp .lp_notes { display: block; padding: 25px;} #lp-brand-old #culti_lp .lp_notes .img { margin-bottom: 20px; width: 100%;} #lp-brand-old #culti_lp .lp_notes .text { padding-left: 0px; width: 100%;} #lp-brand-old #culti_lp .lp_notes .text .title { margin-bottom: 15px; padding-left: 20px; font-size: 14px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #culti_lp .lp_notes .text .title:before { top: 2px; width: 14px; height: 14px;} #lp-brand-old #culti_lp .lp_notes .text .body_text { font-size: 12px; line-height: 2;} #lp-brand-old .lp_warning { margin-top: 40px;} #lp-brand-old #lp_lineup { padding: 60px 30px 10px 30px;} #lp-brand-old #lp_lineup .column2 { display: block;} #lp-brand-old #lp_lineup .column2 .prd { margin-bottom: 60px; width: 100%;} #lp-brand-old #lp_lineup .column2 .prd:nth-child(odd) { margin-right: 0px;} #lp-brand-old #lp_lineup .column2 .prd:nth-child(even) { margin-left: 0px;} #lp-brand-old #lp_lineup .column3 { display: block;} #lp-brand-old #lp_lineup .column3 .prd { display: block; margin-left: 0px; width: 100%;} #lp-brand-old #lp_lineup .column3 .prd:nth-child(3n+1) { margin-left: 0px;} #lp-brand-old #lp_lineup .prd { display: block;} #lp-brand-old #lp_lineup .prd .text .lineup_title { font-size: 14px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #lp_lineup .prd .text .body_text { font-size: 12px;} #lp-brand-old #lp_lineup .prd .link_btns ul li a:after, #lp-brand-old #lp_lineup .prd .link_btn a:after { right: 15px;} #lp-brand-old #lp_fragrance { padding: 60px 30px 10px 30px;} #lp-brand-old #lp_fragrance p.sub_title2 { margin-bottom: 40px;} #lp-brand-old #lp_fragrance .category_wrap { margin-bottom: 60px;} #lp-brand-old #lp_fragrance .column3 { display: block; margin-top: 0px;} #lp-brand-old #lp_fragrance .column3 .prd { margin-bottom: 70px; margin-left: 0px; width: 100%;} #lp-brand-old #lp_fragrance .prd { display: block;} #lp-brand-old #lp_fragrance .prd .text .category_label { margin-bottom: 14px; font-size: 10px;} #lp-brand-old #lp_fragrance .prd .text .lineup_title { margin-bottom: 10px; font-weight: bold; font-size: 18px;} #lp-brand-old #lp_fragrance .prd .text .lineup_title span { margin-left: 5px; font-size: 10px;} #lp-brand-old #lp_fragrance .prd .text .body_text { font-size: 12px; line-height: 1.8;} #lp-brand-old #lp_fragrance .prd .text .sub_text { font-size: 12px; line-height: 1.8;} #lp-brand-old #lp_gift { padding: 60px 30px 80px 30px;} #lp-brand-old #culti_lp .lp_notes_b { display: block;} #lp-brand-old #culti_lp .lp_notes_b .img { margin-bottom: 30px; width: 100%;} #lp-brand-old #culti_lp .lp_notes_b .text { padding-left: 0px; width: 100%;} #lp-brand-old #culti_lp .lp_notes_b .text .title { margin-bottom: 15px; padding-left: 20px; font-size: 14px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #culti_lp .lp_notes_b .text .title:before { top: 2px; width: 14px; height: 14px;} #lp-brand-old #culti_lp .lp_notes_b .text .body_text { font-size: 12px; line-height: 2;} #lp-brand-old #culti_lp .link_btn_b { display: block; margin: 40px auto 0 auto; max-width: 100%;} #lp-brand-old #culti_lp .link_btn_b a { padding: 10px 20px; font-size: 12px;} #lp-brand-old #lp_howto { padding: 60px 30px 30px 30px;} #lp-brand-old #lp_howto p.sub_title { margin-bottom: 80px;} #lp-brand-old #lp_howto .cnt_wrap { margin-bottom: 60px; padding-bottom: 60px;} #lp-brand-old #lp_howto .lp_table { margin-top: 0px; margin-bottom: 40px; font-size: 12px;} #lp-brand-old #lp_howto .lp_table th { padding: 10px 10px;} #lp-brand-old #lp_howto .lp_table td { padding: 10px 10px;} #lp-brand-old #lp_howto .howto_notes { display: block; padding: 25px;} #lp-brand-old #lp_howto .howto_notes .lead_copy { margin-bottom: 15px; padding-right: 0px; padding-left: 0px; text-align: left;} #lp-brand-old #lp_howto .howto_notes .lead_copy p { font-size: 14px; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old #lp_howto .howto_notes .body_text { box-sizing: border-box; text-align: left;} #lp-brand-old #lp_howto .howto_notes .body_text ul li { margin-bottom: 10px; font-size: 12px;} #lp-brand-old #lp_howto .sub_lead { margin-bottom: 60px; text-align: left; font-size: 12px; line-height: 2.2;} #lp-brand-old #lp_howto .lp_mix { display: block;} #lp-brand-old #lp_howto .lp_mix .cnt { display: block; margin-bottom: 40px; margin-left: 0px; width: 100%;} #lp-brand-old #lp_howto .lp_mix .cnt:nth-child(2n+1) { margin-left: 0px;} #lp-brand-old #lp_howto .lp_mix .cnt .img { margin-bottom: 20px; padding-right: 0px; width: 100%;} #lp-brand-old #lp_howto .lp_mix .cnt .img ul { display: flex; line-height: 0;} #lp-brand-old #lp_howto .lp_mix .cnt .text { width: 100%;} #lp-brand-old #lp_howto .lp_mix .cnt .text .mix_title { margin-bottom: 15px;} #lp-brand-old #lp_howto .lp_mix .cnt .text .body_text { font-size: 12px; line-height: 1.8;} #lp-brand-old #lp_shop { padding: 60px 30px 60px 30px;} #lp-brand-old #lp_shop .sub_title { margin-bottom: 80px;} #lp-brand-old #lp_gallery { padding: 60px 30px 80px 30px;} #lp-brand-old #lp_gallery .sub_title { margin-bottom: 80px;} } /* ------------sp------------ */ @media (max-width: 767px) { #lp-brand-old .navbar-fixed-top, #lp-brand-old .navbar-fixed-bottom, #lp-brand-old .navbar-static-top { margin-right: 0px; margin-left: 0px;} #lp-brand-old .breadcrumb-wrap { box-sizing: border-box; padding: 0 2%;} #lp-brand-old #page-body.container { margin: 0 0 0;} #lp-brand-old .list-category .caption { box-sizing: border-box;} #lp-brand-old .list-category h2 { box-sizing: border-box; width: 100%;} #lp-brand-old .list-category .nav-list.child-category > li > a, #lp-brand-old .list-category h2 a { box-sizing: border-box;} #lp-brand-old .list-category h2 .toggle-btn::after, #lp-brand-old .list-category .nav-list > li > .toggle-btn::after { box-sizing: border-box;} #lp-brand-old .list-category .nav-list.child-category > li > a, #lp-brand-old .list-category h2 a { box-sizing: border-box;} #lp-brand-old .list-category h2 .toggle-btn, #lp-brand-old .list-category .nav-list > li > .toggle-btn { box-sizing: border-box;} #lp-brand-old #brand-wrap { box-sizing: border-box;} #lp-brand-old #page-footer .container { margin: 0 0 0;} #lp-brand-old .window-fix { margin-right: 0px !important; margin-left: 0px !important; padding-right: 0px !important; padding-left: 0px !important;} #lp-brand-old p.lp_logo { margin: 0 auto 60px auto; padding-top: 60px; width: 120px;} #lp-brand-old #lp_about .text .about_title { margin-top: 40px; margin-bottom: 40px; font-size: 18px;} #lp-brand-old #lp_about .text .about_title .num { margin-right: 10px; padding-bottom: 10px; font-size: 36px;} #lp-brand-old #lp_about .text .about_title .jpn { margin-left: 8px; font-size: 8px;} #lp-brand-old .lp_warning a { padding: 15px; font-size: 12px;} #lp-brand-old .lp_warning a span { display: block; margin-right: 0px; margin-bottom: 10px; padding: 2px 20px; max-width: 130px;} #lp-brand-old .lp_warning a:after { right: 15px;} #lp-brand-old #lp_howto .lp_table { font-size: 10px;} } /* ------------sp------------ */ #lp-brand-old li { list-style: none;} #lp-brand-old .p-info__title { padding: 15px 0; text-align: left; font-weight: bold; font-family: 'Montserrat','游ゴシック',YuGothic,"游ゴシック体 Pr6N B","Yu Gothic Pr6N B", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;} #lp-brand-old .p-info__main-container { padding-top: 30px;} #lp-brand-old .p-info__main-container:after { display: block; clear: both; content: "";} #lp-brand-old .p-info__description-container { float: left; box-sizing: border-box; padding-left: 30px; width: 65%; text-align: left; word-wrap: break-word;} #lp-brand-old .ddd { background-color: #a77d6b;} #lp-brand-old .p-info__image-container { float: left; box-sizing: border-box; width: 35%;} #lp-brand-old .p-info__image-content { width: 100%;} #lp-brand-old a.p-info__link-content { position: relative; display: block; box-sizing: border-box; padding: 15px 20px; background: #A6836F; color: #fff; text-align: center; font-size: 14px; transition: 0.3s;} #lp-brand-old a.p-info__link-content:hover { opacity: 0.5;} #lp-brand-old .p-info__link-container { display: block; float: right; margin-top: 40px; margin-right: 0; max-width: 440px; width: 320px;} #lp-brand-old a.p-info__link-content:after { position: absolute; top: calc(50% - 3px); right: 15px; margin: auto; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; content: ""; vertical-align: middle; transform: rotate(45deg);} #lp-brand-old .p-info__description-container { position: relative;} #lp-brand-old .p-info__title, #lp-brand-old p.p-info__description-content { font-size: 14px; line-height: 2.4;} #lp-brand-old .p-info__main-container { display: none; padding-bottom: 30px; border-top: 1px dotted #ddd; opacity: 1;} #lp-brand-old .p-info__container { border-bottom: 1px solid #ddd;} #lp-brand-old .p-info__header { position: relative; border-top: 1px solid #ddd;} #lp-brand-old .p-info__toggle-icon-container { position: absolute; top: calc(50% - 12px); right: 0; width: 24px; height: 24px; background-color: #a77d6b;} #lp-brand-old .p-info__toggle-icon::before, #lp-brand-old .p-info__toggle-icon::after { position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); display: block; display: inline-block; width: 11px; height: 1px; background: #fff; content: ''; transform: translateY(-50%);} #lp-brand-old .p-info__toggle-icon::after { background: #fff; transform: translateY(-50%) rotate(90deg);} #lp-brand-old .p-info__header.opened .p-info__toggle-icon::after { display: none;} @media (max-width: 980px) { #lp-brand-old .p-info__image-container, #lp-brand-old .p-info__description-container { width: 100%;} #lp-brand-old .p-info__link-container { position: static; float: none; margin-top: 20px; max-width: none; width: 100%;} #lp-brand-old .p-info__description-container { margin-top: 20px; padding-left: 0;} #lp-brand-old .p-info__title, #lp-brand-old p.p-info__description-content { font-size: 12px; line-height: 2;} #lp-brand-old a.p-info__link-content { padding: 10px 20px; font-size: 12px;} } #lp-brand-old .p-info__title { overflow: hidden; padding-right: 40px; text-overflow: ellipsis; white-space: nowrap;} #lp-brand-old .bn{ position: fixed; right: 1.5625vw; bottom: 1.822916667vw; z-index: 30;} #lp-brand-old .bn a{ display: block; width: 14.84375vw; filter: drop-shadow(4px 4px 4px rgba(47, 41, 38, 0.2));} @media only screen and (max-width: 736px) { #lp-brand-old .bn{ right: 0; bottom: 0; z-index: 10;} #lp-brand-old .bn a{ width: 100vw; box-shadow: 0 0 2.666666667vw rgba(152, 107, 85, 0.8); filter: none;} } .menu-button{ display: none;} @media only screen and (max-width: 736px) { .menu-button{ position: sticky; top: 18.4vw; right: 0; z-index: 30; display: block; margin: 0 0 0 auto; width: 11.2vw; height: 24.8vw; filter: drop-shadow(0px 0.533333333vw 1.066666667vw rgba(0, 0, 0, 0.24)); cursor: pointer; transition: right 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);} body.active .menu-button{ right: 83.46666667vw;} .menu-overlay{ position: fixed; top: 0; left: 0; z-index: 20; display: none; width: 100%; height: 100%; background-color: rgba(51,51,51,.5);} body.active .menu-overlay{ display: block;} body.active{ overflow-y: hidden;} }