@charset "utf-8";

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

　目次

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

　01. lineupBox
　02. lineupDetail
　03. spec

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

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

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

.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 89px;
	width: 156px;
	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: 50%;
	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/callbell/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/callbell/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;
}

/*-----------------------------------------------------------
===  [ 03. spec ]  ====================================
------------------------------------------------------------*/
.specification{
	border-bottom: solid 1px #cbd2d7;
	margin-bottom:5em;
	padding-bottom: 2em;
}
.spec img{
	width: 20%;
	padding-left: 5em;
	margin-top: -5em; 
}
.spec_name{
	color: #2B5E70;
	font-size: 230%;
}
.spec_box{
	color: #fff;
	font-size: 110%;
	background-color: #2B5E70;
	padding: 0.2em 1.5em;
	width: 38%;
	text-align: center;
	margin: 0 0 0.3em 0;
}
.spec_desc{
	color: #2B5E70;
	font-size: 120%;
	width: 50%;
	float: left;
}
body.responsive-sp .speclist{
	width: 100%!important;
}
body.responsive-sp .mbem3{
	margin-top: 2.2em;
	margin-bottom: 1.2em!important;
}

/*-----------------------------------------------------------
===  [ 04. 発売予定 ]  ====================================
------------------------------------------------------------*/

.yotei{
	margin: 0 0 5px;
}
body.responsive-sp .yotei{
	font-size: 110%;
}