@charset "utf-8";

.wrap .swiper-pagination-bullet-active {
background: #D0010E;
}
.wrap .swiper-scrollbar-drag {
background: #D0010E;
}

/* MV -------------------------------------------------------------- */
#mainVisual {
padding:0 0 2.5rem 0;
}
#mainVisual .fvSwiper {
padding:0 0 3rem 0;
}
/* お知らせ -------------------------------------------------------------- */
#infoArea {
width: 100%;
padding: 3rem 2.5rem 7.5rem;
}
#infoArea .infoWrapOuter {
max-width: 768px;
margin: 0 auto;
}
#infoArea .infoWrap {
display: flex;
flex-direction: row-reverse;
}
#infoArea .infoWrap .infoTtlBlock {
width: 100%;
max-width: 128px;
}
#infoArea .infoWrap .infoTtlBlock h2 {
writing-mode: vertical-rl;
font-size: 2rem;
letter-spacing: 0.4rem;
margin: 0 0 0 auto;
width: 1em;
}
#infoArea .infoWrap .infoContBlock {
margin: 6rem 0 0 0;
}
#infoArea .infoWrap .infoContBlock article a {
display: flex;
}
#infoArea .infoWrap .infoContBlock article a:hover {
opacity: 0.6;
transition: .3s ease-out;
}
#infoArea .infoWrap .infoContBlock article .imgBlock {
width: 100%;
max-width: 128px;
padding:1rem;
flex-shrink: 0;
}
#infoArea .infoWrap .infoContBlock article .txtBlock dl {
margin: 1.25rem 0 0 1rem;
color: #472427;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#infoArea .infoWrap .infoContBlock article .txtBlock dl dt {
margin: 0 0 0.5rem 0;
line-height: 1;
}
#infoArea .infoWrap .infoContBlock article .txtBlock dl dt .date {
color: #472427;
font-size: 0.75rem;
padding: 0 1rem 0 0;
}
#infoArea .infoWrap .infoContBlock article .txtBlock dl dt .category {
color: #aaa;
font-size: 0.75rem;
}
#infoArea .infoWrap .infoContBlock article .txtBlock dl dd {
margin: 0;
line-height: 1.5;
font-weight: 700;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
#infoArea .infoWrapOuter .tertiaryBtn {
margin: 3rem 0 0 0;
text-align: right;
}

@media screen and (max-width: 768px) {
#infoArea .infoWrap {
flex-direction: column;
}
#infoArea .infoWrap .infoTtlBlock {
max-width: 100%;
}
#infoArea .infoWrap .infoTtlBlock h2 {
writing-mode: horizontal-tb;
font-size: 1.5rem;
letter-spacing: 0.2rem;
width: auto;
}
#infoArea .infoWrap .infoContBlock {
margin: 1.5rem 0 0 0;
}
#infoArea .infoWrap .infoContBlock article:not(:last-child) {
margin: 0 0 1.5rem 0;
}
#infoArea .infoWrap .infoContBlock article .imgBlock {
max-width: 72px;
padding: 0;
}
#infoArea .infoWrap .infoContBlock article .txtBlock dl {
margin: 0 0 0 1rem;
}
}
@media screen and (max-width: 440px) {
#infoArea {
padding: 3rem 30px 6rem;
}
}

