@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
	container
---------------------------------------------------------------------*/
body { background: #fff; }
#ly_container {}
#ly_container.fixed {
  position: fixed;
  width: 100%;
}

/*---------------------------------------------------------------------
	header
---------------------------------------------------------------------*/
.ly_header {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  z-index: 100;
  position: relative;
}
.ly_header_wrap {
  background: #fff url("../../assets/image/line_hana.png") repeat-x 0 0/auto 14px;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.3));
  padding-top: 14px;
}
.ly_header_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
  box-sizing: content-box;
  max-width: 1360px;
  margin: 0 auto;
}
.ly_header_free {
  font-size: 1.2rem;
  background: #EFEFEF;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px 20px;
}

.ly_site_menu {
  display: flex;
  align-items: center;
  gap: 14px;
}
.ly_site_menu li {
  position: relative;
}
.ly_site_menu a {
  color: #333;
  text-decoration: none;
}
.header_cart {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 3px;
}
.header_cart .badge {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  padding: 3px;
  min-width: 18px;
  background: #F2BB06;
  border: 1px solid #333;
}
.header_search {
  position: absolute;
  width: 190px;
  left: -20px;
  margin-top: 10px;
  display: none;
}
.header_search .bl_search input {
  padding: 10px 10px;
    background-position: left 10px center;
    background: #fff;
}

.btn_site_navi {
  width: 18px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_site_navi .line {
  position: relative;
  width: 100%;
  height: 2px;
  background: #333;
  border-radius: 3px;
}
.btn_site_navi .line::before,
.btn_site_navi .line::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
  border-radius: 3px;
}
.btn_site_navi .line::before { top: -8px; }
.btn_site_navi .line::after{ bottom: -8px; }
.ly_site_lead,
.ly_gnavi { display: none; }

/* fixed */
.ly_header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  animation: header .7s ease-in-out;
}
@keyframes header {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0%); }
}
.ly_header.fixed .ly_header_free {
  display: none;
}


.ly_header.show_menu {
  max-height: 100vh;
  overflow: scroll;
}
.ly_header.show_menu .ly_header_free {
  display: none;
}
.ly_site_navi {
  display: none;
  padding: 20px;
  background: #fff;
    flex: 1;
}
.ly_site_navi .bl_search {
  margin-bottom: 20px;
}


/* tablet */
@media print, screen and (min-width: 768px) {
  
  .ly_header_logo img {
    width: 140px;
  }
  
  .ly_site_menu img { width: 30px }
  
  .header_cart .badge {
    font-size: 1.4rem;
    min-width:20px;
  }
  
  .btn_site_navi {
    width: 24px;
    height: 22px;
  }
  
  .ly_header_free {
    font-size: 1.4rem;
    text-align: center
  }
  .ly_header_free br {
    display: none;
  }
  
  .header_search {
    width: 200px;
    left: 0;
  }
  
  .ly_site_navi .bl_side_navi {
    display: flex;
    gap: 20px;
  }
  .ly_site_navi .bl_side_navi .item {
    margin: 0 !important;
    flex: 1;
  }
  
}

/* pc */
@media print, screen and (min-width: 1200px) {
  .ly_header {
    flex-direction: column-reverse;
  }
  .ly_header_wrap {
    background-size: auto 25px;
    padding-top: 25px;
    transition: .3s;
  }
  .ly_header_inner {
    padding: 10px 80px;
    gap: 80px;
  }
  .ly_header_menu {
    flex: 1;
  }
  .ly_site_menu .menu { display: none; }
  .ly_header_menu_top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 40px;
    /*border-bottom: 1px solid #333;
    padding-bottom: 20px;
    margin-bottom: 20px;*/
  }
  .ly_site_lead {
    font-size: 1.4rem;
    display: block;
  }
  .ly_site_menu {
    gap: 22px;
  }
  .ly_gnavi {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .ly_gnavi li:nth-child(3) {
    border-right: 1px solid #333;
    padding-right: 20px;
  }
  .ly_gnavi a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 1.4rem;
  }
  .header_search {
    width: 190px;
    left: 0;
  }
  
  /* fixed */
  .ly_header.fixed {}
  .ly_header.fixed .ly_header_wrap {
    background: #fff;
    padding-top: 0;
  }
  .ly_header.fixed .ly_header_inner {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .ly_header.fixed .ly_header_logo img {
    width: 100px;
  }
  .ly_header.fixed .ly_site_lead { display: none; }
  .ly_header.fixed .ly_header_menu {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .ly_header.fixed .ly_header_menu_top {
    border: none;
    padding: 0;
    margin: 0;
  }
  
  .ly_header.show_menu {
    max-height: inherit;
    overflow: hidden;
  }
  .ly_header.show_menu .ly_header_free {
    display: none;
  }
  .ly_site_navi {
    display: none !important;
  }
  
  
}

/* pc */
@media print, screen and (min-width: 1920px) {
  .ly_header_inner {
    padding: 10px 80px;
  }
  .ly_header_logo img {
    width: 224px;
  }
  .ly_site_lead {
    font-size: 1.6rem;
  }
  .ly_gnavi a {
    font-size: 1.6rem;
  }
}





/*---------------------------------------------------------------------
	main
---------------------------------------------------------------------*/
.ly_pagebody {}
.ly_pagebody_inner {
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}

.ly_body_2column {}
.ly_alpha {}
.ly_beta { display: none; }

/* topic_path_top */
.topic_path_top {
  margin-bottom: 20px;
}
.topic_path_top > ol {
  max-width: 1370px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
}
.topic_path_top > ol::-webkit-scrollbar { display: none; }
.topic_path_top > ol > li {
  display: inline;
}
.topic_path_top > ol > li + li::before {
  content: ">";
  margin: 0 5px;
}
.topic_path_top > ol > li a {
  text-decoration: underline;
}
.topic_path_top > ol > li:last-child a {
    text-decoration: none;
    color: #333;
}

/* tablet */
@media print, screen and (min-width: 768px) {
  
  .topic_path_top > ol,
  .ly_pagebody_inner { padding: 0 60px; }
  
  .topic_path_top { margin-bottom: 30px; }
}

/* pc */
@media print, screen and (min-width: 1200px) {
  .topic_path_top > ol,
  .ly_pagebody_inner { padding: 0 80px; }
  
  .ly_body_2column {
    display: flex;
    align-items: flex-start;
    gap: 60px;
  }
  .ly_alpha {
    flex: 1;
    min-height: 0;
    min-width: 0;
  }
  .ly_beta {
    display: block;
    width: 25%;
    max-width: 330px;
    min-height: 0;
    min-width: 0;
  }
}

/* ----- template text -----*/
.page_ttl {
  font-size: 2rem;
  font-weight: 500;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.un_detail {
  line-height: 1.8;
}
.un_detail p {
  margin: 1em 0;
}
.un_detail h2 + p,
.un_detail h3 + p,
.un_detail h4 + p,
.un_detail h5 + p,
.un_detail h6 + p {
  margin-top: 0;
}
.un_detail div > p {
  margin-top: 0;
}

/* headline */
.un_detail * + h2 {
  margin-top: 20px;
}
.un_detail * + h3 {
  margin-top: 20px;
}
.un_detail * + h4 {
  margin-top: 20px;
}
.un_detail * + h5 {
  margin-top: 20px;
}
.un_detail h1 + h2 {
  margin-top: 20px;
}
.un_detail h2 + h3,
.un_detail h3 + h4 {
  margin-top: 0;
}

/* utility */
.un_detail * + dl:not([class]),
.un_detail * + ol:not([class]),
.un_detail * + ul:not([class]),
.un_detail * + table {
  margin-top: 20px;
}

.bl_line { margin: 30px 0; }

.lead_01,
.un_detail h2:not(.top_ttl) {
  font-size: 1.8rem;
  background: url("../image/icon/icon_hanaburo.svg") no-repeat 0 4px /18px;
  margin-bottom: 8px;
  position: relative;
  padding-left: 27px;
}
.lead_02,
.un_detail h3:not(.top_ttl) {
  font-size: 1.6rem;
  margin-bottom: 8px;
}
.lead_02 span,
.un_detail h3 span {
  display: inline-block;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
.lead_03,
.un_detail h4 {
  font-size: 1.6rem;
  background: url(../image/icon/icon_hanaburo.svg) no-repeat 0 5px / 15px;
  padding-left: 26px;
  margin-bottom: 8px;
}
.lead_04,
.un_detail h5 {
  font-size: 1.6rem;
  margin-bottom: 8px;
  position: relative;
  padding-left: 15px;
}
.lead_04::before,
.un_detail h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #333333;
}
.lead_05,
.un_detail h6 {
  font-size: 1.6rem;
  margin-bottom: 8px;
  position: relative;
  padding-left: 15px;
}
.lead_05::before,
.un_detail h6::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #333333;
}

.fc_red { color: #F25027; }
.dods_line {
  border-bottom: 1px dotted #ccc;
  display: inline-block;
  padding: 0 5px 1px;
  font-weight: 700;
  margin-bottom: 3px;
}

/* pc */
@media print, screen and (min-width: 1200px) {
  .page_ttl {
    font-size: 3rem;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
  
  .un_detail * + h2 {
    margin-top: 80px;
  }
  
  .lead_01,
  .un_detail h2:not(.top_ttl) {
    font-size: 2.2rem;
    background-size: 25px;
    margin-bottom: 15px;
    padding-left: 40px;
  }
  
  .lead_02,
  .un_detail h3:not(.top_ttl) {
    font-size: 1.8rem;
  }
  
  .bl_line { margin: 40px 0; }
  .bl_line + h2 { margin-top: 40px; }
  
}

/*--------- template btn -----------*/
.btn_01 {
  color: #333 !important;
  text-decoration: none;
  font-size: 1.6rem;
  border: 1px solid #333;
  display: inline-block;
  text-align: center;
  padding: 13px 13px;
  min-width: 200px;
  background: #fff;
  line-height: 1.8;
  border-radius: 0;
  cursor: pointer;
}
.btn_01:hover {
  text-decoration: none;
}
.btn_01_w100 {
  width: 100%;
  max-width: none;
}
.btn_01_l {
  padding: 18px 13px;
  min-width: 236px;
}
.btn_01_arrow {
  padding-right: 60px;
  text-align: left;
  background: #fff url("../image/icon/arrow_02_black.svg") no-repeat right 20px center;
}
.btn_01_black {
  color: #fff !important;
  background-color: #333;
}
.btn_01_black.btn_01_arrow {
  background-image: url("../image/icon/arrow_02_white.svg");
}

.btn_02 {
  color: #333 !important;
  text-decoration: none;
  border: 1px solid #333;
  display: inline-block;
  text-align: center;
  min-width: 200px;
  line-height: 1.8;
  background: #EFEFEF;
  border-radius: 4px;
  font-size: 1.3rem;
  padding: 5px;
}
.btn_02:hover {
  text-decoration: none;
}

.btn_03 {
  color: #333 !important;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  line-height: 1.8;
  background: #EFEFEF;
  border-radius: 4px;
  padding: 5px 10px;
  border: none;
}
.btn_03:hover {
  text-decoration: none;
}

/* pc */
@media screen and (min-width: 1200px) {
  .btn_01 {
    transition: .3s;
  }
	.btn_01:hover {
    opacity: .6;
  }
}

/*--------- template bg -----------*/
.bg_box_01 {
  background: #F0F7FB;
  padding: 20px;
}
.bg_box_02 {
  background: #fafafa;
  border: 1px solid #E1E1E1;
  padding: 20px;
}

/* pc */
@media screen and (min-width: 1200px) {
  .bg_box_01 {
    padding: 30px;
  }
  .bg_box_01_l {
    padding: 50px 70px;
  }
}

/*--------- template thumbs -----------*/
.fll_img { margin-bottom: 15px; }
.flr_img { margin-bottom: 15px; }

.sp_flr_img {
    float: right;
    margin: 0 0 0 20px;
}
.sp_fll_img {
    float: left;
    margin: 0 20px 0 0;
}

.fll_img img,
.flr_img img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .fll_img img,
  .flr_img img {
    text-align: center;
    width: 100%;
  }
}


.fl_over {
  overflow: hidden;
}
.g_map iframe {
  width: 100%;
  height: 300px;
}
.youtube iframe,
iframe[src*='youtube'] {
  max-width: 100%;
  height: auto;
   aspect-ratio: 16 / 9;
}

@media print, screen and (min-width: 767px) {
  .fll_img {
    float: left;
    max-width: 45%;
    margin: 0 40px 0 0;
  }
  .flr_img {
    float: right;
    max-width: 45%;
    margin: 0 0 0 40px;
  }
  .g_map iframe {
    width: 100%;
    height: 600px;
  }
}
.caption,
.list_1column .caption,
.list_2column .caption,
.list_3column .caption,
.list_4column .caption,
.list_5column .caption {
  font-size: 86.66%;
  line-height: 1.4;
  padding-top: 7px;
  text-align: center;
  margin: 0;
}
.list_1column img,
.list_2column img,
.list_3column img,
.list_4column img,
.list_5column img {
  width: 100%;
  height: auto;
}

.list_2column .width_auto,
.list_3column .width_auto {
	width: auto;
}

/* list_2column */
.list_2column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px;
}
@media print, screen and (min-width: 768px) {
  .list_2column {
    flex-direction: row;
  }
  .list_2column .item {
    width: calc(100%/2 - 8px);
  }
}

/* list_3column */
.list_3column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px;
}

