body { font: 15px YakuHanJP,sans-serif; -webkit-text-size-adjust: 100%; overflow-x: hidden; background: #EFF1F4; color: #000; font-feature-settings: "palt"; letter-spacing: .5px; -webkit-font-smoothing: antialiased; letter-spacing: 0.02em; }

.en { font-family: acumin-pro, sans-serif; }

main { background: #EFF1F4; }

img { width: 100%; height: auto; }

@media screen and (min-width: 0px) { /* layout */
  .is_tb { display: none !important; }
  .is_tb_inline { display: none !important; }
  .is_pc { display: none !important; }
  .is_pc_inline { display: none !important; }
  /* parts */
  .hl01 { font-size: 28px; font-weight: bold; font-family: acumin-pro, sans-serif; margin-bottom: 0.7em; text-indent: -0.3em; line-height: 1; }
  .hl01 span { font-weight: 100; padding: 0 0.4em; }
  .hl02 { font-size: 56px; font-weight: bold; font-family: acumin-pro, sans-serif; line-height: 1; letter-spacing: -3px; }
  .btn.btn-primary { display: block; border: 1ox solid #000; background: #4A2800; color: #fff; text-align: center; font-size: 13px; padding: 1.3em; }
  .btn.btn-disabled { display: block; border: 1ox solid #000; background: #666; color: #fff; text-align: center; font-size: 13px; padding: 1.3em; pointer-events: none; }
  .btn.btn-secondary { background: url(../img/common/arw-r01.svg) 100% 5px no-repeat; padding-right: 1.3em; border-bottom: 1px solid #000; padding-bottom: 8px; }
  .btn.btn-ig { display: inline-block; border: 1px solid #000; padding: 1em 4.5em; font-size: 10px; font-weight: bold; text-align: center; background: url(../img/common/icn-ig-b.svg) 11px 50% no-repeat; }
  .btn.btn-nml { display: inline-block; border: 1px solid #000; padding: 1em; font-size: 10px; font-weight: bold; text-align: center; }
  .btn.btn-entry { border: 1px solid #000; display: block; text-align: center; background: #FDB36F url(../img/common/arw-down.svg) calc(100% - 20px) 50% no-repeat; background-size: 12px 27px; padding: 15px 0 18px 0; }
  .btn.btn-entry .en { font-size: 36px; font-weight: bold; display: block; }
  /* animation */
  @keyframes flowing { 100% { transform: translateX(-1350px); } }
  @keyframes ticker { 100% { transform: translateX(-20%); } }
  @keyframes ticker-reverse { 100% { transform: translateX(0); } }
  @keyframes just { 0% { stroke-dashoffset: 3000px; }
    100% { stroke-dashoffset: 0px; } }
  /* common */
  body.is-white { background: #fff; }
  main { overflow-x: hidden; background: #EFF1F4; }
  .is-present main { margin-top: 57px; }
  .header_sp { position: fixed; width: 100vw; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; z-index: 100; mix-blend-mode: difference; }
  .header_sp .si { font-family: acumin-pro, sans-serif; flex: 1; font-size: 18px; font-weight: bold; line-height: 1.1; position: relative; padding-left: 12px; }
  .header_sp .si a { color: #fff; }
  .header_sp .si small { display: block; font-size: 5px; position: absolute; bottom: 0; left: 70px; }
  .header_sp .social { display: flex; align-items: center; }
  .header_sp .social li { margin-right: 10px; line-height: 0; }
  .header_sp .social li svg path { fill: #fff; }
  .header_sp .social li svg circle { fill: #fff; }
  .header_sp .tgl { width: 48px; height: 48px; border-left: 1px solid #fff; padding-top: 18px; padding-left: 12px; }
  .header_sp .tgl p { text-indent: -9999px; width: 22px; height: 13px; border-top: 1px solid #fff; position: relative; cursor: pointer; }
  .header_sp .tgl span { display: block; }
  .header_sp .tgl span::before, .header_sp .tgl span::after { content: ''; display: block; width: 100%; height: 1px; background: #fff; position: absolute; }
  .header_sp .tgl span::before { top: 5px; transition: all 0.5s; }
  .header_sp .tgl span::after { bottom: 0; transition: all 0.5s; }
  .header_sp .tgl.is-open p { border: 0; }
  .header_sp .tgl.is-open span::before { top: 6px; transform: rotate(-45deg); }
  .header_sp .tgl.is-open span::after { bottom: 6px; transform: rotate(45deg); }
  .header_pc { display: none; }
  .glnv_sp { position: fixed; width: 100vw; height: 100vh; height: 100dvh; top: 0; left: 0; background: #EFF1F4; z-index: -1; opacity: 0; transition: all 0.5s; }
  .glnv_sp nav { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
  .glnv_sp nav .glnv { font-weight: bold; }
  .glnv_sp nav .glnv li { font-size: 16px; margin: 1em 0; }
  .glnv_sp nav .social { margin-top: 80px; display: flex; justify-content: center; }
  .glnv_sp nav .social li { margin: 0 10px; }
  .glnv_sp nav .social svg path { fill: #000; }
  .glnv_sp.is-show { opacity: 1; z-index: 99; }
  .glnv_pc { display: none; }
  footer { background: #000; color: #fff; padding: 80px 20px; }
  footer a { color: #fff; }
  footer .ci { margin-bottom: 64px; }
  footer .ci .sitename { font-family: acumin-pro, sans-serif; flex: 1; font-size: 40px; font-weight: bold; line-height: 1.1; position: relative; padding-left: 0; }
  footer .ci .sitename small { display: block; font-size: 12px; position: absolute; bottom: 8px; left: 123px; }
  footer .ci ul.social { display: none; }
  footer .pages dl .row { margin-bottom: 40px; }
  footer .pages dl dt { font-family: acumin-pro, sans-serif; font-weight: bold; font-size: 16px; margin-bottom: 0.5em; }
  footer .pages dl dt a { background: url(../img/common/arw-r01-w.svg) 0 6px no-repeat; padding-left: 0.9em; }
  footer .pages dl dd { margin-left: 24px; margin-bottom: 0.3em; }
  footer .pages dl dd a { display: block; position: relative; padding-left: 1.8em; font-size: 12px; }
  footer .pages dl dd a::before { content: ''; display: block; width: 16px; height: 1px; background: #AAAAAA; position: absolute; top: 0.7em; left: 0; }
  footer .links { font-family: acumin-pro, sans-serif; font-weight: bold; font-size: 16px; margin-bottom: 80px; }
  footer .links li { font-size: 11px; margin-bottom: 1.3em; }
  footer .links a { background: url(../img/common/inc-blank.svg) 100% 4px no-repeat; padding-right: 1.6em; }
  footer div.social { margin-bottom: 32px; }
  footer div.social ul { display: flex; }
  footer div.social li { margin-right: 16px; }
  footer .copyright { color: #AAAAAA; font-family: acumin-pro, sans-serif; font-weight: bold; font-size: 10px; }
  /* top */
  .logo-pc { display: none; }
  .area-kv { /* height: 100vh; height: 100dvh;  */ position: relative; z-index: 1; background: #EFF1F4; }
  .area-kv .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; z-index: 3; background-color: transparent; mix-blend-mode: difference; color: #fff; }
  .area-kv .title .siteid { font-weight: bold; font-size: 50px; line-height: 0.9; }
  .area-kv .title small { font-size: 17px; margin-top: 0.2em; margin-bottom: 0.6em; display: block; }
  .area-kv .title .sub { font-size: 11px; }
  .area-kv .body { position: relative; z-index: 1; background: #EFF1F4; }
  .area-kv .body ul.mainimg { display: flex; width: 2700px; animation: flowing 25s linear infinite; transform: translateX(0); }
  .area-kv .body ul.mainimg li { width: 1350px; }
  .area-kv .body ul.mainimg img { width: 1350px; height: auto; object-fit: cover; }
  .area-kv .body nav { display: none; }
  .area-news { border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px 16px; position: relative; z-index: 2; margin-top: 30px; }
  .area-news .title-body { display: flex; }
  .area-news .title h2 { font-weight: bold; font-size: 13px; margin-right: 1em; }
  .area-news .body { font-size: 11px; }
  .area-news .body dl { padding-top: 2px; }
  .area-news .body dl .row { display: flex; }
  .area-news .body dl dt { margin-right: 1em; }
  .area-news .body dl dd { margin: 0; }
  .area-news .body .social { display: none; }
  .area-top-lead { border-bottom: 1px solid #000; }
  .area-top-lead .body p { font-size: 16px; text-align: center; padding: 80px 16px; line-height: 2.5; }
  .area-top-present { padding: 56px 20px 80px 20px; border-bottom: 1px solid #000; background: #EFF1F4; }
  .area-top-present .title { margin-bottom: 56px; }
  .area-top-present .title .hl02 { margin-bottom: 8px; }
  .area-top-present .title .date { margin-bottom: 20px; font-family: acumin-pro, sans-serif; font-size: 24px; font-weight: bold; margin-top: -10px; }
  .area-top-present .title .date span { display: inline-block; width: 48px; height: 1px; background: #000; vertical-align: middle; margin: 0 6px; }
  .area-top-present .title .date small { font-size: 10px; transform: rotate(90deg); display: inline-block; text-indent: -5px; }
  .area-top-present .title .lead { font-size: 12px; }
  .area-top-present .body .presents { margin-bottom: 32px; }
  .area-top-present .body .present { margin-bottom: 40px; }
  .area-top-present .body .present:last-of-type { margin-bottom: 0; }
  .area-top-present .body .present .imgtxt { border: 1px solid #000; background: #fff; }
  .area-top-present .body .present .txt { padding: 40px 24px; }
  .area-top-present .body .present .txt h4 { font-size: 16px; font-weight: bold; margin-bottom: 1.5em; }
  .area-top-present .body .present .txt h4 span { display: inline-block; font-size: 10px; border: 1px solid #000; padding: 0.2em 0.8em; vertical-align: middle; margin-right: 1em; }
  .area-top-present .body .present .txt p { font-size: 12px; line-height: 2; }
  .area-top-special { padding: 56px 20px 80px 20px; border-bottom: 1px solid #000; }
  .area-top-special .title { margin-bottom: 48px; }
  .area-top-special .title .hl02 { margin-bottom: 0px; line-height: 1; }
  .area-top-special .body .special { margin-bottom: 48px; }
  .area-top-special .body .special:last-of-type { margin-bottom: 0; }
  .area-top-special .body .special .imgtxt .date { font-family: acumin-pro, sans-serif; font-weight: bold; display: flex; align-items: center; margin-bottom: 10px; }
  .area-top-special .body .special .imgtxt .date .day { font-size: 64px; padding-right: 8px; }
  .area-top-special .body .special .imgtxt .date .time { padding-top: 8px; }
  .area-top-special .body .special .imgtxt .date .time > small { display: block; font-size: 14px; }
  .area-top-special .body .special .imgtxt .date .time span { display: block; border-top: 1px solid #000; font-size: 26px; }
  .area-top-special .body .special .imgtxt .date .time span small { font-size: 10px; }
  .area-top-special .body .special .imgtxt .img { padding: 0 16px; margin-bottom: 40px; }
  .area-top-special .body .special .imgtxt .img picture { border: 1px solid #000; }
  .area-top-special .body .special .imgtxt .txt h3 { font-size: 16px; font-weight: bold; margin-bottom: 0.5em; }
  .area-top-special .body .special .imgtxt .txt .lead { font-size: 12px; line-height: 2; margin-bottom: 1.3em; }
  .area-top-special .body .special:nth-of-type(odd) .img img { transform: rotate(-4deg); }
  .area-top-special .body .special:nth-of-type(even) .img img { transform: rotate(4deg); }
  .area-top-lb { padding: 48px 20px 80px 20px; border-bottom: 1px solid #000; overflow-x: hidden; }
  .area-top-lb .title { margin-bottom: 30px; }
  .area-top-lb .body { width: 100vw; margin-left: calc(-50vw + 50%); position: relative; padding-top: 50px; }
  .area-top-lb .body .lookbooks { padding: 0 60px; }
  .area-top-lb .body .lookbook a { display: block; }
  .area-top-lb .body .lookbook .txt { margin-left: 16px; border-left: 1px solid #000; padding: 1em; padding-right: 3em; }
  .area-top-lb .body .lookbook .txt p { font-size: 12px; line-height: 1.6; }
  .area-top-lb .body .slick-list { overflow: visible; }
  .area-top-lb .body .slick-slide { padding: 0 8px; }
  .area-top-lb .body .slick-arrow { height: 15px; width: 42px; border: 0; text-indent: -9999px; position: absolute; top: -40px; }
  .area-top-lb .body .slick-arrow.slick-prev { background: url(../img/common/arw-prev01.svg) 0 0 no-repeat; background-size: contain; right: 75px; }
  .area-top-lb .body .slick-arrow.slick-next { background: url(../img/common/arw-next01.svg) 0 0 no-repeat; background-size: contain; right: 20px; }
  .area-top-blog { padding: 56px 20px 80px 20px; }
  .area-top-blog .title .hl02 { line-height: 1; margin-bottom: 1em; }
  .area-top-blog .title small { display: block; font-size: 12px; margin-top: 20px; letter-spacing: 0; }
  .area-top-blog .blogs .contents { margin-bottom: 20px; }
  .area-top-blog .blogs .contents .contents-inner { display: flex; }
  .area-top-blog .blogs .contents .thumb { width: 100px; }
  .area-top-blog .blogs .contents .data { flex: 1; padding-left: 20px; }
  .area-top-blog .blogs .contents .data .title { font-size: 13px; margin-bottom: 0.2em; }
  .area-top-blog .blogs .contents .data .shop { font-size: 11px; color: #666666; }
  .area-top-blog .blogs .contents .data .date { font-size: 11px; color: #666666; }
  .area-top-blog .blog { margin-bottom: 20px; }
  .area-top-blog .blog:last-of-type { margin-bottom: 0; }
  .area-top-blog .blog .imgtxt { display: flex; }
  .area-top-blog .blog .img { width: 100px; }
  .area-top-blog .blog .txt { flex: 1; padding-left: 20px; }
  .area-top-blog .blog .txt h3 { font-size: 13px; margin-bottom: 0.2em; }
  .area-top-blog .blog .txt p { font-size: 11px; color: #666666; }
  /* transform */
  .area-transform-head { margin-top: 57px; margin-bottom: 80px; padding: 0 20px; }
  .area-transform-head .title { width: 100vw; margin-left: calc(-50vw + 50%); }
  .area-transform-head .body .lead { padding: 80px 0 64px 0; }
  .area-transform-head .body .lead p { font-size: 14px; line-height: 2.2; }
  .area-transform-head .body .stylist { border-top: 1px solid #000; width: 100vw; margin-left: calc(-50vw + 50%); padding: 40px 20px; margin-bottom: 24px; }
  .area-transform-head .body .stylist .img { margin-bottom: 32px; }
  .area-transform-head .body .stylist .img img { border: 1px solid #000; }
  .area-transform-head .body .stylist .txt .name { font-size: 20px; margin-bottom: 1em; }
  .area-transform-head .body .stylist .txt .en { display: block; font-weight: bold; font-size: 10px; }
  .area-transform-head .body .stylist .txt .profile { font-size: 12px; line-height: 2; }
  .area-transform-head .body .stylist .txt .link { margin-top: 24px; }
  .area-transform-head .body .movie p { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 26px; }
  .area-transform-head .body .movie p .line { background: url(../img/common/line01.svg) 50% 100% no-repeat; background-size: 80%; display: inline-block; padding-bottom: 0.4em; }
  .area-transform-head .body .movie p .en { font-size: 24px; }
  .area-transform-head .body .movie a img { width: 100vw; margin-left: calc(-50vw + 50%); }
  .area-transform-anchor { margin-bottom: 80px; }
  .area-transform-anchor .body ul { border-top: 1px solid #000; }
  .area-transform-anchor .body ul li { border-bottom: 1px solid #000; }
  .area-transform-anchor .body ul li a { display: block; font-size: 34px; font-weight: bold; line-height: 1; padding: 32px 20px; background: url(../img/common/arw-down.svg) calc(100% - 20px) 50% no-repeat; }
  .area-transform-anchor .body ul li small { font-size: 14px; display: block; margin-top: 8px; }
  .area-transform-anchor .body ul li .sep { display: inline-block; width: 12px; height: 1px; background: #000; vertical-align: middle; margin: 0 5px; position: relative; top: -2px; }
  .area-transform-code .title { width: 100vw; margin-left: calc(-50vw + 50%); padding: 0 20px; border-bottom: 1px solid #000; padding-bottom: 20px; }
  .area-transform-code .title h3 { font-family: acumin-pro, sans-serif; font-weight: bold; font-size: 56px; line-height: 1; }
  .area-transform-code .title h3 small { font-size: 22px; display: block; margin-top: 8px; }
  .area-transform-code .title h3 .sep { display: inline-block; width: 12px; height: 1px; background: #000; vertical-align: middle; margin: 0 5px; position: relative; top: -2px; }
  .area-transform-code .title p { font-size: 14px; font-weight: bold; line-height: 1; margin-top: 16px; }
  .area-transform-code .title p::before { content: ''; display: block; width: 20px; height: 1px; background: #000; margin-bottom: 16px; }
  .area-transform-code .title p img { height: 14px; width: auto; position: relative; top: -2px; margin-right: 5px; }
  .area-transform-code .body { padding: 0 20px; }
  .area-transform-code .code-lead { padding: 40px 0; margin-bottom: 20px; }
  .area-transform-code .code-lead .img { text-align: center; margin-bottom: 32px; }
  .area-transform-code .code-lead .img img { width: 40vw; margin-left: -8vw; }
  .area-transform-code .code-lead .txt { padding: 0 20px; }
  .area-transform-code .code-lead .wants { border-bottom: 1px solid #000; padding-bottom: 64px; position: relative; }
  .area-transform-code .code-lead .wants::after { display: block; content: ''; width: 65px; height: 50px; background: #EFF1F4 url(../img/common/arw-down2.svg) 50% 50% no-repeat; background-size: 40px 40px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -25px; }
  .area-transform-code .code-lead .want { margin-bottom: 24px; }
  .area-transform-code .code-lead .want:last-of-type { margin-bottom: 0; }
  .area-transform-code .code-lead .want .serial { width: 80px; height: 80px; background: #fff; border-radius: 50%; position: relative; text-align: center; line-height: 1; margin: 0 auto; }
  .area-transform-code .code-lead .want .serial span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold; }
  .area-transform-code .code-lead .want .serial small { font-size: 12px; }
  .area-transform-code .code-lead .want .serial .en { font-size: 28px; }
  .area-transform-code .code-lead .want h4 { text-align: center; font-size: 16px; font-weight: bold; margin: 1em 0; }
  .area-transform-code .code-lead .want .text { font-size: 12px; line-height: 1.8; }
  .area-transform-code .afters .main { background: #fff; margin-bottom: 40px; padding-bottom: 40px; }
  .area-transform-code .afters .main .label { text-align: center; position: relative; transform: translateY(-20px); margin-bottom: 10px; }
  .area-transform-code .afters .main .label img { width: 148px; }
  .area-transform-code .afters .main .img { position: relative; padding: 0 40px; margin-bottom: 46px; }
  .area-transform-code .afters .main .img picture { border: 1px solid #000; transform: rotate(5deg); }
  .area-transform-code .afters .main .img picture img { transform: rotate(-5deg); }
  .area-transform-code .afters .main .img p { position: absolute; right: 0; bottom: 15vw; right: -1vw; }
  .area-transform-code .afters .main .img p img { width: 25vw; }
  .area-transform-code .afters .main .txt { padding: 0 20px; }
  .area-transform-code .afters .main .txt .label { display: none; }
  .area-transform-code .afters .main .txt h4 { text-align: center; font-weight: bold; font-size: 24px; margin-bottom: 0.8em; }
  .area-transform-code .afters .main .txt h4 small { font-size: 14px; display: block; margin-bottom: 5px; }
  .area-transform-code .afters .main .txt .text { font-size: 12px; line-height: 2; }
  .area-transform-code .afters .sub { padding: 0 32px; }
  .area-transform-code .afters .sub .itemlist > .img { margin-bottom: 24px; }
  .area-transform-code .afters .sub .itemlist > .txt h4 { font-size: 16px; font-weight: bold; margin-bottom: 0.8em; }
  .area-transform-code .afters .sub .itemlist > .txt h4 .en { font-size: 20px; }
  .area-transform-code .afters .sub .itemlist .slick-dots { display: flex; justify-content: center; }
  .area-transform-code .afters .sub .itemlist .slick-dots li { width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; border: 0; background: rgba(0, 0, 0, 0.3); margin: 0 4px; margin-top: 6px; }
  .area-transform-code .afters .sub .itemlist .slick-dots li.slick-active { background: #000; }
  .area-transform-code .afters .sub .itemlist .slick-dots button { display: none; }
  .area-transform-code .afters .sub .items { margin-bottom: 60px; }
  .area-transform-code .afters .sub .item { margin-bottom: 20px; }
  .area-transform-code .afters .sub .item a { display: block; }
  .area-transform-code .afters .sub .item a .imgtxt { display: flex; justify-content: space-between; }
  .area-transform-code .afters .sub .item a .img { width: 64px; }
  .area-transform-code .afters .sub .item a .txt { flex: 1; padding-left: 16px; }
  .area-transform-code .afters .sub .item a .txt .brand { font-size: 10px; margin-bottom: 0.2em; }
  .area-transform-code .afters .sub .item a .txt .itemname { font-size: 13px; margin-bottom: 0.2em; }
  .area-transform-code .afters .sub .item a .txt .price { font-size: 11px; color: #666666; }
  .area-transform-foot { padding: 0 20px; border-top: 1px solid #000; }
  .area-transform-foot .summary { padding: 80px 0; }
  .area-transform-foot .summary p { font-size: 12px; line-height: 2; }
  .area-transform-foot .credit { width: 100vw; margin-left: calc(-50vw + 50%); border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px; }
  .area-transform-foot .credit p { font-size: 10px; }
  .area-transform-foot .back a { display: block; padding: 30px 0; font-weight: bold; font-size: 34px; background: url(../img/common/arw-next01.svg) 100% 50% no-repeat; letter-spacing: -2px; }
  /* shopcuize */
  .area-shopcruize-head { margin-top: 57px; margin-bottom: 80px; padding: 0 20px; }
  .area-shopcruize-head .title { width: 100vw; margin-left: calc(-50vw + 50%); }
  .area-shopcruize-head .body .brand { padding: 58px 62px 62px 62px; }
  .area-shopcruize-head .body .brand h2 { text-align: center; font-weight: bold; font-size: 14px; margin-bottom: 28px; }
  .area-shopcruize-head .body .brand picture { margin-bottom: 28px; }
  .area-shopcruize-head .body .brand picture svg { width: 100%; }
  .area-shopcruize-head .body .brand .ig { text-align: center; font-size: 11px; font-weight: bold; }
  .area-shopcruize-head .body .lead { padding: 80px 0 64px 0; }
  .area-shopcruize-head .body .lead p { font-size: 14px; line-height: 2.2; }
  .area-shopcruize-head .body .stylist { border-top: 1px solid #000; width: 100vw; margin-left: calc(-50vw + 50%); padding: 40px 20px; margin-bottom: 24px; }
  .area-shopcruize-head .body .stylist .img { margin-bottom: 32px; }
  .area-shopcruize-head .body .stylist .img img { border: 1px solid #000; }
  .area-shopcruize-head .body .stylist .txt .name { font-size: 20px; margin-bottom: 1em; }
  .area-shopcruize-head .body .stylist .txt .en { display: block; font-weight: bold; font-size: 10px; }
  .area-shopcruize-head .body .stylist .txt .profile { font-size: 12px; line-height: 2; }
  .area-shopcruize-head .body .stylist .txt .link { margin-top: 24px; }
  .area-shopcruize-head .body .movie p { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 26px; }
  .area-shopcruize-head .body .movie p .line { background: url(../img/common/line01.svg) 50% 100% no-repeat; background-size: 80%; display: inline-block; padding-bottom: 0.4em; }
  .area-shopcruize-head .body .movie p .en { font-size: 24px; }
  .area-shopcruize-head .body .movie a img { width: 100vw; margin-left: calc(-50vw + 50%); }
  .area-shopcruize-anchor { margin-bottom: 64px; }
  .area-shopcruize-anchor .body ul { border-top: 1px solid #000; }
  .area-shopcruize-anchor .body ul li { border-bottom: 1px solid #000; position: relative; }
  .area-shopcruize-anchor .body ul li a { display: block; font-size: 34px; font-weight: bold; line-height: 1; padding: 32px 20px; background: url(../img/common/arw-down.svg) calc(100% - 20px) 50% no-repeat; }
  .area-shopcruize-anchor .body ul li small span { display: block; font-size: 16px; margin-top: 8px; }
  .area-shopcruize-anchor .body ul li .item { font-size: 11px; font-weight: normal; font-family: sans-serif; }
  .area-shopcruize-anchor .body ul li img { height: 124px; width: auto; position: absolute; right: 45px; top: -10px; }
  .area-shopcruize-code .title { padding: 0 20px; }
  .area-shopcruize-code .title h3 { font-family: acumin-pro, sans-serif; font-weight: bold; font-size: 56px; line-height: 1; margin-bottom: 64px; }
  .area-shopcruize-code .title h3 span { display: block; }
  .area-shopcruize-code .title h3 small { font-size: 14px; display: block; margin-top: 8px; }
  .area-shopcruize-code .body { padding: 0 20px; }
  .area-shopcruize-code .lead { margin-bottom: 64px; }
  .area-shopcruize-code .lead .img { width: 100vw; margin-left: calc(-50vw + 50%); margin-bottom: 40px; }
  .area-shopcruize-code .lead .img ul { display: flex; justify-content: space-between; }
  .area-shopcruize-code .lead .img ul li { width: 49%; }
  .area-shopcruize-code .lead .txt p { font-size: 12px; line-height: 2; }
  .area-shopcruize-code .styling .main { margin-bottom: 40px; }
  .area-shopcruize-code .styling .main .label { text-align: center; position: relative; margin-bottom: 32px; font-size: 34px; font-weight: bold; }
  .area-shopcruize-code .styling .main .label .line { background: url(../img/common/line01.svg) 50% 100% no-repeat; background-size: 120%; display: inline-block; padding: 0 0.8em  0.2em 0.8em; }
  .area-shopcruize-code .styling .main .img { position: relative; padding: 0px; margin-bottom: 46px; width: 100vw; margin-left: calc(-50vw + 50%); }
  .area-shopcruize-code .styling .main .img ul li { padding: 0 40px; }
  .area-shopcruize-code .styling .main .img picture { border: 1px solid #000; }
  .area-shopcruize-code .styling .main .img picture img { transform: rotate(-5deg); }
  .area-shopcruize-code .styling .main .img p { position: absolute; left: 20px; bottom: -9vw; }
  .area-shopcruize-code .styling .main .img p img { width: 28vw; }
  .area-shopcruize-code .styling .main .img .slick-list { overflow: visible; }
  .area-shopcruize-code .styling .main .img .slick-arrow { height: 15px; width: 37px; border: 0; text-indent: -9999px; position: absolute; bottom: -30px; }
  .area-shopcruize-code .styling .main .img .slick-arrow.slick-prev { background: url(../img/common/arw-prev01.svg) 0 0 no-repeat; background-size: contain; right: 90px; }
  .area-shopcruize-code .styling .main .img .slick-arrow.slick-next { background: url(../img/common/arw-next01.svg) 0 0 no-repeat; background-size: contain; right: 40px; }
  .area-shopcruize-code .styling .main .txt { padding: 0 20px; }
  .area-shopcruize-code .styling .main .txt .label { display: none; }
  .area-shopcruize-code .styling .main .txt .text { font-size: 12px; line-height: 2; }
  .area-shopcruize-code .styling .sub { padding: 0 20px; }
  .area-shopcruize-code .styling .sub .itemlist > .img { margin-bottom: 24px; }
  .area-shopcruize-code .styling .sub .itemlist > .txt h4 { font-size: 16px; font-weight: bold; margin-bottom: 0.8em; }
  .area-shopcruize-code .styling .sub .itemlist > .txt h4 .en { font-size: 20px; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots { display: flex; justify-content: center; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots li { width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; border: 0; background: rgba(0, 0, 0, 0.3); margin: 0 4px; margin-top: 6px; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots li.slick-active { background: #000; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots button { display: none; }
  .area-shopcruize-code .styling .sub .items { margin-bottom: 60px; }
  .area-shopcruize-code .styling .sub .item { margin-bottom: 20px; }
  .area-shopcruize-code .styling .sub .item a { display: block; }
  .area-shopcruize-code .styling .sub .item a .imgtxt { display: flex; justify-content: space-between; }
  .area-shopcruize-code .styling .sub .item a .img { width: 64px; }
  .area-shopcruize-code .styling .sub .item a .txt { flex: 1; padding-left: 16px; }
  .area-shopcruize-code .styling .sub .item a .txt .brand { font-size: 10px; margin-bottom: 0.2em; }
  .area-shopcruize-code .styling .sub .item a .txt .itemname { font-size: 13px; margin-bottom: 0.2em; }
  .area-shopcruize-code .styling .sub .item a .txt .price { font-size: 11px; color: #666666; }
  .area-shopcruize-foot { padding: 0 20px; border-top: 1px solid #000; }
  .area-shopcruize-foot .summary { padding: 80px 0; }
  .area-shopcruize-foot .summary p { font-size: 12px; line-height: 2; }
  .area-shopcruize-foot .summary ul { margin-top: 40px; }
  .area-shopcruize-foot .summary ul li { margin-bottom: 16px; }
  .area-shopcruize-foot .shop { border: 1px solid #000; background: #fff; margin-bottom: 80px; }
  .area-shopcruize-foot .shop .txt { padding: 40px; }
  .area-shopcruize-foot .shop .txt h3 { font-size: 20px; font-weight: bold; line-height: 1.2; margin-bottom: 0.8em; }
  .area-shopcruize-foot .shop .txt p { font-size: 12px; line-height: 1.5; }
  .area-shopcruize-foot .shop .txt ul { display: flex; justify-content: space-between; margin-top: 24px; }
  .area-shopcruize-foot .shop .txt ul li { width: 49%; }
  .area-shopcruize-foot .shop .txt ul li a { width: 100%; }
  .area-shopcruize-foot .shop .txt ul li a.btn-ig { padding-right: 1em; padding-left: 3.5em; }
  .area-shopcruize-foot .credit { width: 100vw; margin-left: calc(-50vw + 50%); border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 20px; }
  .area-shopcruize-foot .credit p { font-size: 10px; }
  .area-shopcruize-foot .bnr { width: 100vw; margin-left: calc(-50vw + 50%); border-bottom: 1px solid #000; }
  .area-shopcruize-foot .back a { display: block; padding: 30px 0; font-weight: bold; font-size: 34px; background: url(../img/common/arw-next01.svg) 100% 50% no-repeat; letter-spacing: -2px; }
  /* present */
  .is-present .ticker-txt { font-size: 30px; font-weight: bold; border-top: 1px solid #000; border-bottom: 1px solid #000; line-height: 1; padding: 14px 0; width: 2000px; overflow: hidden; animation: ticker 20s linear infinite; transform: translateX(0); background: #fff; }
  .is-present .ticker-txt.is-reverse { animation: ticker-reverse 20s linear infinite; transform: translateX(-20%); }
  .is-present .ticker-txt span { display: inline-block; font-weight: 500; margin-right: 0.2em; letter-spacing: -2px; }
  .is-present .ticker-txt span span { font-weight: bold; }
  .area-present-head { background: url(../img/present/bg01.png) 0 100% repeat-x; padding-bottom: 25px; }
  .area-present-head .inner { background: #fff; }
  .area-present-head .title-body { display: flex; flex-wrap: wrap; }
  .area-present-head .ticker { background: #fff; width: 100%; order: 1; }
  .area-present-head .title { width: 100%; order: 3; text-align: center; padding-bottom: 46px; border-top: 1px solid #000; }
  .area-present-head .title h1 { padding: 0; position: relative; top: -39px; margin-bottom: -39px; }
  .area-present-head .title h1 img { width: 300px; }
  .area-present-head .title h2 { margin-top: 24px; font-size: 20px; line-height: 1.6; }
  .area-present-head .title h2 span { font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 6px; }
  .area-present-head .body { width: 100%; order: 2; }
  .area-present-date { padding: 66px 20px; }
  .area-present-date .title { text-align: center; margin-bottom: 40px; }
  .area-present-date .title h2 { font-size: 26px; line-height: 1.6; }
  .area-present-date .title h2 span { font-weight: bold; }
  .area-present-date .body .hl h3 { background: #000; color: #fff; font-size: 12px; font-weight: bold; padding: 0.8em; text-align: center; margin-bottom: 16px; }
  .area-present-date .body .date { display: flex; justify-content: center; margin-bottom: 26px; }
  .area-present-date .body .date p { font-weight: 500; line-height: 0.75; position: relative; }
  .area-present-date .body .date p .year { font-size: 13px; display: block; }
  .area-present-date .body .date p .month { font-weight: bold; font-size: 64px; }
  .area-present-date .body .date p .week { font-size: 16px; transform: rotate(90deg); display: inline-block; transform-origin: 100% 0; margin-left: -1em; margin-top: 0.3em; position: relative; top: 8px; }
  .area-present-date .body .date p:first-of-type { margin-right: 70px; }
  .area-present-date .body .date p:first-of-type::after { content: ''; display: block; width: 42px; height: 1px; background: #000; position: absolute; top: 50%; transform: translateY(-50%); margin-top: 10px; right: -55px; }
  .area-present-date .body .date p:nth-of-type(2) .week { top: 5px; }
  .area-present-date .body .notice { display: flex; border-top: 1px solid #000; margin-bottom: 40px; }
  .area-present-date .body .notice h4 { padding-top: 20px; padding-right: 1em; font-size: 14px; }
  .area-present-date .body .notice ul { border-left: 1px solid #000; padding-top: 20px; padding-left: 1em; flex: 1; }
  .area-present-date .body .notice ul li { font-size: 14px; margin-bottom: 0.6em; position: relative; padding-left: 1.3em; }
  .area-present-date .body .notice ul li span { position: absolute; left: 0; }
  .area-present-body { padding: 60px 20px; }
  .area-present-body .title .hl02 { margin-bottom: 40px; }
  .area-present-body .present { margin-bottom: 30px; }
  .area-present-body .present:last-of-type { margin-bottom: 0; }
  .area-present-body .present .imgtxt { border: 1px solid #000; background: #fff; }
  .area-present-body .present .img { border-bottom: 1px solid #000; position: relative; }
  .area-present-body .present .img .label { position: absolute; top: 0; left: 0; width: 72px; background: #000; color: #fff; text-align: center; font-size: 12px; font-weight: bold; padding: 0.7em 0; font-family: acumin-pro, sans-serif; }
  .area-present-body .present .txt { padding: 40px 24px; position: relative; }
  .area-present-body .present .txt h4 { font-size: 24px; font-weight: bold; margin-bottom: 1em; line-height: 1.25; }
  .area-present-body .present .txt h4 small { display: block; font-size: 16px; margin-top: 0.3em; }
  .area-present-body .present .txt p { font-size: 12px; line-height: 2; }
  .area-present-body .present .txt ul { list-style: disc; list-style-position: inside; border-top: 1px solid #000; padding-top: 1.5em; margin-top: 1.5em; margin-left: 0.2em; }
  .area-present-body .present .txt ul li { font-size: 12px; line-height: 2; }
  .area-present-body .present .txt .label { background: #FDB36F; border-radius: 50%; width: 100px; height: 100px; position: absolute; top: 0; right: 20px; transform: translateY(-50%); }
  .area-present-body .present .txt .label .text { font-size: 13px; font-weight: bold; line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }
  .area-present-body .present .txt .label .text .en { font-size: 34px; width: 100%; display: block; margin-top: -3px; }
  .area-present-body .present .txt .label .text small { font-size: 12px; }
  .area-present-howto { background: url(../img/present/bg02.png) 0 0 repeat-x; padding-top: 26px; }
  .area-present-howto .inner { background: #fff; padding: 54px 20px 54px 20px; }
  .area-present-howto .title { margin-bottom: 32px; }
  .area-present-howto .title p { font-size: 16px; font-weight: bold; margin-top: 0.5em; }
  .area-present-howto .body .step .txt { margin-bottom: 35px; }
  .area-present-howto .body .step .txt h3 { font-size: 24px; font-weight: bold; margin-bottom: 0.5em; }
  .area-present-howto .body .step .txt p { font-size: 12px; line-height: 2; }
  .area-present-howto .body .step .txt .notice { color: red; }
  .area-present-howto .body .steps { margin-bottom: 36px; }
  .area-present-howto .body .steps li { border: 1px solid #000; background: #EFF1F4; border-radius: 40px; padding: 25px 20px; position: relative; margin-bottom: 20px; }
  .area-present-howto .body .steps li::after { content: ''; display: block; margin: 0 auto; width: 1px; height: 20px; background: #000; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; }
  .area-present-howto .body .steps li:last-of-type::after { display: none; }
  .area-present-howto .body .steps .en { text-align: center; font-size: 32px; font-weight: normal; line-height: 1.2; }
  .area-present-howto .body .steps .en span { display: block; width: 100px; margin: 0 auto; color: #fff; background: #000; border-radius: 100px; font-size: 19px; font-weight: bold; padding: 0.1em 0 0.2em 0; margin-bottom: -4px; }
  .area-present-howto .body .steps .cell { display: flex; justify-content: space-between; align-items: center; }
  .area-present-howto .body .steps picture img { width: 131px; }
  .area-present-howto .body .steps p { flex: 1; font-size: 12px; font-weight: bold; line-height: 1.6; }
  .area-present-howto .body .tgl-help { font-size: 14px; font-weight: bold; line-height: 1.8; border-bottom: 1px solid #000; padding-bottom: 0.8em; cursor: pointer; margin-bottom: 16px; position: relative; }
  .area-present-howto .body .tgl-help::before { content: ''; display: block; width: 24px; height: 1px; background: #000; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
  .area-present-howto .body .tgl-help::after { content: ''; display: block; width: 1px; height: 24px; background: #000; position: absolute; top: 50%; transform: translateY(-50%); right: 11px; transition: all 0.5s; }
  .area-present-howto .body .tgl-help.is-open::after { opacity: 0; }
  .area-present-howto .body .helps { display: none; }
  .area-present-howto .body .help h3 { font-size: 14px; font-weight: bold; padding: 1em; background: #EFF1F4; margin-bottom: 30px; }
  .area-present-howto .body .help .scroll { display: flex; overflow: auto; width: 100vw; margin-left: calc(-50vw + 50%); padding-left: 20px; }
  .area-present-howto .body .help ul { display: flex; }
  .area-present-howto .body .help li { width: 248px; margin-right: 16px; margin-bottom: 36px; position: relative; }
  .area-present-howto .body .help li .serial { background: #000; color: #fff; width: 26px; height: 26px; border-radius: 50%; position: relative; display: block; margin: 0 auto; line-height: 1; margin-bottom: 10px; }
  .area-present-howto .body .help li .serial span { font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; margin-top: -1px; }
  .area-present-howto .body .help li picture { margin-bottom: 20px; position: relative; }
  .area-present-howto .body .help li picture::after { content: ''; display: block; width: 18px; height: 55px; background: url(../img/present/arw-step.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); right: -18px; }
  .area-present-howto .body .help li .txt { line-height: 2; font-size: 12px; }
  .area-present-howto .body .help li:last-of-type picture::after { display: none; }
  .area-present-entry { background: #FDB36F; border-top: 1px solid #000; }
  .area-present-entry .title { padding: 35px 20px; border-bottom: 1px solid #000; }
  .area-present-entry .title p { font-size: 12px; font-weight: bold; margin-top: 0.5em; }
  .area-present-entry .body ul li { border-bottom: 1px solid #000; background: #fff; }
  .area-present-entry .body ul a { display: block; padding: 35px 20px; font-weight: bold; font-size: 18px; background: #FDB36F url(../img/common/arw-r02.svg) calc(100% - 20px) 50% no-repeat; background-size: 35px 15px; }
  .area-present-entry .body ul a.disabled { opacity: 1; background: #c6c6c6; opacity: 0.5; }
  .area-present-entry .body ul span { display: block; font-size: 12px; margin-bottom: 5px; }
  .area-present-entry .body ul .en { background: #000; color: #fff; border-radius: 100px; display: inline-block; font-size: 14px; padding: 0.4em 1.2em; line-height: 1; margin-right: 4px; }
  .area-present-entry .body ul .disable { display: block; font-size: 12px; }
  .area-present-outline { padding: 40px 20px; }
  .area-present-outline .body { border: 1px solid #000; background: #fff; padding: 32px; }
  .area-present-outline .body h2 { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 36px; margin-top: 18px; }
  .area-present-outline .body h3 { font-size: 14px; font-weight: bold; margin-bottom: 1em; margin-top: 1.5em; }
  .area-present-outline .body h4 { font-size: 12px; font-weight: bold; margin-bottom: 1em; }
  .area-present-outline .body p { font-size: 12px; line-height: 2; margin-bottom: 1em; }
  .area-present-outline .body a { color: #00A6DD; }
  .area-present-foot { padding: 0 20px; border-top: 1px solid #000; }
  .area-present-foot .back a { display: block; padding: 30px 0; font-weight: bold; font-size: 34px; background: url(../img/common/arw-next01.svg) 100% 50% no-repeat; letter-spacing: -2px; } }

@media screen and (min-width: 769px) { .is_sp { display: none !important; }
  .is_tb { display: block !important; }
  .is_tb_inline { display: inline-block !important; } }

@media screen and (min-width: 1024px) { .is_pc { display: block !important; }
  .is_pc_inline { display: inline-block !important; }
  /* parts */
  .hl01 { font-size: 48px; margin-bottom: 0.6em; }
  .hl02 { font-size: 120px; }
  .btn.btn-primary { display: block; max-width: 400px; margin: 0 auto; font-size: 16px; }
  .btn.btn-disabled { display: block; max-width: 400px; margin: 0 auto; font-size: 16px; }
  .btn.btn-secondary { background: url(../img/common/arw-r01.svg) 100% 8px no-repeat; }
  .btn.btn-ig { padding: 1em 4em; font-size: 12px; }
  .btn.btn-nml { padding: 1em; font-size: 12px; }
  .btn.btn-entry { background: #FDB36F url(../img/common/arw-down.svg) calc(100% - 40px) 50% no-repeat; background-size: 20px 40px; padding: 15px 0 30px 0; font-size: 24px; line-height: 1.2; transition: all 0.5s; }
  .btn.btn-entry .en { font-size: 70px; font-weight: bold; display: block; }
  .btn.btn-entry:hover { background: #000 url(../img/common/arw-down-w.svg) calc(100% - 40px) 50% no-repeat; background-size: 20px 40px; color: #fff; opacity: 1; }
  /* animation */
  /* common */
  .is-present main { margin-top: 0px; }
  .header_sp { display: none; }
  .glnv_sp { display: none; }
  .header_pc { position: fixed; width: 100vw; top: 45px; left: 45px; display: flex; justify-content: space-between; align-items: center; z-index: 100; }
  .header_pc .si { font-family: acumin-pro, sans-serif; flex: 1; font-size: 35px; font-weight: bold; line-height: 1.1; position: relative; padding-left: 12px; line-height: 1; }
  .header_pc .si small { display: block; font-size: 10px; position: absolute; bottom: 5px; left: 120px; }
  .header_pc .social { height: 100vh; border-left: 1px solid #000; position: fixed; top: 0; right: 0; width: 67px; text-align: center; }
  .header_pc .social ul { position: absolute; left: 50%; transform: translateX(-50%); bottom: 24px; }
  .header_pc .social li { margin-top: 16px; }
  .header_pc .social .svg { width: 16px; }
  .header_pc .social .svg path { fill: #000; }
  .header_pc .social .svg circle { fill: #000; }
  .is-present .header_pc { top: 0; left: 0; position: absolute; }
  .is-present .header_pc .si { border: 1px solid #000; border-top: 0; border-left: 0; background: #fff; display: inline-block; width: auto; flex: none; padding: 30px 45px; }
  .is-present .header_pc .si small { bottom: 35px; left: 153px; }
  .glnv_pc { display: block; mix-blend-mode: difference; position: relative; z-index: 50; }
  .glnv_pc .glnv { position: fixed; bottom: 44px; left: 48px; z-index: 50; }
  .glnv_pc .glnv li { font-family: acumin-pro, sans-serif; font-size: 16px; font-weight: bold; margin-top: 1em; text-align: left; }
  .glnv_pc .glnv li a { display: inline-block; position: relative; color: #fff; }
  .glnv_pc .glnv li a span.line { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 4px; }
  .glnv_pc .glnv li a span.line svg .st0 { opacity: 0; transition: 0.5s; }
  .glnv_pc .glnv li a:hover span.line .st0 { opacity: 1; stroke-dasharray: 3000px; animation: just 3s; stroke: #fff; }
  footer { padding: 80px 100px; }
  footer .inner { max-width: 1376px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; }
  footer a { color: #fff; }
  footer .ci { margin-bottom: 0; flex: 1; }
  footer .ci .sitename { font-size: 40px; padding-left: 0; margin-bottom: 40px; }
  footer .ci .sitename small { font-size: 12px; bottom: 8px; left: 123px; }
  footer .ci ul.social { display: flex; }
  footer .ci ul.social li { margin-right: 16px; }
  footer .ci ul.social svg { width: 18px; height: auto; }
  footer .pages { width: 30%; }
  footer .pages dl .row:last-of-type { margin-bottom: 0; }
  footer .pages dl dt { margin-bottom: 0.8em; }
  footer .pages dl dd { margin-bottom: 0.5em; }
  footer .links { margin-bottom: 0px; width: 20%; }
  footer div.social { display: none; }
  footer .copyright { position: absolute; bottom: 0; left: 0; }
  /* top */
  .logo-pc { display: block; mix-blend-mode: difference; position: relative; z-index: 50; }
  .logo-pc span { display: block; opacity: 0; transition: opacity 0.5s; position: fixed; top: 25px; left: 48px; }
  .logo-pc svg path { fill: #fff; }
  .logo-pc.is-show span { opacity: 1; }
  .area-kv { position: relative; height: 100vh; height: 100dvh; z-index: 5; }
  .area-kv .title .siteid { font-size: 88px; }
  .area-kv .title small { font-size: 32px; margin-top: 0.3em; margin-bottom: 0.5em; }
  .area-kv .title .sub { font-size: 20px; }
  .area-kv .body { text-align: center; }
  .area-kv .body .img { position: absolute; left: 50%; transform: translateX(-50%); top: -5vw; }
  .area-kv .body #layer { text-align: center; }
  .area-kv .body #layer img { width: auto; height: auto; object-fit: contain; }
  .area-news { border-top: 0; border-bottom: 1px solid #fff; padding: 20px 16px; transform: rotate(90deg); position: fixed; width: 100vh; transform-origin: right top; right: 0; z-index: 10; margin-top: -0px; mix-blend-mode: difference; color: #fff; }
  .area-news .title-body { display: flex; }
  .area-news .title h2 { font-size: 16px; margin-right: 1em; }
  .area-news .body { font-size: 13px; display: flex; justify-content: space-between; align-items: center; width: 100%; }
  .area-news .body .social { display: flex; margin-bottom: -6px; }
  .area-news .body .social li { margin-left: 16px; }
  .area-news .body .social li svg { transform: rotate(-90deg); }
  .area-news .body .social path { fill: #fff; }
  .area-news .body .social circle { fill: #fff; }
  .area-top-lead { margin-right: 64px; padding: 320px 100px 180px 100px; position: relative; z-index: 6; mix-blend-mode: difference; color: #fff; }
  .area-top-lead .body p { font-size: 24px; text-align: center; padding: 0; line-height: 2.5; }
  .area-top-present { padding: 90px 100px 180px 100px; margin-right: 64px; }
  .area-top-present .inner { max-width: 1376px; margin: 0 auto; }
  .area-top-present .title { margin-bottom: 64px; }
  .area-top-present .title .hl02 { margin-bottom: 0px; }
  .area-top-present .title .date { margin-bottom: 16px; font-size: 56px; margin-top: 0px; }
  .area-top-present .title .date span { width: 100px; margin: 0 10px; }
  .area-top-present .title .date small { font-size: 18px; text-indent: -19px; margin-left: 5px; }
  .area-top-present .title .lead { font-size: 15px; }
  .area-top-present .body .presents { margin-bottom: 80px; }
  .area-top-present .body .present { margin-bottom: 56px; }
  .area-top-present .body .present:last-of-type { margin-bottom: 0; }
  .area-top-present .body .present .imgtxt { display: flex; justify-content: space-between; align-items: center; }
  .area-top-present .body .present .img { width: 50%; min-height: 400px; }
  .area-top-present .body .present .img img { min-height: 400px; object-fit: cover; }
  .area-top-present .body .present .txt { padding: 0 80px; flex: 1; }
  .area-top-present .body .present .txt h4 { font-size: 24px; margin-bottom: 1em; }
  .area-top-present .body .present .txt h4 span { font-size: 13px; position: relative; top: -1px; }
  .area-top-present .body .present .txt p { font-size: 15px; }
  .area-top-special { padding: 90px 100px 70px 100px; margin-right: 64px; }
  .area-top-special .inner { max-width: 1376px; margin: 0 auto; }
  .area-top-special .title { margin-bottom: 120px; }
  .area-top-special .body .specials { display: flex; flex-wrap: wrap; padding: 0 40px; }
  .area-top-special .body .special { margin-bottom: 74px; width: 42%; margin: 0 16% 9% 0; }
  .area-top-special .body .special:nth-of-type(2n) { margin-right: 0; }
  .area-top-special .body .special:last-of-type { margin-bottom: 0; }
  .area-top-special .body .special .imgtxt .date { margin-bottom: 40px; }
  .area-top-special .body .special .imgtxt .date .day { font-size: 100px; padding-right: 14px; }
  .area-top-special .body .special .imgtxt .date .time { padding-top: 8px; }
  .area-top-special .body .special .imgtxt .date .time > small { font-size: 24px; }
  .area-top-special .body .special .imgtxt .date .time span { font-size: 40px; }
  .area-top-special .body .special .imgtxt .date .time span small { font-size: 16px; }
  .area-top-special .body .special .imgtxt .img { padding: 0; margin-bottom: 50px; }
  .area-top-special .body .special .imgtxt .img picture { border: 1px solid #000; }
  .area-top-special .body .special .imgtxt .txt h3 { font-size: 24px; margin-bottom: 0.8em; }
  .area-top-special .body .special .imgtxt .txt .lead { font-size: 15px; margin-bottom: 56px; }
  .area-top-special .body .special .imgtxt .txt .more a { max-width: none; }
  .area-top-special .body .special:nth-of-type(odd) .img img { transform: rotate(-4deg); }
  .area-top-special .body .special:nth-of-type(even) .img img { transform: rotate(4deg); }
  .area-top-lb { padding: 90px 100px 120px 100px; margin-right: 64px; }
  .area-top-lb .inner { max-width: 1376px; margin: 0 auto; }
  .area-top-lb .title { margin-bottom: 50px; }
  .area-top-lb .body { width: calc(100vw); margin-left: calc(-50vw + 50%); position: relative; padding-top: 50px; }
  .area-top-lb .body .lookbooks { padding: 0 20%; }
  .area-top-lb .body .lookbook a { display: block; }
  .area-top-lb .body .lookbook .txt { margin-left: 24px; padding: 4em 1em 1em 2em; padding-right: 10em; position: relative; top: -2em; }
  .area-top-lb .body .lookbook .txt p { font-size: 15px; line-height: 1.6; }
  .area-top-lb .body .slick-list { overflow: visible; }
  .area-top-lb .body .slick-slide { padding: 0 16px; }
  .area-top-lb .body .slick-arrow { height: 20px; width: 56px; top: -60px; }
  .area-top-lb .body .slick-arrow.slick-prev { right: 200px; }
  .area-top-lb .body .slick-arrow.slick-next { right: 120px; }
  .area-top-blog { padding: 90px 100px 80px 100px; margin-right: 64px; }
  .area-top-blog .inner { max-width: 1376px; margin: 0 auto; }
  .area-top-blog .title .hl02 { margin-bottom: 0.85em; }
  .area-top-blog .title small { display: inline-block; font-size: 16px; margin-top: 0px; margin-left: 43px; position: relative; top: -12px; }
  .area-top-blog .blogs { display: flex; flex-wrap: wrap; padding: 0 40px; }
  .area-top-blog .blogs .contents { margin-bottom: 20px; width: 46%; margin: 0 8% 8% 0; }
  .area-top-blog .blogs .contents:nth-of-type(2n) { margin-right: 0; }
  .area-top-blog .blogs .contents:last-of-type { margin-bottom: 0; }
  .area-top-blog .blogs .contents .contents-inner { display: flex; align-items: center; }
  .area-top-blog .blogs .contents .contents-inner .thumb { width: 150px; }
  .area-top-blog .blogs .contents .contents-inner .data { flex: 1; padding: 0 25px 0 44px; }
  .area-top-blog .blogs .contents .contents-inner .data .title { margin-bottom: 0.5em; }
  .area-top-blog .blog { margin-bottom: 20px; width: 46%; margin: 0 8% 8% 0; }
  .area-top-blog .blog:nth-of-type(2n) { margin-right: 0; }
  .area-top-blog .blog:last-of-type { margin-bottom: 0; }
  .area-top-blog .blog .imgtxt { display: flex; align-items: center; }
  .area-top-blog .blog .img { width: 150px; }
  .area-top-blog .blog .txt { flex: 1; padding: 0 25px 0 44px; }
  .area-top-blog .blog .txt h3 { margin-bottom: 0.5em; }
  /* transform */
  .area-transform-head { margin-top: 50px; margin-bottom: 145px; padding: 0; margin-right: 67px; }
  .area-transform-head .title { width: calc(100vw + 33px); margin-left: calc(-50vw + 50%); margin-bottom: 80px; }
  .area-transform-head .body { max-width: 1220px; margin: 0 auto; }
  .area-transform-head .body .lead { padding: 0 76px; padding-bottom: 100px; }
  .area-transform-head .body .lead p { font-size: 16px; }
  .area-transform-head .body .stylist { border-top: 1px solid #000; width: auto; margin-left: auto; padding: 0; margin-bottom: 120px; padding-top: 54px; }
  .area-transform-head .body .stylist .imgtxt { display: flex; justify-content: space-between; align-items: center; }
  .area-transform-head .body .stylist .img { margin-bottom: 0px; width: 394px; }
  .area-transform-head .body .stylist .txt { flex: 1; padding-left: 78px; }
  .area-transform-head .body .stylist .txt .name { font-size: 24px; }
  .area-transform-head .body .stylist .txt .en { font-size: 11px; }
  .area-transform-head .body .stylist .txt .profile { font-size: 15px; }
  .area-transform-head .body .movie p { font-size: 32px; margin-bottom: 1.2em; }
  .area-transform-head .body .movie p .line { padding-bottom: 0.5em; }
  .area-transform-head .body .movie p .en { font-size: 40px; }
  .area-transform-head .body .movie a picture { padding: 0 76px; }
  .area-transform-head .body .movie a img { width: 100%; margin-left: auto; }
  .area-transform-anchor { margin-bottom: 140px; margin-right: 67px; }
  .area-transform-anchor .body ul { border-top: 1px solid #000; border-bottom: 1px solid #000; display: flex; justify-content: space-between; }
  .area-transform-anchor .body ul li { border-bottom: 0; width: 50%; }
  .area-transform-anchor .body ul li:first-of-type { border-right: 1px solid #000; }
  .area-transform-anchor .body ul li a { font-size: 64px; padding: 60px 80px; background: url(../img/common/arw-down.svg) calc(100% - 60px) 50% no-repeat; }
  .area-transform-anchor .body ul li small { font-size: 20px; }
  .area-transform-anchor .body ul li .sep { width: 16px; }
  .area-transform-code { margin-right: 67px; margin-bottom: 200px; }
  .area-transform-code .inner { max-width: 1476px; margin: 0 auto; padding: 0 50px; }
  .area-transform-code .title { width: auto; margin-left: auto; margin-bottom: 63px; padding: 0; padding-bottom: 0px; display: flex; justify-content: space-between; align-items: center; }
  .area-transform-code .title h3 { font-size: 120px; padding-bottom: 55px; border-right: 1px solid #000; flex: 1; }
  .area-transform-code .title h3 small { font-size: 40px; }
  .area-transform-code .title h3 .sep { width: 20px; }
  .area-transform-code .title p { font-size: 24px; margin-top: 0; text-align: center; width: 314px; }
  .area-transform-code .title p::before { display: none; }
  .area-transform-code .title p img { height: 21px; top: 0; display: block; margin: 0 auto; margin-bottom: 8px; }
  .area-transform-code .body { padding: 0; }
  .area-transform-code .code-lead { padding: 0 70px; margin-bottom: 120px; }
  .area-transform-code .code-lead .imgtxt { display: flex; justify-content: space-between; border-bottom: 1px solid #000; position: relative; padding-bottom: 70px; }
  .area-transform-code .code-lead .imgtxt::after { display: block; content: ''; width: 196px; height: 106px; background: #EFF1F4 url(../img/common/arw-down2.svg) 50% 50% no-repeat; background-size: contain; position: absolute; left: 50%; transform: translateX(-50%); bottom: -53px; }
  .area-transform-code .code-lead .img { margin-bottom: 0; }
  .area-transform-code .code-lead .img img { width: 275px; margin-left: 0; }
  .area-transform-code .code-lead .txt { padding: 0px; }
  .area-transform-code .code-lead .wants { border-bottom: 0; padding-bottom: 0; position: relative; display: flex; justify-content: space-between; padding-left: 118px; }
  .area-transform-code .code-lead .wants::after { display: none; }
  .area-transform-code .code-lead .want { margin-bottom: 0; }
  .area-transform-code .code-lead .want:last-of-type { margin-left: 70px; }
  .area-transform-code .code-lead .want .serial { width: 120px; height: 120px; margin-top: 50px; }
  .area-transform-code .code-lead .want .serial small { font-size: 16px; }
  .area-transform-code .code-lead .want .serial .en { font-size: 48px; }
  .area-transform-code .code-lead .want h4 { font-size: 22px; margin-bottom: 0.6em; }
  .area-transform-code .code-lead .want .text { font-size: 15px; line-height: 1.8; }
  .area-transform-code .afters .main { background: #fff; margin-bottom: 64px; padding-bottom: 0px; }
  .area-transform-code .afters .main .label { display: none; }
  .area-transform-code .afters .main .imgtxt { display: flex; justify-content: space-between; padding: 40px 80px; }
  .area-transform-code .afters .main .img { padding: 0px; margin-bottom: 0px; width: 477px; }
  .area-transform-code .afters .main .img picture { border: 1px solid #000; transform: rotate(5deg); }
  .area-transform-code .afters .main .img picture img { transform: rotate(-5deg); }
  .area-transform-code .afters .main .img p { position: absolute; right: 0; bottom: 130px; right: -30px; }
  .area-transform-code .afters .main .img p img { width: 166px; }
  .area-transform-code .afters .main .txt { padding: 0 0 0 90px; flex: 1; }
  .area-transform-code .afters .main .txt .label { display: block; margin-bottom: 0px; position: relative; top: -50px; }
  .area-transform-code .afters .main .txt .label img { width: 252px; }
  .area-transform-code .afters .main .txt h4 { font-size: 36px; }
  .area-transform-code .afters .main .txt h4 small { font-size: 20px; }
  .area-transform-code .afters .main .txt .text { font-size: 15px; }
  .area-transform-code .afters .sub { padding: 0 78px 0 118px; margin-bottom: 70px; }
  .area-transform-code .afters .sub .itemlist { display: flex; justify-content: space-between; }
  .area-transform-code .afters .sub .itemlist > .img { margin-bottom: 0px; width: 314px; margin-right: 117px; }
  .area-transform-code .afters .sub .itemlist > .txt { flex: 1; }
  .area-transform-code .afters .sub .itemlist > .txt h4 { font-size: 24px; }
  .area-transform-code .afters .sub .itemlist > .txt h4 .en { font-size: 29px; }
  .area-transform-code .afters .sub .itemlist .slick-dots { display: flex; justify-content: center; }
  .area-transform-code .afters .sub .itemlist .slick-dots li { width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; border: 0; background: rgba(0, 0, 0, 0.3); margin: 0 4px; margin-top: 6px; }
  .area-transform-code .afters .sub .itemlist .slick-dots li.slick-active { background: #000; }
  .area-transform-code .afters .sub .itemlist .slick-dots button { display: none; }
  .area-transform-code .afters .sub .items { margin-bottom: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .area-transform-code .afters .sub .item { margin-bottom: 0px; width: 48%; margin: 0 4% 4% 0; }
  .area-transform-code .afters .sub .item:nth-of-type(2n) { margin-right: 0; }
  .area-transform-code .afters .sub .item a { display: block; }
  .area-transform-code .afters .sub .item a .imgtxt { display: flex; justify-content: space-between; }
  .area-transform-code .afters .sub .item a .img { width: 64px; }
  .area-transform-code .afters .sub .item a .txt { flex: 1; padding-left: 16px; }
  .area-transform-code .afters .sub .item a .txt .brand { margin-bottom: 0.3em; }
  .area-transform-code .afters .sub .item a .txt .itemname { margin-bottom: 0.3em; }
  .area-transform-foot { padding: 0; margin-right: 67px; }
  .area-transform-foot .summary { padding: 140px 20%; }
  .area-transform-foot .summary p { font-size: 15px; }
  .area-transform-foot .credit { width: auto; margin-left: auto; padding: 40px 80px; }
  .area-transform-foot .credit p { font-size: 15px; }
  .area-transform-foot .back a { padding: 100px 80px; font-size: 64px; background: url(../img/common/arw-next01.svg) calc(100% - 60px) 50% no-repeat; }
  /* transform */
  .area-shopcruize-head { margin-top: 0px; margin-bottom: 125px; padding: 0; margin-right: 67px; }
  .area-shopcruize-head .title { width: calc(100vw + 33px); margin-left: calc(-50vw + 50%); margin-bottom: 80px; }
  .area-shopcruize-head .body { max-width: 1220px; margin: 0 auto; }
  .area-shopcruize-head .body .brand { padding: 0 76px; margin-bottom: 150px; }
  .area-shopcruize-head .body .brand h2 { text-align: center; font-weight: bold; font-size: 14px; margin-bottom: 28px; }
  .area-shopcruize-head .body .brand picture { margin-bottom: 28px; }
  .area-shopcruize-head .body .brand picture svg { width: 100%; }
  .area-shopcruize-head .body .brand .ig { text-align: center; font-size: 11px; font-weight: bold; }
  .area-shopcruize-head .body .lead { padding: 0 118px; padding-bottom: 100px; }
  .area-shopcruize-head .body .lead p { font-size: 16px; }
  .area-shopcruize-head .body .stylist { border-top: 1px solid #000; width: auto; margin-left: auto; padding: 0; margin-bottom: 120px; padding-top: 54px; }
  .area-shopcruize-head .body .stylist .imgtxt { display: flex; justify-content: space-between; align-items: center; }
  .area-shopcruize-head .body .stylist .img { margin-bottom: 0px; width: 394px; }
  .area-shopcruize-head .body .stylist .txt { flex: 1; padding-left: 78px; }
  .area-shopcruize-head .body .stylist .txt .name { font-size: 24px; }
  .area-shopcruize-head .body .stylist .txt .en { font-size: 11px; }
  .area-shopcruize-head .body .stylist .txt .profile { font-size: 15px; }
  .area-shopcruize-head .body .movie p { font-size: 32px; margin-bottom: 1.2em; }
  .area-shopcruize-head .body .movie p .line { padding-bottom: 0.5em; }
  .area-shopcruize-head .body .movie p .en { font-size: 40px; }
  .area-shopcruize-head .body .movie a picture { padding: 0 76px; }
  .area-shopcruize-head .body .movie a img { width: 100%; margin-left: auto; }
  .area-shopcruize-anchor { margin-bottom: 140px; margin-right: 67px; }
  .area-shopcruize-anchor .body ul { border-top: 1px solid #000; border-bottom: 1px solid #000; display: flex; justify-content: space-between; }
  .area-shopcruize-anchor .body ul li { border-bottom: 0; width: 50%; }
  .area-shopcruize-anchor .body ul li:first-of-type { border-right: 1px solid #000; }
  .area-shopcruize-anchor .body ul li:nth-of-type(2) { border-right: 1px solid #000; }
  .area-shopcruize-anchor .body ul li a { font-size: 64px; padding: 60px 80px; background: url(../img/common/arw-down.svg) calc(100% - 32px) 50% no-repeat; background-size: 20px 41px; }
  .area-shopcruize-anchor .body ul li .serial { position: relative; z-index: 2; letter-spacing: -0.06em; }
  .area-shopcruize-anchor .body ul li small { font-size: 20px; position: relative; z-index: 2; }
  .area-shopcruize-anchor .body ul li .item { font-size: 15px; }
  .area-shopcruize-anchor .body ul li img { height: 175px; width: auto; position: absolute; right: 57px; top: -10px; z-index: 1; }
  .area-shopcruize-code { margin-right: 67px; margin-bottom: 140px; border-top: 1px solid #000; padding-top: 120px; }
  .area-shopcruize-code .inner { max-width: 1476px; margin: 0 auto; padding: 0 50px; }
  .area-shopcruize-code .title { width: auto; margin-left: auto; margin-bottom: 100px; padding: 0; }
  .area-shopcruize-code .title h3 { font-size: 120px; padding-bottom: 0; }
  .area-shopcruize-code .title h3 small { font-size: 32px; margin-top: 0.6em; }
  .area-shopcruize-code .body { padding: 0; }
  .area-shopcruize-code .lead { margin-bottom: 120px; margin-right: 67px; }
  .area-shopcruize-code .lead .imgtxt { display: flex; justify-content: space-between; align-items: center; }
  .area-shopcruize-code .lead .img { width: 57%; margin-left: 0; margin-bottom: 0px; }
  .area-shopcruize-code .lead .img ul { display: flex; justify-content: space-between; }
  .area-shopcruize-code .lead .img ul li { width: 49%; }
  .area-shopcruize-code .lead .txt { width: 43%; padding-left: 80px; }
  .area-shopcruize-code .lead .txt p { font-size: 15px; }
  .area-shopcruize-code .styling .main { margin-bottom: 80px; padding-bottom: 0px; }
  .area-shopcruize-code .styling .main .label { font-size: 64px; }
  .area-shopcruize-code .styling .main .label .line { padding-left: 0.3em; padding-right: 0.3em; padding-bottom: 0.1em; }
  .area-shopcruize-code .styling .main .img { position: relative; padding: 0px; margin-bottom: 46px; width: 722px; margin-left: auto; margin-right: auto; }
  .area-shopcruize-code .styling .main .img ul li { padding: 0 40px; }
  .area-shopcruize-code .styling .main .img picture { border: 1px solid #000; }
  .area-shopcruize-code .styling .main .img picture img { transform: rotate(-5deg); }
  .area-shopcruize-code .styling .main .img p { position: absolute; left: -100px; bottom: -20px; }
  .area-shopcruize-code .styling .main .img p img { width: auto; height: 142px; }
  .area-shopcruize-code .styling .main .img .slick-list { overflow: hidden; padding-top: 30px; padding-bottom: 30px; }
  .area-shopcruize-code .styling .main .img .slick-arrow { height: 20px; width: 56px; bottom: -10px; }
  .area-shopcruize-code .styling .main .img .slick-arrow.slick-prev { background: url(../img/common/arw-prev01.svg) 0 0 no-repeat; background-size: contain; right: 120px; }
  .area-shopcruize-code .styling .main .img .slick-arrow.slick-next { background: url(../img/common/arw-next01.svg) 0 0 no-repeat; background-size: contain; right: 40px; }
  .area-shopcruize-code .styling .main .txt { padding: 0 40px; width: 722px; margin-left: auto; margin-right: auto; }
  .area-shopcruize-code .styling .main .txt .label { display: block; margin-bottom: 0px; position: relative; top: -50px; }
  .area-shopcruize-code .styling .main .txt .label img { width: 252px; }
  .area-shopcruize-code .styling .main .txt .text { font-size: 15px; }
  .area-shopcruize-code .styling .sub { padding: 0 78px 0 118px; margin-bottom: 70px; }
  .area-shopcruize-code .styling .sub .itemlist { display: flex; justify-content: space-between; }
  .area-shopcruize-code .styling .sub .itemlist > .img { margin-bottom: 0px; width: 314px; margin-right: 117px; }
  .area-shopcruize-code .styling .sub .itemlist > .txt { flex: 1; }
  .area-shopcruize-code .styling .sub .itemlist > .txt h4 { font-size: 24px; }
  .area-shopcruize-code .styling .sub .itemlist > .txt h4 .en { font-size: 29px; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots { display: flex; justify-content: center; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots li { width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; border: 0; background: rgba(0, 0, 0, 0.3); margin: 0 4px; margin-top: 6px; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots li.slick-active { background: #000; }
  .area-shopcruize-code .styling .sub .itemlist .slick-dots button { display: none; }
  .area-shopcruize-code .styling .sub .items { margin-bottom: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; }
  .area-shopcruize-code .styling .sub .item { margin-bottom: 0px; width: 48%; margin: 0 4% 4% 0; }
  .area-shopcruize-code .styling .sub .item:nth-of-type(2n) { margin-right: 0; }
  .area-shopcruize-code .styling .sub .item a { display: block; }
  .area-shopcruize-code .styling .sub .item a .imgtxt { display: flex; justify-content: space-between; }
  .area-shopcruize-code .styling .sub .item a .img { width: 64px; }
  .area-shopcruize-code .styling .sub .item a .txt { flex: 1; padding-left: 16px; }
  .area-shopcruize-code .styling .sub .item a .txt .brand { margin-bottom: 0.3em; }
  .area-shopcruize-code .styling .sub .item a .txt .itemname { margin-bottom: 0.3em; }
  .area-shopcruize-foot { padding: 0; margin-right: 67px; }
  .area-shopcruize-foot .summary { padding: 140px 20%; }
  .area-shopcruize-foot .summary p { font-size: 15px; }
  .area-shopcruize-foot .summary ul { margin-top: 64px; display: flex; justify-content: space-between; }
  .area-shopcruize-foot .summary ul li { margin-bottom: 0; width: 31.5%; }
  .area-shopcruize-foot .shop { margin: 0 20%; margin-bottom: 140px; }
  .area-shopcruize-foot .shop .imgtxt { display: flex; justify-content: space-between; align-items: center; }
  .area-shopcruize-foot .shop .img { width: 432px; }
  .area-shopcruize-foot .shop .txt { padding: 0 80px; flex: 1; }
  .area-shopcruize-foot .shop .txt h3 { font-size: 24px; margin-bottom: 0.3em; }
  .area-shopcruize-foot .shop .txt p { font-size: 13px; }
  .area-shopcruize-foot .shop .txt ul { margin-top: 20px; }
  .area-shopcruize-foot .shop .txt ul li { width: 48.5%; }
  .area-shopcruize-foot .shop .txt ul li a.btn-ig { padding-left: 2em; }
  .area-shopcruize-foot .credit { width: auto; margin-left: auto; padding: 40px 80px; }
  .area-shopcruize-foot .credit p { font-size: 15px; }
  .area-shopcruize-foot .bnr { text-align: center; width: 100%; margin-left: 0; }
  .area-shopcruize-foot .bnr img { max-width: 768px; }
  .area-shopcruize-foot .back a { padding: 100px 80px; font-size: 64px; background: url(../img/common/arw-next01.svg) calc(100% - 60px) 50% no-repeat; }
  /* present */
  .is-present .ticker-txt { font-size: 60px; padding: 14px 0; width: 6000px; animation: ticker 20s linear infinite; }
  .is-present .ticker:first-of-type .ticker-txt { border-top: 0; }
  .area-present-head { background: url(../img/present/bg01-pc.png) 0 100% repeat-x; padding-bottom: 61px; }
  .area-present-head .title { padding-bottom: 90px; }
  .area-present-head .title h1 { top: -96px; margin-bottom: -96px; }
  .area-present-head .title h1 img { width: 600px; }
  .area-present-head .title h2 { margin-top: 37px; font-size: 30px; }
  .area-present-head .title h2 span { padding-bottom: 12px; }
  .area-present-date { padding: 100px 50px 150px 50px; }
  .area-present-date .inner { max-width: 748px; margin: 0 auto; }
  .area-present-date .title { margin-bottom: 52px; }
  .area-present-date .title h2 { font-size: 42px; }
  .area-present-date .body .hl-date { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; }
  .area-present-date .body .hl { width: 100px; }
  .area-present-date .body .hl h3 { font-size: 21px; padding: 0.8em; margin-bottom: 0; }
  .area-present-date .body .date { display: flex; justify-content: center; margin-bottom: 26px; }
  .area-present-date .body .date p { font-weight: 500; line-height: 0.75; position: relative; }
  .area-present-date .body .date p .year { font-size: 23px; }
  .area-present-date .body .date p .month { font-size: 114px; }
  .area-present-date .body .date p .week { font-size: 31px; margin-left: -1em; top: 20px; position: relative; }
  .area-present-date .body .date p:first-of-type { margin-right: 90px; }
  .area-present-date .body .date p:first-of-type::after { width: 75px; margin-top: 10px; right: -85px; }
  .area-present-date .body .date p:nth-of-type(2) .week { top: 12px; }
  .area-present-date .body .notice { margin-bottom: 60px; }
  .area-present-date .body .notice h4 { padding-top: 30px; padding-right: 3em; font-size: 20px; }
  .area-present-date .body .notice ul { border-left: 1px solid #000; padding-top: 30px; padding-left: 3em; }
  .area-present-date .body .notice ul li { font-size: 20px; margin-bottom: 0.6em; position: relative; padding-left: 1.3em; }
  .area-present-body { padding: 140px 50px 0 50px; margin-right: 67px; margin-bottom: 140px; }
  .area-present-body .inner { max-width: 1376px; margin: 0 auto; }
  .area-present-body .title .hl02 { margin-bottom: 80px; }
  .area-present-body .present { margin-bottom: 62px; }
  .area-present-body .present:last-of-type { margin-bottom: 0; }
  .area-present-body .present .imgtxt { display: flex; justify-content: space-between; }
  .area-present-body .present .img { width: 50%; min-height: 400px; display: flex; align-items: center; border-bottom: 0; }
  .area-present-body .present .img picture { height: 100%; }
  .area-present-body .present .img img { min-height: 400px; height: 100%; object-fit: cover; }
  .area-present-body .present .img .label { width: 124px; font-size: 20px; padding: 0.3em 0; }
  .area-present-body .present .txt { padding: 80px 80px; flex: 1; position: relative; display: flex; flex-wrap: wrap; align-items: center; }
  .area-present-body .present .txt h4 { font-size: 36px; line-height: 1.3; margin-bottom: 0.4em; width: 100%; }
  .area-present-body .present .txt h4 small { font-size: 24px; margin-top: 0.3em; }
  .area-present-body .present .txt p { font-size: 15px; width: 100%; }
  .area-present-body .present .txt ul { width: 100%; }
  .area-present-body .present .txt ul li { font-size: 15px; }
  .area-present-body .present .txt .label { width: 146px; height: 146px; top: -35px; right: 70px; transform: translateY(0); }
  .area-present-body .present .txt .label .text { font-size: 21px; font-weight: bold; line-height: 1; width: auto; }
  .area-present-body .present .txt .label .text .en { font-size: 56px; width: 146px; display: block; margin-top: -2px; letter-spacing: -2px; }
  .area-present-body .present .txt .label .text small { font-size: 20px; margin-left: 2px; }
  .area-present-howto { background: url(../img/present/bg02-pc.png) 0 0 repeat-x; padding-top: 61px; margin-right: 67px; }
  .area-present-howto .inner { padding: 130px 50px 116px 50px; }
  .area-present-howto .title-body { max-width: 1376px; margin: 0 auto; }
  .area-present-howto .title { margin-bottom: 5px; }
  .area-present-howto .title p { font-size: 24px; margin-top: 0.5em; }
  .area-present-howto .body .step { margin-bottom: 87px; display: flex; justify-content: space-between; align-items: center; }
  .area-present-howto .body .step .txt { margin-bottom: 0; padding-right: 100px; }
  .area-present-howto .body .step .txt h3 { font-size: 32px; margin-bottom: 0.6em; }
  .area-present-howto .body .step .txt p { font-size: 15px; line-height: 2; margin-bottom: 1em; }
  .area-present-howto .body .steps { margin-bottom: 0; display: flex; justify-content: space-between; }
  .area-present-howto .body .steps li { border: 1px solid #000; background: #EFF1F4; border-radius: 138px; width: 30%; padding: 57px 20px; position: relative; margin-bottom: 0px; margin-right: 40px; display: flex; flex-wrap: wrap; align-items: center; text-align: center; }
  .area-present-howto .body .steps li::after { width: 40px; height: 1px; left: auto; transform: translateX(0); bottom: auto; position: absolute; top: 50%; transform: translateY(-50%); right: -41px; }
  .area-present-howto .body .steps li:last-of-type { margin-right: 0; }
  .area-present-howto .body .steps li:last-of-type::after { display: none; }
  .area-present-howto .body .steps li:nth-of-type(2) p { margin-bottom: 2.4em; }
  .area-present-howto .body .steps .en { font-size: 50px; margin: 0 auto; }
  .area-present-howto .body .steps .en span { width: 100px; font-size: 22px; }
  .area-present-howto .body .steps .cell { display: block; width: 100%; }
  .area-present-howto .body .steps picture img { width: 100%; }
  .area-present-howto .body .steps p { font-size: 18px; line-height: 1.6; margin-top: 20px; }
  .area-present-howto .body .tgl-help { font-size: 20px; padding-bottom: 1.5em; cursor: pointer; margin-bottom: 35px; }
  .area-present-howto .body .tgl-help::before { width: 34px; }
  .area-present-howto .body .tgl-help::after { height: 34px; right: 17px; }
  .area-present-howto .body .tgl-help.is-open::after { opacity: 0; }
  .area-present-howto .body .helps { display: none; }
  .area-present-howto .body .help h3 { font-size: 19px; padding: 1em 1.5em; margin-bottom: 36px; }
  .area-present-howto .body .help .scroll { width: auto; margin-left: 0; padding-left: 0px; }
  .area-present-howto .body .help ul { display: flex; }
  .area-present-howto .body .help li { width: 20%; margin-right: 16px; margin-bottom: 36px; position: relative; }
  .area-present-howto .body .help li .serial span { margin-top: -2px; }
  .area-present-howto .body .help li picture::after { width: 20px; right: -19px; }
  .area-present-howto .body .help li .txt { line-height: 1.6; font-size: 15px; }
  .area-present-entry { margin-right: 67px; }
  .area-present-entry .title-body { display: flex; justify-content: space-between; align-items: center; }
  .area-present-entry .title { padding: 0 80px; border-bottom: 0; width: 47%; }
  .area-present-entry .title p { font-size: 24px; }
  .area-present-entry .body { border-left: 1px solid #000; flex: 1; }
  .area-present-entry .body ul li { border-bottom: 1px solid #000; }
  .area-present-entry .body ul a { padding: 70px 78px; font-size: 32px; background: #FDB36F url(../img/common/arw-r02.svg) calc(100% - 40px) 50% no-repeat; background-size: 40px 20px; transition: all 0.5s; }
  .area-present-entry .body ul a span { display: block; font-size: 18px; margin-bottom: 5px; }
  .area-present-entry .body ul a small { transition: all 0.5s; }
  .area-present-entry .body ul a .en { font-size: 22px; padding: 0.4em 1.2em; margin-right: 8px; }
  .area-present-entry .body ul a .disable { display: block; font-size: 24px; }
  .area-present-entry .body ul a:hover { background: #000 url(../img/common/arw-r02-w.svg) calc(100% - 40px) 50% no-repeat; background-size: 40px 20px; color: #fff; opacity: 1; }
  .area-present-entry .body ul a:hover small { background: #fff; color: #000; }
  .area-present-outline { padding: 80px 50px; margin-right: 67px; }
  .area-present-outline .inner { max-width: 1376px; margin: 0 auto; }
  .area-present-outline .body { padding: 50px 118px; }
  .area-present-outline .body h2 { font-size: 24px; margin-bottom: 36px; }
  .area-present-outline .body h3 { font-size: 20px; }
  .area-present-outline .body h4 { font-size: 15px; }
  .area-present-outline .body p { font-size: 15px; }
  .area-present-foot { padding: 0; margin-right: 67px; }
  .area-present-foot .back a { padding: 100px 80px; font-size: 64px; background: url(../img/common/arw-next01.svg) calc(100% - 60px) 50% no-repeat; } }

@media screen and (min-width: 1600px) { .area-present-head .title h1 { top: -135px; margin-bottom: -135px; }
  .area-present-head .title h1 img { width: 843px; }
  .area-present-howto .body .steps li { width: 276px; } }

/*# sourceMappingURL=layout.css.map */