@charset "utf-8";

/* ---------------------------------------------------------
common
----------------------------------------------------------*/

.anch {
	display: block;
    height: 1px;
    position: relative;
    top: -100px;
}

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}
.mod_billboard .slick li {
	height: auto !important;
}

/* Layout */
.side-left {float: left;}
.side-right {float: right;}

.mod_section a {
	color: inherit;
}

p.caption {
	margin-top:10px;
}

ul.notes {
	margin-top:10px;
}

ul.notes li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5;
}

.wide966 {
	width: 966px;
}

.wide468 {
	width: 468px;
}

.wide966 .link_bnr,
.wide468 .link_bnr{
	padding: 10px 0 0;
	margin-bottom: 6px;
}

.wide966 p,
.wide468 p {
	font-size: 16px;
	padding-bottom: 6px;
	line-height: 1.5;
}

.wide966 ul,
.wide468 ul {
	margin-bottom: 6px;
}

.wide966 p.caption,
.wide468 p.caption {
	font-size: 100%;
}
.wide966 p.product-number
.wide468 p.product-number {
	margin-top: 6px;
	font-size: 22px;
	font-weight: bold;
}

.wide468:nth-child(odd){ margin-bottom: 30px; }

.title_gray {
	margin-bottom: .8em;
	padding: 14px 0 12px;
	font-size: 1.5em;
	font-weight: bold;
	background: #e7e7e7;
	text-align: center;
}

/* ハンバーガーメニュー内見出し*/
.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;}


/* btn
-----------------------------------------*/ 
.btn_box {
	text-align: center;
	margin: auto;
	display: table;
}

ul.btn {
	width: 780px;
}

ul.btn li {
	border: #666 1px solid;
	position: relative;
	margin: 0 10px 10px 10px;
	width: 360px;
	float: left;
	display: block;
	font-size: 16px;
	line-height: 1.5;
}

ul.btn li:after {
	font-family: 'FontAwesome';
	content: " \f105";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

ul.btn a {
	padding: 14px;
	display: block;
}

/* btn_function
-----------------------------------------*/ 

ul.btn_function {
	width: 988px;
	overflow: hidden;
}
ul.btn_function li {
	border: #666 1px solid;
	position: relative;
	margin: 0;
	width: 223px;
	float: left;
	font-size: 16px;
	line-height: 1.5;
	display: table;
	margin: 0 22px 18px 0;
}
ul.btn_function li:after {
	font-family: 'FontAwesome';
	content: " \f105";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
ul.btn_function a {
	padding: 14px 30px 14px 14px;
	display: table-cell;
	vertical-align: middle;
}
.function_link {
	font-size: 16px;
	margin: 0 0 20px 0;
}


/* product_spec
-----------------------------------------*/ 

table.product_spec {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	width: 100%;
	color: #000;
	table-layout: fixed;
	word-wrap: break-word;
	margin-bottom: 10px;
}
table.product_spec th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: left;
	background: #eeece1;
	width: 20%;
}
table.product_spec td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: left;
}

/* navi_s2_wrap
-----------------------------------------*/
.navi_s2_wrap {
    margin: 50px 0;
    text-align: center;
}

ul.navi_s2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    margin: 0;
    overflow: auto;
    padding: 0;
	line-height:1.8;
}

ul.navi_s2 li:first-child {
    border: medium none;
}

ul.navi_s2 li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #333;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;
}

ul.navi_s2 li a {
    color: #333;
    text-decoration: underline;
}

ul.navi_s2 li a:hover {
    color: #999;
    text-decoration: none;
}

ul.navi_s2 li:first-child {
    border: medium none;
}

/* 2017年9月28日 write */
.price {
	color:#00a0e9;
	font-size:117%;
	font-weight: bold;
}


	
/* For Smart Phone */
@media only screen and (max-width:640px) and (max-device-width:1280px){

.anch {
		top: -50px;
}

.spOnly {
	display: block;
}
.pcOnly {
	display: none;
}

/* Layout */

.wide966,
.wide468 {
	width: 100%;
}

.wide966 p,
.wide966 ul,
.wide468 p,
.wide468 ul {
	padding: 0 10px;
}

.wide966 .link_bnr,
.wide468 .link_bnr{
	padding: 10px 10px 0;
}

/* h2
-----------------------------------------*/ 
.ex_h2style {
	font-size: 1.3em;
	line-height: 1.18;	
	margin: 0 2.60416% 20px;
}


/* navi_s2_wrap
-----------------------------------------*/

ul.navi_s2 li {
    padding: 0 10px;
}


/* btn
-----------------------------------------*/ 

.btn_box {
	margin: 0 2.60416%;
	display: block;
}

ul.btn {
	width: 100%;
}

ul.btn li {
	width: 100%;
	display: block;
	margin: 0 0 10px;
}

/* btn_function
-----------------------------------------*/ 

ul.btn_function {
	width: 94%;
	margin: 0 auto;
}
ul.btn_function li {
	width: 48%;
	margin: 0 0 10px 0;
	float: right !important;
}
ul.btn_function li:nth-child(odd) {
	margin: 0 2.5% 10px 0;
	float: left !important;
}

.function_link {
	margin: 0 10px 20px;
}

/* product_spec
-----------------------------------------*/ 

table.product_spec th {
	width: 30%;
}
  
}



/* 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;
}
}




@media only screen and (max-width:640px) and (max-device-width:1280px){
	.ytMovie {
		 position: relative;
		 padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
		 height: 0;
		 overflow: hidden;
		margin: 10px auto 20px;
	}
	.ytMovie iframe {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
	}
	
	.side-left,
	.side-right {
		float: none;
	}
}