/* オンラインショップ -------------------------------------------------------------- */
#ec {
margin:4.5rem 0 0 0;
padding:4.5rem 0 0 0;
overflow: hidden;
position: relative;
}
.ec .ecTtlWrap {
position: absolute;
top: 0rem;
right: 50%;
transform: translateX(50%);
width: 100%;
padding: 0 2.5rem 0;
max-width: 1280px;
}
.ec .ecTtlWrap .ecTtl h2 {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.ec .ecTtlWrap .ecTtl h2 span {
writing-mode: vertical-rl;
letter-spacing: 0.1rem;
line-height: 1.0;
white-space: nowrap;
text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}
.ec .ecTtlWrap .ecTtl h2 span.sub {
font-size: 1rem;
color: #BBA883;
letter-spacing: 0.5rem;
padding: 0.5rem 0 0 0.75rem;
}
@media screen and (max-width: 440px) {
.ec .ecTtlWrap {
padding: 0 30px 0;
}
}
/* ----------------- */
.ec #ecitemArea .ecitemTtlWrap {
width: 100%;
max-width: 1280px;
padding: 0 2.5rem 0;
margin:-2rem auto 0;
position: relative;
}
.ec #ecitemArea .ecitemTtlWrap .ttl {
font-size: 2.5rem;
letter-spacing: 0.5rem;
margin:0 0 1rem 0
}
.ec #ecitemArea .ecitemTtlWrap .txt {
letter-spacing: 0.1rem;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.ec #ecitemArea .ecitemTtlWrap .img {
width: clamp(128px, 20vw, 256px);
position: absolute;
right: -1vw;
bottom: 1rem;
}
.ec #ecitemArea .ecitemList {
display: flex;
gap: 2rem;
max-width: 1280px;
margin: 3rem auto 10rem;
padding: 0 2.5rem 0;
}
.ec #ecitemArea .ecitemList .ecitemBlock a:hover .img {
overflow: hidden;
}
.ec #ecitemArea .ecitemList .ecitemBlock a:hover .img img {
transition: .3s ease-out;
transform: scale(1.1);
}
.ec #ecitemArea .ecitemList .ecitemBlock .name {
margin: 0.25rem 0 0 0;
color: #472427;
font-size:1.25rem;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
transition: .3s ease-out;
}
.ec #ecitemArea .ecitemList .ecitemBlock a:hover .name {
color: #D0010E;
}

@media screen and (max-width: 768px) {
.ec #ecitemArea .ecitemImg {
aspect-ratio: 1/1;
overflow: hidden;
}
.ec #ecitemArea .ecitemImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ec #ecitemArea .ecitemTtlWrap {
margin:1.5rem auto 0;
}
.ec #ecitemArea .ecitemTtlWrap .ttl {
font-size: 2.0rem;
}
.ec #ecitemArea .ecitemTtlWrap .img {
bottom: auto;
top: -8rem;
right: -1rem;
}
.ec #ecitemArea .ecitemList {
flex-wrap: wrap;
}
.ec #ecitemArea .ecitemList .ecitemBlock {
width: calc((100% - 2rem ) /2);
}
}

@media screen and (max-width: 440px) {
.ec #ecitemArea .ecitemImg {
aspect-ratio: 1/1.414;
}
.ec #ecitemArea .ecitemTtlWrap {
padding: 0 30px 0;
}
.ec #ecitemArea .ecitemList {
gap: 1.5rem;
padding: 0 30px 0;
}
.ec #ecitemArea .ecitemList .ecitemBlock {
width: calc((100% - 1.5rem ) /2);
}
}

/* ----------------- */
.ec #ecCateAreaOuter {
padding: 0 0 0 2.5rem;
margin: 0 0 6rem 0;
}
.ec #ecCateArea {
background-image: url(/img/top/bg_pic_001.webp), url(/img/top/bg_ptn_002.webp);
background-repeat: no-repeat , repeat;
background-position: right top , right top;
padding: 4.5rem 0 6rem 5.25rem;
max-width: 1920px;
margin: 0 0 0 auto;
}
.ec #ecCateArea #ecCate .ecCateTtlWrap {
display: flex;
gap: 2.5rem;
align-items: flex-end;
margin: 0 0 3rem 0;
}
.ec #ecCateArea #ecCate .ecCateTtlWrap h3 {
letter-spacing: 0.2rem;
}
.ec #ecCateArea #ecCate .ecCateSwiper {
padding: 0 2rem 2rem 0;
}
.ec #ecCateArea #ecCate .ecCateBlock {
width: clamp(256px, 20vw, 384px);
}
.ec #ecCateArea #ecCate .ecCateBlock a {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.ec #ecCateArea #ecCate .ecCateBlock span {
display: block;
}
.ec #ecCateArea #ecCate .ecCateBlock .img {
background: #fff;
}
.ec #ecCateArea #ecCate .ecCateBlock .name {
color: #472427;
font-size: 1.25rem;
font-weight: 700;
margin: 0.25rem 0 0 0;
}
.ec #ecCateArea #ecCate .ecCateBlock .txt {
color: #472427;
}
.ec #ecCateArea #ecCate .ecCateBlock a:hover .img img {
opacity: 0.6;
transition: .3s ease-out;
}
.ec #ecCateArea #ecCate .ecCateBlock a:hover .name,
.ec #ecCateArea #ecCate .ecCateBlock a:hover .txt {
transition: .3s ease-out;
color: #D0010E;
}
.ec #ecCateArea #ecCate .secondaryBtn {
margin:4.5rem 0 0 0;
}

