@charset "utf-8";


/* --------------------------------------------------------------------------------
	�^�O
-------------------------------------------------------------------------------- */
body{
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3',Meiryo, ���C���I, sans-serif;
	min-width:980px;
	margin:0;
	padding:0;
	line-height:1.2;
	font-size:80%;

}

.device-pc{
	display: block;
}
.device-sp{
	display: none;
}

a img{
	border:none;
}

a:link,
a:visited{
	text-decoration:none;
	color:#333;
}
a:hover,
a:active{
	text-decoration:underline;
	color:#333;
}


a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);		/* ie7 */
	-ms-filter:"alpha(opacity=70)";	/* ie8 */
}

/* --------------------------------------------------------------------------------
	���ʃN���X
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header{
	background:url(../images/common/h_bg2.jpg) repeat-x;
	/*height:120px;*/
}
#header img{
}

/********** �w�b�_�[�O�� **********/
#header .header-outer{
}

/********** �w�b�_�[���� **********/
#header .header-inner{
	width:1020px;
	margin:0 auto;
}

/********** ���S **********/
#header h1.h-logo{
	float:left;
	/* width:270px; */
	margin:0;
}

/********** �w�b�_�[�R���e���c **********/
#header .h-contents{
	width:1020px;
	margin:0 auto;
}

/********** �w�b�_�[�i�r�Q�[�V���� **********/
#header ul.h-nav{
	float:right;
	/* width:645px; */
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}
#header .h-nav li{
	float:left;
	height:40px;
	overflow:hidden;
}

#header .h-nav li a:hover img{
	margin-top:-40px;
}

/********** �w�b�_�[���j���[ **********/
#header ul.h-menu{
	float:right;
	width:201px;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul.h-menu li{
	float:left;
}
#header ul.h-menu li.login{
	padding:0 1px 0 0;
}


/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
    width:100%;
	height:auto;
	background:url(../images/common/wrap_bg.jpg) repeat-x;
	position:relative;
}

#sub-wrapper{
	width:999px;
	margin:0 auto;
	}

#sub-wrapper-inner{
	background:url(../images/common/sub-wrapping.png) no-repeat !important;
	width:999px;
	z-index:100;
	}


/* --------------------------------------------------------------------------------
	breadcrumb
-------------------------------------------------------------------------------- */
#main .breadcrumb{
	padding:0 0 22px;
	font-size:80%;
}


/* --------------------------------------------------------------------------------
	sub1
-------------------------------------------------------------------------------- */
#sub1{
	float:left;
	width:220px;
	margin:30px 0 0 30px;
}
#sub1 img{
	vertical-align:bottom;
}

/********** �����T�C�Y **********/
#sub1 #textresizer{
	width:220px;
	height:50px;
	padding:0 0 10px;
	background:url(../images/common/s1-bg-textresizer.png) no-repeat 0 0;
}
#sub1 #textresizer ul{
	list-style:none;
	margin:0;
	padding:10px 0 0 109px;
}
#sub1 #textresizer ul li{
	float:left;
	padding:0 1px 0 0;
}
#sub1 #textresizer ul li img{
	cursor:pointer;
}

#sub1 .bnr_area{
	margin:0 0 10px 0;
}




/* --------------------------------------------------------------------------------
	fixed
-------------------------------------------------------------------------------- */

.fixed{
    position: fixed;
    top: 10px;
    width: 100%;
    z-index: 10000;
}




/********** �V���i **********/
#sub1 .new-arrival{
	padding:0 0 15px;
}
#sub1 .new-arrival .new-arrival-box{
	padding:20px 0 0;
}
#sub1 .new-arrival ul.bxslider{
	list-style:none;
	margin:0;
	padding:0;
}
#sub1 .new-arrival ul.bxslider li{
	margin:0 20px;
}
#sub1 .new-arrival .thumb{
	width:160px;
}
#sub1 .new-arrival .item-name{
	width:160px;
	padding:8px 0 0;
	text-align:center;
}
#sub1 .new-arrival .bx-wrapper .bx-controls-direction a{
	width:25px;
	height:50px;
}
#sub1 .new-arrival .bx-wrapper .bx-controls-direction .bx-prev{
	left:1px;
	margin:-37px 0 0;
	background:url(../images/common/s1-new-arrival-btn-prev.png) no-repeat 0 0;
}
#sub1 .new-arrival .bx-wrapper .bx-controls-direction .bx-next{
	right:1px;
	margin:-37px 0 0;
	background:url(../images/common/s1-new-arrival-btn-next.png) no-repeat 0 0;
}