@media print, screen and (min-width: 768px) {
  .list_3column {
    flex-direction: row;
  }
  .list_3column .item {
    width: calc(100%/3 - 10px);
  }
}

/* list_4column */
.list_4column {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.list_4column .item {
  width: calc(100%/2 - 8px);
}

@media print, screen and (min-width: 768px) {
  .list_4column .item {
    width: calc(100%/4 - 12px);
  }
}

/* list_5column */
.list_5column {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.list_5column .item {
  width: calc(100%/2 - 8px);
}
@media print, screen and (min-width: 768px) {
  .list_5column .item {
    width: calc(100%/5 - 8px);
  }
}

.bl_cat_list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 30px;
}
.bl_cat_list .item {}
.bl_cat_list .item a {
  color: #333;
  text-decoration: none;
  display: block;
}
.bl_cat_list .item .thumb { margin-bottom: 10px; }
.bl_cat_list .item .thumb img { width: 100%; }
.bl_cat_list .item .name {
  padding-bottom: 8px;
  font-size: 1.6rem;
  border-bottom: 1px solid #333;
}
@media print, screen and (min-width: 768px) {
  
  .bl_cat_list {
    flex-direction: row;
    gap: 40px 28px;
  }
  .bl_cat_list .item {
    width: calc(50% - 14px)
  }
}

@media print, screen and (min-width: 1920px) {
  .bl_cat_list .item .name { font-size: 2rem; }
}

/*----- pager -----*/
.bl_pager {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
.bl_pager > * {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #333;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1;
  padding-bottom: 2px;
}
.bl_pager span { background: #F2BB06; }
.bl_pager span.dots {
  background: no-repeat;
  border: none;
  width: auto;
}
.bl_pager .arrow {
  position: relative;
  background: #333333;
  width: 55px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: none;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding-bottom: 0;
}
.bl_pager .arrow img { height: 7px; }

/* pc */
@media print, screen and (min-width: 1200px) {
  .bl_pager > * {
    font-size: 2.2rem;
    width: 34px;
    border-width: 2px;
    padding-bottom: 3px;
  }
  .bl_pager .arrow {
    width: 76px;
    height: 34px;
  }
  .bl_pager .arrow img { height: 10px; }
}

/* ----- beta -----*/
.bl_search {
  display: flex;
  border: 1px solid #333;
  font-size: 1.6rem;
}
.bl_search input {
  background: #fff url("../image/icon/search_black.svg") no-repeat left 15px center/20px;
  border: none;
  border-radius: 0;
  width: 100%;
  flex: 1;
  padding: 18px 10px 18px 47px;
}
.bl_search input:focus {
  outline: none;
  background-color: #F0F7FB;
}
.bl_search button {
  color: #fff;
  background: #333;
  border: none;
  border-radius: 0;
  width: 27%;
  min-width: 50px;
  max-width: 80px;
  text-align: center;
  font-size: 1.3rem;
  padding: 0;
}
.ly_beta .bl_search {
  margin-bottom: 30px;
}

/* bl_side_navi */
.bl_side_navi {}
.bl_side_navi .item {}
.bl_side_navi .item + .item { margin-top: 30px; }
.bl_side_navi .item .ttl {
  text-align: center;
  font-size: 1.6rem;
  background: #F7D76E;
  border-radius: 4px 4px 0 0;
  padding: 20px 10px;
}

.bl_side_navi_list {}
.bl_side_navi_list .level_1_label {
  position: relative;
}
.bl_side_navi_list > li > a,
.bl_side_navi_list .level_1_label .text {
  display: block;
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
  border-bottom: 1px solid #E1E1E1;
  padding: 13px 10px 13px 30px;
  background: #fff url("../image/icon/arrow_01_black_r.svg") no-repeat 15px 23px;
}
.bl_side_navi_list .level_1_label .toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_side_navi_list .level_1_label .toggle span {
  position: relative;
  background: #222;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.bl_side_navi_list .level_1_label .toggle::before,
.bl_side_navi_list .level_1_label .toggle::after {
  content: "";
  width: 8px;
  height: 1px;
  background: #fff;
  position: absolute;
  z-index: 1;
  transition: .3s;
}
.bl_side_navi_list .level_1_label .toggle::after {
  transform: rotate(90deg)
}
.bl_side_navi_list .level_1_label .toggle.show::after {
  transform: rotate(0deg)
}

.bl_side_navi_list .level_2 {
  display: none;
}
.bl_side_navi_list .level_2_label {
  position: relative;
}
.bl_side_navi_list .level_2 > li > a,
.bl_side_navi_list .level_2_label .text {
  display: block;
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 10px 15px 40px;
  background: #fff url("../image/icon/arrow_01_black_r.svg") no-repeat 25px 23px;
}
.bl_side_navi_list .level_2 > li > a:hover,
.bl_side_navi_list .level_2_label .text.show {
  background-color: #EFEFEF;
}
.bl_side_navi_list .level_2_label .toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_side_navi_list .level_2_label .toggle::before,
.bl_side_navi_list .level_2_label .toggle::after {
  content: "";
  width: 10px;
  height: 1px;
  background: #333;
  position: absolute;
  z-index: 1;
  transition: .3s;
}
.bl_side_navi_list .level_2_label .toggle::after {
  transform: rotate(90deg)
}
.bl_side_navi_list .level_2_label .toggle.show::after {
  transform: rotate(0deg)
}

.bl_side_navi_list .level_3 {
  display: none;
  background: #FAFAFA;
  padding: 10px 10px 10px 40px;
}
.bl_side_navi_list .level_3 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
}
.bl_side_navi_list .level_3 li {
  width: calc(50% - 8px);
}
.bl_side_navi_list .level_3 li a {
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
  display: block;
  background: url("../image/icon/arrow_01_black_r.svg") no-repeat right center;
  padding-right: 6px;
}

/* tablet */
@media print, screen and (min-width: 768px) {
  .bl_search button {
    font-size: 1.6rem; 
  }
}

/* pc */
@media print, screen and (min-width: 1200px) {}


/* ----- bl_form -----*/
.bl_form {}
.bl_form input[type="text"],
.bl_form input[type="no"],
.bl_form input[type="number"],
.bl_form input[type="email"],
.bl_form input[type="tel"],
.bl_form input[type="password"],
.bl_form textarea,
.bl_form select {
  /*-webkit-appearance: none;
    -moz-appearance: none;
  appearance: none;*/
  border-radius: 0;
  outline: none;
  width: 100%;
  text-transform: none;
  border: 1px solid #E1E1E1;
  padding: 5px 10px;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px rgb(255 255 255) inset !important;
    -webkit-text-fill-color: #333 !important;
}
input:-webkit-autofill:focus {
  caret-color: #333 !important;
}

.bl_form input[type="text"]:focus,
.bl_form input[type="no"]:focus,
.bl_form input[type="email"]:focus,
.bl_form input[type="tel"]:focus,
.bl_form input[type="password"]:focus,
.bl_form textarea:focus,
.bl_form select:focus {
  background: #FEFDE6;
}
.input_2column,
.input_3column {
  display: flex;
  gap: 15px;
}
.input_2column li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.input_2column li { width: calc(50% - 10px); }
.input_3column li { width: calc(33.33% - 10px); }

.input_3column .input_text { flex: 1; }
.input_2column .input_text { flex: 1; }

.flex_input {
  display: flex;
  align-items: center;
  gap: 10px;
}
.flex_input label {}
.flex_input input,
.flex_input select {
  flex: 1;
}

.bl_form .input_w_auto { width: auto !important; }
.bl_form .input_w_s { width: 60px !important; }
.bl_form .input_btn_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bl_form .btn_radio {
  display: none;
}
.bl_form .btn_radio + label {
  position: relative;
  margin-left: 25px;
  cursor: pointer;
}
.bl_form .btn_radio + label::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid #333;
  border-radius: 50%;
  background: #fff;
}
.bl_form .btn_radio + label::after {
  content: "";
  position: absolute;
  left: -21px;
  top: 6px;
  width: 10px;
  height: 10px;
  background: #333;
  border-radius: 50%;
  opacity: 0;
}
.bl_form .btn_radio:checked + label::after { opacity: 1; }

.bl_form .btn_checkbox {
  display: none;
}
.bl_form .btn_checkbox + label {
  position: relative;
  margin-left: 25px;
  cursor: pointer;
}
.bl_form .btn_checkbox + label::before {
  content: "";
  position: absolute;
  left: -25px;
  top: 3px;
  width: 16px;
  height: 16px;
  border: 1px solid #333;
  background: #fff;
}
.bl_form .btn_checkbox + label::after {
  content: "";
  position: absolute;
  left: -22px;
  top: 8px;
  width: 9px;
  height: 3px;
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  transform: rotate(-45deg);
  opacity: 0;
}
.bl_form .btn_checkbox:checked + label::after { opacity: 1; }
.bl_form .type_flag {
  background: #EFEFEF;
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
}
.bl_form .type_flag::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 0;
  width: 8px;
  height: 100%;
  background: url("../image/label_type_flag.png") no-repeat right center/ auto 100%;
}

.input_table th {
  position: relative;
  text-align: left;
  padding-right: 70px;
}
.ec-required,
.icon_required,
.icon_required_p {
  background: #fff;
  color: #F25027;
  border: 1px solid #F25027;
  border-radius: 2px;
  padding: 1px 10px;
}

.ec-required,
.icon_required {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 1.4;
}
.icon_required_p { margin: 0 5px; }

.ec-errorMessage {
  color: #F25027;
}

/* tablet */
@media print, screen and (min-width: 768px) {}

/* pc */
@media print, screen and (min-width: 1200px) {
  .bl_form input[type="text"],
  .bl_form input[type="no"],
  .bl_form input[type="number"],
  .bl_form input[type="email"],
  .bl_form input[type="tel"],
  .bl_form input[type="password"],
  .bl_form textarea,
    .bl_form select {
    padding: 10px;
  }
  
  .ec-required,
  .icon_required {
    top: 50%;
    margin-top: -14px;
  }
  
}


/*---------------------------------------------------------------------
	site contents
---------------------------------------------------------------------*/

/*---------------------------
	products
---------------------------*/
/* ----- products list -----*/
.bl_mv_cat { margin-bottom: 20px; }

.bl_item_sort {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 35px;
}
.text_item_total {
  font-size: 1.6rem;
}
.text_item_total strong {}
.text_item_total strong .no {
  line-height: 1;
  font-size: 3.6rem;
  color: #F25027;
}
.bl_item_sort .sort {
  display: flex;
  gap: 5px;
}
.bl_item_sort .sort select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #333;
  padding: 10px 50px 10px 10px;
  border-radius: 0;
  flex: 1;
  background: #fff url("../image/icon/arrow_02_black_b.svg") no-repeat right 15px center;
}
.bl_item_sort .sort select:focus {
  outline: none;
  background-color: #F0F7FB;
}