@media screen and (max-width: 768px) {
.ec #ecCateAreaOuter {
padding: 0;
margin: 0 0 4.5rem 0;
}
.ec #ecCateArea {
padding: 4.5rem 0 6rem 2.5rem;
}
.ec #ecCateArea #ecCate .ecCateTtlWrap .ecCateControl .scrollBtn {
display: none;
}
}
/* ----------------- */
.ec #ecRankAreaOuter {
padding: 0 0 0 2.5rem;
margin: 0 auto 6rem;
max-width: 1280px;
}
.ec #ecRankArea .ecRankTtl {
margin: 0 0 2rem 0;
text-align: left;
}
.ec #ecRankArea .ecRankSwiper {
padding: 0 2rem 2rem 0;
}
.ec #ecRankArea .ecRankBlock {
width: clamp(185px, 20vw, 228px);
position:relative;
}
.ec #ecRankArea .ecRankBlock .number {
position: absolute;
left: 0;
top: 0;
z-index: 1;
text-align: center;
width: 2rem;
line-height: 1.6;
color: #fff;
font-size:1.25rem;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.ec #ecRankArea .ecRankBlock:nth-child(1) .number {
background: #BBA883;
}
.ec #ecRankArea .ecRankBlock:nth-child(2) .number {
background: #B9D1D2;
}
.ec #ecRankArea .ecRankBlock:nth-child(3) .number {
background: #B2A291;
}
.ec #ecRankArea .ecRankBlock:nth-child(n+4) .number {
background: #C7C8D2;
}
.ec #ecRankArea .ecRankBlock a {
display: block;
color: #472427;
}
.ec #ecRankArea .ecRankBlock .name {
margin: 0.5rem 0;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
.ec #ecRankArea .ecRankBlock .price {
margin: auto 0 1rem 0;
}
.ec #ecRankArea .ecRankBlock .price .jpy {
font-size: 0.75rem;
}
.ec #ecRankArea .ecRankBlock .icon {
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
.ec #ecRankArea .ecRankBlock:hover img {
opacity: 0.6;
transition: .3s ease-out;
}
.ec #ecRankArea .ecRankBlock:hover a {
color: #D0010E;
transition: .3s ease-out;
}

@media screen and (max-width: 440px) {
.ec #ecRankArea .ecRankTtl {
font-size: 1.5rem;
}
}
/* ----------------- */
.ec #gaidAreaOuter {
padding: 6rem 2.5rem 7.5rem;
}
@media screen and (max-width: 440px) {
.ec #gaidAreaOuter {
padding: 6rem 30px 7.5rem;
}
}

