@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
*{padding:0;margin:0;}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{display:block;padding:0;margin:0;}
ol,ul,dl,li,dt,dd{list-style:none;}
img{vertical-align:top;}
html{-webkit-text-size-adjust:100%;}
body{
	color:#000;
	/*-font:normal normal 18px/1 '游ゴシック Medium', 'Yu Gothic Medium', YuGothic, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;-*/
	 
	
	font-feature-settings:"pwid";
	/*-letter-spacing:0.05em;-*/
	background:#fdfbf4;
	text-align:left;
	line-height: 1.5
}
a,img{border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
sup,
sub{
	height:0;
	line-height:1;
	vertical-align:baseline;
	margin:0 1px;
	position:relative;
}
sup{bottom:0.7ex;}
sub{top:0.1ex;}

/* JS element
-------------------------------------------------------------*/
.noSc,
.telLink,/* for mobile */
.setAutoHeight,
.setAutoHeightTgr,
.ah-tgr{}

/* text Layout
-------------------------------------------------------------*/
.textBold{font-weight:bold !important;}
.textNormal{font-weight:normal !important;}
.textItalic{font-style:italic;}

/*---.nowrap   --- SmartPhone : nowrap */
/*---.nowrap-pc --- SmartPhone/tablet P : normal */
.nowrap,
.nowrap-pc{white-space:nowrap;}
.noNowrap{white-space:normal !important;}
.textBreak{word-break:break-all;}

small{font-size:100%;}
.textSS{font-size:75%;}  /* 12px */
.textS{font-size:87.5%;} /* 14px */
.textL{font-size:112.5%;}/* 18px */
.textLL{font-size:125%;} /* 20px */
.sp-textS{}

/* Color */
.textRed{color:#ff003c !important;}
/*.key{color:#ffdc0a !important;}*/

/* indent */
.textIdt-numDot{/* 1. text */
	text-indent:-1.32em;
	padding-left:1.32em;
}
/* a Element
-------------------------------------------------------------*/
a{
	color:#069;
	text-decoration:underline;
}
a:visited{color:#649;}
a:hover{color:#000;}
a,
button,
input[type="submit"]{
	transition-property:color, background, opacity, border, box-shadow, transform;
	transition-duration:.3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/* overOpc */
.overOpc{
	transition:opacity .3s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
html:not(.mobile) .overOpc:hover,
html:not(.mobile) a:hover .overOpc{opacity:0.7;}

/* overImgMv */
a.overImgMv,
a.overImgMv>.frame{
	display:block;
	overflow:hidden;
}
html:not(.mobile) a.overImgMv>img,
html:not(.mobile) a.overImgMv>.frame>img{transition:.5s;}
html:not(.mobile) a.overImgMv:hover>img,
html:not(.mobile) a.overImgMv:hover>.frame>img{
	opacity:0.7;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:scale(1.06);
	transform:scale(1.06);
	transition:.8s;
}
/* imgIcon */
img.imgIcon{
	background:url(../img/parts_spr.png) no-repeat 0 0/auto 50px;
	vertical-align:-3px;
	width:15px;
	height:17px;
	margin:-1px 4px 0;
}
img.imgIcon.pdf{background-position:0 0;}
img.imgIcon.blank{
	background-position:-37px 0;
	vertical-align:0;
	width:12px;
	height:12px;
	margin:0 0 0 5px;
}
img.imgIcon.blank.white{background-position:-37px -13px;}

/* block Layout
-------------------------------------------------------------*/
img{
	box-sizing:border-box;
	max-width:100%;
	height:auto;
}
.forReader,
.dsp-none,
.sp-dsp-block,
.spP-dsp-block,
.spS-dsp-block{display:none;}
.sp-dsp-none,
.spP-dsp-none,
.spS-dsp-none,
.sp-dsp-inline{}
.dsp-block{display:block;}
.dsp-inlineBlock{display:inline-block;}
.dsp-table{display:table;}
.dsp-table>*{
	display:table-cell;
	vertical-align:top;
}
/* Float Element */
.cClear{clear:both !important;}
.fLeft {float:left !important;}
.fRight{float:right !important;}
.clearfix::after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}
/* width */
.wAuto{
	width:auto !important;
	max-width:none !important;
}
.w5 {width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}
.sp-w5,.sp-w10,.sp-w15,.sp-w20,.sp-w25,.sp-w30,.sp-w35,.sp-w40,.sp-w45,.sp-w50,.sp-w55,.sp-w60,.sp-w65,.sp-w70,.sp-w75,.sp-w80,.sp-w85,.sp-w90,.sp-w95,.sp-w100{}
.wMin0{min-width:0 !important;}
.sp-wAuto{}/*---SmartPhone : auto */
@media print, screen and (min-width:768px){
.pc-wAuto{width:auto !important;}
}

/* height */
.hAuto{height:auto !important;}
.hMin0{min-height:0 !important;}
.sp-hMin0{}

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}
.sp-alignL,
.sp-alignC,
.sp-alignR{}

/* margin padding */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}
.mT70{margin-top:70px !important;}
.mT80{margin-top:80px !important;}
.mT90{margin-top:90px !important;}
.mR0 {margin-right:0 !important;}
.mR10{margin-right:10px !important;}
.mR20{margin-right:20px !important;}
.mR40{margin-right:40px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mL0 {margin-left:0 !important;}
.mL10{margin-left:10px !important;}
.mL20{margin-left:20px !important;}
.mL40{margin-left:40px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pR0 {padding-right:0 !important;}
.pR10{padding-right:10px !important;}
.pR20{padding-right:20px !important;}
.pR40{padding-right:40px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}
.pL0{padding-left:0 !important;}
.pL10{padding-left:10px !important;}
.pL20{padding-left:20px !important;}
.pL40{padding-left:40px !important;}
.sp-mT0,
.sp-mT10,
.sp-mT15,
.sp-mT20,
.sp-mT30,
.sp-mT40,
.sp-mT50,
.sp-mT60,
.sp-mR0,
.sp-mL0,
.sp-pR0,
.sp-pL0{}

/* border */
.noBdr{border:none !important;}
.noBdrT{border-top:none !important;}
.noBdrR{border-right:none !important;}
.noBdrB{border-bottom:none !important;}
.noBdrL{border-left:none !important;}
.imgBdr{border:1px solid #ccc;}

/* background */
.noBg{background:none !important;}

/* container
-------------------------------------------------------------*/
#container{
	min-width:1000px;
	padding-top:100px;
	overflow:hidden;
}
/* delete JS Style */
@media print, screen and (min-width:768px){
#container{margin-top:0 !important;}
}

/*=============================================================
 header
=============================================================*/
#header{
	background-color:#fff;
	box-sizing:border-box;
	width:100%;
	min-width:1000px;
	height:100px;
	position:fixed;
	top:0;
	left:0;
	z-index:21;
}
#header>.boxContents{position:relative;}

/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	height:53px;
	padding-top:7px;
}
/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet>dt{display:none;}

/* globalNav
-------------------------------------------------------------*/
#globalNav{
	font-size:17px;
	line-height:1.4;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
}
#globalNav>li{position:relative;}
#globalNav>li+li{margin-left:30px;}
#globalNav>li>a{
	color:#000;
	text-decoration:none;
	display:block;
	height:40px;
	position:relative;
}
#globalNav>li>a>span:first-child{
	display:block;
	padding:7px 0 0 40px;
	position:relative;
}
#globalNav>li>a>span:first-child::before{
	content:"";
	background:url(../img/icon_cat01.png) no-repeat 0 0/contain;
	width:33px;
	height:33px;
	position:absolute;
	top:0;
	left:0;
}
li#gb-guide>a>span:first-child::before{background-image:url(../img/icon_cat02.png);}
li#gb-showroom>a>span:first-child::before{background-image:url(../img/icon_cat03.png);}
li#gb-item>a>span:first-child::before{background-image:url(../img/icon_cat06.png);}
li#gb-proposal>a>span:first-child::before{background-image:url(../img/icon_cat04.png);}
/*#globalNav>#gb-item.setDrop>.act::before{border-style: none;}*/

