@charset "UTF-8"; /*** The new CSS reset - version 1.11 (last updated 20.9.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; -webkit-box-sizing: border-box; box-sizing: border-box; } .wrapper { width: 100%; overflow-x: hidden; font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, "Yu Gothic", YuGothic, Meiryo, メイリオ, "MS PGothic", Osaka, arial, sans-serif; } .main { position: relative; background-color: #fdfdfd; } a { opacity: 1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; /* img.u-hover-scaling{ transition: all .3s ease; object-fit: cover; &:hover{ transform: scale(1.03); } } img{ &:hover{ transform: initial; opacity: 0.7; } } */ } a:hover { opacity: 0.6; } a:has(img):hover { opacity: 0.6 !important; } .swiper-container { margin: 0 auto; } .swiper-container, .swiper-container-col { position: relative; } .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } .swiper-button-next, .swiper-button-prev { width: 48px !important; height: 48px !important; margin-top: -24px !important; background: url(../images/slider-scroll-arow.svg) 0 0 no-repeat !important; background-size: 48px !important; } .swiper-button-next { -webkit-transform: scaleX(-1) !important; transform: scaleX(-1) !important; } .swiper-button-lock { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .swiper-button-next:after, .swiper-button-prev:after { display: none !important; } .swiper-pagination-bullet { width: 28px !important; height: 6px !important; background-color: #000 !important; /* 背景色を黒に設定、必要に応じて変更してください */ opacity: 0.2 !important; /* 少し透明にする、必要に応じて変更してください */ border-radius: 0 !important; /* 丸みをなくす */ margin: 0 4px !important; /* 間隔を調整 */ } .swiper-pagination-bullet-active { opacity: 1 !important; /* アクティブなバレットの不透明度を上げる */ background-color: #BF8E3D !important; /* アクティブなバレットの色を変更、必要に応じて変更してください */ } .c-shop_info { margin-top: 40px; padding: 32px 32px 24px; background: #f5f5f5; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; } @media screen and (max-width: 1160px) { .c-shop_info { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 768px) { .c-shop_info { padding: 20px 20px 12px; } } .c-shop_info__image { width: 261px; } @media (max-width: 768px) { .c-shop_info__image { width: 100%; } .c-shop_info__image img { width: 100%; } } .c-shop_info__image__caption { margin-top: 0.5em; font-size: 13px; } .c-shop_info__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-shop_info__content h3 { margin-bottom: 12px; font-size: 20px; font-weight: bold; line-height: 1.5; } @media (max-width: 768px) { .c-shop_info__content h3 { margin-bottom: 10px; font-size: 14px; } } .c-shop_info__content h4 { margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 1.5; } @media (max-width: 768px) { .c-shop_info__content h4 { margin-bottom: 10px; font-size: 14px; } } .c-shop_info__content dl { margin-bottom: 8px; font-size: 14px; line-height: 1.5; letter-spacing: 0.02em; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .c-shop_info__content dl { font-size: 12px; letter-spacing: 0.01em; } } .c-shop_info__content dl dt { width: 90px; font-weight: bold; } @media (max-width: 768px) { .c-shop_info__content dl dt { width: 64px; } } .c-shop_info__content dl dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: normal; overflow-wrap: anywhere; } .c-shop_info__content dl a { color: #BF8E3D; text-decoration: underline; } .c-h3-simple { font-size: 20px; font-weight: bold; margin-top: 2em; } @media (max-width: 768px) { .c-h3-simple { font-size: 16px; } } .c-back-to-nav { font-size: 16px; margin-top: 30px; } @media (max-width: 768px) { .c-back-to-nav { font-size: 14px; margin-top: 20px; } } .c-back-to-nav a { color: #BF8E3D; font-weight: bold; text-decoration: underline; display: inline-block; padding-right: 1.5em; background: url(../images/arrow-top-anchor.svg) right center no-repeat; background-size: 1em; } .c-back-to-nav a:hover { text-decoration: none; } .p-info { padding: 80px 0 120px; } .p-info__list { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 40px; } @media screen and (max-width: 1020px) { .p-info__list { display: -ms-grid; display: grid; gap: 3.4482758621%; -ms-grid-columns: 1fr 3.4482758621% 1fr; grid-template-columns: 1fr 1fr; max-width: 700px; margin: 50px auto 0; } } .p-info__list:has(.p-info__item::nth-child(4)) { gap: 3.4482758621%; } .p-info__list:has(.p-info__item::nth-child(4)) .p-info__item { width: 22.4137931034%; } @media screen and (max-width: 1020px) { .p-info__list:has(.p-info__item::nth-child(4)) .p-info__item { width: auto; } } .p-info__item { width: 260px; } @media screen and (max-width: 1020px) { .p-info__item { width: auto; } } @media (min-width: 769px) { .p-info__item:nth-child(1).u-display-on { -webkit-transition: all 0.3s ease !important; transition: all 0.3s ease !important; } .p-info__item:nth-child(2).u-display-on { -webkit-transition: all 0.3s ease 0.05s !important; transition: all 0.3s ease 0.05s !important; } .p-info__item:nth-child(3).u-display-on { -webkit-transition: all 0.3s ease 0.1s !important; transition: all 0.3s ease 0.1s !important; } .p-info__item:nth-child(4).u-display-on { -webkit-transition: all 0.3s ease 0.15s !important; transition: all 0.3s ease 0.15s !important; } } .p-info__item__img { aspect-ratio: 260/173; overflow: hidden; } .p-info__item__img img { aspect-ratio: 260/173; -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; } .p-info__item__title { margin-top: 10px; font-size: 16px; font-weight: bold; } .p-info__item__term { margin-top: 8px; font-size: 12px; font-family: "Oswald", sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 4px; color: #BF8E3D; font-weight: 400; } .p-info__item__text { margin-top: 8px; font-size: 13px; font-weight: 400; } @media screen and (max-width: 768px) { .p-info { padding: 48px 0 32px; } .p-info .section__inner { padding-left: 50px; padding-right: 50px; } .p-info__list { margin-top: 24px; display: block; } } @media screen and (max-width: 768px) and (max-width: 768px) { .p-info__list { max-width: 100%; margin: 24px auto 0; } } @media screen and (max-width: 768px) { .p-info__item { margin-bottom: 28px; } .p-info__item__title { margin-top: 8px; font-size: 14px; } .p-info__item__term { margin-top: 6px; font-size: 11px; gap: 4px; font-weight: 500; } .p-info__item__text { margin-top: 8px; font-size: 12px; line-height: 1.6; } } @media (min-width: 769px) { .u-mt-5 { margin-top: 5px; } } @media (min-width: 769px) { .u-mt-6 { margin-top: 6px; } } @media (min-width: 769px) { .u-mt-7 { margin-top: 7px; } } @media (min-width: 769px) { .u-mt-8 { margin-top: 8px; } } @media (min-width: 769px) { .u-mt-9 { margin-top: 9px; } } @media (min-width: 769px) { .u-mt-10 { margin-top: 10px; } } @media (min-width: 769px) { .u-mt-11 { margin-top: 11px; } } @media (min-width: 769px) { .u-mt-12 { margin-top: 12px; } } @media (min-width: 769px) { .u-mt-13 { margin-top: 13px; } } @media (min-width: 769px) { .u-mt-14 { margin-top: 14px; } } @media (min-width: 769px) { .u-mt-15 { margin-top: 15px; } } @media (min-width: 769px) { .u-mt-16 { margin-top: 16px; } } @media (min-width: 769px) { .u-mt-17 { margin-top: 17px; } } @media (min-width: 769px) { .u-mt-18 { margin-top: 18px; } } @media (min-width: 769px) { .u-mt-19 { margin-top: 19px; } } @media (min-width: 769px) { .u-mt-20 { margin-top: 20px; } } @media (min-width: 769px) { .u-mt-21 { margin-top: 21px; } } @media (min-width: 769px) { .u-mt-22 { margin-top: 22px; } } @media (min-width: 769px) { .u-mt-23 { margin-top: 23px; } } @media (min-width: 769px) { .u-mt-24 { margin-top: 24px; } } @media (min-width: 769px) { .u-mt-25 { margin-top: 25px; } } @media (min-width: 769px) { .u-mt-26 { margin-top: 26px; } } @media (min-width: 769px) { .u-mt-27 { margin-top: 27px; } } @media (min-width: 769px) { .u-mt-28 { margin-top: 28px; } } @media (min-width: 769px) { .u-mt-29 { margin-top: 29px; } } @media (min-width: 769px) { .u-mt-30 { margin-top: 30px; } } @media (min-width: 769px) { .u-mt-31 { margin-top: 31px; } } @media (min-width: 769px) { .u-mt-32 { margin-top: 32px; } } @media (min-width: 769px) { .u-mt-33 { margin-top: 33px; } } @media (min-width: 769px) { .u-mt-34 { margin-top: 34px; } } @media (min-width: 769px) { .u-mt-35 { margin-top: 35px; } } @media (min-width: 769px) { .u-mt-36 { margin-top: 36px; } } @media (min-width: 769px) { .u-mt-37 { margin-top: 37px; } } @media (min-width: 769px) { .u-mt-38 { margin-top: 38px; } } @media (min-width: 769px) { .u-mt-39 { margin-top: 39px; } } @media (min-width: 769px) { .u-mt-40 { margin-top: 40px; } } @media (min-width: 769px) { .u-mt-41 { margin-top: 41px; } } @media (min-width: 769px) { .u-mt-42 { margin-top: 42px; } } @media (min-width: 769px) { .u-mt-43 { margin-top: 43px; } } @media (min-width: 769px) { .u-mt-44 { margin-top: 44px; } } @media (min-width: 769px) { .u-mt-45 { margin-top: 45px; } } @media (min-width: 769px) { .u-mt-46 { margin-top: 46px; } } @media (min-width: 769px) { .u-mt-47 { margin-top: 47px; } } @media (min-width: 769px) { .u-mt-48 { margin-top: 48px; } } @media (min-width: 769px) { .u-mt-49 { margin-top: 49px; } } @media (min-width: 769px) { .u-mt-50 { margin-top: 50px; } } @media (min-width: 769px) { .u-mt-51 { margin-top: 51px; } } @media (min-width: 769px) { .u-mt-52 { margin-top: 52px; } } @media (min-width: 769px) { .u-mt-53 { margin-top: 53px; } } @media (min-width: 769px) { .u-mt-54 { margin-top: 54px; } } @media (min-width: 769px) { .u-mt-55 { margin-top: 55px; } } @media (min-width: 769px) { .u-mt-56 { margin-top: 56px; } } @media (min-width: 769px) { .u-mt-57 { margin-top: 57px; } } @media (min-width: 769px) { .u-mt-58 { margin-top: 58px; } } @media (min-width: 769px) { .u-mt-59 { margin-top: 59px; } } @media (min-width: 769px) { .u-mt-60 { margin-top: 60px; } } @media (min-width: 769px) { .u-mt-61 { margin-top: 61px; } } @media (min-width: 769px) { .u-mt-62 { margin-top: 62px; } } @media (min-width: 769px) { .u-mt-63 { margin-top: 63px; } } @media (min-width: 769px) { .u-mt-64 { margin-top: 64px; } } @media (min-width: 769px) { .u-mt-65 { margin-top: 65px; } } @media (min-width: 769px) { .u-mt-66 { margin-top: 66px; } } @media (min-width: 769px) { .u-mt-67 { margin-top: 67px; } } @media (min-width: 769px) { .u-mt-68 { margin-top: 68px; } } @media (min-width: 769px) { .u-mt-69 { margin-top: 69px; } } @media (min-width: 769px) { .u-mt-70 { margin-top: 70px; } } @media (min-width: 769px) { .u-mt-71 { margin-top: 71px; } } @media (min-width: 769px) { .u-mt-72 { margin-top: 72px; } } @media (min-width: 769px) { .u-mt-73 { margin-top: 73px; } } @media (min-width: 769px) { .u-mt-74 { margin-top: 74px; } } @media (min-width: 769px) { .u-mt-75 { margin-top: 75px; } } @media (min-width: 769px) { .u-mt-76 { margin-top: 76px; } } @media (min-width: 769px) { .u-mt-77 { margin-top: 77px; } } @media (min-width: 769px) { .u-mt-78 { margin-top: 78px; } } @media (min-width: 769px) { .u-mt-79 { margin-top: 79px; } } @media (min-width: 769px) { .u-mt-80 { margin-top: 80px; } } @media (min-width: 769px) { .u-mt-81 { margin-top: 81px; } } @media (min-width: 769px) { .u-mt-82 { margin-top: 82px; } } @media (min-width: 769px) { .u-mt-83 { margin-top: 83px; } } @media (min-width: 769px) { .u-mt-84 { margin-top: 84px; } } @media (min-width: 769px) { .u-mt-85 { margin-top: 85px; } } @media (min-width: 769px) { .u-mt-86 { margin-top: 86px; } } @media (min-width: 769px) { .u-mt-87 { margin-top: 87px; } } @media (min-width: 769px) { .u-mt-88 { margin-top: 88px; } } @media (min-width: 769px) { .u-mt-89 { margin-top: 89px; } } @media (min-width: 769px) { .u-mt-90 { margin-top: 90px; } } @media (min-width: 769px) { .u-mt-91 { margin-top: 91px; } } @media (min-width: 769px) { .u-mt-92 { margin-top: 92px; } } @media (min-width: 769px) { .u-mt-93 { margin-top: 93px; } } @media (min-width: 769px) { .u-mt-94 { margin-top: 94px; } } @media (min-width: 769px) { .u-mt-95 { margin-top: 95px; } } @media (min-width: 769px) { .u-mt-96 { margin-top: 96px; } } @media (min-width: 769px) { .u-mt-97 { margin-top: 97px; } } @media (min-width: 769px) { .u-mt-98 { margin-top: 98px; } } @media (min-width: 769px) { .u-mt-99 { margin-top: 99px; } } @media (min-width: 769px) { .u-mt-100 { margin-top: 100px; } } @media (max-width: 768px) { .u-mt-5-sp { margin-top: 5px; } } @media (max-width: 768px) { .u-mt-6-sp { margin-top: 6px; } } @media (max-width: 768px) { .u-mt-7-sp { margin-top: 7px; } } @media (max-width: 768px) { .u-mt-8-sp { margin-top: 8px; } } @media (max-width: 768px) { .u-mt-9-sp { margin-top: 9px; } } @media (max-width: 768px) { .u-mt-10-sp { margin-top: 10px; } } @media (max-width: 768px) { .u-mt-11-sp { margin-top: 11px; } } @media (max-width: 768px) { .u-mt-12-sp { margin-top: 12px; } } @media (max-width: 768px) { .u-mt-13-sp { margin-top: 13px; } } @media (max-width: 768px) { .u-mt-14-sp { margin-top: 14px; } } @media (max-width: 768px) { .u-mt-15-sp { margin-top: 15px; } } @media (max-width: 768px) { .u-mt-16-sp { margin-top: 16px; } } @media (max-width: 768px) { .u-mt-17-sp { margin-top: 17px; } } @media (max-width: 768px) { .u-mt-18-sp { margin-top: 18px; } } @media (max-width: 768px) { .u-mt-19-sp { margin-top: 19px; } } @media (max-width: 768px) { .u-mt-20-sp { margin-top: 20px; } } @media (max-width: 768px) { .u-mt-21-sp { margin-top: 21px; } } @media (max-width: 768px) { .u-mt-22-sp { margin-top: 22px; } } @media (max-width: 768px) { .u-mt-23-sp { margin-top: 23px; } } @media (max-width: 768px) { .u-mt-24-sp { margin-top: 24px; } } @media (max-width: 768px) { .u-mt-25-sp { margin-top: 25px; } } @media (max-width: 768px) { .u-mt-26-sp { margin-top: 26px; } } @media (max-width: 768px) { .u-mt-27-sp { margin-top: 27px; } } @media (max-width: 768px) { .u-mt-28-sp { margin-top: 28px; } } @media (max-width: 768px) { .u-mt-29-sp { margin-top: 29px; } } @media (max-width: 768px) { .u-mt-30-sp { margin-top: 30px; } } @media (max-width: 768px) { .u-mt-31-sp { margin-top: 31px; } } @media (max-width: 768px) { .u-mt-32-sp { margin-top: 32px; } } @media (max-width: 768px) { .u-mt-33-sp { margin-top: 33px; } } @media (max-width: 768px) { .u-mt-34-sp { margin-top: 34px; } } @media (max-width: 768px) { .u-mt-35-sp { margin-top: 35px; } } @media (max-width: 768px) { .u-mt-36-sp { margin-top: 36px; } } @media (max-width: 768px) { .u-mt-37-sp { margin-top: 37px; } } @media (max-width: 768px) { .u-mt-38-sp { margin-top: 38px; } } @media (max-width: 768px) { .u-mt-39-sp { margin-top: 39px; } } @media (max-width: 768px) { .u-mt-40-sp { margin-top: 40px; } } @media (max-width: 768px) { .u-mt-41-sp { margin-top: 41px; } } @media (max-width: 768px) { .u-mt-42-sp { margin-top: 42px; } } @media (max-width: 768px) { .u-mt-43-sp { margin-top: 43px; } } @media (max-width: 768px) { .u-mt-44-sp { margin-top: 44px; } } @media (max-width: 768px) { .u-mt-45-sp { margin-top: 45px; } } @media (max-width: 768px) { .u-mt-46-sp { margin-top: 46px; } } @media (max-width: 768px) { .u-mt-47-sp { margin-top: 47px; } } @media (max-width: 768px) { .u-mt-48-sp { margin-top: 48px; } } @media (max-width: 768px) { .u-mt-49-sp { margin-top: 49px; } } @media (max-width: 768px) { .u-mt-50-sp { margin-top: 50px; } } @media (max-width: 768px) { .u-mt-51-sp { margin-top: 51px; } } @media (max-width: 768px) { .u-mt-52-sp { margin-top: 52px; } } @media (max-width: 768px) { .u-mt-53-sp { margin-top: 53px; } } @media (max-width: 768px) { .u-mt-54-sp { margin-top: 54px; } } @media (max-width: 768px) { .u-mt-55-sp { margin-top: 55px; } } @media (max-width: 768px) { .u-mt-56-sp { margin-top: 56px; } } @media (max-width: 768px) { .u-mt-57-sp { margin-top: 57px; } } @media (max-width: 768px) { .u-mt-58-sp { margin-top: 58px; } } @media (max-width: 768px) { .u-mt-59-sp { margin-top: 59px; } } @media (max-width: 768px) { .u-mt-60-sp { margin-top: 60px; } } @media (max-width: 768px) { .u-mt-61-sp { margin-top: 61px; } } @media (max-width: 768px) { .u-mt-62-sp { margin-top: 62px; } } @media (max-width: 768px) { .u-mt-63-sp { margin-top: 63px; } } @media (max-width: 768px) { .u-mt-64-sp { margin-top: 64px; } } @media (max-width: 768px) { .u-mt-65-sp { margin-top: 65px; } } @media (max-width: 768px) { .u-mt-66-sp { margin-top: 66px; } } @media (max-width: 768px) { .u-mt-67-sp { margin-top: 67px; } } @media (max-width: 768px) { .u-mt-68-sp { margin-top: 68px; } } @media (max-width: 768px) { .u-mt-69-sp { margin-top: 69px; } } @media (max-width: 768px) { .u-mt-70-sp { margin-top: 70px; } } @media (max-width: 768px) { .u-mt-71-sp { margin-top: 71px; } } @media (max-width: 768px) { .u-mt-72-sp { margin-top: 72px; } } @media (max-width: 768px) { .u-mt-73-sp { margin-top: 73px; } } @media (max-width: 768px) { .u-mt-74-sp { margin-top: 74px; } } @media (max-width: 768px) { .u-mt-75-sp { margin-top: 75px; } } @media (max-width: 768px) { .u-mt-76-sp { margin-top: 76px; } } @media (max-width: 768px) { .u-mt-77-sp { margin-top: 77px; } } @media (max-width: 768px) { .u-mt-78-sp { margin-top: 78px; } } @media (max-width: 768px) { .u-mt-79-sp { margin-top: 79px; } } @media (max-width: 768px) { .u-mt-80-sp { margin-top: 80px; } } @media (max-width: 768px) { .u-mt-81-sp { margin-top: 81px; } } @media (max-width: 768px) { .u-mt-82-sp { margin-top: 82px; } } @media (max-width: 768px) { .u-mt-83-sp { margin-top: 83px; } } @media (max-width: 768px) { .u-mt-84-sp { margin-top: 84px; } } @media (max-width: 768px) { .u-mt-85-sp { margin-top: 85px; } } @media (max-width: 768px) { .u-mt-86-sp { margin-top: 86px; } } @media (max-width: 768px) { .u-mt-87-sp { margin-top: 87px; } } @media (max-width: 768px) { .u-mt-88-sp { margin-top: 88px; } } @media (max-width: 768px) { .u-mt-89-sp { margin-top: 89px; } } @media (max-width: 768px) { .u-mt-90-sp { margin-top: 90px; } } @media (max-width: 768px) { .u-mt-91-sp { margin-top: 91px; } } @media (max-width: 768px) { .u-mt-92-sp { margin-top: 92px; } } @media (max-width: 768px) { .u-mt-93-sp { margin-top: 93px; } } @media (max-width: 768px) { .u-mt-94-sp { margin-top: 94px; } } @media (max-width: 768px) { .u-mt-95-sp { margin-top: 95px; } } @media (max-width: 768px) { .u-mt-96-sp { margin-top: 96px; } } @media (max-width: 768px) { .u-mt-97-sp { margin-top: 97px; } } @media (max-width: 768px) { .u-mt-98-sp { margin-top: 98px; } } @media (max-width: 768px) { .u-mt-99-sp { margin-top: 99px; } } @media (max-width: 768px) { .u-mt-100-sp { margin-top: 100px; } } .u-font-size-8 { font-size: 0.78125vw; } .u-font-size-9 { font-size: 0.87890625vw; } .u-font-size-10 { font-size: 0.9765625vw; } .u-font-size-11 { font-size: 1.07421875vw; } .u-font-size-12 { font-size: 1.171875vw; } .u-font-size-13 { font-size: 1.26953125vw; } .u-font-size-14 { font-size: 1.3671875vw; } .u-font-size-15 { font-size: 1.46484375vw; } .u-font-size-16 { font-size: 1.5625vw; } .u-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .u-left { text-align: left; } .u-right { text-align: right; } .u-font-normal { font-weight: normal !important; } .u-font-bold { font-weight: bold !important; } .u-tag { background: rgba(156, 156, 156, 0.08); border: 1px solid rgba(122, 122, 122, 0.1); height: 22px; font-size: 12px; padding: 0 10px 1px; line-height: 1; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .u-icon-pdf { display: inline-block; } .u-icon-pdf::after { display: inline-block; content: ""; width: 14px; height: 14px; background: url("../images/icon-pdf.svg") 0 0 no-repeat; background-size: 100%; margin-left: 0.5em; } .u-add-movin { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .u-add-movin.u-display-on { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .u-sp { display: none; } @media (max-width: 768px) { .u-sp { display: block; } } .u-pc { display: block; } @media (max-width: 768px) { .u-pc { display: none; } } .header { position: fixed; z-index: 100; top: 0; left: 0; height: 70px; width: 100%; padding: 0 23px; } .header__bg { position: fixed; z-index: 99; top: 0; left: 0; height: 70px; width: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); /* ぼかし効果 */ background-color: #fff; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06); } .at-mv .header__bg { background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: none; box-shadow: none; } .header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__logo a { display: block; width: 250px; } .header__logo a img { vertical-align: top; } .header__logo__white { display: none; } .at-mv .header__logo__white { display: inline-block; } .header__logo__black { display: inline-block; } .at-mv .header__logo__black { display: none; } .header__bt { display: none; } .header__sp__search { display: none; } .header__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1000px) { .header__list { gap: 20px; } } .header__item a { text-align: center; color: #000; } .at-mv .header__item a { color: #fff; } .header__en { font-family: "Oswald", sans-serif; font-weight: 500; letter-spacing: 0.05em; font-size: 16px; } .header__jp { font-size: 13px; font-weight: bold; color: #BF8E3D; } .at-mv .header__jp { color: #fff; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__right__about a { font-family: "Oswald", sans-serif; font-weight: 500; letter-spacing: 0.05em; font-size: 16px; color: #BF8E3D; } .at-mv .header__right__about a { color: #fff; } .header__right__search img { width: 36px; height: 36px; } .header__right__search__default { display: none; } .at-mv .header__right__search__default { display: inline-block; } .header__right__search__scrolled { display: inline-block; } .at-mv .header__right__search__scrolled { display: none; } .header__pc__search { width: 100%; left: 0; top: 0; position: absolute; display: none; } .header.search .header__pc__search { display: block; } .header__pc__search::before { content: " "; width: 100%; height: var(--browser-height); display: block; left: 0; top: 0; z-index: 1; position: absolute; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } .header__pc__search__inner { width: 100%; background: #fff; z-index: 10; position: relative; } .header__pc__search__form { padding-left: 54px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__pc__search form { width: 100%; max-width: 600px; position: relative; } .header__pc__search form input[type=text] { -webkit-appearance: none; margin: 0; padding: 15px 55px 15px 15px; width: 100%; background-color: #fafafa; border: 1px #D1D1D1 solid; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 16px; font-weight: normal; line-height: 1.5; text-align: left; letter-spacing: 0.05em; } .header__pc__search form input[type=text]::-webkit-input-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__pc__search form input[type=text]::-moz-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__pc__search form input[type=text]:-ms-input-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__pc__search form input[type=text]::-ms-input-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__pc__search form input[type=text]::placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__pc__search form input[type=submit] { position: absolute; right: 0; top: 0; height: 56px; width: 55px; display: block; z-index: 2; background-image: url("../images/search_icon.svg"); background-repeat: no-repeat; background-position: right 15px center; background-size: 24px auto; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (pointer: fine) { .header__pc__search form input[type=submit]:hover { opacity: 0.5; } } .header__pc__search__close { margin-left: 24px; } @media screen and (max-width: 940px) { .header__pc__search__close { display: none; } } .header__pc__search__close a { width: 30px; height: 30px; display: block; font-size: 0; text-indent: -9999px; position: relative; } .header__pc__search__close a::before, .header__pc__search__close a::after { content: " "; width: 100%; height: 0; border-bottom: 1px #111 solid; display: block; left: 0; top: 50%; position: absolute; -webkit-transform-origin: center center; transform-origin: center center; } .header__pc__search__close a::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .header__pc__search__close a::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header.search header__inner { display: none; } @media screen and (max-width: 940px) { .header { height: auto; min-height: 50px; padding: 0; } .header.open { background-color: #fff; height: var(--browser-height); } .header.open::before { content: " "; width: 100%; height: 0; border-top: 1px #D1D1D1 solid; display: block; left: 0; top: 50px; position: absolute; } .header__bg { height: 50px; } .header__inner { display: block !important; } .header__logo { left: 15px; top: 15px; position: absolute; } .header__logo a { width: 173px; } .header.open .header__logo__white { display: none; } .header.open .header__logo__black { display: inline-block; } .header__bt { width: 30px; height: 50px; display: block; right: 15px; top: 0; position: absolute; cursor: pointer; } .header__bt::before, .header__bt::after, .header__bt span { width: 100%; height: 0; border-top: 1px #BF8E3D solid; display: block; left: 0; top: 50%; z-index: 10; position: absolute; } .at-mv .header__bt::before, .at-mv .header__bt::after, .at-mv .header__bt span { border-top-color: #fff; } .header.open .header__bt::before, .header.open .header__bt::after, .header.open .header__bt span { border-top-color: #000; } .header__bt::before, .header__bt::after { content: " "; } .header__bt::before { -webkit-transform: translateY(-6px); transform: translateY(-6px); } .header.open .header__bt::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; } .header__bt::after { -webkit-transform: translateY(6px); transform: translateY(6px); } .header.open .header__bt::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } .header.open .header__bt span { opacity: 0; } .header__sp__search { padding: 100px 15px 56px; display: none; } .header__sp__search form { position: relative; } .header.open .header__sp__search { display: block; } .header__sp__search input[type=text] { position: relative; -webkit-appearance: none; margin: 0; padding: 15px 55px 15px 15px; width: 100%; background-color: #fafafa; background-image: url("../images/search_icon.svg"); background-repeat: no-repeat; background-position: right 15px center; background-size: 24px auto; border: 1px #D1D1D1 solid; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 16px; font-weight: normal; line-height: 1.5; text-align: left; letter-spacing: 0.05em; z-index: 1; } .header__sp__search input[type=text]::-webkit-input-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__sp__search input[type=text]::-moz-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__sp__search input[type=text]:-ms-input-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__sp__search input[type=text]::-ms-input-placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__sp__search input[type=text]::placeholder { font-family: "Oswald", sans-serif; color: #A7A7A7; font-weight: 500; } .header__sp__search input[type=submit] { position: absolute; right: 0; top: 0; height: 56px; width: 55px; display: block; z-index: 2; } .header__nav { padding: 0 15px 16px; display: none; } .header.open .header__nav { display: block; } .header__list { display: block; gap: 0; } .header__item { margin-bottom: 24px; } .at-mv .header__item a { color: #000; } .header__en { font-size: 16px; } .header__jp { font-size: 10px; font-weight: bold; } .at-mv .header__jp { color: #BF8E3D; } .header__right { height: auto; display: none; } .header.open .header__right { display: block; } .header__right__about { text-align: center; } .at-mv .header__right__about a { color: #BF8E3D; } .header__right__search { display: none; } .header__pc__search { display: none !important; } } .footer { border-top: 3px solid #BF8E3D; background-color: #434141; padding: 80px 0 0; position: relative; } .footer__inner, .footer__credit__inner { width: 1200px; padding: 0 20px; margin: 0 auto; } @media screen and (max-width: 1200px) { .footer__inner, .footer__credit__inner { width: 100%; } } .footer__inner { position: relative; } .footer__pagetop { position: fixed; bottom: 20px; left: 0; padding-left: 20px; z-index: 10; text-align: left; width: 100%; height: 60px; -webkit-transform: translateY(0) translateX(0px); transform: translateY(0) translateX(0px); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.7; } .at-top .footer__pagetop { opacity: 0; -webkit-transform: translateY(10px) translateX(0px); transform: translateY(10px) translateX(0px); } .is-footer-show .footer__pagetop { opacity: 1; position: absolute; top: 0; bottom: auto; -webkit-transform: translateY(-27px) translateX(0); transform: translateY(-27px) translateX(0); } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__col:nth-child(1) { width: 280px; } .footer__col:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 50px; } @media screen and (max-width: 1080px) { .footer__col:nth-child(2) { gap: 20px; } } .footer__logo img { width: 280px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1080px) { .footer__logo img { width: 240px; } } .footer__block { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } .footer__block__title { font-family: "Oswald", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 0.05em; } .footer__block__content__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .footer__block__content__item { width: 100%; font-size: 13px; } .footer__credit { margin-top: 100px; border-top: 1px solid #9C9C9C; padding: 15px 0; } .footer__credit__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__credit__link { font-size: 13px; } .footer__credit__link a { color: #fff; } .footer__credit__copyright { color: #fff; font-size: 12px; } @media screen and (max-width: 768px) { .footer { border-top-width: 4px; padding: 0; } .footer__inner, .footer__credit__inner { width: auto; padding: 0; margin: 0; } } @media screen and (max-width: 768px) and (max-width: 768px) { .footer__inner, .footer__credit__inner { width: auto; } } @media screen and (max-width: 768px) { .footer__pagetop { text-align: right; bottom: -20px; -webkit-transform: translateY(-20px) translateX(-15px); transform: translateY(-20px) translateX(-15px); } .at-top .footer__pagetop, .is-footer-show .footer__pagetop { bottom: auto; -webkit-transform: translateY(-20px) translateX(-15px); transform: translateY(-20px) translateX(-15px); } .footer__pagetop img { width: 40px; } .footer__row { display: block; } .footer__col:nth-child(1) { padding: 28px 15px 33px; width: auto; } .footer__col:nth-child(2) { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; display: block; gap: 0; } } @media screen and (max-width: 768px) and (max-width: 768px) { .footer__col:nth-child(2) { gap: 0; } } @media screen and (max-width: 768px) { .footer__logo img { width: 200px; vertical-align: top; } } @media screen and (max-width: 768px) and (max-width: 768px) { .footer__logo img { width: 200px; } } @media screen and (max-width: 768px) { .footer__block { display: block; gap: 0; } .footer__block__title { padding: 16px 54px 16px 16px; border-top: 1px solid #9C9C9C; font-size: 15px; font-weight: 500; position: relative; } .footer__block__title::before, .footer__block__title::after { content: " "; background: #ffffff; display: block; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer__block__title::before { width: 10px; height: 2px; right: 22px; top: 50%; } .footer__block__title::after { width: 2px; height: 10px; right: 26px; top: 50%; } .footer__block__content { padding: 16px 16px 4px 30px; background: #252424; border-top: 1px solid #9C9C9C; display: none; } .footer__block__content__list { display: block; gap: 0; } .footer__block__content__item { margin-bottom: 12px; font-size: 13px; } .footer__block__content__item a { display: block; } .footer__block.open .footer__block__title::after { opacity: 0; } .footer__block.open .footer__block__content { display: block; } .footer__credit { margin-top: 0; border-top: 1px solid #9C9C9C; padding: 16px 15px 18px; } .footer__credit__inner { display: block; } .footer__credit__link { margin-bottom: 36px; font-size: 13px; } .footer__credit__copyright { font-size: 10px; text-align: center; } } .l-cookie { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fdfdfd; padding: 36px 63px; z-index: 1000; -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.11); -webkit-transform: translateY(250px); transform: translateY(250px); -webkit-transition: all 0.75s ease 1s; transition: all 0.75s ease 1s; display: none; } @media (max-width: 768px) { .l-cookie { padding: 24px; -webkit-transform: translateY(250px); transform: translateY(250px); } } .show-cookie-panel.is-opening .l-cookie { -webkit-transform: translateY(250px); transform: translateY(250px); display: none; } .show-cookie-panel .l-cookie { -webkit-transform: translateY(0); transform: translateY(0); display: block; } .l-cookie .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 54px; } @media (max-width: 768px) { .l-cookie .inner { gap: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .l-cookie .message { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.75; } @media (max-width: 768px) { .l-cookie .message { width: 100%; font-size: 14px; line-height: 1.6; } } .l-cookie .message a { font-size: 16px; font-weight: bold; color: #BF8E3D; text-decoration: underline; } .l-cookie .message a:hover { text-decoration: none; } .l-cookie .button { width: 160px; } @media (max-width: 768px) { .l-cookie .button { width: 100%; } } .l-cookie .button--button { width: 160px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #BF8E3D; border-radius: 24px; color: #BF8E3D; font-size: 16px; font-weight: bold; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #fff; } @media (max-width: 768px) { .l-cookie .button--button { width: 100%; } } @media screen and (pointer: fine) { .l-cookie .button--button:hover { opacity: 0.7; } } .l-cookie .button--button:active, .l-cookie .button--button:focus { border: 1px solid #BF8E3D; background-color: #fff; outline: 0; } .wrapper { overflow: visible; } .section { position: relative; background-color: #fdfdfd; } .header__bg, .header { position: sticky; } .at-top .header__bg, .at-top .header { position: fixed; } .header { margin-top: -70px; } .at-top .header { margin-top: 0px; } @media (max-width: 768px) { .header { margin-top: -50px; } } .section__inner { width: 1200px; padding-left: 20px; padding-right: 20px; margin: 0 auto; } @media screen and (max-width: 1200px) { .section__inner { width: 100%; } } .section__title { text-align: center; } .section__title__en { font-size: 64px; font-family: "Oswald", sans-serif; } .is-tag .section__title__en, .is-series .section__title__en { font-size: 20px; color: #BF8E3D; letter-spacing: 0.05em; } @media (max-width: 768px) { .is-tag .section__title__en, .is-series .section__title__en { font-size: 16px; } } .is-category .section__title__en { font-size: 56px; font-weight: 500; } @media (max-width: 768px) { .is-category .section__title__en { font-size: 36px; } } .section__title__jp { font-size: 16px; font-weight: bold; color: #BF8E3D; } .is-tag .section__title__jp, .is-series .section__title__jp { font-size: 38px; color: #000; } @media (max-width: 768px) { .is-tag .section__title__jp, .is-series .section__title__jp { font-size: 22px; } } .is-category .section__title__jp { font-size: 20px; } @media (max-width: 768px) { .is-category .section__title__jp { font-size: 16px; } } .p-list { padding: 64px 0 96px; position: relative; } @media (max-width: 768px) { .p-list { padding: 36px 0; } } .p-list .section__inner { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1320px) { .p-list .section__inner { padding: 0 50px; } } @media screen and (max-width: 1100px) { .p-list .section__inner { padding: 0 20px; } } @media (max-width: 768px) { .p-list .section__inner { padding: 0 15px; } } .p-list__list__wrapper { margin-top: 70px; position: relative; padding-bottom: 50px; display: -ms-grid; display: grid; width: 100%; -ms-grid-columns: 1fr 16px 1fr 16px 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 56px 16px; } @media (max-width: 768px) { .p-list__list__wrapper { display: block; margin-top: 48px; padding-bottom: 0px; } } .p-list__article { color: #000; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 768px) { .p-list__article { margin-bottom: 32px; } } .p-list__article__img { aspect-ratio: 376/250; overflow: hidden; width: 100%; } .p-list__article__img img { aspect-ratio: 376/250; -o-object-fit: cover; object-fit: cover; height: auto; width: 100%; } .p-list__article__title { font-weight: bold; margin-top: 6px; font-size: 19px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 980px) { .p-list__article__title { font-size: 17px; } } @media (max-width: 768px) { .p-list__article__title { font-size: 16px; } } .p-list__article__subtitle { margin-top: 6px; font-size: 14px; } .p-list__article__category { margin-top: 10px; } .p-list__article__category__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .p-list__article__category__item { color: #BF8E3D; font-weight: bold; font-size: 12px; border: 1px solid #BF8E3D; padding: 2px 10px; height: 26px; border-radius: 13px; } @media (max-width: 768px) { .p-list__article__category__item { font-size: 11px; height: 22px; border-radius: 11px; } } .p-list__article__tags { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 6px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-list__article__date { margin-top: 10px; font-family: "Oswald", sans-serif; font-size: 12px; } /*# sourceMappingURL=list.css.map */