@charset "utf-8";
/*=============================================================
 HOME Layout
=============================================================*/

/* home-smgArea 緊急告知設置 20250220
-------------------------------------------------------------*/
.home-msgArea {
    text-align: center;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #fff;
    position: relative;
    background-color: #009e96;
}
.home-msgArea .text{
	text-align:center;
	width:100%;
    color: #fff;
}
.home-msgArea .text2{
	text-align:center;
	width:100%;
    color: #fff;
    font-size: 22px;
}
/* home-sec01
-------------------------------------------------------------*/
#home-sec01{
	color:#fff;
	background-color:#009e96;
}
#home-sec01 a{color:#fff;}
#home-sec01 a:hover{text-decoration:underline;}
#home-sec01 .arw a:before{border-color:transparent #fff;}

/* home-vdArea スライダー撤去 2020420
-------------------------------------------------------------*/
/* home-sliderSet
-------------------------------------------------------------*/
#home-sliderSet{
	width:100%;
/*	height:380px;  スライダー画像の縦制限撤廃*/
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
/* panel */
#home-sliderSet .panel{
	width:100%;
/*	height:380px;  スライダー画像の縦制限撤廃*/
	overflow:hidden;
	position:relative;
}
#home-sliderSet .text{
	margin-left:-480px;
	position:absolute;
	top:70px;
	left:50%;
}
#home-sliderSet .text2{
	margin-left:-480px;
	position:absolute;
	/*top:250px;*/
	bottom:40px;
	left:50%;
}
#.text3{
	text-align:center;
	position:absolute;
	width:100%;
	top:30px;
	left:0;
}

#home-sliderSet .photo img{
	min-width:1366px;
	width:100%;
	height:auto;
}
@media only screen and (min-width:768px) and (max-width:1366px){
#home-sliderSet .photo{
	width:960px;
	margin:0 auto;
	min-width:0;
}
#home-sliderSet .photo img{
	margin-left:-203px;
	width:1366px;
}

}
/* bx-pager */
#home-sliderSet .bx-pager{
	font-size:10px;
	line-height:1;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:20px;
}
#home-sliderSet .bx-pager-item{
	display:inline-block;
	padding:0 10px;
}
#home-sliderSet .bx-pager-link{
	white-space:nowrap;
	background-color:#fff;
	text-indent:11px;
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
}
#home-sliderSet .bx-pager-link:hover,
#home-sliderSet .bx-pager-link.active{background-color:#009991;}

/* bx-controls-direction */
#home-sliderSet .bx-controls-direction{
}
#home-sliderSet .bx-prev,
#home-sliderSet .bx-next{
	background:url(../shared/img/slider_btn_spr.png) no-repeat 0 0;
	white-space:nowrap;
	font-size:10px;
	line-height:1;
	text-indent:35px;
	display:block;
	width:34px;
	height:56px;
	margin-top:-28px;
	overflow:hidden;
	position:absolute;
	top:50%;
	left:27px;
	z-index:2;
}
#home-sliderSet .bx-next{
	background-position:-35px 0;
	left:auto;
	right:27px;
}
#home-sliderSet .bx-prev:hover,
#home-sliderSet .bx-next:hover{opacity:0.7;}

