@charset "utf-8";

/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

　01. lineupBox
　02. lineupDetail

*/
/* ***************************************************************************** */


/*-----------------------------------------------------------
===  [ 01. productsBox ]  ====================================
------------------------------------------------------------*/

.productsBox .catalogBox {
	width: 100%;
	overflow: hidden;
}
.productsBox .catalogBox .clearfix {
	width: 705px;
}

.productsBox .productsElement {
	float: left;
	width: 327px;
	margin: 0 6px 1em 6px;
}
.productsBox .productsElement .downloadImg {
	width: 150px;
	margin: 0 auto;
}
.productsBox .productsElement .productsLink {
	margin: 1.5em 0 0 0;
}
.productsBox .productsElement .productsLink a {
	display: block;
	padding: 8px;
	background-color: #cbd2d7;
	border-radius: 4px;
	text-align: center;
	font-size: 123.1%;
}
.productsBox .productsElement .productsLink a:link,
.productsBox .productsElement .productsLink a:visited,
.productsBox .productsElement .productsLink a:hover,
.productsBox .productsElement .productsLink a:active {
	color: #333;
	text-decoration: none;
}
.productsBox .productsElement .productsLink a:hover,
.productsBox .productsElement .productsLink a:active {
	opacity: 0.8;
}
.productsBox .productsElement .productsLink a img {
	width: 31px;
	vertical-align: middle;
}

/* --- SP --- */
body.responsive-sp .productsBox .catalogBox .clearfix {
	width: auto;
}
body.responsive-sp .productsBox .productsElement {
	float: none;
	width: auto;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0;
	border-top: 1px solid #ccc;
}
body.responsive-sp .productsBox .productsElement:first-child {
	border-top: 0;
}
body.responsive-sp .productsBox .productsElement .downloadImg {
	width: auto;
	max-width: 228px;
}
body.responsive-sp .productsBox .productsElement dl {
	text-align: center;
}
body.responsive-sp .productsBox .productsElement dl dd {
	font-size: 138.5%;
	font-weight: bold;
}
body.responsive-sp .productsBox .productsElement .productsLink a {
	padding: 15px;
	font-size: 138.5%;
}



/* ***************************************************************************** */



/*-----------------------------------------------------------
===  [ 01. lineupBox ]  ====================================
------------------------------------------------------------*/

.lineupBox {
	width: 100%;
	overflow: hidden;
}
.lineupBox .productsFloat {
	float: left;
	width: 49%;
	padding:5px 2px;
}
.lineupBox .productsFloat .pw46 {
	width: 96%;
	margin:auto;
}
body.responsive-sp .lineupBox .productsFloat {
	width: 100%;
	padding:0;
	margin:0;
}
body.responsive-sp .lineupBox {
	width: 100%;
	overflow: visible;
}


/* ***************************************************************************** */

/*-----------------------------------------------------------
===  [ 02. lineupDetail ]  ====================================
------------------------------------------------------------*/

/* -- detailList -- */

.lineupDetailBox .detailList {
	width: 100%;
	overflow: hidden;
}

.lineupDetailBox .detailList .clearfix {
	width: auto;
	margin: 0 -12px 0 0;
}

#main .lineupDetailBox .detailList li {
	float: left;
	width: 212px;
	padding: 12px 0;
	margin: 0 12px 12px 0;
	background-color: #025ab3;
	border-radius: 5px;
	text-align: center;
	color: #fff;
}

.lineupDetailBox .detailList li.first-child {
	margin-left: 9px;
}

/* -- detailListbox -- */

.lineupDetailBox .detailListbox {
	width: 680px;
}

.lineupDetailBox .detailListbox div {
	float: left;
	width: 220px;
	margin: 0 10px 0 0;
}

/* - SP - */
body.responsive-sp #main .lineupDetailBox .detailList .clearfix {
	margin: 0 32px;
}
body.responsive-sp #main .lineupDetailBox .detailList li {
	float: none;
	width: auto;
	margin: 0 0 14px 0;
	font-size:138.5%;
}


/* lineupTabBox
----------------------------------------------------*/

/* -- lineupTab -- */

.lineupDetailBox .lineupTab {
	height: 35px;
	overflow: hidden;
	border-bottom: 3px solid #275e72;
	margin: 0 0 20px;
}