.bl_item_list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.bl_item_list .item {
  position: relative;
}
.bl_item_list .item a {
  display: flex;
  align-items: flex-start;
  color: #333;
  text-decoration: none;
  gap: 15px;
}
.bl_item_list .thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  max-width: 122px;
  width: 40%;
}
.bl_item_list .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.bl_item_list .detail {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
}
.bl_item_list .lead {
  font-size: 1.2rem;
  margin-bottom: 8px;
}
.bl_item_list .name {
  margin-bottom: 14px;
}
.bl_item_list .price { font-weight: bold; }

.bl_item_list .btn_delete_favorite {
  margin-top: 10px;
  text-align: right;
}
.bl_item_list .btn_delete_favorite a {
  justify-content: end;
  border: 1px solid #F25027;
  display: inline-block;
  padding: 5px 10px;
  color: #F25027;
  font-size: 1.3rem;
  background: #fff;
}

/* tablet */
@media print, screen and (min-width: 768px) {
  
  /* bl_item_list */
  .bl_item_list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .bl_item_list .item {
    width: calc(50% - 20px);
  }
  .bl_item_list .item a {
    flex-direction: column;
    height: 100%;
  }
  .bl_item_list .thumb {
    width: 100%;
    max-width: none;
  }
  
  
  .bl_item_list .btn_delete_favorite {
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .bl_item_list .btn_delete_favorite a {
  }
}

/* pc */
@media print, screen and (min-width: 1200px) {
  
  .bl_item_sort {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 50px;
  }
  .text_item_total br { display: none; }
  .text_item_total strong .no { margin-left: 10px; }
  .bl_item_sort .sort { gap: 10px; }
  .bl_item_sort .sort select {
    padding: 15px 50px 15px 15px;
  }
  
  /* bl_item_list */
  .bl_item_list {
    gap: 50px;
  }
  .bl_item_list .item {
    width: calc(33.33% - 34px);
  }
  
  .bl_item_list .lead { font-size: 1.5rem; }
  .bl_item_list .name { font-size: 1.8rem; }
}


/* ----- products detail -----*/
.ly_products {}

/* ly_products_head */
.ly_products_head {
  margin-bottom: 50px;
}
.ly_products_head .thumbs {
  margin-bottom: 20px;
}
.ly_products_head .thumbs .splide__slide {
  position: relative;
  width: 100%;
  padding-bottom: 21.89%;
}
.ly_products_head .thumbs img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.ly_products_head .js_products_slide .splide__slide {
  padding-bottom: 100%;
}
.ly_products_head .js_products_slide .splide__slide img {
  object-fit: contain;
  background: #F5F5F5;
}
.ly_products_head .js_products_slide_thumb .splide__slide {
  border-width: 1px !important;
}
.ly_products_head .js_products_slide_thumb .splide__slide.is-active {
  border-color: #333 !important;
}
.ly_products_head .js_products_slide {
  margin-bottom: 15px;
}

.ly_products_head .details {}
.ly_products_head .cat_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 20px;
}
.ly_products_head .cat_tag a {
  display: block;
  color: #333;
  text-decoration: none;
  font-size: 1.3rem;
  border: 1px solid #E1E1E1;
  padding: 2px 10px;
}
.ly_products_head .cat_tag a::before {
  content: "#";
  margin-right: 5px;
}
.ly_products_head .lead {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.ly_products_head .ttl {
  font-size: 2rem;
  margin-bottom: 15px;
}
.ly_products_head .status {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 5px;
  margin-bottom: 20px;
}
.ly_products_head .status li {
 width: calc(100% / 6 - 4.2px);
}
.ly_products_head .status li img { width: 100%; }


.ly_products_head .price_base {
  margin-bottom: 3px;
  font-size: 1.4rem;
}
.ly_products_head .price_base_line {
  position: relative;
}
.ly_products_head .price_base_line::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% + 2px);
  width: 100%;
  height: 0;
  border: 1px solid #9E9E9E;
  opacity: .4;
}
.ly_products_head .price_off {
  color: #F25027;
  border: 1px solid #F25027;
  padding: 2px 10px;
  font-size: 1.3rem;
  font-weight: bold;
  background: #fff;
}
.ly_products_head .price {
  font-size: 1.6rem;
  margin-bottom: 5px;
  color: #F25027;
}
.ly_products_head .price strong {
  font-size: 2.6rem;
  line-height: 1;
}
.ly_products_head .point {
  margin-bottom: 20px;
}
.ly_products_head .bl_form {
  background: #FEFDE6;
  padding: 20px;
}
.bl_cart_hed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}
* + .bl_cart_hed {
  margin-top: 15px;
}
.bl_item_quantity {
  display: flex;
  align-items: center;
  gap: 10px;
}
.bl_item_quantity #quantity {
  width: auto;
}

