@charset "UTF-8";
#grigri01 a{color:#707070}#grigri01 img{max-width:100%;vertical-align:bottom;width:100%}#grigri01 img[src$=".svg"]{width:100%}#grigri01 div,#grigri01 span,#grigri01 object,#grigri01 iframe,#grigri01 h1,#grigri01 h2,#grigri01 h3,#grigri01 h4,#grigri01 h5,#grigri01 h6,#grigri01 p,#grigri01 blockquote,#grigri01 pre,#grigri01 abbr,#grigri01 address,#grigri01 cite,#grigri01 code,#grigri01 del,#grigri01 dfn,#grigri01 em,#grigri01 img,#grigri01 ins,#grigri01 kbd,#grigri01 q,#grigri01 samp,#grigri01 small,#grigri01 strong,#grigri01 sub,#grigri01 sup,#grigri01 var,#grigri01 b,#grigri01 i,#grigri01 dl,#grigri01 dt,#grigri01 dd,#grigri01 ol,#grigri01 ul,#grigri01 li,#grigri01 fieldset,#grigri01 form,#grigri01 label,#grigri01 legend,#grigri01 table,#grigri01 caption,#grigri01 tbody,#grigri01 tfoot,#grigri01 thead,#grigri01 tr,#grigri01 th,#grigri01 td,#grigri01 article,#grigri01 aside,#grigri01 canvas,#grigri01 details,#grigri01 figcaption,#grigri01 figure,#grigri01 footer,#grigri01 header,#grigri01 hgroup,#grigri01 menu,#grigri01 nav,#grigri01 section,#grigri01 summary,#grigri01 time,#grigri01 mark,#grigri01 audio,#grigri01 video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}#grigri01 *,#grigri01 *::before,#grigri01 *::after{-webkit-box-sizing:border-box;box-sizing:border-box}#grigri01 article,#grigri01 aside,#grigri01 details,#grigri01 figcaption,#grigri01 figure,#grigri01 footer,#grigri01 header,#grigri01 hgroup,#grigri01 menu,#grigri01 nav,#grigri01 section{display:block}#grigri01 nav ul{list-style:none}#grigri01 ol,#grigri01 ul{list-style:none}#grigri01 blockquote,#grigri01 q{quotes:none}#grigri01 blockquote:before,#grigri01 blockquote:after,#grigri01 q:before,#grigri01 q:after{content:'';content:none}#grigri01 a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}#grigri01 ins{background-color:#ff9;color:#000;text-decoration:none}#grigri01 mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}#grigri01 del{text-decoration:line-through}#grigri01 abbr[title],#grigri01 dfn[title]{border-bottom:1px dotted;cursor:help}#grigri01 table{border-collapse:collapse;border-spacing:0}#grigri01 hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}#grigri01 input,#grigri01 select{vertical-align:middle}body{margin:0}#grigri01{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-family:brown-pro,sans-serif;font-weight:300;color:#707070}#grigri01 .grigri-title_wrapper{position:fixed;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:25px;z-index:3;mix-blend-mode:difference}@media screen and (max-width:767px){#grigri01 .grigri-title_wrapper{mix-blend-mode:normal;position:relative;top:0;-webkit-transform:translateX(0);transform:translateX(0);margin-left:35px;margin-bottom:30px}}#grigri01 .grigri-title_wrapper .grigri-title{font-size:18px;letter-spacing:-.024em;margin-bottom:7px;font-weight:normal}#grigri01 .grigri-title_wrapper .grigri-number{margin-left:7px;font-size:11px;line-height:calc(18 / 11);font-weight:normal}#grigri01 .grigri-kv_wrapper{padding-top:calc(45px + 75px)}@media screen and (max-width:767px){#grigri01 .grigri-kv_wrapper{padding-top:0}}#grigri01 .grigri-kv_wrapper .grigri-kv_image{width:calc(936 / 1440 * 100vw);margin:0 auto 263px}@media screen and (max-width:767px){#grigri01 .grigri-kv_wrapper .grigri-kv_image{width:100%;height:100vh;margin-bottom:76px}#grigri01 .grigri-kv_wrapper .grigri-kv_image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}#grigri01 .grigri-lead_wrapper{display:grid;max-width:600px;margin:0 auto 235px;position:relative}@media screen and (max-width:767px){#grigri01 .grigri-lead_wrapper{padding:0 43px;margin-bottom:90px;max-width:none}}#grigri01 .grigri-lead_wrapper .grigri-lead_ja,#grigri01 .grigri-lead_wrapper .grigri-lead_en{grid-area:1/1;width:100%;-webkit-transition:opacity ease .5s;transition:opacity ease .5s}#grigri01 .grigri-lead_wrapper .grigri-lead_ja{text-align:justify;font-size:14px;line-height:calc(28 / 14);letter-spacing:.015em;opacity:1;pointer-events:auto}#grigri01 .grigri-lead_wrapper .grigri-lead_en{text-align:left;font-size:13px;line-height:calc(27 / 13);opacity:0;pointer-events:none}#grigri01 .grigri-lead_wrapper .grigri-change_btn_wrapper{text-align:right;margin-top:40px}#grigri01 .grigri-lead_wrapper .grigri-change_btn{font-size:14px;cursor:pointer;margin-left:auto;display:inline-block}#grigri01 .grigri-lead_wrapper.is-en .grigri-lead_ja{opacity:0;pointer-events:none}#grigri01 .grigri-lead_wrapper.is-en .grigri-lead_en{opacity:1;pointer-events:auto}#grigri01 .u-flex,#grigri01 .u-grid{margin-bottom:200px}@media screen and (max-width:767px){#grigri01 .u-flex,#grigri01 .u-grid{margin-bottom:100px}}@media screen and (max-width:767px){#grigri01 .u-flex.spcolumn,#grigri01 .u-grid.spcolumn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width:767px){#grigri01 .u-flex.spgap100,#grigri01 .u-grid.spgap100{gap:100px}}#grigri01 .u-flex.last,#grigri01 .u-grid.last{margin-bottom:140px}@media screen and (max-width:767px){#grigri01 .u-flex.last,#grigri01 .u-grid.last{margin-bottom:100px}}#grigri01 .grigri-contents{font-size:0}#grigri01 .grigri-contents.w470{width:calc(470 / 1440 * 100vw)}#grigri01 .grigri-contents.w480{width:calc(480 / 1440 * 100vw)}#grigri01 .grigri-contents.w540{width:calc(540 / 1440 * 100vw)}#grigri01 .grigri-contents.w560{width:calc(560 / 1440 * 100vw)}#grigri01 .grigri-contents.w600{width:calc(600 / 1440 * 100vw)}#grigri01 .grigri-contents.w640{width:calc(640 / 1440 * 100vw)}#grigri01 .grigri-contents.w800{width:calc(800 / 1440 * 100vw)}#grigri01 .grigri-contents.w1120{width:calc(1120 / 1440 * 100vw)}#grigri01 .grigri-contents.wfull{width:100vw;margin-left:calc(50% - 50vw) !important}@media screen and (max-width:767px){#grigri01 .grigri-contents.spfull{width:100%}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spw220{width:58.666666666666664vw}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spw250{width:66.66666666666666vw}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spw280{width:74.66666666666667vw}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spw300{width:80vw}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spw320{width:85.33333333333334vw}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spw335{width:89.33333333333333vw}}@media screen and (max-width:767px){#grigri01 .grigri-contents.spwhalf{width:50vw}}#grigri01 .grigri-contents.isRight{text-align:right}#grigri01 .grigri-contents.isRightMargin{text-align:right}#grigri01 .grigri-contents.isRightMargin a.grigri-credit{padding-right:25px}@media screen and (max-width:767px){#grigri01 .grigri-contents.isRightMargin a.grigri-credit{padding-right:0}}@media screen and (max-width:767px){#grigri01 .grigri-contents.isRightSponly{text-align:right}}#grigri01 .grigri-bottom_contents.w400{width:calc(400 / 1440 * 100vw)}@media screen and (max-width:767px){#grigri01 .grigri-bottom_contents.spw300{width:80vw}}@media screen and (max-width:767px){#grigri01 .u-grid{grid-template-columns:repeat(2,1fr);width:100%}}#grigri01 .u-grid .grigri-contents:nth-child(1){grid-column:2;grid-row:1}@media screen and (max-width:767px){#grigri01 .u-grid .grigri-contents:nth-child(1){justify-self:end}}#grigri01 .u-grid .grigri-contents:nth-child(2){grid-column:1;grid-row:2}@media screen and (max-width:767px){#grigri01 .u-grid .grigri-contents:nth-child(2){justify-self:start}}#grigri01 .grigri-bottom_contents_info_wrapper{margin-bottom:50px}#grigri01 .grigri-contents_text{text-align:right;margin-right:25px;margin-bottom:25px;color:#999;font-size:11px;letter-spacing:-.024em;line-height:calc(18 / 11)}@media screen and (max-width:767px){#grigri01 .grigri-contents_text{margin-bottom:100px;margin-right:20px}}#grigri01 .grigri-bottomArea{background-color:#f7f7f7;padding:174px 0 0}@media screen and (max-width:767px){#grigri01 .grigri-bottomArea{padding-top:100px}}#grigri01 .grigri-bottom_contents_title{font-size:20px;letter-spacing:0;margin-bottom:60px}@media screen and (max-width:767px){#grigri01 .grigri-bottom_contents_title{margin-bottom:50px}}#grigri01 .grigri-bottom_contents_title.margin-bottom15{margin-bottom:15px}#grigri01 .grigri-info{width:50%;font-size:12px;line-height:calc(18 / 12)}#grigri01 .grigri-info .grigri-strong{font-weight:600}#grigri01 .grigri-info_title{font-size:12px;line-height:calc(18 / 12);font-weight:600}#grigri01 .grigri-info_price{font-weight:normal}#grigri01 .grigri-bottom_contents_image{margin-bottom:60px}@media screen and (max-width:767px){#grigri01 .grigri-bottom_contents_image{margin-bottom:50px}}@media screen and (max-width:767px){#grigri01 .grigri-bottom_contents_info_wrapper{gap:30px}}#grigri01 .grigri-bottom_contents_info_wrapper .grigri-info{text-align:left}#grigri01 .grigri-bottom_contents_subtitle{font-size:16px;letter-spacing:0;line-height:calc(25 / 16);margin-bottom:16px}#grigri01 .grigri-bottom_contenets_text{font-size:12px;line-height:calc(23 / 12);margin-bottom:50px}#grigri01 .grigri-bottom_annotation{font-size:12px;line-height:calc(19 / 11)}#grigri01 .grigri-bottom_contents_store_date_wrapper{margin-bottom:8px}#grigri01 .grigri-bottom_contents_store_date,#grigri01 .grigri-bottom_contents_store_title{font-size:16px;letter-spacing:0}@media screen and (max-width:767px){#grigri01 .grigri-bottom_contents_store_date,#grigri01 .grigri-bottom_contents_store_title{letter-spacing:-.024em;line-height:calc(25 / 16)}}#grigri01 .grigri-bottom_link_wrapper{margin-bottom:160px;gap:140px}@media screen and (max-width:767px){#grigri01 .grigri-bottom_link_wrapper{gap:100px;margin-bottom:147px}}#grigri01 .grigri-bottom_link_wrapper a{font-size:13px;letter-spacing:-.024em;line-height:calc(18 / 11)}#grigri01 .grigri-bottom_link_wrapper a:after{margin-bottom:3px}#grigri01 .grigri-footer_copryright{color:#999;font-size:11px;letter-spacing:-.024em;line-height:calc(18 / 11);padding-bottom:20px;text-align:center}@media screen and (max-width:767px){#grigri01 .splast{margin-bottom:160px}}#grigri01 .grigri-credit{font-size:12px;letter-spacing:0;line-height:1;margin-top:10px;color:#707070;padding-bottom:5px;pointer-events:none}#grigri01 .grigri-credit:after{display:none}@media screen and (max-width:767px){#grigri01 .grigri-credit{line-height:calc(28 / 14);letter-spacing:.015em;margin-left:20px}}@media screen and (max-width:767px){#grigri01 .grigri-credit.sp-nomargin{margin-left:0}}@media screen and (max-width:767px){.u-pc-ele{display:none !important}}.u-sp-inline-block{display:none}@media screen and (max-width:767px){.u-sp-inline-block{display:inline-block !important}}.u-sp-inline{display:none}@media screen and (max-width:767px){.u-sp-inline{display:inline !important}}.u-sp-block{display:none !important}@media screen and (max-width:767px){.u-sp-block{display:block !important}}.u-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.u-flex.between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.u-flex.start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.u-grid{display:grid;grid-template-columns:repeat(2,calc(480 / 1440 * 100vw));grid-template-rows:repeat(2,auto);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-scroll-anima="false"]{opacity:0}.js-fadein{-webkit-transition:opacity ease-out 1s;transition:opacity ease-out 1s}.js-fadein[data-scroll-anima="true"]{opacity:1}.js-fadeinshrink{overflow:hidden;-webkit-transition:opacity ease-out 1s;transition:opacity ease-out 1s}.js-fadeinshrink img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform ease-out 1s;transition:-webkit-transform ease-out 1s;transition:transform ease-out 1s;transition:transform ease-out 1s, -webkit-transform ease-out 1s}.js-fadeinshrink[data-scroll-anima="true"]{opacity:1}.js-fadeinshrink[data-scroll-anima="true"] img{-webkit-transform:scale(1);transform:scale(1)}.js-change[data-scroll-anima="false"]{opacity:1}.bar_anim{position:relative;display:inline-block;text-decoration:none}.bar_anim:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s ease,-webkit-transform-origin 0s;transition:-webkit-transform .3s ease,-webkit-transform-origin 0s;transition:transform .3s ease,transform-origin 0s;transition:transform .3s ease,transform-origin 0s,-webkit-transform .3s ease,-webkit-transform-origin 0s;margin-bottom:4px}.bar_anim:hover:after{left:initial;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.bar_anim:not(:hover):after{-webkit-transform-origin:left;transform-origin:left}.f-dnp-shuei{font-family:brown-pro,"dnp-shuei-gothic-gin-std",sans-serif;font-weight:400;font-style:normal}.f-yu-gothic{font-family:brown-pro,"yu-gothic-pr6n","Yu Gothic","游ゴシック",sans-serif;font-weight:300;font-style:normal}.f-brown{font-family:brown-pro,"dnp-shuei-gothic-gin-std",sans-serif;font-weight:300;font-style:normal}

