/**
 * @Author: Your name
 * @Date:   2022-06-14 15:36:47
 * @Last Modified by:   Your name
 * @Last Modified time: 2023-06-28 17:01:11
 */
html {
    height: 100%;
  }
  body {
    height: 100%;
  }
  footer {
    position: sticky;
    top: 100vh;
  }

/* ヘッダーパンくず */
.head_breadcrumbs {
    display: flex;
    margin-top: 1rem;
    margin-left: 1.6rem;
}
.head_breadcrumbs_title{
    font-size:0.7rem;
    font-weight: 400;
  }
.head_breadcrumbs_subtitle{
    /* font-size:0.7rem;
    font-weight: 400; */
    font-size:0.9rem;
    font-weight: 700;
  }
.head_breadcrumbs_title::after{
    font-family: "Font Awesome 6 Free";
    font-weight: 400; 
    content: "\f105";
    margin: 0 0.6rem;
    color:#d2d2d2;
  }

@media (max-width: 480px) {
    .head_breadcrumbs {
        margin-top: 0rem;
        margin-left: 0.6rem;
        flex-wrap: wrap;
    }

    .head_breadcrumbs_title{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .head_breadcrumbs_subtitle{
        width: 100%;
        font-weight: 700;
    }
}
/* slider部分 */
ul.product {
    width: 95%;
    margin: 1em auto;
    display: flex;
    justify-content:space-between;
}
li.slider_large {
    width: 45%;
    margin: 0 auto;
}
li.slider_detail {
    width: 45%;
    margin: 0 auto;
}
@media (max-width: 480px) {
    ul.product {
        width: 98%;
        margin: 0.6rem auto;
        flex-wrap: wrap;
        justify-content:center
    }
    li.slider_large {
        width: 100%;
    }
    li.slider_detail {
        width: 90%;
        margin-top: 0.5rem;
    }
}


.slider_list {}
.slide-item img {width: 100%;}

ul.slider_thumb {
    list-style: none;
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
ul.slider_thumb > li{
    width: 18%;
    margin-right: 1%;
    margin-bottom: 1%;
    z-index: 2;
}
ul.slider_thumb > li:last-child{
    margin-right: 0;
}
ul.slider_thumb img {width: 100%; cursor: pointer;}

.slick-prev{left: -25px;}
.slick-next {right: -25px;}
.slick-prev,
.slick-next 
    {z-index: 2;}
.slick-prev:before,
.slick-next:before
{
    color: black;
    z-index: 2;
}
.pswp__button--share {display: none;}
.pswp__counter {display: none;}
/* //slider部分 */

/* 商品説明 */
h1.product_title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-top: 0.4rem;
    margin-bottom: 2rem;
}
h1.product_title > span{
    font-size: 0.9rem;
}

p.product_description {font-size: 0.8rem; margin: 2.5rem 0 0.3rem 0;}
@media (max-width: 480px) {
    p.product_description {margin: 1.5rem 0 0.3rem 0;}
}
/* 色 */
ul.product_color {
    display: flex;
    font-size: 0.8rem;
    margin-bottom: 1.5rem;
}
ul.product_color > li{
   margin-right: 0.5rem;
   display: flex;
   align-content: center;
}
ul.product_color > li:last-child{
   margin-right: 0;
}
.circle{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    padding: 0.2rem;
    margin-right: 0.1rem;
    border: 1px solid #ebebeb;
}
.black {
    background: black;
}
.sumi {
    background: black;
}
.white {
    background: white;
}
.grey {
    background: #2b2a2a;
}
.navy {
    background: #025088;
}
.purple {
    background: purple;
}
.grayshpurple {
    background: #3f033f;
}
.lightpurple {
    background: #9e51c4;
}
.yellowbeige {
    background: #927d1f;
}
.shu {
    background: #7f0d15;
}
.kon {
    background: #17069c;
}
.blue {
    background: #0051e8;
}
.red {
    background: #df1010;
}
.yellow {
    background: #eac82f;
}
.green {
    background: #04d22d;
}
.orange {
    background: #e28616;
}
.citygreen {
    background: #2c3807;
}
.smokygreen {
    background: #e58d9d;
}
.khaki {
    background: #989065;
}
.mocha {
    background: #f2b451;
}
.wetsand {
    background: #ad7d05;
}
.moutain {
    background: #2a5184;
}
.lightyellow {
    background: #e2ee91;
}
.lightpink {
    background: #ffb3b3;
}
.gray {
    background: #9f9f9f;
}
.smokeblack {
    background: #282525;
}
.icegreen {
    background: #72e5be;
}
.japanblue {
    background: #1e02d1;
}
.silvergray{
    background: #c9d1d6;
}
.lightpurple{
    background: #dba5fc;
}
.tiedye{
    background: #e67d3c;
}
.indigo {
    background: #030c28;
}
.retrogreen {
    background: #79dc77;
}
.applegreen {
    background: #228162;
}
.sandbeige {
    background: #c4b231;
}
.lightblue  {
    background: #318ec4;
}
.blue02 {
    background: #174159;
}
.sand {
    background: #aba249;
}
.blackwhite {
    background:linear-gradient(90deg,#000 0%,#000 50%,#FFF 50%,#FFF 100%);
}
.blue03 {
    background: #068edd;
}
.yellow02 {
    background: #ccec28;
}
.pink {
    background: #a12781;
}
.mint  {
    background: #559ba4;
}
.ashbrown  {
    background: #090101;
}
.charcoal {
    background:#36454f;
}
.grey2 {
    background:#93968a;
}
.blue03 {
    background:#1e4a70;
}
.beige {
    background:#998d22;
}
.brown {
    background:#aaa040;
}
.natural {
    background:#e7e5d2;
}
.turquoise {
    background:#06aeab;
}
.shallowgreen {
    background:#9ecbbf;
}
.denim {
    background:#174443;
}
.naturalxblack {
    background:#FFF;
    border: 2px solid #000;
}
.pink02 {
    background:#ddb4d8;
}
.green02{
    background:#3ee6d0;
}
.cream{
    background:#fffca6;
}
.brown2{
    background:#1e1102e6;
}
.olive{
    background:#263901e6;
}
.banana{
    background:#fed504e6;
}
.vanillawhite{
    background:#efefede6;
}
.ash{
    background:#bbbbbbe6;
}
.lightolive{
    background:#6b7353e6;
}
.frostycoral{
    background:#b77281e6;
}
.billiardgreen{
    background:#013510e6;
}
.britishgreen{
    background:#02641ee6;
}
.acidblue{
    background:#1385c3e6;
}
.slate{
    background:#064a6ee6;
}
.slate{
    background:#064a6ee6;
}
.heatherblack {
    background-color: #24252A;
}
.ivory {
    background-color: #FCFBF0;
}
.skyblue {
    background-color: #3ebaef;
}
.wine {
    background-color: #852323;
}
.bluegreenyellow {
    background:linear-gradient(90deg,
  #1d7fd4 0%,
  #1d7fd4 33.33%,
  #e5992e 33.33%,
  #e5992e 66.66%,
  #1ddc1a 66.66%,
  #1ddc1a 100%);
}
.greenblue {
    background:linear-gradient(90deg,
  #4bd41d 0%,
  #4bd41d 50%,
  #c3b4ea 50%,
  #c3b4ea 100%);
}
.yelloorange {
    background:linear-gradient(90deg,
  #d47f1d 0%,
  #d47f1d 50%,
  #e9c408 50%,
  #e9c408 100%);
}
.palebluewhite {
    background:linear-gradient(90deg,
  #75bce2 0%,
  #75bce2 50%,
  #FFFFFF 50%,
  #FFFFFF 100%);
}
.beigeorange {
    background:linear-gradient(90deg,
  #c8af8f 0%,
  #c8af8f 50%,
  #fb8303 50%,
  #fb8303 100%);
}
.greenorange {
    background:linear-gradient(90deg,
  #074e40 0%,
  #074e40 50%,
  #fb8303 50%,
  #fb8303 100%);
}
.orangewhite {
    background:linear-gradient(90deg,
  #fb8303 0%,
  #fb8303 50%,
  #ffffff 50%,
  #ffffff 100%);
}
.blackgold {
    background:linear-gradient(90deg,
  #000000 0%,
  #000000 50%,
  #d4a405 50%,
  #d4a405 100%);
}

ul.product_size {
    display: flex;
    font-size: 0.8rem;
}
ul.product_size > li{
    min-width: 3rem;
   margin-right: 0.5rem;
   display: flex;
   justify-content: center;
   align-content: center;
   padding: 0.1rem;
   border-radius: 4px;
   border: 1px solid #ebebeb;
}

p.product_size_detail {
    font-size: 0.7rem;
    line-height: 1.4rem;
}
ul.product_size_detail_list {
    font-size: 0.7rem;
}
ul.product_size_detail_list > li{
    line-height: 1.4rem;
}

.product_price {font-size: 0.8rem; margin: 0.2rem 0 0 0;}

.product_tex {font-size: 0.8rem; margin: 1.5rem 0; color: #777777; line-height: 1.2rem;}
ul.product_tex_list_dot {font-size: 0.8rem; margin: 1.5rem 0; color: #777777; line-height: 1.2rem;}
@media (max-width: 480px) {
    .product_tex {font-size: 0.8rem; margin: 1rem 0 1.5rem 0; color: #777777; line-height: 1.2rem;}
}

ul.product_tex_list_dot {
    list-style:disc;
    font-size: 0.8rem;
    color: #777777;
    line-height: 1.2rem;
    margin: 0 0 0 1rem;
    padding: 0;
}
ul.product_tex_list_dot > li:first-child{
    list-style:none;
    margin: 0 0 0 -1.3rem;
}
p.link_gor {
    font-size: 0.8rem;
    margin: 0;
    width: 100%;
    text-align: center;
}
@media (max-width: 480px) {
    p.link_gor {margin-bottom: 1.5rem;}
}
p.link_gor a{
    display: block;
    padding: 0.6rem;
    border: 1px solid #2b2b2b;
    background-color: #eceaea;
    border-radius:9999px
}
p.link_gor a:hover{
    background-color: #d2d2d2;
}
p.link_gor a::before{
    font-family: "Font Awesome 6 Free";
    font-weight: 400; 
    content: "\f218";
    margin-right: 0.6rem;
}

/* アーティストグッズ */
/* 商品説明 */
h1.artist_product_title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    margin-top: 0.4rem;
}
/* h1.artist_product_title::before{
    font-family: "Font Awesome 6 Free";
    content: '\f152';
    margin-right: 0.4rem;
} */
h1.artist_product_title > span{
    font-size: 0.9rem;
}
h1.artist_product_title:last-child {
    margin-bottom: 2rem;
}
/* //アーティストグッズ */