@charset "utf-8";
/* CSS Document */



/* トップ */

/* ホーム用ギミック */
#head.home-off{background:unset;z-index: 9999;position: absolute;}
#head.home-on{background:#660000;position:fixed;z-index: 9997;}
#head.home-off .img-logo{display:none;}
#head.home-on .img-logo{display:block;}


@media screen and (min-width: 767px){
/* ファーストビュー */
#home .contents-001{position:relative;z-index: 9998;height: 100%;object-fit: cover;}
#home .contents-001 .base{position: relative;background: #000;margin: 0 auto;width: 100%;}
#home .contents-001 .fixed-news{position:absolute;top: 5px;left: 10px;color: #FFF;}
#home .contents-001 .fixed-news img{width:20px; margin-right:5px; display:inline-block; vertical-align:middle;}
#home .contents-001 .fixed-news span{display:inline-block; vertical-align:middle;}
    
#home .contents-001 .link-access{position:absolute;bottom: 4%;right:0;}
#home .contents-001 .circle-box{height: 150px;width: 150px;position: relative;}

#home .contents-001 .link-access span{display:block;text-align: center;color: #FFF;position: absolute;bottom: 0;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);font-weight: normal;}
#home .contents-001 .link-access .circle{stroke:#fff;stroke-width:1px;width: 150px;height: 150px;}
#home .contents-001 .link-access .arrow{stroke:#fff;stroke-width:1px;width: 50px;height: 60px;top: 28%;right: 55%;}

#home .contents-001 .img-001{opacity:.6;max-width: 100%;width: 100%;height: 800px;object-fit: cover;object-position: 65% 50%;}
#home .contents-001 .img-002{position:absolute;max-width:250px;top: 47%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}

/* お知らせ */
#home .contents-002 .inner{max-width: 750px;margin: 30px auto 0 auto;height: 320px;width: 96%;overflow: hidden;} 
#home .contents-002 ul{width: 660px;}
#home .contents-002 ul li{box-sizing: border-box;padding: 0;margin: 0px 10px;min-width: 200px;}
#home .contents-002 ul li:nth-child(4){display:none;}
#home .contents-002 .btn-link{margin-bottom:30px;}

/* 当店について */
#home .contents-003{margin: 0 auto;text-align: center;overflow: hidden;background: url(../img/bg_red.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;padding-bottom: 50px;}
#home .contents-003 .base{position:relative;}
#home .contents-003 h2{font-size: 2em;font-family:serif;}
#home .contents-003 h2{}
#home .contents-003 h2 span{position: absolute;top: 50%;margin: 0;line-height: 1em;white-space: nowrap;font-weight:normal;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: mixed;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
#home .contents-003 h2 .txt-001{top: 39%;left: 50%;font-size: .8em;margin-left: 50px;}
#home .contents-003 h2 .txt-002{left: 50%;font-size: 1.2em;}
#home .contents-003 p{max-width:640px;text-align: center;margin:0 auto 50px auto;line-height: 2.5em;font-size: 1.1em;}

/* 商品案内 */
#home .contents-004{padding-top:50px;}
#home .contents-004 .inner{width: 750px;margin: 0 auto 50px auto;position:relative;}
#home .contents-004 .vertical-field{position:absolute;z-index:2;left: 1%;}
#home .contents-004	.first-views{position:relative;width:100%;margin: 0 0 50px 0;height: 537px;}
#home .contents-004	.first-views .img-001{padding-top: 10px;}
#home .contents-004	.first-views .txt-box{position:absolute;bottom: 0;right: 0;max-width: 420px;text-align: justify;width: 54%;}	
#home .contents-004 p{text-align:justify;}
    
#home .contents-004 ul{display: flex;flex-wrap: wrap;margin-top: 2%;justify-content: space-between;}		
#home .contents-004 ul li:nth-child(n+2){max-width: 450px;margin: 25px 0;width: 48%;}	
#home .contents-004 ul li:nth-child(n+2) .txt-box{max-width: 390px;margin-left: 60px;width: 80%;}

	
#home .contents-004 h3{font-family:serif;font-weight:normal;margin-bottom: 10px;}
#home .contents-004 h3 .txt-001{font-weight:bold; margin-right:5px;}
#home .contents-004 h3 .txt-002{font-size: 1.5em;}
	
	
#home .contents-004 .link-itemlist{position:absolute;top: 35%;right: 0px;}
#home .contents-004 .inner .circle-box{height: 120px;width: 120px;position: relative;}

#home .contents-004 .link-itemlist span{display:block;text-align: center;color: #FFF;position: absolute;bottom: 0;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);font-weight: normal;width: 100%;letter-spacing: 2px;font-size: .9em;}
#home .contents-004 .link-itemlist .circle{stroke:#fff;stroke-width:1px;width: 120px;height: 120px;}
#home .contents-004 .link-itemlist .arrow{stroke:#fff;stroke-width:1px;width: 41px;height: 60px;top: 20%;right: 57%;}

#home .contents-004 .btn-link.red{margin:unset;width: 180px;height: 40px;}
#home .contents-004 .btn-link.red .txt-link{font-size: .9em;left: 42%;}
#home .contents-004 .btn-link .arrow-fixed{width: 22px;height:10px;stroke:#fff;stroke-width: 2px;right: 7%;}
#home .contents-004 .btn-link:hover .arrow-fixed{right:4%;}

#home .contents-004 .btm-area{height:180px;margin: 0 auto;text-align: center;overflow: hidden;background: url(../img/bg_bk.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;position: relative;}
#home .contents-004 .btm-area .btn-link.ocher{position:absolute;top: 50%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}


/* 店舗案内 */
#home .contents-005{padding-top: 30px;}
#home .contents-005 .inner{margin-bottom: 200px;}
#home .contents-005 .base{width:960px;margin: 0 auto 50px auto;position:relative;height: 820px;}
#home .contents-005 .img-001{position:absolute; top:0;}

#home .contents-005 .vertical-field {left: 30px;height: 260px;top: 34px;}

#home .contents-005 h3{font-family:serif;text-align: center;font-size: 1.8em;font-weight: normal;}
#home .contents-005 h3 .txt-001{display:block;}
#home .contents-005 p{width:640px;text-align: center;margin: 0 auto 50px auto;line-height: 2.5em;font-size: 1.1em;}

#home .contents-005 .btm-area{margin: 0 auto;text-align: center;/* overflow: hidden; */background: url(../img/bg_red.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;position: relative;height: 250px;}
#home .contents-005 .btm-area ul{max-width: 750px;width: 96%;display:flex;position: absolute;top: 15%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);justify-content: space-between;}
#home .contents-005 .btm-area ul li{max-width: 250px;margin:10px;}
#home .contents-005 .btm-area ul li .txt-001{color:#FFF; font-size:1.2em; display:block; margin-top:20px;}	
#home .contents-005 .btm-area ul li .txt-link{color:#FFF;font-size: .8em;display:block;font-family:serif;margin-top: 5px;}	

#home .contents-005 .btm-area ul li span{transition: all .2s linear;}	
#home .contents-005 .btm-area ul li:hover span{opacity:.8;}	


/* スライダーエリア（共通あり） */
.slider-area{background: url(../img/bg_bei.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;position: relative;height: 180px;}
.slider-area ul{max-width: 820px;width: 90%;margin:0 auto;top: 50%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}	
.slider-area ul li{max-width: 300px;margin:0 10px;}	
.slider-area .slick-arrow {display: block;position: absolute;top: -70px;bottom: 0;padding: 0;color: transparent;z-index: 1;}
.slider-area .slick-next::before,
.slider-area .slick-next::after,
.slider-area .slick-prev::before,
.slider-area .slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.slider-area .slick-next::after,
.slider-area .slick-prev::after {width: 26px;height: 26px;border-top: 1px solid #231815;border-right: 1px solid #231815;}
.slider-area .slick-next {right: -25px;background: none;border: none;top:-5px;}
.slider-area .slick-next::after {right: 4px;transform: rotate(45deg);}
.slider-area .slick-prev {left: -25px;background: none;border: none;top: -5px;}
.slider-area .slick-prev::after {left: 4px;transform: rotate(-135deg);}	
}

@media screen and (min-width: 1023px){
	
/* お知らせ */
#home .contents-002 .inner{max-width: 980px;margin: 40px auto;height: 300px;overflow: hidden;} 
#home .contents-002 ul{width: 880px;overflow: hidden;}
#home .contents-002 ul li{box-sizing: border-box;padding: 0;margin: 0 10px;min-width: 200px;}
#home .contents-002 ul li:nth-child(4){display:block;}


/* 商品案内 */
#home .contents-004 .inner{width:960px;margin: 0 auto 50px auto;position:relative;}
#home .contents-004 ul li:nth-child(n+2){width:450px;margin: 25px 0;}	
#home .contents-004 ul li:nth-child(n+2) .txt-box{width: 390px;margin-left: 60px;max-width: unset;}
#home .contents-004 .link-itemlist{position:absolute;top: 44%;right: 0px;}	
#home .contents-004	.first-views{position:relative;width:100%;margin: 0 0 50px 0;height: 615px;}
#home .contents-004	.first-views .img-001{padding:unset;}
#home .contents-004	.first-views .txt-box{position:absolute;bottom:0;right: 0;width: 530px;text-align: justify;max-width: unset;}	
	
}

@media screen and (max-width: 767px){
	
/* ファーストビュー */
#home .contents-001{position:relative;z-index: 9998;height: 100%;object-fit: cover;}
#home .contents-001 .base{position: relative;max-width: 450px;background: #000;margin: 0 auto;}
#home .contents-001 .fixed-news{position:absolute;top: 5px;left: 10px;color: #FFF;}
#home .contents-001 .fixed-news img{width:20px; margin-right:5px; display:inline-block; vertical-align:middle;}
#home .contents-001 .fixed-news span{display:inline-block; vertical-align:middle;}
    
#home .contents-001 .link-access{position:absolute;bottom: 3%;right: -4%;}
#home .contents-001 .circle-box{height: 150px;width: 150px;position: relative;}

#home .contents-001 .link-access span{display:block;text-align: center;color: #FFF;position: absolute;bottom: 5px;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);font-weight: normal;letter-spacing: 2px;font-size: 1em;}
#home .contents-001 .link-access .circle{stroke:#fff;stroke-width:1px;width: 150px;height: 150px;}
#home .contents-001 .link-access .arrow{stroke:#fff;stroke-width:1px;width: 50px;height: 60px;top: 28%;right: 55%;}

#home .contents-001 .img-001{opacity:.6;width:100%;}
#home .contents-001 .img-002{position:absolute;max-width: 225px;top: 47%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}

/* お知らせ */
#home .contents-002 .inner{max-width: 430px;margin: 20px auto 0 auto;height: 280px;width: 100%;} 
#home .contents-002 ul{/* width: 85%; */}	
#home .contents-002 ul li{box-sizing: border-box;padding: 0;margin: 0 10px;min-width: 200px;}

/* 当店について */
#home .contents-003{margin: 50px auto 0px auto;text-align: center;overflow: hidden;background: url(../img/bg_red_sp.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;padding-bottom: 45px;}
#home .contents-003 .base{position:relative;padding: 90px 0;}
#home .contents-003 h2{font-size: 2em;font-family:serif;}
#home .contents-003 h2{}
#home .contents-003 h2 span{position: absolute;top: 50%;margin: 0;line-height: 1em;white-space: nowrap;font-weight:normal;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: mixed;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
#home .contents-003 h2 .txt-001{top: 34%;left: 50%;font-size: .7em;margin-left: 50px;}
#home .contents-003 h2 .txt-002{left: 50%;font-size: 1.2em;}
#home .contents-003 p{max-width: 400px;text-align:justify;margin:0 auto 50px auto;width: 90%;}	
#home .contents-003 p br{display:none;}

/* 商品案内 */
#home .contents-004{padding-top: 20px;}
#home .contents-004 .inner{width: 100%;position:relative;max-width: 400px;}
#home .contents-004 .inner ul{width:90%; margin:0 auto;}
#home .contents-004 .vertical-field{position:absolute;z-index:2;left: 4%;height: 250px;}
#home .contents-004	.first-views{position:relative;}
#home .contents-004 .link-itemlist{position:absolute;right: -11px;top: 44%;}
#home .contents-004 .link-itemlist span{display:block;text-align: center;color: #FFF;position: absolute;bottom: 0;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);font-weight: normal;width: 100%;letter-spacing: 2px;font-size: 1em;letter-spacing: 0;}
#home .contents-004 .link-itemlist .circle{stroke:#fff;stroke-width:1px;width: 120px;height: 120px;}
#home .contents-004 .link-itemlist .arrow{stroke:#fff;stroke-width:1px;width: 41px;height: 60px;top: 20%;right: 57%;}
	
#home .contents-004 .inner .circle-box{height: 120px;width: 120px;position: relative;}
	
#home .contents-004 h3{font-family:serif;font-weight:normal;margin: 5px 0;text-align:right;}
#home .contents-004 h3 .txt-001{font-weight:bold;margin-right: 5px;}
#home .contents-004 h3 .txt-002{font-size: 1.8em;}	

#home .contents-004 .txt-box p{text-align:justify;padding-left: 30px;margin: 5px 0 20px 0;font-size: 1em;}
	
#home .contents-004 .btn-link.red{margin:unset;width: 180px;float:right;margin-bottom: 30px;height: 45px;}
#home .contents-004 .btn-link.red .txt-link{font-size: .9em;left: 42%;}
#home .contents-004 .btn-link.red .arrow-fixed{width: 22px;height:10px;stroke:#fff;stroke-width: 2px;right: 7%;}	

#home .contents-004 .btm-area{height: 150px;margin: 0 auto;text-align: center;overflow: hidden;background: url(../img/bg_bk_sp.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;position: relative;}
#home .contents-004 .btm-area .btn-link.ocher{position:absolute;top: 50%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}


/* 店舗案内 */
#home .contents-005{padding-top: 0;}
#home .contents-005 .inner{margin-bottom: 100px;}
#home .contents-005 .base{width: 100%;margin: 0 auto;position:relative;height: 450px;max-width:450px;}
#home .contents-005 .img-001{position:absolute; top:0;}
#home .contents-005 .vertical-field {left: 15px;height: 220px;top: 29px;}
	
#home .contents-005 h3{font-family:serif;text-align: center;font-size: 1em;font-weight: normal;}
#home .contents-005 h3 .txt-001{display:block;font-size: 2em;margin-bottom: 10px;}
#home .contents-005 h3 .txt-002{font-weight: bold;}	
#home .contents-005 h3 .txt-003{font-weight: bold;}
#home .contents-005 p{max-width: 400px;text-align:justify;margin: 0 auto 30px auto;width: 90%;}
#home .contents-005 p br{display:none;}
    
#home .contents-005 .btm-area{margin: 0 auto;text-align: center;/* overflow: hidden; */background: url(../img/bg_red_sp.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;position: relative;height: 146px;}
#home .contents-005 .btm-area ul{max-width: 400px;width: 96%;display:flex;position: absolute;top: 18%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
#home .contents-005 .btm-area ul li{margin: 5px;transition: all .2s linear;}
#home .contents-005 .btm-area ul li .txt-001{color:#FFF;font-size: .9em;display:block;margin-top: 11px;font-weight: bold;}	
#home .contents-005 .btm-area ul li .txt-link{color:#FFF;font-size: .7em;display:block;font-family:serif;margin-top: 4px;}	
#home .contents-005 .btm-area ul li:hover img{opacity:.8;}	

/* スライダーエリア（共通あり） */
.slider-area{background: url(../img/bg_bei.jpg);background-attachment: fixed;background-repeat:repeat;color: #FFF;position: relative;height: 120px;}
.slider-area ul{width: 96%;margin:0 auto;top: 50%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);max-width: 300px;}	
.slider-area ul li{max-width:300px; margin:0 10px;}	
.slider-area .slick-arrow {display: block;position: absolute;top: -70px;bottom: 0;padding: 0;color: transparent;z-index: 1;}
.slider-area .slick-next::before,
.slider-area .slick-next::after,
.slider-area .slick-prev::before,
.slider-area .slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.slider-area .slick-next::after,
.slider-area .slick-prev::after {width: 26px;height: 26px;border-top: 1px solid #231815;border-right: 1px solid #231815;}
.slider-area .slick-next {right: -25px;background: none;border: none;top:-5px;}
.slider-area .slick-next::after {right: 4px;transform: rotate(45deg);}
.slider-area .slick-prev {left: -25px;background: none;border: none;top: -5px;}
.slider-area .slick-prev::after {left: 4px;transform: rotate(-135deg);}	
	
}