/********** ���� **********/
#sub1 .search form{
	padding:0 0 14px;
}
#sub1 .search form .input-keyword{
	float:left;
	width:175px;
}
#sub1 .search form .input-keyword input{
	width:173px;
	height:23px;
	padding:0;
	border:solid 1px #cecece;
}

/********** �����{�^�� **********/
#sub1 .search form .btn-search{
	float:right;
	width:25px;
}
#sub1 .search form .btn-search input{
	float:right;
	width:25px;
	height:25px;
}


/********** �J�e�S���[ **********/

#sub1 .category{
	/* background:url(../images/common/cat-box-mid.jpg) repeat-y; */
	width:220px;
	margin:0 auto;
}

#sub1 .cat-box-btm{
	background:url(../images/common/cat-box-btm.jpg) no-repeat;
	width:220px;
	height:4px;
	margin-bottom:10px;
}


#sub1 .category .heading{
	background:url(../images/common/cat-box-top.jpg) no-repeat;
	width:220px;
	margin:0 auto;
	padding:2px 0 10px;
}
#sub1 .category .heading img{
	display:block;
	width:200px;
	margin:0 auto;

	}


#sub1 .category .sub-heading{
	padding:0 0 15px;
}
#sub1 .category ul{
	list-style:none;
	width:200px;
	margin:0 auto;
	padding:0 0 14px;
}
#sub1 .category ul li{
	padding: 2px 0px;
}
#sub1 .category ul li ul{
	/* display:none; */
	padding:0 0 3px 10px;
	line-height:1;
	font-size:80%;
	letter-spacing:-0.05em;
}
#sub1 .category ul li ul li a{
	/* margin:0 0 0 0.5em; */
	font-size:125%;

}
#sub1 .category ul li ul li{
	padding: 7px 0 2px 10px;
	background: transparent url(../images/common/icon-arr.png) no-repeat 5px 60%;
}





#sub1 .open-catg ul{
	list-style:none;
	width:200px;
	margin:0 auto;
	padding:0 0 14px;
}
#sub1 .open-catg ul li{
	padding: 2px 0px;
}
#sub1 .open-catg ul li ul{
	display:none;
	padding:0 0 3px 10px;
	line-height:1;
	font-size:80%;
	letter-spacing:-0.05em;
}
#sub1 .open-catg ul li ul li a{
	margin:0 0 0 0.5em;
	font-size:125%;

}
#sub1 .open-catg ul li ul li{
	padding: 7px 0 2px 10px;
	background: transparent url(../images/common/icon-arr.png) no-repeat 5px 60%;
}








/********** �K�C�h **********/
#sub1 .guide ul{
	list-style:none;
	width:200px;
	margin:0 auto;
	padding:0 0 5px;
}
#sub1 .guide ul li{
	padding:0 0 5px;
}

#sub1 .guide{
	/* background:url(../images/common/cat-box-mid.jpg) repeat-y; */
	width:220px;
	margin:0 auto;
}

#sub1 .cat-box-btm{
	background:url(../images/common/cat-box-btm.jpg) no-repeat;
	width:220px;
	height:4px;
}


#sub1 .guide .heading{
	background:url(../images/common/cat-box-top.jpg) no-repeat;
	width:220px;
	margin:0 auto;
	padding:2px 0 10px;
}
#sub1 .guide .heading img{
	display:block;
	width:200px;
	margin:0 auto;
	}



/********** �����N **********/
#sub1 .link{
	padding:10px 0 12px;
}
#sub1 .link ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sub1 .link ul li{
	padding:0 0 10px;
}

