@charset "UTF-8";

#tblLayout {
  display: block;
  max-width: 100%;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}

tbody, tr, td {
  display: block;
  padding: 0;
}

/* g-glamatical */

:root {
  --base: #40210f;
  --font_got: YakuHanJP, "Noto Sans JP", sans-serif;
  --font_min: YakuHanMP, "Zen Old Mincho", serif;
}

#g-glamatical {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--base);
  box-sizing: border-box;
}

#g-glamatical p {
  margin: 0px;
	padding: 0px;
}

#g-glamatical img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#g-glamatical a img {
  opacity: 1;
  transition: 0.3s ease-in-out;
}

#g-glamatical a:hover img {
  opacity: 0.5;
  transition: 0.3s ease-in-out;
}

#g-glamatical ul, #g-glamatical li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#g-glamatical li a {
  display: block;
  height: 100%;
  width: 100%
}

#g-glamatical h1, #g-glamatical h2, #g-glamatical h3, #g-glamatical h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#g-glamatical .pc {display: block;}
#g-glamatical .sp {display: none;}

@media screen and (max-width: 750px) {
  #g-glamatical .pc {display: none;}
  #g-glamatical .sp {display: block;}
}


/*--------------------------
レイアウト
--------------------------*/

#g-glamatical .l-container, #g-glamatical .l-container02 {
  width: min(100%, 1000px);
  padding: 0 min(3%, 30px);
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  #g-glamatical .l-container {
    padding: 0 min(4.66%, 35px);
  }

  #g-glamatical .l-container02 {
    padding: 0;
  }
}


#g-glamatical .l-inner {
  max-width: 720px;
  margin: 0 auto;
}

/*--------------------------
メソッド
--------------------------*/

/* インビュー */

#g-glamatical .area_fade {
  opacity: 0;
  transform: translateY(20px);
  transition: ease-in-out .5s;
}

#g-glamatical .area_fade.active {
  opacity: 1;
  transform: translateY(0);
  animation: fadeup .5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

#g-glamatical .fade01, .fade02, .fade03 {
  opacity: 0;
  transition: .5s ease-in;
}

#g-glamatical .fade01.active {
  opacity: 1;
}

#g-glamatical .fade02.active {
  opacity: 1;
  transition-delay: .5s;
}

#g-glamatical .fade03.active {
  opacity: 1;
  transition-delay:  1s;
}

.logo_fade01, .logo_fade02, .logo_fade03, .logo_fade04, .logo_fade05 {
  opacity: 0;
  transition: .5s ease-in;
}

.logo_fade01.active {
  opacity: 1;
  transition-delay: .3s;
}

.logo_fade02.active {
  opacity: 1;
  transition-delay: .6s;
}

.logo_fade03.active {
  opacity: 1;
  transition-delay: .9s;
}

.logo_fade04.active {
  opacity: 1;
  transition-delay: 1.2s;
}

.logo_fade05.active {
  opacity: 1;
  transition-delay: 1.5s;
}


/* テキスト系 */

#g-glamatical .gothic__type01 {
  font-size: 20px;
  font-family: var(--font_got);
  font-weight: 400;
  line-height: 2;
}

@media screen and (max-width: 750px) {
  #g-glamatical .gothic__type01 {
    font-size: 14px;
    font-size: 3.8vw;
  }
}

#g-glamatical .gothic__notes01 {
  text-indent: -1em;
  padding-left: 1em;
  font-family: var(--font_got);
  font-size: 14px;
  font-weight: 400;
}

@media screen and (max-width: 750px) {
  #g-glamatical .gothic__notes01 {
    font-size: 10px;
    font-size: 2.6vw;
  }
}

/*--------------------------
kv
--------------------------*/

.kv {
  background: linear-gradient(90deg, #f6dcea 0%, #f6dcea 50%, #e9b5c2 50%, #e9b5c2 100%);
  width: 100%;
  display: flex;
  justify-content: center;
}

.kv h1 {
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}

/*--------------------------
ピックアップ
--------------------------*/

#g-glamatical .pickup {
  background-color: #e8eef3;
}

@media screen and (max-width: 750px) {
  #g-glamatical .pickup {
    background-color: #ffffff;
  }
}

#g-glamatical .pickup__slider_pc {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto min(75px, 7.5%);
  gap: 0 min(40px, 4%);
}

#g-glamatical .pickup__slider_sp {
  display: none;
}

