@charset "utf-8";

/* list
------------------------------ */
#lower_mv {display: block;}
#lower_mv:before{display:block;background:#242424;position:absolute;content:'';width:100%;height:100%;opacity:.5;left:0;top:0}
#lower_mv .logo .logo_img{position:relative;display:block;margin:auto;width:100%;max-width:16vh}
#lower_mv .logo .logo_img:before{content:"";position:absolute;display:inline-block;top:12vh;left:0;width:100%;height:0;padding-top:100%;background-size:100% auto}
#lower_mv .logo.the-real-mccoys .logo_img:before{background-image:url(../img/brands_the-real-mccoys.png)}

#lower_mv .logo.buco .logo_img:before{background-image:url(../img/brands_buco.png)}
#lower_mv .logo.other .logo_img:before{background-image:url(..img/brands_other.png)}
#lead{padding-top:4rem}
#lead .lead_inner{background:#f1f1f1;padding:4rem}
#lead .leadmore{line-height:2.25;padding-left:4rem}
#lead .leadmore + [data-readmore-toggle],#lead .leadmore[data-readmore]{display:block;width:100%}
#lead .leadmore + [data-readmore-toggle]{text-align:center;padding:5px 0;background:none;border:solid 1px #141823;color:#141823;margin:10px auto 0;max-width:240px}
#lead .leadmore[data-readmore]{transition:height 750ms;overflow:hidden;position:relative}
#lead .leadmore[aria-expanded="false"]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(rgba(241,241,241,0),rgba(241,241,241,1))}
.product_list{display:flex;flex-wrap:wrap}
.product_list li a{display:block;width:100%;height:100%;border:none}
.product_list li figure{text-align:center}
.product_list li .detail{padding:0 2rem}
.product_list li .detail dl{display:flex;align-items:flex-end;border-bottom:1px solid #141823}
.product_list li .detail dl + dl{margin-top:1rem}
.product_list li .detail dt{padding-bottom:2px;width:6rem}
.product_list li .detail dt span{font-size:1.3rem;letter-spacing:0}
.product_list li .detail dd{line-height:1.2;padding-left:1.1rem;padding-bottom:5px;width:100%;width:calc(100% - 6rem)}
.product_list li .detail .brands{text-align:center;margin-top:1rem}
#aside .aside_search{border:solid 2px #141823;padding:2rem}
#aside .aside_search dl + dl{margin-top:1rem}
#aside .aside_search dt{margin-bottom:.5rem}
#aside .aside_search select{width:100%;padding:3px 5px;font-size:1.5rem}
#aside .aside_search .search_keyword{font-size:1.6rem;width:100%}
#aside .aside_search button[type="submit"]{display:block;width:100%;max-width:240px;height:50px;margin:2rem auto 0;border:none;vertical-align:middle;cursor:pointer;transition-duration:.3s;background-color:#141823}
#aside .aside_search button[type="submit"]:before{content:"検索";color:#fff}
#aside .aside_search button[type="submit"]:hover{opacity:.7}
#aside .aside_cart{border:solid 2px #141823;border-top:none;padding:2rem}
#aside .aside_cart .cart_btn a{display:block;text-align:center;color:#fff;width:100%;max-width:240px;height:50px;background-size:21px 30px;background-repeat:no-repeat;background-position:center right 10px;margin:2rem auto 0;border:none;vertical-align:middle;transition-duration:.3s;background-color:#141823;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_2%22%20data-name%3D%222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20495.41%20512%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M426.09%2C0a20.5%2C20.5%2C0%2C0%2C0-19.84%2C15.36L386%2C93.94H28.77A20.47%2C20.47%2C0%2C0%2C0%2C9.1%2C120.1L67.92%2C324.22A20.49%2C20.49%2C0%2C0%2C0%2C87.6%2C339H322.73l-8.86%2C34.33H89.4v36.13H326a20.5%2C20.5%2C0%2C0%2C0%2C19.84-15.37l92.38-358H503.7V0ZM349.92%2C233.65%2C332.05%2C302.9H286.92V233.65Zm26.73-103.58-17.4%2C67.45H286.92V130.07ZM250.79%2C233.65V302.9H173.71V233.65Zm0-103.58v67.45H173.71V130.07Zm-107.43%2C0v67.45H69L49.57%2C130.07Zm0%2C103.58V302.9h-44l-20-69.25Z%22%20transform%3D%22translate(-8.3)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M123.9%2C436.69a36.64%2C36.64%2C0%2C1%2C0%2C36.64%2C36.64A36.63%2C36.63%2C0%2C0%2C0%2C123.9%2C436.69Z%22%20transform%3D%22translate(-8.3)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M299.68%2C438.73a36.64%2C36.64%2C0%2C1%2C0%2C36.63%2C36.63A36.63%2C36.63%2C0%2C0%2C0%2C299.68%2C438.73Z%22%20transform%3D%22translate(-8.3)%22%2F%3E%3C%2Fsvg%3E')
}
#aside .aside_cart .cart_btn a span{line-height:50px}
#aside .aside_cart .cart_detail dl{display:flex;padding:5px 6px 10px;border-bottom:dashed 1px #141823;max-width:460px;margin:auto}
#aside .aside_cart .cart_detail dl + dl{margin-top:1.5rem}
#aside .aside_cart .cart_detail dt{width:5rem;font-size:1.2rem;vertical-align:middle}
#aside .aside_cart .cart_detail dd{width:100%;width:calc(100% - 5rem);text-align:right}
#aside .aside_cart .cart_detail dd span{text-align:right;display:inline-block}

