@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap");
.bl_section_stylebook .ly_main_inner, .bl_section_info .ly_main_inner { -ms-flex-align: center; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

.bl_section_stylebook_link_mask, .bl_section_stylebook_more { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; }

html { -ms-scroll-chaining: none; -webkit-text-size-adjust: none; height: 100%; overflow-y: scroll; overscroll-behavior: none; }

body { bottom: 0; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; left: 0; position: relative; right: 0; top: 0; }

@-webkit-keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

.ly_mainvis .bl_mv_list_img { width: 100%; }

.bl_section_stylebook { background: #EDEDF1; padding: 7.4% 0 8.4%; }

@media screen and (max-width: 768px) { .bl_section_stylebook { padding: 17.4% 0 20%; } }

.bl_section_stylebook_full { padding: 8.2% 0 8.4%; }

@media screen and (max-width: 768px) { .bl_section_stylebook_full { padding: 17.4% 0 20%; } }

.bl_section_stylebook .ly_main_inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bl_section_stylebook_ttl { position: relative; }

.bl_section_stylebook_ttl::after { -webkit-transform: translateX(-50%); background-color: #1A1A1A; bottom: -149%; content: ''; display: block; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: 33px; }

.bl_section_stylebook_ttl_img { margin: 0 auto 3.5%; width: 10%; }

@media screen and (max-width: 768px) { .bl_section_stylebook_ttl_img { margin: 0 auto 11%; width: 29%; } }

.bl_section_stylebook_txt { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; letter-spacing: 0.08rem; margin-bottom: 2%; text-align: center; }

@media screen and (max-width: 768px) { .bl_section_stylebook_txt { margin-bottom: 9%; } }

.bl_section_stylebook_link { margin-bottom: 3%; position: relative; width: 31%; }

@media screen and (max-width: 768px) { .bl_section_stylebook_link { margin-bottom: 10%; width: 100%; } }

.bl_section_stylebook_link_mask { -webkit-transition: all 0.2s ease; background-color: transparent; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.2s ease; width: 100%; }

.bl_section_stylebook_link_mask img { width: 100%; }

.bl_section_stylebook_link:hover .bl_section_stylebook_link_mask { opacity: 1; }

.bl_section_stylebook_bg { background-color: #FFEE00; height: 31vw; margin: 4% auto -32.5%; width: 41%; }

@media screen and (max-width: 768px) { .bl_section_stylebook_bg { height: 82vw; margin: 11% auto -87%; width: 100%; } }

.bl_section_stylebook_slide { margin-bottom: 3%; }

@media screen and (max-width: 768px) { .bl_section_stylebook_slide { margin-bottom: 8%; } }

.bl_section_stylebook_slide .slick-track { width: 20000px !important; }

.bl_section_stylebook_slide .slick-slide { -webkit-transform: scale(0.8); -webkit-transition: .3s ease; transform: scale(0.8); transition: .3s ease; }

@media screen and (max-width: 768px) { .bl_section_stylebook_slide .slick-slide { -webkit-transform: scale(0.75); transform: scale(0.75); } }

.bl_section_stylebook_slide .slick-current { -webkit-transform: scale(1); transform: scale(1); }

.bl_section_stylebook_slide_list_img { width: 94%; }

@media screen and (max-width: 768px) { .bl_section_stylebook_slide_list_img { width: 100%; } }

.bl_section_stylebook_more { background: #1A1A1A; border-radius: 15px; height: 50px; margin: 0 auto; width: 150px; }

.bl_section_stylebook_more_link { padding: 15px 5px; }

.bl_section_stylebook_more img { margin: auto; width: 60%; }

.bl_section_stylebook_more:hover { background: #2b2b2b; }

.bl_section_flow { background: #1A1A1A; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.9% 0 5%; }

@media screen and (max-width: 768px) { .bl_section_flow { padding: 3.9% 0 10%; } }

.bl_section_flow .ly_main_inner { max-width: initial; padding-top: 7.5%; width: 75%; }

@media screen and (min-width: 751px) and (max-width: 1800px) { .bl_section_flow .ly_main_inner { margin-left: auto; margin-right: 0; width: 87%; } }

@media screen and (max-width: 768px) { .bl_section_flow .ly_main_inner { padding-top: 22%; width: 83%; } }

.bl_section_flow_ttl { margin-left: 2%; position: relative; width: 5%; }

@media screen and (max-width: 768px) { .bl_section_flow_ttl { width: 17%; } }

.bl_section_flow_ttl_img { width: 100%; }

.bl_section_flow_box { text-align: center; }

.bl_section_flow_box_wrap { -webkit-overflow-scrolling: touch; list-style-type: none; overflow-x: auto; padding: 0 0 12px 8px; white-space: nowrap; width: 100%; }

@media screen and (max-width: 768px) { .bl_section_flow_box_wrap { padding: 0 0 17px 11px; } }

.bl_section_flow_box_wrap::-webkit-scrollbar { height: 5px; width: 5px; }

.bl_section_flow_box_wrap::-webkit-scrollbar-track { background: #fff; }

.bl_section_flow_box_wrap::-webkit-scrollbar-thumb { background: #FFEE00; }

.bl_section_flow_box_wrap_list { display: inline-block; margin-bottom: 3%; margin-right: 50px; width: 24%; width: 300px; }

@media screen and (max-width: 768px) { .bl_section_flow_box_wrap_list { margin-right: 20px; width: 87%; } }

.bl_section_flow_box_wrap_list img { width: 100%; }

.bl_section_info { background: #EDEDF1; padding: 6.5% 0; }

@media screen and (max-width: 768px) { .bl_section_info { padding: 17% 0 20%; } }

.bl_section_info .ly_main_inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bl_section_info_detail { border: 3px solid #FFEE00; height: auto; margin-bottom: 3.5%; width: 47.5%; }

@media screen and (max-width: 768px) { .bl_section_info_detail { margin-bottom: 13.5%; width: 100%; } }

@media screen and (max-width: 768px) { .bl_section_info_detail_deliverly { margin-bottom: 12.5%; } }

.bl_section_info_detail_ttl { border-bottom: 3px solid #FFEE00; padding: 7% 8%; width: 100%; }

@media screen and (max-width: 768px) { .bl_section_info_detail_ttl { padding: 5% 8%; } }

.bl_section_info_detail_ttl_imgPrice { width: 23%; }

@media screen and (max-width: 768px) { .bl_section_info_detail_ttl_imgPrice { width: 35%; } }

.bl_section_info_detail_ttl_imgDelivery { width: 56%; }

@media screen and (max-width: 768px) { .bl_section_info_detail_ttl_imgDelivery { width: 88%; } }

.bl_section_info_detail_dd { padding: 7%; }

@media screen and (max-width: 768px) { .bl_section_info_detail_dd { padding: 11% 8%; } }

.bl_section_info_detail_dd_deliverly { padding: 7% 7% 7% 8%; }

@media screen and (max-width: 768px) { .bl_section_info_detail_dd_deliverly { padding: 10% 4% 5% 8%; } }

.bl_section_info_detail_dd_price { margin-bottom: 5%; width: 45%; }

@media screen and (max-width: 768px) { .bl_section_info_detail_dd_price { margin-bottom: 10%; width: 74%; } }

@media screen and (max-width: 768px) { .bl_section_info_detail_dd_price_deliverly { margin-bottom: 9%; width: 65%; } }

.bl_section_info_detail_dd_txt { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; letter-spacing: 0.11rem; line-height: 1.8; }

@media screen and (max-width: 768px) { .bl_section_info_detail_dd_txt { line-height: 1.9; } }

.bl_section_info_detail_dd_txt_deliverly { font-size: 10px; }

@media screen and (min-width: 1358px) { .bl_section_info_detail_dd_txt_deliverly { font-size: 11px; } }

.bl_section_info_txt { font-family: 'Noto Sans JP', sans-serif; font-size: 11px; letter-spacing: 0.1rem; text-align: center; width: 100%; }

@media screen and (max-width: 768px) { .bl_section_info_txt { line-height: 2; text-align: left; } }

.bl_section_info_txt_link { text-decoration: underline !important; }