/* ==================================
= common settings                     
================================== */
.txt-lft { text-align: left; }

.txt-rgt { text-align: right; }

.txt-cnt { text-align: center; }

/*----------  common  ----------*/
#wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; }

.contents { width: 100%; margin: 0 auto; }

/*----------  ttl  ----------*/
/*----------  txt  ----------*/
/*----------  btn  ----------*/
/*----------  icn  ----------*/
/* ==================================
= ly_cont           
================================== */
.ly_cont { margin-top: 76px; margin-bottom: 93px; }

.ly_cont_inner { margin: 0 auto; }

.ly_sect { margin: 0 auto; }

.ly_sect__1200 { margin: 0 auto; }

.ly_sect__full { margin: 0 auto; }

.ly_sect_inner { margin: 0 auto; }

/* ==================================
= main          
================================== */
main { width: 100%; min-height: 100vh; }

.bl_MV { position: relative; width: 100%; margin: 0 auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

.bl_MV .bl_MV_ttl { z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.bl_MV .bl_MV_ttl.bl_MV_ttlText { color: #ffffff; font-size: 30px; font-size: 3rem; letter-spacing: 0.1em; text-align: center; }

.bl_MV img { width: 100%; -o-object-fit: cover; object-fit: cover; }

/****************************** header */
.ly_header { z-index: 3000; position: fixed; top: 0; left: 0; width: 100%; margin: 0 auto; }

.ly_header .bl_nav__inner { -ms-flex-align: center; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; margin: 0 auto; }

.bl_nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; background-color: #fff; -webkit-box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.16); box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.16); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

.bl_nav .bl_nav_logo { display: block; }

.bl_nav .bl_nav_logo .bl_nav_logo_image { display: block; }

.bl_nav .bl_nav_list_wrapper { width: calc(100% - 34%);}

.bl_nav .bl_nav_list_wrapper .bl_nav_linkBtn { display: block; margin: 0 auto; }

.bl_nav .bl_nav_item1__cart { border: solid 1px #000; max-width: 215px; width: 100%; margin: 0 0 0 1%;}

.bl_nav .bl_nav_link { display: block; position: relative; font-weight: 600; text-decoration: none; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; }

.bl_nav .bl_nav_item1__cart .bl_nav_link { background: url(../images/icon_cart.svg)no-repeat 11% center; background-size: 20px 20px; padding: 7% 3% 8% 23%; font-size: 1.5rem;}

.bl_nav .icon {  width: 19px; }

.bl_nav .icon.icon_cart { display: inline-block; margin-right: 5%; width: 20px; }

.bl_btn_wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: start; -ms-flex-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; justify-content: flex-start; }

.bl_btn_wrapper .bl_nav_btnHamburger { display: block; z-index: 9999; position: relative; width: 20px; height: 20px; }

.bl_btn_wrapper .bl_nav_btnHamburger span { display: block; position: absolute; background-color: #000; -webkit-transition: width 0.2s, right 0.2s, left 0.2s; transition: width 0.2s, right 0.2s, left 0.2s; }

.bl_btn_wrapper .bl_nav_btnHamburger .top { top: 0; right: 0px; left: 0px; height: 2px; }

.bl_btn_wrapper .bl_nav_btnHamburger .middle { position: relative; top: 46%; left: 0; -webkit-transform: translateY(-46%); transform: translateY(-46%); }

.bl_btn_wrapper .bl_nav_btnHamburger .middle:before,
.bl_btn_wrapper .bl_nav_btnHamburger .middle:after { display: block; position: absolute; left: 0; width: 20px; height: 2px; -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: #000; content: ""; -webkit-transition: all 0.2s; transition: all 0.2s;}

.bl_btn_wrapper .bl_nav_btnHamburger .bottom { right: 0px; bottom: 0; left: 0px; height: 2px; }

.bl_btn_wrapper .bl_nav_btnHamburger.active .top { left: 100%; width: 0px; }

.bl_btn_wrapper .bl_nav_btnHamburger.active .middle:before { -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.bl_btn_wrapper .bl_nav_btnHamburger.active .middle:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.bl_btn_wrapper .bl_nav_btnHamburger.active .bottom { right: 100%; width: 0px; }

.el_overlay { display: none; z-index: 2000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(25, 24, 21, 0.6); }

/* ==================================
= footer          
================================== */
.ly_footer { margin-bottom: 100px; }

.ly_footer .ly_footer_inner { margin: 0 auto; }

.ly_footer .ly_footer_inner .bl_footerLead { display: block; background-repeat: no-repeat; }

.ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link { -webkit-transition-duration: 0.3; transition-duration: 0.3; }

.ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link:hover { opacity: 0.7; }

.ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link img { display: block; margin: 0 auto; }

.ly_footer .ly_footer_inner .bl_footerConts_inner { margin: 0 auto; }

.ly_footer .ly_footer_inner .bl_footerConts .bl_footerNav { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 28px; font-size: 14px; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.1em; }

.ly_footer .ly_footer_inner .bl_footerConts .bl_footerSns { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

.ly_footer .ly_footer_inner .bl_footerConts .bl_footerSns_link img { width: 21px; }

.ly_footer .ly_footer_inner .el_small { font-size: 12px; font-weight: 600; letter-spacing: 0.16em; text-align: center; }

.ly_footer .ly_footer_inner .el_small small { font-size: 12px; }

@media screen and (min-width: 751px) {
  body { opacity: 0; }
  .ly_cont_inner { max-width: 1200px; }
  .ly_cont.ly_cont__02 { margin-top: 156px; margin-bottom: 228px; }
  .ly_cont.ly_cont__03 { margin-top: 156px; margin-bottom: 157px; }
  .ly_cont.ly_cont__04 { margin-top: 152px; margin-bottom: 258px; }
  .ly_cont.ly_cont__05 { margin-top: 100px; margin-bottom: 93px; }
  .ly_cont.ly_cont__06 { margin-top: 152px; margin-bottom: 253px; }
  .ly_cont.ly_cont__newsDetail { margin-top: 152px; margin-bottom: 253px; }
  .ly_sect { max-width: 1200px; }
  .ly_sect__1200 { max-width: 1200px; }
  .ly_sect__full { width: 100%; }
  .ly_sect_inner { max-width: 1200px; }
  main { padding-top: 129.8px; }
  .bl_MV { height: 690px; } 
  .bl_MV .bl_MV_ttl.bl_MV_ttlImg__lg { width: 464.8px; height: 299.4766px; } 
  .bl_MV .bl_MV_ttl.bl_MV_ttlText { width: 29px; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; } 
  .bl_MV_sml { height: 400px; margin: 0 auto 151px; } 
  .ly_header { width: 100%; } 
  .bl_nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 129.8px; padding: 30px 0; } 
  .bl_nav .bl_nav_list { -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; font-size: 13px; font-size: 1.3rem; letter-spacing: 0.1em; align-items: center;} 
  .bl_nav .bl_nav_list.bl_nav_list2 { width: 12%; margin-left: auto; } 
  .bl_nav .bl_nav_link { padding: 8px 0; } 
  .bl_nav .bl_nav_item1__cart .bl_nav_link:hover {transition-duration: 0.3s; color: #fff; background-color: #000; background-image: url(../images/icon_cart_white.svg);}
  .ly_footer .ly_footer_inner { max-width: 1110px; } 
  .ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link { width: 315px; } 
  .ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link img { width: 315px; } 
  .ly_footer .ly_footer_inner .bl_footerConts_inner { max-width: 745.25px; } 
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerSns { width: 122.6px; margin: 0 auto 58px; }
}

@media screen and (max-width: 750px) {
  body.ly_top { opacity: 0; } 
  .ly_cont { margin-top: 29px; margin-bottom: 41px; } 
  .ly_cont_inner { width: calc(100% - 60px); } 
  .ly_cont.ly_cont__07 { margin-top: 29px; margin-bottom: 25px; } 
  .ly_cont.ly_cont__08 { margin-top: 29px; margin-bottom: 66px; } 
  .ly_sect { width: calc(100% - 60px); } 
  .ly_sect.ly_sect__2 { width: calc(100% - 98px); } 
  .bl_MV { height: 80vw; } 
  .bl_MV .bl_MV_ttl.bl_MV_ttlImg__lg { width: 10%; height: 10%; } 
  .bl_MV .bl_MV_ttl.bl_MV_ttlText { height: 1em; font-size: 20px; } 
  .bl_MV_sml { margin: 0 auto 29px; } 
  .ly_header .bl_nav__inner { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; justify-content: space-between; width: 100%; padding: 15px 20px 15px 17px; } 
  .bl_nav .bl_nav__inner { position: relative; } 
  .bl_nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 60px; } 
  .bl_nav .bl_nav_logo { width: 188.5px; } 
  .bl_nav .bl_nav_list_wrapper { display: none; z-index: 4000; position: fixed; top: 0; left: 0; width: 100%; height: calc(100vh); overflow: auto; background-color: #fff; } 
  .bl_nav .bl_nav_list_wrapper .bl_nav_list_wrapper_inner { height: calc(100vh + 60px); opacity: 0; -webkit-transition: 1s ease; transition: 1s ease; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } 
  .bl_nav .bl_nav_list_wrapper .bl_nav_list_wrapper_inner.on { opacity: 1; } 
  .bl_nav .bl_nav_list_wrapper .bl_nav_linkBtn { width: 175px; margin: 12% auto 8%; } 
  .bl_nav .bl_nav_list.bl_nav_list1 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; letter-spacing: 0.18em; text-align: center; } 
  .bl_nav .bl_nav_list.bl_nav_list2 { position: absolute; top: 0; right: 70px; bottom: 0; width: 22.5px; height: 22.4px; margin: auto; } 
  .bl_nav .bl_nav_list.bl_nav_list3 { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 127px; margin: 24px auto 0; } 
  .bl_nav .bl_nav_item1 { width: 100%; } 
  .bl_nav .bl_nav_item1:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } 
  .bl_nav .bl_nav_item1:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } 
  .bl_nav .bl_nav_item1:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } 
  .bl_nav .bl_nav_item1:nth-child(4) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } 
  .bl_nav .bl_nav_item1:nth-child(5) { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } 
  .bl_nav .bl_nav_item1:nth-child(6) { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } 
  .bl_nav .bl_nav_item1:nth-child(7) { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } 
  .bl_nav .bl_nav_item1__cart { margin: 20px auto 0;}
  .bl_nav .bl_nav_link { padding: 20px 0; } 
  .bl_nav .bl_nav_item1__cart .bl_nav_link { padding: 6% 2% 6% 17%; background-position-x: 7%;}
  .bl_nav .bl_nav_link.bl_nav_link2 { padding: 0; } 
  .bl_nav .icon { width: 22px; } 
  .bl_nav .icon.icon_cart { width: 22.5px; height: 22.4px; } 
  .bl_nav .bl_nav_btnHamburger span { background-color: #000; }
  .bl_nav .bl_nav_btnHamburger span::before,
  .bl_nav .bl_nav_btnHamburger span::after { background-color: #000; } 
  .ly_footer { margin-bottom: 29px; } 
  .ly_footer .ly_footer_inner { width: calc(100% - 60px); } 
  .ly_footer .ly_footer_inner .bl_footerLead { position: relative; margin: 0 auto 44px; }
  .ly_footer .ly_footer_inner .bl_footerLead::before,
  .ly_footer .ly_footer_inner .bl_footerLead::after { display: block; position: absolute; bottom: 0; width: 98px; margin: auto; content: ""; } 
  .ly_footer .ly_footer_inner .bl_footerLead::before { top: 5px; left: -11px; width: 98px; height: 33px; background-image: url(/common/images/bg_footerSp_01.svg); } 
  .ly_footer .ly_footer_inner .bl_footerLead::after { top: 3px; right: -21px; width: 98px; height: 28.5px; background-image: url(/common/images/bg_footerSp_02.svg); } 
  .ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link { width: 141.75px; } 
  .ly_footer .ly_footer_inner .bl_footerLead .bl_footerLead_link img { width: 141.75px; } 
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerNav { -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-bottom: 0px; font-size: 10px; } 
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerNav .bl_footerNav_item { margin-bottom: 17px; padding: 0px 10px; }
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerNav .bl_footerNav_item:first-child { padding-left: 0; } 
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerNav .bl_footerNav_item:nth-child(4) { padding-right: 0; } 
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerSns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 32px; } 
  .ly_footer .ly_footer_inner .bl_footerConts .bl_footerSns .bl_footerSns_item { padding: 0 12px; } 
  .ly_footer .ly_footer_inner .el_small small { font-size: 10px; }
}
 
@media (min-width: 751px) {
  .bl_nav_item1 { margin-right: 1%; }
}

@media (max-width: 750px) {
  main { padding-top: 60px; }
}

@media screen and (min-width: 1181px) {
  .ly_header .bl_nav__inner { width: 100%; max-width: 1200px; padding: 0 40px; } 
  .bl_nav .bl_nav_logo { width: 29%; margin-right: 12.2%; }
}

@media screen and (min-width: 751px) and (max-width: 1180px) {
  .bl_nav { padding-bottom: 10px;}
  .ly_header .bl_nav__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-left: 42px; } 
  .bl_nav .bl_nav_logo { width: 297px; margin-right: calc(100% - 297px); margin-bottom: 10px; } 
  .bl_nav .bl_nav_list_wrapper { width: 61%; min-width: 620px;} 
  .bl_nav .bl_nav_list.bl_nav_list2 { margin-left: unset; width: 133.1px; }
}

@media screen and (min-width: 1200px) {
  .ly_footer .ly_footer_inner .bl_footerLead { margin: 0 auto 82px; background-image: url(/common/images/bg_footer.png); background-position-x: -210%; background-position-y: 63%; }
}

@media screen and (min-width: 751px) and (max-width: 1199px) {
  .ly_footer .ly_footer_inner .bl_footerLead { margin: 0 auto 82px; background-image: url(/common/images/bg_footer.png); background-position-x: 50%; background-position-y: 50%; background-size: contain; }
}