@media screen and (min-width: 1000px) {
	#lead .lead_inner .txt{width:calc(100% - 26rem)}
	#lead .lead_inner{display:flex}
	#products_sec .wrapper.has_aside{display:flex;flex-direction:row-reverse}
	#products_sec .wrapper.has_aside #aside{width:320px;padding-right:4rem}
	#products_sec .wrapper.has_aside #prime{width:100%;width:calc(100% - 320px)}
	#aside .sticky{position:-webkit-sticky;position:sticky;top:20px;margin-bottom:60px}
}
@media screen and (min-width: 1200px) {
	#lead .lead_inner h2{width:36rem}
	#lead .lead_inner .txt{width:100%;width:calc(100% - 36rem);padding-left:2rem}
	.product_list li{width:30%;margin-right:5%}
	/*.product_list li:nth-of-type(3n){margin-right:0}*/
	.product_list li:nth-of-type(n+5){margin-top:-45%}
}

@media screen and (max-width: 1199px) {
	.product_list li{width:47.5%;margin-right:5%}
	.product_list li:nth-of-type(2n){margin-right:0}
	.product_list li:nth-of-type(n+5){margin-top:-45%}
}

@media screen and (max-width: 999px) {
	#lower_mv .logo .logo_img{max-width:15vh}
	#lower_mv .logo .logo_img:before{top:9vh}
	#lead{padding-top:2rem}
	#lead .lead_inner{padding:2rem}
	#lead .leadmore{line-height:2.25;padding-left:0;margin-top:2rem}
	#products_sec{padding-top:3rem}
	.product_list li figure img{max-width:90%}
	.product_list li .detail{padding:0}
	.product_list li .detail dd{font-size:1.2rem;padding-left:0}
	#products_sec .wrapper.has_aside #aside{margin:6rem auto 0;max-width:560px}
}


