@charset "utf-8";
/* ------------------------------------------------------------ common */
#wrapper { overflow: hidden; }


#fv { padding: 0 0 100px; }
#fv .fv_text { text-align: center; font-size: 16px; letter-spacing: 5px; }
#fv .fv_text span { display: block; font-size: 37px; font-family: 'Abyssopelagic';  }
#fv .fv_h1{ padding: 10px 0 0; text-align: center; font-size: 14px; }

#fv .slider1 { position: relative; margin: 35px 0; padding: 0 35px; }
#fv .slider1 ul { min-height: 490px; }
#fv .slider1 ul li { padding: 0 15px; display: inline-block; }
#fv .slider1 .prev_arrow { position: absolute; left: 0; top: 0; width: 120px; height: 100%; z-index: 1; cursor: pointer; }
#fv .slider1 .prev_arrow:before { content: ""; width: 70px; position: absolute; height: 1px; background: #000; top: 0; bottom: 0; margin: auto 0; }
#fv .slider1 .next_arrow { position: absolute; right: 0; top: 0; width: 120px; height: 100%; z-index: 1; cursor: pointer; }
#fv .slider1 .next_arrow:before { content: ""; width: 70px; position: absolute; height: 1px; background: #000; top: 0; bottom: 0; margin: auto 0; right: 0; }

#fv .slider2 { position: relative; margin: 40px 0 50px; padding: 0 35px; }
#fv .slider2 ul { min-height: 275px; }
#fv .slider2 ul li { padding: 0 15px; display: inline-block; }
#fv .slider2 .prev_arrow { position: absolute; left: 0; top: 0; width: 120px; height: 100%; z-index: 1; cursor: pointer; }
#fv .slider2 .prev_arrow:before { content: ""; width: 70px; position: absolute; height: 1px; background: #000; top: 0; bottom: 0; margin: auto 0; }
#fv .slider2 .next_arrow { position: absolute; right: 0; top: 0; width: 120px; height: 100%; z-index: 1; cursor: pointer; }
#fv .slider2 .next_arrow:before { content: ""; width: 70px; position: absolute; height: 1px; background: #000; top: 0; bottom: 0; margin: auto 0; right: 0; }

#information { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
#information h2 { text-align: center; padding: 5px 50px 15px; border-right: 1px solid #000; }
#information h2 span { display: block; font-size: 40px; letter-spacing: 5px; font-family: 'Abyssopelagic'; }
#information ul { padding: 0 0 0 50px; max-width: 500px; }
#information ul li a { display: block; }
#information ul li dl { display: flex; }
#information ul li dl dt { color: #b7b7b7; font-size: 14px; display: block; padding: 2px 0; min-width: 100px; }
#information ul li dl dd { color: #000; font-size: 16px; }
#information ul li a span { display: inline-block; padding: 0 0 0 15px; font-size: 16px; color: #000; }
#information p.empty { text-align: center; padding: 0 0 0 80px; }

#main { width: 870px; float: right; padding: 0 0 100px; }
#main .contains { position: relative; padding: 0 0 50px; }
#main .contains:before { content: ""; position: absolute; right: -150px; top: 20px; width: 900px; height: 65%; background: #f8f8f8; z-index: -1; }
#main .contains h2 { text-align: center; padding: 0 0 50px; font-size: 15px; letter-spacing: 3px; }
#main .contains h2 span { font-family: 'Abyssopelagic'; font-size: 38px; display: block; line-height: 100%; letter-spacing: 8px; }

#main .contains ul.item_list li { width: calc(100% / 3 - 20px); float: left; margin: 0 0 70px 30px; }
#main .contains ul.item_list li:nth-of-type(3n + 1) { margin: 0 auto 70px; clear: both; }
#main .contains ul.item_list li img {  }
#main .contains ul.item_list li .cats { padding: 10px 0 0; }
#main .contains ul.item_list li .cats a { font-size: 12px; padding: 5px 20px 5px 0; display: inline-block; background: url(../images/index/item_slash.png) 97% center no-repeat; }
#main .contains ul.item_list li .cats a:last-of-type { background: none; }
#main .contains ul.item_list li .title { font-size: 16px; padding: 10px 0; }
#main .contains ul.item_list li .price { font-size: 16px; }
#main .contains ul.item_list li .tags { padding: 10px 0 0; }
#main .contains ul.item_list li .tags a { display: inline-block; background: #fff; border: 1px solid #bfbfbf; border-radius: 10px; -webkit-border-radius: 10px; color: #bfbfbf; padding: 0 5px; margin: 3px 3px 0 0; }