@media print, screen and (min-width:768px){
#globalNav>li>a::after{
	content:"";
	display:block;
	width:0;
	height:0;
	border-bottom:7px solid transparent;
	transition:all 0.2s ease-out;
	position:absolute;
	bottom:13px;
	left:40px;
	z-index:-1;
}
#globalNav>.setDrop>.act::before{
	content:"";
	margin-left:-8px;
	border-width:0 8px 10px;
	border-style:solid;
	border-color:#000 transparent;
	position:absolute;
	bottom:0;
	left:50%;
}
/* act */
#globalNav>li>a:hover::after,
#globalNav>.setDrop>.act::after,
#case #gb-case>a::after,
#guide #gb-guide>a::after,
#showroom #gb-showroom>a::after,
#item #gb-item>a::after,
#proposal #gb-proposal>a::after{
	border-color:#ffdc0a;
	width:calc(100% - 40px);
}
#globalNav ul{display:none !important;}
}
/* hdr-menu
-------------------------------------------------------------*/
#hdr-menu{
	font-size: 0.8em;
    font-weight: 700;
	line-height:1.4;
	position:absolute;
	top:10px;
	right:45px;
	
}
#hdr-menu li{
	float:left;
	margin-left:25px;
}
#hdr-menu  a{
	color:#000;
	text-decoration:none;
	display:inline-block;
	padding-left:13px;
	position:relative;
  padding: 1.2em 1em;
  border: 0px ; 
  font-weight: bold; 
}