/* 店舗 -------------------------------------------------------------- */
#storeArea {
background: url(/img/top/bg_pic_002.webp) top center no-repeat;
background-size: contain;
padding: 37.5vw 0 0 0;
margin: 0 auto 10rem;
}
#storeArea #seasonalAreaOuter {
padding: 0 0 0 2.5rem;
}
#storeArea #seasonalArea {
background: #fff;
max-width: 1920px;
margin: 0 0 0 auto;
border-radius: 8px 0 0 0;
padding: 4.5rem 0 7.5rem 5.25rem;
}
#storeArea #seasonalArea .storeTtl {
font-size: 1rem;
letter-spacing: 0.15rem;
color: #BBA883;
}
#storeArea #seasonalArea .seasonalTtlWrap {
display: flex;
align-items: center;
margin: 0 10vw 2rem 0;
gap:1rem 5rem;
}
#storeArea #seasonalArea .seasonalTtlWrap .ttl {
font-size: 2.5rem;
letter-spacing: 0.2rem;
flex-shrink: 0;
}
#storeArea #seasonalArea .seasonalTtlWrap .txt {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
letter-spacing: 0.05rem;
margin: 0;
}
#storeArea #seasonalArea .seasonalSwiper {
padding: 0 2rem 2.5rem 0;
}
#storeArea #seasonalArea .seasonalSwiper .img:hover {
opacity: 0.6;
transition: .3s ease-out;
}
@media screen and (max-width: 1280px) {
#storeArea #seasonalArea .seasonalTtlWrap {
margin: 0 2.5rem 2rem 0;
gap:1rem 2.5rem;
}
}
@media screen and (max-width: 1024px) {
#storeArea #seasonalArea .seasonalTtlWrap {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
#storeArea #seasonalAreaOuter {
padding: 0;
}
#storeArea #seasonalArea {
border-radius: 0 0 0 0;
padding: 4.5rem 0 7.5rem 2.5rem;
}
#storeArea #seasonalArea .storeTtl {
font-size: 0.75rem;
}
#storeArea #seasonalArea .seasonalTtlWrap .ttl {
font-size: 2.0rem;
}
}
@media screen and (max-width: 440px) {
#storeArea #seasonalArea {
border-radius: 0 0 0 0;
padding: 3rem 0 7.5rem 30px;
}
}
/* ----------------- */
#storeArea .storeTtlWrap .ttl {
letter-spacing: 0.2rem;
margin:0 0 1rem 0
}
#storeArea .storeTtlWrap .txt {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
letter-spacing: 0.05rem;
}
#storeArea .storeBtnWrap {
padding: 0 2.4rem;
}
@media screen and (max-width: 440px) {
#storeArea .storeBtnWrap {
padding: 0 30px;
}
}
/* ----------------- */
#storeArea #storeLineup {
margin: 0 0 7.5rem 0;
}
#storeArea #storeLineup .storeTtlWrap {
max-width: 1280px;
padding: 0 2.4rem;
margin: 0 auto 3rem;
}
#storeArea #storeLineup .storeLineupWrap {
position: relative;
margin: 0 0 4.5rem 0;
}
#storeArea #storeLineup .storeLineupWrap::before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 15rem;
width: 100%;
background: url(/img/top/bg_ptn_003.webp) left top repeat;
z-index: 0;
}
#storeArea #storeLineup .storeLineupWrap ul {
padding: 0 2.4rem;
display: flex;
gap: 2rem;
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
}
#storeArea #storeLineup .storeLineupWrap ul li span {
display: block;
}
#storeArea #storeLineup .storeLineupWrap ul li .img {
background: #fff;
border: 4px solid #fff;
}
#storeArea #storeLineup .storeLineupWrap ul li .txt {
font-size: 1.5rem;
line-height: 1.75;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
color: #472427;
}
#storeArea #storeLineup .storeLineupWrap ul li a:hover .img img {
opacity: 0.6;
transition: .3s ease-out;
}
#storeArea #storeLineup .storeLineupWrap ul li a:hover .txt{
color: #D0010E;
transition: .3s ease-out;
}

@media screen and (max-width: 768px) {
#storeArea #storeLineup .storeTtlWrap {
margin: 0 auto 1rem;
}
#storeArea #storeLineup .storeLineupWrap {
padding: 1rem 0;
}
#storeArea #storeLineup .storeLineupWrap::before {
width: 19.2%;
height: 100%;
}
#storeArea #storeLineup .storeLineupWrap ul {
flex-direction: column;
}
#storeArea #storeLineup .storeLineupWrap ul li .img {
aspect-ratio: 16 / 9;
overflow: hidden;
}
#storeArea #storeLineup .storeLineupWrap ul li .img img {
object-fit: cover;
height: 100%;
width: 100%;
}
}
@media screen and (max-width: 440px) {
#storeArea #storeLineup .storeLineupWrap ul li .img {
aspect-ratio: 1 / 1;
}
}
/* ----------------- */
#storeArea #storeCon {
margin: 0 0 7.5rem 0;
}
#storeArea #storeCon .storeTtlWrap {
max-width: 1280px;
padding: 0 2.4rem;
margin: 0 auto 3rem;
}
#storeArea #storeCon .storeConWrap {
margin: 0 0 4.5rem 0;
}
#storeArea #storeCon .storeConWrap ul {
padding: 0 2.4rem;
display: flex;
gap:1.5rem 2rem;
position: relative;
z-index: 1;
max-width: 1280px;
margin: 0 auto;
}
#storeArea #storeCon .storeConWrap ul li:nth-child(2) {
margin: 2rem 0 0 0;
}
#storeArea #storeCon .storeConWrap ul li span {
display: block;
}
#storeArea #storeCon .storeConWrap ul li .txt {
font-size: 1.5rem;
line-height: 1.75;
font-weight: 700;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
color: #472427;
}
#storeArea #storeCon .storeConWrap ul li a:hover .img {
opacity: 0.6;
transition: .3s ease-out;
}
#storeArea #storeCon .storeConWrap ul li a:hover .txt{
color: #D0010E;
transition: .3s ease-out;
}