.lineupDetailBox .lineupTab li {
	float: left;
	text-align: center;
	font-size: 92.30769%;
	margin-right: 5px;
}

.lineupDetailBox .lineupTab li.first-child {
	background-position: left top;
	margin-right: 6px;
}

.lineupDetailBox .lineupTab li.last-child {
	background-position: right top;
	margin-right: 0;
}

body.responsive-sp .lineupTab li,
body.responsive-sp .lineupTab li.first-child,
body.responsive-sp .lineupTab li.last-child {
	margin-right: 0;

}

.lineupDetailBox .lineupTab li a {
	display: block;
	padding: 10px 5px;
	width: 213px;
	color: #333;
	font-weight: normal;
	background: #ebeef0;
	text-decoration: none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.lineupDetailBox .lineupTab li a.active,
.lineupDetailBox .lineupTab li a:hover {
	color: #fff;
	background: #295e71;
}

.lineupDetailBox .lineupTab li.first-child a.active,
.lineupDetailBox .lineupTab li.first-child a:hover {
}

.lineupDetailBox .lineupTab li.last-child a.active,
.lineupDetailBox .lineupTab li.last-child a:hover {
}

/* - SP - */
body.responsive-sp .lineupDetailBox .lineupTab {
	margin-bottom: 16px;
	height: auto;
	border-bottom: 0;
}
body.responsive-sp .lineupDetailBox .lineupTab li {
	width: 33.3%;
	padding-left: 1px;
	margin-bottom: 0;
	box-sizing: border-box;
	background-image: none;
	background-color: transparent;
}
body.responsive-sp .lineupDetailBox .lineupTab li:first-child {
	padding-left: 0;
}
body.responsive-sp .lineupDetailBox .lineupTab li a {
	width: auto;
	padding: 20px 0 44px 0;
	background: #dae0e4 url("/business/projector/products/images/r_lineup_tab_sp_active.png") no-repeat center 50px;
	background-size: 9px auto;
}
body.responsive-sp .lineupDetailBox .lineupTab li a.active,
body.responsive-sp .lineupDetailBox .lineupTab li a:hover {
	background: #275e72 url("/business/projector/products/images/r_lineup_tab_sp_active.png") no-repeat center 50px;
	background-size: 9px auto;
}


/* ***************************************************************************** */

#main .specification sup.notes {
	color: #333333;
}

#main .specification ul.notesList li span {
	color: #333333;
}
.lead01{font-size:150% !important;}


.tit_s1{font-size:75% !important;}
.tit_s{font-size:80% !important;}

/*-----------------------------------------------------------
===  特長  ====================================
------------------------------------------------------------*/

.lineupDetailBox .pro_t_waku{padding:2px 3px;border:1px solid #999;}
.lineupDetailBox .flright_txt{float:left;width:270px;}
.lineupDetailBox .flright_pic{float:right;width:370px;}
body.responsive-sp .lineupDetailBox .flright_txt{float:none;width:auto;}
body.responsive-sp .lineupDetailBox .flright_pic{float:none;width:auto;}


/*-----------------------------------------------------------
===  仕様表  ====================================
------------------------------------------------------------*/
.wide_screen{display:none;}
body.responsive-sp .wide_screen{width:60%; display:inline-block;margin:0 auto 10px auto;display:block;}


/*-----------------------------------------------------------
===  寸法図  ====================================
------------------------------------------------------------*/
.pic_size{margin:auto;width:85%;}
body.responsive-sp .pic_size{width:100%;}


/*-----------------------------------------------------------
===  周辺機器  ====================================
------------------------------------------------------------*/

#scene .flright_txt_op strong{font-size:115%}
#scene .titStyle03{font-size:110% !important;}
.lineupDetailBox .flright_txt_op{float:left;width:390px;}
.lineupDetailBox .flright_pic_op{float:right;width:250px;}
body.responsive-sp .lineupDetailBox .flright_txt_op{float:none;width:auto;}
body.responsive-sp .lineupDetailBox .flright_pic_op{float:none;width:85%;margin:auto;}
body.responsive-sp .lineupDetailBox .flright_txt_op table{margin-bottom:20px;}

body.responsive-sp .titStyle03{background:#fff !important;}