@charset "UTF-8";
/* -- Color -- */
/* -- Font size -- */
/* -- Prefix -- */
/* -- Media Screen -- */
/* -- Retina -- */
/* -- Flex -- */
/* -- Placeholder -- */
/* -- Icon -- */
/* -- Gradient -- */
* { min-width: 0; min-height: 0; }

/* サブページ用CSS
------------------------------------------------------------*/
.headline { margin-bottom: 3.75em; }
.headline h2 { font-size: 1.75em; font-weight: bold; line-height: 1.4; margin-bottom: 0; }
@media screen and (min-width: 980px) { .headline h2 { font-size: 2.25em; } }

.icon_headline { padding-top: 0; }

/* 商品関連
------------------------------------------------------------*/
#products .order_switch { position: relative; display: inline-block; margin-left: auto; }
#products .order_switch select { font-family: inherit; color: #000; width: auto; padding: 0.65em 4.0em 0.65em 2.0em; background: #FFF; border: 1px solid #4F3A1B; border-radius: 25em; box-sizing: content-box; appearance: none; }
#products .order_switch select:focus { outline: none; }
#products .order_switch::before { position: absolute; top: 0; right: 2.0em; bottom: 0; content: ''; display: block; width: 1.0em; height: 1.0em; margin: auto; background: url("../img/icon_border_arrow.svg") no-repeat 50% 50%/contain; pointer-events: none; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#products .products_item_num { position: relative; flex-grow: 1; width: 100%; }
#products .products_item_num p { text-align: center; margin-bottom: 0; }
#products .products_item_num p span { display: inline-block; font-size: 1.25em; font-weight: bold; }
#products .products_item_num::before, #products .products_item_num::after { position: absolute; top: 0; bottom: 0; content: ''; display: block; width: calc( 50% - 6.0em ); height: 1px; margin: auto; background: #4F3A1B; }
#products .products_item_num::before { left: 0; }
#products .products_item_num::after { right: 0; }
#products .products_list { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3.75em; }
#products .products_list .headline { margin-bottom: 0; }
#products .pagenation { margin-top: 3.75em; }
#products .pagenation .total { font-weight: bold; line-height: 1.4; text-align: center; margin-bottom: 1.0em; }
#products .pagenation ul { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; }
#products .pagenation ul li span, #products .pagenation ul li a { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.875em; color: #4F3A1B; line-height: 1.0; text-align: center; text-decoration: none; min-width: 40px; height: 50px; padding: 5px 10px; background: #FFF; border-radius: 4px; box-shadow: 0 1px 0 #4F3A1B; }
#products .pagenation ul li span.is-current { color: #FFF; background: #4F3A1B; }
#products .pagenation ul li a[rel="prev"], #products .pagenation ul li a[rel="next"] { gap: 0.5em 1.0em; background: none; border-radius: 0; }
#products .pagenation ul li a[rel="prev"]::before, #products .pagenation ul li a[rel="prev"]::after, #products .pagenation ul li a[rel="next"]::before, #products .pagenation ul li a[rel="next"]::after { content: ''; display: block; width: 2.0em; height: 1.0em; background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.314%22%20height%3D%2212%22%20viewBox%3D%220%200%2017.314%2012%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%234F3A1B%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%22%3E%3Cg%20id%3D%22_%E5%8F%A4%E9%81%93%E5%85%B7%E3%81%AE%E8%B2%B7%E3%81%84%E5%8F%96%E3%82%8A%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2216.971%206.343%2017.314%206%2016.971%205.657%2016.971%205.5%2016.814%205.5%2011.314%200%2010.814%20.5%2015.814%205.5%200%205.5%200%206.5%2015.814%206.5%2010.814%2011.5%2011.314%2012%2016.814%206.5%2016.814%206.5%2016.971%206.5%2016.971%206.343%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
#products .pagenation ul li a[rel="prev"]::after { display: none; }
#products .pagenation ul li a[rel="next"]::before { display: none; }
#products .products_detail { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5.0em 5%; }
#products .products_detail .products_column { flex-grow: 1; flex-basis: 400px; }
#products .products_detail .products_column.full-width { flex-shrink: 0; flex-basis: 100%; width: 100%; }
#products .products_detail .gallery { position: relative; }
#products .products_detail .gallery .slider { position: relative; z-index: -1; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: 1.2s ease-out; -moz-transition: 1.2s ease-out; -ms-transition: 1.2s ease-out; -o-transition: 1.2s ease-out; transition: 1.2s ease-out; }
#products .products_detail .gallery .slider .slide-item div img { margin-right: auto; margin-left: auto; border-radius: 1.25em; }
#products .products_detail .gallery .slider.slick-initialized { opacity: 1.0; visibility: visible; }
#products .products_detail .gallery .thumbnail-list { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.625em; margin-top: 1.25em; }
#products .products_detail .gallery .thumbnail-list .thumbnail-item { position: relative; width: 5.0em; height: 5.0em; overflow: hidden; border: 3px solid #FFF; border-radius: 1.0em; cursor: pointer; -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; -ms-transition: 0.4s ease-out; -o-transition: 0.4s ease-out; transition: 0.4s ease-out; }
#products .products_detail .gallery .thumbnail-list .thumbnail-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#products .products_detail .gallery .thumbnail-list .thumbnail-item[class*="current"] { border-color: #4F3A1B; }
#products .products_detail .infomation .infomation_inner { position: -webkit-sticky; position: sticky; top: 0; right: 0; width: 100%; }
#products .products_detail .infomation .cat_name { position: relative; margin-bottom: 2.5em; padding-left: 1.25em; }
#products .products_detail .infomation .cat_name a { font-size: 1.25em; font-weight: bold; color: inherit; }
#products .products_detail .infomation .cat_name a:hover { opacity: 0.6; }
#products .products_detail .infomation .cat_name::before { position: absolute; top: calc( 0.375em * 2.5 ); left: 0; content: ''; display: block; width: 0.625em; height: 0.625em; background: #4F3A1B; border-radius: 50%; }
#products .products_detail .infomation h1 { font-size: 2.5em; font-weight: bold; line-height: 1.4; }
#products .products_detail .infomation .price_wrap { font-size: 1.625em; margin-top: 2.5em; margin-bottom: 2.5em; }
#products .products_detail .infomation .options { margin-top: 2.5em; margin-bottom: 2.5em; }
#products .products_detail .infomation .options .option_list > div { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.625em 1.0em; margin-bottom: 1.5em; }
#products .products_detail .infomation .options .option_list > div dt { flex: 1; }
#products .products_detail .infomation .options .option_list > div dd { flex: 4; }
#products .products_detail .infomation .options .option_list > div:last-of-type { margin-bottom: 0; }
#products .products_detail .infomation .options .option_table { font-size: 0.875em; width: 100%; white-space: nowrap; overflow-x: auto; }
#products .products_detail .infomation .cart_button { margin-top: 3.75em; margin-bottom: 3.75em; }
#products .products_detail .infomation .share { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.0em 1.25em; margin-top: 2.5em; margin-bottom: 2.5em; }
#products .products_detail .infomation .links { margin-top: 2.5em; margin-bottom: 2.5em; }
#products .products_detail .infomation .links li { margin-bottom: 0.625em; }
#products .products_detail .infomation .links li a { line-height: 1.4; padding-left: calc( 1.0em + 6px ); background: url("../img/icon_border_arrow.svg") no-repeat 0 50%/6px 11px; }
#products .products_detail .infomation .links li:last-child { margin-bottom: 0; }
#products .products_detail .content { margin-top: 5.0em; }
#products .products_detail .content::before { content: '商品詳細'; display: block; font-size: 2.0em; font-weight: bold; line-height: 1.4; margin-bottom: 1.5em; }
#products .recommend_list h3 { font-size: 2.0em; font-weight: bold; line-height: 1.4; text-align: center; }