html.wf-loading body {
  opacity: 0;
}

html.wf-active body {
  opacity: 1;
  transition: opacity 0.4s ease;
}

html.wf-inactive body {
  opacity: 1;
}

#grigri01 .grigri-bottom_contents_store_date_wrapper {
  gap: 4px;
}

#grigri01 .grigri-bottom_contents_store_date_wrapper {
  margin-bottom: 0;
}
#grigri01 .grigri-bottom_contents_store_title {
  line-height: calc(25/16);
}
#grigri01 .grigri-bottom_contents_store_date {
  width: 81px;
}
#grigri01 .grigri-bottom_contenets_text {
  margin-bottom: 26px;
}
#grigri01 .grigri-bottom_contents_subtitle {
  margin-bottom: 4px;
}
#grigri01 .grigri-bottom_contents_info_wrapper {
  margin-bottom: 24px;
}
#grigri01 .grigri-lead_wrapper .grigri-lead_ja {
  letter-spacing: 0.03em;
}
#grigri01 .grigri-lead_wrapper .grigri-lead_en {
  letter-spacing: 0.03em;
  line-height: calc(23 / 13);
}

@media screen and (max-width:767px) {
  #grigri01 .grigri-kv_wrapper .grigri-kv_image {
    height: auto;
  }
  #grigri01 .grigri-bottom_contents_store_date {
    width: 77px;
  }
  #grigri01 .grigri-lead_wrapper .grigri-lead_en {
    line-height: calc(21 / 13);
  }
  #grigri01 .pixfix {
    margin-top: -1px;
  }
}