/********** �J�����_�[ **********/
#sub1 .calendar iframe{
	width:100%;
	height:250px;
	border:none;
}
#sub1 .calendar .calendar-txt span{
	color:#ccc;
}


/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	float:right;
	width:730px;
}


/* --------------------------------------------------------------------------------
	footer
-------------------------------------------------------------------------------- */
#footer{
	width:100%;
 	padding: 10px 0;

}

#footer img{
}

/********** PAGE TOP **********/
#footer .btn-pagetop{
	width:960px;
	margin:0 auto;
	text-align:right;
}

/********** �t�b�^�[�O�� **********/
#footer .footer-outer{
	border-top:1px  solid #ccc;
	border-bottom:1px  solid #ccc;
}

/********** �t�b�^�[���� **********/
#footer .footer-inner{
	width:980px;
	/* min-height:500px; */
	margin:0 auto;
	padding:16px 0 15px;
}
#footer .footer-inner a{
	color:#999;
}

/********** ���S **********/
#footer .f-logo{
	float:left;
	width:245px;
}

/********** �Z�� **********/
#footer .address{
	float:left;
	width:285px;
}

/********** ���j���[ **********/
#footer .f-menu{
	float:left;
	width:450px;
	padding:10px 0 0;
	background:url(../images/common/f-bg-top-menu.png) no-repeat 0 0;
}
#footer .f-menu .f-menu-wrapper{
	padding:0 0 10px;
	background:url(../images/common/f-bg-bottom-menu.png) no-repeat 0 100%;
}
#footer .f-menu .f-menu-box{
	padding:0 0 0 24px;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	background:#eee;
}
#footer .f-menu ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#footer .f-menu ul.menulist001{
	width:125px;
}
#footer .f-menu ul.menulist002{
	width:145px;
}
#footer .f-menu ul.menulist003{
	width:140px;
}
#footer .f-menu ul li{
	padding:3px 3px 3px 0;
}
#footer .f-menu ul li a{
	display:block;
	padding:0 0 0 9px;
	letter-spacing:-0.1em;
	font-size:85%;
	color:#333;
	background:url(../images/common/f-icon-arr.png) no-repeat 0 0.25em;
}


/********** �R�s�[���C�g **********/
#copyright{
	padding:0.5em;
	text-align:center;
	background:#34302c;
	margin:2px 0 0 0;
	color:#FFF;
}

.cl-oshirase{
	padding: 5px 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	width: 700px;
	background: #ff6a6a;
	border-radius: 12px;
	color: #fff;
	display: none;
}

.cl-oshirase span{
	font-weight: bold;
	font-size: 130%;
}

.cl-oshirase a{
	text-decoration: underline;
	color: #fff;
}
.cl-oshirase.covid {
    padding: 5px 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 700px;
    border: solid 2px #900;
    background: #ffffff;
    border-radius: 12px;
    color: #900000;
    display: block;
}

.cl-oshirase a{
	text-decoration: underline;
	color: #900000;
	font-weight: bold;
}

.cl-oshirase h3 {
	color: #900000 !important;
}



/* 追加css */
html {
font-size:100%;
}

.fs-l-main, .fs-c-breadcrumb {

    margin: 0 auto;
}

.fs-l-product2 .fs-l-productLayout {
    display: grid;
    grid-template-columns: calc(60% - 16px / 2) calc(40% - 16px / 2);
    grid-gap: 16px;
    align-items: start;
}

.row {
  display: flex;
}
.parts_left {
  width: 50%;
}
.parts_right {
  width: 50%;
  margin-left: 40px;
}

.fs-l-productLayout {
  width: 720px;
  margin: 0 auto;
}

.fs-l-main {
  margin: 0 auto;
  padding: 0px;
  max-width: 1216px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 980px;
}

#sub1 {
  width: 190px;
}

#fs_form {
  /* width: 720px; */
}

.fs-c-productCarouselMainImage__image > img {
    max-width: 100vw;
    max-height: 100vh;
    width: 350px;
    height: 350px;
    object-fit: contain;