#hdr-menu .nashi a{	
  padding: 1em 1.5em 1em 4em;
  border: 1.8px solid #EFDCB8 ; 
  border-radius: 22px; 
  background: #FFFFFF;
  font-weight: bold; 
	width: 120px;
}

#hdr-menu .ariari a{	
  padding: 1em 1.5em 1em 4.3em;
  border: 0px ; 
  border-radius: 22px; 
  background: #EFDCB8;
  font-weight: bold; 
	width: 120px;
}

#hdr-menu .nashi a::before{
	content:"";
	background:url(https://www.nitori.co.jp/reform/shared/img/icon_online.svg) no-repeat 0 0/contain;
	width:20px;
	height:20px;
	position:absolute;
	top:1.2em;
	left:2em;
}

#hdr-menu .ariari a::before{
	content:"";
	background:url(https://www.nitori.co.jp/reform/shared/img/icon_inquiry.svg) no-repeat 0 0/contain;
	width:20px;
	height:20px;
	position:absolute;
	top:1.2em;
	left:2.2em;
}

#hdr-menu a:hover{text-decoration:underline;}
/*-#hdr-menu a::before{
	content:"";
	box-sizing:border-box;
	width:8px;
	height:8px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	position:absolute;
	top:.7em;
	left:0;
	transform:translate(-40%, -50%) scaleY(0.8) rotate(45deg);
}-*/
/* hdr-searchSet
-------------------------------------------------------------*/
#hdr-searchSet{
	position:absolute;
	top:10px;
	right:0;
}
#hdr-searchSet dt{
	line-height:30px;
	background-color:#000;
	text-align:center;
	width:30px;
	height:30px;
	outline:none;
	border-radius:3px;
	cursor:pointer;
}
#hdr-searchSet dt img{vertical-align:middle;}
#hdr-searchSet.open dt,
#hdr-searchSet dd{display:none;}
#hdr-searchSet.open dd{display:block;}

/* hdr-search */
#hdr-search{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
#hdr-search .text{
	font:inherit;
	font-size:12px;
	background-color:#e8e8d9;
	box-sizing:border-box;
	width:245px;
	height:30px;
	padding:0 34px 0 8px;
	border:none;
	border-radius:0;
	-webkit-appearance:none;
	appearance:none;
}
#hdr-search .btn{
	background:#ffffff url(../img/icon_search_white.png) no-repeat center center/14px auto;
	box-sizing:border-box;
	width:30px;
	height:30px;
	padding:0;
	border:none;
	border-radius:3px;
	position:absolute;
	top:0;
	right:0;
	-webkit-appearance:none;
	appearance:none;
}
/* hdr-gbDrop
-------------------------------------------------------------*/
.hdr-gbDrop{
	color:#fff;
	background-color:#000;
	box-sizing:border-box;
	text-align:center;
	width:100%;
	padding-bottom:10px;
	visibility:hidden;
	opacity:0;
	transition:all 0.2s ease-out;
	position:fixed;
	left:0;
	top:100px;
	z-index:22;
}
.hdr-gbDrop.open{
	padding-top:40px;
	padding-bottom:40px;
	visibility:visible;
	opacity:1;
}
.hdr-gbDrop>div{
	position:relative;
	opacity:0;
	transition:opacity 0.6s linear;
}
.hdr-gbDrop.open>div{opacity:1;}
.hdr-gbDrop li{
	font-size:18px;
	line-height:1.3;
	font-weight:bold;
	display:inline-block;
	padding:0 20px;
}
.hdr-gbDrop li a{
	color:#fff;
	text-decoration:none;
	padding-left:26px;
	position:relative;
}
.hdr-gbDrop li a:hover{color:#ffdc0a;}
.hdr-gbDrop li a::before{
	content:"";
	background-color:#fff;
	width:18px;
	height:18px;
	margin-top:-9px;
	border-radius:100%;
	position:absolute;
	top:50%;
	left:0;
	transition:.3s;
}
.hdr-gbDrop li a::after{
	content:"";
	box-sizing:border-box;
	width:9px;
	height:9px;
	border-top:2px solid #000;
	border-right:2px solid #000;
	position:absolute;
	top:50%;
	left:3px;
	transform:translateY(-50%) scaleY(0.8) rotate(45deg);
}
.hdr-gbDrop li a:hover::before{background-color:#ffdc0a;}

/* hdr-flotingBtn
-------------------------------------------------------------*/
#hdr-flotingBtn{
	font-size:13px;
	line-height:1.4;
	font-weight:bold;
	letter-spacing:-0.03em;
	position:fixed;
	top:40%;
	right:0;
	z-index:22;
	transform:translateY(-50%);
}
#hdr-flotingBtn li+li{margin-top:17px;}
#hdr-flotingBtn li:nth-child(1){
	font-size:13px;
	letter-spacing:-0.03em;
}
#hdr-flotingBtn a{
	color:#fff;
	text-decoration:none;
	background-color:#000;
	box-sizing:border-box;
	display:block;
	text-align:center;
	width:102px;
	height:104px;
	padding-top:9px;
	border:2px solid #fff;
	border-right:none;
	border-radius:8px 0 0 8px;
	box-shadow:4px 4px 0 rgba(178,166,155,0.4);
	position:relative;
}
#hdr-flotingBtn a:hover{
	box-shadow:1px 1px 0 rgba(178,166,155,0.7);
	transform:translateY(3px);
	background-color: #4d4d4d;
}
#hdr-flotingBtn li:nth-child(2) a{
	background-color:#009e96;
	padding-top:20px;
}

