body {
  margin: 0;
}

img {
  width: 100%;
}

.wp-block-myblock-episode-carousel-top-sp {
  display: none;
}

.wp-block-myblock-episode-carousel-top-pc {
  width: 100%;
}

#top-slider {
  max-width: unset;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  pointer-events: none;
}

p {
  margin: 0;
}

@media screen and (max-width: 640px) {
  .wp-block-myblock-episode-carousel-top-pc {
    display: none;
  }

  .wp-block-myblock-episode-carousel-top-sp {
    display: block;
  }

  .wp-block-myblock-episode-carousel-top-sp .slick-slider {
    margin: 0;
    max-width: unset;
  }
}

.introduction-wrapper {
  background-color: #000;
}



.introduction-wrapper .content-wrapper {
  text-align: center;
  padding-top: 70px;
}

.introduction-wrapper .content-wrapper img {
  width: 45px
}

h1,
h2 {
  font-family: din-2014, sans-serif;
  text-transform: uppercase;
}

h2 {
  font-size: 50px;
  margin-bottom: 7px;
  margin-top: 13.1px;
  letter-spacing: 3px;
}

h3 {
  font-family: Midashi Go MB31, sans-serif;
  font-size: 32px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

h4 {
  font-family: Midashi Go MB31, sans-serif;
  font-size: 20px;
  margin-bottom: 15px;
}

h5 {
  font-family: Midashi Go MB31, sans-serif;
  font-size: 23px;
}

p {
  font-family: Gothic Medium BBB, sans-serif;
  font-size: 14px;
}

.introduction-wrapper .content-wrapper h3 {
  margin-top: 11px;
  height: 125px;
}

.introduction-wrapper .content-wrapper h2,
.introduction-wrapper .content-wrapper h3 {
  color: #fff;
}

@media screen and (max-width: 640px) {
  body {
    width: 100vw;
    box-sizing: border-box;
  }

  .introduction-wrapper {
    padding: 66px 30px;
    background-image: url("images/intro-bg_sp.png");
  }

  .introduction-wrapper .content-wrapper h2 {
    margin-bottom: 13px;
    font-size: 32px;
  }

  .introduction-wrapper .content-wrapper h3 {
    font-size: 21px;
    line-height: 1.5;
    margin: 0 0 13px 0;
  }

  .introduction-wrapper .content-wrapper {
    padding-top: 0;
  }

  .introduction-wrapper .content-wrapper img {
    margin-bottom: 12px;
  }
}

/*slider*/

.slick-slider {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 23.5px;
  padding: 0 3em;
}

.slick-slide img {
  width: 100%;
  cursor: pointer;
}

.thumbnail-item {
  margin: 0 12px;
}

.slick-track {
  display: flex;
  justify-content: space-between;
}

.slick-track li:first-child {
  margin-left: 0;
}

.slick-track li:last-child {
  margin-right: 0;
}

.slick-initialized .slick-slide {
  outline: none;
}

.prev,
.next {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  color: #FFFFFFBE;
  font-size: 31px;
  cursor: pointer;
}

.prev {
  left: 12px;
}

.next {
  right: 15px;
}

@media screen and (max-width: 640px) {
  .slick-slider {
    width: 100%;
    padding: 0;
    max-width: 315px;
    margin-bottom: 8px;
  }

  .thumbnail-item {
    margin: 0 3px;
  }

  .prev,
  .next {
    width: 10px;
    font-size: 20px;
  }

  .prev {
    left: -20px
  }

  .next {
    right: -20px;
  }

}

.wp-block-myblock-note {
  margin: 0 auto;
  max-width: 563px;
  padding-bottom: 83px;
}

.wp-block-myblock-note p {
  color: #fff;
  font-size: 14px;
  margin: 0;
  font-family: Gothic Medium BBB, sans-serif;
}

.point-wrapper {
  padding: 66px 50px 100px;
  background-image: url(images/bg_pc.png);
  border: 10px solid;
  background-size: 100%;
  background-color: #F2F2F2;
}

.title-wrapper {
  text-align: center;
  width: 480px;
}

.title-wrapper h4 {
  height: 38.5px;
  margin-top: 4px;
  margin-bottom: 27.5px;
  font-size: 20px;
  font-family: futura-pt-bold, sans-serif;
  color: #A83138;
}

.title-wrapper h5 {
  margin-top: 0;
  margin-bottom: 0;
  word-break: keep-all;
  font-size: 23px;
}

.title-wrapper h5._detail {
  font-size: 32px;
  margin-top: 20px;
}

.moonstar-comments {
  max-width: 980px;
  background-color: white;
  border-radius: 15px;
  margin: 0 auto;
  padding: 37px;
}

.moonstar-comments .title {
  display: flex;
  justify-content: center;
  margin-top: 9px;
  align-items: center;
  margin-bottom: 31px;
}

.moonstar-comments .title h3 {
  color: #A83138;
  font-family: din-2014, sans-serif;
  margin-right: 20px;
}

.moonstar-comments .title p {
  font-family: Midashi Go MB31, sans-serif;
  font-size: 20px;
}

.moonstar-comments .comments-wrapper {
  display: flex;
}

.moonstar-comments .comments {
  margin-right: 30px;
  width: 33%;
}

.moonstar-comments .comments:last-child {
  margin-right: 0;
}

.moonstar-comments .comments-wrapper ._name {
  display: flex;
  align-items: baseline;
  font-family: Midashi Go MB31, sans-serif;
  font-size: 14px;
  margin-bottom: 15.5px;
}

.moonstar-comments .comments-wrapper .job {
  margin: 0 20px 0 0;
  font-size: 18px;
  font-family: Midashi Go MB31, sans-serif;
}

.moonstar-comments .comments-wrapper .name {
  margin: 0;
  font-size: 18px;
  font-family: Midashi Go MB31, sans-serif;
}

.moonstar-comments ._content {}


@media screen and (max-width: 640px) {
  .note {
    margin-top: 18.5px;
    padding: 0;
  }

  .wp-block-myblock-note {
    padding-bottom: 40px;
  }

  ._date {
    font-size: 24px;
  }

  .moonstar-comments {
    padding: 25px 15px;
    margin-top: 40.5px;
    margin-left: calc((((100vw - 100%) / 2) * -1) + 20px);
    margin-right: calc((((100vw - 100%) / 2) * -1) + 20px);
  }

  .moonstar-comments .comments-wrapper {
    display: block;
  }

  .moonstar-comments .comments {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .moonstar-comments .title {
    display: block;
    text-align: center;
  }

  .moonstar-comments .title h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .moonstar-comments .title p {
    font-size: 19px;
  }

  .title-wrapper h5._detail {
    font-size: 32px;
    margin-top: 2px;
    margin-bottom: 22px;
  }
}

.floating-footer {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100vw;
  background-color: #fff;
}

.footer-wrapper {
  display: flex;
  align-items: center;
  padding: 7.5px 0;
  width: 980px;
  justify-content: flex-end;
  margin: 0 auto;
}

.footer-wrapper img {
  width: 176px;
  height: 45px;
}

.footer-wrapper p {
  font-size: 14px;
  text-align: left;
  margin-right: 22px;
  font-family: Gothic Medium BBB, sans-serif;
}

.footer-wrapper span {
  font-size: 10px;
}

.coming-soon {
  margin: 0 auto;
  width: 370px;
  padding-bottom: 78.5px;
}

.coming-soon ._title {
  color: #fff;
  text-transform: uppercase;
  font-family: futura-pt-bold, sans-serif;
  font-size: 32px;
  text-align: center;
  margin-bottom: 9px;
  margin-top: 0;
}

.coming-soon ._date {
  color: #fff;
  font-size: 32px;
  text-align: center;
  font-family: Midashi Go MB31, sans-serif;
  margin-top: 0;
}

@media screen and (max-width: 640px) {
  .coming-soon {
    width: 100%;
  }

  .coming-soon ._title {
    font-size: 30px;
    margin-bottom: 3px;
  }

  .coming-soon ._date {
    font-size: 20px;
  }
}

/*mailmagazine*/

.mailmagazine {
  background-color: #375DAC;
  padding: 76.5px 0 100px;
}

.form-wrapper {
  max-width: 410px;
  margin: 0 auto;
}

.form-wrapper .title {
  margin-bottom: 28.5px;
}

.form-wrapper .title h2 {
  font-size: 20px;
  font-family: Midashi Go MB31, sans-serif;
  margin-bottom: 12.5px;
  color: #fff;
  margin-top: 0;
}

.form-wrapper .title p {
  color: #fff;
  margin: 0;
}

.input-group {
  display: grid;
}

form label {
  font-family: Gothic Medium BBB, sans-serif;
  color: #fff;
  margin-bottom: 13px;
}

form input {
  height: 37px;
  margin-bottom: 22.5px;
  padding: 0 1em;
  border-radius: 2px;
  border: none;
}

form .button {
  background-color: #FAE177;
  color: #375DAC;
  font-size: 20px;
  height: 50px;
  text-align: center;
  margin: 11.5px auto 45.5px;
  width: 325px;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  display: block;
  font-family: Midashi Go MB31, sans-serif;
}

.form-wrapper ul {
  list-style: none;
  color: #fff;
  font-family: Gothic Medium BBB, sans-serif;
  padding: 0;
  font-size: 12px;
  margin: 0;
  line-height: 1.5;
}

@media screen and (max-width: 640px) {
  .mailmagazine {
    padding: 34.5px 30px 95px;
  }

  .form-wrapper .title {
    margin-bottom: 28.5px;
  }

  .form-wrapper {
    max-width: 315px;
  }

  form .button {
    width: 100%;
    margin-bottom: 28px;
  }

  .hide-if-sp {
    display: none;
  }
}

/*point*/

.point-link-wrapper {
  max-width: 663px;
  margin: 53.5px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.point-link-wrapper a img {
  width: 315px;
  margin: 0 31.5px;
}


@media screen and (max-width: 640px) {
  h2 {
    margin-top: 0;
    font-size: 32px;
  }

  h3 {
    font-size: 22px;
  }

  h5 {
    word-break: keep-all;
    margin-top: 0;
  }

  .title-wrapper h5 {
    margin-top: 0;
    margin-bottom: 20px;
    word-break: break-word;
  }

  .title-wrapper {
    width: 100%;
  }

  .point-wrapper {
    padding: 60px 30px 75px;
    background-image: url(images/bg_sp.png);
  }

  .point-link-wrapper a img {
    width: 150px;
    margin: 0 7.5px;
  }

  .floating-footer {
    width: 100%;
    max-width: 100vw;
    position: fixed;
  }
}

/*details*/

.title-wrapper {
  margin: 30px auto 0;
}

.title-upper {
  font-family: futura-pt-bold, sans-serif;
  font-size: 32px;
  height: 28.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.title-wrapper img {
  width: 417.5px;
}

.title-wrapper img.moon {
  width: 55.5px;
}

.title-wrapper img.point-three {
  width: 330.5px;
}

.title-wrapper img.point-four {
  width: 259.5px;
}

.point-big-image img {
  width: 100%;
}

.point-detail {
  width: 100%;
}

hr {
  background-color: #707070;
  margin: 0 auto 34.5px;
  width: calc(100% - 100px);
  max-width: 980px;
}

.detail-wrapper {
  padding: 19px 0 26px;
  width: 980px;
  margin: 0 auto;
}

.detail-wrapper .title-wrapper p {
  font-size: 20px;
  font-family: Midashi Go MB31, sans-serif;
}

.point-description {
  margin: 20px auto 46px;
  max-width: 564px;
}

.detail-check-wrapper {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
}

.detail-check-wrapper img {
  width: 50%;
}

.detail-check-wrapper .detail-check {
  width: 50%;
  padding-left: 30px;
}

.detail-check-wrapper h3 {
  font-family: din-2014, sans-serif;
  font-size: 32px;
  text-align: center;
  margin-bottom: 8px;
  color: #A83138;
}

.detail-check-wrapper h4 {
  text-align: center;
  margin: 0 0 19.5px 0;
  color: #A83138;
}

.bottom-comment {
  width: 460px;
  margin: 0 auto;
}

.bottom-comment+p {
  max-width: 460px;
  margin: 19.5px auto 0;
}

.bottom-comment h3 {
  color: #A83138;
  font-family: din-2014, sans-serif;
  font-size: 32px;
  text-align: center;
  margin-bottom: 8px;
}

.bottom-comment h4 {
  text-align: center;
  font-size: 18px;
  margin: 0;
  color: #A83138;
}

.bottom-comment p {
  margin-top: 19.5px;
}


.detail-points-wrapper .detail-check-wrapper:nth-child(even) {
  flex-direction: row;
}

.detail-points-wrapper .detail-check-wrapper:nth-child(even) .detail-check {
  width: 50%;
  padding-left: 0;
  padding-right: 30px;
}

.purchase-wrapper {
  padding: 69px 50px 75px;
}

.purchase-wrapper .wrapper {
  max-width: 980px;
  margin: 0 auto;
}

.purchase-wrapper .title {
  text-align: center;
}

.purchase-wrapper .title img {
  width: 42.5px;
  margin-bottom: 16px;
}

.purchase-wrapper .title h4 {
  margin: 6.5px auto 0;
}

.purchase-wrapper.set,
.purchase-wrapper.room-wear {
  background-color: #FCF5D8;
}

.purchase-wrapper.ippome-set,
.purchase-wrapper.tie {
  background-color: #FFF1B1;
}

.purchase-wrapper .wrapper {
  display: flex;
  margin-top: 62px;
}

.purchase-wrapper .img-wrapper {
  width: 50%;
}

.purchase-wrapper .img-wrapper img {
  width: 100%;
}

.purchase-wrapper .purchase-link-wrapper {
  width: 50%;
  padding-left: 46.5px;
}

.purchase-wrapper .purchase-link-wrapper .purchase-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  margin-bottom: 11px;
}

.purchase-links .price {
  margin-right: 27px;
}

.purchase-links .price .size {
  font-size: 16px;
  margin: 0 0 7.5px 0;
}

.purchase-links .price .total {
  font-size: 18px;
  margin: 0;
}

.purchase-links .price .total span {
  font-size: 12px;
}

.purchase-links form button {
  width: 244px;
  height: 50px;
  background-image: url("images/button-cart.png");
  background-size: cover;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.purchase-links img {
  width: 244px;
  height: 50px;
}

.point-wrapper.column .title-wrapper {
  color: #fff;
  margin-bottom: 50.5px;
}

.point-wrapper.column {
  background-color: #464646;
}

.point-wrapper.column h2,
.point-wrapper.details h2,
.point-wrapper.caution h2 {
  font-size: 29px;
}

.point-wrapper .wrapper {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
}

.point-wrapper .wrapper .img-wrapper {
  width: 50%;
}

.point-wrapper .wrapper .description-wrapper {
  width: 50%;
  margin-left: 30px;
}

.point-wrapper .wrapper .description-wrapper .description {
  color: #fff;
  margin-bottom: 30px;
}

.point-wrapper .wrapper .img-wrapper img {
  width: 100%;
  min-width: 490px;
}

.point-wrapper .wrapper .description-wrapper form {
  text-align: center;
}

.point-wrapper.cardcase .wrapper .description-wrapper .product-price {
  display: flex;
  align-items: center;
  width: 244px;
  color: #fff;
  justify-content: center;
  margin: 0 auto 13px;
}

.point-wrapper.cardcase .wrapper .description-wrapper .product-price>p {
  margin: 0;
}

.point-wrapper.cardcase .wrapper .description-wrapper .product-price ._price {
  font-size: 18px;
}

.point-wrapper.cardcase .wrapper .description-wrapper .product-price ._tax {
  font-size: 12px;
}

.point-wrapper.cardcase .wrapper .description-wrapper .product-price>div {
  display: flex;
  align-items: center;
}

.point-wrapper.cardcase .wrapper .description-wrapper .product-price>div p {
  margin: 0;
}

.point-wrapper .column-link {
  margin: 0 auto;
  width: 244px;
  height: 50px;
}

.point-wrapper .column-link img {
  width: 100%;
}

.point-wrapper .wrapper .description-wrapper form button {
  width: 244px;
  height: 50px;
  background-image: url("images/button-cart.png");
  background-size: cover;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.point-wrapper.details {
  background-color: #DDDDD6;
}

.details-wrapper {
  max-width: 980px;
  margin: 0 auto;
}

.details-wrapper ._name {
  margin-bottom: 22.5px;
  margin-top: 3px;
  text-align: center;
}

.details-wrapper ._pics-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3.5px;
  justify-content: space-evenly;
}

.details-wrapper ._pics-wrapper ._pics {
  width: 30%;
  margin-bottom: 16px;
}

.details-wrapper ._pics-wrapper ._pics img {
  width: 100%;
}

.details-wrapper .product-detail {
  max-width: 563px;
  margin: 0 auto;
}

.details-wrapper>div:first-child {
  margin-bottom: 43.5;
}

.details-wrapper .product-detail p {
  word-break: break-all;
}

.details-wrapper .product-detail:first-child {
  margin-top: 0 !important;
}

.details-wrapper .product-detail h4 {
  margin-top: 3px;
}

.point-wrapper.caution {
  background-color: #F5F4F0;
}

.point-wrapper.caution ._content {
  max-width: 563px;
  margin: 79px auto 0;
}

.detail-points-wrapper .detail-check-wrapper .sp-title {
  display: none;
}

#tie-detail {
  margin-bottom: 50px;
}

@media screen and (max-width:640px) {
  hr {
    width: calc(100% - 60px);
    margin-bottom: 0;
  }

  .detail-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 39px;
  }

  .title-wrapper {
    margin: 0px auto;
  }

  .title-wrapper .title-upper {
    font-size: 25px;
  }

  .title-wrapper img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
  }

  .title-wrapper img.moon {
    width: 36.5px;
    margin-bottom: 19px;
  }

  .title-wrapper img.point-three {
    width: 100%;
  }

  .title-wrapper img.point-four {
    width: 100%;
  }

  .title-wrapper h3 {
    font-size: 19px;
  }

  .title-wrapper h4 {
    font-size: 17px;
    height: unset;
    margin-bottom: 20px;
  }

  .detail-check-wrapper {
    display: block;
    box-sizing: border-box;
    margin-bottom: 30px;
  }

  .detail-check-wrapper .detail-check {
    width: 100%;
    padding: 0;
  }

  .detail-check-wrapper img {
    width: 100%;
    margin-bottom: 15px;
  }

  .detail-check-wrapper img:first-child {
    margin-bottom: 10px;
  }

  .detail-points-wrapper .detail-check-wrapper:nth-child(even) .detail-check {
    width: 100%;
    padding: 0;
  }

  .bottom-comment p {
    margin-top: 0;
  }

  .detail-points-wrapper .detail-check-wrapper:nth-child(even) {
    margin: 0;
  }

  .purchase-wrapper .wrapper {
    display: block;
    margin-top: 15px;
  }

  .purchase-wrapper .purchase-link-wrapper {
    padding: 0;
    width: 100%;
  }

  .purchase-wrapper .purchase-link-wrapper .purchase-links {
    display: block;
    height: auto;
  }

  .purchase-wrapper .purchase-link-wrapper .purchase-links:last-child {
    margin-bottom: 0;
  }

  .purchase-wrapper .title img {
    margin-bottom: 29px;
  }

  .purchase-links .price {
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    align-items: center;
    margin-bottom: 15.5px;
  }

  .purchase-links .price .size {
    margin-bottom: 0;
  }

  .purchase-links .price .total {
    display: flex;
    align-items: baseline;
  }

  .purchase-links .modal-open {
    width: 100%;
  }

  .purchase-links .modal-open img {
    width: 100%;
    height: 47px;
  }

  .point-detail .detail-wrapper:last-child {
    padding-bottom: 0;
  }

  .point-wrapper .wrapper {
    display: block;
    margin-top: 18.5px;
  }

  .point-wrapper .wrapper .img-wrapper {
    width: 100%;
  }

  .point-wrapper .wrapper .img-wrapper img {
    width: 100%;
    min-width: unset;
    margin-bottom: 15px;
  }

  .point-wrapper .wrapper .description-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .point-wrapper.caution ._content {
    margin-top: 44px;
  }

  .details-wrapper ._pics-wrapper {
    justify-content: space-between;
  }

  .details-wrapper ._pics-wrapper ._pics {
    width: 47%;
    margin-bottom: 15px;
  }

  .details-wrapper>div:first-child {
    margin-bottom: 0px;
  }

  .details-wrapper ._name {
    margin-bottom: 15px;
  }

  #tie-detail {
    margin-top: -14px;
  }

  .point-wrapper.cardcase .wrapper .description-wrapper .product-price {
    width: 100%;
  }

  .purchase-wrapper {
    padding: 50px 30px 75px;
  }

  .point-wrapper .wrapper .description-wrapper form button {
    width: 100%;
    background-image: url("images/button_sp.png");
    height: 47px;
  }

  .purchase-links form button {
    width: 100%;
    background-image: url("images/button_sp.png");
    height: 47px;
  }

  .purchase-links img {
    width: 100%;
    height: auto;
  }

  .purchase-wrapper .img-wrapper {
    width: 100%;
    margin-bottom: 25px;
  }

  .point-wrapper .column-link {
    margin: 0;
    width: 100%;
  }

  .detail-check h3,
  .detail-check h4 {
    display: none;
  }


  .detail-points-wrapper .detail-check-wrapper .sp-title {
    display: block;
  }

  .sp-title h3 {
    line-height: 1;
  }

  .sp-title h4 {
    margin: 0 0 20px 0;
    font-size: 17px;
  }

  .bottom-comment {
    width: 100%;
  }
}


