@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 15px/1 "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; margin:0; padding: 0; background:#FFF; color:#000;  font-weight: 500; letter-spacing:1px;  -webkit-text-size-adjust: 100%; }
@media screen and (max-width: 1100px) {
body { font-size: 14px;}
}	 

a { text-decoration: none; color:#000; -webkit-transition:all .3s;transition:all .3s; }
a:focus,
a:hover { text-decoration: none; color:#000;  }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto; vertical-align: bottom; }
video { vertical-align: bottom;}
:focus { outline: 0; }
.trans03,
a:after { -webkit-transition:all .3s;transition:all .3s;  }

.box-sizing {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.text-tategaki { writing-mode: tb-rl; writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; }

.fn-mincho { font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.fn-gothic{  font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; }

.fn-PTSans {font-family: 'PT Sans', sans-serif;}
.fn-Roboto{font-family: 'Roboto', sans-serif;}
.fn-Lato,
.lato{font-family: 'Lato', sans-serif; }

.bg_beige{background-color: #F7F5F0;}

.fs24{ font-size: calc(24em / 15);}
.fs18{ font-size: calc(18em / 15)!important;}
.fs17{ font-size: calc(17em / 15);}
.fs12{ font-size: calc(12em / 15);}
.fs11{ font-size: calc(11em / 15);}
.fs10{ font-size: calc(10em / 15);}
@media screen and (max-width: 768px) {
    .fs24{ font-size: calc(24em / 18);}
    .fs18{ font-size: calc(18em / 18);}  
    .fs17{ font-size: calc(17em / 18);}  
} 

.centerposi,
.pc-centerposi { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.centertate,
.pc-centertate { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
.centeryoko,
.pc-centeryoko { position: absolute; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } 


/* button */
.cshover button,
.cshover a, 
a.cshover{ -webkit-transition:all .3s;transition:all .3s; }
.cshover button:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }

.col-l{ float:left; }
.col-r{ float:right; }

.tellink { pointer-events: none; }
@media screen and (max-width: 768px) {
.tellink { pointer-events: auto; }
}  
    
.flex { display: flex; flex-wrap: wrap; }
.flex-jcs {display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-center {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.flex-aic { display: flex; align-items: center; flex-wrap: wrap; }
.flex-jcc { display: flex; justify-content: center; flex-wrap: wrap; }
    
.inner1300max { max-width: 1300px; width: 100%; margin: 0 auto; }
.inner890 { max-width: 890px; width: calc(100% - 60px); margin: 0 auto; } 
.inner930 { max-width: 930px; width: calc(100% - 60px); margin: 0 auto; } 
.inner1075 { max-width: 1075px; width: calc(100% - 60px); margin: 0 auto; } 
.inner1052 { max-width: 1052px; width: calc(100% - 60px); margin: 0 auto; } 
.inner1100 { max-width: 1100px; width: calc(100% - 60px); margin: 0 auto; }
.inner1120 { max-width: 1120px; width: calc(100% - 60px); margin: 0 auto; }
.inner1200 { max-width: 1200px; width: calc(100% - 60px); margin: 0 auto; }
.inner1300 { max-width: 1300px; width: calc(100% - 60px); margin: 0 auto; }
@media screen and (max-width: 768px) {
.inner890,
.inner930,
.inner1075,
.inner1052,
.inner1100,
.inner1120,
.inner1200,
.inner1300 { width: calc(100% - 30px); }
}



.btn-new  a{ 
	position: relative;
	display: inline-block;
}
.btn-new a::before { 
    content: "NEW";
	position: absolute;
	top: -10px;
	left: -10px;
	color: #fff;
	background: #bd0000;
	font-size: 12px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center
}

.btn-sale  a{ 
	position: relative;
	display: inline-block;
}
.btn-sale a::before { 
    content: "SALE";
	position: absolute;
	top: -10px;
	left: -10px;
	color: #bd0000;
	background: #fff;
    border: 1.5px solid #bd0000;
	font-size: 12px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center
}

/* common
==========================================================*/

.links-line { position: relative; display: inline-block; line-height:1; padding-left:82px; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 2px; -webkit-transition:all .3s;transition:all .3s; }
.links-line:after{
		content: '';
		position: absolute;
		top: 50%; left: 0;
		display: inline-block;
		width: 67px;
		height: 1px;
		background-color: #000;
		-webkit-transition:all .3s;transition:all .3s;
	
		}
a:hover .links-line { padding-left:62px; }
a:hover .links-line:after { width: 47px; }
a.coming { pointer-events: none; opacity: .4; }

.contents { overflow: hidden;}
.fn-red { color:#e60012; }


/* header
==========================================================*/
/* 
.langul li:first-child a,
#page-en .langul li:last-child a{ opacity: .3; pointer-events: none; }
#page-en .langul li:first-child a { opacity: 1; pointer-events: auto; }

body.no-en-page .langlink-en{ opacity: .3; pointer-events: none; } 



@media screen and (min-width: 769px) {
    .header { position: fixed; width: 100%; background: #fff; z-index: 2; }  
    .head-t { height: 40px; display: flex; justify-content: flex-end; background: #f5f5f5;}
    .headcontact { text-align: center;}
    .headcontact a { width: 200px; height: 40px; display: flex; justify-content: center; align-items: center; background: #cfd0d0;}
    .headcontact img { width: 15px; padding-right: 10px;}
    .langul { margin-right: 30px; display: flex; align-items: center;}
    .langul li {}
    .langul li:first-child { padding-right: 10px; margin-right: 5px; position: relative;}
    .langul li:first-child:after { content: "/"; position: absolute; top: 0; right: 0;}

    .head-b { height: 90px; align-items: center;}
    .headlogo { width: 280px; margin-left: 25px; }
    #menu { display: block !important;}
    .gnavwrap {}
    .gnavul { display: flex; font-family: 'Lato', sans-serif; }
    .gnavul > li > span,
    .gnavul > li > a { padding: 0 50px; height: 90px; line-height: 90px; display: block;}
    .gnavul li span,
    .gnavul li a.yaji{ position: relative; }
    .gnavul li span:after,
    .gnavul li a.yaji:after{ content: ""; position: absolute; right: 30px; top: calc(50% - 2px); width: 4px; height: 4px; border-bottom: 1px solid #000;  border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
    .gnavul li:hover span:after,
    .gnavul li:hover a.yaji:after{ border: none; border-top: 1px solid #000; border-left: 1px solid #000; }

    .headbtnwrap { display: flex;}
    .headbrn-l {}
    .headbrn-l a { width: 90px; height: 90px; font-size: 12px; background: #b29c67; display: flex; flex-direction: column; color: #fff; justify-content: center; align-items: center;}
    .headtouroku { width: 20px; margin-bottom: 10px;}
    .headbrn-r {}
    .headbrn-r a { width: 200px; height: 90px; font-size: 17px; background: #9f8648; display: flex; color: #fff; align-items: center; justify-content: center;}
    .headcart { width: 20px; margin-right: 5px; }

    .gnavover { padding: 30px 0; position: absolute; top: calc(40px + 90px); left: 0; width: 100%; background: #e8e7e3; display: none !important;}
    .gnavover_prod{height: calc(100vh - 130px); overflow: scroll;  overflow-x: hidden;}
    .gnavul > li:hover .gnavover { display: block !important; animation: gnavover 0.5s; }
    @keyframes gnavover {
    0% { opacity: 0; }
    100% { opacity: 1; }
    }

    .gnavstoredlwrap{ position: relative; padding-bottom: 120px;}
    .gnavstoredl { margin-bottom: 40px; }
    .gnavstoredlwrap > div .gnavstoredl { width: 100%;}
    .gnavstoredl a{ display: inline-block;}
    .gnavstoredl-cushion{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-chair{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-sleep{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-mattress{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-fitness{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-other{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-designers{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-wear{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-table{ width: 25%; margin-bottom: 70px;}
    .gnavstoredl-beauty{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-book{width: 25%; margin-bottom: 70px;}
    .gnavstoredl-sensory{width: 25%; margin-bottom: 70px;}
    .gnavstoredl dt{ margin-bottom: 10px; margin-left: -35px;}
    .gnavstoredl dt a{ padding-left: 35px; padding-right: 25px; height: 30px; line-height: 30px; position: relative;}
    .gnavstoredl dt a:after { right: 5px; top: calc(50% - 4px);width: 8px;height: 8px; position: absolute; content: "";border-top: 1px solid #bbb;border-right: 1px solid #aaa;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .gnavstoredl dt a:hover:after { right: 0;}
    .gnavstoredlimg{ width: 30px; position: absolute; top: 0; left: 0;}
    .gnavstoredl dd {}
    .gnavnavstoreul{ line-height: 1.2; letter-spacing: 0;}
    .gnavnavstoreul li{}
    .gnavnavstoreul li a{ padding: 5px 0;}
    br.show-1200 { display: none;}
    @media screen and (max-width: 1200px) {
        .gnavstoredlwrap{padding: 0 0 120px 10px;}
        br.show-1200 { display: inline;}
    }       

    .gnavoverul { margin-left: -50px;}
    .gnavoverul li { margin-left: 50px; }
    .gnavoverul li a {}

    @media screen and (max-width: 1150px) {
        .head-t { height: 30px; font-size: 13px}
        .headcontact a { width: 150px; height: 30px; }
        .headcontact img { width: 15px; padding-right: 10px;}
        .langul { margin-right: 10px;}
        .head-b { height: 70px;}
        .headlogo { width: 220px; margin-left: 15px; }
        .gnavul > li > span,
        .gnavul > li > a { padding: 0 40px; height: 70px; line-height: 70px; }
        .gnavul li span:after,
        .gnavul li a.yaji:after{ right: 20px; } 
        .headbrn-l a { width: 70px; height: 70px; font-size: 11px;}
        .headbrn-r a { width: 150px; height: 70px; font-size: 12px;}
        .headcart { width: 18px; margin-right: 5px; } 
        .gnavover { top: calc(30px + 70px); }

    }
    .header.active .head-t { height: 30px; font-size: 13px}
    .header.active .headcontact a { width: 150px; height: 30px; }
    .header.active .headcontact img { width: 15px; padding-right: 10px;}
    .header.active .langul { margin-right: 10px;}
    .header.active .head-b { height: 70px;}
    .header.active .headlogo { width: 220px; margin-left: 15px; }
    .header.active .gnavul > li > span,
    .header.active .gnavul > li > a { padding: 0 40px; height: 70px; line-height: 70px; }
    .header.active .gnavul li span:after,
    .header.active .gnavul li a.yaji:after { right: 20px; } 
    .header.active .headbrn-l a { width: 70px; height: 70px; font-size: 11px;}
    .header.active .headbrn-r a { width: 150px; height: 70px; font-size: 12px;}
    .header.active .headcart { width: 18px; margin-right: 5px; } 
    .header.active .gnavover { top: calc(30px + 70px); }      

    @media screen and (max-width: 900px) {
    .headlogo { width: 200px;}
    .gnavul > li > span,
    .gnavul > li > a,
    .header.active .gnavul > li > span,
    .header.active .gnavul > li > a { padding: 0 20px; }
    .gnavul li span:after,
    .header.active .gnavul li span:after,
    .gnavul li a.yaji:after,
    .header.active .gnavul li a.yaji:after{ right: 5px; } 
    .gnavoverdl,
    .header.active .gnavoverdl { margin-right: 40px;}
    .gnavoverdl:last-child,
    .header.active .gnavoverdl:last-child { margin-right: 0;}      
    }
    .head-sp{ display: none; }
}

@media screen and (max-width: 768px) {
    .head-t,
    .headlogo,
    .headbtnwrap { display: none; }

    .head-sp{ display: flex; justify-content: space-between; align-items: center; width: 100vw; height: 60px; position: fixed; background: #fff; z-index: 99999; }
    .headlogo-sp { width: 200px; }
    .head-sp-r {}
    .head-sp-r div {}
    .head-sp-r div a { width: 30px; height: 50px; display: flex; justify-content: center; align-items: center; }
    .head-sp-r div img { height: 15px; width: auto; filter: invert();}

    .gnavwrap { display: none;}
    .active .gnavwrap { display: block;}
    .gnavul { padding-top: 20px; padding-left: 10px; font-family: 'Lato', sans-serif; }
    .gnavul > li { margin-bottom: 20px;}
    .gnavul > li > span { position: relative; padding-right: 15px;}
    .gnavul > li > span:after { content: ""; position: absolute; right: 0; top: calc(50% - 2px); width: 4px; height: 4px; border-top: 1px solid #000;  border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
    .gnavover { padding-top: 80px; width: calc(100% - 120px); min-width: calc(50% + 20px); position: fixed; top: 0; right: 0; height: 100%; background: #f5f5f5; display: none; box-sizing: border-box; overflow: scroll; color: #999;}
    .gnavover .inner1100 { display: block;}   
    .gnavover-l { }
    .gnavoverdlwrap { display: block; }
    .gnavoverdl { margin-bottom: 30px;}
    .gnavoverdl dt {margin-bottom: 15px;}
    .gnavoverdl dd {margin-bottom: 10px; font-size: 12px;}
    .gnavover-l .gnavoverdl dd a { padding-right: 20px; display: inline-block; position: relative;} 
    .gnavover-l .gnavoverdl dd a:after { position: absolute; content: ""; right: 0; top: calc(50% - 2px); width: 4px; height: 4px; border-top: 2px solid #999;  border-right: 2px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
    .gnavstoredl { margin-bottom: 30px;}
    .gnavstoredl dt a { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end;}
    .gnavstoredl a { display: inline-block; padding: 5px 0;}
    .gnavstoredlimg { margin-left: 5px; width: 30px;}
    .gnavnavstoreul br { display: none;}
    .gnavoverul { display: block;}
    .gnavoverul li { margin-bottom: 20px; }
    .gnavoverul li a {}

    #menu { padding-top: 50px; position: fixed; left: 0; top: 0; width: 100%; height:100vh; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9999; overflow: scroll !important; background: #fff; box-sizing: border-box; display: none;}
    .navInner {padding: 15px; width: 50px; height: 50px; display: block; cursor: pointer; box-sizing: border-box;  z-index: 9999;}
    .menu-trigger { width: 20px; height: 10px; line-height: inherit; cursor: pointer; position: relative; display: inline-block; transition: all .4s; box-sizing: border-box; }
    .menu-trigger.active { margin-left: 0; }
    .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; width: 100%; height: 1px; background-color:  #000 !important;; }
    .menu-trigger span:nth-of-type(1) { top: 0; }
    .menu-trigger span:nth-of-type(2) { bottom: 0; }
    .menu-trigger:not(.active):hover span:nth-of-type(1) { top: 2px; }
    .menu-trigger:not(.active):hover span:nth-of-type(2) { bottom: 2px; }
    .menu-trigger.active span:nth-of-type(1) { transform: translateY(5px) rotate(-45deg); }
    .menu-trigger.active span:nth-of-type(2) { transform: translateY(-5px) rotate(45deg); }
    .menu-trigger.active span{ background: #000 !important; }
    .menu-trigger.active p{ color: #000 !important; } 
}

@media screen and (max-width: 400px) {
.gnavwrap { font-size: 13px;}
.gnavoverdl dd {margin-bottom: 10px; font-size: 10px;}     
}    */
     






/* footer
==========================================================*/

/* footer { padding: 60px 0 50px; background: #f9f8f8; position: relative; z-index: 1;}
.inner1200 {}
.foot-t { padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #CFCDCB; }
.footsnsul { margin-left: -70px; font-family: 'Lato', sans-serif; }
.footsnsul li { margin-left: 70px;}
.footsnsul li a { display: flex; align-items: center;}
.footsnsimg { padding-right: 15px;}
.footsnsimg img { height: 38px; width: auto;}
.footsnstxt {}
.foot-c {border-bottom: 1px solid #CFCDCB;  }
.foot-bul {  letter-spacing: 0;}
.foot-bul > li { width: calc(100% / 3); }
.foot-bul > li:last-child {width: calc(100% / 3 - 70px); }
.foot-bdl { margin-bottom: 40px; }
.foot-bdl dt { font-size: 18px; padding-bottom: 15px; margin-bottom: 30px;border-bottom: 1px solid #CFCDCB; }
.foot-bdl dd { font-size: 12px; line-height: 1.5; }
.footinul {}
.footinul li { margin-bottom: 10px;}
.foot-card { width: 150px; margin-left: 60px; margin-top: 10px; }
.footinulmid { font-size: 13px; margin-bottom: 10px; font-weight: bold; }
.footmtwrap { margin-top: 20px; max-width: 235px; width: 100%;}
.footmtwrap div { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CFCDCB; }
.footmtwrap div:last-child { margin-bottom: 0; border-bottom: none;}
.footnavul { margin-top: 20px; font-size: 13px; font-weight: bold;}
.footnavul li { margin-bottom: 20px;}
.footnavul li a {}
.foot-b { padding-top: 30px; align-items: baseline; flex-direction: row-reverse; }
.foot-b-r {}
.foot-blink { margin-right: 40px; width: 140px; }
.footlogo {}
.copy {font-size: 12px; font-family: 'Lato', sans-serif;}
.footlogo {width: 180px;}

@media screen and (max-width: 1000px) {
    .foot-b { flex-direction: column; align-items: flex-end;}
    .copy { margin-top: 40px;}
    .foot-bul > li { width: 100% !important; }
    .foot-bdl dt { margin-bottom: 20px; }
    .footnavul { margin-left: -20px; display: flex; flex-wrap: wrap;}
    .footnavul li { margin-left: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 768px) {
    footer { padding: 30px 0 20px;}
    .inner1200 {}
    .foot-t { padding-bottom: 30px; margin-bottom: 30px; }
    .footsnsul { margin-left: -30px;}
    .footsnsul li { margin-left: 30px;}
    .footsnsimg { padding-right: 10px;}
    .footsnsimg img { height: 25px; width: auto;}
    .foot-bdl dt { font-size: 16px; }
    .foot-bdl dd { font-size: 11px; }
    .footmtwrap {  max-width: 200px;}
    .footnavul { font-size: 12px; }
    .foot-b { padding-top: 20px; display: block;}
    .foot-b-r { flex-direction: column-reverse;}
    .foot-blink:last-child { margin-right: 0;}
    .footlogo {width: 180px; margin: 0 auto 40px;}
    .copy {font-size: 9px; text-align: center; }
}
@media screen and (max-width: 500px) {
.footsnsul { margin-left: -20px;}
.footsnsul li { margin-left: 20px;}
.footsnstxt { display: none;}   
.footsnsimg img { height: 22px; width: auto;}  
}

.hdNotices{ background-color: #e60012;  font-size: 0.9em; }
.hdNotices a{ color: #fff; padding: 1.4em 2em ; display: block;}

@media screen and (max-width: 600px) {
    .hdNotices{ font-size: 0.8em; }
    .hdNotices a{ padding: 0.8em 0.8em ;}
    .hdNotices span{ display: none;}
 } */

 
/* index
==========================================================*/

.contents {padding-top: calc(40px + 90px);}
@media screen and (max-width: 1150px) {
.contents { padding-top: calc(30px + 70px); }
}
@media screen and (max-width: 768px) {
.contents { padding-top: 60px; }
}

.indslidewrap { position: relative; }
.mainover { right: 40px; bottom: 40px; width: 230px; position: absolute;}
.mainover-sp{ width: 36%; max-width:230px ; margin: 50px auto -20px; position: relative; z-index: 1;}
#indslider { margin: 0;}
/* Dots */
#indslider_arrival .slick-dotted.slick-slider{ margin: 0;}
#indslider_arrival .slick-dots { bottom: -30px; display: flex; flex-wrap: nowrap; justify-content: center; box-sizing: border-box; padding: 0 1%; }
#indslider_arrival .slick-dots li { width: 264px; width: calc(calc(100% / 4) - 10px) ; max-width: 264px; height: 2px; margin: 0 5px;}
#indslider_arrival .slick-dots li button { width: 100%; height: 2px;  padding: 0; }
#indslider_arrival .slick-dots li button:before { line-height: inherit; width: 100%; height: 100%; content: ''; opacity: 1; background: #ccc; }
#indslider_arrival .slick-dots li.slick-active button:after { animation: slickdot 5s forwards; content: ""; background: #A6A6A6; position: absolute; top: 0; left: 0; height: 100%; }
@keyframes slickdot {
0% { width: 0; }
100% { width: 100%; }
}
@media screen and (max-width: 1100px) {
.mainover { right: 30px; bottom: 30px; width: 180px;} 
}
@media screen and (max-width: 768px) {
.mainover { right: 10px; bottom: -20px; max-width: 150px; width: 25vw; min-width: 100px;} 
/* Dots */
#indslider_arrival .slick-dots { bottom: -20px; }
/* #indslider_arrival .slick-dots li { width: 50px;} 
#indslider_arrival .slick-dots li button { width: 50px; }*/
}
@media screen and (max-width: 400px) {
/* #indslider_arrival .slick-dots li { width: 30px;margin: 0 2px;} 
#indslider_arrival .slick-dots li button { width: 30px; }*/
}

.indsectionwrap { padding-top: 60px; background: #f9f8f8; }
.indsectionwrap_news{background: #f8f3ef!important; }
.indsectionwrap_pickup{background: #e8e7e3!important; }
.indsectionwrap section { padding:60px 0 100px; }
.indsection00 { background: #fafafa;}
.indsection01 { background: #e8e7e3; }
.indsection02 { background: #f9eeea;}
.indsection03 { background: #f8f3ef;}
.indsection04 { background: #e8e7e3;}
.indsectionmid { font-size: 23px; margin-bottom: 30px; font-family: 'Lato', sans-serif;}
.indsectionmid p { margin-left: 15px; font-size: 0.6em; padding: 5px 10px; background: #fff; color: #999; }
@media screen and (max-width: 450px) {
    .indsectionmid { display: block;}
    .indsectionmid p { display: inline-block; margin: 0;}
} 
.indnewsul {}
.indnewsul li { width: calc(100% / 3 - 30px);}
.indnewsul li a { width: 100%; height: 100%; display: block; background: #fff;}
.indnewsimg { width: 100%;}
.indnewsimg img { width: 100%; height: auto;}
.indnewsultxtwrap { padding: 25px 15px; position: relative;}
.indnewsultxtwrap:after { content: ""; position: absolute; right: 20px; bottom: 30px; width: 4px; height: 4px; border-top: 1px solid #000;  border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.indnewsultxt { margin-bottom: 10px; line-height: 1.3}
.indnewsuldate { font-size: 12px; color: #999;}
@media screen and (max-width: 1280px) {
.indnewsul li { width: calc(100% / 3 - 15px);}
}
@media screen and (max-width: 768px) {
.indsectionwrap { padding-top: 30px; }
.indsectionwrap section { padding: 40px 0 50px; }
.indsectionmid { margin-bottom: 20px;}
.indnewsul li { width: calc(100% / 2 - 5px);}
.indnewsul li:last-child { display: none;}
.indnewsultxtwrap { padding: 20px 10px;}
.indnewsultxtwrap:after { right: 10px; bottom: 20px; width: 4px; height: 4px;}
.indnewsultxt { margin-bottom: 10px;}
.indnewsuldate { font-size: 11px;}    
}
@media screen and (max-width: 400px) {
.indsectionmid { font-size: 20px;}
}


.indpickupul {}
.indpickupul li { width: calc(100% / 2 - 30px);}
.indpickupul li a { width: 100%; height: 100%; display: block; background: #fff;}
.indpickupimg { width: 100%;}
.indpickupimg img { width: 100%; height: auto;}
.indpickupultxtwrap { padding: 25px 15px; position: relative;}
.indpickupultxtwrap:after { content: ""; position: absolute; right: 20px; bottom: 30px; width: 4px; height: 4px; border-top: 1px solid #000;  border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.indpickupultxt { margin-bottom: 10px; line-height: 1.3}
.indpickupuldate { font-size: 12px; color: #999;}
@media screen and (max-width: 1280px) {
.indpickupul li { width: calc(100% / 2 - 15px);}
}
@media screen and (max-width: 768px) {
.indpickupul li { width: calc(100% / 2 - 5px);}
.indpickupultxtwrap { padding: 20px 10px;}
.indpickupultxtwrap:after { right: 10px; bottom: 20px; width: 4px; height: 4px;}
.indpickupultxt { margin-bottom: 10px;}
.indpickupuldate { font-size: 11px;}    
}


.indbnrwrap { }
.indbnrul {}
.indbnrul a:hover { opacity: 1; }
.indbnrul > li {}
.indbnrul > li > a { width: 100%; height: calc(700 / 1300 * 100vw); display: block; box-sizing: border-box; -webkit-transition:all 1s;transition:all 1s;}
.indbnrul > li:nth-child(1) > a { padding-left: calc(65 / 1300 * 100%); background: url(../images/2202/indconbg.jpg) no-repeat center; background-size: 100% auto; display: flex; align-items: center; }
.indbnrul > li > a:hover { background-size: 110% auto !important; }
.indbnrtxt { width: calc(827 / 1300 * 100%);}

.indproductwrap{ padding-top: 100px;}
.indsectionmid{}
.indproductul { background: #ccc}
.indproductul li{ width: 50%; height: 27vw; background-size: cover; position: relative}
.indproductul li:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  content: ""; background-size: cover;-moz-transition:all .5s; -webkit-transition:all .5s;transition:all .5s;}
.indproductul li:hover:after { opacity: 0;}
.indproductul li a{ width: 100%; height: 27vw; display: block; position: absolute; top: 0; left: 0; z-index: 3;}
.indproductul li:nth-child(4n-3) a,
.indproductul li:nth-child(4n) a { color: #f6e1db;}
.indproductul li:nth-child(4n-2) a,
.indproductul li:nth-child(4n-1) a { color: #e2e2e3;}
.indproductul li a:hover { color: #fff !important;}
.indproductul li:nth-child(1):after { background-image: url(../images/2202/prod-cusion.jpg); }
.indproductul li:nth-child(2):after { background-image: url(../images/2202/prod-chair.jpg); }
.indproductul li:nth-child(3):after { background-image: url(../images/2202/prod-sleep.jpg); }
.indproductul li:nth-child(4):after { background-image: url(../images/2202/prod-mattress.jpg); }
.indproductul li:nth-child(5):after { background-image: url(../images/prod/2023/prod-wear.jpg); }
.indproductul li:nth-child(6):after { background-image: url(../images/2202/prod-fitness.jpg); }
.indproductul li:nth-child(7):after { background-image: url(../images/2202/prod-beauty.jpg); }
.indproductul li:nth-child(8):after { background-image: url(../images/2202/prod-book.jpg); }
.indproductul li:nth-child(1) { background-image: url(../images/2202/prod-cusion-over.jpg); }
.indproductul li:nth-child(2) { background-image: url(../images/2202/prod-chair-over.jpg); }
.indproductul li:nth-child(3) { background-image: url(../images/2202/prod-sleep-over.jpg); }
.indproductul li:nth-child(4) { background-image: url(../images/2202/prod-mattress-over.jpg); }
.indproductul li:nth-child(5) { background-image: url(../images/prod/2023/prod-wear-over.jpg); }
.indproductul li:nth-child(6) { background-image: url(../images/2202/prod-fitness-over.jpg); }
.indproductul li:nth-child(7) { background-image: url(../images/2202/prod-beauty-over.jpg); }
.indproductul li:nth-child(8) { background-image: url(../images/2202/prod-book-over.jpg); }
.indproductul li a p{ font-size: 60px; width: 100%; text-align: center; font-family: 'Lato', sans-serif; font-weight: 300; z-index: 2}
.prodbtnwrap { padding: 80px 0; background: #ddd; text-align: center;}
.btn_news{background: none!important;}
.prodbtnwrap a { padding: 20px 120px; font-weight: bold; font-size: 20px; background: #fff;}
.prodbtnwrap a:hover { background: #000; color: #fff;}
@media screen and (max-width: 1000px) {
    .indproductul li a p{ font-size: 6.5vw}
}
@media screen and (max-width: 768px) {
    .indproductwrap{ padding-top: 50px;}
    .prodbtnwrap { padding: 40px 0;}
    .prodbtnwrap a { padding: 20px 30px; }
}

.indinstawrap { padding: 70px 0 90px; background: #f3e2db;}
.indinstamid { margin-bottom: 40px; text-align: center; font-weight: bold; font-size: 34px;}
.indinstamid p { margin-bottom: 10px;}
.indinstaul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.indinstaul li {width: calc( 100% / 3 - 15px); margin-bottom: 20px; display: flex; align-items: center; justify-content: center; height:100%; line-height:0; overflow:hidden; position:relative; }
.indinstaul li a { overflow: hidden; position: relative; width: 100%; height: 100%; display: block; box-sizing: border-box;}
.indinstaul li .instagram-gridInner{ width:100%; height:100%; position:absolute; z-index:1; background-color: rgba(255,255,255,0.9); -webkit-opacity:0; opacity:0; -moz-transition:all .3s; -webkit-transition:all .3s;transition:all .3s; }
.indinstaul li:hover .instagram-gridInner { -webkit-opacity:1;opacity:1; -moz-transition:all .3s; -webkit-transition:all .3s;transition:all .3s; }
.instagram-grid_top { padding:15px; font-size:95%; line-height:1.5; height:80%; height: -webkit-calc(100% - 65px) ; height : calc(100% - 65px) ; overflow:hidden; }
.instagram-grid_btm{ padding:15px 15px 0; text-align:right; font-size:11px; }
.instagram-gridInner i{ padding-left:10px;}
.indinstaul li .instagram-scaleImg{ position: relative; overflow: hidden; width:100%; padding-top: 100%; background-size:cover;-moz-transition:all 0.3s; -webkit-transition:all 0.3s;transition:all 0.3s; }
.indinstaul li:hover .instagram-scaleImg{ -moz-transition:all 2s; -webkit-transition:all 2s;transition:all 2s;
-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.indtnstatxt { margin-top: 10px; font-size: 18px; font-weight: bold;}
.indtnstatxt a:last-child span { font-size: 0.9em}
@media screen and (max-width: 768px) {
    .indinstawrap { padding: 35px 0 45px;}
    .indinstamid { margin-bottom: 20px;font-size: 24px;}
    .indinstamid p { margin-bottom: 5px;}
    .indinstaul li {width: calc( 100% / 3 - 5px); margin-bottom: 7px; }  
    .indtnstatxt { margin-top: 10px; font-size: 14px;}
}


.indsection00{padding-block: 100px;}
@media screen and (max-width: 768px) {
    .indsection00{padding-block: 50px;}
}



/* store
==========================================================*/

.storenav{ width: 290px; height: calc(100vh - 130px); top: 130px; right: 0; position: fixed; background: #000; color: #fff; overflow: auto; }
.storenav a {color: #fff; }
.storenav.active {width: 220px; height: calc(100vh - 100px); top: 100px; }
.storenavdl{ padding: 30px 20px; }
.storenavdl dt{ margin-bottom: 20px; border-bottom: 1px solid #fff; position: relative; }
.storenavdl dt a { padding-bottom: 10px; display: block; }
.storenavdl dt.open a { pointer-events: none; }
.storenavdl dt:after {right: 10px; top: 0; width: 4px; height: 4px; position: absolute; border-bottom: 1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg);content: ""; position: absolute;}
.storenavdl dt.active:after {  top: 2px; border: none; border-top: 1px solid #999; border-left: 1px solid #999;   }
.storenavdl dd{ margin-bottom: 40px; display: none;}
.storenavul{ line-height: 1.2; letter-spacing: 0;}
.storenavul li{}
.storenavul li a{ padding: 5px 0; display: block; }

.storesectionwrap { width: calc(100% - 290px); letter-spacing: 0;}
.storesectionwrap.active { width: calc(100% - 220px); }
.storesection  { padding: 60px 0 100px; }
.storesection:nth-child(3n-2),
.storesection#rental{ background: #f8f3ef;}
.storesection:nth-child(3n-1){ background: #e8e7e3; }
.storesection:nth-child(3n){ background: #f9eeea; }
.produl { font-size: 14px; margin-bottom: -40px; margin-left: -20px; }
.produl > li { width: calc(100% / 5 - 20px); margin-left: 20px; margin-bottom: 40px; line-height: 1.3; }
.rentalmid { margin-bottom: 60px; }
.rentalmid .fs24 { margin-bottom: 30px; line-height: 1.5; }
.rentalmid .fs17 { line-height: 2; }
.rentalul { margin-left: -60px; padding: 0 20px; }
.rentalul > li {width: calc(100% / 3 - 60px); margin-left: 60px; margin-bottom: 60px; line-height: 1.3;  }
.produl > li a { display: block; }
.prodimg { margin-bottom: 20px;}
.prodcolorul { margin-bottom: 5px; margin-left: -5px;}
.prodcolorul li { width: 15px; height: 15px; margin-left: 5px; margin-bottom: 5px; border: 1px solid #bbb;  }
.prodnamme { margin-bottom: 5px;}
.prodtxt { font-size: 12px; color: #999; margin-bottom: 5px;}
.prodprice { font-weight: bold;}
@media screen and (max-width: 1450px) {
    .produl > li { width: calc(100% / 4 - 20px);}
}
@media screen and (max-width: 1200px) {
    .storenav {width: 220px; height: calc(100vh - 100px); top: 100px; }
    .storesectionwrap { width: calc(100% - 220px); }
    .produl > li { width: calc(100% / 3 - 20px);}
    .rentalul { margin-left: -20px;  }
    .rentalul > li {width: calc(100% / 3 - 20px); margin-left: 20px; }
}
@media screen and (max-width: 900px) {
    .produl > li { width: calc(100% / 2 - 20px);} 
}    
@media screen and (max-width: 768px) {
    .storenav,
    .storenav.active{ width: 100px; height: calc(100vh - 60px); top: 60px; }
    .storenavdl{ padding: 20px 10px; }
    .storenavdl dt{ margin-bottom: 10px;}
    .storenavdl dt a { pointer-events: auto !important; padding-bottom: 5px; }
    .storenavdl dt:after { display: none}
    .storenavdl dt.active:after { top: 7px; }
    .storenavdl dd{ display: none !important; }
    .storesectionwrap,
    .storesectionwrap.active{ width: calc(100% - 100px);}
    .storesectionwrap .indsectionmid { font-size: 20px;}
    .storesectionwrap .inner1200 { max-width: 450px; }
    .storesection  { padding: 30px 0 50px; }
    .rentalmid { margin-bottom: 30px; }
    .rentalmid .fs24 { margin-bottom: 15px; }
    .produl,
    .rentalul{ margin-bottom: -30px; margin-left: -15px; padding: 0; }
    .produl > li,
    .rentalul > li{ width: calc(100% / 2 - 15px); margin-left: 15px; margin-bottom: 30px;}
    .prodimg { margin-bottom: 15px;}
    .prodcolorul { margin-bottom: 5px; margin-left: -2px;}
    .prodcolorul li { width: 12px; height: 12px; margin-left: 2px; margin-bottom: 2px;  }
}
@media screen and (max-width: 450px) {
    .storesectionwrap .inner1200 { max-width: 225px; }
    .produl > li { width: calc(100% / 1 - 20px);}
}    


.storesummary{padding: 80px 20px 55px; background-image: url(/assets2020/images/prod/2024/finlayson/bg-border.png); background-repeat: repeat; background-size: 13px;}
.storesummary h2{margin-bottom: 20px;}
.storesummary p{line-height: 38px;}
.storesummary img{margin-top: 50px; width: 15%;}

@media screen and (max-width: 1000px) {
    .storesummary img{margin-top: 30px; width: 15vw;}
} 
@media screen and (max-width: 650px) {
    .storesummary img{width: 20vw;}
    .storesummary p{line-height: 30px;}
} 
/* news
==========================================================*/

.indmid { font-size: 25px; margin-bottom: 60px; letter-spacing: 0.15em; font-family: 'Lato', sans-serif; font-weight: bold; text-align: center; }

.page-news { }
.page-news .indmid { margin: 100px 0; }
.page-news .indnewsul { margin-bottom:  120px; }
.newsyajiwrap { padding-bottom: 150px; font-size: 20px; padding-top: 20px; border-top: 1px solid #ccc;display: flex; justify-content: space-between; text-align: center; font-family: 'Lato', sans-serif; font-weight: bold; }
.newsyajiwrap div { width: 50%; }
.newsyajiwrap a { height: 40px; line-height: 40px; display: block; }
.newsyajiwrap img { vertical-align: middle; }
.newsprev { border-right: 1px solid #ccc; }
.newsprev img { padding-right: 10px; }
.newsnext { }
.newsnext img { padding-left: 10px; }

.inner920 { max-width: 920px; width: calc(100% - 60px); margin: 0 auto; }
.postwrap { padding-top: 60px; margin-bottom: 120px; }
.postimg { margin-bottom: 60px; }
.postdate { font-size: 20px; margin-bottom: 60px; font-family: 'Lato', sans-serif; }
.postttl { font-size: 30px; line-height: 1.4; padding-bottom: 30px; margin-bottom: 60px;  border-bottom: 1px solid #000; font-weight: bold; }
.postarea { line-height: 2; }




/* concept
==========================================================*/

.page-concept {}
.main { margin-bottom: 50px; }
.conc01wrap { }
.concmark { max-width: 627px; width: 60%; top: 0; left: 0; }
.concttl { font-size: 50px; line-height: 1.3; padding-top: 100px; padding-bottom: 50px; margin-bottom: 50px; position: relative; z-index: 2;border-bottom: 1px solid #ccc; letter-spacing: 0; text-align: center; }
.conc01wrap .col-l { width: calc(100% - 515px); min-width: 380px; position: relative; z-index: 2;}
.conctxt { font-size: 20px; line-height: 2.5; }
.conc01wrap .col-r { max-width: 515px; width: calc(100% - 420px); }
.concimg {}
.conc02wrap {}
.conc02wrap .col-l { margin-top: -30px; max-width: 486px; width: calc(100% - 460px); }
.conc02wrap .col-r { width: calc(100% - 486px - 40px); min-width: 420px; margin-top: 70px;}
.concmid { font-size: 44px; line-height: 1.6; margin-bottom: 50px; letter-spacing: 0;}
@media screen and (max-width: 1200px) {
.br-none-1200 br { display: none; }
}
@media screen and (max-width: 900px) {
.conc02wrap { clear: both;}
}

.concmoviewrap { margin-top: 100px; text-align: center; background: #000; }
.concmoviewrap video { width: 100%; }
	
.bg-g { background: #F6F6F6;}
.conc03wrap { padding: 100px 0 120px; }
.conc03wrap .col-r { max-width: 365px; width: calc(100% - 460px); }
.conc03wrap .col-l { width: calc(100% - 365px - 40px); min-width: 420px; position: relative;}
.hisakologo { margin-bottom: 80px; }
.conc03wrap .col-l .conctxt { position: relative; z-index: 2; }
.conc03wrap .col-l .concimg { margin-top: -50px; }
.hisakologo2 { width: 365px; left: calc(100% + 40px); bottom: 50px; position: absolute; }
.hisakologo2 .txr { margin-bottom: 30px; }

.conc04wrap { padding-top: 100px;}
.conc04wrap .col-l { padding-top: 60px; margin-bottom: 60px; width: calc(100% - 520px - 40px); min-width: 400px;}
.conc04wrap .col-r { max-width: 520px; width: calc(100% - 440px);}
.conc05wrap { padding-bottom: 100px; }
.conc05wrap .col-l { max-width: 505px; width: calc(100% - 440px); }
.conc05wrap .col-r { width: calc(100% - 505px - 40px); min-width: 400px; }
.conc05wrap .col-r .conctxt { padding-top: 60px; }
.pioneer04 { margin-bottom: 150px; }
@media screen and (max-width: 1100px) {
.conc05wrap .col-r .conctxt { padding-top: 0; }
.br-none-1100 br { display: none; }
}
@media screen and (max-width: 900px) {
.hisakologo2 { width: calc(100vw - 440px - 80px); }
}




/* seating
==========================================================*/

.page-seating {}
.page-seating .main { margin-bottom: 100px;}
.page-seating .main .centertate { max-width: 702px; width: 60%; left: 100px;}
.seatttlwrap { margin-bottom: 80px; text-align: center;}
.seatttl { font-size: 50px; line-height: 1.5; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc; }
.seatttlsub { font-size: 18px; line-height: 1.5; margin-bottom: 60px; }
@media screen and (max-width: 1300px) {
.page-seating .main .centertate { left: 40px;}
}

.stepwrap { margin-bottom: 100px; background:url(../../assets2019/images/seating/bg-broder.png) repeat-y center; background-size: 1190px 7px; position: relative; }
.inner1190 { max-width: 1190px; width: calc(100% - 60px); margin: 0 auto; }
.seatmidwrap { text-align: center; background: #fff;}
.seatmidimg { margin-bottom: 10px; }
.seatmid { max-width: 820px; width: 100%; font-size: 75px; border-bottom: 3px solid #7e6729; margin: 0 auto; text-align: center; color: #7e6729; letter-spacing: 0.1em; }
.houtodl { padding: 60px 0; display: flex; justify-content: space-between; background: #fff; }
.houtodl dt { font-size: 28px; width: 460px; height: 50px; line-height: 50px; text-align: center; font-weight: 300; letter-spacing: 0.1em; font-family: 'Roboto', sans-serif; font-style: oblique; background: #000; color: #fff; position: relative; }
.houtodl dt:after { content: ""; position: absolute; width: 100%; height: 1px; background: #000; left: 0; bottom: -10px; }
.houtodl dd { width: calc(100% - 460px - 20px); font-size: 20px; line-height:1.5; font-weight: bold; }
.stepolwrap { margin-bottom: 50px; }
.stepol { display: flex; justify-content: space-between; }
.stepol li { max-width: 230px; width: calc(25% - 30px); position: relative;}
.stepmiden { font-size: 28px; height:40px; line-height: 40px; margin-bottom: 30px; font-weight: 300; width: 100%;text-align: center; color: #000; background: #ffd200; font-family: 'Roboto', sans-serif; font-style: oblique; }
.stepmidjp { font-size: 30px; margin-bottom: 20px; font-weight: bold; text-align: center; }
.steptxt { font-size: 14px; line-height: 1.5; }
@media screen and (max-width: 1280px) {
.stepwrap { background-size: 91%; }
.stepmiden { font-size: 22px; height:40px; line-height: 40px; margin-bottom: 30px; }
.stepmidjp { font-size: 20px; margin-bottom: 20px; }
.stepol li:first-child .stepmidjp { letter-spacing: 0; }
}
@media screen and (max-width: 1000px) {
.houtodl dt { font-size: 20px; width: 320px; height: 50px; line-height: 50px; }
.houtodl dt:after { content: ""; position: absolute; width: 100%; height: 1px; background: #000; left: 0; bottom: -10px; }
.houtodl dd { width: calc(100% - 320px - 20px); font-size: 18px; line-height:1.5; font-weight: bold; }
#page-en .houtodl dd { text-align: left; }
}

.steptxt.bold { margin-top: 15px; color: #9f8648; letter-spacing: 0;}
.stepyaji { height: 30px; line-height: 30px; padding: 0 10px; right: -80px; bottom: -20px; position: absolute; background: #000; color: #fff; }
.stepyaji:after { border-width: 15px 0 15px 15px; top: 0; left: 100%; position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #000; }
.stepyaji p { font-size: 13px; font-weight: bold; }
.stepcontact{ margin-bottom: 80px; padding: 40px; }
.stepcontact .foot-bdl { margin-bottom: 0; }
.stepcontacttxt { margin-bottom: 20px; font-size: 13px; }
.stepcontactlr { }
.stepcontactlr div { width: 300px; }
.stepcontactlr div:nth-child(1) { margin-right: 30px; }
.stepcontactlr div:nth-child(2) { margin-top: 5px; }
.stepcontactlr div p { margin-top: 10px;}
.steplineup{ margin-bottom: 100px; padding: 60px 0;}
.steplineup .produl{}
.steplineup .produl li{width: calc(100% / 5 - 20px);}
.steplineup .produl li .prodnamme,
.steplineup .produl li .prodprice { letter-spacing: 0;}
.steplineuptxt{ margin-top: 40px; font-size: 13px; }
@media screen and (max-width: 1100px) {
    .stepyaji { right: -40px;}
}
@media screen and (max-width: 800px) {
    .stepyaji { right: 0; bottom: 15px; }
    .stepcontact{ margin-bottom: 40px; padding: 30px 20px 40px; }
    .stepcontacttxt { margin-bottom: 25px; font-size: 12px; }
    .stepcontactlr { display: block;}
    .stepcontactlr div { width: 250px; }
    .stepcontactlr div:nth-child(1) { margin: 0 0 20px;}
    .stepcontactlr div:nth-child(2) { margin-top: 0; }
    .steplineup{ margin-bottom: 50px; padding: 30px 0 40px; }
    .steplineup .produl{}
    .steplineup .produl li{width: calc(100% / 3 - 20px);}
    .steplineuptxt{ margin-top: 30px; font-size: 13px; }
}
@media screen and (max-width: 500px) {
    .steplineup .produl li{width: calc(100% / 2 - 20px);}
}    

.stepdewrap { min-height: 630px; margin-bottom: 40px; background: #f6f6f6; display: flex;}
.stepdeimg { width: 50%; }
.stepdeimg01 { background:url(../../assets2019/images/seating/step01.jpg) no-repeat top center; background-size: cover; }
.stepdeimg02 { background:url(../../assets2019/images/seating/step02.jpg) no-repeat top center; background-size: cover; }
.stepdeimg03 { background:url(../../assets2019/images/seating/step03.jpg) no-repeat top center; background-size: cover; }
.stepdeimg04 { background:url(../../assets2019/images/seating/step04.jpg) no-repeat top center; background-size: cover; }
.stepdetxtwrap { width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.stepdetxtin { max-width: 600px; width: calc(100% - 80px); padding: 40px 0; }
.stepdeno { width: 220px; height: 30px; margin-bottom: 40px; font-size: 16px; line-height: 30px; text-align: center; display: flex; }
.stepdenoen { width: 80px; background: #000; color: #fff;  font-family: 'Roboto', sans-serif; font-style: oblique; font-weight: 300;}
.stepdenojp { width: calc(100% - 60px); border: 1px solid #000; box-sizing: border-box; letter-spacing: 0;}
.stepdemid { font-size: 45px; line-height: 1.3; margin-bottom: 40px; }
.stepdetxt { line-height: 2;  font-size: 16px;}

.afterwrap { }
.afterwrap .inner1120 { padding-top: 120px; border-top: 1px solid #ccc; }
.seatmidsub { font-size: 30px; padding: 60px 0 40px; line-height: 1.8; text-align: center; }
.seatmidbikou { font-size: 20px; margin-bottom: 60px; line-height: 1.8; text-align: center;}
.afteraddwrap { display: flex; justify-content: center; }
.afterlogo {}
.afteradd { padding-top: 10px; line-height: 1.5; padding-left: 40px; margin-bottom: 150px; }
.afterimg { margin-bottom: 150px; }



/* technology
==========================================================*/

.page-tech {}
.page-tech main {}
.techttlwrap { margin: 120px auto 80px; text-align: center; }
.techttlimg { margin-bottom: 50px; }
.techttl { font-size: 50px; padding-bottom: 30px; line-height: 1.5; border-bottom: 1px solid #ccc; }

.page-tech .stepdewrap {}
.techimg01 { background:url(../../assets2019/images/tech/ethimg01.jpg) no-repeat center; background-size: cover;}
.techimg02 { background:url(../../assets2019/images/tech/ethimg02.jpg) no-repeat bottom center; background-size: cover;}

.ethreemwrap {}
.ethreemwrap .techttlwrap { text-align: center; }
.inner800 { max-width: 800px; width: calc(100% - 60px); margin: 0 auto;}
.techttlsub { font-size: 18px; line-height: 1.8; margin: 40px auto 80px; }

.ethreemmid { font-size: 30px; margin-bottom: 60px; text-align: center;font-weight: bold; color: #e60012; }
#page-en .ethreemmid { line-height: 1.5; padding: 0 20px; }
.techslidewrap { margin-bottom: 150px; position: relative; }
#techslide {}
#techslide li {}
#techslide li img { width: 100%; }
#techthumbul {  top: 30px; right: 0; width: 460px; position: absolute; z-index: 2; }
#techthumbul li { width: 25%; height: 60px; line-height: 60px; box-sizing: border-box; border: 1px solid #ccc; border-right: none;  text-align: center; display: inline-block; cursor: pointer; -webkit-transition:all .3s; transition:all .3s; }
#page-en #techthumbul li { width: 25%; display: flex; float: left; justify-content: center; align-items: center;line-height: 1.2; }
#techthumbul li:hover { -webkit-opacity: 0.6; opacity: 0.6;}
#techthumbul li:last-child { border-right: 1px solid #ccc; }
#techthumbul li:first-child { margin-bottom: 30px; width: 50%; display: block; border: none; background: #000; color: #fff;  }
#page-en #techthumbul li:first-child { width: 50%; float: none; }
.techslidetxt { margin-top: 50px; font-size: 18px; line-height: 1.5; }
.techslidetxt.txr { font-size: 13px; }
@media screen and (max-width: 1100px) {
#techthumbul {  top: 0; right: 0; width: 380px; }
#techthumbul li { width: 25%; height: 50px; line-height: 50px; }
#page-en #techthumbul li { height: 60px; line-height: 1.2; }
#techthumbul li:first-child { margin-bottom: 10px; width: 50%;  }
}

.ethreemcolwrap { margin: 100px 0 150px; }
.ethreemcolwrap .inner1120 { display: flex; justify-content: space-between; }
.ethreemcol { width: calc(50% - 40px); }
.ethreemcolimg { margin-bottom: 40px; }
.ethreemcoltxt { font-size: 16px; line-height: 1.8;}

.ethreemmoviewrap { max-width: 1080px; width: 100%; box-sizing: border-box; margin: 0 auto 150px; background: #f1f1f1; padding: 20px; }
.ethreemmoviewrap video { width: 100%;}
@media screen and (max-width: 1200px) {
.ethreemcol { width: calc(50% - 20px); }
}




/* item
==========================================================*/

.page-item {}
.inner920 { max-width: 920px; width: calc(100% - 60px); }
.page-item .indmid { margin-top: 100px; }
.itemul { margin-bottom: 150px; }
.itemul li { margin-bottom: 80px; }

.itemcat { margin-bottom: 20px;height: 50px; padding: 5px 20px;  display: inline-block; text-align: center; box-sizing: border-box; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; }
.itemcat p { width: 140px; height: 40px; line-height: 40px; font-family: 'Lato', sans-serif; }
.itemcat-chair p { background: #f6f1ed; }
.itemcat-designers p { background: #8d7438; color: #fff; }
.itemcat-pinto p { background: #ccc;}
.itemcat-new p { background: #f3e2db;}

.itemimg { margin-bottom: 30px; }
.itemlogo { width: 344px; position: absolute; }
.itemethreem { width: 38px; position: absolute; }
.itemname { font-size: 20px; margin-bottom: 15px;  font-family: 'Lato', sans-serif;}
.itemtxt { line-height: 1.6;}

.item-viola {}
.item-viola .itemlogo { left: 50px; top: 100px; }
.item-viola .itemethreem { right: 30px; bottom: 30px; }

.item-benz {}
.item-benz .itemlogo { left: 60px; top: 160px; }
.item-benz .itemethreem { left: 60px; bottom: 40px; }

.item-chair {}
.item-chair .itemlogo { left: 70px; }
.item-chair .itemethreem { right: 30px; bottom: 30px; }

.item-pinto {}
.item-pinto .itemlogo { left: 80px; }
.item-pinto .itemethreem { right: 30px; bottom: 30px; }

.item-tronco {}
.item-tronco .itemlogo { left: 50px; bottom: 30px; }
.item-tronco .itemcatch { right: 110px; bottom: 50px; position: absolute; }
.item-tronco .itemethreem { right: 40px; bottom: 40px; }
@media screen and (max-width: 920px) {
.item-tronco {}
.item-tronco .itemlogo { width: 300px; left: 30px; bottom: 30px; }
.item-tronco .itemcatch { right: 30px; bottom: 30px; position: absolute; }
.item-tronco .itemethreem { right: 30px; bottom: 70px; }
}

.itembtnwrap { margin-left: -5px; display: flex; flex-wrap: wrap; letter-spacing: 0;}
.itembtnwrap:first-child { margin-top: 20px; }
.itembtn { width: calc(100% / 2 - 5px); margin-left: 5px; margin-bottom: 5px; }
.itembtnwrap33 .itembtn { width: calc(100% / 3 - 5px); }
.itembtn img { width: 22px; padding-right: 5px; height: auto;}
.itembtn a { font-size: 13px; padding: 12px; height: 100%; display: block; box-sizing: border-box;} 
.itembtn-online a { background: #000; color: #fff;}
.itembtn-rakuten a { background: #ddd;}
@media screen and (max-width: 1000px) {
.itembtnwrap33 .itembtn { width: calc(100% / 2 - 5px); }
}
@media screen and (max-width: 700px) {
.itembtn { width:100% !important; }
}
@media screen and (max-width: 360px) {
.itembtn a { font-size: 12px; padding: 12px 8px;} 
}




/* contact
==========================================================*/

.page-cont {}
.inner750 { max-width: 750px; width: calc(100% - 60px); margin: 0 auto;}
.page-cont .indmid { padding: 100px 0 80px; margin: 0; }
.conttxt { font-size: 14px; line-height: 1.5; margin-bottom: 50px; }
.conttxt span { color: #e60012; }
.formwrap {}
.formtab { margin-bottom: 60px; }
.formtab tr { margin-bottom: 25px; }
.formtab th { width: 200px; padding-bottom: 25px; vertical-align:top; padding-top: 12px;  }
.formtab td { padding-bottom: 25px;}
.formmb th,
.formmb td { padding-bottom: 50px; }
.formtab th span { padding-left: 10px; color: #e60012;}
.formtab input { font-size: 14px; padding: 0 10px; height: 40px; border: 1px solid #ccc;  box-sizing: border-box;}
.formtab ::placeholder { color: #b0b0b0; }
.input02wrap { display: flex; justify-content: space-between; }
.input02wrap input { width: calc(50% - 10px);}
.yubinarea {}
#yubinbtn { margin-left: 10px; padding: 0 15px; letter-spacing: 0.05em; background: #707070; border: none; color: #fff;  }
.yobintxt { padding-right: 5px; }
.formbikou { font-size: 13px; margin-top: 15px; color: #666;}
.input01wrap {}
.input01wrap input { margin-bottom: 10px; width: 100%; }
.radiowrap {}
.formtab textarea { padding: 20px; line-height: 1.5; height: 300px; width: 100%; box-sizing: border-box;border: 1px solid #ccc; }
.areabikou { margin: -10px 0 15px; }

.formwrap input[type=submit],
.backbtn { font-size: 16px; line-height: 50px; letter-spacing: 0.1em; width: 200px; height: 50px; margin: 0 auto; cursor: pointer; color: #fff !important; background: #707070; -webkit-transition:all .3s; transition:all .3s;  border: none; display: block; text-align: center; } 
.formwrap input[type=submit]:hover,
.backbtn:hover { opacity: 0.6; }
.formwrap input[type=submit]:disabled,
.formwrap input[type=submit]:disabled:hover { opacity: 0.4; cursor: default; }
.error_box { padding: 20px; margin-bottom: 40px; display: none; line-height: 1.5; color: #f00; border: 1px solid #f00; }

input[type=radio], input[type=checkbox] { display: none; }
.radio, .checkbox {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px 20px;
  vertical-align: middle;
  cursor: pointer;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  content: '';
  background: #fff;
  border: 1px solid #000;
}
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
  content: '';
  opacity: 0;
  z-index: 2;
}
input[type=radio]:checked + .radio:before  { opacity: 1; }
input[type=radio]:checked2 + .radio:before { opacity: 1; }

.sendwrap { padding: 100px 0; text-align: center; }
.sendmid { font-size: 20px; margin-bottom: 60px; font-weight: bold; }
.sendwrap p { line-height: 1.8; margin-bottom: 20px; }
.sendwrap .backbtn { margin-top: 60px; }

.g-recaptcha { margin-top: 40px; }



#ind-store-section{ margin: 125px auto 150px; }
#ind-store-section .inner1120 { border-top: 1px solid #ccc; }
	#ind-store-section .col-l{ width:52.5%; }
	#ind-store-section .col-r{ width:42%; }
	#ind-store-section .col-r dl { max-width: 380px; width: 100%;}
	#ind-store-section .col-r dt{ max-width: 220px; margin-bottom: 30px; }
	#ind-store-section .col-r dd { font-size: 17px; line-height: 1.6; margin-bottom: 20px;}
	.ind-store-dd-map{ text-align: right; padding-top: 20px; }
	.ind-store-links{}

#ind-store-Maps{padding: 50px 40px; background: #fff; }
#ind-store-Maps .col-l{ width:56%; }
	#ind-store-Maps .col-r{ width:41%; padding-top: 90px; }
	#ind-store-Maps .col-r dd { font-size: 16px; line-height: 1.6; margin-bottom: 20px;}

@media screen and (max-width: 1024px) {
#ind-store-Maps{ background: #fff; padding: 50px 30px;}
	#ind-store-Maps .col-l{  width:66%; }
	#ind-store-Maps .col-r{  width:31%; }
}

@media screen and (max-width: 900px) {
#ind-store-Maps .col-l{ width:auto; float: none; }
	#ind-store-Maps .col-r{  width:auto; float: none; padding-top: 40px; }
}
@media screen and (max-width: 750px) {
#ind-store-Maps{ padding: 10% 2%;}

}





/* PRODUCTS
-------------------*/

.products-cateInner{ margin-top:0px; margin-bottom:50px;  position: relative; overflow: hidden; }
	.products-cateInner ul {position: relative; left: 50%; float: left;  }
	.products-cateInner li{ margin:10px 30px; font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 12px; line-height: 1; letter-spacing: 2px; 
		position: relative; left: -50%; float: left;}
	.products-cateInner ul li a{color:#A7A7A7; }
	.products-cateInner ul li.selected a{ color: #000; }

.products-section{ padding-bottom: 100px;}
.products-section .wrap { max-width: 905px;}
.products-section-Inner{ margin-bottom: 30px;}
	.products-section-box{ border-bottom: 1px dashed #000; padding: 44px 0; }
		.products-section-box .col-l{ width:  38.6%;}
		.products-section-box .col-r{ width:  56.4%;}
		.products-section-box .col-r dt{ font-size: 20px; line-height: 1.5; font-weight: bold;margin-bottom: 10px;}
		.products-section-box .col-r dd{ }
			.products-section-box .col-r dd .elm01{ font-size: 1.1em;  line-height: 1.8; margin-bottom: 1em;}			
			.products-section-box .col-r dd .elm02{  line-height: 1.6;}
				.products-section-box .col-r .txr{ display: none;} /* ONLINE LINK */
		.product-links{ font-size: 13px; margin-top: 50px;}

.pager-nav-inner{ text-align: right; font-family: 'PT Sans', sans-serif;}
.pager-nav-inner a{ }




/* ONLINESHOP
-------------------*/

.page-store-detail {background: #e8e7e3;}
.onlineshop-section{ background: #E8E8E8; margin-bottom: 40px; padding: 25px; }
.onlineshop-section .wrap{ max-width: 1066px;}
.onlineshop-grid { margin-left: -5px;}
	.onlineshop-grid li{ float: left; width : 33% ;  width : -webkit-calc(33.33% - 5px) ;width : calc(33.33% - 5px) ; margin-left: 5px; margin-bottom: 5px; -webkit-transition:all .3s; transition:all .3s; position: relative; overflow: hidden;  line-height: 0; }
	.onlineshop-grid li a { display: block; }
	.onlineshop-grid li .osgrid-hover{
			position: absolute;
			top: 0%; left: 0; z-index: 1; line-height: 1.6;
			width: 100%;
			height: 100%;
			background-color: rgba(232,232,232,0.8);;
			-webkit-transition:all .3s;transition:all .3s;  opacity: 0;}

	.onlineshop-grid li a:hover .osgrid-hover{ opacity: 1; }
	.onlineshop-grid li .osgrid-hover dt{ padding: 10% 10% 10px; font-size: 1.1em;}
	.onlineshop-grid li .osgrid-hover dd{ pavdding: 0% 10% 10px;}
	.onlineshop-grid li .osgrid-hover dd.osgrid-en{}
	.onlineshop-grid li .osgrid-hover dd.osgrid-ja{ padding-bottom: 20px; }
	.onlineshop-grid li .osgrid-hover dd.osgrid-price{ }

.panwrap { padding: 30px 0;}
.panul { display: flex;}
.panul li { padding-right: 20px; position: relative;}
.panul li:after { content: ""; position: absolute; right: 10px; top: calc(50% - 3px); width: 6px; height: 6px;
border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.panul li:last-child:after { display: none;}
.panul li:last-child { font-weight: bold;}

.item-section { background: #f8f3ef; margin-bottom: 100px; line-height: 1.8; padding: 40px 25px 80px;  }
.item-section .wrap{ max-width: 930px; margin: 0 auto; }
#itempage-alpha{ /*float: left;*/ max-width: 600px; }
	.shop-tumb-ul { margin-top:35px; margin-left:-1.5%;  }
	.shop-tumb-ul li{ margin-left:1.5%; float:left; margin-bottom:1.5%; width:20%; width: -moz-calc(20% - 1.5%); width: -webkit-calc(20% - 1.5%); width: calc(20% - 1.5%);}
	.shop-tumb-ul li img{  }
@media screen and (max-width: 768px) {
.panwrap { padding: 10px 0; font-size: 11px; letter-spacing: normal;}
.item-section { margin-bottom: 50px;  }
}


/* SLICK HACK */
.item-section .slick-prev,
.item-section .slick-next
{
    font-size: 15px;
    position: absolute;
	right: 0;
    bottom: -25px;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #717071;
    border: none;
    outline: none;
    background: transparent;
	z-index: 9;
	font-family: 'PT Sans', sans-serif;
}
.item-section .slick-prev { right: 65px;}
.item-section .slick-prev:before
{
    position: absolute;
    top: 0;
    right: -11px;
    content: '|';
    text-align: center;
}
.shop-tumb-box .slick-track
{
	transform: translate3d(0px, 0px, 0px) !important;
	margin-left: 0;
}

.shop-tumb-ul .slick-slide img{ opacity: 0.5; -webkit-transition:all .3s;transition:all .3s;	}
.shop-tumb-ul .slick-slide.slick-current img{ opacity: 1 ;}


@media screen and (max-width: 1030px) {
#itempage-alpha{ width : 40% ;  width : -webkit-calc(100% - 328px) ;width : calc(100% - 328px) ;}

}


#itempage-beta{ /*float: right;*/ max-width: 292px; color: #717071; }
	.itempage-name-en{ font-size: 20px; line-height: 1.6; padding: 10px 6px 10px; }
	.itempage-name-jp{ font-size: 14px; line-height: 1.6;  padding: 0px 6px 10px; margin-top: -10px; }
	.itempage-bodyInner{}
	.itempage-body{ font-size: 13px;  border-top: 1px solid #999; padding: 10px 6px; }
	.itempage-spec{font-size: 13px;  border-top: 1px solid #999; padding: 10px 6px;}
	.itempage-price{ font-size: 19px; border-top: 1px solid #999;border-bottom: 1px solid #999; padding: 10px 6px; margin-bottom: 30px;}
	.itempage-other { margin-top: 50px; font-size: 12px;}
	.itempage-otherul {border-top: 1px solid #BAB1AC; }
	.itempage-otherul li { border-bottom: 1px solid #BAB1AC;}
	.itempage-otherul li a { display: flex; align-items: center;}
	.itempage-otherul li a:hover { background: #fff; }
	.itempage-otherimg { width: 75px;}
	.itempage-othertxtwrap { padding: 0 30px 0 10px; width: calc(100% - 75px);　box-sizing: border-box; position: relative;}
	.itempage-othertxtwrap:after { content: ""; right: 10px; top: calc(50% - 5px); position: absolute; width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #999;}
    @media screen and (max-width: 768px) {
    .itempage-other { margin-top: 25px; }    
    }
		.stock_error{ padding:25px; color:#ff0000; border:1px solid #ff0000; margin-bottom:20px;}
			
		.prduct-option select { -webkit-box-sizing: border-box; box-sizing: border-box; height:40px; padding:10px; min-width:50%;  }
		.input-product_num  input{ width:100%;  border:1px solid #ccc; background:#fff; -webkit-box-sizing: border-box; box-sizing: border-box; height:40px; padding:10px; margin-top:0px;}
		.input-product_num-l{ float: left; width : 54px ; line-height: 40px; font-size: 13px; padding-left: 6px; }
		.input-product_num-r{ float: right; width : 60% ;  width : -webkit-calc(100% - 60px) ;width : calc(100% - 60px) ;}
		.cartinInner { margin-top: 100px;}	

		.cartin button.submit-button{ width:150px; padding: 10px; padding-left: 20px; background: url("../images/common/headcart.png") no-repeat 10px center #848280; background-size: 20px 20px; text-align: center; color: #fff; border: none; font-size: 13px; font-weight: bold; -webkit-transition:all .3s;transition:all .3s; }
		.cartin button.submit-button:hover{  cursor: pointer; background: url("../images/common/headcart.png") no-repeat 10px center #A3A1A0;background-size: 20px 20px; }
        .cartin2Inner { padding: 10px 0; }		
        a.repeat-button{ width:150px; display: inline-block; padding: 15px 10px; box-sizing: border-box; background: #EDDCD5; text-align: center; color: #333; border: none; font-size: 13px; font-weight: bold; -webkit-transition:all .3s;transition:all .3s; }
        a.repeat-button:hover{  cursor: pointer; background: #A3A1A0; color: #fff;}

		.itempage-infolist{ font-size: 12px; margin-top: 10px;}


		#prd-opt-table table { margin: 0 auto 30px; width : 90% ;  width : -webkit-calc(100% - 12px) ;width : calc(100% - 12px) ;}
			  #prd-opt-table table th { border-bottom:1px solid #999; }
			  #prd-opt-table table td { border-bottom:1px solid #999;}
			  #prd-opt-table table td input[type="radio"] { margin-bottom: 5px;}
			#prd-opt-table table .stock_head{}
			#prd-opt-table table .stock_zero{ font-weight: bold;}
			#prd-opt-table.option_tbl_tate .cell_1{ text-align: center; width: 28%; padding: 2%; vertical-align: middle;}
			#prd-opt-table.option_tbl_tate .cell_2{ text-align: center; width: 64%; padding: 2%; border-left:1px solid #999;}

			#prd-opt-table.option_tbl_yoko .cell_1{ text-align: center; padding: 2% 3%; }
			#prd-opt-table.option_tbl_yoko .cell_2{ text-align: center; padding: 2% 3%; border-left:1px solid #999;}
				#prd-opt-table.option_tbl_yoko .cell_2:first-child { border-left:none;}



.itempage-catalog{ padding: 20px 0; }
.itempage-cataloglist li{margin-bottom: 10px;}
.itempage-cataloglist li a{ padding: 10px; display: flex; align-items: center; background: #f8f3ef; font-size: 13px; width: 100%; text-align: center; box-sizing: border-box; }
.itempage-cataloglist li img { padding-right: 10px; width: 20px; height: auto; }

.lity {
    z-index: 10000 !important;
}



/* 2502デザイン調整 HACK　*/
.itempage-cataloglistv2 li{ margin-bottom:15px; }
.shop-tumb-ulv2 { display: flex; flex-wrap: wrap; margin-top:45px; margin-left:-1.5%;   }
.shop-tumb-ulv2 li{ margin-left:1.5%; margin-bottom:1.5%; width:20%; width: -moz-calc(20% - 1.5%); width: -webkit-calc(20% - 1.5%); width: calc(20% - 1.5%);}


.contents.page-store-detail.type2502{overflow: visible;}
.contents.page-store-detail.type2502 .item-section{ margin-bottom: 0;}
.contents.page-store-detail.type2502 .shop-tumb-box{margin-bottom: 45px;}
.contents.page-store-detail.type2502 .shop-tumb-main li{ aspect-ratio: 1/1; overflow: hidden; background-color: #fff;}
.contents.page-store-detail.type2502 .shop-tumb-main li img{ object-fit: contain; width: 100%; height: 100%;}
.contents.page-store-detail.type2502 .shop-tumb-ulv2 {display: flex; flex-wrap: wrap; margin-top:45px; margin-left:-1%; align-items: flex-start; }
.contents.page-store-detail.type2502 .shop-tumb-ulv2 li{ margin-left:1%; margin-bottom:1%; width:13.285%; aspect-ratio: 1/1; overflow: hidden;}
.contents.page-store-detail.type2502 .shop-tumb-ulv2 li img{ object-fit: cover; width: 100%; height: 100%;}
.contents.page-store-detail.type2502 .thumbnail-current{ opacity: 0.5;}
.contents.page-store-detail.type2502 .itempage-bodyInner{ border-top: 1px solid #999; border-bottom: 1px solid #999; 
    border: none ; background-color: #fff;  padding: 1.2em 0.8em;}
.contents.page-store-detail.type2502 .itempage-bodyInner .itempage-spec:first-child {font-size: .9em; border-top: none; padding: 0; padding-bottom: 1.2em;}
.contents.page-store-detail.type2502 .itempage-bodyInner .itempage-spec:not(:first-child) {font-size: .9em; padding: 0; padding-block: 1.2em;}
.contents.page-store-detail.type2502 #InsertVariation .itempage-bodyInner{ border-bottom: none;}
.contents.page-store-detail.type2502 .cartinInner{margin-top: 60px;}

/* MAKUAKE HACK */
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description h3.h3-ct,
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description h2{ font-size: 1.2em; margin-bottom: 0.5em; font-weight: bold;}
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description h3{ margin-bottom: 0.5em; font-size: 1.1em;}
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description p,
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description ol,
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description ul,
.contents.page-store-detail.type2502 .itempage-bodyInner .ProductMeta__Description p{ margin-block: 0.6em;}
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description p:empty,
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description p[data-empty],
.contents.page-store-detail.type2502 .itempage-bodyInner .ProductMeta__Description p:empty,
.contents.page-store-detail.type2502 .itempage-bodyInner .ProductMeta__Description p[data-empty]{margin-block: 0;}
.contents.page-store-detail.type2502 .itempage-bodyInner .ProductMeta__Description { padding-top: 2em;}
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description ol { list-style: decimal;}
.contents.page-store-detail.type2502 .itempage-bodyInner .sub_description ol li{margin-left: 1.4em;}


@media screen and (min-width: 769px) {
    .item-section_sticky{position: sticky; top: 150px;}
}
@media screen and (max-width: 768px) {
    .contents.page-store-detail.type2502 #itempage-alpha{margin-bottom: 0;}
    .contents.page-store-detail.type2502 .shop-tumb-box{margin-bottom: 25px;}
    /*.contents.page-store-detail.type2502 .shop-tumb-main li{ aspect-ratio: 12/14.1;}*/
    .contents.page-store-detail.type2502 .cartinInner{margin-top: 30px;}

}





/* prirvacy
==========================================================*/

.page-privacy { padding: 100px 0 150px; }
.privacyul { line-height: 1.8; word-break: break-all; }
.privacyul li { margin-bottom: 30px;}
.privacyul a { text-decoration: underline; }
.privacyul a:hover { text-decoration: none; }





















/* --------------- 下層SP --------------------- */

.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none !important;}
.sp-show-inline{ display:none !important;}

@media screen and (max-width: 1100px){

/* ONLINESHOP
-------------------*/
.onlineshop-section{ padding: 6% 0; }
.onlineshop-grid { margin-left: -5px;}
	.onlineshop-grid li{ width : 50% ;  width : -webkit-calc(50% - 5px) ;width : calc(50% - 5px) ;  }
	.onlineshop-grid li .osgrid-hover{line-height: 1.4;}

	.onlineshop-grid li .osgrid-hover dt{ padding: 6% 6% 10px; font-size: 1.1em;}
	.onlineshop-grid li .osgrid-hover dd{ padding: 0% 6% 10px;}

.product_form{
}


.item-section { padding: 6% 0; background: #f8f3ef; }
    .item-section .wrap{ width: -moz-calc(100% - 12%); width: -webkit-calc(100% - 12%); width: calc(100% - 12%); }
#itempage-alpha{ float: none; width : 100% ; margin-bottom: 20px; margin-inline: auto;}
#itempage-beta{  float: none;  width : 100% ;max-width:100%; display: block !important; }


		.cartinInner { margin-top: 50px;}		
		.itempage-infolist{ font-size: 13px; margin-top: 20px; margin-bottom: 20px;}
}



@media screen and (max-width: 768px) {

body { font-size:14px; line-height: 1.7; }

.sp-hide-inline,
.sp-hide{ display: none;}
.sp-show{ display:block !important;}
.sp-show-inline{ display:inline !important;}
.sp-br-none br{display: none;}

.tellink { pointer-events: auto; }
    

/* news
==========================================================*/

.page-news { }
.page-news .indmid { margin: 50px 0; }
.page-news .indnewsul { margin-bottom:  20px; }
.newsyajiwrap { padding-bottom: 70px; font-size: 16px; padding-top: 15px; border-top: 1px solid #ccc;display: flex; justify-content: space-between; text-align: center; font-family: 'Lato', sans-serif; font-weight: bold; }
.newsyajiwrap div { width: 50%; }
.newsyajiwrap a { height: 40px; line-height: 40px; display: block; }
.newsyajiwrap img { vertical-align: middle; }
.newsprev { border-right: 1px solid #ccc; }
.newsprev img { padding-right: 10px; }
.newsnext { }
.newsnext img { padding-left: 10px; }

.inner920 { max-width: 920px; width: calc(100% - 40px); margin: 0 auto; }
.postwrap { padding-top: 20px; margin-bottom: 60px; }
.postimg { margin-bottom: 20px; }
.postdate { font-size: 15px; margin-bottom: 10px; font-family: 'Lato', sans-serif; }
.postttl { font-size: 20px; line-height: 1.4; padding-bottom: 20px; margin-bottom: 30px;  border-bottom: 1px solid #000; font-weight: bold; }
.postarea { line-height: 2; word-wrap: break-word; }


/* concept
==========================================================*/

.page-concept {}
.main { margin-bottom: 20px; }
.conc01wrap { }
.concmark { max-width: 627px; width: 60%; top: 0; left: 0; }
.concttl { font-size: 30px; line-height: 1.3; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; position: relative; z-index: 2;border-bottom: 1px solid #ccc; letter-spacing: 0; text-align: center; }
.conc01wrap .col-l { width: 100%; min-width: auto; position: relative; z-index: 2;}
.conctxt { font-size: 14px; line-height: 2; }
.conc01wrap .col-r { width: 100%; max-width: 300px; margin-bottom: 20px; }
.concimg {}
.conc02wrap {}
.conc02wrap .col-l { margin-top: -60px; max-width: 486px; width: 100%; }
.conc02wrap .col-r { width: 100%; min-width: auto; margin-top: 30px;}
.concmid { font-size: 25px; line-height: 1.5; margin-bottom: 20px; letter-spacing: 0;}

.concmoviewrap { padding: 10px 0; margin-top: 50px; text-align: center; background: #000; }
.concmoviewrap video { width: 100%; }
.concwindow { width: 30px; bottom: 30px; right: 10px; position: absolute; }
	
.bg-g { background: #F6F6F6;}
.conc03wrap { padding: 60px 0 60px; }
.conc03wrap .col-r { max-width: 365px; width: calc(100% - 460px); }
.conc03wrap .col-l { min-width: 420px; position: relative;}
.hisakologo { max-width: 350px; margin-bottom: 50px; width: calc(100% - 10px); }
.conc03wrap .col-l .conctxt { position: relative; z-index: 2; }
.conc03wrap .col-l .concimg { margin-top: -15px; margin-bottom: 30px; }
.hisakologo2 { float: right; max-width: 300px; width: 100%; left: 0; bottom: 0; position: inherit; }
.hisakologo2 .txr { margin-bottom: 20px; }
@media screen and (max-width: 680px) {
.conc03wrap .col-r { max-width: 365px; width: 160px; margin-right: -20px; }
.conc03wrap .col-l { min-width: auto; width: calc(100% - 160px); position: relative; }
}
@media screen and (max-width: 500px) {
.conc03wrap { padding: 40px 0 60px; }
.hisakologo { max-width: 300px; margin: 30px auto 40px; }
.conc03wrap .col-r { max-width: 365px; width: 160px; margin: 0 auto; float: none; }
.conc03wrap .col-l { float: none; min-width: auto; width: 100%; position: relative; }
}

.conc04wrap { padding-top: 50px;}
.conc04wrap .col-l { padding-top: 0; margin-bottom: 40px; width: calc(100% - 200px); min-width: auto; }
.conc04wrap .col-r { width: 180px; }
.conc05wrap { padding-bottom: 50px; }
.conc05wrap .col-l { max-width: 505px; width: 180px; }
.conc05wrap .col-r { width: calc(100% - 200px); min-width: auto; }
.conc05wrap .col-r .conctxt { padding-top: 0; }
.pioneer04 { margin-bottom: 50px; }
@media screen and (max-width: 530px) {
.conc04wrap .col-l,
.conc05wrap .col-r { float: none; width: 100%; min-width: auto; }

.conc04wrap .col-r { float: none; width: 50%; margin: 0 auto 30px; }
.conc05wrap .col-l { float: none; width: 100%; margin-bottom: 30px;}

.conc05wrap ul { display: flex; }
}

/* seating
==========================================================*/

.page-seating {}
.page-seating .main { margin-bottom: 50px;}
.page-seating .main .centertate { max-width: 702px; width: 45%; left: 20px; }
.seatttlwrap { margin-bottom: 40px; text-align: center;}
.seatttl { font-size: 30px; line-height: 1.4; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.seatttlsub { font-size: 16px; line-height: 1.5; margin-bottom: 30px; }
	
.stepwrap { margin-bottom: 50px; background:url(../images/seating/bg-broder.png) repeat-y center; background-size: 200%; position: relative; }
.inner1190 { max-width: 1190px; width: calc(100% - 40px); margin: 0 auto; }
.seatmidwrap { text-align: center; background: #fff;}
.seatmidimg { max-width: 320px; margin: 0 auto 20px; }
.seatmid { max-width: 820px; width: 100%; font-size: 40px; line-height: 1; border-bottom: 3px solid #7e6729; margin: 0 auto; text-align: center; color: #7e6729; letter-spacing: 0.1em; }
.houtodl { padding: 40px 0; display: block; justify-content: space-between; background: #fff; }
.houtodl dt { font-size: 18px; max-width: 350px; width: 100%; margin: 0 auto 20px; height: 40px; line-height: 40px; }
.houtodl dt:after { content: ""; position: absolute; width: 100%; height: 1px; background: #000; left: 0; bottom: -5px; }
.houtodl dd { max-width: 350px; width: 100%; margin: 0 auto; text-align: justify; font-size: 16px; line-height:1.5; font-weight: bold; }
.stepolwrap { margin-bottom: 20px; }
.stepol { display: flex; justify-content: space-between; flex-wrap: wrap; }
.stepol li { max-width: 500px; width: calc(50% - 20px); }
.stepmiden { font-size: 18px; height: 35px; line-height: 35px; margin-bottom: 20px; }
.stepmidjp { font-size: 18px; margin-bottom: 10px; }
.steptxt { font-size: 13px; line-height: 1.5; margin-bottom: 20px; }

.stepdewrap { min-height: 630px; margin-bottom: 20px; background: #f6f6f6; display: flex; flex-wrap: wrap;}
.stepdeimg { width: 100%; height: 40vh; order: 1; }
.stepdeimg01 { background:url(../images/seating/step01.jpg) no-repeat top center; background-size: cover; }
.stepdeimg02 { background:url(../images/seating/step02.jpg) no-repeat top center; background-size: cover; }
.stepdeimg03 { background:url(../images/seating/step03.jpg) no-repeat top center; background-size: cover; }
.stepdeimg04 { background:url(../images/seating/step04.jpg) no-repeat top center; background-size: cover; }
.stepdetxtwrap { order: 2; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.stepdetxtin { max-width: inherit; width: 100%; box-sizing: border-box; padding: 40px 30px; }
.stepdeno { width: 200px; height: 30px; margin-bottom: 30px; font-size: 14px; line-height: 30px; text-align: center; display: flex; }
.stepdenoen { width: 80px; background: #000; color: #fff;  font-family: 'Roboto', sans-serif; font-style: oblique; font-weight: 300;}
.stepdenojp { width: calc(100% - 40px); border: 1px solid #000; box-sizing: border-box; letter-spacing: 0;}
.stepdemid { font-size: 28px; line-height: 1.3; margin-bottom: 20px; }
.stepdetxt { line-height: 1.8;  font-size: 14px; }
@media screen and (max-width: 450px) {
.stepwrap { background: none; }
.stepdetxtin { max-width: inherit; width: 100%; box-sizing: border-box; padding: 30px 20px; }
.stepol li { max-width: 500px; width: 100%; }
}
.afterwrap { }
.afterwrap .inner1120 { padding-top: 60px; border-top: 1px solid #ccc; }
.seatmidsub { font-size: 20px; padding: 30px 0 20px; line-height: 1.6; text-align: left; }
.seatmidbikou { font-size: 14px; margin-bottom: 30px; line-height: 1.6; text-align: left;}
.afteraddwrap { display: block; justify-content: center; }
.afterlogo { width: 200px; margin-bottom: 30px; }
.afteradd { padding-top: 10px; line-height: 1.5; padding-left: 0; margin-bottom: 40px; }
.afterimg { margin-bottom: 60px; }



/* technology
==========================================================*/

.page-tech {}
.page-tech main {}
.techttlwrap { margin: 60px auto 40px; text-align: center; }
.techttlimg { max-width: 300px; margin: 0 auto 30px; }
.techttl { font-size: 30px; padding-bottom: 20px; line-height: 1.5; border-bottom: 1px solid #ccc; }
@media screen and (max-width: 500px) {
.techttl br { display: none;}
}



.ethreemwrap {}
.ethreemwrap .techttlwrap { text-align: center; }
.inner800 { max-width: 800px; width: calc(100% - 40px); margin: 0 auto;}
.ethreemwrap .techttlimg { width: 60px;}
.techttlsub { font-size: 16px; text-align: left; line-height: 1.6; margin: 30px auto 20px; }

.ethreemmid { font-size: 25px; padding: 0 20px; line-height: 1.5; margin-bottom: 30px; text-align: center; font-weight: bold; color: #e60012; }
#page-en .ethreemmid { padding: 0; }
.techslidewrap { margin-bottom: 30px; position: relative; width: 100%; }
#techslide {}
#techslide li {}
#techslide li img { width: 100%; }
#techthumbul { top: 0; margin-bottom: 20px; width: 100%; display: flex; position: inherit; }
#techthumbul li { width: 17.5%; height: 50px; line-height: 50px; box-sizing: border-box; border: 1px solid #ccc; border-right: none;  text-align: center; display: inline-block; cursor: pointer; -webkit-transition:all .3s; transition:all .3s; }
#page-en #techthumbul li { width: 20%; letter-spacing: 0; }
#techthumbul li:hover { -webkit-opacity: 0.6; opacity: 0.6;  }
#techthumbul li:last-child { border-right: 1px solid #ccc; }
#techthumbul li:first-child { width: 30%; margin-bottom: 0; border: none; background: #000; color: #fff;  }
#page-en #techthumbul li:first-child { width: 20%; }
.techslidetxt { margin-top: 20px; padding: 0 20px; font-size: 14px; line-height: 1.5; }
.techslidetxt.txr { font-size: 12px; padding: 0 20px; }

.ethreemcolwrap { margin: 40px 0; }
.ethreemcolwrap .inner1120 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.ethreemcol { width: calc(50% - 20px); margin-bottom: 30px; }
.ethreemcolimg { max-width: 300px; margin: 0 auto 30px; }
.ethreemcoltxt { font-size: 14px; line-height: 1.6;}

.ethreemmoviewrap { max-width: 1080px; width: 100%; box-sizing: border-box; margin: 0 auto 70px; background: #f1f1f1; padding: 10px; }
.ethreemmoviewrap video { width: 100%; }

@media screen and (max-width: 500px) {
.ethreemcol { width: 100%; }
}

/* item
==========================================================*/

.page-item { }
.inner920 { max-width: 920px; width: calc(100% - 40px); }
.page-item .indmid { margin-top: 50px; }
.itemul { margin-bottom: 70px; }
.itemul li { margin-bottom: 40px; }

.itemcat { margin-bottom: 10px; height: 40px; padding: 5px 15px;  display: inline-block; text-align: center; box-sizing: border-box; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; }
.itemcat p { width: 120px; height: 30px; line-height: 30px; font-family: 'Lato', sans-serif; }

.itemimg { height: auto; margin-bottom: 15px; }
.itemlogo { max-width: 300px; width: 55%; position: absolute; }
.itemethreem { width: 30px; position: absolute; }
.itemname { font-size: 18px; margin-bottom: 10px; font-family: 'Lato', sans-serif;}
.itemtxt { line-height: 1.6; }

.item-viola {}
.item-viola .itemlogo { left: 30px; top: 60px; }
.item-viola .itemethreem { right: 20px; bottom: 20px; }
@media screen and (max-width: 480px) {
.item-viola .itemlogo { left: 20px; top: 30px; }
}

.item-benz {}
.item-benz .itemlogo { left: 30px; top: 120px; }
.item-benz .itemethreem { left: 20px; bottom: 20px; }
@media screen and (max-width: 670px) {
.item-benz .itemlogo { left: 30px; top: 80px; }
}
@media screen and (max-width: 580px) {
.item-benz .itemlogo { left: 30px; top: 50px; }
}
@media screen and (max-width: 480px) {
.item-benz .itemlogo { left: 20px; top: 40px; }
}

.item-chair {}
.item-chair .itemlogo { left: 30px; }
.item-chair .itemethreem { right: 20px; bottom: 20px; }
@media screen and (max-width: 480px) {
.item-chair .itemlogo { left: 20px; }
}

.item-pinto {}
.item-pinto .itemlogo { left: 30px; }
.item-pinto .itemethreem { right: 30px; bottom: 30px; }
@media screen and (max-width: 480px) {
.item-pinto .itemlogo { left: 20px; }
}

.item-tronco { }
.item-tronco .itemlogo { width: 250px; left: 20px; bottom: 30px; }
.item-tronco .itemcatch { width: 350px; right: 20px; bottom: 30px; position: absolute; }
.item-tronco .itemethreem { right: 30px; bottom: 70px; }
@media screen and (max-width: 650px) {
.item-tronco { }
.item-tronco .itemlogo { width: 200px; left: 20px; bottom: 60px; }
.item-tronco .itemcatch { max-width: 320px; width: calc(100% - 40px); left: 20px; bottom: 25px; position: absolute; }
.item-tronco .itemethreem { right: 20px; bottom: 20px; }
}
@media screen and (max-width: 600px) {
.item-tronco { }
.item-tronco .itemlogo { width: 200px; left: 20px; bottom: 50px; }
.item-tronco .itemcatch { max-width: 320px; width: 100%; margin: 10px 20px; left: inherit; bottom: inherit; position: inherit; }
.item-tronco .itemethreem { right: 20px; bottom: 50px; }
}

    

/* contact
==========================================================*/

.page-cont {}
.inner750 { max-width: 750px; width: calc(100% - 40px); margin: 0 auto; }
.page-cont .indmid { padding: 50px 0 40px; margin: 0; }
.conttxt { font-size: 13px; line-height: 1.6; margin-bottom: 30px; }
.conttxt span { color: #e60012; }
.formwrap {}
.formtab { width: 100%; margin-bottom: 0; }
.formtab tr {}
.formtab th { display: block; width: 200px; padding-bottom: 10px; vertical-align: middle;  }
.formtab td { display: block; padding-bottom: 25px; }
.formtab th span { padding-left: 10px; color: #e60012;}
.formtab input { font-size: 14px; padding: 0 10px; height: 40px; border: 1px solid #ccc;  box-sizing: border-box;}
.formtab ::placeholder { color: #b0b0b0; }
.formtab .input02wrap { display: flex; justify-content: space-between; }
.input02wrap input { width: calc(50% - 5px);}
.yubinarea {}
#yubinbtn { margin-left: 10px; padding: 0 15px; letter-spacing: 0.05em; background: #707070; border: none; color: #fff;  }
.yobintxt { padding-right: 5px; }
.formbikou { font-size: 12px; margin-top: 15px; color: #666;}
.input01wrap {}
.input01wrap input { margin-bottom: 10px; width: 100%; }
.radiowrap {}
.formtab textarea { padding: 15px; line-height: 1.5; height: 300px; width: 100%; box-sizing: border-box;border: 1px solid #ccc; }
.areabikou { margin: -10px 0 15px; }
.formwrap input[type=submit],
.backbtn { font-size: 15px; line-height: 50px; letter-spacing: 0.1em; width: 200px; height: 50px; margin: 0 auto; cursor: pointer; color: #fff !important; background: #707070; -webkit-transition:all .3s; transition:all .3s;  border: none; display: block; text-align: center; } 
.formwrap input[type=submit]:hover,
.backbtn:hover { opacity: 0.6; }
.error_box { padding: 15px; margin-bottom: 40px; display: none; line-height: 1.5; color: #f00; border: 1px solid #f00; }

input[type=radio], input[type=checkbox] { display: none; }
.radio, .checkbox {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 10px 10px 10px 20px;
  vertical-align: middle;
  cursor: pointer;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  content: '';
  background: #fff;
  border: 1px solid #000;
}
.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
  content: '';
  opacity: 0;
  z-index: 2;
}
input[type=radio]:checked + .radio:before  { opacity: 1; }
input[type=radio]:checked2 + .radio:before { opacity: 1; }

.sendwrap { padding: 50px 0; text-align: center; }
.sendmid { font-size: 18px; padding-bottom: 30px; font-weight: bold; }
.sendwrap p { line-height: 1.8; margin-bottom: 10px; }
.sendwrap .backbtn { margin-top: 20px; }


#ind-store-section{ margin: 60px auto 70px; }
#ind-store-section .inner1120 { border-top: 1px solid #ccc; }
	#ind-store-section .col-l,
	#ind-store-section .col-r{ float: none; width: 100%; max-width: 500px; margin: 0 auto 40px; }
	#ind-store-section .col-r dt{ max-width: 220px; margin-bottom: 30px; }
	#ind-store-section .col-r dd { font-size: 15px; line-height: 1.6; margin-bottom: 10px;}
	.ind-store-dd-map{ padding-top: 20px; }
	.ind-store-links{}

#ind-store-Maps{padding: 50px 40px; background: #fff; }
#ind-store-Maps .col-l{ width:56%; }
	#ind-store-Maps .col-r{ width:41%; padding-top: 90px; }
	#ind-store-Maps .col-r dd { font-size: 16px; line-height: 1.6; margin-bottom: 20px;}

@media screen and (max-width: 1024px) {
#ind-store-Maps{ background: #fff; padding: 50px 30px;}
	#ind-store-Maps .col-l{  width:66%; }
	#ind-store-Maps .col-r{  width:31%; }
}

@media screen and (max-width: 900px) {
#ind-store-Maps .col-l{ width:auto; float: none; }
	#ind-store-Maps .col-r{  width:auto; float: none; padding-top: 40px; }
}
@media screen and (max-width: 750px) {
#ind-store-Maps{ padding: 10% 2%;}

}


/* PRODUCTS
-------------------*/

.products-cateInner{ margin: 0 -12px; margin-bottom:15%; }
	.products-cateInner li{ margin:10px 12px; font-size: 11px; }

.products-section{ padding-bottom: 50px;}
.products-section-Inner{ margin-bottom: 30px;}
	.products-section-box{ padding: 20px 0 40px; }
		.products-section-box .col-l{ margin-bottom: 10px;}
		.products-section-box .col-r dt{ font-size: 19px; }
		.product-links{ margin-top: 30px;}


    
    
/* prirvacy
==========================================================*/

.page-privacy { padding: 50px 0; }
.privacyul { line-height: 1.6; }
.privacyul li { margin-bottom: 30px;}
.privacyul a { text-decoration: underline; }
.privacyul a:hover { text-decoration: none; }
.page-privacy table { margin-top: 20px; }
.page-privacy table th { display: block; }
.page-privacy table td { display: block; }
    
}



/* lp 2407追加
==========================================================*/

.bg_pink{background-color: #F2E8E4;}
.w96{width: 96%; text-align: center;}
.fw_Medium{font-weight: 500;}
.lp-fn-mincho { font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝","MS PMincho", Times, serif;}

@media screen and (min-width: 601px) {
    .show600 {display: none !important;}
    }
@media screen and (max-width: 600px) {
    .show600 { display: block; }
}
@media screen and (min-width: 601px) {
    .hide600 {display: block;}
    }
@media screen and (max-width: 600px) {
    .hide600 { display: none !important; }
}
@media screen and (min-width: 551px) {
    .show550 {display: none !important;}
    }
@media screen and (max-width: 550px) {
    .show550 { display: block; }
}
@media screen and (min-width: 551px) {
    .hide550 {display: block;}
    }
@media screen and (max-width: 550px) {
    .hide550 { display: none !important; }
}

.lp{font-size: 17px; line-height: 1.6; letter-spacing: 0; font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;  font-style: normal; font-weight: 400;}
.lp_inner_content{padding-block: 65px;}
.lp_inner_content p{margin-top: 30px;}
.lp_inner{position: relative;}

@media screen and (max-width: 768px) {
    .lp {font-size: 14px; line-height: 2;}
    .lp_inner_content{padding-block: 55px;}
  }
  @media screen and (max-width: 500px) {
    .lp_inner_content{padding-block: 45px;}
  }

/* スライドショー */
.lp_mainslide{margin-block: 40px;}
.lp_mainslide .slideshow {width: 100%; list-style-type: none; position: relative; height: 470px;}
.lp_mainslide .slideshow > li { opacity: 0; position: absolute; transition: opacity 3s ease-in-out;}
.lp_mainslide .slideshow > li.showSlide {opacity: 1;}
.lp_mainslide .slideshow > li > img {width: 100%; height: 470px; object-fit: cover;}
.lp_mainslide .buttonContainer {text-align: center; margin-top: 20px;}
.lp_mainslide .slideButton {height: 8px; width: 8px; margin: 0 10px; background-color: #BFBFBF; border-radius: 50%; display: inline-block; cursor: pointer;}
.lp_mainslide .active { background-color: #808080; }

@media screen and (max-width: 768px) {
    .lp_mainslide .slideshow{height: 400px;}
    .lp_mainslide .slideshow > li > img {height: 400px;}
  }
@media screen and (max-width: 600px) {
    .lp_mainslide{margin-block: 40px 20px;}
    .lp_mainslide .buttonContainer {margin-top: 10px;}
  }
  @media screen and (max-width: 550px) {
    .lp_mainslide .slideshow{height: 300px;}
    .lp_mainslide .slideshow > li > img {height: 300px;}
  }
  @media screen and (max-width: 400px) {
    .lp_mainslide .slideshow{height: 250px;}
    .lp_mainslide .slideshow > li > img {height: 250px;}
  }

/* コンテンツ */

.lp_btn{position: fixed; top: 64%; left: 0; align-items: center; z-index: 1;}
.lp_btn02{position: fixed; top: 64%; right: 0; align-items: center; z-index: 1;}
.lp_btn button{background: none; border: none;}
.lp_btn .pagetop{width: 79px; height: 79px; margin-left: 70px;}
.lp_btn02 .cart{width: 166px; height: 53px; }

.lp_btn_prod{position: fixed; top: 71%; right: 0; align-items: center; display: block; text-align: right;}
.lp_btn_prod img{width: 50%;}
.lp_btn_prod button{background: none; border: none;}
.lp_btn_prod_sp{display: flex; width: 100%; }
.lp_btn_prod_sp img{max-width: 100.6%;}

@media screen and (max-width: 1280px) {
    .lp_btn,.lp_btn02{top: 67%;}
    .lp_btn_prod{top: 75%;}
}
@media screen and (max-width: 1100px) {
    .lp_btn,.lp_btn02{top: 63%;}
    .lp_btn_prod{top: 71.5%;}
}
@media screen and (max-width: 1000px) {
    .lp_btn .pagetop{margin-left: 30px;}
    .lp_btn,.lp_btn02{top: 67%;}
    .lp_btn_prod{top: 75%;}
}
@media screen and (max-width: 770px) {
    .lp_btn .pagetop{margin-left: 20px;}
    .lp_btn,.lp_btn02{top: 53%;}
    .lp_btn_prod{top: 60%;}
}
@media screen and (max-width: 580px) {
    .lp_btn,.lp_btn02{top: 50%;}
    .lp_btn_prod{top: 57%;}
}
@media screen and (max-width: 550px) {
    .lp_btn_sp{position: fixed; bottom: 0; z-index: 999;}
    .lp_btn_cart_sp{width: 100%; margin-top: -1px;}
    .lp_btn02 .cart{width: 100%; object-fit: cover; width: 550px; height: 80px;}
    .lp_btn .pagetop{margin-top: -50px;}
    .lp_btn{bottom: 0; right: 0; left: 70%; top: 70%;}
    .lp_btn_top{width: 80px!important; height: 80px!important;}
    .lp .cshover button:hover,
    .lp .cshover a:hover, 
    .lp a.cshover:hover { -webkit-opacity: 1; opacity:inherit; }
    .lp_btn_prod{display: flex; justify-content: space-between; width: 100%; top: 86.5%;}
    .lp_btn_prod img{width: 100%;}

    .lp_btnsp{bottom: 0!important; right: 0!important; position: fixed!important; align-items: center; z-index: 1; left: 0; z-index: 1; height: 160px;}
}

.lp_ttl{margin-block: 0 60px;}
.lp_ttl h2{border-bottom: 0.5px solid #000000; line-height: 2; letter-spacing: 0;}
.lp_ttl p{margin-top: 10px; letter-spacing: 0;}

.lp_flexbox_item_img,.lp_flexbox p{width: 50%; }
.lp_flexbox_item_img img{object-fit: cover; width: 427px;}
.lp_flexbox p{max-width: 410px;}
.lp_flexbox_item:nth-child(even){flex-direction: row-reverse;}
.lp_flexbox_item{gap: 35px;}

@media screen and (max-width: 950px) {
    .lp_flexbox_item_img{text-align: center; margin-bottom: 30px; width: 60%; margin-inline: auto;}
    .lp_flexbox_item_img img{width: 96%!important; object-fit: cover;}
    .lp_flexbox img,.lp_flexbox p{width: 100%;}
    .lp_flexbox_item{display: block;}
    .lp_flexbox p{max-width: max-content;}
    .lp_flexbox_item{gap: 0;}
  }
@media screen and (max-width: 768px) {
    .lp_ttl{margin-bottom: 40px;}
  }
  @media screen and (max-width: 600px) {
    .lp_flexbox_item_img{width: 80%;}
  }
  @media screen and (max-width: 400px) {
    .lp_flexbox_item_img img{height: 300px;}
    .lp_flexbox_item_img{width: 100%;}
  }


.lp_spec{border-top: #000 0.5px solid; border-bottom: #000 0.5px solid; line-height: 1.8;}
.lp_spec h2{font-size: 33px; letter-spacing: .2em; margin-bottom: 45px;}
.lp_spectxt{margin-bottom: 60px;}
@media screen and (max-width: 600px) {
    .lp_spec h2{margin-bottom: 30px; font-size: 28px;}
}

.shopttl {width: 350px; height: 60px; background-color: #F5F1EA; color: #221815; font-size:22px; border: none; display: inline-block; line-height: 60px; letter-spacing: 0.3em; margin-top: 70px;}
@media screen and (max-width: 550px) {
    .shopttl {margin-top: 50px;}
  }
  @media screen and (max-width: 450px) {
    .shopttl {width: 300px;}
  }

.lp_prod{gap: 45px; background-image : linear-gradient(to right, #000 2px, transparent 2px); background-size: 8px 2px;background-repeat: repeat-x; background-position: left bottom; padding-block:30px 60px; letter-spacing: 0.075em;}
.lp_prod:last-child{background-image: none; border-bottom: solid #000 0.5px;}
.lp_prod img{width: 100%;}
.lp_prodl{max-width: 305px;}
.lp_prodr{display: grid; justify-content: space-between;}
.lp_prodr .notes{margin-top: auto;}
.lp_prod_btn {position: relative;}
.lp_prod_btn a:nth-child(1){margin-right: 10px;}
.cartbtn {width: 160px; height: 40px; color: #221815; font-size:15px; border: none; cursor: pointer; border: 0.5px solid #000; display: inline-block; line-height: 40px; letter-spacing: 0.01em; background-color: #fff;}

@media screen and (max-width: 735px) {
    .lp_prod{display: block;}
    .lp_prodl{margin: 0 auto;}
    .lp_prodr_txt{display: flex;}
    .cartbtn{margin-top: 24px;}
    .lp_prod .mt25{margin-top: 0!important;}
}
@media screen and (max-width: 450px) {
    .lp_prodr_txt{letter-spacing: 0;}
}
@media screen and (max-width: 395px) {
    .cartbtn{margin-left: 0;}
    .lp_prodr_txt p{width: 50%!important;}
}
@media screen and (max-width: 385px) {
    .cartbtn{width: 100%;}
    .lp_prod_btn a:nth-child(1){margin-right: 0;}
    .cartbtn:nth-child(2){margin-top: 10px;}
    .lp_prodr_txt p{width: 70%!important;}
}


.lp_shop{margin-bottom: 60px;}
.lp_shoptxt{gap: 130px; margin-inline: 20px;}
@media screen and (max-width: 880px) {
    .lp_shoptxt{gap: 80px;}
  }
@media screen and (max-width: 830px) {
    .lp_shoptxt_img img{width: 250px;}
}
@media screen and (max-width: 675px) {
    .lp_shoptxt_img img{width: 200px;}
    .lp_shoptxt{gap: 50px; justify-content: space-between;}
}
@media screen and (max-width: 600px) {
    .lp_shoptxt{display: block;}
    .lp_shoptxt_img{text-align: center; margin-bottom: 50px;}
    .lp_shop{margin-top: -40px; margin-bottom: 40px;}
}
@media screen and (max-width: 480px) {
    .lp_shoptxt_img{margin-bottom: 30px;}
}


.lp_items h2{font-size: 33px; letter-spacing: .2em; margin-bottom: 45px;}
@media screen and (max-width: 600px) {
    .lp_items h2{margin-bottom: 30px; font-size: 28px;}
}

.lp_prodr .triangle {display: inline-block; vertical-align: middle; color: #000; line-height: 1; position: relative; width: 9px; height: 9px; transform: translateX(-25%) rotate(45deg); margin-left: 10px; margin-top: -6px;}
.lp_prodr .triangle::before,.lp_prodr .triangle::after {content: ''; position: absolute; background: currentColor; border-radius: 0.1em;}
.lp_prodr .triangle::before {top: 0; left: 0; right: 0; height: 1.2px;}
.lp_prodr .triangle::after { top: 0; right: 0; bottom: 0; width: 1.2px;}


.cartjs_product_table{visibility: hidden!important; height: 1px;}
.cartjs_box{padding: 0!important;}
.cartjs_cart_in{text-align: left!important; position: relative!important; display: inline-block!important; width: 200px!important;}
.cartjs_cart_in::before{content: ""; position: absolute; vertical-align: middle; color: #000; line-height: 1; width: 0.5em; height: 0.5em; border: 0.1em solid currentColor;
    border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateX(-25%) rotate(45deg); right: 10%; top: 67%;}
.cartjs_cart_in input[type="submit"] {width: 200px!important; height: 42px!important; color: #221815!important; font-size:17px!important; cursor: pointer!important; display: inline-block!important; line-height: 42px!important; letter-spacing: 0.01em!important; background-color: #fff!important; margin-top: 30px!important; background-color: #F5F1EA!important; border-radius: 0!important; margin-bottom: 0!important; font-weight: bold; padding-right: 15px;}

@media screen and (max-width: 768px) {
    .cartjs_cart_in input[type="submit"]{padding-right: 50px;}
    .cartjs_cart_in::before{top: 68%;}
}
@media screen and (max-width: 735px) {
    .cartjs_cart_in input[type=submit] {margin-left: 30px; margin-top: 24px;}
    .cartjs_cart_in::before{right: -2%;}
}
@media screen and (max-width: 430px) {
    .cartjs_cart_in input[type="submit"]{padding-right: 50px;}
}
@media screen and (max-width: 395px) {
    .cartjs_cart_in input[type="submit"] {width: 180px!important;}
    .cartjs_cart_in{width: 180px!important;}
    .cartjs_cart_in input[type=submit] {margin-left: 10px;  padding-right: 30px;} 
    .cartjs_cart_in::before{top: 68%; right: 10%;}
    .lp_prodr .triangle{margin-top: 0;}
}


/* リンクボタン fotter
==========================================================*/ 
.kasoufootbtnwrap .ttl img{max-width: 196px; width: 80%; margin-bottom: 60px;}
.kasoufootbtnwrap .btn{width: 100%; justify-content: space-between; padding-block: 20px;}
.kasoufootbtnwrap .btnnn {pointer-events: none!important; opacity: 0.6;}
.kasoufootbtnwrap .btn .amazon,
.kasoufootbtnwrap .btn .rakuten{ background: #fff; padding: 70px 150px; width: 49.3%;}
.kasoufootbtnwrap .btn .amazon img,
.kasoufootbtnwrap .btn .rakuten img{width: 80%;}
.kasoufootbtnwrap a:hover{opacity: 0.5;}
.kasoufootbtninr{display: flex; gap: 20px;}

@media screen and (max-width: 1020px) {
    .kasoufootbtnwrap .btn .amazon,
    .kasoufootbtnwrap .btn .rakuten{padding: 40px 100px;}
}
@media screen and (max-width: 850px) {
    .kasoufootbtninr{gap: 10px;}
}
@media screen and (max-width: 650px) {
    .kasoufootbtnwrap .btn .amazon,
    .kasoufootbtnwrap .btn .rakuten{padding: 35px 50px;}
    .kasoufootbtnwrap .ttl img{width: 25%;}
}
@media screen and (max-width: 450px) {
    .kasoufootbtnwrap .btn .amazon,
    .kasoufootbtnwrap .btn .rakuten{padding: 35px 30px;}
}
@media screen and (max-width: 400px) {
    .kasoufootbtnwrap .btn .amazon,
    .kasoufootbtnwrap .btn .rakuten{padding: 25px 30px;}
}


  





/* 250613追加 追従バナー */
.sp-fixedBnr{display: none; position: fixed; bottom: 0; left: 0; z-index: 10; width: 100%;}
.sp-fixedBnr li{width: 50%; height: 60px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.sp-fixedBnr li:nth-of-type(1){background-color: #06c755;}
.sp-fixedBnr li:nth-of-type(1) a::before{content: ""; background: url(../images/common/foot-line.png); background-size: contain; background-repeat: no-repeat; display: block; width: 32px; height: 32px;}
.sp-fixedBnr li:nth-of-type(1) p{font-size: min(calc((12 / 375) * 100vw),12px);}
.sp-fixedBnr li:nth-of-type(1) span{font-size: min(calc((15 / 375) * 100vw),15px);}
.sp-fixedBnr li:nth-of-type(2){background-color: #848280;}
.sp-fixedBnr li a{display: flex; align-items: center; justify-content: center; font-weight: bold;color: #fff; width: 100%; height: 100%; gap: 5px; letter-spacing: 0; position: relative;}
.sp-fixedBnr li p{display: flex; flex-flow: column; font-size: min(calc((15 / 375) * 100vw),15px);}
.sp-fixedBnr li:nth-of-type(2) a::before{content: ""; background: url(../images/common/headcart.png); background-size: contain; background-repeat: no-repeat; display: block; width: 25px; height: 25px;}

@media screen and (max-width: 768px){
    .sp-fixedBnr{display: flex;}
}