@media screen and (max-width: 750px) {
  #g-glamatical .pickup__slider_pc {
    display: none;
  }

  #g-glamatical .pickup__slider_sp {
    display: block;
    margin: 0 auto min(75px, 7.5%);
    margin: 0 auto 10%;
  }
  
}

#g-glamatical .pickup__slider_pc .banner {
  width: min(480px, 48%);
  display: block;
}

@media screen and (max-width: 750px) {
  #g-glamatical .pickup__slider_sp .banner {
    width: min(528px, 36.6%);
  display: block;
  margin: 0 min(25px, 1.7%);
  }
}


#g-glamatical .pickup__banner {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto min(75px, 7.5%);
  gap: 0 min(40px, 4%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .pickup__banner {
    margin: 0 auto 10%;
  }
}

#g-glamatical .pickup__banner .banner {
  width: min(527px, 52.7%);
  display: block;
}

@media screen and (max-width: 750px) {
   #g-glamatical .pickup__banner .banner {
    width: 100%;
  }
}

/*--------------------------
特集
--------------------------*/

#g-glamatical .special {
  background-color: #fff;
}

#g-glamatical .special__slider {
  width: 100%;
  position: relative;
}

#g-glamatical .special__slider .banner {
  width: min(528px, 36.6%);
  display: block;
  margin: 0 min(25px, 1.7%);
}

#g-glamatical .special__banner {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:calc(35/1000*100%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .special__banner {
    flex-wrap: wrap;
    gap:4vw calc(40/680*100%);
  }
}

#g-glamatical .special__banner .banner {
  display: block;
}

@media screen and (max-width: 750px) {
  #g-glamatical .special__banner .banner {
    width: calc(320/680*100%);
  }
}

#g-glamatical .special__text {
  margin: calc(30/1000*100%) auto 0;
  font-size: 14px;
  font-family: var(--font_got);
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  #g-glamatical .special__text {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 750px) {
  #g-glamatical .special__text {
    margin: calc(40/680*100%) 0 0;
    font-size: 2.6vw;
    text-align: left;
  }
}

/*--------------------------
スライダー
--------------------------*/

#g-glamatical .slick-dots{
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

@media screen and (max-width: 750px) {
  #g-glamatical .slick-dots{
    bottom: 0;
    padding: 0;
    margin: 0 0 -8.6% 0;
  }
}

#g-glamatical .slick-dots li{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

#g-glamatical .slick-dots li button:before{
    font-family: var(--font_got);
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '●';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#g-glamatical .slick-dots li.slick-active button:before{
    opacity: .75;
    color: black;
}

#g-glamatical .prev-arrow, #g-glamatical .next-arrow {
  width: 3%;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin: auto;
  display: block;
  cursor: pointer;
  z-index:1;
}

#g-glamatical .prev-arrow {
  right:48%;
}

#g-glamatical .next-arrow {
  left:48%;
}

#g-glamatical .special__slider{
  opacity: 0;
  transition: opacity .3s linear;
}

#g-glamatical .special__slider.slick-initialized{
  opacity: 1;
}



/*--------------------------
コンセプト
--------------------------*/

#g-glamatical .concept {
  padding-bottom: min(100px, 6.9%);
}

#g-glamatical .concept__lead {
  background-image: url(/Contents/ImagesPkg/portal/g-glamatical/concept__bg__pc.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: auto;
  padding-bottom: min(220px, 30%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__lead {
    background-image: url(/Contents/ImagesPkg/portal/g-glamatical/concept__bg__sp.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100%;
    padding-bottom: min(250px, 33.3%);
  }
}


#g-glamatical .concept__title, #g-glamatical .special__title , #g-glamatical .pickup__title{
  width: 80%;
  margin: 0 auto;
  padding-top: min(110px, 15.2%);
  font-size: 26px;
  line-height: 1;
  font-family: var(--font_min);
  font-weight: 600;
  text-align: center;
  letter-spacing: .1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

#g-glamatical .special__title {
  width: min(576px, 57.6%);
  padding-top: min(75px, 7.5%);
  margin: 0 auto min(60px, 6%);
}

#g-glamatical .pickup__title {
  width: min(576px, 57.6%);
  padding-top: min(75px, 7.5%);
  margin: 0 auto min(60px, 6%);
}

@media screen and (max-width: 1000px) {
  #g-glamatical .concept__title, #g-glamatical .special__title , #g-glamatical .pickup__title{
    font-size: 2.6vw;
  }
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__title, #g-glamatical .special__title, #g-glamatical .pickup__title {
    width: 76.6%;
    padding-top: min(110px, 16.1%);
    font-size: 13px;
    font-size: 3.4vw;
  }

  #g-glamatical .special__title {
    padding-top: min(75px, 11%);
    margin: 0 auto min(50px, 7.3%);
  }

  #g-glamatical .pickup__title {
    padding-top: min(75px, 11%);
    margin: 0 auto min(50px, 7.3%);
  }
}