#hdr-flotingBtn li:nth-child(3) a{
	font-size:12px;
	letter-spacing:-0.03em;
	background-color: #FD5963;
	padding-top:10px;
}

#hdr-flotingBtn li:nth-child(2) a:hover{background-color: #3da8a3;}
#hdr-flotingBtn li:nth-child(3) a:hover{background-color: #FF7788;}

#hdr-flotingBtn a .imgIcon{margin-left:2px;}
#hdr-flotingBtn a::after{
	content:"";
	background:url(../img/icon_system_kitchen.png) no-repeat 0 0/contain;
	display:block;
	width:30px;
	height:38px;
	margin:7px auto 0;
}
#hdr-flotingBtn li:nth-child(2) a::after{
	background-image:url(../img/icon_contact.png);
	width:38px;
	height:27px;
	margin-top:13px;
}
#hdr-flotingBtn li:nth-child(3) a::after{
	background-image:url(../img/icon_rfol01_white.png);
	width:80px;
	height:60px;
	margin-top:5px;
	margin-left:10px;
}

/*=============================================================
 footer
=============================================================*/
#footer{line-height:1.4;}

/* ftr-bnrArea
-------------------------------------------------------------*/
#ftr-bnrArea{margin-bottom:85px;}
#ftr-bnrArea ul{
	display:flex;
	justify-content:center;
}
#ftr-bnrArea li{
	line-height:1.25;
	font-weight:bold;
	letter-spacing:0.1em;
	width:304px;
	display:table;
}
#ftr-bnrArea li+li{margin-left:24px;}
#ftr-bnrArea li:nth-child(2):last-child{margin-left:77px;}
#ftr-bnrArea li a{
	color:#000;
	text-decoration:none;
	background:#fff no-repeat bottom right/auto 100%;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	height:90px;
	padding:0 90px 0 20px;
	border-radius:5px;
	box-shadow:4px 4px 0 rgba(178,166,155,0.4);
}
#ftr-bnrArea .bnr01 a{background-image:url(../img/ftr_bnr01.png);}
#ftr-bnrArea .bnr02 a{background-image:url(../img/ftr_bnr02.png);}
#ftr-bnrArea .bnr03 a{background-image:url(../img/ftr_bnr03.png);}
#ftr-bnrArea li a:hover{
	box-shadow:1px 1px 0 rgba(178,166,155,0.7);
	transform:translateY(3px);
	opacity: 0.8;
}
#ftr-bnrArea .bnr02 a::after,
#ftr-bnrArea .bnr03 a::after,
#item .bnrArea .bnr01 a::after,
#item .bnrArea .bnr02 a::after{
	content: "";
	background: url(../img/parts_spr.png) no-repeat -37px 0px/auto 50px;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 5px;
}



/* ftr-btnSet
-------------------------------------------------------------*/
.ftr-btnSet{
	background-color:#ffdc0a;
	padding:90px 0 95px;
	text-align:center;
}
/* ftr-btnSet */
.ftr-btnSet ul{
	display:flex;
	justify-content:space-between;
}
.ftr-btnSet li{
	font-size:20px;
	line-height:1.25;
	font-weight:bold;
	letter-spacing:0.1em;
	width:300px;
	display:table;
}
.ftr-btnSet li+li{margin-left:20px;}
.ftr-btnSet .bnr02{
	font-size:23px;
	letter-spacing:0.1em;
}
.ftr-btnSet li a{
	color:#fff;
	text-decoration:none;
	background-color:#000;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	height:90px;
	padding:0 10px;
	border-radius:10px;
	box-shadow:4px 4px 0 rgba(127,103,84,0.6);
}
.ftr-btnSet .bnr02 a{
	background-color:#009e96;
	border:4px solid #fff;
}

