@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@font-face {font-display: swap;}

body {font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue",'Century Gothic',CenturyGothic,'Noto Sans JP',"游ゴシック Medium",'Yu Gothic Medium',YuGothic,sans-serif;}
a {width: 100%;display: inline-block;color: #333;transition: all .2s ease-in-out;}
a:hover {color: #aaa;text-decoration: none;}
img {width: 100%;}
.font10 {font-size: 10px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font24 {font-size: 24px;}
.f_min {font-family: "Yu Mincho", "YuMincho",source-han-serif-japanese,serif;}

body:after {content:'';width: 100%;height: 280px;background: url(../images/solidwood-feature.jpg);display: inline-block;position:fixed;bottom: 0;background-position: center top;background-size: 103%;z-index: -10;}

form{margin:0;padding:0;}

/*HEADER*/
header {width: 100%;height: 80px;background: #f5f5f5;position: fixed;top: 0;font-size: 16px;z-index: 10;}
.shop_logo, .shop_nav {display: inline-block;}
.shop_logo {padding: 12px 0 12px 20px;font-size: 14px;}
.shop_logo a > *{display: inline-block;margin: 0;vertical-align: middle;}
.shop_logo img {width: 110px;height: auto;}
.shop_nav {width: calc(100% - 501px); text-align: center;display: inline-block;}
.shop_nav ul {padding: 0;margin: 0;}
.shop_nav li {display: inline-block;}
.shop_nav li a {padding: 10px 15px;}
.sp_btn {display: none;}

/*SEARCH*/
.search_btn, .search_box {position: fixed;}
.search_btn {background: #333;color: #fff;height: 80px;top: 0;right: 0;padding:28px;width: 260px;text-align: center;cursor: pointer;transition: all .2s ease-in-out;}
.search_btn:hover {background: #555;}
.search_btn img {width: 17px;height: 17px;margin-right: 5px;}
.search_box, .overlay {display: none;}
.overlay {background: rgba(51,51,51,.5);position: fixed;width: 100%;height: 100vh;top:0;z-index: 5;}
.search_box {width: 80vw;height: 80vh;background: #fff;z-index: 9;margin: 0 auto;left: 9vw;top: 10vh;border-radius: 10px;box-shadow: 0 0 10px 0 #666;}
.box_close_btn {position: absolute;width: 60px;height: 60px;background: #333;border-radius: 40px;right: -30px;top: -30px;cursor: pointer;overflow-y: auto;text-align: center;transition: all .2s ease-in-out;}
.box_close_btn:hover {background: #aaa;}
.box_close_btn:before, .box_close_btn:after {content: '';width: 30px;height: 5px;background: #fff;display: inline-block;position: absolute;left: 15px;top: 28px;border-radius: 10px;transform: rotate(45deg);}
.box_close_btn:after {transform: rotate(-45deg);}
.over_scroll {height: 100%;overflow-y: auto;overflow-x: hidden;}
.tabnav {margin-bottom: 40px;padding: 0;margin-top: 60px;}
.tabnav li {list-style: none;display: inline-block;width: 240px;background: #f5f5f5;padding:15px 0;cursor: pointer;}
.tabnav li.active {background: #333;color: #fff;position: relative;transition: all .2s ease-in-out;}
.tabnav li.active:after {content: '';width: 0;height: 0;display: inline-block;border: 10px solid transparent;border-top: 10px solid #333;position: absolute;bottom: -20px;left: calc(50% - 10px);}
.tabcontent {max-width: 800px;margin: 0 auto;text-align: left;}
.tabcontent > div {display: none;opacity: 0;}
.tabcontent > div.active {display: block;opacity: 1;transition: all .3s ease-in-out;}

.option_area label {vertical-align: middle;margin: 0;width: 85px;}


/*MAIN*/
.main {margin-top: 80px;margin-bottom:50px;}
.list_title {padding: 50px 0;}
.breadcrumb {background: transparent;color: #767676;display: inline-block;margin-bottom: 0;}
.breadcrumb li {display: inline-flex;}
.breadcrumb a {height: unset;}
.breadcrumb li:after {content: '>';display:inline-block;padding: 0 10px;}
.breadcrumb li:last-child:after {content: none;}

.gadget {margin-bottom: 30px;}
.gadget > * {display: inline-block;}
.sort {height: 40px;width: 150px;font-size: 14px;}

.list_content, .detail_content {background: rgba(255,255,255,.8);overflow: hidden;margin-bottom: 50px;}
.side_menu {width: 250px;float: left;}
.side_menu .title {padding-left: 25px;padding-top: 20px;margin-bottom: 20px;}
.side_menu h3 {width: 235px;background: #fff;padding: 12px 0 12px 15px;border-left: 10px solid #333;margin: 0;}
.side_menu .side_toc h3 {width: 225px;padding: 12px 0 12px 15px;border-left: 7px solid #333;margin: 0 0 0 10px;border-bottom: 2px solid #333;background: transparent;}
.side_menu .side_solid {background: #f5f5f5;}
.wood_width {padding: 0 15px 0 25px;font-size: 14px;}
.wood_width li {list-style: none;padding:15px 0 15px 15px;border-bottom: 1px solid #fff;}
.wood_width li:last-child {border: 0;}
.side_toc .wood_width {padding: 0 15px;}
.side_toc .wood_width li {padding: 0;border: 1px solid #ccc;margin: 10px 0;text-align: center;}
.side_toc .wood_width li a {padding: 15px 0;}
.side_toc .wood_width li a:hover {background: #eee;}
.tree_species {padding-left: 40px;font-size: 14px;}
.tree_species li {list-style: none;padding: 8px 0;}
.tree_color {padding:0 10px;width:100%;text-align: center;font-size: 14px;}
.tree_color li {list-style: none;padding:10px;width: calc(50% - 10px);display: inline-block;border-bottom: 1px solid #fff;}
.tree_color li:nth-last-child(-n+2) {border: 0;}
.side_content {float: right;width: calc(100% - 290px);}
.pager ul, .pager li {display: inline-block;}
.pager ul {padding: 0;margin-bottom: 40px;}
.pager li {width: 35px;height: 35px;background: #f5f5f5;line-height: 35px;margin: 5px;}
.pager .pager_item_active {background: #333;color: #fff;}
.pager_item_active a {height: 100%;color: #fff;}

.detail_content {padding-bottom: 50px;}
.main_pic .col-12 {display: none;}
.main_pic, .sub_pic {margin-bottom: 20px;}
.table {color: #333;}
.table th {font-weight: normal;background: #f5f5f5;}
.link_btn {width: 280px;background: #333;color: #fff;padding: 10px 0;position: relative;overflow: hidden;}

.pagetop {position: fixed;right: 10px;bottom: 10px;display: inline-block;width: 80px; height: 80px;background: rgba(255,255,255,.9);text-align: center;vertical-align: middle;box-shadow: 0 0 3px 0 rgba(51,51,51,.3);border-radius: 5px;z-index: 800;cursor: pointer;}
.pagetop:before {content: "";position: absolute;top: 38px;right: 32px;width: 15px;height: 15px;border-top: 1px solid #333;border-right: 1px solid #333;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.pagetop:hover {box-shadow: 0 0 5px 2px rgba(51,51,51,.3); }

/*FOOTER*/
footer {clear: both;}
.footer_info {background: rgba(245,245,245,.85);padding:50px 15px 30px 15px;}
.footer_logo {margin-bottom: 30px;}
.footer_logo p {margin: 5px 0 0 0;}
.footer_logo img {width: 180px;height: auto;}
.footer_nav ul {padding: 0;margin: 0;}
.footer_nav li {display: inline-block;padding:0 10px;border-right: 1px solid #aaa;}
.footer_nav li:last-child {border-right: 0;}
small {background: #333;color: #fff;display: block;padding:5px 0;}




/*RESPONSIVE*/
@media screen and (max-width: 1299px) {
	.search_btn {width: 200px;}
}
@media screen and (max-width: 1199px) {
	.shop_logo {padding-left: 20px;}
	.shop_nav {width: calc(100% - 439px);}
	.shop_nav li a {padding: 5px;font-size: 14px;}
	.side_menu {width: 240px;}
	.side_content {width: calc(100% - 280px);}
}
@media screen and (max-width: 1086px) {
	.sp_btn {display: inline-block;width: 35px;height: 35px;background: #333;border-radius: 5px;position: relative;cursor: pointer;float: right;margin-right: 20px;margin-top: 22px;}
	.sp_btn:before, .sp_btn:after {content: '';width: 12px;height: 2px;background: #fff;display: inline-block;position: absolute;left: 12px;top: 14px;border-radius: 10px;transition: all .2s ease;}
	.sp_btn:after {top: 18px;}
	.sp_btn.on:before {transform: rotate(45deg);top: 16px;}
	.sp_btn.on:after {transform: rotate(-45deg);top: 16px;}
}
@media screen and (max-width: 1023px) {
	.tabnav li {width: 200px;}
	.option_item {padding: 10px 0 10px 50px;}
	.tabnav {margin-top: 50px;margin-bottom: 30px;}
}
@media screen and (max-width: 991px) {
	.tabnav li {width: 175px;font-size: 14px;}
	.option_area select, .option_area input[type='text'] {width: 220px;}
	.side_menu {display: none;}
	.side_content {width: 100%;}
	.shop_nav {width: 100%;background: #f5f5f5;display: none;}
	.shop_nav ul {padding: 35px 20px;box-shadow: 0 4px 4px 0 rgba(51,51,51,.3);}
	.shop_nav li {display: block;padding: 12px 0;border-top: 1px solid #ddd;}
	.shop_nav li:last-child {border-bottom: 1px solid #ddd;}
	.shop_nav li a {font-size: 16px;}
}
@media screen and (max-width: 767px) {
	body:after {height: 180px;}
	header, .search_btn {height: 60px;}
	.main {margin-top: 60px;}
	.shop_logo {padding:5px 0 5px 20px;}
	.shop_logo img {width: 50px;height: 50px;}
	.shop_logo p {font-size: 12px;}
	.search_btn {padding: 17px;bottom: 0;left: 0;position: fixed;top: unset;right: unset;width: calc(100% - 60px);}
	.search_box {width: calc(100% - 20px);left:10px;height: 80vh;top: 5vh;font-size: 14px;}
	.over_scroll .container {width: 100%;padding: 0;margin: 0;max-width: none;}
	.box_close_btn {bottom: -20px;top: unset;width: 100px;border-radius: 30px 0 0 30px;}
	.tabnav {margin-top: 25px;}
	.tabnav li {width: 32%;}
	.option_item select {font-size: 14px;}
	.option_area label {width: 78px;padding-bottom: 5px;}
	.sp_btn {margin-right: 20px;margin-top: 13px; }
	.table {font-size: 14px;}
	.pagetop {background: #f5f5f5;width: 60px;height: 60px;right: 0;bottom: 0;border-radius: 0;z-index: 7;}
	.pagetop:before {top: 30px;right: 22px}
}
@media screen and (max-width: 575px) {
	.shop_logo {padding-left: 10px;}
	.sp_btn {margin-right: 10px;}
	.option_item {padding: 10px;width: 100%;}
	.option_area select, .option_area input[type='text'] {width: 100%;height: 40px;}
	.gadget .sort {width: 96px;font-size: 12px;padding: 0 .5em;}
	.gadget p {font-size: 12px;margin-right: 5px !important;}
}
@media screen and (max-width: 325px) {
	body:after {height: 150px;}
}

/* Original CSS Adjustment */
.ec-progress .ec-progress__item {z-index: 9;}

/* Shopping Entry Mypage 20220511 */
.shenmytit{margin:100px 0 50px 0;padding-bottom:20px;text-align:center;font-size:24px;font-weight:bold;border-bottom:1px solid #999;}

/* Button Mypage Cart 20220511 */
.link_mypage_cart{max-width:1100px;margin:0 auto;}
.link_mypage_cart ul{margin:100px 0 0 0;padding:0;list-style-type:none;text-align:right;}
.link_mypage_cart ul li{display:inline-block;}
.link_mypage_cart ul li a{display:inline-block;padding:10px;text-align:center;background:#444;color:#fff;}
.red{color:#ff3333;}
.center{text-align:center;}

/* TOP NEW ITEM */
.top_new_item_block{width:90%;max-width:1000px;margin:0 auto;padding:20px;background:rgba(255,255,255,0.5); }
.top_new_item_block_title{font-size:24px;font-weight:bold;border-bottom:2px solid #333;padding-bottom:10px;margin:30px 0 30px 0;}
.btn-more{text-align:right;padding-top:20px;}
.btn-more a{display:inline-block;padding:5px;width:100px;text-align:center;background:#000;color:#fff;border-radius:5px;box-sizing:border-box;}
.btn-more a:hover{background:#666;}
.objfit180{width:180px;height:180px;object-fit:cover;}
.prodblock180{max-width:180px;width:100%;margin:0 auto;}

/*20240226 HEADER*/
.shop_nav_pc{float:right;height:80px;display:flex;}
.shop_nav_sp {display: none;padding-bottom: 1.2em;overflow-y: auto;height: calc(100vh - 120px);}

.menu_detail {visibility: hidden;opacity: 0;}
.shop_nav_pc {display: flex;justify-content: space-between;float: right;height: 80px;gap: 2.5em;}
.shop_nav_pc .prod_menu {display: flex;gap: 10px;align-items: center;}
.shop_nav_pc .prod_menu_block {display: flex;height: 100%;}
.shop_nav_pc .prod_menu_block:hover .menu_title {background: #fafafa;}
.shop_nav_pc .prod_menu_block:hover h2::after {border-top: 15px solid #fafafa;top: 60%;}
.shop_nav_pc .prod_menu_block:hover .menu_detail {display: block;transition: all .3s ease-in-out;visibility: visible;opacity: 1;box-shadow: 0 7px 5px -5px rgba(51,51,51,.3);}
.shop_nav_pc .menu_title {display: flex;align-items: center;cursor: pointer;padding: 0 1.2em 0 .5em;}
.shop_nav_pc .prod_menu_block.workshop a {height: 100%;}
.shop_nav_pc .prod_menu_block.workshop a h2 {height: 100%;align-items: center;display: flex;}
.shop_nav_pc .menu_detail {position: fixed;background: #fafafa;top: 80px;width: 100%;left: 0;}
.shop_nav_pc .menu_detail_block {max-width: 1100px;margin: 50px auto;display: flex;max-height: 460px;flex-wrap: wrap;gap: 35px;align-content: space-around;}
.shop_nav_pc .solid_main .menu_detail_block {margin: 20px auto;flex-direction: column;}
.shop_nav_pc .menu_detail_block > div {max-width: 238px;width: 100%;}
.shop_nav_pc .menu_detail_block > div > a {width: 100%;border: 1px solid #333;text-align: center;padding: .8em 0;transition: all .2s ease-in-out;}
.shop_nav_pc .menu_detail_block > div > a:hover {background: #eee;}

.solid_spec.spec_search select {width: 100%;height: 40px;border: 1px solid #ddd;padding-left: .5em;border-radius: 5px;}
.solid_spec.spec_search .go_search a {width: 100%;padding: .8em 0;margin: 10px 0 0 0;text-align: center;background: #aaa;border-radius: 50px;color: #fff;}
.solid_spec.spec_search .go_search a:hover {background: #999;}
.solid_spec.spec_search .go_search a::before {content: none;}
.solid_main .menu_detail_block .solid_all a {width: 100%;background: #333;color: #fff;text-align: center;padding: .8em 0;border-radius: 5px;transition: all .2s ease-in-out;border: 0;}
.solid_main .menu_detail_block .solid_all a:hover {background: #666;}

.solid_spec .spec_list a {display: block;padding: 4px 0 4px 15px;position: relative;font-size: 14px;margin: 2px 0;transition: all .2s ease-in-out;}
.solid_spec .spec_list a:hover {background: #eee;}
.solid_spec .spec_list a::before {content: '';width: 5px;height: 5px;display: inline-block;background: #aaa;border-radius: 5px;position: absolute;left: 4px;top: calc(50% - 2.5px);}
.solid_spec.solid_color .spec_list {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.solid_spec.solid_color .spec_list a {width: 39%;padding: 4px 0 4px 1.5em;}
.solid_spec.solid_color .spec_list a::before {width: 15px;height: 15px;border-radius: 0;left: 4px;top: calc(50% - 8.5px);}
.solid_spec.solid_color .sbrown::before {background: #CB9458;}
.solid_spec.solid_color .swhite::before {background: #E8D2B5;}
.solid_spec.solid_color .sdarkbr::before {background: #8E592B;}
.solid_spec.solid_color .spurple::before {background: #8D3955;}
.solid_spec.solid_color .sblack::before {background: #462609;}
.solid_spec.solid_color .sorange::before {background: #CE772B;}
.solid_spec.solid_color .spink::before {background: #E6B29A;}
.solid_spec.solid_color .sred::before {background: #9F5043;}
.shop_nav_pc h2 {font-size: 16px;font-weight: normal;position: relative;margin: 0;color: #333;}
.shop_nav_pc h2::after {content: '';display: inline-block;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #aaa;position: absolute;top: calc(50% - 3px);right: -15px;transition: all .2s ease-in-out;}
.shop_nav_pc .workshop h2::after {content: none;}
.shop_nav_pc h3 {font-size: 16px;margin: 0;padding-bottom: 5px;margin-bottom: 12px;border-bottom: 1px solid #aaa;}
.shop_nav_pc .sub_title {font-size: 14px;font-weight: normal;}

.shop_nav_pc .other_menu {display: flex;gap: 25px;margin-right: 20px;align-items: center;}
.shop_nav_pc .user_btn {display: flex;text-align: center;gap: 10px;}
.shop_nav_pc .user_btn a {padding: .5em;border-radius: 5px;text-decoration: none;}
.shop_nav_pc .user_btn a:hover {background: #eee;}
.shop_nav_pc .user_btn img {width: 20px;}
.shop_nav_pc .user_btn p {font-size: 12px;margin: 0;color: #333;}
.shop_nav_pc .search_area form {display: flex;margin: 0;}
.shop_nav_pc .search_area input {height: 40px;width: 150px;border: 0;background: #fff;padding-left: 1em;border-radius: 5px 0 0 5px;font-size: 14px;}
.shop_nav_pc .search_area button {height: 40px;width: 40px;border: 0;background: #fff;border-radius: 0 5px 5px 0;cursor: pointer;}
.shop_nav_pc .search_area img {width: 70%;}
.shop_nav_pc .sns_btn {display: flex;gap: 20px;}
.shop_nav_pc .sns_btn a {width: 30px;height: 30px;}
.shop_nav_pc .sns_btn img {width: 100%;}

@media screen and (max-width:1430px) {
	.shop_nav_pc {gap: 0;}
	.shop_nav_pc h2 {font-size: 16px;}
	.shop_nav_pc .other_menu {gap: 15px;margin-right: 10px;}
	.shop_nav_pc .sns_btn {gap: 15px;}
}
@media screen and (max-width:1355px) {
	.shop_nav_pc h2 {font-size: 14px;}
	.shop_nav_pc .sns_btn a:first-child {display: none;}
	.shop_nav_pc .search_area input {width: 120px;font-size: 12px;padding-left: .5em;}
}
@media screen and (max-width:1230px) {
	.shop_logo p {display: none;}
	.shop_nav_pc .menu_detail_block {padding: 0 10px;}
}

@media screen and (max-width: 1086px) {
	.shop_nav_pc {display: none;}
	.shop_logo p {display: inline-block;}
}

.shop_nav_sp {padding: 0 10px 30px 10px;}
.shop_nav_sp .search_user {display: flex;justify-content: space-between;gap:1em;margin: 1em 0;}
.shop_nav_sp .search_area form {display: flex;margin: 0;}
.shop_nav_sp .search_area input {height: 40px;border: 0;background: #fff;border-radius: 5px 0 0 5px;padding-left: .5em;min-width: 150px;width: calc(100% - 185px - 1em);font-size: 14px;}
.shop_nav_sp .search_area button {width: 40px;height: 40px;border: 0;background: #fff;border-radius: 0 5px 5px 0;}
.shop_nav_sp .search_area img {width: 80%;}
.shop_nav_sp .user_btn {display: flex;gap: 5px;text-align: center;}
.shop_nav_sp .user_btn a {height: 100%;display: flex;min-width: 45px;flex-direction: column;justify-content: flex-end;}
.shop_nav_sp .user_btn img {width: 20px;margin: 0 auto;}
.shop_nav_sp .user_btn p {font-size: 10px;margin: 0;}

.shop_nav_sp .prod_btn {border-top: 1px solid #aaa;}
.shop_nav_sp .sp_prod_menu h2 {font-size: 16px;font-weight: normal;margin: 0;padding: 1em 10px;position: relative;}
.shop_nav_sp .prod_btn h2::after {content: '';display: inline-block;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #aaa;position: absolute;top: calc(50% - 3px);right: 15px;transition: all .2s ease-in-out;transform: rotate(180deg);transform-origin:50% 25%;}
.shop_nav_sp .prod_btn.closed h2::after {transform: rotate(0);}
.shop_nav_sp .sp_prod_menu h3 {font-size: 14px;margin: 0;padding: 0 0 7px 0;}
.shop_nav_sp .sp_prod_menu .sub_title {font-weight: normal;}
.shop_nav_sp .prod_list_sp {background: #fff;padding: 17px 10px;margin-bottom: 15px;position: relative;}
.prod_list_sp::before {content: '';display: inline-block;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #f5f5f5;position: absolute;left: calc(50% - 8px);top: 0;}
.prod_list_sp .solid_spec {padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px solid #aaa;}
.prod_list_sp .spec_list {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 5px;}
.prod_list_sp .sort_item {width: calc(100% - 105px - 1em);}
.prod_list_sp .spec_list .go_search a {width: 105px;margin: 0;}
.prod_list_sp .spec_list a {text-align: center;width: calc(50% - .5em);padding: .8em 0;background: #f5f5f5;font-size: 13px;}
.prod_list_sp .solid_spec.solid_color a {width: calc(33% - 4px);background: transparent;text-align: left;padding: .5em 0 .5em 2.3em;}
.prod_list_sp .spec_list a::before {content: none;}
.prod_list_sp .solid_all a {background: #333;color: #fff;text-align: center;width: 100%;padding: 1em 0;border-radius: 5px;}
.prod_list_sp .solid_spec.spec_search .spec_list form {display: flex;width: 100%;justify-content: space-between;}
.prod_list_sp .solid_spec.solid_color .spec_list a::before {content:'';width: 15px;height: 15px;border-radius: 0;left: 10px;top: calc(50% - 8.5px);}

.prod_list_sp .menu_detail_block {display: flex;gap: 5px;flex-wrap: wrap;justify-content: space-between;padding: .5em 0;}
.prod_list_sp .menu_detail_block > div {width: calc(50% - 6px);}
.prod_list_sp .menu_detail_block > div  a {font-size: 14px;padding: .8em 0;border: 1px solid #aaa;text-align: center;}
.shop_nav_sp .brand_site {border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.shop_nav_sp .brand_site h2 {position: relative;}
.shop_nav_sp .brand_site h2::after {content: '';display: inline-block;width: 7px;height: 7px;border-top: 1px solid #aaa;border-right: 1px solid #aaa;transform: rotate(45deg);position: absolute;top: calc(50% - 4px);right: 20px;}

.shop_nav_sp .sp_sns_btn {display: flex;justify-content: center;gap: 2em;padding: 1em 0;}
.shop_nav_sp .sp_sns_btn a {width: 50px;}
.shop_nav_sp .sp_sns_btn a img {width: 100%;}

@media screen and (max-width: 1086px) {
	.shop_nav_pc {display: none;}
}

.side_link {width: 100%;text-align: center;margin-top: 2em;}
.side_link a {width: 230px;background: #333;color: #fff;padding: 1em 0;}