.footer {
  background-color: #fff;
  color: #444;
}

.footer-wrapper button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}

blockquote a {
  font-size: 14px;
  text-decoration: underline;
  font-family: Gothic Medium BBB, sans-serif;
  color: #444;
}

blockquote>p {
  line-height: 1;
}

a:visited {
  color: #444;
}

.animation-loaded {
  display: flex;
  justify-content: flex-end;
  max-width: 820px;
  margin: 0 auto 20px;
}

#yui_3_17_2_1_1599483526069_176 {
  display: flex;
  justify-content: space-between;
  margin: 0 auto -30px;
  max-width: 1100px;
}

#yui_3_17_2_1_1599483526069_1337 .thumb-image.loaded {
  width: 100px;
}

.sns-logo {
  width: 100%;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  opacity: 0.5;
}


.wp-block-myblock-column-two {
  margin: 0 !important;
  padding-bottom: 0;
}

@media screen and (max-width:640px) {
  .animation-loaded {
    padding-right: 0;
  }

  #yui_3_17_2_1_1599483526069_176 {
    display: block;
    margin: 0;
  }

  #yui_3_17_2_1_1599483526069_171 {
    padding-bottom: 10px !important;
  }

}

.Footer .intrinsic a {
  display: block;
  border: none;
  -webkit-animation: floating 4s ease-out;
  animation: floating 4s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  margin-bottom: 20px;
  width: 60%;
}