#g-glamatical .concept__title::before, #g-glamatical .concept__title::after {
  content: '';
  width: 95%;
  background-color: var(--base);
  height: 1px;
}

#g-glamatical .special__title::before, #g-glamatical .special__title::after {
  content: '';
  width: 30%;
  background-color: var(--base);
  height: 1px;
}

#g-glamatical .pickup__title::before, #g-glamatical .pickup__title::after {
  content: '';
  width: 25%;
  background-color: var(--base);
  height: 1px;
}

#g-glamatical .concept__title::before, #g-glamatical .special__title::before, #g-glamatical .pickup__title::before {
  margin-right: .5em;
}

#g-glamatical .concept__title::after, #g-glamatical .special__title::after, #g-glamatical .pickup__title::after {
  margin-left: .5em;
}


#g-glamatical .concept__title__glamatical {
  width: min(300px, 41.6%);
  margin: min(130px, 18%) auto 0;
  display: block;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__title__glamatical {
    width: min(331px, 48.6%);
    margin: min(240px, 35.2%) auto 0;
  }
}

#g-glamatical .concept__lead__text {
  font-size: 20px;
  font-family: var(--font_min);
  text-align: center;
  font-weight: 600;
  line-height: 2;
  margin: min(80px, 11%) auto 0;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__lead__text {
    font-size: 14px;
    /* font-size: 3.6vw; */
    font-size: 3.4vw;
    margin: min(80px, 11.7%) auto 0;
    line-height: 1.8;
  }
}

#g-glamatical .concept__lead__text p {
  margin-top: 1em;
}

#g-glamatical .concept__lead__text p:first-child {
  margin-top: 0em;
}

#g-glamatical .hide {
  display: none;
}

.concept__lead__btn {
  width: min(250px, 34.7%);
  margin: min(70px, 9.7%) auto 0;
  cursor: pointer;
  background-image: url(/Contents/ImagesPkg/portal/g-glamatical/concept__btn__more.png); 
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat; 
  padding-top: min(50px, 6.94%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__lead__btn {
    width: min(330px, 48.5%);
    margin: min(70px, 10.2%) auto 0;
    padding-top: min(50px, 7.35%);
  }
}

.concept__lead__btn.clicked {
  background-image: url(/Contents/ImagesPkg/portal/g-glamatical/concept__btn__close.png);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}


#g-glamatical .concept__title__renewal {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

#g-glamatical .concept__title__renewal h3 {
  font-size: 40px;
  font-weight: 600;
  font-family: var(--font_min);
  text-align: center;
  line-height: 1.2;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__title__renewal h3 {
    font-size: 25px;
    font-size: 6.6vw;
  }
}

#g-glamatical .concept__title__renewal h3 span {
  font-size: 75%;
}

#g-glamatical .concept__title__renewal::before, #g-glamatical .concept__title__renewal::after {
  content: "";
  background-color: var(--base);
  height: 2px;
  width: 12%;
  margin-top: 3%;
}

#g-glamatical .concept__title__renewal::before {
  margin-right: -2em;
  transform: rotate(60deg); 
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__title__renewal::before {
    margin-right: -1em;
  }
}

#g-glamatical .concept__title__renewal::after {
  margin-left: -2em;
  transform: rotate(-60deg); 
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__title__renewal::after {
    margin-left: -1em;
  }
}

#g-glamatical .concept__renewal {
  margin-top: min(-80px, -5.5%) ;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__renewal {
    margin-top: min(-20px, -2.6%) ;
  }
}

#g-glamatical .concept__renewal__wrap {
  margin: min(70px, 9.7%) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__renewal__wrap {
    margin: min(80px, 11.7%) auto 0;
  }
}

#g-glamatical ul.concept__renewal__image {
  width: 48%;
}

#g-glamatical ul.concept__renewal__arrow {
  width: 4%;
}


#g-glamatical .concept__title__package {
  font-size: 30px;
  font-weight: 600;
  font-family: var(--font_min);
  line-height: 1;
  text-align: center;
  margin: min(90px, 12.5%) auto min(80px, 11.1%) ;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__title__package {
    font-size: 17px;
    font-size: 4.6vw;
    margin: min(130px, 19.1%) auto min(80px, 11.7%) ;
  }
}

