@charset "UTF-8";
/* CSS Document */
.slider .logo,.slider .sp,.number,.about_block dl br,.ttl p.emphasis br,.heading p:last-child,.about_block:last-child ul{display: none;}
.new_item,.about_area{ padding:80px 0;}
#contents{max-width: 100%; overflow: hidden;}
.head_area{position: relative; padding-top:105px; height: 100%; display:-webkit-box; display:-ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
.slider{ position: relative; width:70%; overflow: hidden;}
.heading{position: relative; width:29%;}
.heading_inner{width: 100%; position: absolute;top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.head_logo{width:130px; height:auto; margin: 0 auto; padding-bottom: 50px;}
.heading p{align-items: center; -webkit-box-align: center; -ms-flex-align: center; margin: 0 auto;}
.heading p.emphasis{font-size: 2.8rem; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; vertical-align: text-top; line-height: 2.0em; }
@-moz-document url-prefix() {.heading p.emphasis{width: 260px;}}
@media all and (-ms-high-contrast: none) {.heading_inner{top:0; left:0; right: 0; bottom:0; transform: none; }
.heading p.emphasis{ width: 260px; height:auto; position: absolute; left:30%; right: 10%; margin: 0 auto;}}	
.scrolldown{position:absolute; left:2%; animation: arrowmove 2s ease-in-out infinite;}
@keyframes arrowmove{ 0%{bottom:1%;} 50%{bottom:3%;} 100%{bottom:1%;}}
@-webkit-keyframes arrowmove{ 0%{bottom:1%;} 50%{bottom:3%;} 100%{bottom:1%;}}
.scrolldown span{padding-bottom: 60px; position: absolute; left:-5%; bottom:0; color: #898989; font-size:0.5rem; letter-spacing:0.3em; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.scrolldown span:before {content: ""; position: absolute; bottom: 0; right: -3px; width: 1px; height: 10px; background: #898989; -webkit-transform: skewX(-31deg); -ms-transform:skewX(-31deg); transform: skewX(-31deg);}
.scrolldown span:after{content:""; position: absolute; bottom:0; right:0; width:1px; height: 50px; background:#898989;}
@media all and (-ms-high-contrast: none) {.scrolldown span:before{ right: -6px;}}
.new_item{position: relative; }
.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 60px 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;}
.ttl p.emphasis{font-size: 2.5rem; padding-top:120px; position: relative; left:10px;}
.fade_txt01,.fade_txt01 span,.fade_txt02,.fade_txt02 span,.fade_txt03,.fade_txt03 span,.fade_txt04,.fade_txt04 span{ opacity: 0;}
.news_area{ margin: 0 auto; text-align:center; padding: 0 5px 100px 5px;}
.news_inner{text-align: left; margin: 15px 0; padding-top: 50px; width: 100%; }
.news_inner .line{ width: 100%; border-bottom: 1px solid #3e3a39; margin: 5px 0 20px 0;}
.news_area .txt_b{display: block; padding-bottom:20px; line-height: 1.6em; width: 100%; }
.news_area .date{display: inline-block; width: 13%; vertical-align: top; }
.news_area .article{display: inline-block; width: 85%; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal;}

.about_area{ width: 100%; margin: 0 auto; text-align:center; background-color: #efefef; }
.about_block{position: relative; display:-webkit-box; display:-ms-flexbox; display: flex; padding: 60px 0 40px 0; }
.about_block img{width: 50%; height: auto;}
.about_block{-webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;  }
.about_block:last-child{-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.about_block:last-child img{width: 40%; height: 40%; padding: 0 5%;}
.text_block{ width: 50%; position: relative;}
.about_block:last-child .text_block{ width:60%; margin: 0 auto;}
.text_inner{text-align: left; width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.text_block .text_inner p:first-child{ font-size: 0.9375rem; line-height: 2.0em; width: 80%; margin: 0 auto; padding: 0 0 7% 15%;}
.about_block p.emphasis{overflow: hidden; width: 100%; font-size: 2.5rem; line-height: 2.0em; margin: 0 auto; text-align: center; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.text_block .text_inner p:last-child{padding: 0 0 0 10%; }
.about_area a.btn_link{ padding: 20px 70px;}
.bnr_area{width: 100%; padding:80px 0 40px 0;}
.bnr_area .line .under,.news_area .line .under,.about_area .line .under{width: 70px}
.bnr_area ul{padding-top: 40px; letter-spacing: -0.5em;　position: relative;}
.bnr_area li{display: inline-block;  width: 33.3%; height: auto; padding: 0 5px 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:top;  }
.bnr_area li img{font-size: 0; letter-spacing: normal; z-index: 1;}
.hover {display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.caption{display: block; width: 100%; height: 100%; padding-top: 30px; position:absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background-color:rgba(0,0,0,0.8);
overflow: hidden; opacity:0; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; }
.hover:hover .caption{ opacity: 1; padding-top: 0;}
.caption .txt_b{font-size: 1rem; letter-spacing: 0.1em; line-height: 1.6em; width: 100%; height: 100%; color: #fff; margin: 0 auto; text-align: left; display: flex; display: -webkit-flex; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; justify-content: center;  -webkit-justify-content: center; -ms-flex-pack: center;}
.hover img:nth-child(2){display: none;}
/*仮*/
.item_inner img.new_mark_img1{display: none!important; }/*  新入荷アイコン*/
.number{display: none!important; }/* 品番*/

@media (max-width: 1400px){
.head_logo{width:100px;}	
.heading p.emphasis{font-size:2.3rem; line-height: 1.6em; }	
@-moz-document url-prefix() {.heading p.emphasis{width: 220px;}}	
.ttl p.emphasis br{display: block; line-height:0;}
.ttl p.emphasis{left:20px;}
.news_area{width: 90%;}	
.about_block p.emphasis{font-size: 2.25rem; letter-spacing: 0.3em;}	
.ttl p.emphasis	{font-size: 2.25rem;}
}
@media all and (max-width: 1400px) and (-ms-high-contrast: none) {
 *::-ms-backdrop, .heading p.emphasis{ width: 220px; position: absolute; left:15%; right: 10%; margin: 0 auto;}}

@media (max-width: 1024px){	
.cart01,#nav_toggle{display:none; }	
.cart01.db{display: block; position: fixed; top: 15px; right:0px; z-index: 12;}	
#nav_toggle.open.db{display: block; position: fixed; z-index: 12;}		
#nav_toggle.db{display: block; width: 2.5rem; height: 1.5rem; position: fixed; top: 23px; left:20px; z-index: 12;}	
	
.head_area{padding-top: 0; display: block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}	
.slider .logo{ position: absolute;top: 50%; left: 50%; z-index: 2; display: block; }
.slider .logo img{ width:160px; height:auto; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.slider_inner img{object-fit: cover; font-family: 'object-fit:cover;'; width: 100%; height: auto; height: 70vh; min-height: 100%;}	
.slider{width:100%; }
.heading{width:100%; overflow: hidden;}	
.heading_inner{ position: static; transform: none; }	
.heading p:last-child{position: relative; left:1%; display: block; margin: 0 auto; text-align: center; padding-top: 80px;}		
.heading p:nth-child(2),.head_logo{display: none;}	
.heading p.emphasis{font-size: 2.3rem; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode:lr-tb; }	
@-moz-document url-prefix() {.heading p.emphasis{width: 100%;}}	
.head_area .scrolldown{left:3%;}
.head_area .scrolldown span{color: #fff; bottom:200px; }
.head_area .scrolldown span:before,.head_area .scrolldown span:after{background: #fff; }
.about_block:last-child{ padding: 40px 0; }	
.about_block p.emphasis,.ttl p.emphasis{ font-size: 1.75rem;}	
.text_block .text_inner p:last-child{ font-size: 0.75rem;}
}
@media all and (max-width: 1024px) and (-ms-high-contrast: none) {
*::-ms-backdrop, .heading p.emphasis{ width: 100%; left:0; right: 0;}
*::-ms-backdrop, .slider_inner img{height: 100%; object-fit: cover; font-family: 'object-fit: cover;';}}


@media (max-width: 992px){
.new_item .txt_b,.about_area .txt_b,.bnr_area .txt_b{font-size: 0.75rem;}
.price{font-size: 1.4375rem;}
.tax{font-size:0.625rem;}
.sold_out{font-size: 1.1875rem;}	
.text-flex a.txt_b{ min-height:30px;}	
.text_block{display: block; width:100%; }
.about_block{display: block; text-align: center; margin: 0 auto; padding: 0;}
.about_block:last-child{display:-webkit-box; display:-ms-flexbox; display: flex;}	
.about_block:last-child img{width:40%; padding: 10px 0 0 0; }
.text_inner{ width: 90%; }
.about_block p.emphasis{ position: static; transform: none; padding: 50px 0 80px 0; line-height: 1.4em; letter-spacing: 0.5em;}
.text_block span{display: none;}
.about_block:last-child .text_block{width: 100%;}	
.text_block .text_inner p:first-child{font-size: 0.75rem; width: 90%; padding: 0 0 10% 0; line-height: 1.8em; }	
.text_block .text_inner p:last-child{font-size: 0.75rem; padding: 0; }	
.news_area .txt_b{font-size: 0.75rem;}
.news_area .date{display: block; width: 100%; padding-bottom: 10px;}
.news_area .article{display: block; width: 100%; }	
.news_area .txt_b br{display: inline;}	
.hover img:nth-child(2){display: block;}
.bnr_area{padding:60px 0 0 0;}
}
@media (min-width: 768px) and (max-width: 992px){
.item_container{padding: 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 ;}
.about_block img.ofi{display: block; width:100%; height: 30vh; min-height: 100%; object-fit: cover; font-family: 'object-fit:cover;'; }	
.bnr_area li{ padding: 0 !important;}
}	
@media all and (max-width: 992px) and (-ms-high-contrast: none) {
*::-ms-backdrop, .about_block img.ofi{height: 100%; object-fit: cover; font-family: 'object-fit: cover;';}}
@media (max-width: 768px){
#contents .container {padding: 0 10px; }/*reset*/
.heading p.emphasis{font-size: 2.0rem; }
.text-flex{padding-top: 10px 0 0 0;}
}
@media (max-width: 767px){
#contents .container{padding: 0 5px;  overflow: hidden;}
.slider{padding-bottom: 0; top:0;}	
.slider .logo img{ width: 120px;}
.slider_inner .item img{ height: 75vh;}	
.heading{height: 25vh;}
.heading p.emphasis{width:100%; line-height: 1.6em; position: absolute; top: 50%; left:50%; transform: translate(50%,-50%); -webkit-transform: translate(-48%,-50%);}	
.line .under{width: 60px;}
.heading p.emphasis,.about_area p.emphasis,.ttl p.emphasis{font-size:1.5625rem; }
.heading p:last-child{padding-top: 0;}
.new_item{padding:0 10px 50px 10px;}		
.ttl p.emphasis{padding-top:80px; left:0;}	
.item_container{padding-top: 0;}	
.item_inner{width: 50%; padding: 0 5px 40px 5px;}
.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: 5px; }	
.item_inner:nth-child(2n) .text-flex a.txt_b{ padding-right: 0;}	
.about_block dl br{display: inline;}	
.article{position: relative; top:-5px}	
.news_area{padding:0 0 50px 0;}
.news_inner{padding-top: 20px;}
.about_area{padding:50px 0 80px; overflow: hidden;}
.about_block p.emphasis	{padding: 40px 0 20px 0; width: 90%;}
.text_block p.txt_b{line-height: 2.2em;}
.about_block img{width: 100%;}
.text_block .text_inner p:first-child{padding: 0 0 10% 0; line-height: 2.0em}	
.text_block br,.about_block img.sp{display: none;}
.about_block:last-child{display: block; padding: 30px 0 10px 0;}
.about_block:last-child ul{display: block;}
.about_block:last-child li:nth-child(1) img{float: left; padding-bottom: 30px;}
.about_block:last-child li:nth-child(2) img{float: right; padding-bottom: 30px;}
.about_block:last-child li:nth-child(3) img{float: left;}	
.about_block:last-child img	{width: 70%; height: 70%;}	
.about_block:last-child ul::after {content: ""; display: block;clear: both;}	
.text_inner{ position: static; transform: none; margin: 0 auto; width: 90%; padding: 0 0 80px 0;}
#contents .bnr_area .container{padding: 0; text-align: left; }
.bnr_inner{padding-top: 30px; }
.bnr_area{padding:30px 0 0 0;}
.bnr_area ul{padding-top: 30px;}
.bnr_area li{width:50%; padding: 0;}
}

@media (orientation: landscape) and (max-width: 1023px){
.slider_inner .item img{ height: 100vh; }	
.heading{min-height: 250px;}
}

@media (orientation: portrait) and (max-width: 600px){
.slider .sp{display: block;}
.slider .pc{display: none;}
.scrolldown{left:5%;}	
.about_area a.btn_link{ padding: 20px 80px;} 
.about_block dd:nth-child(7){font-size: 0.5rem; text-align:center;}	
}

@media (max-width: 430px){
.heading p.emphasis{font-size:1.375rem; letter-spacing: 0.3em; padding: 30px 10px 20px 10px; }	
.item_inner:nth-child(2n) .text-flex,.item_inner:nth-child(2n) .price{ width: 102%; }
.bnr_area li:nth-child(2n){position: relative; right:-0.05%;}	
.ttl p.emphasis{left:1%;  }
.about_area p.emphasis,.ttl p.emphasis{font-size:1.25rem; letter-spacing: 0.3em;}	
.caption .txt_b{font-size:0.625rem;}
.about_block dd:nth-child(7){text-align:left;}		
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 430px){.caption{}}

@media (max-width: 360px){	
.heading p:last-child{display: block; text-align: center;}
.heading p:nth-child(2),.text_block p.emphasis br{display: none;}		
.heading p.emphasis,.about_area p.emphasis,.ttl p.emphasis{font-size:1.25rem; }
.about_area a.btn_link{ padding: 20px 60px;}
.price{font-size: 1.3125rem; line-height: 1.2em;}	
.price:nth-child(2n+1){display: block; width: 85%;}		
}


@media (max-width: 320px){	
.scrolldown{display: none;}
}