@charset "UTF-8";
/* CSS Document */
#list .container{padding: 0;}
br{ line-height: initial;}
.text-flex {padding-top: 10px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
.item_container{padding-top: 50px; display:block; width: 100%; letter-spacing: -0.5em;}
.item_inner{display: inline-block; width: calc(100% / 4); height: auto; box-sizing: border-box; padding: 0 5px 70px 5px; vertical-align: top; letter-spacing: normal;font-size: 0; }
.item_inner a,.text-flex,.price{letter-spacing: 0.1em; }
.price{font-family:"din-2014",Helvetica,Arial,sans-serif; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 1.0em; position: relative; top:5px;}
.tax{font-family: source-han-sans-japanese, sans-serif; font-size:0.75rem; font-weight: 600; line-height: 0.6em; letter-spacing: 0.1em;}
.sold_out{font-size: 1.5rem;}
#list .list_item .img.new_mark_img1{display: none!important; }/*  新入荷アイコン*/
#list .list_item .number{display: none!important; }/* 品番*/
#list .txt_b{font-size: 1rem; font-family: heisei-kaku-gothic-std,"Helvetica Neue",Helvetica,Arial,source-han-sans-japanese, sans-serif; font-weight: 600; line-height: 1.4em; overflow-wrap: break-word; word-wrap: break-word;}
#list .list_item .txt_b{font-size: 0.875rem;}
#list .caution{position: relative; top:-10px;}
#list .main_ttl{position: relative; overflow: hidden; text-align: center; max-width:100%; padding:70px 0 50px 0;}
#list .main_ttl .ttl{position: absolute;top: 55%; left: 50%; z-index: 2;}
#list .main_ttl .ttl img{max-width:1000px; height:auto; -webkit-transform: translate(-50%,-45%); transform: translate(-50%,-45%);}
#list .main_ttl .bg_img img{ object-fit: cover; font-family: 'object-fit: contain;'; width: 100%;  height: auto; height: 40vh; min-height: 100%;}
#list .main_ttl .bg_img img:nth-child(2){display: none;}
#list .cg_freespace_01{overflow-wrap: break-word; word-wrap: break-word;}
#list .cg_freespace_01 .bnr{padding: 20px 0; }
#list .cg_freespace_01 .bnr img{display:inline-block; width: 35%; padding: 0 15px;}
#list .cg_freespace_01 dl{padding: 50px 0; width: 90%; margin: 0 auto; }
#list .cg_freespace_01 dt{font-size: 1.25rem; padding-bottom: 10px;}
#list .cg_freespace_01 dd{font-size: 0.875rem; padding-bottom: 40px; line-height: 1.8em; }
#list .cg_freespace_01 ul{display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;align-items: center; padding-bottom: 80px;}
#list .cg_freespace_01 ul:nth-child(2n){-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row-reverse;}
#list .cg_freespace_01 li{width: 40%; line-height: 0.8em; font-size: 0.875rem; }
#list .cg_freespace_01 li .name{ font-size: 1.25rem; line-height: 1.4em;}
#list .cg_freespace_01 li.txt .name{ font-size: 1rem; font-weight: 700; letter-spacing: 0.1em;}
#list .cg_freespace_01 li .reading{font-size: 0.9375rem;}
#list .cg_freespace_01 li.txt_b{ justify-content: center; align-items: center; padding: 0 60px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.8em;}
#list .cg_freespace_01 li.txt{ justify-content: center; align-items: center; padding: 0 60px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.8em;}
#list .cg_freespace_01 .introduction03 li.txt{padding: 0 30px;}
#list .cg_freespace_01 li.txt{letter-spacing:0.05em; font-size: 0.875rem; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; line-height:1.8em; }
#list .cg_freespace_01 li.txt br{display:block; content: ""; padding-bottom:10px; }
#list .cg_freespace_01 li.txt_b br{display:block; content: ""; margin-bottom:10px; }
#list .caution_inner p:first-child{font-size: 0.75rem; line-height: 1.4em;}
#list .introduction01,#list .introduction02,#list .introduction03,#list .introduction04{margin-top: 60px;}
.list_ttl{padding: 80px 0 30px 0;}
.list_ttl h2{font-family:"din-2014",heisei-kaku-gothic-std,Helvetica,Arial,sans-serif; font-size: 2.1875rem; font-style: normal; font-weight: 600; letter-spacing: 0.1em; text-indent: 0.2em; line-height: 1.2em;}
.list_ttl br{display: none;}
.cate_small{font-size: 1.5rem;}/*設定のグループ文字*/
.sort li{display:inline-block; font-size: 0.875rem; padding: 0 5px; }
.sort a.btn_link{padding: 10px 30px;}
.pager_area{padding-bottom: 50px;}
.pager_area li{ margin: 0 2px; font-size: 1rem; font-family:"din-2014",Helvetica,Arial,sans-serif; font-style: normal; font-weight: 600; }
.pager_area .btn_link{position: relative; border: 1px solid #3e3a39; border-radius:20px;}
.pager_area li a.btn_link,.pager_area .btn_link{ padding: 5px 30px;}
.pager_area a:hover {background-color: #3e3a39; color: #fff; border-radius:20px; -webkit-transition: all .2s; transition: all .2s;}
.pager_area .txt_b{font-size: 0.75rem!important;}
#list .noitem{font-size:1.125rem; text-align: center; padding-bottom: 50px;}
#list .introduction01,#list .introduction02,#list .introduction03,#list .introduction04{padding-top: 80px;}
#list .cg_freespace_01 .introduction01 .bnr{padding-bottom: 50px; margin: 0 auto; text-align: center;}
#list .cg_freespace_01 .introduction01 .bnr img{ padding: 0 ;}
#list .cg_freespace_01 small{display: block; font-size:0.625rem; line-height: 1.4em; text-indent:-1em; padding-left:1em;}
#list .cg_freespace_01 .txt_s{font-size:0.625rem; line-height: 1.4em;}



.breadcrumb li{display:inline-block; font-size: 0.625rem;}

/*仮*/
.item_inner img.new_mark_img1{display: none!important; }/* 新入荷アイコン*/
.number{display: none!important; }/* 品番*/


@media (max-width: 1200px){
#list .main_ttl .ttl img{ max-width: 900px; }
#list .cg_freespace_01 ul{padding: 0 20px 50px 20px;}	
#list .cg_freespace_01 li{width: 50%;}	
#list .cg_freespace_01 li.txt_b,#list .cg_freespace_01 li.txt{ padding: 0 30px; }
}
@media (max-width: 1024px){
#list .main_ttl{ padding:0 0 50px 0;}	
#list .main_ttl .ttl{top: 50%;}
#list .main_ttl .ttl img{ -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}	
#list .cg_freespace_01 .container{padding: 0; max-width: 100vw; width:100%; }
#list .introduction01,#list .introduction02,#list .introduction03,#list .introduction04{margin-top: 10px;}	
#list .cg_freespace_01 ul{padding: 0 0 80px 0; }	
#list .cg_freespace_01 li:nth-child(2n+1){width: 50%; }	
.list_ttl{padding: 20px 0 30px 0;}	
}
@media (max-width: 992px){
#list .main_ttl .ttl img{ max-width:700px; }
.list_ttl h2{ font-size: 1.875rem; }	
#list .cg_freespace_01 dt,#list .cg_freespace_01 li .name{font-size: 1rem;}	
#list .cg_freespace_01 li .reading{font-size: 0.6875rem;}	
#list .cg_freespace_01 dd,#list .cg_freespace_01 li{font-size: 0.75rem;}
#list .cg_freespace_01 li.txt{font-size:0.8125rem;}
#list .cg_freespace_01 li.txt .name{ font-size: 0.875rem!important; }		
#list .cg_freespace_01 li.txt_b{font-size:0.875rem!important;}	
.price{font-size: 1.4375rem;}
.tax{font-size:0.625rem;}
.sold_out{font-size: 1.1875rem;}	
#list .list_item .txt_b{font-size: 0.75rem;}
.text-flex a.txt_b{ min-height:35px; }		
}
@media (min-width: 768px) and (max-width: 992px){
#list .cg_freespace_01 .bnr img{width: 40%; padding: 0 15px;}	
.item_container{padding: 60px 10px 0 10px;}	
.item_inner{width:32.5%; }
.text-flex a.txt_b{padding-right: 10px; }
.item_inner:nth-child(3n) .text-flex a.txt_b{padding-right: 0;}	
.item_inner img{padding: 0 ;}
.new_item .txt_b,.news_area .txt_b,.about_area .txt_b,.bnr_area .txt_b{font-size: 0.75rem;}
.text-flex a.txt_b{ min-height:30px; }	
.item_inner:nth-child(2n+1) .text-flex a.txt_b{padding-right: 15px; }	
.item_inner:nth-child(2n) .text-flex a.txt_b{ padding-right: 0;}
}	
@media (max-width: 768px){
#list .container {padding: 0 10px; }/*reset*/
}
@media (max-width: 767px){
#list .container {padding: 0;}	
#list{padding-top: 50px;}	
.list_ttl {padding: 20px 10px;}	
.list_ttl h2{font-size: 1.5rem; }
.cate_small{font-size: 0.875rem;}
#list .caution_inner{width: 90%; margin: 0 auto; text-align: center;}	
#list .caution_inner p:first-child{font-size: 0.625rem;}	
#list .cg_freespace_01 .bnr img{display:block; width: 90%; margin: 0 auto; text-align: center; padding: 0 15px 15px 15px;}	
#list .cg_freespace_01 .bnr img:last-child{padding: 0 15px 0 15px;}	
#list .txt_b{font-size: 0.6875rem;}	
#list .cg_freespace_01 dl{width: 90%; padding: 50px 0 30px 0;}
#list .cg_freespace_01 ul{display: block;padding: 0 20px;}
#list .cg_freespace_01 ul:nth-child(1){padding-bottom: 50px;}	
#list .cg_freespace_01 .introduction01 ul,#list .cg_freespace_01 .introduction02 ul,#list .cg_freespace_01 .introduction03 ul,#list .cg_freespace_01 .introduction04 ul,#list .cg_freespace_01 .introduction05 ul{padding-bottom: 50px;}
#list .cg_freespace_01 .introduction01 ul:last-child,#list .cg_freespace_01 .introduction02 ul:last-child,#list .cg_freespace_01 .introduction03 ul:last-child{padding-bottom: 50px;}		
#list .cg_freespace_01 li,#list .cg_freespace_01 li:nth-child(2n+1){width: 100%;}
#list .cg_freespace_01 li.txt_b,#list .cg_freespace_01 li.txt{width: 100%; padding: 20px 0 0 0;}
#list .cg_freespace_01 .introduction03 li.txt,#list .cg_freespace_01 .introduction04 li.txt{padding: 20px 0 0 0; }	
#list .cg_freespace_01 li.txt_b br{ margin-bottom:5px; }	
.bland_block li.bland{ padding: 20px 0 0 0;}
#list .main_ttl{padding:0 0 0 0; top:-50px;}
#list .main_ttl .bg_img img:nth-child(1),#list .main_ttl .ttl img:nth-child(1){display: none;}	
#list .main_ttl .bg_img img:nth-child(2){display: block;}
#list .cg_freespace_01 small{font-size: 0.5rem; line-height: 1.6em; text-indent:-1.3em; padding-left:1.3em;}
.sort li{font-size: 0.75rem;}
.pager_area{padding-bottom: 10px;}	
.pager_area li{font-size:0.875rem;}		
.list_item{padding: 0 15px;}	
.item_container{width: 100%; padding:30px 0 0 0; }
.item_inner{width:50%; padding: 0 5px 40px 5px;}	
.text-flex a.txt_b{ min-height:30px;}	
.item_inner:nth-child(2n+1) .text-flex a.txt_b{padding-right: 5px; }	
.item_inner:nth-child(2n) .text-flex a.txt_b{ padding-right: 0;}
#list .introduction02,#list .introduction03{margin-top: 0; position: relative; top:-30px;}	
#list .noitem{font-size:1rem;}	
}

@media (max-width: 430px){
.list_ttl br{display: block;}	
.item_inner:nth-child(2n) .text-flex,.item_inner:nth-child(2n) .price{ width: 102%; }	
}

@media (max-width: 360px){
.price{font-size: 1.4375rem; line-height: 1.2em;}	
.price:nth-child(2n+1){display: block; width: 85%;}		
}