@charset "UTF-8";
.goods .content .goods_list {
  position: relative;
  width: 90%;
  margin: 0 auto 40px;
  font-size: 13px;
  line-height: 1.5;
}

.goods .content .goods_list + .goods_list {
  padding-top: 60px;

  border-top: 1px solid rgba(192, 190, 194, .5);
}

.goods .content .goods_list .list_content_min_goods, .goods .content .goods_list .list_content_min {
  margin-top: 25px;
  font-size: 0;
  letter-spacing: -.4em;
}

.goods .content .goods_list .list_content_min_goods li, .goods .content .goods_list .list_content_min li {
  display: inline-block;
  position: relative;
  width: 48%;
  margin: 0 4% 20px 0;
  vertical-align: top;
  font-size: 14px;
  letter-spacing: normal;
}

.goods .content .goods_list .list_content_min_goods li:nth-child(2n), .goods .content .goods_list .list_content_min li:nth-child(2n) {
  margin-right: 0;
}

.goods .content .goods_list .list_content_min_goods li a, .goods .content .goods_list .list_content_min li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.goods .content .goods_list .list_content_min_goods li .list_min_img, .goods .content .goods_list .list_content_min li .list_min_img {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
}

.goods .content .goods_list .list_content_min_goods li .list_min_title, .goods .content .goods_list .list_content_min li .list_min_title {
  position: relative;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.4;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
}

.goods .content .goods_list .list_content_min_goods li .list_min_title.android, .goods .content .goods_list .list_content_min li .list_min_title.android {
  font-family: YakuHanJP, "游ゴシック", YuGothic, "Helvetica", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Arial, sans-serif !important;
}

.goods .content .goods_list .goods_title {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.3;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
  text-align: center;
}

.goods .content .goods_list .goods_title.android {
  font-family: YakuHanJP, "游ゴシック", YuGothic, "Helvetica", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Arial, sans-serif !important;
}

.goods .content .goods_list .goods__price {
  margin-top: 2px;
  font-size: 12px;
}

.goods .content .goods_list hr {
  opacity: .5;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border: 0;

  border-bottom: 1px solid rgba(192, 190, 194, .5);
}

.goods .content .goods_list .text_head, .goods .content .goods_list .text_foot {
  margin-top: 30px;
  line-height: 1.6;
}

.goods .content .goods_list .text_head strong, .goods .content .goods_list .text_foot strong {
  font-weight: bold !important;
}

.goods .content .goods_list .text_head img, .goods .content .goods_list .text_foot img {
  max-width: 100%;
  height: auto !important;
}

.goods .content .goods_list .text_head iframe, .goods .content .goods_list .text_foot iframe {
  max-width: 100%;
}

.goods_banner{
  width: 85%;
  margin: 0 auto 5%;
}

.content_line_box {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.content_line_box .content_line_box_in {
  width: 100%;
  min-height: 480px;
  padding: 0 5%;
  background: url(../img/common/modal_base_repeat.png) repeat-y center bottom;
  background-size: 100% auto;
  text-align: left;
}

.content_line_box:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 8%;
  background: url(../img/common/modal_base_head.png) no-repeat center bottom;
  background-size: 100% auto;
}

.content_line_box:after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 8%;
  background: url(../img/common/modal_base_bottom.png) no-repeat center top;
  background-size: 100% auto;
}

.content_line_box .list_content_detail_in {
  position: relative;
  z-index: 10;
}

.content_line_box .goods_img {
  width: 100%;
}

.content_line_box .goods_img .item_img {
  width: 100%;
  padding-bottom: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
}

.content_line_box .goods_img .item_img_list {
  letter-spacing: -.4em;
}

.content_line_box .goods_img .item_img_list li {
  display: inline-block;
  position: relative;
  width: 23.8%;
  margin-top: 1.5%;
  margin-right: 1.5%;
  padding-bottom: 23.8%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  letter-spacing: normal;
  cursor: pointer;
}

.content_line_box .goods_img .item_img_list li:nth-child(4n) {
  margin-right: 0;
}

.content_line_box .goods_img .item_img_list li:after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #715acc;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.content_line_box .goods_img .item_img_list li.img_now:after {
  opacity: .3;
}

.content_line_box .item_right_txt {
  width: 100%;
  padding-bottom: 10px;
  line-height: 1.4;
}

.content_line_box .item_right_txt .item_title {
  padding-top: 20px;
  font-weight: bold;
  font-size: 16px;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", "ＭＳ Ｐ明朝", serif;
}

.content_line_box .item_right_txt .item_title.android {
  font-family: YakuHanJP, "游ゴシック", YuGothic, "Helvetica", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Arial, sans-serif !important;
}

.content_line_box .item_right_txt .item_txt {
  margin-top: 15px;
  font-size: 13px;
}

.content_line {
  border: 0;

  border-bottom: 1px solid rgba(192, 190, 194, .5);
}

.modal_in.modal_scroll {
  left: 5%;
  width: 90%;
  height: 80%;
  overflow: visible;
}

.modal_in.modal_scroll:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 30px;
  background: url(../img/common/modal_base_head.png) no-repeat center bottom;
  background-size: 100% auto;
}

.modal_in.modal_scroll:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: url(../img/common/modal_base_bottom.png) no-repeat center top;
  background-size: 100% auto;
}

.modal_in.modal_scroll ::-webkit-scrollbar {
  width: 5px;
}

.modal_in.modal_scroll ::-webkit-scrollbar-track {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal_in.modal_scroll ::-webkit-scrollbar-thumb {
  background: #d9e1ff;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal_in.modal_scroll .modal_wrap {
  padding: 0 5%;
  background: url(../img/common/modal_base_repeat.png) repeat-y center bottom;
  background-size: 100% auto;
}

.modal_in.modal_scroll .win_modal {
  overflow-y: scroll;
}

.modal_in.modal_scroll .content_line_box {
  width: 100%;
}

.modal_in.modal_scroll .content_line_box .content_line_box_in {
  padding: 0;
  background: none;
}

.modal_in.modal_scroll .content_line_box:before {
  display: none;
}

.modal_in.modal_scroll .content_line_box:after {
  display: none;
}