/* comonn　に追加
-------------------------------------------------------------*/
.ftr-btnSet .bnr03 a{
	background-color:#FD5963;
	border:4px solid #fff;
}
.ftr-btnSet li a:hover{
	box-shadow:1px 1px 0 rgba(127,103,84,0.75);
	transform:translateY(3px);
	background-color:#4d4d4d;
}
.ftr-btnSet li:nth-child(2) a:hover{background-color:#3da8a3;}
.ftr-btnSet li:nth-child(3) a:hover{background-color:#FF4F50;}
.ftr-btnSet li a>span{
	display:inline-block;
	padding-left:50px;
	position:relative;
}
.ftr-btnSet li a>span::before{
	content:"";
	background:url(../img/icon_system_kitchen.png) no-repeat center center/contain;
	width:40px;
	height:50px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.ftr-btnSet .bnr02 a>span::before{
	background-image:url(../img/icon_contact.png);
	width:40px;
	height:28px;
}
.ftr-btnSet .bnr03 a>span::before{
	background-image:url(../img/icon_rfol02_white.png);
	transform: translate(-25px,-50%);
	width:60px;
	height:45px;
}

.ftr-btnSet li a[target="_blank"]>span::after{
	content:"";
	background:url(../img/parts_spr.png) no-repeat -37px -13px/auto 50px;
	display:inline-block;
	vertical-align:0.1em;
	width:12px;
	height:12px;
	margin-left:0.2em;
}
/* ftr-menuArea02
-------------------------------------------------------------*/
#ftr-menuArea02{
	color:#fff;
	background-color:#000;
	position:relative;
}
/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{
	visibility:hidden;
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:11;
	opacity:0;
	transition:opacity .4s, visibility .4s;
}
#ftr-pagetop.show,
#ftr-pagetop.bottom{
	visibility:visible;
	opacity:1;
}
#ftr-pagetop.bottom{
	position:absolute;
	top:-20px;
	bottom:auto;
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%);
}
/* ftr-sitemap
-------------------------------------------------------------*/
#ftr-sitemap{padding-top:10px;}
#ftr-sitemap a{
	color:#fff;
	text-decoration:none;
}
html:not(.mobile) #ftr-sitemap a:hover{text-decoration:underline;}

/* menu01 */
#ftr-sitemap .menu01{
	font-size:16px;
	display:flex;
	justify-content:space-between;
}
#ftr-sitemap .menu01>ul:first-child{width:215px;/*width:460px;*/}
#ftr-sitemap .menu01>ul:not(.other)>li{
	font-weight:bold;
	margin-top:35px;
}
#ftr-sitemap .menu01>ul+ul{margin-left:20px;}
#ftr-sitemap .menu01 a:not([target="_blank"]){
	display:inline-block;
	padding-right:20px;
	position:relative;
}
#ftr-sitemap .menu01 a:not([target="_blank"])::after{
	content:"";
	box-sizing:border-box;
	width:8px;
	height:8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	position:absolute;
	top:50%;
	right:0;
	transform:translate(-40%, -50%) rotate(45deg);
}
#ftr-sitemap .menu01>ul>li>a>span,
#ftr-sitemap .menu01>ul>li>span{
	display:block;
	padding-left:30px;
	position:relative;
}
#ftr-sitemap .menu01>ul>li>a>span::before,
#ftr-sitemap .menu01>ul>li>span::before{
	content:"";
	background:url(../img/icon_cat01_white.png) no-repeat 0 0/contain;
	width:27px;
	height:27px;
	margin-top:-16px;
	position:absolute;
	top:50%;
	left:0;
}
#ftr-sitemap .menu01 .cat02>span::before{background-image:url(../img/icon_cat02_white.png);}
#ftr-sitemap .menu01 .cat03>span::before{background-image:url(../img/icon_cat03_white.png);}
#ftr-sitemap .menu01 .cat06>a>span::before{background-image:url(../img/icon_cat06_white.png);}
#ftr-sitemap .menu01 .cat04>a>span::before{background-image:url(../img/icon_cat04_white.png);}
#ftr-sitemap .menu01 li ul{
	font-size:14px;
	font-weight:normal;
	padding:5px 0 0 35px;
}
#ftr-sitemap .menu01 li li{margin-top:10px;}
#ftr-sitemap .menu01 .cat02 ul{columns:1;}
#ftr-sitemap .menu01 .cat02 li{
	box-sizing:border-box;
	display:inline-block;
	width:100%;
}
#ftr-sitemap .menu01 .other{
	font-size:14px;
	margin-top:20px;
}
#ftr-sitemap .menu01 .other>li{margin-top:15px;}