.ly_products_head .like {
  text-align: right;
}
.ly_products_head .btn_like {
  width: 58px;
  height: 58px;
  display: inline-block;
  background: url("../image/icon/btn_like.png") no-repeat center center/cover;
}
.ly_products_head .btn_like_on { background-image: url("../image/icon/btn_like_on.png"); }

.ly_products_head .cart {}
.ly_products_head .btn_cart {
  color: #fff;
  text-align: left;
  font-size: 1.6rem;
  text-decoration: none;
  background: #333 url("../image/icon/arrow_02_white.svg") no-repeat right 20px center;
  display: block;
  width: 100%;
  padding: 18px 40px 18px 20px;
  border: none;
}
.ly_products_head .btn_cart:hover { color: #fff; }
.ly_products_head .btn_cart .text {
  padding-left: 30px;
  background: url("../image/icon/cart_white.svg") no-repeat left center;
}

/* ly_products_review */
.ly_products_review {
  background: #F0F7FB;
  padding: 30px;
  margin-bottom: 50px;
}
.ly_products_review > .ttl {
  font-size: 2rem;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.ly_products_review .link {
  margin-top: 20px;
}

.ly_products_review_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ly_products_review_list .title {
  font-weight: bold;
}
.ly_products_review_list .star {
  color: #F25027;
  font-size: 1.6rem;
}
.ly_products_review_list .name {}
.ly_products_review_list .user {}
.ly_products_review_list .comment {}


/* ly_products_pr */
.ly_products_pr {
  margin-bottom: 50px;
}
/* .ly_products_pr img { width: 100%; } */


/* ly_products_more */
.ly_products_more { margin-bottom: 50px; }
.ly_products_more_list {
  background: #F0F7FB;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ly_products_more_list dl dt::before {
  content: "■";
  margin-right: 5px;
}

/* ly_products_others */
.ly_products_others {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.bl_item_list_others {}
.bl_item_list_others .item {}
.bl_item_list_others .item a {
  display: flex;
  align-items: flex-start;
  color: #333;
  text-decoration: none;
  gap: 15px;
  height: 100%;
}
.bl_item_list_others .item .thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  max-width: 122px;
  width: 40%;
}
.bl_item_list_others .item .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.bl_item_list_others .item .detail {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
  height: 100%;
  width: 100%;
}
.bl_item_list_others .item .lead {
  font-size: 1.2rem;
    margin-bottom: 8px;
}
.bl_item_list_others .item .name {
  margin-bottom: 14px;
}
.bl_item_list_others .item .price {
  font-weight: bold;
}

.ec-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
.ec-modal .ec-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}
.ec-modal .ec-modal-wrap {
    position: relative;
    border-radius: 2px;
    border: 1px solid #333;
    background-color: #fff;
    width: 90%;
    margin: 20px;
    padding: 40px 5px;
    max-width: 520px;
}
.ec-modal .ec-modal-close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    height: 30px;
    width: 20px;
}
.ly_products_head .ec-modal .bl_form {
  background: none;
  padding: 0;
}

/* pc */
@media print, screen and (min-width: 1200px) {
  
  .ly_products_head {
    display: flex;
    gap: 40px;
  }
  .ly_products_head .thumbs {
    margin: 0;
    width: 45%;
    max-width: 446px;
  }
  .ly_products_head .details {
    flex: 1;
  }
  
  .ly_products_head .ttl { font-size: 2.4rem; }
  
  .ly_products_head .status li {
    width: calc(100% / 7 - 5px);
  }
  .ly_products_head .price { font-size: 2rem; }
  .ly_products_head .price strong { font-size: 3rem; }
  
  /* .ly_products_review */
  .ly_products_review {
    margin-bottom: 80px;
    padding: 40px 30px;
  }
  
  /* .ly_products_pr */
  .ly_products_pr {
    margin-bottom: 80px;
  }
  .ly_products_more_list {
    padding: 50px 70px;
  }
  .ly_products_more_list table {
    margin-top: 40px;
  }
  
  /* ly_products_others */
  .ly_products_others { margin-top: 80px; }
  .bl_item_list_others .item a {
    flex-direction: column;
  }
  .bl_item_list_others .item .thumb {
    width: 100%;
    max-width: none;
  }
  .bl_item_list_others .item .lead { font-size: 1.5rem; }
  .bl_item_list_others .item .name { font-size: 1.8rem; }
}

/* pc */
@media print, screen and (min-width: 1920px) {
  
  .ly_products_head .lead { font-size: 2rem; }
  .ly_products_head .ttl { font-size: 3rem; }
  
}


/*---------------------------
	cart
---------------------------*/

.bl_point_announce {
  background: #F0F7FB;
  border: 1px solid #333;
  padding: 20px;
}
.bl_point_announce .ttl {
  font-size: 2rem;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #333;
}
.bl_point_announce .point { margin: 0 5px; }
.bl_point_announce .point strong {
  font-size: 3.6rem;
  line-height: 1;
}

.bl_error_info {
  background: #FFE8E8;
  padding: 20px;
  margin-bottom: 40px;
}

.bl_cart_item + .bl_cart_item { margin-top: 30px; }

.bl_form .btns {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}