.Footer {
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@-webkit-keyframes floating {
  50% {
    -webkit-transform: translatey(30px) translatex(4px);
    transform: translatey(30px) translatex(4px)
  }
}

@keyframes floating {
  50% {
    -webkit-transform: translatey(30px) translatex(4px);
    transform: translatey(30px) translatex(4px)
  }
}

#block-yui_3_17_2_1_1560929730763_7091 .sqs-gallery-block-grid .sqs-gallery-design-grid {
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sqs-block-image-figure.intrinsic {
  padding: 17px;
  display: flex;
  justify-content: flex-end;
}

#yui_3_17_2_1_1599483526069_1320 {
  padding: 0 20px;
}

/* modal */
.modal-button {
  width: unset;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 5em;
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100vw;
  background-color: #fff;
}

.modal-button p {
  font-size: 14px;
  text-align: right;
  margin-right: 22px;
  font-family: Gothic Medium BBB, sans-serif;
}

/* モーダル コンテンツエリア */
#modal-main {
  display: none;
  height: 90%;
  top: 10px;
  margin: 0;
  padding: 30px 28px;
  background-color: #ffffff;
  color: #666666;
  position: fixed;
  z-index: 7;
  border: 1px solid #707070;
  border-radius: 5px;
  overflow-y: scroll;
}