/* home-menuSet
-------------------------------------------------------------*/
#home-menuSet{
	font-size:14px;
	background-color:#e8e8e8;
	padding:50px 0 100px;
}
/* filterBtn */
#home-menuSet .filterBtn{margin:0 -1px 17px;}
#home-menuSet .filterBtn li{
	font-size:107.1%;
	line-height:1.25;
	font-weight:bold;
	display:table;
	float:left;
	width:238px;
	height:56px;
	padding:0 1px;
	cursor:pointer;
	position:relative;
}
#home-menuSet .filterBtn li.act{color:#009e96;}
#home-menuSet .filterBtn li.act:before{
	content:"";
	display:block;
	width:100%;
	height:0;
	border-bottom:5px solid #009e96;
	position:absolute;
	bottom:0;
	left:0;
}
#home-menuSet .filterBtn li>span{
	background-color:#fff;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:6px 12px;
}
/* home-menuPanel */
#home-menuPanel{margin-left:-3px;}
#home-menuPanel>p{
	line-height:1.3;
	float:left;
	width:318px;
	padding:3px 0 0 3px;
}
#home-menuPanel .grid-sizer{width:321px;}
#home-menuPanel a{
	color:#333;
	text-decoration:none;
	background-color:#fff;
	display:block;
	padding:175px 3px 3px;
	min-height:190px;
	position:relative;
}
#home-menuPanel .new a:before{
	content:"";
	background:url(../img/home_icon_new.png) no-repeat 0 0;
	display:block;
	width:46px;
	height:46px;
	position:absolute;
	top:0;
	left:0;
}
#home-menuPanel a>img{margin-top:-172px;}
#home-menuPanel a>span{
	display:block;
	padding:0 16px;
}
#home-menuPanel .category{
	font-size:85.7%;
	font-weight:bold;
	padding-top:1em;
}
#home-menuPanel .ttl{
	font-size:157.1%;
	font-weight:200;
	padding-top:0.25em;
}
#home-menuPanel .ttl .textS{
	font-size:70%;
	/* display:block;  20221219ユーザサイドにて変更 */
	margin-top:-0.1em;
}
#home-menuPanel .text{
	font-size:16px;
	line-height:1.6;
	padding-top:0.8em;
}
/* home-stock
-------------------------------------------------------------*/
#home-stock{
	line-height:1.3;
	background-color:#e6e6e6;
	margin-top:60px;
	padding:15px 20px;
}
#home-stock .ttlArea{
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
#home-stock .ttlArea h2{
	color:#009e96;
	font-size:142.9%;
	font-weight:bold;
	padding-bottom:4px;
}
#home-stock .ttlArea h2 .textS{font-size:70%;}
#home-stock li{
	font-weight:bold;
	background-color:#fff;
	box-sizing:border-box;
	display:table;
	width:100%;
	margin-top:10px;
	padding:5px 15px;
}
#home-stock li>span{
	font-size:114.3%;
	display:table-cell;
	vertical-align:middle;
}
#home-stock li .num{
	font-size:171.4%;
	text-align:right;
}
/* home-shops
-------------------------------------------------------------*/
#home-shops h2{
	font-size:114.3%;
	font-weight:bold;
	line-height:1.3;
	margin:15px 0 10px;
}
#home-shops{
	position:relative;
}
#home-shops p.shopNumber{
	font-size:170%;
	color:#fff;
	font-weight:bold;
	line-height:1.3;
}
#home-shops .nitoriNumber{
	position:absolute;
	left:11px;
	top:99px;
	line-height:1.0;
}
#home-shops .decohomeNumber{
	position:absolute;
	left:113px;
	top:99px;
	line-height:1.0;
}
#home-shops .expressNumber{
	position:absolute;
	left:207px;
	top:99px;
	line-height:1.0;
}
#home-shops .taiwonNumber {
    position:absolute;
    left:8px;
    top:266px;
    line-height:1.0;
}
#home-shops .usNumber {
    position:absolute;
    width:20px;
    text-align:right;
    left:115px;
    top:266px;
    line-height:1.0;
}
#home-shops .chinaNumber {
    position:absolute;
    width:20px;
    text-align:right;
    left:210px;
    top:264px;
    line-height:1.0;
}
#home-shops .nplusNumber {
    position:absolute;
    left:8px;
    top:172px;
    line-height:1.0;
}
#home-shops .shimachuNumber {
    position:absolute;
    width:20px;
    text-align:right;
    left:115px;
    top:172px;
    line-height:1.0;
}
#home-shops .malaysiaNumber {
    position:absolute;
    left:11px;
    top:338px;
    line-height:1.0;
}
#home-shops .singaporeNumber {
    position:absolute;
    left:115px;
    top:338px;
    line-height:1.0;
}
#home-shops .thailandNumber {
    position:absolute;
    left:220px;
    top:338px;
    line-height:1.0;
}