/* bl_progress */
.bl_progress {
  margin: 20px 0 30px;
  display: flex;
}
.bl_progress li {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.bl_progress li + li::before {
  content: "";
  width: 100%;
  left: -50%;
  top: 15px;
  border-bottom: 1px solid #EFEFEF;
  position: absolute;
  z-index: 0;
}
.bl_progress li.active + li.active::before { border-bottom-color: #333; }
.bl_progress .no {
  width: 30px;
  height: 30px;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: bold;
  background: #EFEFEF;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.bl_progress .active .no { background: #F2BB06; }

.bl_progress .active .no::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 11px;
  width: 26px;
  height: 12px;
  background: url(../image/deco_foot.png) no-repeat 0 0 / auto 12px;
  z-index: 2;
}
.bl_progress li:last-child .no::after { display: none; }

.bl_progress .text {
  color: #E1E1E1;
  font-size: 1rem;
  font-weight: bold;
}
.bl_progress .active .text { color: #333; }

/* tablet */
@media print, screen and (min-width: 768px) {
  .bl_form .btns {
    flex-direction: row;
    justify-content: center;
  }
  
  /* bl_progress */
  .bl_progress .no {
    width: 34px;
    height: 34px;
    font-size: 2.2rem;
  }
  .bl_progress .text {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .bl_progress li + li::before { top: 17px; }
  .bl_progress .active .no::after {
    background-size: auto 18px;
    height: 18px;
    width: 61px;
    right: -72px;
  }
}

/* pc */
@media print, screen and (min-width: 1200px) {
  
  .bl_cart_item + .bl_cart_item { margin-top: 60px; }
  
}

/* pc */
@media print, screen and (min-width: 1920px) {
  /* bl_progress */
  .bl_progress .text { font-size: 2rem; }
}



.cart_table {
  margin: 20px 0 30px;
}
.cart_head { display: none; }

.cart_list {}
.cart_list .item:first-child {
  border-top: 1px solid #333;
}
.cart_list .item {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  padding: 20px 0;
  border-bottom: 1px solid #333;
}
.cart_list .thumb {
  width: 46.55%;
  max-width: 142px;
}
.cart_list .thumb img {}
.cart_list .detail {
  flex: 1;
}
.cart_list .ttl {
  margin-bottom: 15px;
  font-size: 100%;
}
.cart_list .ttl a { color: #000; }
.cart_list .quantity {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
  margin-bottom: 10px;
}
.cart_list .quantity_reload { display: none; }
.cart_list .point {
  font-size: 14px;
  margin-bottom: 10px;
}
.quantity_input {
  flex: 1;
  display: flex;
}
.quantity_input .now {
  width: 50px;
  margin: 0;
  font-size: 1.6rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #333;
}
.quantity_input a {
  color: #fff;
  text-align: center;
  background: #333;
  width: 40px;
  height: 40px;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  border: 1px solid #333;
}
.quantity_input .not_down {
  color: #fff;
  text-align: center;
  background: #ccc;
  width: 40px;
  height: 40px;
  font-weight: 500;
  font-size: 20px;
  text-decoration: none;
  border: 1px solid #333;
  border-right: none;
}
.quantity_input .not_down + .now {
  border-left:none;
}

.cart_list .price {
  font-size: 14px;
  margin-bottom: 20px;
}
.cart_list .trash a {
  color: #000;
  background: url("../image/icon/icon_trash.svg") no-repeat left 15px center;
  border: 1px solid #E1E1E1;
  padding: 8px 20px 8px 41px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
}
.cart_info {
  margin-bottom: 50px;
}
.cart_info_r {
    margin-bottom: 30px;
}
.cart_info .cart_total {
  font-size: 14px;
    background: #FBFAFC;
    padding: 30px 20px;
    margin-bottom: 35px;
}

.cart_info .cart_total dl {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.cart_info .cart_total dt {
  width: 90px; 
}
.cart_info .cart_total dd { flex: 1; }

.cart_info .cart_total .price {
  font-size: 20px
}
.cart_info .cart_total a {
    display: inline-block;
    vertical-align: baseline;
    text-decoration: underline;
    color: #976532;
    padding: 0 5px;
}
.cart_info .btns {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.cart_info .btns .cart-btn {
  margin: 0 auto;
}
.cart_info .cart-btn a {
  background: #371475 url(../image/arrow_02_r.svg) no-repeat right 30px center;
  background-size: 8px 16px;
}
.cart_info .cart-btn span {
  background: url("../image/icon_pay.svg") no-repeat 0 5px;
}
.cart_info .other_btns {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media print, screen and (min-width: 768px) {
  .cart_info .cart-btn a {
    background-size: 10px 20px;
  }
}
/* pc */
@media print, screen and (min-width: 1200px) {
  
  .cart_table {
    margin: 30px 0 40px;
  }
  .cart_head {
    display: flex;
    padding: 25px 20px;
    background: #BADAEF;
  }
  .cart_head li {
    border-left: 1px solid #E1E1E1;
    padding-left: 2.19%;
  }
  .cart_head li:nth-child(1) { flex: 1; border-left: none; }
  .cart_head li:nth-child(2) { width: 22%; }
  .cart_head li:nth-child(3) { width: 20.4%; }
  
  .cart_list .item:first-child { border-top: none; }
  .cart_list .item {
    padding: 20px 20px;
    gap: 2.19%;
  }
  .cart_list .detail {}
  .cart_list .thumb {
    width: 13%;
  }
  .cart_list .detail {
    display: flex;
  }
  .cart_list .info {
    flex: 1;
    padding-right: 30px;
  }
  .cart_list .ttl {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
  }
  .cart_list .quantity {
    width: 26%;
    padding: 0 2.4%;
    align-items: flex-start;
    border-left: 1px solid #E1E1E1;
  }
  .cart_list .point {
    width: 20.3%;
    border-left: 1px solid #E1E1E1;
    padding: 0 1.2% 0 2.4%;
  }
  .cart_list .price_wrap {
    width: 24%;
    padding-left: 2.4%;
    border-left: 1px solid #E1E1E1;
  }
  
  .cart_list .point,
  .cart_list .price {
    font-size: 16px;
  }


  .cart_info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .cart_info_r {
    margin: 0;
    width: 430px;
  }
  .cart_info .cart_total dt {
    width: 110px;
  }
  .cart_info .cart_total {
    font-size: 16px;
  }
  .cart_info .cart_total .price {
    font-size: 22px;
  }
  .cart_info .other_btns {
    flex-direction: row;
    flex: 1;
  }
  .cart_info .other_btns a {
    max-width: 330px;
    margin: 0;
  }
}

/*---------------------------
	shopping
---------------------------*/
.bl_address_list {
  border-top: 1px solid #333;
}
.bl_address_list .item {
  border-bottom: 1px solid #333;
  padding: 15px;
}
.bl_address_list .radio { margin-bottom: 10px; }
.bl_address_list .name {
  font-size: 110%;
  font-weight: 500;
}
.bl_address_list .control {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}

.bl_payment_list {
  border-top: 1px solid #E1E1E1;
}
.bl_payment_list li {
  padding: 15px;
  border-bottom: 1px solid #E1E1E1;
}

/* pc */
@media print, screen and (min-width: 1200px) {
  .bl_address_list .item {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px 15px;
  }
  .bl_address_list .radio { margin-bottom: 0; }
  .bl_address_list .address {
    flex: 1;
  }
  .bl_address_list .control { margin: 0; }
}

/* ec-AddAddress */
.ec-AddAddress {}
.ec-AddAddress .ec-AddAddress__info {
  margin-bottom: 32px;
  text-align: center;
  font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__add {
  margin-bottom: 30px;
}
.ec-AddAddress .ec-AddAddress__item {
  display: table;
  padding: 16px;
  background: #fff;
  margin-bottom: 16px;
}
.ec-AddAddress .ec-AddAddress__itemThumb {
  display: table-cell;
  min-width: 100px;
  width: 20%;
}
.ec-AddAddress .ec-AddAddress__itemThumb img {
  width: 100%;
}
.ec-AddAddress .ec-AddAddress__itemtContent {
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  font-size: 16px;
}
.ec-AddAddress .ec-AddAddress__itemtTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__itemtSize {
  margin-bottom: 10px;
}
.ec-AddAddress .ec-AddAddress__select {
  margin-bottom: 5px;
}
.ec-AddAddress .ec-AddAddress__selectAddress {
  display: block;
}
.ec-AddAddress .ec-AddAddress__selectAddress label {
  font-size: 16px;
  font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectAddress select {
  min-width: 100%;
}
.ec-AddAddress .ec-AddAddress__selectNumber {
  display: block;
}
.ec-AddAddress .ec-AddAddress__selectNumber label {
  font-size: 16px;
  font-weight: normal;
}
.ec-AddAddress .ec-AddAddress__selectNumber input {
  display: inline-block;
  margin-left: 10px;
  width: 80px;
}
.ec-AddAddress .ec-AddAddress__actions .ec-blockBtn--action {
  margin-bottom: 8px;
}
.ec-AddAddress .ec-AddAddress__new {
  margin-bottom: 20px;
}
/* pc */
@media print, screen and (min-width: 1200px) {
  .ec-AddAddress {}
  .ec-AddAddress .ec-AddAddress__selectAddress {
    display: inline-block;
  }
  .ec-AddAddress .ec-AddAddress__selectAddress select {
    min-width: 350px;
  }
  .ec-AddAddress .ec-AddAddress__selectNumber {
    display: inline-block;
    margin-left: 30px;
  }
  .ec-AddAddress .ec-AddAddress__itemThumb {
    min-width: 160px;
  }
  .ec-AddAddress .ec-AddAddress__actions {
    width: 33.3333%;
    min-width: 250px;
    margin: 0 auto;
  }
}

/*---------------------------
	entry
---------------------------*/
.bl_kiyaku {
  background: #F0F7FB;
  padding: 10px 10px 30px;
}
.bl_kiyaku .kiyaku_text {
  height: 50vh;
}

/* pc */
@media print, screen and (min-width: 1200px) {
  
  .bl_kiyaku {
    padding: 50px;
  }
  .bl_kiyaku .bl_form {
    max-width: 753px;
    margin: 0 auto;
  }
  .bl_kiyaku .kiyaku_text {
    max-height: 725px;
  }
}

/*---------------------------
	mypage
---------------------------*/
.ly_mypage {
  display: flex;
  flex-direction: column-reverse;
  gap: 50px;
}
.ly_mypage.ly_mypage_top {
  flex-direction: column;
}

.ly_mypage_navi {
  margin: 30px 0 40px;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #E1E1E1;
}
.ly_mypage_navi a {
  display: block;
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
  padding: 15px 40px 15px 20px;
  background: #fff url("../image/icon/arrow_02_black.svg") no-repeat right 20px center/18px;
  border-bottom: 1px solid #E1E1E1;
}
.ly_mypage_navi a.selected {}

.link_refusal { margin-top: 80px; }

.bl_mypage_history {
  display: flex;
    flex-direction: column;
    gap: 30px;
}
.bl_mypage_history .item {
    border: 1px solid #BADAEF;
}
.bl_mypage_history .head {
  background-color: #BADAEF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.bl_mypage_history .date {
  font-weight: bold;
}
.bl_mypage_history .definitions {
  display: flex;
  gap: 10px;
}
.bl_mypage_history .link {}
.bl_mypage_history .detail {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
}
.bl_mypage_history .detail_item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.bl_mypage_history .thumb {
  width: 100px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.bl_mypage_history .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.bl_mypage_history .content {
  flex: 1;
}
.bl_mypage_history .ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

/* pc */
@media print, screen and (min-width: 1200px) {
  .ly_mypage {
    gap: 80px;
  }
  .ly_mypage_navi {
    flex-direction: row;
    gap: 18px 25px;
    flex-wrap: wrap;
    border-top: none;
    margin: 30px 0 60px;
  }
  .ly_mypage_navi li {
    width: calc(100%/3 - 17px)
  }
  .ly_mypage_navi a {
    border: 1px solid #333;
    background-size: 22px;
    padding: 20px 50px 20px 20px;
  }
  
  .link_refusal { margin-top: 120px; }

  /* bl_mypage_history */
  .bl_mypage_history .item {
    display: flex;
  }
  .bl_mypage_history .head {
    flex-direction: column;
    gap: 20px;
  }
  .bl_mypage_history .thumb {
    width: 150px;
  }
}

/* pc */
@media print, screen and (min-width: 1920px) {
  .ly_mypage_navi a {
    font-size: 2rem;
  }
}

.ec-orderRole {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.ec-orderRole:after {
  content: " ";
  display: table;
}
.ec-orderRole:after {
  clear: both;
}
.ec-orderRole img {
  max-width: 100%;
}
.ec-orderRole html {
  box-sizing: border-box;
}
.ec-orderRole *,
.ec-orderRole *::before,
.ec-orderRole *::after {
  box-sizing: inherit;
}
.ec-orderRole img {
  width: 100%;
}
.ec-orderRole .ec-inlineBtn {
  font-weight: normal;
}
.mypage .ec-orderRole .ec-inlineBtn {
  font-weight: bold;
}
.ec-orderRole .ec-orderRole__detail {
  padding: 0;
  width: 100%;
}
.ec-orderRole .ec-orderRole__summary {
  width: 100%;
}
.ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
  display: inline-block;
}
.ec-orderRole .ec-borderedList {
  margin-bottom: 20px;
  border-top: 1px dotted #ccc;
}
.ec-totalBox {
  background: #BADAEF;
  padding: 16px;
  margin-bottom: 16px;
}
.ec-totalBox .ec-totalBox__spec {
  display: flex;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 8px;
}
.ec-totalBox .ec-totalBox__spec dt {
  font-weight: normal;
  text-align: left;
}
.ec-totalBox .ec-totalBox__spec dd {
  text-align: right;
}
.ec-totalBox .ec-totalBox__spec .ec-totalBox .ec-totalBox__spec__specTotal {
  color: #F25027;
}
.ec-totalBox .ec-totalBox__total {
  border-top: 1px dotted #fff;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__paymentTotal {
  border-top: 1px dotted #fff;
  padding: 8px 0;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price,
.ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__taxLabel {
  color: #F25027;
}
.ec-totalBox .ec-totalBox__price {
  margin-left: 16px;
  font-size: 16px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__taxLabel {
  margin-left: 8px;
  font-size: 12px;
}
.ec-totalBox .ec-totalBox__taxRate {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 8px;
  font-size: 10px;
}
.ec-totalBox .ec-totalBox__taxRate dt {
  font-weight: normal;
  text-align: left;
  margin-right: 8px;
}
.ec-totalBox .ec-totalBox__taxRate dt::before {
  content: "[ ";
}
.ec-totalBox .ec-totalBox__taxRate dd {
  text-align: right;
}
.ec-totalBox .ec-totalBox__taxRate dd::after {
  content: " ]";
}
.ec-totalBox .ec-totalBox__pointBlock {
  padding: 18px 20px 10px;
  margin-bottom: 10px;
  background: #fff;
}
.ec-totalBox .ec-totalBox__btn {
  color: #fff;
}
.ec-totalBox .ec-totalBox__btn a {
  color: inherit;
  text-decoration: none;
}
.ec-totalBox .ec-totalBox__btn a:hover {
  text-decoration: none;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  font-size: 16px;
  font-weight: bold;
}
.ec-totalBox .ec-totalBox__btn .ec-blockBtn--cancel {
  margin-top: 8px;
}
.ec-totalBox .btn_01 {
    width: 100%;
    min-width: auto;
}

.ec-definitions, .ec-definitions--soft {
  margin: 5px 0;
  display: block;
}
.ec-definitions dt, .ec-definitions--soft dt, .ec-definitions dd, .ec-definitions--soft dd {
  display: inline-block;
  margin: 0;
}
.ec-definitions dt, .ec-definitions--soft dt {
  font-weight: bold;
}
.ec-definitions--soft dt {
  font-weight: normal;
}

.ec-imageGrid {
  display: table;
  border-bottom: 1px dotted #ccc;
  width: 100%;
  padding: 15px 0;
}
.ec-imageGrid .ec-imageGrid__img {
  display: table-cell;
  width: 100px;
}
.ec-imageGrid .ec-imageGrid__img img {
  width: 100%;
}
.ec-imageGrid .ec-imageGrid__content {
  vertical-align: middle;
  display: table-cell;
  padding-left: 15px;
}
.ec-imageGrid .ec-imageGrid__content span {
  margin-left: 10px;
}
.ec-imageGrid .ec-imageGrid__content p {
  margin-bottom: 0;
}

/* pc */
@media print, screen and (min-width: 1200px) {
.ec-orderRole {
    flex-direction: row;
  }
  .ec-orderRole:after { display: none;}
  .ec-orderRole .ec-orderRole__detail {
    flex: 1;
  }
  .ec-orderRole .ec-orderRole__summary {
    width: 30%;
  }
  .ec-orderRole .ec-orderRole__summary .ec-inlineBtn {
    display: none;
  }
  .ec-orderRole .ec-borderedList {
    border-top: none;
  }

  .ec-totalBox .ec-totalBox__price {
    font-size: 24px;
  }
  .ec-totalBox .ec-totalBox__taxLabel {
    font-size: 14px;
  }
  .ec-totalBox .ec-totalBox__taxRate {
    font-size: 12px;
  }

  .ec-imageGrid .ec-imageGrid__img {
    padding: 10px;
    width: 130px;
  }
}

/* orderMail */
.ec-orderMail {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 16px;
}
.ec-orderMail .ec-orderMail__time {
  margin: 0;
}
.ec-orderMail .ec-orderMail__body {
  display: none;
}
.ec-orderMail .ec-orderMail__time {
  margin-bottom: 4px;
}
.ec-orderMail .ec-orderMail__link {
  margin-bottom: 4px;
}
.ec-orderMail .ec-orderMail__link a {
  color: #0092C4;
  text-decoration: none;
  cursor: pointer;
}
.ec-orderMail .ec-orderMail__link a:hover {
  color: #33A8D0;
}
.ec-orderMail .ec-orderMail__close a {
  text-decoration: none;
  cursor: pointer;
}
.ec-orderMail .ec-orderMail__close a:hover {
  color: #33A8D0;
}


/* delivery */
.bl_addressList {
  border-top: 1px solid #E1E1E1;
}
.bl_addressList .item {
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 5px;
}
.bl_addressList .address{ flex: 1; }


/*---------------------------
	faq
---------------------------*/
.bl_faq dl {
  border-bottom: 1px solid #E1E1E1;
}
.bl_faq dt {}
.bl_faq dt a {
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
  display: block;
  background: url(../image/icon/icon_q.png) no-repeat 10px 13px / 30px;
  padding: 14px 40px 14px 50px;
  position: relative;
}
.bl_faq .toggle_icon {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  background: #222;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl_faq .toggle_icon::before,
.bl_faq .toggle_icon::after {
  content: "";
  width: 8px;
  height: 1px;
  background: #fff;
  position: absolute;
  z-index: 1;
  transition: .3s;
}
.bl_faq .toggle_icon::after {
  transform: rotate(90deg);
}
.bl_faq .show .toggle_icon::after {
  transform: rotate(0deg);
}
.bl_faq dd {
  display: none;
  background: #EFEFEF url(../image/icon/icon_a.png) no-repeat 20px 33px / 30px;
  padding: 35px 15px 35px 60px;
}

/* pc */
@media print, screen and (min-width: 1200px) {
  
  .bl_faq dt a {
    font-size: 2rem;
    background-size: 34px;
    background-position: 20px 26px;
    padding: 25px 55px 25px 75px;
  }
  .bl_faq .toggle_icon {
    width: 30px;
    height: 30px;
    right: 20px;
    margin-top: -15px;
  }
  .bl_faq .toggle_icon::before,
  .bl_faq .toggle_icon::after {
    width: 14px;
    height: 2px;
    border-radius: 2px;
  }
  .bl_faq dd {
    background-size: 34px;
    background-position: 40px 39px;
    padding: 40px 80px 40px 95px;
  }

}

/*---------------------------------------------------------------------
	top
---------------------------------------------------------------------*/
/* top_ttl */
.top_ttl {
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
}
.top_ttl span {
  display: inline-block;
  padding: 8px 20px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

/* mv */
.js_top_mv {
  margin-bottom: 30px;
}
.js_top_mv .splide__slide a {
  display: block;
  position: relative;
  padding-bottom: 155%;
  overflow: hidden;
}
.js_top_mv .splide__slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.splide__arrow { opacity: 1; }

.js_top_mv {
  position: relative;
}
.js_top_mv_arrows button {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  padding: 0;
  margin-top: -50px;
}
.js_top_mv_arrows .splide__arrow--prev { left: 5px; }
.js_top_mv_arrows .splide__arrow--next { right: 5px; }

.js_top_mv_control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}
.js_top_mv_control .splide__toggle {
  background: #fff;
  border-radius: 50%;
  border: none;
  padding: 0;
  line-height: 1;
}
.js_top_mv_control .splide__pagination {
  position: relative;
  left: auto;
  bottom: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.js_top_mv_control .splide__pagination__page {
  width: 16px;
  height: 16px;
  background: #EFEFEF;
  border: 1px solid #333;
  margin: 0;
  opacity: 1;
}
.js_top_mv_control .splide__pagination__page.is-active {
  background: #F2BB06;
  transform:none;
}

/* bl_top_cat */
.bl_top_cat {
  position: relative;
  margin-bottom: 50px;
}
.bl_top_cat_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}
.bl_top_cat_list li {
  width: calc(25% - 8px);
}
.bl_top_cat_list li a {
  color: #333;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 1.2rem;
}
.bl_top_cat_list .thumb {}
.bl_top_cat_list .thumb img { width: 100%; }

.bl_top_cat .deco {
  position: absolute;
  right: 5%;
  bottom: -18%;
  width: 17%;
}
.js_deco_foot .foot {
  opacity: 0;
  transition: .3s;
}
.js_deco_foot.show .foot:nth-child(1) { opacity: 1; transition-delay: 0s; }
.js_deco_foot.show .foot:nth-child(2) { opacity: 1; transition-delay: .1s; }
.js_deco_foot.show .foot:nth-child(3) { opacity: 1; transition-delay: .2s; }
.js_deco_foot.show .foot:nth-child(4) { opacity: 1; transition-delay: .3s; }
.js_deco_foot.show .foot:nth-child(5) { opacity: 1; transition-delay: .4s; }
.js_deco_foot.show .foot:nth-child(6) { opacity: 1; transition-delay: .5s; }
.js_deco_foot.show .foot:nth-child(7) { opacity: 1; transition-delay: .6s; }

/* bl_top_area */
.bl_top_area {
  margin-bottom: 50px;
}
.bl_top_area .splide__track { margin-right: -20px; }
.bl_top_area .splide__slide img { width: 100%; }

.splide__arrows_clip {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  gap: 16px;
}
.splide__arrows_clip button {
    position: relative;
    background: #333333;
    width: 55px;
    height: 25px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}
.splide__arrows_clip button img { height: 7px; }

/* bl_top_price */
.bl_top_price {}
a.js_top_price_toggle {
  display: block;
  color: #333;
  font-size: 1.6rem;
  padding: 10px 50px 10px 20px;
  text-decoration: none;
  background: #EFEFEF;
  border: 1px solid #333;
  margin-bottom: 10px;
  position: relative;
}
a.js_top_price_toggle .toggle {
  position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    background: #222;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.js_top_price_toggle .toggle::before,
a.js_top_price_toggle .toggle::after {
  content: "";
  width: 10px;
  height: 1px;
  background: #fff;
  position: absolute;
  z-index: 1;
  transition: .3s;
}
a.js_top_price_toggle .toggle::after { transform: rotate(0deg); }
a.js_top_price_toggle.hide .toggle::after { transform: rotate(90deg); }
.bl_top_price_list {
    border: 1px solid #333;
}
.bl_top_price_list li + li {
  border-top: 1px solid #F5F5F5;
}
.bl_top_price_list a {
  display: block;
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
  padding: 10px 20px;
  background: #fff url("../image/icon/arrow_02_black.svg") no-repeat right 20px center;
}

/* bl_top_wave_01 */
.bl_top_wave_01 {
  padding: 25% 0 35%;
  background: url("../image/top/wave_01_t_sp.png") no-repeat 0 0/ 100%,
     url("../image/top/wave_01_b_sp.png") no-repeat left bottom -1px/ 100%,
    url("../image/top/bg_blue.png") top center/100px;
  margin-bottom: 60px;
  position: relative;
}
.bl_top_wave_01 .deco {
  transform: scale(-1, 1);
  width: 19%;
  position: absolute;
  left: 6%;
  bottom: 4%;
}
.bl_top_wave_01 .deco_kuina {
  position: absolute;
  right: 0;
  bottom: -30px;
}
.bl_top_special {
  margin-bottom: 40px;
}
.bl_top_special_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bl_top_special_list .item {}
.bl_top_special_list .item a {
  background: #fff;
  padding: 2px;
  display: block;
  text-decoration: none;
  color: #333;
}
.bl_top_special_list .thumb {
  position: relative;
  overflow: hidden;
  padding-bottom: 59.81%;
}
.bl_top_special_list .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.bl_top_special_list .detail {
  padding: 15px;
}
.bl_top_special_list .ttl {
  font-size: 2rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #333;
}
.bl_top_special_list .lead {}

.bl_top_recommend {}
.bl_top_recommend .splide__track {
  margin-right: -20px;
}
.bl_top_item_list {}
.bl_top_item_list .item {}
.bl_top_item_list .item a {
  display: flex;
  flex-direction: column;
  color: #333;
  text-decoration: none;
  gap: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #333;
  position: relative;
}
.bl_top_item_list.type_rank .item a {
  padding-top: 10px;
}
.bl_top_item_list .no_flag {
  position: absolute;
  left: 10px;
  top: 0;
  width: 46px;
  height: 54px;
  background: url(../image/top/flag.png) no-repeat 0 0 / 46px;
  z-index: 1;
  line-height: 1;
  font-size: 2.6rem;
  text-align: center;
  padding: 8px 10px 0 0;
}
.bl_top_item_list .thumb {
  position: relative;
  overflow: hidden;
  border: 2px solid #fff;
  padding-bottom: 100%;
}
.bl_top_item_list .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.bl_top_item_list .detail {
  display: flex;
  flex-direction: column;
}
.bl_top_item_list .lead { margin-bottom: 8px; }
.bl_top_item_list .name {
  font-size: 1.5rem;
  margin-bottom: 14px;
}
.bl_top_item_list .price { font-weight: bold; }

/* bl_top_rank */
.bl_top_rank {
  margin-bottom: 50px;
}
.bl_top_rank_inner {
  padding-top: 50px;
  padding-bottom: 50px;
  background: url("../image/top/bg_yellow.png") 0 0/ 270px;
}
.bl_top_rank .splide__track {
    margin-right: -20px;
}

/* bl_top_news */
.bl_top_news {
  margin-bottom: 50px;
}
.bl_top_news_inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}

.bl_news_list {}
.bl_news_list li {}
.bl_news_list li a {
  color: #333;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 14px;
  padding: 15px;
  border-bottom: 1px solid #333;
}
.bl_news_list .cat {
  font-size: 1.2rem;
  background: #F2BB06;
  padding: 2px 13px;
}
.bl_news_list .date {
  font-size: 1.4rem;
}
.bl_news_list .title {
  width: 100%;
}

.bl_top_news_link {
  text-align: center;
}

.ly_news_detail {}
.ly_news_detail .news_mv {
  margin-bottom: 20px;
}
.ly_news_detail .news_mv img { width: 100%; }
.ly_news_detail .news_date {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.ly_news_detail .news_date strong {
  padding-right: 65px;
  background: url("../image/deco_foot.png") no-repeat right center/ auto 12px;
}

/* bl_top_navi */
.bl_top_navi {
  padding: 20% 0 15%;
  background: url("../image/top/wave_02_t_sp.png") no-repeat 0 0/ 100%,
     url("../image/top/wave_02_b_sp.png") no-repeat left bottom/ 100%,
    #A5CFE5 url("../image/top/bg_blue.png") 0 0/100px;
  margin-bottom: 50px;
}
.bl_top_navi_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bl_top_navi_list .item {}
.bl_top_navi_list .item .a_block {
  color: #333;
  text-decoration: none;
  display: block;
  padding: 20px 20px 30px;
  background: #fff url("../image/icon/arrow_02_black.svg") no-repeat right 20px bottom 30px/22px;
}
.bl_top_navi_list .item span.a_block {
  background-image: none;
}
.bl_top_navi_list .name {
  font-size: 1.8rem;
  margin-bottom: 10px;
  background: url(../image/top/top_navi_01.png) no-repeat 0 0 / 46px;
  padding: 5px 0 5px 60px;
}
.bl_top_navi_list .item:nth-child(2) .name { background-image: url("../image/top/top_navi_02.png"); }
.bl_top_navi_list .item:nth-child(3) .name { background-image: url("../image/top/top_navi_03.png"); }
.bl_top_navi_list .item:nth-child(4) .name { background-image: url("../image/top/top_navi_04.png"); }
.bl_top_navi_list .name span {
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
}
.bl_top_navi_list .text {
  padding-right: 30px;
}
.bl_top_navi_list .item span.a_block .text {
  padding-right: 0;
  background: none;
}

/* bl_top_bnr */
.bl_top_bnr {}
.bl_top_bnr .bl_bnr {
  max-width: 1200px;
  margin: 0 auto;
}
.bl_bnr {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 20px;
}
.bl_bnr li {}
.bl_bnr li a {}
.bl_bnr li a img { width: 100%; }

.js_top_b_slide {
  margin: 60px 0 -50px;
}
.js_top_b_slide img { width: 100%; }

/* tablet */
@media print, screen and (min-width: 768px) {
  
  /* js_top_mv */
  .js_top_mv {}
  .js_top_mv .splide__slide a {
    padding-bottom: 61.66%;
  }
  .js_top_mv_arrows .splide__arrow--prev { left: 4%; }
  .js_top_mv_arrows .splide__arrow--next { right: 4%; }
  
  /* bl_top_cat_list */
  .bl_top_cat_list li a {
    font-size: 1.4rem;
  }
  .bl_top_cat .deco {
    width: 12%;
    bottom: -15%;
  }
  
  /* bl_top_area */
  .bl_top_area .splide__track {
    margin-right: 0;
  }
  .bl_top_area_list {
    display: flex !important;
    height: auto !important;
    gap: 24px;
  }
  .bl_top_area_list li {
    flex: 1;
  }
  .js_top_area_arrow { display: none; }
  
  /* bl_top_price */
  a.js_top_price_toggle { display: none; }
  .bl_top_price_list {
    border: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .bl_top_price_list li { width: calc(33.33% - 14px); }
  .bl_top_price_list li + li { border-top: none; }
  .bl_top_price_list a {
    border: 1px solid #333;
  }
  
  /* .bl_top_wave_01 */
  .bl_top_special_list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .bl_top_special_list .item {
    width: calc(50% - 10px);
  }
  .bl_top_wave_01 .deco {
    width: 16%;
    max-width: 98px;
    bottom: 9%;
  }
  
  .bl_bnr {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
  }
  .bl_bnr li {
    width: calc(33.33% - 10px)
  }
  
}

/* pc */
@media print, screen and (min-width: 1200px) {
  
  /* top_mv */
  .js_top_mv_arrows .splide__arrow--prev { left: 21%; }
  .js_top_mv_arrows .splide__arrow--next { right: 21%; }
  
  
  /* .top_ttl */
  .top_ttl {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .top_ttl span {
    padding: 15px 20px;
  }
  
  
  /* js_top_mv */
  .js_top_mv {
    margin-bottom: 90px;
  }
  .js_top_mv_control {
    gap:30px;
  }
  .js_top_mv_control .splide__pagination {
    gap: 30px;
  }
  .js_top_mv_control .splide__pagination__page {
    width: 20px;
    height: 20px;
  }
  .js_top_mv_control .splide__toggle img {
    width: 34px;
  }
  
  /* bl_top_cat_list */
  .bl_top_cat {
    margin-bottom: 100px;
  }
  .bl_top_cat_list {}
  .bl_top_cat_list li {
    width: calc(100% / 6 - 9px);
  }
  
  .bl_top_cat_list.type_2 {}
  .bl_top_cat_list.type_2 li {
    width: calc(100% / 4 - 8px);
  }
  
  .bl_top_cat_list li a {
    font-size: 1.6rem;
    position: relative;
  }
  .bl_top_cat_list li a::before {
    content: "";
    width: 40px;
    height: 32px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: url("../image/top/deco_eye.png") no-repeat 0 0/ 39px;
    opacity: 0;
    transition: .3s;
    z-index: 1;
  }
  .bl_top_cat_list li a:hover {
    color: #F25027
  }
  .bl_top_cat_list li a:hover::before {
    opacity: 1;
  }
  .bl_top_cat_list li a:hover img { opacity: 1; }
  
  .bl_top_cat_list a:hover .thumb img {
    transform: rotate(5deg)
  }
  .bl_top_cat .ly_pagebody_inner { position: relative; }
  .bl_top_cat .deco {
    width: 138px;
    bottom: -120px;
    right: 10px;
  }
  
  /* bl_top_area */
  .bl_top_area {
    margin-bottom: 90px;
  }
  
  /* bl_top_price */
  .bl_top_price {
    margin-bottom: 90px;
  }
  .bl_top_price_list {}
  .bl_top_price_list li {
    width: calc(25% - 15px);
  }
  .bl_top_price_list.type_2 li {
    width: calc(33.33% - 14px);
  }
  .bl_top_price_list li a {
    font-size: 1.8rem;
    padding: 20px;
  }
  
  /* bl_top_special */
  .bl_top_special {
    margin-bottom: 80px;
  }
  .bl_top_special_list {
    gap: 30px;
  }
  .bl_top_special_list .item {
    width: calc(50% - 15px);
  }
  
  /* .bl_top_wave_01 */
  .bl_top_wave_01 {
    padding: 18% 0 15%;
    margin-bottom: 130px;
    background: url("../image/top/wave_01_t_pc.png") no-repeat 0 0/ 100%,
     url("../image/top/wave_01_b_pc.png") no-repeat left bottom -1px/ 100%,
    url("../image/top/bg_blue.png") top center/100px;
  }
  .bl_top_recommend { position: relative; }
  .bl_top_wave_01 .deco {
    bottom: auto;
    left: 20px;
    top: -50px;
  }
  .bl_top_wave_01 .deco_kuina {
    bottom: -150px;
  }
  .bl_top_recommend .splide__track { margin-right: 0; }
  .bl_top_item_list .lead { font-size: 1.5rem; }
  .bl_top_item_list .name { font-size: 1.8rem; }
  
  .splide__arrows_clip {
    justify-content: flex-end;
    gap: 20px;
  }
  .splide__arrows_clip button {
    width: 76px;
    height: 34px;
  }
  .splide__arrows_clip button img { height: 10px; }
  
  /* .bl_top_rank */
  .bl_top_rank {
    padding: 0 80px;
    margin-bottom: 70px;
  }
  .bl_top_rank_inner {
    border-radius: 50px;
  }
  .bl_top_rank .splide__track { margin-right: 0; }
  
  /* .bl_top_news */
  .bl_top_news {
    margin-bottom: 110px;
  }
  .bl_news_list li a {
    padding: 20px 25px;
  }
  .bl_news_list .cat { font-size: 1.4rem; }
  .bl_news_list .date {
    border-right: 1px solid #333;
    padding-right: 20px;
  }
  .bl_news_list .title {
    width: auto;
    flex: 1;
    font-size: 1.4rem;
  }
  
  .ly_news_detail .news_mv {
    margin-bottom: 30px;
  }
  
  /* bl_top_navi */
  .bl_top_navi {
    padding: 20% 0;
    background: url("../image/top/wave_02_t_pc.png") no-repeat 0 0/ 100%,
     url("../image/top/wave_02_b_pc.png") no-repeat left bottom/ 100%,
    #A5CFE5 url("../image/top/bg_blue.png") 0 0/100px;
    margin-bottom: 90px;
  }
  .bl_top_navi_list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
  }
  .bl_top_navi_list .item {
    width: calc(50% - 13px);
  }
  .bl_top_navi_list .item .a_block {
    padding: 20px 15px 20px 105px;
    background: #fff url("../image/top/top_navi_01.png") no-repeat left 15px center/80px;
  }
  .bl_top_navi_list .item:nth-child(2) a { background-image: url("../image/top/top_navi_02.png"); }
  .bl_top_navi_list .item:nth-child(3) a { background-image: url("../image/top/top_navi_03.png"); }
  .bl_top_navi_list .item:nth-child(4) .a_block { background-image: url("../image/top/top_navi_04.png"); }
  .bl_top_navi_list .name {
    background: none !important;
    padding: 0;
    font-size: 2rem;
  }
  .bl_top_navi_list .text {
    background: url("../image/icon/arrow_02_black.svg") no-repeat right bottom/22px;
    padding-right: 15px;
  }
  
  
  .bl_bnr {
    gap: 30px;
  }
  .bl_bnr li {
    width: calc(25% - 23px);
  }
  
  .js_top_b_slide {
    margin: 100px 0;
  }
}

/* pc */
@media print, screen and (min-width: 1920px) {
  
  /* top_mv */
  .js_top_mv_arrows {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    margin: 0 auto;
  }
  .js_top_mv_arrows_inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
  }
  .js_top_mv_arrows button { margin-top: -113px; }
  .js_top_mv_arrows .splide__arrow--prev {
    left: -108px;
    margin: 0;
    top: -520px;
  }
  .js_top_mv_arrows .splide__arrow--next {
    right: -108px;
    margin: 0;
    top: -520px;
  }
  .js_top_mv_arrows img { width: 98px; }
  
  /* bl_top_cat_list */
  .bl_top_cat_list li a {
    font-size: 1.8rem;
  }

  .bl_top_price_list li a {
    font-size: 2rem;
    padding: 20px 50px 20px 30px;
    background-size: 22px;
  }
  
  /* bl_top_wave_01 */
  .bl_top_wave_01 .deco { left: -40px; }
  .bl_top_wave_01 .deco_kuina {
    bottom: 260px;
  }
  .bl_top_wave_01 .deco_kuina img {
    width: 200px;
  }
  
}

/*----- detail recommend -----*/
/* 部品流用の為こちらで調整 */

.ly_alpha .bl_top_recommend.ly_pagebody_inner {
  padding: 0;
}
.ly_alpha .bl_top_recommend .top_ttl { display: none; }
.ly_alpha .bl_top_recommend .splide { visibility: inherit; }
.ly_alpha .bl_top_recommend .splide__track { margin: 20px 0 0; }
.ly_alpha .bl_top_recommend .splide__list {
  flex-direction: column;
  gap: 30px;
  height: auto !important;
}
.ly_alpha .bl_top_item_list .item a { height: 100%; }
.ly_alpha .bl_top_recommend .splide__arrows_clip,
.ly_alpha .bl_top_recommend .js_deco_foot {
   display: none;
}

/* tablet */
@media print, screen and (min-width: 768px) {
  .ly_alpha .bl_top_recommend .splide__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .bl_top_item_list .item {
    width: calc(50% - 15px);
  }
}
@media print, screen and (min-width: 1200px) {
  .bl_top_item_list .item {
    width: calc(33.33% - 20px);
  }
}

/*---------------------------------------------------------------------
	footer
---------------------------------------------------------------------*/
.ly_footer {
  margin-top: 50px;
  padding-bottom: 14px;
  background: #F5F5F5 url("../../assets/image/line_hana.png") repeat-x 0 bottom/auto 14px;
}
.page_scroll_top {
  display: none;
}
.ly_footer_inner {
  padding: 50px 20px;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: content-box;
}
.ly_footer_logo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 35px;
}
/*.footer_logo { flex: 1; }
.footer_logo img { width: 100%; }*/
.ly_footer_sns {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ly_footer_contact {
  margin-bottom: 30px;
}
.ly_footer_contact a {
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
  border: 1px solid #333;
  display: inline-block;
  background: #fff;
  padding: 13px 10px;
  width: 200px;
  text-align: center;
  margin-top: 10px;
}

.ly_footer_announce {
  padding-bottom: 20px;
  border-bottom: 1px solid #333;
  margin-bottom: 20px;
}
.ly_footer_announce .mark {
  display: flex;
  gap: 20px;
  margin-bottom: 10px
}

.ly_footer_link {
  margin-top: 30px;
}
.ly_footer_link a {
  color: #333;
}

.ly_footer_copy {
  padding: 10px;
  text-align: center;
  font-size: 1rem;
  background: #fff;
}

/* tablet */
@media print, screen and (min-width: 768px) {
  
  .ly_footer_link {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
  }
}

/* pc */
@media print, screen and (min-width: 1200px) {
  .ly_footer {
    font-size: 1.4rem;
    background-size: auto 25px;
    padding-bottom: 25px;
  }
  .page_scroll_top {
    display: block;
    position: fixed;
    right: -20px;
    bottom: 30px;
    width: 120px;
    display: block;
    transition: .3s;
  }
  .page_scroll_top:hover {
    transform: rotate(-5deg);
    right: -10px;
  }
  .page_scroll_top:hover img { opacity: 1; }
  .ly_footer_inner {
    display: flex;
    padding: 100px 80px;
  }
  .ly_footer_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .ly_footer_contact {
    margin-bottom: 0;
  }
  .ly_footer_navi {
    flex: 1;
    border-left: 1px solid #333;
    padding-left: 40px;
    margin-left: 40px;
  }
  .ly_footer_announce {
    border: none;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  .ly_footer_copy {
    font-size: 1.2rem
  }
  
}

/* pc */
@media print, screen and (min-width: 1920px) {
  .page_scroll_top {
    width: 140px;
  }
  .ly_footer_navi {
    padding-left: 80px;
    margin-left: 80px;
  }
  .ly_footer_logo {
    margin-bottom: 40px;
  }
  .footer_logo img {
    width: 225px;
  }
  .ly_footer_sns img {
    width: 40px;
  }
  .ly_footer_announce .mark img {
    height: 56px;
    width: auto;
  }
}