/* モーダル 背景エリア */
#modal-bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
}

#modal-close {
  display: none;
  margin: 0;
  position: fixed;
  right: calc(50% - 193px);
  top: 0;
  height: 29px;
  width: 29px;
  background: #E8E5E5;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  z-index: 10;
  font-family: Gothic Medium BBB, sans-serif;
  text-align: center;
  color: #000;
  justify-content: center;
  align-items: flex-end;
  line-height: 1.5;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}

.modal-item {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  border-bottom: 1px solid #A8A8A8;
}

.modal-item__left.tie {
  padding-bottom: 10px;
}

.modal-wrapper {
  width: 100%;
  max-width: 980px;
  display: flex;
  padding: 10px 0;
  align-items: center;
  justify-content: flex-end;
}

.modal-wrapper button {
  height: 44px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Font Awesome 5 Free",
    Gothic Medium BBB,
    sans-serif !important;
}

.fa-shopping-cart:before {
  margin-right: 10px;
}

.modal-item__upper {
  display: flex;
  align-items: center;
  margin-bottom: 15.5px;
}

.modal-item__upper img {
  width: 75px;
}

.modal-item__upper p {
  font-family: Midashi Go MB31, sans-serif;
  font-size: 14px;
  margin: 0 4.5px
}

.modal-item__left {
  line-height: 1;
  max-width: 132.5px;
  margin-right: 10.5px;
}