#g-glamatical .concept__title__package span {
  padding-bottom: .3em;
  border-bottom: 1px solid var(--base);
}

#g-glamatical .concept__wrap__package {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin: min(70px, 9.72%) auto 0;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__wrap__package {
    display: block;
    margin: min(60px, 8.8%) auto 0;
  }
}

#g-glamatical .concept__package__text {
  width: 50%;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__package__text {
    width: 100%;
    text-align: center;
  }
}

#g-glamatical .concept__package__image {
  width: min(400px, 55.5%);
  margin-right: -5.8%;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__package__image {
    width: min(515px, 75.7%);
    margin: min(40px, 5.8%) auto 0;
  }
}

#g-glamatical .concept__package__notes {
  margin-top: min(40px, 5.5%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__package__notes {
    margin-top: min(50px, 7.3%);
    text-align: center;
    text-indent: 0em;
    padding-left: 0em;
  }
}

#g-glamatical .concept__wrap__geneki {
  background-color: #e8eef3;
  margin-top: min(70px, 9.7%);
  padding: min(60px, 8.3%) min(70px, 9.7%);
} 

@media screen and (max-width: 750px) {
  #g-glamatical .concept__wrap__geneki {
    background-color: transparent;;
    margin-top: min(140px, 20.5%);
    padding: 0;
  } 
}

#g-glamatical .concept__wrap__geneki__text {
  margin-top: min(35px, 5.5%);
  text-align: justify;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__wrap__geneki__text {
    margin-top: min(50px, 7.3%);
  }
}

#g-glamatical .concept__wrap__geneki__image  {
  width: min(520px, 89.6%);
  margin: min(30px, 5.1%) auto 0;
}

@media screen and (max-width: 750px) {
  #g-glamatical .concept__wrap__geneki__image  {
    width: 100%;
    margin: min(60px, 8.8%) auto 0;
  }
}

#g-glamatical .concept__wrap__geneki__notes {
  margin-top: 1.5em;
  text-align: right;
}

/*--------------------------
探す
--------------------------*/

#g-glamatical .search {
  padding-bottom: min(70px, 4.8%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .search {
    padding-bottom: min(65px, 9.5%);
  }
}

#g-glamatical .search__title {
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  font-family: var(--font_min);
  color: #fff;
  text-align: center;
  padding: 1em 0 ;
  background-color: var(--base);
}

@media screen and (max-width: 750px) {
  #g-glamatical .search__title {
    font-size: 25px;
    font-size: 6.6vw;
  }
}

#g-glamatical .search__banner {
  margin: min(65px, 9%) auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.7%;
}

@media screen and (max-width: 750px) {
  #g-glamatical .search__banner {
    margin: min(90px, 13.2%) auto 0;
    display: flex;
    flex-direction: column;
    gap: 0%;
  }
}

#g-glamatical .search__banner li {
  width: 48.6%;
  display: block;
}

@media screen and (max-width: 750px) {
  #g-glamatical .search__banner li {
    width: min(580px, 85.2%);
    margin: 0 auto;
  }
}

#g-glamatical .search__banner li:nth-child(2) {
  margin-top: 0;
}

#g-glamatical .search__banner li:nth-child(n + 3) {
  margin-top: min(20px, 2.7%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .search__banner li:nth-child(n + 2) {
    margin-top: min(30px, 4.4%);
  }
}

#g-glamatical .search__banner li.instagram {
  width: min(500px, 69.4%);
  margin-top: min(50px, 6.9%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .search__banner li.instagram {
    width: 100%;
    margin-top: min(100px, 14.7%);
  }
}

#g-glamatical .search__banner li.shop {
  width: min(500px, 69.4%);
  margin-top: min(50px, 6.9%);
}

@media screen and (max-width: 750px) {
  #g-glamatical .search__banner li.shop {
    width: min(580px, 85.2%);
    margin-top: min(50px, 7.3%);
  }
}

/*--------------------------
ハンバーガーメニュー
--------------------------*/

#g-glamatical .menu-wrapper{
  position: relative;
}

#g-glamatical .btn__hum{
  width: 100%;
  display: block;      
  width: 45px;      
  height: 45px;      
  position: fixed;
  bottom:20px;
  right:20px;
  z-index: 11;
  background-color: var(--base);
  border-radius: 50%;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #g-glamatical .btn__hum{
    bottom:70px;
    right:10px;
  }
}