#home-shops h2 .number{font-size:142.9%;}


/* 店舗数改修 2023.09.11 */

#home-shops ul {
	display: flex;
	flex-wrap: wrap;
	color: #FFF;
}

#home-shops ul li {
	background-color: #009e96;
	width: 26.5%;
	padding: 12px 10px;
	line-height: 1;
	white-space: nowrap;
	margin-bottom: 5px;
	position: relative;
}

#home-shops ul li:not(:nth-of-type(3n))::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 70%;
	min-height: 70%;
	right: 0;
	transform: translateY(50%);
	bottom: 50%;
	display: block;
	background-color: #FFF;
}

#home-shops ul li:last-of-type::after {
	display: none;
}

#home-shops ul li .shopName {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}

#home-shops ul li .shopName.cmp {
	transform: scaleX(.7);
	transform-origin: left;
}

#home-shops ul li .shopNumber {
	display: inline-block;
	font-size: 170%;
	font-weight: bold;
	min-width: 45px;
	text-align: center;
}

#home-shops ul li .unit {
	display: inline-block;
	font-size: 14px;
	margin-left: 4px;
	position: relative;
	top: -2px;
}


/* home-group
-------------------------------------------------------------*/
#home-group h2{
	font-size:142.9%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:55px 0 15px;
}
#home-group dl{border:1px solid #ccc;}
#home-group dt{
	font-size:114.3%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	padding:6px 9px;
	border-bottom:1px solid #ccc;
}
#home-group dd{padding:6px 0;}
#home-group dd .arw li{
	font-size:85.7%;
	font-weight:bold;
	box-sizing:border-box;
	float:left;
	min-width:50%;
	padding:0 9px;
}
#home-group dd .arw a{color:#333;}
#home-group dd .arw a:before{border-color:transparent #009e96;}

/* home-related
-------------------------------------------------------------*/
#home-related h2{
	font-size:142.9%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin:55px 0 22px;
	padding-bottom:8px;
	border-bottom:1px solid #ccc;
}
#home-related li{
	line-height:1.2;
	font-weight:500;
	width:216px;
	float:left;
	padding-left:32px;
}
#home-related li:first-child{padding-left:0;}
#home-related li a{
	color:#fff;
	text-decoration:none;
	background-color:#009e96;
	display:table;
	width:100%;
	height:76px;
	position:relative;
}
#home-related li a>span{
	display:table-cell;
	vertical-align:middle;
	padding:5px 105px 5px 36px;
}
#home-related li .photo{
	margin-top:-33px;
	position:absolute;
	top:50%;
	right:5px;
}
#home-related li .linkIcon{
	margin:-9px 0 0;
	position:absolute;
	top:50%;
	left:7px;
}


#home-related .clear_f{
	clear: left;
	margin-top:24px;
	margin-left:100px;
}

#home-related .clear_f1{
        margin-top: 24px;
        padding-left :0;
}

#home-related .clear_f2{
        margin-top: 24px;
}

#home-related .clear_f2_first{
        padding-left :0;
}

#home-related .clearfix{
	margin-left:120px;
}





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px), only screen and (max-device-width:767px){

/* common
-------------------------------------------------------------*/
#pageBody{padding-top:0;}

/* home-sliderSet
-------------------------------------------------------------*/
#home-sliderSet{height:auto;}

/* panel */
#home-sliderSet .panel{height:auto;}
#home-sliderSet .text{
	margin-left:0;
	top:3%;
	left:12%;
}
#home-sliderSet .text2{
	margin-left:0;
	top:80%;
	left:0%;
}
#home-sliderSet .text3{
	margin-left:0;
	top:4%;
	left:auto;
}
#home-sliderSet .photo img{min-width:0;}

/* bx-pager */
#home-sliderSet .bx-pager{bottom:10px;}

/* bx-controls-direction */
#home-sliderSet .bx-prev,
#home-sliderSet .bx-next{
	background-position:0 -30px;
	background-size:50px auto;
	width:24px;
	height:40px;
	margin-top:-20px;
	left:10px;
}
#home-sliderSet .bx-next{
	background-position:-25px -30px;
	left:auto;
	right:10px;
}
/* home-menuSet
-------------------------------------------------------------*/
#home-menuSet{padding:30px 0 50px;}