/* menu02 */
#ftr-sitemap .menu02{
	font-size:14px;
	display:flex;
	justify-content:space-around;
	margin-top:40px;
	padding:25px 0;
	border-top:1px solid #4d4d4d;
}
/* ftr-copyrightArea
-------------------------------------------------------------*/
#ftr-copyrightArea{
	padding:18px 0;
	border-top:1px solid #4d4d4d;
}
/* ftr-copyright */
#ftr-copyright{
	font-size:11px;
	text-align:center;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){

/*=============================================================
 Common Layout
=============================================================*/
body{font-size:14px;}

/* text Layout
-------------------------------------------------------------*/
.nowrap-pc{white-space:normal;}
.sp-textS{font-size:87.5%;} /* 14px */

/* block Layout
-------------------------------------------------------------*/
.sp-dsp-none{display:none !important;}
.sp-dsp-block,
.dsp-table.sp-dsp-block,
.dsp-table.sp-dsp-block>*{display:block;}
img.sp-dsp-block,
.sp-dsp-inline{display:inline;}

/* width */
.sp-w5 {width:5% !important;}
.sp-w10{width:10% !important;}
.sp-w15{width:15% !important;}
.sp-w20{width:20% !important;}
.sp-w25{width:25% !important;}
.sp-w30{width:30% !important;}
.sp-w35{width:35% !important;}
.sp-w40{width:40% !important;}
.sp-w45{width:45% !important;}
.sp-w50{width:50% !important;}
.sp-w55{width:55% !important;}
.sp-w60{width:60% !important;}
.sp-w65{width:65% !important;}
.sp-w70{width:70% !important;}
.sp-w75{width:75% !important;}
.sp-w80{width:80% !important;}
.sp-w85{width:85% !important;}
.sp-w90{width:90% !important;}
.sp-w95{width:95% !important;}
.sp-w100{width:100% !important;}
.sp-wAuto{
	width:auto !important;
	max-width:none !important;
}
/* height */
.sp-hMin0,
.setAutoHeight.sp-hMin0>*,
.setAutoHeightTgr.sp-hMin0 .ah-tgr{
	height:auto !important;
	min-height:0 !important;
}
/* aligh */
.sp-alignL{text-align:left !important;}
.sp-alignC{text-align:center !important;}
.sp-alignR{text-align:right !important;}

/* margin padding */
.sp-mT0{margin-top:0 !important;}
.sp-mT10{margin-top:10px !important;}
.sp-mT15{margin-top:15px !important;}
.sp-mT20{margin-top:20px !important;}
.sp-mT30{margin-top:30px !important;}
.sp-mT40{margin-top:40px !important;}
.sp-mT50{margin-top:50px !important;}
.sp-mT60{margin-top:60px !important;}
.sp-mR0{margin-right:0 !important;}
.sp-mL0{margin-left:0 !important;}
.sp-pR0{padding-right:0 !important;}
.sp-pL0{padding-left:0 !important;}

/* container
-------------------------------------------------------------*/
#container{
	min-width:320px;
	padding-top:60px;
}

/*=============================================================
 header
=============================================================*/
#header{
	min-width:0;
	height:60px;
}
#header>.boxContents{
	margin:0 !important;
	padding:13px 230px 0 12px;
}
/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	height:auto;
	padding-top:0;
}
#hdr-logo img{width:70px;}