/* detail
------------------------------ */
#products_detail{padding-top:6rem}
#products_detail .slide-box{position:relative;display:flex;flex-direction:row-reverse;margin:0;padding:0;flex-wrap:wrap}
#products_detail .slide-box .slide{position:relative;width:100%;width:calc(100% - 140px);margin-left:40px;padding:0}
#products_detail .slide-box .slide .item{position:relative;height:100%}
#products_detail .slide-box .slide .item a{display:block;border:none}
#products_detail .slide-box .slide .item::before{display:block;content:""}
#products_detail .slide-box .slide .item .image{position:relative;overflow:hidden}
#products_detail .slide-box .slide .item img{top:0;bottom:0;right:0;left:0;margin:auto;}
#products_detail .slide-box .slide > .slick-list,.slide > .slick-list > .slick-track,.slide > .slick-list > .slick-track > .slick-slide > div{position:relative;height:100%}
#products_detail .slide-box .slide-navigation{line-height:0;position:relative;width:100px;margin:0;padding:10px 0 30px}
#products_detail .slide-box .slide-navigation .item{position:relative;cursor:pointer;margin:3px 0}
#products_detail .slide-box .slide-navigation .item .image{position:relative;overflow:hidden;width:100%;height:100%;margin:0;padding:0}
#products_detail .slide-box .slide-navigation .item .image::before{display:block;padding-top:100%;content:""}
#products_detail .slide-box .slide-navigation .item .image{position:relative;overflow:hidden}
#products_detail .slide-box .slide-navigation .item .image img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;transition-duration:.3s;opacity:.7}
#products_detail .slide-box .slide-navigation .slick-current .image img,.slide-navigation .item:hover .image img{opacity:1}
#products_detail .slide-box .slick-vertical .slick-slide{border:0 solid transparent}
#products_detail .slide-box .slick-arrow{z-index:999}
#products_detail .slide-box .slick-next,.slick-prev{width:28px;height:30px}
#products_detail .slide-box .slick-prev{top:0;bottom:auto;left:0;right:0;margin:auto}
#products_detail .slide-box .slick-next{top:auto;bottom:0;left:0;right:0;margin:auto}
#products_detail .slide-box .slick-prev:before{border-top:solid 2px #141823;border-left:solid 2px #141823}
#products_detail .slide-box .slick-next:before{border-bottom:solid 2px #141823;border-right:solid 2px #141823}
#products_detail .slide-box .slick-prev:hover:before,.slick-next:hover:before{opacity:.8}
#products_detail .slide-box .slick-next:before,.slick-prev:before{content:"";display:inline-block;width:20px;height:20px;transform:rotate(45deg);transition-duration:.3s}
#products_detail .detail-box .products_detail_tag{border:solid 5px #141823;display:flex}
#products_detail .detail-box .vertical_title{width:50px;min-height:260px;position:relative;border-right:solid 5px #141823}
#products_detail .detail-box .vertical_title_inner{position:absolute;transform:rotate(-90deg);width:260px;transform-origin:left;top:50%;margin-top:115px;left:23px}
#products_detail .detail-box .vertical_title_inner h4{font-size:12px;text-align:center;color:#a5a5a5;margin-bottom:1px}
#products_detail .detail-box .vertical_title_inner h4 span{letter-spacing:.2em}
#products_detail .detail-box .vertical_title_inner h3{font-size:20px;font-weight:700;text-align:center}
#products_detail .detail-box .vertical_title_inner h3 span{letter-spacing:.1em}
#products_detail .detail-box .products_detail_list{width:100%;width:calc(100% - 50px);padding:2rem}
#products_detail .detail-box .products_detail_list .title{text-align:center}
#products_detail .detail-box .products_detail_list .title h2 span{font-size:2.4rem;font-weight:700;}
#products_detail .detail-box .products_detail_list .title dl,.products_detail_list .title dt,.products_detail_list .title dd{display:inline-block}
#products_detail .detail-box .products_detail_list .title dl{margin:1rem 1rem 1rem 0}
#products_detail .detail-box .products_detail_list .title dt{font-size:1.2rem;width:auto;padding:0}
#products_detail .detail-box .products_detail_list .title dd{font-size:1.8rem;width:auto;border:none;padding:0}
#products_detail .detail-box .products_detail_list dl{display:flex;align-items:flex-end}
#products_detail .detail-box .products_detail_list dt{width:8rem;padding-bottom:5px}
#products_detail .detail-box .products_detail_list dd{border-bottom:solid 1px #000;padding:0 5px 5px;width:100%;width:calc(100% - 8rem)}
#products_detail .detail-box .products_detail_list dl{margin-top:1.5rem}
#products_detail .detail-box .products_detail_list dl.qty{margin-top:1rem}
#products_detail .detail-box .products_detail_list dd select{width:100%;font-size:1.6rem;font-weight:400;border-width:0 0 1px;line-height:1;padding:0 30px 0 0;margin-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:url(../img/ico-select.png) top -2px right / 18px no-repeat;text-align-last:center;text-align:center;-ms-text-align-last:center;-moz-text-align-last:center;text-align:-webkit-center}
#products_detail .detail-box .products_detail_list dd select::-ms-expand {display: none;}
#products_detail .detail-box .products_detail_list dd .qty_box{display:flex;justify-content:center;padding-right: 30px;}
#products_detail .detail-box .products_detail_list dd .qty_box .qty_num{border:none;width:3em;height:auto;text-align:center;font-size:1.6rem}
#products_detail .detail-box .products_detail_list dd .qty_box button{border:none;width:26px;height:26px;cursor:pointer;transition-duration:.3s;background: #f5f5f5;}
#products_detail .detail-box .products_detail_list dd .qty_box button:hover{opacity:.7}
#products_detail .detail-box .size_guide_btn{letter-spacing:.14em}
#products_detail .detail-box .add_cart_btn button:hover{opacity:.7}
#products_detail .detail-box .size_guide_btn a{height:44px;width:100%;border:dashed 1px #141823;line-height:44px;text-align:center;padding:0 30px 0 10px;margin-top:1rem}
#products_detail .detail-box .size_guide_btn a:before{content:"";display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:6px;background-position:center;background-repeat:no-repeat;background-size:30px 30px;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_2%22%20data-name%3D%222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20320.5%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23141823%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M150.93%2C218.62a133.47%2C133.47%2C0%2C0%2C0%2C37.26%2C5c18.24%2C0%2C34.79-3.17%2C47.43-8.67%2C6.32-2.77%2C11.72-6.12%2C15.87-10.39s7.07-9.72%2C7.06-15.94-3-11.74-7.06-15.94c-6.24-6.36-15.22-10.82-26.05-14.06a133.36%2C133.36%2C0%2C0%2C0-37.25-5c-18.24%2C0-34.79%2C3.16-47.44%2C8.66-6.32%2C2.78-11.72%2C6.13-15.87%2C10.39s-7.07%2C9.72-7.06%2C15.94%2C3%2C11.74%2C7.06%2C15.94C131.12%2C210.92%2C140.11%2C215.39%2C150.93%2C218.62Zm-15.18-35.41c3.31-3.49%2C10.25-7.4%2C19.47-10.08a118.45%2C118.45%2C0%2C0%2C1%2C33-4.37c16.43%2C0%2C31.29%2C3%2C41.37%2C7.4a35%2C35%2C0%2C0%2C1%2C11.05%2C7.05c2.25%2C2.36%2C2.8%2C4%2C2.81%2C5.41s-.56%2C3.06-2.81%2C5.41c-3.29%2C3.49-10.24%2C7.41-19.46%2C10.08a118.68%2C118.68%2C0%2C0%2C1-33%2C4.38c-16.44%2C0-31.29-3-41.38-7.41A34.68%2C34.68%2C0%2C0%2C1%2C135.76%2C194c-2.25-2.35-2.8-4.05-2.81-5.41S133.51%2C185.57%2C135.75%2C183.21Z%22%20transform%3D%22translate(0%20-95.75)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M288.2%2C109.15l.14%2C0%2C.58.17Z%22%20transform%3D%22translate(0%20-95.75)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M88.17%2C402.85l-.18-.06-.73-.22Z%22%20transform%3D%22translate(0%20-95.75)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M376.37%2C243.66v-55a53.92%2C53.92%2C0%2C0%2C0-5.22-22.92%2C70.21%2C70.21%2C0%2C0%2C0-13.42-19c-16.41-16.77-40.49-28.81-69.39-37.46l-.16%2C0c-29-8.56-63.26-13.39-100-13.4-49%2C0-93.45%2C8.53-127.26%2C23.24h0C44%2C126.4%2C29.6%2C135.4%2C18.64%2C146.66a70.21%2C70.21%2C0%2C0%2C0-13.42%2C19A54%2C54%2C0%2C0%2C0%2C0%2C188.62V323.38a53.87%2C53.87%2C0%2C0%2C0%2C5.22%2C22.91%2C70.41%2C70.41%2C0%2C0%2C0%2C13.42%2C19C35.05%2C382.1%2C59.11%2C394.15%2C88%2C402.79l.19.06c29.05%2C8.56%2C63.26%2C13.39%2C100%2C13.4H512V243.66ZM37.66%2C165.1c11.38-11.84%2C31.82-22.86%2C58-30.55s58.12-12.32%2C92.5-12.32c45.84%2C0%2C87.31%2C8.18%2C116.66%2C21%2C14.67%2C6.4%2C26.27%2C14%2C33.86%2C21.84s11.17%2C15.74%2C11.18%2C23.52-3.54%2C15.59-11.18%2C23.52c-11.38%2C11.83-31.81%2C22.85-58%2C30.54S222.57%2C255%2C188.19%2C255c-45.85%2C0-87.32-8.19-116.67-21-14.67-6.4-26.27-14-33.86-21.84s-11.17-15.75-11.18-23.52S30%2C173%2C37.66%2C165.1Zm312.23%2C57.24V255H291.66c6.74-2.2%2C13.25-4.55%2C19.25-7.17%2C15.95-7%2C29.14-15.35%2C38.68-25.17ZM485.52%2C389.77H440.11V322.91H425v66.86H391.56V353.56H376.43v36.21H343V322.91H327.87v66.86H294.45V353.56H279.32v36.21H245.9V322.91H230.77v66.86H197.35V353.56H182.22v36.07c-11.49-.17-22.66-.85-33.43-2V322.91H133.66v62.76c-23.77-3.62-45-9.46-62.14-16.94-14.67-6.39-26.27-14-33.86-21.83s-11.17-15.75-11.18-23.52v-101l.3.33c14.31%2C14.7%2C36.8%2C26.27%2C64.62%2C34.53s61%2C12.94%2C96.79%2C12.94H485.51V389.77Z%22%20transform%3D%22translate(0%20-95.75)%22%2F%3E%3C%2Fsvg%3E')
}