/* filterBtn */
#home-menuSet .filterBtn li{
	font-size:15px;
	box-sizing:border-box;
	width:50%;
	height:56px;
	padding:1px;
}
/* home-menuPanel */
#home-menuPanel>p{
	font-size:14px;
	box-sizing:border-box;
	width:50%;
}
#home-menuPanel .grid-sizer{width:50%;}
#home-menuPanel a{
	padding:3px;
	/* min-height:275px; */
	min-height:315px; /* 20221219ユーザサイドにて変更 */
  text-align: center; /* 20221219ユーザサイドにて変更 */
}
#home-menuPanel .new a:before{
	background-size:23px 23px;
	width:23px;
	height:23px;
}
#home-menuPanel a>img{margin-top:0;}
#home-menuPanel a>span{padding:0 6px;
  text-align: left; /* 20221219ユーザサイドにて追加 */
}
#home-menuPanel .category{
	font-size:13px;
	padding-top:12px;
}
#home-menuPanel .ttl{
	font-size:18px;
	padding-top:4px;
}
#home-menuPanel .ttl .textS{margin-top:-2px;}
#home-menuPanel .text{padding-top:8px;}

/* home-stock
-------------------------------------------------------------*/
#home-stock{
	font-size:15px;
	margin-top:40px;
}
#home-stock .ttlArea h2{font-size:18px;}
#home-stock li{
	float:none !important;
	width:100%;
	margin-top:15px;
}
#home-stock li>span{font-size:18px;}
#home-stock li .num{font-size:28px;}

/* home-shops
-------------------------------------------------------------*/
/*#home-shops p{font-size:160%;}*/
#home-shops .nitoriNumber,
#home-shops .decohomeNumber,
#home-shops .expressNumber{
	top:96px;
}
#home-shops .taiwonNumber,
#home-shops .usNumber,
#home-shops .chinaNumber{
	top:256px
}
#home-shops .nplusNumber,
#home-shops .shimachuNumber{
	top:164px
}
#home-shops .malaysiaNumber,
#home-shops .singaporeNumber{
	top:322px
}
/* home-group
-------------------------------------------------------------*/
#home-group h2{
	font-size:20px;
	margin-top:40px;
}
#home-group dt{font-size:18px;}
#home-group dd{padding:6px 0;}
#home-group dd .arw li{font-size:15px;}

/* home-related
-------------------------------------------------------------*/
#home-related h2{
	font-size:20px;
	margin:40px 0 0;
}
#home-related li{
	font-size:11px;
	box-sizing:border-box;
	width:50%;
	padding:10px 0 0 4px;
}
#home-related li:nth-child(odd){
	clear:both;
	padding-right:4px;
	padding-left:0;
}
#home-related li a{height:62px;}
#home-related li a>span{padding:5px 77px 5px 20px;}
#home-related li .photo{
	width:70px;
	margin-top:-24px;
}
#home-related li .linkIcon.blankWhite{
	background-position:-161px -38px;
	width:14px;
	height:12px;
	margin-top:-6px;
	left:4px;
}

#home-related .clear_f{
        clear: none;
        margin-top:0;
        margin-left:0;
}

#home-related .clear_f2{
        margin-top: 0;
}

/* 20220331userside追加 */
#home-related .clear_f2_first {
    padding-left: 4px;
}

#home-related .clearfix{
        margin-left:0;
}

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 20221219ユーザサイドにて追加　（home-menuPaneの高さのズレ修正）
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:623px){
  #home-menuPanel a{
  	min-height:335px;
  }
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){





}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones small (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:374px){





}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 background
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (max-width:767px), only screen and (max-device-width:767px){

/*.fotmBtn:after{
	background-image:url(../shared/img/parts_sp_spr.png);
	background-size:auto 60px;
}*/


}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Print
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media print{

.box-clm2{margin-top:60px !important;}
}