/* globalNavSet
-------------------------------------------------------------*/
#globalNavSet>dt{
	display:block;
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#globalNavSet>dt::before,
#globalNavSet>dt::after{
	content:"";
	background-color:#000;
	display:block;
	width:30px;
	height:3px;
	margin-left:-15px;
	position:absolute;
	top:22px;
	left:50%;
	z-index:1;
}
#globalNavSet>dt>span::before{
	content:"";
	width:30px;
	height:15px;
	margin-left:-15px;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	position:absolute;
	top:13px;
	left:50%;
}
#globalNavSet>dt::before,
#globalNavSet>dt::after,
#globalNavSet>dt>span{transition:all 0.3s ease;}
#globalNavSet.open>dt>span::before{border-color:rgba(255,255,255,0);}
#globalNavSet.open>dt::before{transform:rotate(45deg);}
#globalNavSet.open>dt::after{transform:rotate(-45deg);}
#globalNavSet>dt>span>span{display:none;}
#globalNavSet>dt>span .open,
#globalNavSet>dt>span .close{
	font-size:10px;
	line-height:1.15;
	font-weight:bold;
	letter-spacing:normal;
	white-space:nowrap;
	display:block;
	text-align:center;
	min-width:100%;
	position:absolute;
	top:40px;
	left:0;
}
#globalNavSet>dt>span .open,
#globalNavSet.open>dt>span .close{display:none;}
#globalNavSet>dt>span .close,
#globalNavSet.open>dt>span .open{display:inherit;}
#globalNavSet>dd{
	color:#fff;
	background-color:#000;
	box-sizing:border-box;
	width:100%;
	padding:0 8px;
	visibility:hidden;
	overflow:hidden;
	box-shadow:inset 0 10px 8px -8px rgba(0,0,0,0.2);
	position:fixed;
	top:60px;
	bottom:100%;
	left:0;
	z-index:71;
	opacity:0;
	transition:all 0.3s ease;
}
#globalNavSet.open>dd{
	visibility:visible;
	bottom:0;
	opacity:1;
}
#globalNavSet>dd a{color:#fff;}
#globalNavSet>dd>*{visibility:hidden;}
#globalNavSet>dd>div::after{
	content:"";
  display:block;
  height:30px;
}
#globalNavSet.open>dd>*{visibility:inherit;}
html.gNavOpen,
html.gNavOpen body{
	height:100%;
	overflow:hidden;
}
html.gNavOpen #globalNavSet>dd>div{
	box-sizing:border-box;
	width:100%;
	height:100%;
	overflow:auto;
	position:relative;
	-webkit-overflow-scrolling:touch;
}
/* globalNav
-------------------------------------------------------------*/
#globalNav{
	font-size:16px;
	display:block;
}
#globalNav>li{border-bottom:1px solid #4d4d4d;}
#globalNav>li+li{margin-left:0;}
#globalNav li a{
	text-decoration:none;
	display:block;
	height:auto;
	padding:17px 45px 17px 20px;
	position:relative;
}
#globalNav li a::after{
	content:"";
	box-sizing:border-box;
	width:9px;
	height:9px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	position:absolute;
	top:50%;
	right:24px;
	transform:translate(-40%,-50%) rotate(45deg);
}
#globalNav>li>a>span:first-child{padding:0 0 0 34px;}
#globalNav>li>a>span:first-child::before{
	background-image:url(../img/icon_cat01_white.png);
	width:25px;
	height:25px;
	margin-top:-13px;
	top:50%;
}
li#gb-guide>a>span:first-child::before{background-image:url(../img/icon_cat02_white.png);}
li#gb-showroom>a>span:first-child::before{background-image:url(../img/icon_cat03_white.png);}
li#gb-item>a>span:first-child::before{background-image:url(../img/icon_cat06_white.png);}
li#gb-proposal>a>span:first-child::before{background-image:url(../img/icon_cat04_white.png);}
#globalNav li ul{
	font-size:13px;
	font-weight:normal;
	padding:0 0 10px 34px;
}
#globalNav li li{border-bottom:none;}
#globalNav li li a{
	padding-top:8px;
	padding-bottom:8px;
}
/* toggle */
#globalNav>li.toggle-set>a::after{content:none;}
#globalNav li .toggle-btn{
	display:block;
	text-indent:-100px;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
#globalNav li .toggle-btn::before,
#globalNav li .toggle-btn::after{
	content:"";
	width:16px;
	height:0;
	margin-top:-1px;
	border-top:2px solid #fff;
	position:absolute;
	top:50%;
	right:21px;
	transform:translate(0, -50%) rotate(0);
	transition:.3s;
}
#globalNav li .toggle-btn::after{transform:translate(0, -50%) rotate(90deg);}
#globalNav li.toggle-set.open>a .toggle-btn::before,
#globalNav li.toggle-set.open>a .toggle-btn::after{transform:translate(0, -50%) rotate(180deg);}

/* hdr-menu
-------------------------------------------------------------*/
#hdr-menu{
	font-size:13px;
	padding:10px 0;
	position:static;
}
#hdr-menu li{margin:20px 20px 0;}
#hdr-menu a{padding-left:0;}
#hdr-menu a .imgIcon.blank{background-position:-37px -13px;}
#hdr-menu a::before{content:none;}

/* hdr-searchSet
-------------------------------------------------------------*/
#hdr-searchSet{
	margin:40px 20px 0;
	position:static;
}
#hdr-searchSet dt{display:none !important;}
#hdr-searchSet dd{display:block !important;}

/* hdr-search */
#hdr-search{position:relative;}
#hdr-search .text{
	font-size:16px;
	width:100%;
	height:40px;
	padding:0 44px 0 12px;
	border-radius:3px;
}
#hdr-search .btn{
	background:url(../img/icon_search.png) no-repeat center center/20px auto;
	box-sizing:border-box;
	width:40px;
	height:40px;
	border-radius:0;
}
/* hdr-flotingBtn
-------------------------------------------------------------*/
#hdr-flotingBtn{
	font-size:10px;
	position:absolute;
	top:5px;
	right:60px;
	overflow:hidden;
	transform:none;
}
#hdr-flotingBtn li{float:left;}
#hdr-flotingBtn li+li{margin:0 0 0 4px;}
#hdr-flotingBtn li:nth-child(1){font-size:9px;}
#hdr-flotingBtn a{
	width:80px;
	height:50px;
	padding-top:6px;
	border:none;
	border-radius:4px;
	box-shadow:none;
}
#hdr-flotingBtn a:hover{
	box-shadow:none;
	transform:none;
}
#hdr-flotingBtn li:nth-child(2) a{padding-top:18px;}
#hdr-flotingBtn a .imgIcon{
	background-position:-37px -26px;
	width:6px;
	height:6px;
}
#hdr-flotingBtn li:nth-child(3) a{padding-top:12px;}	
#hdr-flotingBtn a::after{content:none;}