/* modal */
.size_guide_box{text-align:center}
.modaal-image .modaal-container{width:auto;max-width:90vh;max-height:90vh}
.modaal-container{max-width:700px;border-radius:6px}
.modaal-content-container{padding:2rem}
.modal_title{font-size:1.6rem;margin-bottom:1rem}
table.size-table{width:100%;max-width:540px;margin:2rem auto 0;-webkit-backface-visibility:visible}
table.size-table tr:hover{background:#f5f5f5}
table.size-table td{border-top:solid 1px #141823;border-left:solid 1px #141823;padding:.5rem}
table.size-table tr td:last-of-type{border-right:solid 1px #141823}
table.size-table tr:last-of-type td{border-bottom:solid 1px #141823}
figure.size_image{max-width:400px;margin:2rem auto 0}
.size_guide_box .add_cart_btn button{background:#b10808}

/* products_desc */
#products_desc .free_area:after{content:"";display:block;clear:both}
#products_desc .free_area p{line-height:2}
#products_desc .free_area p + p{margin-top:1rem}
#products_desc .free_area img{float:right;max-width:40%;margin-left:2rem}
#products_desc .free_area img.left{float:left;max-width:40%;margin-left:0;margin-right:2rem}
#products_desc .free_area .other_detail{margin-bottom:2.2rem;font-size:1.6rem}
#products_desc .free_area .other_detail dl{display:inline-block;}
#products_desc .free_area .other_detail dl + dl{margin-left:3rem}
#products_desc .free_area .other_detail dt{display:inline-block;font-weight:700}
#products_desc .free_area .other_detail dt:after{content:":"}
#products_desc .free_area .other_detail dd{display:inline-block}
#products_desc .free_area .point_list{margin-bottom:2rem;font-size:1.6rem}
#products_desc .free_area .point_list li{position:relative;padding-left:2rem}
#products_desc .free_area .point_list li + li{margin-top:1.25rem}
#products_desc .free_area .point_list li:before{content:"";position:absolute;top:.35em;left:.35em;width:6px;height:6px;border-radius:100%;background:#000}
#products_desc .img_area{display:flex;flex-wrap:wrap}

@media screen and (min-width: 1000px) {
#products_detail .container{display:flex;max-width:1560px}
#products_detail .slide-box{width:52%;padding-right:5%}
#products_detail .detail-box{width:45%;padding-left:5%}
#products_detail .detail-box_inner{max-width:520px}

#products_desc .img_area figure{width:32%}
#products_desc .img_area > figure + figure{margin-left:2%}
#products_desc .img_area > figure:nth-of-type(3n+1){margin-left:0}
#products_desc .img_area > figure:nth-of-type(n+4){margin-top:2%}
}
@media screen and (max-width: 999px) {
#products_detail{padding-top:0rem}
#products_detail .slide-box .slide{width:100%;margin:0px !important;}
#products_detail .slide-box .slide .item::before{}
#products_detail .slide-box .slide-navigation{width:100%;padding:10px 0 20px}
#products_detail .slide-box .slide-navigation .item .image::before{/* padding-top:50% */}
#products_detail .slide-box .slide-navigation .item{margin:0 3px}
#products_detail .slide-box .slick-next:before,.slick-prev:before{content:none}
#products_detail .detail-box .products_detail_tag{border:none;display:block}
#products_detail .detail-box .vertical_title{display:none}
#products_detail .detail-box .products_detail_list{width:100%;padding:0}
#products_detail .detail-box .products_detail_list .title h2{display:none}
#products_detail .detail-box .products_detail_list dl{margin-top:1rem}
#products_detail .detail-box .products_detail_list dt{font-size:1.2rem;width:6rem}
#products_detail .detail-box .products_detail_list dd{width:calc(100% - 6rem)}
#products_detail .detail-box .products_detail_list .title dl{margin-right:3rem}
#products_detail .detail-box .products_detail_list .title dl + dl{margin-right:0}
	
#products_desc .free_area .other_detail {display: inline-block;}
#products_desc .free_area .other_detail dl {display: block;}
#products_desc .free_area .other_detail dl + dl {margin-left: 0;margin-top: 1rem;}
#products_desc .img_area figure{width:49%}
#products_desc .img_area > figure:nth-of-type(2n){margin-left:2%}
#products_desc .img_area > figure:nth-of-type(n+3){margin-top:2%}
	
#recommend .product_list{display:block;flex-wrap:nowrap}
#recommend .product_list li{width:80%;margin-right:5%;min-height:500px}
#recommend .product_list li:nth-of-type(2n){margin-right:5%}
#recommend .product_list li:nth-of-type(n+3){margin-top:0}
	
.modaal-gallery-prev,.modaal-gallery-next{bottom:50%;width:40px;height:40px;margin-bottom:-20px}
.modaal-gallery-next{right:-20px}
.modaal-gallery-prev{left:-20px}
.modaal-gallery-control:after,.modaal-gallery-control:before{top:18px;left:18px;height:12px}
.modaal-gallery-prev:after{margin:-7px 0 0}
.modaal-gallery-prev:before{margin:0}
.modaal-gallery-next:after{margin:0}
.modaal-gallery-next:before{margin:-7px 0 0}	
}