.modal-item__left p {
  font-size: 14px;
  font-family: Midashi Go MB31, sans-serif;
}

.modal-item__left .title {
  font-size: 12px;
}

.modal-item__left .product-title {
  margin-bottom: 13.5px;
}

.modal-item__left .product-price {
  margin-bottom: 14px;
}

.modal-item__left .title-sub {
  font-size: 10px;
}

.modal-item__left .price {
  margin-bottom: 3.5px;
}

.modal-item__left .tax {
  font-size: 10px;
}

.modal-item__left .memo {
  font-family: Gothic Medium BBB, sans-serif;
  word-break: keep-all;
  font-size: 10px;
}


.modal-item__right {
  width: 173px;
}

.modal-purchase-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
  border-top: 1px solid #B1AFAF;
  padding-top: 15px;
}

.modal-purchase-button:first-child {
  margin-top: 0;
  border-top: none;
  padding-top: 0;
}


.modal-purchase-button button {
  width: 115px;
  height: 31px;
  background-image: url("images/button-modal.png");
  background-size: cover;
  border: none;
  background-repeat: no-repeat;
  margin: 0;
  outline: none;
  cursor: pointer;
}

.modal-purchase-button button img {
  width: 100%;
}

.modal-purchase-button p {
  margin: 0;
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
  word-break: break-word;
}

