@charset "Shift_JIS";

/*--------------------------------------------------------------------
共通で使用するcssを格納
--------------------------------------------------------------------*/

/* マージン*/
.mar-t20 { margin-top:20px;}

/* コンテンツ中央設定*/
.centerPos { width:770px; margin:0 auto !important;}

/* ハンバーガーメニュー内見出し*/
.mod_headerbar_in_nav_title {
    background: #666;
    width: 100%;
}
.mod_headerbar_navi_title {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 15px 20px;
    display: inline-block;
}
.mod_headerbar_in_nav_category dl dt {
    background: #3e3e3e;
}
.mod_headerbar_in_nav_category .category-head { color:#ffffff; font-weight:bold; padding-top:6px; }
.mod_headerbar_in_nav_category .category-head:first-child { padding-top:0;}
.mod_headerbar_in_nav_category a:link:hover { color:#ffffff;}

.mod_headerbar_in_nav_category dl#gMenu01,
.mod_headerbar_in_nav_category dl#gMenu02 {
	width: 40%;
}
.mod_headerbar_in_nav_category dl#gMenu03 {
	width: 20%;
}
.mod_headerbar_in_nav_category ul {
	float: left;
	margin-right: 1.2em;
}
.mod_headerbar_in_nav_category dl dd ul li {
    line-height: 1.1 !important;
	margin-bottom: 5px !important;
}
.mod_headerbar_in_nav_category ul.halfUL {
	width: 45%;
}
.mod_headerbar_in_nav_category dl#gMenu01 ul li span {
	margin-right: 0.4em;
	color: #FFF;
}
.mod_headerbar_in_nav_category dl#gMenu01 ul li.senAri {
	text-indent: -0.8em;
	margin-left: 0.8em;
}


.mod_headerbar_in_nav_category dl dd {
	padding-bottom: 15px !important;
}
.mod_headerbar_in_nav_link {
	padding-top: 10px !important;
	padding-bottom: 6px !important;
}
.mod_headerbar_in_nav_link ul li {
	padding-bottom: 5px !important;
}
.mod_headerbar_in_nav_blocklink ul li a {
    padding: 20px 0 18px 0 !important;
}


/* For Smart Phone */
@media only screen and (max-width:640px) and (max-device-width:1280px){
	.mod_headerbar_in_nav_category dl#gMenu01,
	.mod_headerbar_in_nav_category dl#gMenu02 {
		width: 100%;
	}
	.mod_headerbar_in_nav_category dl#gMenu03 {
		width: 100%;
	}
	.mod_headerbar_in_nav_category ul {
		float: none;
	}
	.mod_headerbar_in_nav_category ul.halfUL {
		width: 100%;
	}
	.pcobj {
		display: none;
	}
	
	.mod_headerbar_in_nav_category dl dd {
		padding-bottom: 0 !important;
	}
	.mod_headerbar_in_nav_link {
		padding: 0 !important;
	}
	.mod_headerbar_in_nav_link ul li {
		padding: 0 !important;
	}
	.mod_headerbar_in_nav_blocklink ul li a {
		padding: 15px 20px 15px 20px !important;
	}
	.mod_headerbar_in_nav_category dl dd ul li a {
		padding: 10px 10px 10px 30px !important;
	}
}



/*2017年9月1日 更新*/

/*--------------------------------------------------------------------
ページ下部共通部 ショールーム
--------------------------------------------------------------------*/
/* showroom ----------------------- */
.showroom{
background:#ffeec4;
padding:15px 50px 15px 0;
text-align:center;
}
.showroom img{
width:471px;
}
.showroom h3.text{
font-size:21px;
font-weight:bold;
line-height:1.6;
display:inline-block;
width:410px;
padding:25px 30px 0 0;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
/* showroom ----------------------- */
.showroom{
padding:15px 0 10px 0;
font-size:125%;
text-align:center;
margin-bottom:30px;
}
.showroom img{
width:93.6%;
padding:0 0 10px 0;
}
.showroom h3.text{
font-size:100%;
width:93.6%;
padding:0 0 10px 0;
margin:0 auto;
}
	
.mod_headerbar_in_nav_category dl#gMenu01,
.mod_headerbar_in_nav_category dl#gMenu03 {
	width: 100%;
}
}

/*--------------------------------------------------------------------
スマホ時 h1見出し調整
--------------------------------------------------------------------*/
/* For Smart Phone */
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_headerbar_item_in .headerbarTitle {
  padding-right: 115px;
}