#main .contains article { width: calc(100% / 3 - 20px); float: left; margin: 0 0 70px 30px; }
#main .contains article:nth-of-type(3n + 1) { margin: 0 auto 70px; clear: both; }
#main .contains article h4 { text-align: center; padding: 5px 0 0; }

#other_nav { clear: both; padding: 0 0 100px; }
#other_nav ul {  }
#other_nav ul li { float: left; width: calc(100% / 3 - 32px); margin: 0 0 0 48px; }
#other_nav ul li:first-child { margin: 0 auto; }
#other_nav ul li img {  }
#other_nav ul li h4 { font-family: 'Abyssopelagic'; font-size: 28px; text-align: center; letter-spacing: 8px; padding: 10px 0 0; }
#other_nav ul li p { font-size: 17px; text-align: center; }

#column{ position: relative; margin: 0 0 100px; }
#column:before { content: ""; position: absolute; right: -20%; top: 20px; width: 110%; height: 82%; background: #f8f8f8; z-index: -1; }
#column h2 { text-align: center; padding: 0 0 50px; font-size: 15px; letter-spacing: 3px; }
#column h2 span { font-family: 'Abyssopelagic'; font-size: 38px; display: block; line-height: 100%; letter-spacing: 8px; }

#column .view-more{ margin: 60px 0 0; text-align: center; }
#column .view-more .button{ width: 300px; height: 60px; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #000; font-size: 18px; }
#column .view-more .button:hover{ background: #000; color: #fff; }

.button{ appearance: none; -webkit-appearance: none; }