.modal-purchase-button form {
  width: unset;
  margin: 0;
}

.modal-item__left img {
  width: 75px;
  margin-bottom: 15.5px;
}

.modal-item__left span {
  font-family: a-otf-futo-go-b101-pr6n, sans-serif;
  font-size: 20px;
}

.modal-item__left p {
  margin: 0;
}

.modal-caution {
  max-width: 285px;
}

.modal-caution p {
  margin: 0;
  font-size: 12px;
}

.modal-caution p a {
  color: #33AAE8;
}

blockquote {
  border: none;
}

.modal-open {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}

.border-none {
  border: none;
}

.background-image-none {
  background-image: none;
}

@media screen and (max-width:640px) {
  blockquote>p {
    line-height: 1.5;
  }

  #yui_3_17_2_1_1599483526069_1320 img {
    width: 111px;
  }

  #modal-main {
    width: 95%;
    max-width: 100vw;
    margin: 0 0 20px 0;
    box-sizing: border-box;
  }

  #modal-bg {
    width: 100vw;
  }

  #modal-close {
    right: 0%;
    top: 4%;
  }

  .Footer {
    width: 100vw;
    box-sizing: border-box;
  }

  .footer-inner {
    width: 100%;
    box-sizing: border-box;
  }

  .footer-wrapper {
    padding: 13px 30px 11px;
    width: 100%;
    justify-content: space-between;
  }

  .footer-wrapper button {
    padding: 0;
  }

  .footer-wrapper p {
    font-size: 14px;
    text-align: left;
    margin: 0;
    height: 36px;
    line-height: 1;
  }

  .footer-wrapper p span {
    font-size: 10px;
    padding-top: 8px;
    display: block;
  }

  .modal-open img {
    width: 134px;
    height: 36px;
  }

  .Footer .intrinsic a {
    width: 100%;
  }

  #yui_3_17_2_1_1599483526069_172 {
    margin: 0 auto 20px;
  }

  #yui_3_17_2_1_1599483526069_1320 {
    margin-bottom: 50px;
  }

  #yui_3_17_2_1_1599483526069_1337 .thumb-image.loaded {
    max-width: 93px;
    width: 100%;
  }
}