#g-glamatical .bar{      
  width: 20px;      
  height: 2px;
  display: block;      
  position: absolute;
  left: 50%;
  transform: translateX(-50%);      
  background-color: #fff;
  transition: transform .3s;  
}

#g-glamatical .bar-top{ top: 15px;}
#g-glamatical .bar-middle{    
  top: 50%;
  transform: translate(-50%,-50%);
}
#g-glamatical .bar-bottom{ bottom: 15px;}


#g-glamatical .btn__hum.close .bar-top{      
  transform: translate(-50%,7px) rotate(45deg);      
  transition: transform .3s;    
}  

#g-glamatical .btn__hum.close .bar-middle{      
  opacity: 0;       
  transition: opacity .3s;    
}    

#g-glamatical .btn__hum.close .bar-bottom{      
  transform: translate(-50%,-6px) rotate(-45deg);      
  transition: transform .3s;    
}

#g-glamatical .menu-lists{
  display: none;
  background-color: #fff;
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  padding: min(50px, 3.47%) 0 min(120px, 8.3%);
}

@media screen and (max-width: 767px) {
  #g-glamatical .menu-lists{
    width: 90.6%;
    margin: 0 auto;
    background-color: #fff;
    padding: min(25px, 2.9%) 0 min(35px, 5.1%);
    border: 1px solid #f396a2;
    box-sizing: border-box;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}

#g-glamatical .hum-inner850 {
  max-width: 850px;
  margin: 0 auto;
}


#g-glamatical .hum__list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  #g-glamatical .hum__list{
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
  }
}

#g-glamatical .hum__list .internal{
  width: 50%;
  padding-left: 4.5%;
  font-size: 18px;
  font-family: var(--font_got);
  line-height: 1;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
}

@media screen and (max-width: 1000px) {
  #g-glamatical .hum__list .internal{
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 767px) {
  #g-glamatical .hum__list .internal{
    width: 100%;
    padding: 1em .1em 1em 1.5em;
    margin-bottom: 0;
    border-bottom: 1px solid #f396a2;
    font-size: 14px;
    font-size: 3.4vw;
  }

  #g-glamatical .hum__list .internal:nth-child(6){
    border-bottom: none;
    line-height: 1.4;
  }
}

#g-glamatical .hum__list .internal::before{
  content: "";
  background-image: url(/Contents/ImagesPkg/portal/g-glamatical/arrow01__hum.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 3.4%;
  height: 1em;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  margin: auto 0 auto 3%;
}

@media screen and (max-width: 767px) {
  #g-glamatical .hum__list .internal::before{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.6%;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    margin: auto 0 auto 3%;
  }
}

#g-glamatical .hum__list .internal a{
  color: var(--base);
}

#g-glamatical .hum__list .buy{
  width: 50%;
  padding-left: 4.5%;
  margin-bottom: 2em;
  font-size: 18px;
  font-family: var(--font_got);
  line-height: 1;
  text-align: left;
  position: relative;
  margin: 0 0 0 auto;
  color: #fff;
  background-color: #f396a2;
  border-radius: 10px;
  padding-top: 1em;
  padding-bottom: 1em;
  display: block;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  #g-glamatical .hum__list .buy{
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 767px) {
  #g-glamatical .hum__list .buy{
    width: 100%;
    margin-bottom: 0em;
    font-size: 14px;
    font-size: 3.4vw;
    background-color: #f396a2;
    border-radius: 0px;
    padding: 1em 1em 1em 1.5em;
  }
}



#g-glamatical .hum__list .buy:hover{
  opacity: .5;
}

#g-glamatical .hum__list .buy::before{
  content: "";
  background-image: url(/Contents/ImagesPkg/portal/g-glamatical/arrow02__hum.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 3.4%;
  height: 1em;
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  margin: auto 0 auto 3%;
}

@media screen and (max-width: 767px) {
  #g-glamatical .hum__list .buy::before{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1.6%;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    margin: auto 0 auto 3%;
  }
}

#g-glamatical .hum__list .buy a{
  color: #fff;
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (max-width: 767px) {
  #g-glamatical .hum__list .buy{
    width: 100%;
  }
}

/*--------------------------
追従バナー
--------------------------*/

.item-category .item-category__point-bnr {
  display: block;
  position: fixed;
  right: 0;
  top:0;
  z-index: 4;
  margin-top: 350px;
}

@media screen and (max-width: 960px) {
  .item-category img {
    width: 100%;
    height: auto;
  }
  .item-category .item-category__point-bnr {
    width: 15%;
    margin-top: 252px;
  }
}