@charset "utf-8";
@import url("https://use.typekit.net/qaj3mxe.css");


/*-------------------*/
:root {
  /* color */
  --color-base-1: #fefefe;
  --color-base-2: #e9bd10;
  --color-base-3: #ec8b03;
  --color-base-4: #fffdfa;

  --color-txt-1: #47210a;
  --color-txt-2: #ffffff;
}

.free-introduction {
  margin-bottom: 0;
}

.free-Category-item h3,
.free-Category-item ul,
.lagu .free-Category-item h3 + p,
.lagu .free-Category-item h3 + p{
  max-width: 1220px;
  margin: auto;
}

/* font-family */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
}

.lagu h2,
.lagu h3,
.lagu h4,
.lagu h5,
.lagu b,
.lagu a{
  font-family: "Sansita", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* font-weight */
.lagu h2,
.lagu h3,
.lagu .free-LineUp ul li .list-child,
.lagu .free-Category-list li a {
  font-weight: 400;
}

.lagu h5,
.lagu b,
.lagu .free-Category-detail tbody th,
.lagu .free-Category.free-Category-box h3,
.lagu .free-Category-item h3.flex,
.lagu .sub-ttl {
  font-weight: 600;
}

/* font-size */
.lagu h5 {
  font-size: var(--pc-sm);
}

.lagu .free-Category-detail tbody th,
.lagu .free-Category-detail tbody td,
.lagu .free-Category-detail p {
  font-size: calc(var(--pc-sm) * 0.6);
}


/* font-style */
body {
  font-style: normal;
}

.lagu .italic {
  font-style: italic;
}

/* text-align */
.lagu .free-LineUp ul li h4,
.lagu .free-LineUp ul li h4 span,
.lagu .free-LineUp ul li a {
  text-align: left;
}

.lagu .free-Category-item h4 {
  text-align: center;
}

/* line-height */
.lagu .free-introduction h3,
.lagu .free-LineUp h3{
  line-height: var(--pc-md);
}

/* タイトルの下余白 */
.lagu .free-introduction h3,
.lagu .free-LineUp h3 {
  padding-bottom: var(--pc-sm);
}

/* 文字色 背景色の設定 */

body,
article {
  background-color: var(--color-base-1);
}

.lagu .guide-title-wrap,
.lagu .lagu.patternB {
  background-color: var(--color-base-1);
  color: var(--color-base-2);
}

.patternA.Wave{
  background-color: #0e8587c9;
  color: var(--color-txt-2);
  background-image: url(https://gigaplus.makeshop.jp/rmore/brand/Lagu/img/back04.png);
  background-size: cover;
  background-blend-mode: soft-light;
}

.lagu.patternA.Flower{
  color: var(--color-txt-1);
  background-color: #d7d0aa;
  background-image: url(https://gigaplus.makeshop.jp/rmore/brand/Lagu/img/back01.png);
  background-blend-mode: screen;
  background-size: cover;
  background-repeat: repeat;
}

.lagu.patternB a:has(img) {
  background-color: var(--color-base-1);
  color: var(--color-base-2);
}

.free-LineUp,
.footer-gallery{
  background-color: var(--color-base-2);
  color: var(--color-txt-2);
}

.free-LineUp a{
  color: var(--color-txt-2);
}

.free-Category-list h5{
  font-size: 1.96vw;
}

.free-Category-list h5,
.free-Category-list p {
  color: var(--color-txt-1);
}

.free-Category-detail {
  background-color: var(--color-base-4);
  color: var(--color-txt-1);
}

.lagu .free-Category-detail {
  border: 1px solid var(--color-base-2);
}



.free-Category-detail p {
  color: var(--color-txt-2);
}


.footer-logo {
  background-color: var(--color-base-1);
}

/* flex box　の一括指定 */
.lagu .flex {
  display: flex;
}

/* ABOUT */

.free-introduction .cont {
  position: relative;
  display: flex;
  align-items: center;
  gap: 40px;
  max-width: 1220px;
  margin: auto;
  flex-direction: column;
}


.lagu .layerTOP {
  display: block;
  z-index: 10;
  text-align: center;
  font-weight: bold;
}

.lagu .layerBTM {
  display: block;
  position: relative;
  z-index: 5;
  margin-left: auto;
  margin-right: 0;
}

.free-introduction .obj {
  display: flex;
  justify-content: center;
}

.free-introduction .obj img {
  max-width: 1220px;
}

/* lagu */
.free-introduction.patternB .flex {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: var(--pc-md);
  gap: var(--pc-md);
  z-index: 15;
}

.free-introduction.patternB .flex div:nth-of-type(1) {
  width: 40%;
}

.free-introduction.patternB .flex div:nth-of-type(2) {
  width: 60%;
}

.free-introduction.patternB .point b {
  background-color: var(--color-base-2);
  color: var(--color-base-1);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
}

.free-introduction.patternB .point:not(:last-of-type) {
  margin-bottom: var(--pc-sm);
}


/* LINE UP */
.free-LineUp {
  position: relative;
  padding-top: var(--pc-lg);
  padding-bottom: var(--pc-lg);
}

.free-LineUp ul {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}



.clipImg{
  clip-path: circle(48% at center);
}

.free-LineUp ul li {
  width: 20vw;
  position: relative;
  background-color: var(--color-base-1);
}

.free-LineUp ul li a {
  height: auto;
  color: var(--color-txt-1);
}


.free-LineUp ul li img {
  border-radius: 0;
  margin-bottom: 0;
  scale: .8;
}


.free-LineUp ul li h4 {
  padding: 0;
  border-radius: 0;
  margin: 0 auto;
  position: absolute;
  bottom: 13%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.free-LineUp ul li h4:not(.list-child) {
  /* margin-bottom: 8px; */
  /* border-bottom: 2px solid var(--color-base-2); */
  /* padding-left: calc(var(--pc-sm) * 0.25); */
  text-align: center;
}


.free-LineUp ul li a::after{
  content: "";
  border-style: solid;
  border-right: 16px solid transparent;
  border-left: 16px solid transparent;
  border-top: 16px solid var(--color-base-2);
  border-bottom: 0;
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.free-LineUp ul li a:hover {
  opacity: .8;
  transform: scale(1.1);
}


.free-LineUp ul li .list-child {
  position: relative;
  padding-left: 26px;
  margin-bottom: calc(var(--pc-sm) * 0.25);
  font-size: calc(var(--pc-sm) * 0.8);
}

.free-LineUp ul li .list-child::before {
  content: "\025b6";
  position: absolute;
  font-size: 80%;
  left: 0px;
  top: calc(var(--pc-sm) * 0.14);
}

.free-LineUp ul li .list-child:hover {
  color: var(--color-txt-2);
  padding-left: 32px;
  transition: 0.3s;
}

/* カテゴリー */
.free-Category .free-Category-intr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.free-Category .free-Category-intr:not(.gallery) {
  flex-direction: row-reverse;
}

.free-Category .free-Category-intr img {
  border-radius: 0;
}

.free-Category .free-Category-intr.gallery {
  justify-content: flex-start;
}

.free-Category .free-Category-intr.gallery img {
  width: 13.7vw;
  height: 13.7vw;
}

.free-Category .free-Category-intr.gallery {
  position: relative;
}

/* カテゴリー 商品リスト */
.free-Category-item {
  position: relative;
  padding: var(--pc-md) 0;
}

.free-Category-item h3.flex {
  flex-direction: row;
  align-items: baseline;
  gap: var(--pc-sm);
}

.free-Category-item h3.flex small {
  font-size: 70%;
}

.free-Category-item h3.flex small span {
  font-size: 60%;
  vertical-align: baseline;
}

.free-Category-list {
  flex-wrap: wrap;
  column-gap: var(--pc-sm);
  row-gap: var(--pc-sm);
  padding-bottom: var(--pc-md);
}

.free-Category-list li {
  box-shadow: 2px 2px 9px 0px #dfdfd4;
}


.free-Category-list li,
.free-Category-list a {
  width: 17vw;
}

.free-Category-list a > div {
  padding: calc(var(--pc-sm) * 0.5);
}

.free-Category-detail {
  padding: var(--pc-sm) calc(var(--pc-sm) * 2);
  max-width: 800px;
  margin: 0 auto;
}

/* カテゴリー 商品詳細 */
.free-Category-detail h4 {
  /* border-bottom: 2px solid var(--color-base-2); */
  margin-bottom: var(--pc-sm);
  margin-top: 0;
}

.free-Category-detail h4 span {
  font-size: 70%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-bottom: calc(var(--pc-sm) * 0.5);
}

.free-Category-detail h4 span span.pc-only {
  margin: 0 8px;
  padding-bottom: 0;
  line-height: 70%;
}

/* 0911テーブル修正 */
.free-Category-detail table{
  border-spacing: 0;
  border-collapse: collapse;
}
/* 0911テーブル修正 */


.free-Category-detail table,
.free-Category-detail tbody {
  margin: 0 auto;
  display: block;
  width: 100%;
}

.free-Category-detail tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/* .free-Category-detail th {
  margin-bottom: calc(var(--pc-sm) * 0.5);
} */

.free-Category-detail tr:not(:last-of-type) {
  display: flex;
  /* margin-bottom: var(--pc-sm); */
}

.free-Category-detail p {
  text-align: center;
  margin-top: var(--pc-sm);
}

.free-Category-detail td b {
  display: block;
  width: 100%;
  text-align: center;
  color: var(--color-base-1);
  margin-bottom: calc(var(--pc-sm) * 0.3);
}

.lagu .free-Category-detail td b {
  background-color: var(--color-base-2);
}

.free-Category-detail td {
  padding-left: 0 !important;
  margin-left: 0 !important;
  gap: var(--pc-sm);
}

.free-Category-detail.column-3 td,
.free-Category-detail.column-2 td {
  flex-direction: row;
}

/* 商品画像スクロール */
.scrollX {
  width: 100%;
}

.scrollX .scrollX-child {
  display: block;
}

.scrollX .scrollX-child img {
  /* aspect-ratio: 1 / 1; */
  object-fit: contain;
}



/* カテゴリータイトルのはみ出し */
section.patternA,
section.patternB,
section:has(.free-Category-box) {
  overflow: hidden;
}

.sub-ttl {
  font-size: calc(var(--pc-sm) * 0.8);
  padding-bottom: calc(var(--pc-sm) * 0.5);
}



::-webkit-scrollbar {
  display: block;
}



@media screen and (min-width: 960px) {
  /* LINE UP */
  .free-LineUp ul{
    justify-content: center;
    gap: 3rem;
  }

  .free-LineUp ul .column-3 li,
  .free-LineUp ul .column-4 li {
    width: 20.4vw;
  }

  .free-Category-list a {
    width: 17vw;
  }

  .gazou-container{
    padding-top: 26vw;
  }

  div.small-gazou .gallery-label img{
    width: 68px;
  }

}

@media screen and (max-width: 959px) {
  /* .free-Category-list li {
    max-width: 29vw;
  } */

  .free-LineUp ul .column-3 li,
  .free-LineUp ul .column-4 li {
    max-width: 29vw;
  }



  .free-LineUp ul{
    justify-content: space-evenly;
    gap: 0.8rem;
  }
  .free-LineUp ul li{
    width: 48%;
  }


  .gazou-container{
    padding-top: 26vw;
  }
  div.small-gazou .gallery-label img{
    width: 45px;
  }

}

/* -----------------------------------------------------------------
  mobile1
----------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .guide-title-wrap h2 {
    padding: 0 0 var(--sp-md);
}

h3 {
  font-size: var(--sp-sm);
}

  .free-Category-list a > div h5,
  .free-Category-list a > div p {
    font-size: 100%;
  }

  .lagu .layerTOP {
    width: 100%;
  }

  .lagu .layerBTM {
    margin-bottom: 0px;
  }

  video {
    width: 100% !important;
  }

  .free-introduction .cont {
    padding-top: 0;
    flex-direction: column;
    margin-bottom: 24px;
  }

  .free-introduction .cont img{
    width: 100%;
  }

  .free-introduction {
    padding-bottom: 40px;
  }

  .free-introduction .flex.cont {
    flex-direction: column;
  }
  .free-introduction.patternB .flex div:nth-of-type(1) {
    width: 100%;
  }

  .free-introduction.patternB .flex div:nth-of-type(2) {
    width: 100%;
  }

  .free-Category-detail tbody tr{
    display: flex;
  }

  /* LINE UP */
  .free-LineUp {
    padding-bottom: var(--sp-sm);
    padding-top: var(--sp-sm);
    margin-bottom: 0 !important;
  }

  .free-LineUp h3 {
    margin-bottom: 0;
    line-height: var(--sp-md);
    padding-bottom: 0 !important;
  }

  .free-LineUp ul{
    gap: 10px;
  }

  .free-LineUp ul li h4{
    bottom: 11%;
}

.free-LineUp ul li a::after{
    bottom: 3%;
}

.free-LineUp ul li h4:not(.list-child){
width: 100%;
font-size: cale(var(--pc-sm)* .7);
}


.free-LineUp ul li img {
  scale: .75;
}

  /*　カテゴリー 商品リスト */
  .free-Category .free-Category-intr {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .free-Category .free-Category-intr:not(.gallery) {
    flex-wrap: wrap;
  }

  .free-Category .free-Category-intr.gallery {
    align-items: flex-start;
    padding-top: 0;
  }

  .free-Category .free-Category-intr.gallery img {
    width: 19%;
    height: 19%;
  }

  .free-LineUp ul .column-3 li,
  .free-LineUp ul .column-4 li {
    max-width: 45vw;
  }

  .free-Category-list li,
  .free-Category-list a {
    width: 41vw;
  }


  .free-Category-list a > div {
    padding: calc(var(--pc-sm) * 0.25);
  }



  .free-Category-list {
    justify-content: space-between;
  }

  .free-Category-item h3.flex {
    flex-direction: column;
    gap: 0;
    margin-bottom: calc(var(--pc-md) * 0.25);
  }

  .free-Category-detail.column-3 td {
    width: 100%;
  }

  .bg-line.Left::before {
    display: none;
  }

  .bg-line.Side::before {
    top: -9%;
    left: 10%;
  }

  .bg-line.Bottom::before {
    bottom: -29%;
    right: -46%;
  }


  .gazou-container{
    padding-top: 68vw;
  }

  div.small-gazou .gallery-label img{
    width: 15vw !important;
  }

  #photoGallery, .photoGallery{
    padding: var(--pc-md) 0;
  }

  .footer-logo {
    gap: calc(var(--sp-sm)* 1);
    padding-top: 24px;
    padding-bottom: 24px;
}
}

@media screen and (max-width: 399px) {
  .free-Category-list li,
  .free-Category-list a{
    width: 39vw;
  }
}

@media screen and (max-width: 359px) {
  .free-Category-list li,
  .free-Category-list a,
  .free-LineUp ul li {
    width: 100vw;
  }


  .gazou-container{
    padding-top: 115vw;
  }

  div.small-gazou .gallery-label img{
    width: 20vw !important;
  }

}

.free-Category-item h3.flex small {
  width: 40vw;
}

/* カテゴリー 商品詳細 */
.free-Category-detail.column-2 td,
.free-Category-detail.column-3 td {
  flex-direction: column;
}

.free-Category-detail.column-3 td {
  gap: calc(var(--pc-sm) * 0.5);
  /* align-items: center; */
}

.free-Category-detail.column-3 td span {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: var(--pc-md);
}

.free-Category-detail.column-3 td span b {
  width: 25%;
  margin-bottom: 0;
}

.free-Category-detail.column-3 tbody td {
  display: inline;
  min-width: 10rem;
  /* text-indent: 1rem; */
}

.free-Category-detail tbody td {
  padding-top: 0;
  margin-top: 0;
}

.free-Category-detail tbody th {
  /* text-align: center; */
  min-width: 5rem;
}

.free-Category-detail tr:not(:last-of-type) {
  padding-bottom: calc(var(--pc-sm) / 2);
  border-bottom: 1px solid #47210a38;
}
.free-Category-detail tr:not(:first-of-type) {
  padding-top: calc(var(--pc-sm) / 2);
}


/* リンク先の高さ調整 */
.free-Category-item h3.flex {
  padding-top: 112px;
  margin-top: -112px;
}



/* 画像のラジオボタン */
.gazou-container {
  position: relative;
  height: auto;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
img.gallery-fullsize {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
div.small-gazou {
  display: inline-block;
}




input.gallery-selector {
  display: none;
}
input.gallery-selector:checked~img.gallery-fullsize {
  display: block;
}


a[target="_blank"]:hover {
  opacity: 1;
}

@media screen and (min-width: 1317px) {
  #photoGallery a, .photoGallery a{
    width: calc((100vw -(var(--pc-sm)* 5.5)) / 5);
  }
  }