@media screen and (max-width: 440px) {
#storeArea #storeCon .storeConWrap ul {
flex-direction: column;
}
#storeArea #storeCon .storeConWrap ul li:nth-child(2) {
margin: 0rem 0 0 0;
}
}

/* ----------------- */
#corpArea {
background: url(/img/top/bg_ptn_004.webp) left top repeat;
padding: 4.5rem 1.5rem ;
position: relative;
}
#corpArea .corpImg {
position: absolute;
top: 2rem;
right: 50%;
transform: translateX(50%);
width: 100%;
max-width: 1216px;
z-index: 1;
text-align: right;
}
#corpArea .corpImg img {
width: 20vw;
max-width: 256px;
min-width: 128px;
}
#corpArea #corp {
background: #fff;
padding: 3rem;
max-width: 1024px;
margin: 0 auto;
clip-path: polygon(3rem 0, 100% 0, 100% calc(100% - 3rem), calc(100% - 3rem) 100%, 0 100%, 0 3rem);
}
#corpArea #corp .corpWrap .ttl {
text-align: center;
font-size: 1.75rem;
letter-spacing: 0.2rem;
}
#corpArea #corp .corpWrap .txt {
max-width: 768px;
margin: 2rem auto 3rem;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
@media screen and (max-width: 440px) {
#corpArea{
padding: 3rem 0 4.5rem;
}
#corpArea #corp {
padding:6rem 30px 3rem;
clip-path:none;
}
}

/* 店舗のご案内 -------------------------------------------------------------- */
#companyArea #shop {
max-width: 1280px;
padding: 0 2.5rem 0;
margin: 0 auto 7.5rem;
}
#companyArea #shop .shopTtlWrap {
width: 100%;
max-width: 768px;
margin: 0 0 3rem;
}
#companyArea #shop .shopTtlWrap .ttl {
letter-spacing: 0.1rem;
font-size: 2rem;
position: relative;
}
#companyArea #shop .shopTtlWrap .ttl::after {
content: "";
display: block;
position: absolute;
right: 0;
top: 50%;
width: calc(100% - 15rem);
height: 1px;
background: #BBA883;
}
#companyArea #shop .shopWrap {
display: flex;
justify-content: space-between;
}
#companyArea #shop .shopWrap .shopListBlock {
padding: 0 2rem 0 2rem;
flex-shrink: 0;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li {
margin: 0 0 2rem;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li a {
color: #472427;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li dl {
display: flex;
gap: 1.5rem;
align-items: center;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li dl dt {
width: 100%;
max-width: 128px;
flex-shrink: 0;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li dl dd {
font-size: 1.25rem;
font-weight: 700;
word-break: break-all;
letter-spacing: 0.1rem;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
margin: 0;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li dl dd span {
display: block;
font-size: 0.75rem;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li:hover dt {
opacity: 0.6;
transition: .3s ease-out;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li:hover dd {
color: #D0010E;
transition: .3s ease-out;
}
#companyArea #shop .shopWrap .shopImgBlock {
max-width: 352px;
padding: 4.5rem 0 0 0;
margin: auto 0 0 0;
}
@media screen and (max-width: 768px) {
#companyArea #shop .shopWrap .shopListBlock {
flex-shrink: 1;
}
#companyArea #shop .shopWrap .shopImgBlock {
display: none;
}
}
@media screen and (max-width: 440px) {
#companyArea #shop {
padding: 0 30px;
}
#companyArea #shop .shopWrap .shopListBlock {
padding: 0;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li dl {
gap: 1rem;
}
#companyArea #shop .shopWrap .shopListBlock .shopList li dl dt {
max-width: 96px;
}
}

/* ----------------- */
#companyArea #company {
position: relative;
margin: 0 0 7.5rem 0;
}
#companyArea #company::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 19.5rem;
background: #F5E6DF;
z-index: 0;
}
#companyArea #company #companyInner {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 7.5rem 2.5rem 0;
z-index: 1;
}
#companyArea #company .comTtl {
margin: 0 0 2rem 0;
letter-spacing: 0.2rem;
font-size: 2rem;
}
#companyArea #company .companyWrap {
display: flex;
gap: 2rem;
}
#companyArea #company .companyWrap .companyBlock a {
color: #472427;
}
#companyArea #company .companyWrap .companyBlock .img {
background: #fff;
}
#companyArea #company .companyWrap .companyBlock .ttl {
margin: 1rem 0 0 0;
letter-spacing: 0.1rem;
font-size: 1.5rem;
}
#companyArea #company .companyWrap .companyBlock .txt {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
margin: 0.5rem 0 0 0;
}
#companyArea #company .companyWrap .companyBlock a:hover {
color: #D0010E;
transition: .3s ease-out;
}
#companyArea #company .companyWrap .companyBlock a:hover .img {
opacity: 0.6;
transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
#companyArea #company .companyWrap {
flex-direction: column;
}
}
@media screen and (max-width: 440px) {
#companyArea #company #companyInner {
padding: 7.5rem 30px 0;
}
}