/* よくある質問
------------------------------------------------------------*/
#faq .inner dl > div { margin-bottom: 4.0em; }
#faq .inner dl > div dt, #faq .inner dl > div dd { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; }
#faq .inner dl > div dt::before, #faq .inner dl > div dd::before { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-shrink: 0; font-size: 40px; font-weight: bold; text-align: center; width: 60px; height: 60px; margin-right: 0.75em; border: 1px solid #4F3A1B; border-radius: 4px; }
#faq .inner dl > div dt { font-size: 1.5em; line-height: 1.4; margin-bottom: 1.0em; }
#faq .inner dl > div dt::before { content: 'Q'; background-color: #FFF; }
#faq .inner dl > div dd::before { content: 'A'; color: #FFF; background-color: #4F3A1B; }

/* 古道具の買取
------------------------------------------------------------*/
#buying { overflow: hidden; }
#buying .buying_about { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.5em 8.57%; }
#buying .buying_about .buying_about_text { flex-grow: 1.353; flex-basis: 469px; }
#buying .buying_about .buying_about_text p { font-size: 1.25em; }
#buying .buying_about .buying_about_text p strong { font-size: 1.125em; font-weight: normal; text-decoration: underline; }
@media screen and (min-width: 1200px) { #buying .buying_about .buying_about_text p strong { font-size: 1.25em; } }
#buying .buying_about .buying_about_text > *:last-child { margin-bottom: 0; }
#buying .buying_about .buying_about_slider { flex-grow: 1; flex-basis: 501px; margin-right: calc( ( 50vw - 50% ) * -1 ); }
#buying .buying_about .buying_about_slider .slideshow { padding-left: 1.5em; }
#buying .buying_about .buying_about_slider .slideshow .slick-slide img { border-radius: 2.5em 0 0 2.5em; aspect-ratio: 199 / 179; }
#buying .buying_about .buying_about_slider .slideshow .slick-dots { top: 0; bottom: auto; display: block; width: auto; }
@media screen and (min-width: 980px) { #buying .buying_about { flex-wrap: nowrap; } }
#buying .buying_detail { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 8.57%; }
#buying .buying_detail section { position: relative; z-index: 1; flex-grow: 1; flex-basis: 448px; margin-top: 5.0em; padding: 3.75em 9.375%; border: 1px solid #4F3A1B; border-radius: 2.5em 0 2.5em 0; }
#buying .buying_detail section h3 { font-size: 2.0em; letter-spacing: 0.1em; line-height: 1.0; text-align: center; margin-bottom: 0; }
#buying .buying_detail section h3 span { position: relative; display: inline-block; padding: 0 1.0em; }
#buying .buying_detail section h3 span::before, #buying .buying_detail section h3 span::after { position: absolute; top: 0; content: ''; display: block; width: 0.3125em; height: 1.0em; border-style: solid; }
#buying .buying_detail section h3 span::before { left: 0; border-width: 1px 0 1px 1px; }
#buying .buying_detail section h3 span::after { right: 0; border-width: 1px 1px 1px 0; }
#buying .buying_detail section .icon { text-align: center; margin: 2.5em 0; }
#buying .buying_detail section .area_list div { display: block; }
#buying .buying_detail section .area_list div dt { display: inline-block; margin-bottom: 1.0em; padding: 0 1.0em; background-color: #FFF; }
#buying .buying_detail section > *:last-child { margin-bottom: 0; }
#buying .buying_detail section::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; display: block; width: calc( 100% - 6px ); height: calc( 100% - 6px ); margin: auto; border: 1px solid #4F3A1B; border-radius: 2.5em 0 2.5em 0; }
@media screen and (min-width: 980px) { #buying .buying_detail { flex-wrap: nowrap; }
  #buying .buying_detail section { padding-right: 4.68%; padding-left: 4.68%; } }

/* 買取の流れ
------------------------------------------------------------*/
#flow .flow_shop { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 2.5em 8.57%; margin-bottom: 5.0em; }
#flow .flow_shop .flow_shop_text { flex-grow: 1; flex-basis: 286px; }
@media screen and (min-width: 1200px) { #flow .flow_shop .flow_shop_text p { font-size: 1.25em; } }
#flow .flow_shop .flow_shop_img { flex-grow: 1.618; flex-basis: 520px; }
#flow .flow_shop .flow_shop_img img { border-radius: 2.5em; }
@media screen and (min-width: 768px) { #flow .flow_shop { flex-wrap: nowrap; } }
#flow .flow_trip .flow_trip_rows { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.5em 8.57%; }
#flow .flow_trip .flow_trip_rows .flow_trip_text, #flow .flow_trip .flow_trip_rows .flow_trip_img { flex-grow: 1; flex-basis: 403px; }
#flow .flow_trip .flow_trip_rows .flow_trip_text p:last-of-type { text-decoration: underline; margin-bottom: 0; }
#flow .flow_trip .flow_trip_rows .flow_trip_text p:last-of-type em { font-size: 1.6em; font-style: normal; }
@media screen and (min-width: 1200px) { #flow .flow_trip .flow_trip_rows .flow_trip_text p { font-size: 1.125em; } }
#flow .flow_trip .flow_trip_rows .flow_trip_img { position: relative; }
#flow .flow_trip .flow_trip_rows .flow_trip_img .icon { position: absolute; bottom: 0; left: 0; width: 36.56%; aspect-ratio: 39 / 20; }
#flow .flow_trip .flow_step { margin-top: 3.75em; }
#flow .flow_trip .flow_step .icon_headline h3 { font-size: 1.4em; }
#flow .flow_trip .flow_step .flow_step_rows { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2.5em 5.71%; margin-bottom: 2.5em; }
#flow .flow_trip .flow_step .flow_step_rows section { position: relative; flex-grow: 1; flex-basis: 260px; counter-increment: step; }
#flow .flow_trip .flow_step .flow_step_rows section h4 { font-size: 1.5em; text-align: center; }
#flow .flow_trip .flow_step .flow_step_rows section h4::before { content: "STEP." counter(step,decimal-leading-zero); display: block; font-size: 0.85em; line-height: 1.0; text-decoration: underline; margin-bottom: 1.0em; }
#flow .flow_trip .flow_step .flow_step_rows section .icon { text-align: center; margin: 2.5em 0; }
#flow .flow_trip .flow_step .flow_step_rows section p sup { font-size: 0.75em; vertical-align: top; }
#flow .flow_trip .flow_step .flow_step_rows section::after { position: absolute; top: 0; right: calc( ( ( 19.37% + 40px ) / 2 ) * -1 ); bottom: 0; content: ''; display: none; width: 40px; height: 29px; margin: auto; background-image: url("../img/icon_img_arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
#flow .flow_trip .flow_step .flow_step_rows + p { text-align: center; }
#flow .flow_trip .flow_step .flow_step_rows + p em { font-style: normal; text-decoration: underline; }
@media screen and (min-width: 768px) { #flow .flow_trip .flow_step .flow_step_rows { flex-wrap: nowrap; }
  #flow .flow_trip .flow_step .flow_step_rows section::after { display: block; }
  #flow .flow_trip .flow_step .flow_step_rows section:last-of-type::after { display: none; }
  #flow .flow_trip .flow_step .flow_step_rows + p { font-size: 1.25em; } }

#shop .inner .shop_info { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 3.75em 7.5em; }
#shop .inner .shop_info .content_slider { flex-grow: 1; width: 430px; max-width: 100%; margin-left: calc( 50% - 50vw ); }
#shop .inner .shop_info .content_slider .slick-slide { overflow: hidden; border-radius: 0 1.25em 1.25em 0; }
#shop .inner .shop_info .content_slider .slick-slide img { width: 100%; object-fit: cover; aspect-ratio: 1 / 1; }
@media screen and (min-width: 1200px) { #shop .inner .shop_info .content_slider .slick-slide { border-radius: 0 2.5em 2.5em 0; } }
#shop .inner .shop_info .content_slider .slick-dots { top: 0; left: calc( 100% + 16px ); display: block; width: 20px; }
#shop .inner .shop_info .content_text { flex-grow: 1; width: 430px; }
#shop .inner .shop_info .content_text h3 { margin-bottom: 2.5em; }
#shop .inner .shop_info .content_text h3 img { width: 310px; max-width: 50%; }
#shop .inner .shop_info .content_text .shop_info_list { margin-top: 2.5em; }
@media screen and (min-width: 980px) { #shop .inner .shop_info { flex-flow: nowrap; }
  #shop .inner .shop_info .content_slider { flex: 1; }
  #shop .inner .shop_info .content_text { flex: 1; } }
#shop .inner .googlemap { position: relative; width: 100%; max-height: 500px; margin-top: 5.0em; overflow: hidden; aspect-ratio: 16 / 9; }
#shop .inner .googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 特定商取引法に基づく表記
------------------------------------------------------------*/
.u-contents { margin-top: 2.75em; margin-bottom: 2.75em; }
@media screen and (min-width: 768px) { .u-contents { margin-top: 5.0em; margin-bottom: 5.0em; } }

.c-ttl-second { font-size: 1.25em; font-weight: bold; line-height: 1.4; letter-spacing: 0.3em; }

.c-tbl-list { border-top: 1px solid #4F3A1B; }
.c-tbl-list .c-tbl-list__tr { display: -webkit-flex; display: -ms-flexbox; display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.75em 2.0em; padding: 1.25em 0; border-bottom: 1px solid #4F3A1B; }
.c-tbl-list .c-tbl-list__tr .c-tbl-list__th { flex-grow: 1; flex-basis: 186px; font-size: 0.875em; font-weight: bold; margin-bottom: 0; }
.c-tbl-list .c-tbl-list__tr .c-tbl-list__td { flex-grow: 3; flex-basis: 790px; }