@charset "UTF-8";
/*---------------------------------------------------------
GEKIYASU LP
---------------------------------------------------------*/
.gekiyasu .page-header .introduction .paragraph { text-align: center; }
@media screen and (max-width: 667px) {
.gekiyasu .page-header .introduction .paragraph { text-align: left; }
}

.gekiyasu .page-header .accordion,
.gekiyasu .page-header .accordion-body { padding-bottom: 0; }

.gekiyasu .page-header .accordion-body .paragraph,
.gekiyasu .page-header .accordion-body .title { text-align: left; }

.gekiyasu .page-menu .label {
  width: 20em;
  margin: 0 auto;
}

.gekiyasu .page-menu { margin-top: 3.5em !important; }
@media screen and (max-width: 667px) {
.gekiyasu .page-menu { margin-top: 2.5em !important; }
}

.gekiyasu .page-menu .label + .l-column { margin-top: 1em; }

.gekiyasu .page-menu .column-list .photo { width: 350px; }

@media screen and (max-width: 667px) {
.gekiyasu .product-info { padding-bottom: 0; }
}

.gekiyasu .product-info .paragraph { line-height: 1.6; }

.gekiyasu .accordion-body,
.gekiyasu .accordion-body .product-list { margin-top: 1em; }

@media screen and (max-width: 667px) {
.gekiyasu .product-list .l-column.line--06 .column-list {
  float: none;
  width: 100%;
  margin-left: 0 !important;
}
.gekiyasu .product-list .l-column.line--06 .column-list:nth-child(n+2) { margin-top: 2em; }
}

.gekiyasu .product-list .column-list > .link {
  position: relative;
  display: block;
  z-index: 1;
}

@media screen and (max-width: 667px) {
.gekiyasu .product-list .column-list .link > .label { display: none; }
}
.gekiyasu .product-list .column-list .link > .label:before {
  content: "商品を見る";
  position: absolute;
  top: 7em;
  left: 0.5em;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  display: block;
  width: 8.8em;
  height: 1em;
  padding: 0.5em 0;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: #000;
  transition: 0.3s;
  opacity: 0;
  z-index: 2;
}
.gekiyasu .product-list .column-list > .link:hover .figure,
.gekiyasu .product-list .column-list > .link:hover .comment { opacity: 0.7; }
.gekiyasu .product-list .column-list > .link:hover > .label:before { opacity: 1; }


.gekiyasu .product-list .column-list .figure .photo { width: 100%; }

.gekiyasu .product-list .column-list .comment .text { display: none; }

.gekiyasu .product-list .column-list .comment .price { margin-top: 0.5em; }

.gekiyasu .product-list .column-list .comment .price .kakaku {
  display: block;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 667px) {
  
}

.gekiyasu .product-list .column-list .comment .price:nth-child(3) {
  display: none;
  font-size: 0.9em;
}

.gekiyasu .product-list .column-list .favorite {
  background-color: #fa9614;
  border-radius: 50px;
  display: block;
  width: 11em;
  margin-top: 0.5em;
  padding: 0.4em 0;
  text-align: center;
  font-size: 0.9em;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width: 667px) {
.gekiyasu .product-list .column-list .favorite { margin: 0 0 0 auto; }
}

.gekiyasu .product-list .column-list .favorite:hover {
  cursor: pointer;
  opacity: 0.7;
}

.gekiyasu .product-list .column-list .product-page { display: none; }

.gekiyasu .accordion-body .bottom {
  margin-top: 0.5em;
  text-align: right;
  font-size: 1.5em;
  line-height: 1;
}
@media screen and (max-width: 667px) {
.gekiyasu .accordion-body .bottom {
  margin-top: 1em;
  font-size: 1em;
}
}

.gekiyasu .accordion-body .bottom .link {
  text-decoration: underline;
  color: #f00;
}

.gekiyasu #modal-main {
  background-color: #fff;
  width: 1000px;
  height: 500px;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main {
  width: 100%;
  height: 470px;
}
}

.gekiyasu #modal-main .column-list {
  position: relative;
  top: 5em;
  left: 16em;
  background-color: #fff;
  width: 60%;
  min-height: 280px;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list {
  position: relative;
  top: 0;
  left: 1em;
  width: 90%;
  min-height: auto;
}
}

.gekiyasu #modal-main .column-list > .link { cursor: default; }

.gekiyasu #modal-main .column-list .figure,
.gekiyasu #modal-main .column-list .comment { float: left; }
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .figure,
.gekiyasu #modal-main .column-list .comment { float: none; }
}

.gekiyasu #modal-main .column-list .figure { width: 40%; }
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .figure { width: 100%; }
}

.gekiyasu #modal-main .column-list .figure .photo {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .figure .photo { width: 70%; }
}

.gekiyasu #modal-main .column-list .comment {
  width: 55%;
  margin-left: 5%;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .comment {
  width: 100%;
  margin: 1em 0 0;
}
}

.gekiyasu #modal-main .column-list .comment .title { font-size: 1.6em; }
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .comment .title { font-size: 1.2em; }
}

.gekiyasu #modal-main .column-list .comment .price {
  margin-top: 1em;
  font-size: 1em;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .comment .price {
  margin-top: 0;
  font-size: 1em;
}
}

.gekiyasu #modal-main .column-list .comment .price br { display: none; }

.gekiyasu #modal-main .column-list .comment .price .kakaku { font-size: 1.8em; }

.gekiyasu #modal-main .column-list .comment .price:nth-child(3) {
  display: block;
  margin-top: 0;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .comment .price:nth-child(3) { margin-top: 0; }
}

.gekiyasu #modal-main .column-list .comment .text {
  display: block;
  margin-top: 1em;
  text-align: left;
  font-size: 1.1em;
  line-height: 1.4;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .comment .text {
  display: block;
  margin-top: 0.5em;
  font-size: 1em;
  line-height: 1.2;
}
}

.gekiyasu #modal-main .column-list .product-page {
  position: absolute;
  bottom: 0;
  right: 7.5em;
  display: block;
  width: 18em;
}
@media screen and (max-width: 667px) {
.gekiyasu #modal-main .column-list .product-page {
  position: static;
  width: 100%;
}
}

.gekiyasu #modal-main .column-list .product-page > .link {
  background-color: #fa9614;
  border-radius: 10px;
  display: block;
  padding: 0.7em 0;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

.gekiyasu #modal-main .column-list .product-page > .link:hover {
  cursor: pointer;
  opacity: 0.7;
}
.small-category.user-data-page .btn {
    padding: 0;
}
.accordion-body .product-list .l-column .column-list .figure,
.accordion-body .product-list .l-column .column-list .figure .picture { width: 100%; }
@media screen and (max-width: 667px) {
.accordion-body .product-list .l-column .column-list { display: table; }
.accordion-body .product-list .l-column .link { display: block; }
.accordion-body .product-list .l-column .column-list .figure,
.accordion-body .product-list .l-column .column-list .comment {
  display: table-cell;
  vertical-align: top;
}
.accordion-body .product-list .l-column .column-list .figure { width: 30%; }
.accordion-body .product-list .l-column .column-list .figure .picture { width: 100%; }
.accordion-body .product-list .l-column .column-list .comment { padding-left: 1em; }
.accordion-body .product-list .l-column .column-list .comment .label-box { width: 100%; }
}
.accordion-trigger .arrow {
  font-size: 1em !important;
}
.accordion .accordion-trigger .button-block {
  font-size: 1em !important;
}
@media screen and (max-width: 667px) {
.accordion .accordion-trigger .button-block {
  width: 100%;
  height: 2em !important;
  font-size: 0.8em !important;
}
}