/* hdr-gbDrop
-------------------------------------------------------------*/
.hdr-gbDrop{display:none !important;}


/*=============================================================
 footer
=============================================================*/
/* ftr-bnrArea
-------------------------------------------------------------*/
#ftr-bnrArea{margin-bottom:45px;}
#ftr-bnrArea ul{
	display:block;
	max-width:275px;
	margin:0 auto;
}
#ftr-bnrArea li{width:100%;}
#ftr-bnrArea li+li{margin:24px 0 0 !important;}
#ftr-bnrArea li a{
	height:60px;
	padding:0 75px 0 18px;
}
/* ftr-btnSet
-------------------------------------------------------------*/
.ftr-btnSet{padding:40px 0 45px;}
#ftr-menuArea01{padding-bottom:100px;}
.ftr-btnSet ul{
	display:block;
	max-width:320px;
	margin:0 auto;
}
.ftr-btnSet li{
	font-size:15px;
	width:100%;
}
.ftr-btnSet li+li{margin:35px 0 0;}
.ftr-btnSet .bnr03,	
.ftr-btnSet .bnr02{
	font-size:16px;
}
.ftr-btnSet li a{
	height:60px;
	padding:0 5px;
	border-radius:5px;
}
.ftr-btnSet .bnr03 a,	
.ftr-btnSet .bnr02 a{border-width:2px;}
.ftr-btnSet li a>span{
	padding-left:35px;
}
.ftr-btnSet li a>span::before{
	width:24px;
	height:30px;
}
.ftr-btnSet .bnr02 a>span::before{
	width:30px;
	height:21px;
}
.ftr-btnSet .bnr03 a>span::before{
	transform: translate(-30px,-50%);
	width:50px;
	height:38px;
}
	
	
/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{width:50px;}

/* ftr-sitemap
-------------------------------------------------------------*/
#ftr-sitemap{padding-top:5px;}

/* menu01 */
#ftr-sitemap .menu01{
	display:block;
}
#ftr-sitemap .menu01>ul:first-child{width:auto;}
#ftr-sitemap .menu01>ul:not(.other)>li,
#ftr-sitemap .menu01>ul>li{
	font-weight:bold;
	margin-top:0;
	border-bottom:1px solid #4d4d4d;
}
#ftr-sitemap .menu01>ul+ul{margin-left:0;}
#ftr-sitemap .menu01 a:not([target="_blank"]),
#ftr-sitemap .menu01 a,
#ftr-sitemap .menu01 li>span{
	display:block;
	padding:20px 35px 20px 15px;
	position:relative;
}
#ftr-sitemap .menu01 a:not([target="_blank"])::after,
#ftr-sitemap .menu01 a::after{
	content:"";
	box-sizing:border-box;
	width:8px;
	height:8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	position:absolute;
	top:50%;
	right:20px;
	transform:translate(-40%, -50%) rotate(45deg);
}
#ftr-sitemap .menu01>ul>li>a>span{padding-left:35px;}
#ftr-sitemap .menu01>ul>li>span{padding-left:50px;}
#ftr-sitemap .menu01>ul>li>a>span::before,
#ftr-sitemap .menu01>ul>li>span::before{
	width:25px;
	height:25px;
	margin-top:-13px;
}
#ftr-sitemap .menu01>ul>li>span::before{left:15px;}
#ftr-sitemap .menu01 li ul{
	font-size:13px;
	padding:0 0 10px 35px;
}
#ftr-sitemap .menu01 li li{margin:0 0 10px;}
#ftr-sitemap .menu01 li li a{
	padding-top:5px !important;
	padding-bottom:5px !important;
}
#ftr-sitemap .menu01 .cat02 ul{columns:auto;}
#ftr-sitemap .menu01 .cat02 li{display:block;}
#ftr-sitemap .menu01 .other{
	font-size:16px;
	margin-top:0;
}
#ftr-sitemap .menu01 .other>li{margin-top:0;}

/* menu02 */
#ftr-sitemap .menu02{
	font-size:13px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin-top:0;
	padding-top:5px;
	border-top:none;
}
#ftr-sitemap .menu02 li{
	margin:20px 15px 0;
	min-width:calc(50% - 30px);
}
/* ftr-copyrightArea
-------------------------------------------------------------*/
/* ftr-copyright */
#ftr-copyright{font-size:10px;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

/* block Layout
-------------------------------------------------------------*/
.spP-dsp-none{display:none !important;}
.spP-dsp-block{display:block;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){

/* block Layout
-------------------------------------------------------------*/
.spS-dsp-none{display:none !important;}
.spS-dsp-block{display:block;}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{

#header{position:absolute !important;}
.clearfix{overflow:hidden;}
#ftr-pagetop{display:none !important;}

}
