@charset "UTF-8";
/*　*/
/*=========================================
		common
=========================================*/
.p-goods .m-listPager01 {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  .p-goods .m-listPager01 {
    margin-top: 9rem;
  }
}

.goods_btn01 {
  margin-top: 3.5rem;
}
@media print, screen and (min-width: 768px) {
  .goods_btn01 {
    margin-top: 7rem;
  }
}

.l-pagettl_container {
  background-image: url(../img/goods/bg_pagettl.jpg);
}

/*=========================================
		index
=========================================*/
/* ===== ranking ===== */
.ranking_sec {
  margin-bottom: 7rem;
}
@media print, screen and (min-width: 768px) {
  .ranking_sec {
    margin-bottom: 9rem;
  }
}
.ranking_list01 {
  display: flex;
  padding: 1rem 0.8rem;
  background: #eee;
  font-size: 1.4rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .ranking_list01 {
    margin: 0 -1rem 3rem -1rem;
    overflow-x: auto;
  }
  .ranking_list01::-webkit-scrollbar {
    display: none;
  }
}
@media print, screen and (min-width: 768px) {
  .ranking_list01 {
    margin-bottom: 8rem;
    padding: 0.8rem 1.3rem;
    border-radius: 1rem;
    font-size: 1.6rem;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .ranking_list01 > li {
    margin: 0 0.2rem;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 768px) {
  .ranking_list01 > li {
    margin: 0.2rem;
  }
}
.ranking_list01 a {
  display: block;
  position: relative;
  padding: 1rem 1.5rem;
  border-radius: 3rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .ranking_list01 a {
    padding: 0.9rem 1.7rem;
  }
}
@media (hover: hover) {
  .ranking_list01 a:hover {
    background-color: #4653A2;
    color: #fff;
  }
}
.d-ie .ranking_list01 a:hover {
  background-color: #4653A2;
  color: #fff;
}
.ranking_list01 .is-active a {
  background-color: #4653A2;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .ranking_list02 {
    margin: 0 -0.5rem -2rem -0.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 {
    display: grid;
    grid-template-columns: 51rem 20rem 20rem;
    grid-template-rows: 1fr 1fr;
    gap: 4.5rem 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .ranking_list02 > li {
    margin: 2rem 0.5rem;
    width: calc(50% - 1rem - 0.1px);
  }
  .ranking_list02 > li:first-child {
    width: calc(100% - 1rem - 0.1px);
  }
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 > li {
    width: auto;
  }
  .ranking_list02 > li:first-child {
    margin-right: 1rem;
    grid-column: 1;
    grid-row: 1/3;
  }
  .ranking_list02 > li:first-child .m-listItems_inner {
    display: block;
    margin-top: 1.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 > li:nth-child(1) .m-listItems_ttl {
    font-size: 1.6rem;
  }
}
.ranking_list02 > li:nth-child(1) .m-listItems_price {
  font-size: 1.3rem;
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 > li:nth-child(1) .m-listItems_price {
    font-size: 1.5rem;
  }
}
.ranking_list02 > li:nth-child(1) .m-listItems_price .num {
  font-size: 2.2rem;
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 > li:nth-child(1) .m-listItems_price .num {
    font-size: 2.5rem;
  }
}
.ranking_list02 > li:nth-child(1) a::before {
  top: -3rem;
  left: 2rem;
  width: 6rem;
  height: 4.7rem;
  background-image: url(../img/goods/icon_ranking_01.png);
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 > li:nth-child(1) a::before {
    top: -5rem;
    left: 2rem;
    width: 8rem;
    height: 6.2rem;
  }
}
.ranking_list02 > li:nth-child(2) a::before {
  background-image: url(../img/goods/icon_ranking_02.png);
}
.ranking_list02 > li:nth-child(3) a::before {
  background-image: url(../img/goods/icon_ranking_03.png);
}
.ranking_list02 > li:nth-child(4) a::before {
  background-image: url(../img/goods/icon_ranking_04.png);
}
.ranking_list02 > li:nth-child(5) a::before {
  background-image: url(../img/goods/icon_ranking_05.png);
}
.ranking_list02 a::before {
  position: absolute;
  top: -2.5rem;
  left: 1rem;
  width: 5rem;
  height: 3.9rem;
  background: transparent none 50% 50% no-repeat;
  background-size: contain;
  z-index: 20;
  content: "";
}
@media print, screen and (min-width: 768px) {
  .ranking_list02 a::before {
    top: -3.5rem;
    left: 2rem;
    width: 6rem;
    height: 4.7rem;
  }
}

/* ===== recommend ===== */
.recommend_sec {
  margin-bottom: 7rem;
  padding-bottom: 4rem;
}
@media print, screen and (min-width: 768px) {
  .recommend_sec {
    margin-bottom: 9rem;
    padding-bottom: 7rem;
  }
}
.recommend_sec::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28rem;
  background: #eee;
  content: "";
}
@media print, screen and (min-width: 768px) {
  .recommend_sec::before {
    height: 38rem;
  }
}
@media only screen and (min-width: 1920px) {
  .recommend_sec::before {
    height: calc(10.417vw + 18rem);
  }
}
.recommend_list01 {
  flex-wrap: nowrap;
}
.recommend_list01 > li {
  padding: 0 2rem;
  width: 29rem;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
@media print, screen and (min-width: 768px) {
  .recommend_list01 > li {
    width: 34rem;
  }
}
@media only screen and (min-width: 1920px) {
  .recommend_list01 > li {
    padding: 0 1.042vw;
    width: 17.708vw;
  }
}
.recommend_list01 > li a {
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
@media print, screen and (min-width: 768px) {
  .recommend_list01 .swiper-slide.swiper-slide-active a, .recommend_list01 .swiper-slide.swiper-slide-duplicate-active a {
    -webkit-transform: scale(1.265);
            transform: scale(1.265);
  }
}
@media print, screen and (min-width: 768px) {
  .recommend_list01 .swiper-slide.swiper-slide-next, .recommend_list01 .swiper-slide.swiper-slide-next2, .recommend_list01 .swiper-slide.swiper-slide-next3 {
    -webkit-transform: translateX(5rem);
            transform: translateX(5rem);
  }
}
@media only screen and (min-width: 1920px) {
  .recommend_list01 .swiper-slide.swiper-slide-next, .recommend_list01 .swiper-slide.swiper-slide-next2, .recommend_list01 .swiper-slide.swiper-slide-next3 {
    -webkit-transform: translateX(2.604vw);
            transform: translateX(2.604vw);
  }
}
@media print, screen and (min-width: 768px) {
  .recommend_list01 .swiper-slide.swiper-slide-prev, .recommend_list01 .swiper-slide.swiper-slide-prev2, .recommend_list01 .swiper-slide.swiper-slide-prev3 {
    -webkit-transform: translateX(-5rem);
            transform: translateX(-5rem);
  }
}
@media only screen and (min-width: 1920px) {
  .recommend_list01 .swiper-slide.swiper-slide-prev, .recommend_list01 .swiper-slide.swiper-slide-prev2, .recommend_list01 .swiper-slide.swiper-slide-prev3 {
    -webkit-transform: translateX(-2.604vw);
            transform: translateX(-2.604vw);
  }
}
.recommend_list01_wrap {
  position: relative;
  margin: 0 auto;
  width: 25rem;
  overflow: visible;
  z-index: 20;
}
@media print, screen and (min-width: 768px) {
  .recommend_list01_wrap {
    padding-top: 5rem;
    padding-bottom: 5rem;
    width: 38rem;
  }
}
@media only screen and (min-width: 1920px) {
  .recommend_list01_wrap {
    padding-top: 2.604vw;
    padding-bottom: 2.604vw;
    width: 19.792vw;
  }
}
.recommend_list01_wrap .swiper-button-prev,
.recommend_list01_wrap .swiper-button-next {
  top: 12.5rem;
  margin-top: -2rem;
  border: 0;
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  background: #eee;
  -webkit-appearance: none;
          appearance: none;
  transition: border-color 0.3s, background-color 0.3s;
}
@media print, screen and (min-width: 768px) {
  .recommend_list01_wrap .swiper-button-prev,
  .recommend_list01_wrap .swiper-button-next {
    top: 20rem;
  }
}
@media only screen and (min-width: 1920px) {
  .recommend_list01_wrap .swiper-button-prev,
  .recommend_list01_wrap .swiper-button-next {
    top: 10.4165vw;
  }
}
@media (hover: hover) {
  .recommend_list01_wrap .swiper-button-prev:hover,
  .recommend_list01_wrap .swiper-button-next:hover {
    background-color: #4653A2;
  }
  .recommend_list01_wrap .swiper-button-prev:hover::before,
  .recommend_list01_wrap .swiper-button-next:hover::before {
    border-color: #fff;
  }
}
.d-ie .recommend_list01_wrap .swiper-button-prev:hover,
.d-ie .recommend_list01_wrap .swiper-button-next:hover {
  background-color: #4653A2;
}
.d-ie .recommend_list01_wrap .swiper-button-prev:hover::before,
.d-ie .recommend_list01_wrap .swiper-button-next:hover::before {
  border-color: #fff;
}
.recommend_list01_wrap .swiper-button-prev::before,
.recommend_list01_wrap .swiper-button-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: -0.2rem;
  border-top: 2px solid #81AACA;
  border-right: 2px solid #81AACA;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  transition: border-color 0.3s;
  content: "";
}
.recommend_list01_wrap .swiper-button-prev::after,
.recommend_list01_wrap .swiper-button-next::after {
  display: none;
}
.recommend_list01_wrap .swiper-button-prev {
  left: -3rem;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
.recommend_list01_wrap .swiper-button-next {
  right: -3rem;
}
.recommend_list01_wrap.is-noslide {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.recommend_list01_wrap.is-noslide .swiper-button-prev,
.recommend_list01_wrap.is-noslide .swiper-button-next {
  display: none;
}
.is-noslide .recommend_list01 {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .is-noslide .recommend_list01 {
    margin: 0 -0.5rem;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .is-noslide .recommend_list01 > li {
    padding: 0 0.5rem;
    width: 50%;
  }
}
.recommend_btn01 {
  margin-top: 3.5rem;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .recommend_btn01 {
    margin-top: 5rem;
  }
}
.recommend_btn01 .m-btn02 {
  min-width: 28rem;
}
@media print, screen and (min-width: 768px) {
  .recommend_btn01 .m-btn02 {
    min-width: 34rem;
  }
}

/* ===== category ===== */
.category_sec {
  margin-bottom: 5rem;
}
@media print, screen and (min-width: 768px) {
  .category_sec {
    margin-bottom: 10rem;
  }
}
.category_list01 {
  display: flex;
  font-size: 1.4rem;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Yu Mincho", "游明朝", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .category_list01 {
    margin: 0 -1rem;
    padding: 0 0.5rem 1rem 0.5rem;
    overflow: auto;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 768px) {
  .category_list01 {
    margin: -1rem -0.5rem;
    font-size: 1.4rem;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.category_list01 li {
  margin: 0 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .category_list01 li {
    margin: 1rem 0.5rem;
  }
}
.category_list01 a {
  display: block;
  padding: 0.9rem 2.9rem;
  border: 1px solid #81AACA;
  border-radius: 5rem;
  background: #81AACA;
  color: #fff;
  text-align: center;
}
@media (hover: hover) {
  .category_list01 a:hover {
    background-color: #fff;
    color: #81AACA;
  }
}
.d-ie .category_list01 a:hover {
  background-color: #fff;
  color: #81AACA;
}

/* ===== search ===== */
.search_ttl01 {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "Yu Mincho", "游明朝", "MS PMincho", "ＭＳ Ｐ明朝", serif;
}
.search_ttl01 button {
  display: block;
  padding: 1.5rem 1.9rem;
  border: 1px solid #81AACA;
  border-radius: 1rem;
  width: 100%;
  background: #81AACA;
  color: #fff;
  text-align: left;
  -webkit-appearance: none;
          appearance: none;
}
@media print, screen and (min-width: 768px) {
  .search_ttl01 button {
    padding: 1.5rem 3.8rem;
    border-width: 2px;
  }
}
@media (hover: hover) {
  .search_ttl01 button:hover {
    background-color: #fff;
    color: #81AACA;
  }
  .search_ttl01 button:hover .m-iconArrow01::after {
    border-color: #81AACA;
  }
}
.d-ie .search_ttl01 button:hover {
  background-color: #fff;
  color: #81AACA;
}
.d-ie .search_ttl01 button:hover .m-iconArrow01::after {
  border-color: #81AACA;
}
.search_ttl01 .m-iconArrow01 {
  display: block;
}
.search_ttl01 .m-iconArrow01::after {
  -webkit-transform: translateY(-75%) rotate(135deg);
          transform: translateY(-75%) rotate(135deg);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media print, screen and (min-width: 768px) {
  .search_ttl01 .m-iconArrow01::after {
    border-width: 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.search_ttl01.is-active .m-iconArrow01::after {
  -webkit-transform: translateY(-25%) rotate(-45deg);
          transform: translateY(-25%) rotate(-45deg);
}
.search_box01 {
  padding: 2rem 1rem 3rem 1rem;
  border-bottom: 0.3rem solid #81AACA;
}
@media print, screen and (min-width: 768px) {
  .search_box01 {
    padding: 6rem 4rem 4rem 4rem;
  }
}
.search_list01 {
  font-size: 1.5rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .search_list01 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .search_list01 > li:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .search_list01 > li.is-keyword {
    margin-bottom: 4rem;
    flex: 1;
  }
  .search_list01 > li.is-producer {
    margin-left: 2rem;
    margin-bottom: 4rem;
    width: 32rem;
  }
  .search_list01 > li.is-category, .search_list01 > li.is-price {
    width: 100%;
  }
  .search_list01 > li.is-category {
    margin-bottom: 2.5rem;
  }
}
.search_list01 dt {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border-bottom: 1px dashed #959595;
  font-size: 1.6rem;
  font-weight: 500;
}
.search_list01 dd {
  padding: 0 1rem;
}
.search_list01 ul {
  display: flex;
  margin: -0.5rem -1rem;
  font-size: 1.4rem;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .search_list01 ul {
    margin: -0.5rem -1.7rem;
  }
}
.search_list01 ul li {
  margin: 0.5rem 1rem;
}
@media print, screen and (min-width: 768px) {
  .search_list01 ul li {
    margin: 0.5rem 1.7rem;
  }
}
.search_btn01 {
  margin-top: 2.5rem;
}
@media print, screen and (min-width: 768px) {
  .search_btn01 {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 768px) {
  .search_btn01 > li {
    min-width: 26rem;
  }
}

/*=========================================
		list
=========================================*/
.list_box01 {
  margin-bottom: 3.5rem;
  border-bottom: 1px solid #81AACA;
}
@media print, screen and (min-width: 768px) {
  .list_box01 {
    margin-bottom: 6rem;
  }
}
.list_box01_inner01 {
  margin-bottom: 2.5rem;
}
@media print, screen and (min-width: 768px) {
  .list_box01_inner01 {
    float: left;
    margin-bottom: 5rem;
    width: 68rem;
  }
}
.list_box01 .search_ttl01 {
  margin-bottom: 3rem;
}
@media print, screen and (min-width: 768px) {
  .list_box01 .search_ttl01 {
    float: right;
    margin-bottom: 5rem;
    width: 28rem;
  }
  .list_box01 .search_ttl01 button {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    text-align: left;
  }
  .list_box01 .search_ttl01 .m-iconArrow01::after {
    width: 1.2rem;
    height: 1.2rem;
  }
}
@media print, screen and (min-width: 768px) {
  .list_box01 .js-slide-child {
    clear: both;
  }
}
.list_box01 .search_box01 {
  border-bottom: 0;
  background: #eee;
}
@media print, screen and (min-width: 768px) {
  .list_box01 .search_box01 {
    padding: 3rem 4rem;
  }
}
.list_ttl01 {
  margin-bottom: 0.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #4653A2;
}
.list_ttl01 .m-iconSearch {
  padding-right: 0;
  padding-left: 2.5rem;
}
.list_ttl01 .m-iconSearch::before {
  right: auto;
  left: 0;
}
.list_list01 {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  .list_list01 {
    font-size: 1.6rem;
  }
}
.list_list01 > li {
  display: inline;
}
@media print, screen and (min-width: 768px) {
  .list_list01 > li {
    display: inline-block;
  }
}
.list_list01 > li::before {
  content: "【";
}
.list_list01 > li::after {
  content: "】";
}
.list_list01 > li.all::before, .list_list01 > li.all::after {
  display: none;
}
.list_box02 {
  display: flex;
  margin-bottom: 3.5rem;
  align-items: center;
}
.list_box02_inner01 {
  margin-right: 1rem;
  flex: 1;
}
@media print, screen and (min-width: 768px) {
  .list_box02_inner01 {
    margin-right: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .list_box02_inner02 {
    margin-left: auto;
  }
}
.list_txt01 {
  font-size: 1.4rem;
  font-weight: 500;
}
@media print, screen and (min-width: 768px) {
  .list_txt01 {
    font-size: 1.6rem;
  }
}
.list_txt01 .num {
  font-size: 2rem;
  color: #4653A2;
}
@media print, screen and (min-width: 768px) {
  .list_txt01 .num {
    font-size: 2.2rem;
  }
}
.list_list02 {
  display: flex;
  margin: 0 -0.5rem;
}
@media print, screen and (min-width: 768px) {
  .list_list02 {
    margin: 0 -1.5rem;
  }
}
.list_list02 li {
  margin: 0 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .list_list02 li {
    margin: 0 1.5rem;
  }
}
.list_list02 .m-select01 {
  min-width: 16rem;
}
@media print, screen and (min-width: 768px) {
  .list_list02 .m-select01 {
    min-width: 25rem;
  }
}
.list_list03 {
  margin: -2rem -0.5rem;
}
@media print, screen and (min-width: 768px) {
  .list_list03 {
    margin: -2rem -1.5rem;
  }
}
.list_list03 li {
  margin: 2rem 0.5rem;
  width: calc(50% - 1rem - 0.1px);
}
@media print, screen and (min-width: 768px) {
  .list_list03 li {
    margin: 2rem 1.5rem;
    width: calc(25% - 3rem - 0.1px);
  }
}
.list_txt02 {
  margin: 5rem 0;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .list_txt02 {
    margin: 10rem 0;
    font-size: 1.8rem;
  }
}

/*=========================================
		detail
=========================================*/
@media print, screen and (min-width: 768px) {
  .p-detail .l-wrapper {
    overflow: visible;
  }
}

@media print, screen and (min-width: 768px) {
  .detail_box01 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .detail_box01_inner01 {
    margin-bottom: 3rem;
  }
}
@media print, screen and (min-width: 768px) {
  .detail_box01_inner01 {
    position: sticky;
    top: 12rem;
    margin-right: 4rem;
    width: 50rem;
  }
}
@media print, screen and (min-width: 768px) {
  .detail_box01_inner02 {
    flex: 1;
  }
}
.detail_gallery_main a {
  display: block;
}
@media (hover: hover) {
  .detail_gallery_main a:hover {
    opacity: 0.7;
  }
}
.d-ie .detail_gallery_main a:hover {
  opacity: 0.7;
}
.detail_gallery_main .m-img01 {
  border-radius: 1rem;
}
.detail_gallery_main .swiper-slide {
  width: 100% !important;
}
.detail_gallery_thumb {
  margin: 1.5rem -0.7rem 0 -0.7rem;
}
@media print, screen and (min-width: 768px) {
  .detail_gallery_thumb {
    margin: 2.5rem -1.3rem 0 -1.3rem;
  }
}
.detail_gallery_thumb li {
  padding: 0 0.7rem;
  width: 33.333%;
  opacity: 0.6;
  transition: opacity 0.3s;
  cursor: pointer;
}
@media print, screen and (min-width: 768px) {
  .detail_gallery_thumb li {
    padding: 0 1.3rem;
  }
}
@media (hover: hover) {
  .detail_gallery_thumb li:hover {
    opacity: 1;
  }
}
.d-ie .detail_gallery_thumb li:hover {
  opacity: 1;
}
.detail_gallery_thumb li .m-img01 {
  border-radius: 1rem;
}
.detail_gallery_thumb li.swiper-slide-thumb-active {
  opacity: 1;
}
.detail_number {
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
}
@media print, screen and (min-width: 768px) {
  .detail_number {
    font-size: 1.4rem;
  }
}
.detail_number dt {
  display: inline-block;
}
.detail_number dt::after {
  content: "：";
}
.detail_number dd {
  display: inline-block;
}
.detail_status {
  display: flex;
  margin: -0.3rem -0.5rem 1rem -0.5rem;
  font-size: 1.3rem;
  flex-wrap: wrap;
  align-items: center;
}
@media print, screen and (min-width: 768px) {
  .detail_status {
    margin: -0.3rem -0.5rem 0.5rem -0.5rem;
    font-size: 1.4rem;
  }
}
.detail_status li {
  margin: 0.3rem 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .detail_status li {
    margin: 0.3rem 0.5rem;
  }
}
.detail_status_period dt {
  display: inline-block;
}
.detail_status_period dt::after {
  content: "：";
}
.detail_status_period dd {
  display: inline-block;
}
.detail_price {
  display: flex;
  width: 100%;
  align-items: flex-end;
  font-size: 1.4rem;
}
.detail_price dt {
  margin-right: 1.5em;
}
.detail_price .num {
  font-size: 2.2rem;
  line-height: 1;
  color: #81AACA;
}
@media print, screen and (min-width: 768px) {
  .detail_price .num {
    font-size: 2.8rem;
  }
}
.detail_cart {
  margin-top: 2rem;
}
.detail_cart_input {
  font-size: 1.4rem;
}
.detail_cart_input > li:not(:last-child) {
  margin-bottom: 1.5rem;
}
.detail_cart_input dl {
  display: flex;
  width: 100%;
  align-items: center;
}
.detail_cart_input dt {
  margin-right: 1.5em;
}
.detail_cart_cnt .m-select01 {
  width: 10rem;
}
.detail_cart_btn {
  margin-top: 3rem;
}
.detail_cart_btn .m-btn02 {
  width: 100%;
}
.detail_notes {
  margin-top: 2.5rem;
}
.detail_info {
  margin-top: 3rem;
  border-top: 1px solid #81AACA;
  border-bottom: 1px solid #81AACA;
  font-size: 1.4rem;
  line-height: 1.6;
}
.detail_info > li {
  padding: 1rem 2rem;
}
.detail_info > li:not(:last-child) {
  border-bottom: 1px dotted #707070;
}
.detail_info dl {
  display: flex;
}
.detail_info dt {
  padding: 0.1rem 0;
  width: 7em;
}
.detail_info dd {
  padding-left: 2rem;
  flex: 1;
  word-break: break-all;
  word-wrap: break-word;
}
.detail_comment {
  margin-top: 3rem;
  word-break: break-all;
  word-wrap: break-word;
}
@media print, screen and (min-width: 768px) {
  .detail_comment {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
.detail_info2 {
  margin-top: 3rem;
  font-size: 1.4rem;
  line-height: 1.6;
}
.detail_info2 > li:not(:last-child) {
  margin-bottom: 3rem;
}
.detail_info2 dt {
  display: inline-block;
  margin-bottom: 1rem;
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  background: #eee;
  min-width: 9rem;
  font-size: 1.4rem;
  text-align: center;
}
.detail_info2 dd {
  word-break: break-all;
  word-wrap: break-word;
}
.detail_box02 {
  margin-top: 5rem;
}
@media print, screen and (min-width: 768px) {
  .detail_box02 {
    margin: 10rem auto 0 auto;
    width: 80rem;
  }
}
.detail_producer > li {
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .detail_producer > li {
    display: flex;
  }
}
.detail_producer > li:not(:first-child) {
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dashed #ccc;
}
@media print, screen and (min-width: 768px) {
  .detail_producer > li:not(:first-child) {
    margin-top: 5rem;
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .detail_producer_img {
    margin: 0 auto 2rem auto;
    width: 15rem;
  }
}
@media print, screen and (min-width: 768px) {
  .detail_producer_img {
    margin-right: 4rem;
    width: 20rem;
  }
}
.detail_producer_img .m-img01 {
  border-radius: 1rem;
}
@media print, screen and (min-width: 768px) {
  .detail_producer_inner {
    flex: 1;
  }
}
.detail_producer_name {
  font-size: 1.5rem;
  font-weight: 500;
}
@media print, screen and (min-width: 768px) {
  .detail_producer_name {
    font-size: 1.8rem;
  }
}
.detail_producer_info {
  margin-top: 1.5rem;
  font-size: 1.3rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .detail_producer_info {
    font-size: 1.4rem;
  }
}
.detail_producer_info dl {
  display: table;
  width: 100%;
}
.detail_producer_info dt {
  display: table-cell;
  position: relative;
  padding: 0.2rem 1em 0.2rem 0;
  width: 4em;
  font-weight: 500;
}
.detail_producer_info dd {
  display: table-cell;
  padding: 0.2rem 0 0.2rem 1rem;
  word-break: break-all;
  word-wrap: break-word;
}
.detail_producer_info a {
  color: #4653A2;
}
@media (hover: hover) {
  .detail_producer_info a:hover {
    opacity: 0.7;
  }
}
.d-ie .detail_producer_info a:hover {
  opacity: 0.7;
}
.detail_producer_txt {
  margin-top: 1.5rem;
  font-size: 1.3rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .detail_producer_txt {
    font-size: 1.4rem;
  }
}
.detail_producer_btn {
  margin-top: 1.5rem;
  font-size: 1.5rem;
}
@media print, screen and (min-width: 768px) {
  .detail_producer_btn {
    margin-top: 3rem;
  }
}