/* ----------------- */
#companyArea #column {
padding: 7.5rem 0 15rem;
background: url(/img/top/bg_pic_003.webp) left top no-repeat;
}
#companyArea #column .columnWrap {
display: flex;
justify-content: space-between;
max-width: 1280px;
gap:0 3rem;
margin: 0 auto;
padding: 0 2.5rem 0;
}
#companyArea #column .columnWrap .columnTtlWrap {
flex-shrink: 0;
}
#companyArea #column .columnWrap .columnTtlWrap .ttl {
font-size: 2rem;
}
#companyArea #column .columnWrap .columnTtlWrap .tertiaryBtn {
margin: 4.5rem 0 0 0;
}
#companyArea #column .columnWrap .columnListWrap {
width: calc(100% - 384px);
padding: 2rem 0 0 0;
}
@media (min-width:1024px){
#companyArea #column .columnWrap .columnListWrap .swiper-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
gap:3rem 2rem;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock {
width: auto !important;
}
}
#companyArea #column .columnWrap .columnListWrap .columnBlock {
display: flex;
flex-direction: column;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock a {
color: #472427;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock a:hover {
opacity: 0.6;
transition: .3s ease-out;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock .img {
overflow: hidden;
aspect-ratio: 3 /2;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock .img img {
width: 100%;
height: 100%;
object-fit: cover;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock .ttl {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
margin: 0.5rem 0 2rem 0;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock .tags {
margin: auto 0 0 0;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 0.25rem;
}
@media screen and (max-width: 1280px) {
#companyArea #column .columnWrap .columnListWrap {
width: calc(100% - 256px);
}
}
@media screen and (max-width: 768px) {
#companyArea #column {
padding: 7.5rem 0 7.5rem;
}
#companyArea #column .columnWrap {
flex-direction: column;
padding: 0 0 0 2.5rem;
}
#companyArea #column .columnWrap .columnListWrap {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
scroll-snap-type: x mandatory;
cursor: grab;
user-select: none;
padding: 0 0 1.5rem 0;
}
#companyArea #column .columnWrap .columnListWrap .columnListSwiper {
padding:  2rem 2rem 2.5rem 0;
}
#companyArea #column .columnWrap .columnListWrap .columnBlock {
width: 276px;
}
#companyArea #column .tertiaryBtn.sp {
margin: 4.5rem auto 0;
}
}
@media screen and (max-width: 440px) {
#companyArea #column .columnWrap {
padding: 0 0 0 30px;
}
}


.rank_top .sysContent .sysHorizontal li{
padding: 0!important;
float: none!important;
}
.ec #ecRankArea .ecRankBlock .price,
.ec #ecRankArea .ecRankBlock a{
text-align: left;
}
#ftrItem,
#ftrGuide{
display: none;
}


.in_slider  {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9.6;
}

.in_slider  iframe {
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (max-width: 768px) {
.in_slider  {
  aspect-ratio: 4 / 4.5;
}
}


#choose,
#sysMain > div.sysFuncText.info,
#shop > div.shopWrap > div.shopListBlock > ul > li:nth-child(2),
#shop > div.shopWrap > div.shopListBlock > ul > li:nth-child(3),
#shop > div.shopWrap > div.shopListBlock > ul > li:nth-child(4),
#companyInner > div > section:nth-child(2),
#column{
display: none!important;
}