.column-list{ display: flex; flex-wrap: wrap; gap: 45px 25px; }
.column-list li{ width: calc(100% / 2 - 13px); }
.column-list li a{ display: flex; align-items: center; gap: 25px; }
.column-list img{ width: 240px; height: auto; display: block; object-fit: cover; }
.column-list .text{ display: flex; flex-direction: column; gap: 16px; }
.column-list .text > div{ display: flex; align-items: center; gap: 14px; }
.column-list .date{ font-size: 16px; line-height: 1; color: #9A9A9A; }
.column-list .cat{ display: inline-block; padding: 7px 14px 8px; border-radius: 100px; background: #F5F1EF; color: #A4907E; font-size: 14px; line-height: 1; letter-spacing: .02em; }
.column-list .detail{ font-size: 19px; line-height: 1.5; }





@media only screen and (max-width:640px){

#fv .fv_text { font-size: 14px; letter-spacing: 5px; -moz-user-select: none; -webkit-user-select: none; }
#fv .fv_text span { font-size: 26px; word-break: break-word; padding: 0 10px; line-height: 100%; -moz-user-select: none; -webkit-user-select: none; }
#fv .fv_h1{ font-size: 13px; }

#fv .slider1 { position: relative; margin: 20px 0; padding: 0 10px; }
#fv .slider1 ul { min-height: inherit; }
#fv .slider1 ul li { padding: 0 5px; width: 70vw; }
#fv .slider1 ul li img { width: 100%; height: auto; }
#fv .slider1 .prev_arrow { width: 80px; }
#fv .slider1 .prev_arrow:before { width: 40px; }
#fv .slider1 .next_arrow { width: 80px; }
#fv .slider1 .next_arrow:before { width: 40px; }

#fv .slider2 { position: relative; margin: 20px 0 50px; padding: 0 10px; }
#fv .slider2 ul { min-height: inherit; }
#fv .slider2 ul li { padding: 0 5px; width: 40vw; }
#fv .slider2 ul li a { display: block; }
#fv .slider2 ul li img { width: 100%; height: auto; }
#fv .slider2 .prev_arrow { width: 80px; }
#fv .slider2 .prev_arrow:before { width: 40px; }
#fv .slider2 .next_arrow { width: 80px; }
#fv .slider2 .next_arrow:before { width: 40px; }

#fv .slider1 ul { width: 100%; overflow: hidden; min-height: inherit; padding: 0 0 40px; }
#fv .slider1 ul li { padding: 0 5px; box-sizing: border-box; }
#fv .slider1 ul li { width: 80vw; }
#fv .slider1 ul li img { width: 100%; height: auto; }

#fv .slider2 ul { padding: 0 0 40px; }

#fv ul.slick-dots { padding: 0; bottom: 0; }
#fv ul.slick-dots li { width: 12px; margin: 0 10px; padding: 0; }

#fv .slick-list { padding: 0 !important; }

#information { display: block; padding: 0 4%; }
#information h2 { border-right: none; border-bottom: 1px solid #000; width: 65%; margin: 0 auto; padding: 0 0 15px; }
#information h2 span { font-size: 30px; letter-spacing: 2px; }
#information ul { padding: 20px 0 0; margin: auto; max-width: 400px; }
#information ul li dl dt { font-size: 12px; min-width: 80px; }
#information ul li dl dd { font-size: 14px; }
#information p.empty { text-align: center; padding: 30px 0 0; font-size: 16px; }

#main { width: 100%; float: none; padding: 0 0 50px; }
#main .contains { padding: 0 0 50px; }
#main .contains:before { right: -4%; top: 20px; width: 80vw; height: 65%; }
#main .contains h2 { padding: 0 0 30px; font-size: 14px; }
#main .contains h2 span { font-size: 30px; }

#main .contains ul.item_list li { width: 48.5%; margin: 0 0 50px 3%; }
#main .contains ul.item_list li:nth-of-type(3n + 1) { margin: 0 0 50px 3%; clear: inherit;}
#main .contains ul.item_list li:last-of-type { margin: 0 0 50px 3%; }
#main .contains ul.item_list li:nth-child(2n+1) { margin: 0 0 50px; clear: both; }
#main .contains ul.item_list li img { width: 100%; height: auto; }
#main .contains ul.item_list li .cats { padding: 5px 0 0; }
#main .contains ul.item_list li .title { font-size: 14px; padding: 5px 0; }
#main .contains ul.item_list li .price { font-size: 14px; }

#main .contains article { width: 100%; margin: 0 auto; text-align: center; }
#main .contains article img { width: 96%; height: auto; margin: 0 auto; }
#main .contains article:nth-of-type(3n + 1) { margin: 0 auto; clear: none; }
#main .contains article h4 { }

#main #feature { padding: 0 0 100px; }


#other_nav { padding: 0 0 50px; }
#other_nav ul li { float: none; width: 100%; margin: 50px auto 0; }
#other_nav ul li:first-child { margin: 40px auto 0; }
#other_nav ul li img { width: 100%; height: auto; }
#other_nav ul li h4 { font-size: 26px; padding: 5px 0 0; }
#other_nav ul li p { font-size: 14px; }

.sp_category{ padding: 0 0 60px; }
.sp_category p.sub_tt{ font-size: 14px; background: #e4e4e3; padding: 15px 20px; }
.sp_category p.sub_tt span{ font-size: 26px; color: #a78670; letter-spacing: 5px; display: block; font-family: 'Abyssopelagic'; line-height: 100%; }
.sp_category ul{ display: flex; flex-wrap: wrap; }
.sp_category ul li{ width: 50%; box-sizing: border-box; text-align: center; border-bottom: 1px solid #dcdcdc; }
.sp_category ul li:nth-child(even){ border-left: 1px solid #dcdcdc; }
.sp_category ul li:only-of-type{ width: 100%; }
.sp_category ul li a{ display: block; padding: 20px 0; }


#column{ }
#column::before{ height: 86%; }
#column h2{ padding: 0 0 30px; }

#column .view-more{ margin: 40px 0 0; }
#column .view-more .button{ height: 50px; font-size: 15px; }

.column-list{ margin: 0 auto 40px; gap: 25px 0; flex-direction: column; }
.column-list li{ width: 100%; }
.column-list li a{ gap: 20px; }
.column-list img{ width: 40%; }
.column-list .text{ gap: 6px; width: 60%; }
.column-list .text > div{ gap: 9px; }
.column-list .date{ font-size: 13px; }
.column-list .cat{ padding: 6px 10px 5px; border-radius: 5px; font-size: 11px; }
.column-list .detail{ font-size: 15px; }




}