/*納品時　"リュウミン B-KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serifは削除*/


/* -------------------------------------
barger menu
 ------------------------------------- */

.navi_title {
	background: #666;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	padding: 20px;
	position: relative;
	width: 924px;
	overflow: hidden;
}
.navi_title span {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	right: 20px;
	top: 30px;
}
.mod_headerbar_in_nav_link ul .midashi01 {
	font-weight: bold;
	font-size: 16px;
	text-align: right;
	width: 920px;
	padding: 0px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
.navi_title {
	font-size: 18px;
	width: 100%;
	padding: 12px 10px 10px;
}
.navi_title span{
	top: 24px;
	right: 32px;
}
.mod_headerbar_in_nav_link ul .midashi01 {
	font-weight: bold;
	text-align: left;
	width: 100%;
	padding: 0px;
	background-color: #3e3e3e;
}
}

.mod_headerbar_in_nav_category dl dd ul li {
    padding: 3px;
}
.mod_headerbar_in_nav_category li.active,
.mod_headerbar_in_nav_link li.active{
    background: #6f6e6e;
}


/* mod_headerbar_in_nav_blocklink */
.mod_headerbar_in_nav_blocklink {
	display: table;
	width: 100%;
	background-color: #3e3e3e;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
.mod_headerbar_in_nav_blocklink {
	display: block;
	background-color: #3e3e3e;
}
}
.mod_headerbar_in_nav_blocklink ul li {
	display: table-cell;
	width: 241px;
	line-height: 1.3;
	box-sizing: border-box;
	border-right: 1px solid #6f6e6e;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
.mod_headerbar_in_nav_blocklink ul li {
	display: block;
	width: auto;
	border-right: none;
	border-bottom: solid 1px #1d1d1d;
}
}
.mod_headerbar_in_nav_blocklink ul li:nth-child(4n) {
	border-right: none;
}
.mod_headerbar_in_nav_blocklink ul li a {
	display: block;
	padding: 26px 0 26px 0;
	text-align: center;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
.mod_headerbar_in_nav_blocklink ul li a {
	font-weight: bold;
	padding: 15px 20px 15px 20px;
	text-align: left;
}
.mod_headerbar_in_nav_blocklink ul li a:after {
	display: inline-block;
	float: right;
	/*content: " \f054";*/
	font-size: 120%;
	font-family: FontAwesome;
}
}
.mod_headerbar_in_nav_blocklink ul li a:hover {
	text-decoration: none;
	background-color: #505050;
}
.mod_headerbar_in_nav_blocklink ul li a:active {
	text-decoration: none;
	background-color: #505050;
}


/* common
-----------------------------------------*/
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
	display: none;
}

h1 span.block_ti_inner,
h2 span.block_ti_inner,
h3 span.block_ti_inner,
h4 span.block_ti_inner{
	display: block;
}

img{ max-width: 100%;}

.none{ display: none !important;}


.pcOnly{ display: block;}
.pcOnlyI{ display: inline-block;}
.spOnly,.spOnlyI{ display: none;}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
	.spOnly{ display: block;}
	.spOnlyI{ display: inline-block;}
	.pcOnly,.pcOnlyI{ display: none;}
}

.other_link {
	background: url(../img/icon_otherwindow.png) no-repeat right;
	padding-right: 20px;
}

.indentList li {
	line-height: 1.5;
	padding-left: 1rem;
	text-indent: -1rem;
}

p.ex_pagetop{
	margin:0;
	position: fixed;
  	bottom: 20px;
	z-index:900;
}
p.ex_pagetop a{
	display:block;
	width:80px;
	margin:0 0 0 1000px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
p.ex_pagetop {
	width:100%;
}
p.ex_pagetop a{
	width:60px;
	margin:0 0 0 80%;
}
}

/* linkstyle　top
-----------------------------------------*/
.intro_linkstyle{
	position: relative;
	width: 967px;
	margin: 10px 0 35px;
}
.intro_linkstyle h2{
	margin: 40px 0 30px 90px;
}
.intro_linkstyle .txt_features{
	margin: 0 0 25px 90px;
}
.intro_linkstyle .txt_bluetooth{
	overflow: hidden;
	width: 680px;
}
.intro_linkstyle .txt_bluetooth dt{
	float: left;
	width: 192px;
	margin-top: 3px;
	margin-left: -13px;
}
.intro_linkstyle .txt_bluetooth dd{
	margin-top: 8px;
	margin-left: 190px;
	font-size: 12px;
	line-height: 1.2;
}
.intro_linkstyle .operation{
	position: absolute;
	bottom: -10px;
	right: 0;
}
/*---
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li{ width: 270px;}
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li a span,
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li:nth-child(2n) a span{ width: 100%; text-align: center;;}
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li:first-child{ width: 425px;}
---*/
.notesSmartTxt{
	margin-top: 5px;
	color: #e4007e;
	font-size: 12px;
	line-height: 1.5;
}

.linkstyleNavi{
	position: relative;
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	width: 967px;
	margin: 0 auto 40px auto;
	padding: 0 0 230px;
}
.linkstyleNavi > li{
	width: 240px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.linkstyleNavi > li:nth-child(2){
	background: #000000;
	padding: 18px 0;
}
.linkstyleNavi > li:nth-child(2)::before{
	content: "";
	display: block;
	position: absolute;
	top: 51px;
	left: 355px;
	background: url(../img/icon_linkstyle_navi_arrow_btm.png) no-repeat left top;
	width: 11px;
	height: 10px;
	z-index: 1;
}
.linkstyleNavi > li > a{
	background: #d7d7d7;
	color: #666666;
	display: block;
	padding: 17px 0;
	text-decoration: none;
}

.linkstyleNavi .mod_basecol-four{
	position: absolute;
	left: 0;
	bottom: 0;
	padding-top: 20px;
}

.linkstyleNavi .mod_basecol-four span{
	text-align: left;
}

.movie_modal {
	display: none;
	background-color: white;
	text-align: center;
	position: fixed;
	top: 10%;
	left: 3.5%;
	z-index: 400;
	padding: 15px;
	width: 86%;
	border-radius: 10px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
.intro_linkstyle{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 10px 0 35px;
}
.intro_linkstyle h2{
	width: 63%;
	margin: 0 0 17px;
}
.intro_linkstyle .txt_features{
	width: 63%;
	margin: 0 0 25px;
}
.intro_linkstyle div{
	position: relative;
}
.intro_linkstyle .txt_bluetooth{
	overflow: hidden;
	width: 100%;
}
.intro_linkstyle .txt_bluetooth dt{
	float: none;
	width: 35%;
	margin: 0 0 8px;
}
.intro_linkstyle .txt_bluetooth dd{
	margin-top: 0;
	margin-left: 0;
	line-height: 1.2;
}
.intro_linkstyle .operation{
	position: absolute;
	bottom: -15px;
	right: -10px;
	width: 43%;
}
/*---
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li{ box-sizing: border-box;}
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li{ width: 50%;}
.panel01 .mod_tab_menu.mod_tab_menu-04 ul li:first-child{ width: 100%;}
---*/
.notesSmartTxt{
	margin: 5px 10px 15px;
	color: #e4007e;
	font-size: 12px;
	line-height: 1.5;
}

.linkstyleNavi{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto 35px auto;
	padding: 0;
}
.linkstyleNavi > li{
	border-bottom: 1px solid #c1c1c1;
	width: 100%;
	font-size: 16px;
}
.linkstyleNavi > li:nth-child(2){
	background: url(../img/icon_arrow_top.png) no-repeat 97% 23px/15px auto #000000;
	padding: 18px 10px 0;
	text-align: left;
}
.linkstyleNavi > li:nth-child(2)::before{
	content: none;
}
.linkstyleNavi > li > a{
	background: url(../img/icon_arrow_btm.png) no-repeat 97% center/15px auto #d7d7d7;
	padding: 17px 10px;
	text-align: left;
}

.linkstyleNavi .mod_basecol-four{
	position: static;
	margin-top: 18px;
	padding-top: 0;
	width: 108%;
	margin: 18px -4% 0;
}

.linkstyleNavi .mod_basecol-four span{
	text-align: left;
}

.linkstyleTopAbout.mod_section{
	margin: 0 0 25px;
}
.linkstyleTopAbout .ex_h2style{
	margin-bottom: 40px;
}
.linkstyleTopAbout .mod_basecol {
	background: none;
}
.linkstyleTopAbout .mod_basecol.mod_basecol-three .mod_basecol_inner_box_img a span{
	padding: 13px 0 11px;
	font-size: 16px;
	text-align: center;
}


}


/* plan
-----------------------------------------*/
.planNavi {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	font-size: 0;
	margin: 0 auto 20px auto;
	padding: 2px 0;
	width: 967px;
}
.planNavi li {
	display: inline-block;
	width: 50%;
}

.planNavi li a {
	display: block;
}
.planNavi li a:hover{
	  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
  opacity: 0.7;
}
.planNavi li img {
	vertical-align: middle;
}
.planNavi li span {
	background: url(../img/icon_arrow_plan.png) no-repeat right 3px;
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	margin-left: 15px;
	padding-right: 20px;
	vertical-align: middle;
}
.planNavi li:last-child span {
	background: url(../img/icon_arrow_plan.png) no-repeat right center;
}
.planNavi li a {
	color: #333333;
}

/* keyvisualBlock */
.keyvisualBlock {
	background: #efefef;
	margin: 0 auto 40px;
	position: relative;
	width: 967px;
}
.mainImgArea {
	height: 500px;
	text-align:center;
}
.mainImgArea li {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
	height: 500px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.mainImgArea li img{
	position:relative;
	max-width: inherit;
	max-height: 100%;
}
#btmNaviSide {
	height: 41px;
	left: -100%;
	margin: auto;
	overflow: auto;
	position: absolute;
	right: -100%;
	top: 265px;
	width: 1024px;
	z-index: 9;
}
#btmNaviSide li {
	height: 41px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 41px;
}
#btmNaviSide .naviBoxBack {
	float: left;
}
#btmNaviSide .naviBoxNext {
	float: right;
}
#btmNaviSide li a {
	display: block;
	height: 41px;
	width: 41px;
}
#btmNaviSide .naviBoxBack a {
	background: url("../img/navi_l.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#btmNaviSide .naviBoxBack a:hover {
	background: url("../img/navi_l_over.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#btmNaviSide .naviBoxNext a {
	background: url("../img/navi_r.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
#btmNaviSide .naviBoxNext a:hover {
	background: url("../img/navi_r_over.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.captionBox {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	flex-direction: row-reverse;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	padding: 15px 20px 10px;
}
.captionBox .txtBox h2 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
.captionBox .txtBox p {
	font-size: 12px;
	line-height: 1.5;
}
.captionBox .thumbsArea {
	margin-right: 40px;
}
.captionBox .thumbsArea li {
	margin-right: 15px;
	position: relative;
  filter:alpha(opacity=50);
  -ms-filter:"alpha(opacity=50)";
  opacity: 0.5;
  float: left;
}
.captionBox .thumbsArea li:hover{
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  opacity: 1;
  cursor: pointer;
}
.captionBox .thumbsArea li.current{
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
  opacity: 1;
}
.captionBox .thumbsArea li.current p {
  overflow: hidden;
  display: inline-block;
}
.captionBox .thumbsArea li.current p img {
    margin: 0;
}
.captionBox .thumbsArea li:last-child {
	margin: 0;
}
.tableWidthImg {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	padding: 0 0 50px 0;
}
.tableWidthImg .tableLeft {
	width: 537px;
}
.tableWidthImg table {
	border: 1px solid #e6e6e6;
	width: 100%;
}
.tableWidthImg table th, .tableWidthImg table td {
	border: 1px solid #e6e6e6;
	padding: 0.5em 1em;
	line-height: 1.5em;
}
.tableWidthImg table th {
	background: #f1f1f2;
	color: #333;
	font-weight: normal;
}
.tableWidthImg table td {
	color: #333;
}
/* table_width_image_right */
.imgRight {
	border: 1px solid #cccccc;
	width: 400px;
	padding: 40px 0;
}
.imgRight p { margin: 0 auto;}
.imgRight p img{ max-width: 100%;}


.planScene{
	margin-bottom: 60px;
}

.planScene h3{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	border-top: 1px dotted #cb5d29;
	border-bottom: 1px dotted #cb5d29;
	margin-bottom: 15px;
	padding: 10px 0;
	font-size: 14px;
}
.planScene h3 img{
	width: 168px;
	max-width: 100%;
}
.planSceneTtl{
	display: block;
	font-weight: bold;
}

.planScene > ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.planScene ul li{
	width: 235px;
}
.planScene ul li img{
	max-width: 100%;
}
.planScene ul li dl{
	margin-top: 15px;
}
.planScene ul li dt{
	margin-bottom: 5px;
	font-weight: bold;
}
.planScene ul li dd{
	line-height: 1.3;
}
.planScene ul li dd p{
	margin-top: 10px;
	font-size: 10px;
}
.planScene ul ul{
	margin-bottom: 10px;
}
.planScene ul ul li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	box-sizing: border-box;
}


.planPageTop{
	margin-bottom: 40px;
}

.lineup_list ul{
	font-size: 0;
	margin-bottom: 45px;
}
.lineup_list li {
	display: inline-block;
	font-size: 14px;
	line-height: 1.4em;
	margin-right: 15px;
	vertical-align: top;
	width: 146px;
}
.lineup_list li:last-child {
	margin-right: 0;
}
.lineup_list li img {
	margin-bottom: 14px;
	max-width: 100%;
}
.lineup_list li a {
	color: #333;
	text-decoration: underline;
}
.lineup_list li a:hover {
	color: #999;
	text-decoration: none;
}

/* plan01 */
.plan01 .imgRight p{ width: 357px;}

/* plan02 */
.plan02 .imgRight p{ width: 257px;}
.plan03 .imgRight p{ width: 257px;}
.plan03 .planScene ul li{
	width: 185px;
}
/* plan04 */
.plan04 .imgRight p{ width: 270px;}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
	.planNavi {
		margin: 0 auto 5px auto;
		padding: 2px 10px;
		width: 100%;
	}
	.planNavi li {
		margin-bottom: 3px;
		width: 50%;
	}
	.planNavi li:nth-child(3), .planNavi li:nth-child(4) {
		margin-bottom: 0;
	}
	.planNavi li img {
		display: inline-block;
		width: 34px;
		max-width: 100%;
	}

	.planNavi li span {
		background: url(../img/icon_arrow_plan.png) no-repeat right center;
		background-size: 5px auto;
		display: inline-block;
		line-height: 1.1;
		margin-left: 10px;
		padding-right: 15px;
		vertical-align: middle;
	}
	.planNavi li:last-child span {
		background: url(../img/icon_arrow_plan.png) no-repeat right center;
		background-size: 5px auto;
	}
	.keyvisualBlock {
		background: #efefef;
		box-sizing: border-box;
		margin: 0 auto 35px;
		width: 100%;
	}

	.mainImgArea {
		margin-bottom: 10px;
		height:auto;
		overflow:hidden;
	}
	.mainImgArea li {
		width: 100%;
		height:100%;
		position:static;
		overflow:hidden;
	  -webkit-transform: none;
  	transform: none;
	}
	.mainImgArea li img {
		max-width: 100%;
		left:0;
		max-height: 100%;
	}
	#btmNaviSide {
		display: none;
	}
	.captionBox {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 10px 10px;
	}
	.captionBox .txtBox h2 {
		margin-bottom: 0;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
	}
	.captionBox .txtBox p {
		font-size: 14px;
	}
	.captionBox .thumbsArea {
		width: 100%;
		margin: 0 auto 7px 0;
	}
	.captionBox .thumbsArea li {
		margin-right: 15px;
		width: 21%;
	}
	.captionBox .thumbsArea li:last-child {
		margin: 0;
	}
	.captionBox .thumbsArea li img {
		max-width: 100%;
	}
	.tableWidthImg {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 40px;
		padding: 0;
	}
	.tableWidthImg .tableLeft {
		margin-bottom: 0;
		width: 100%;
	}
	.tableWidthImg table {
		width: 100%;
	}
	.tableWidthImg table th {
		width: 25%;
	}
	/* table_width_image_right */
	.imgRight {
		width: 100%;
		margin-bottom: 15px;
	}

	.planScene{
		margin-bottom: 30px;
	}
	.planScene ul{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.planScene h3{
		margin-bottom: 15px;
		padding: 10px 0;
		font-size: 14px;
	}
	.planScene h3 img{
		width: 168px;
		max-width: 100%;
	}

	.planScene ul li{
		width: 100% !important;
		margin-bottom: 15px;
	}
	.planScene ul li:last-child{
		margin-bottom: 0;
	}
	.planScene ul li dd p{
		font-size: 12px;
	}
	.planScene ul ul li {
		margin-bottom: 0;
	}

	.planPageTop{
		margin-bottom: 40px;
	}

	.lineup_list {
		margin: 0 0 30px;
	}
	.lineup_list ul{
		display: -webkit-box;/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display: box;
		display: flex;
		-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack: justify;/*--- IE10 ---*/
		-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: -15px;
	}
	.lineup_list li {
		margin: 15px 0 0;
		width: 48%;
	}

	/* plan01 */
	.plan01 .imgRight p{ width: 90%;}

	/* plan04 */
	.plan04 .imgRight p{ width: 68%;}
}


/* feature
-----------------------------------------*/
.featuresTtl{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	margin-top: 40px;
	font-family: Ryumin Bold KL, "リュウミン B-KL","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.featuresTtl .featuresTtlTxt{
	display: block;
	margin-left: 18px;
	font-size: 21px;
	font-weight: bold;
}
.featuresTtl .featuresTtlTxt img{
	width: 165px;
	vertical-align: middle;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
	.featuresTtl{
		margin: 20px auto;
	}
	.featuresTtl > img {
		width: 20%;
		vertical-align: middle;
	}
	.featuresTtl .featuresTtlTxt{
		width: 80%;
		margin: 0 !important;
		padding: 15px 0 0 10px;
		font-size: 16px;
		line-height: 1.4;
		box-sizing: border-box;
	}
}

/*--- feature01 ---*/
#feature01_box1 .featuresTtlTxt{
	margin-top: 10px;
}
#feature01_box2{
   min-height: 396px;
	margin-top:40px;
}
#feature01_box2 {
	overflow:hidden;
}/*
#feature01_box2::before,
#feature01_box2::after {
    content: "";
    display: table;
    height: 0;
    visibility: hidden;
    clear: both;
}*/
#feature01_box2 p{
	float:left;
}
#feature01_box2 dl{
	float:right;
	margin-top:33px;
	width:307px;
	line-height:1.5;
}
#feature01_box2 dl dt{
	font-weight:bold;
	font-size:16px;
	color:#333333;
	padding-bottom:15px;
}
#feature01_box2 dl dd span{
	border-radius:3px;
	display:block;
	background:#595656;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	padding:12px 15px;
	margin-top:25px;
	width:120px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
	/*--- feature01 ---*/
	#feature01_box2{
		margin-top:20px;
	}
	#feature01_box2 p{
		float:none;
		margin:0;
	}
	#feature01_box2 dl{
		float:none;
		margin:12px 0 20px 0;
		width:100%;
	}
	#feature01_box2 dl dt{
		padding-bottom:10px;
	}
	#feature01_box2 dl dd span{
		margin:12px auto 0 auto;
		text-align:center;
		width:90%;
	}
}

/*--- feature02 ---*/
#feature02 .featuresTtl{
	margin-bottom: 20px;
}
#feature02 ul{
	font-size: 0;
}
#feature02 ul li{
	display: inline-block;
	width: 474px;
	margin-bottom: 30px;
	vertical-align: top;
}
#feature02 ul li:nth-child(2n){
	margin-left: 19px;
}
#feature02 ul li dl{ margin-top: 10px;}
#feature02 ul li dt{
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
#feature02 ul li dd{
	color: #666666;
	font-size: 14px;
	line-height: 1.5;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
	#feature02 ul li{
		width: 100%;
	}
	#feature02 ul li:nth-child(2n){
		margin-left: 0;
	}
}


/*--- feature03 ---*/
#feature03 #app_intro{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	margin:30px 0 50px 0;
}
#feature03 #app_intro .appIntroBox01,
#feature03 #app_intro .appIntroBox02{
	width:474px;
}
#feature03 #app_intro .appIntroImg{
	border:1px solid #cccccc;
	margin-bottom:15px;
	text-align:center;
}
#feature03 #app_intro .appIntroImg img{
	width:472px;
}
#feature03 #app_intro .appIntroTtl{
	margin-bottom: 10px;
	color: #333;
	font-size:14px;
	font-weight: bold;
	line-height: 1.5;
}

#feature03 #app_intro ul li{
	color:#222222;
	font-size:14px;
	line-height: 1.5;
}
#feature03 #app_intro .notes{
	margin-top: 10px;
}
#feature03 #app_intro .notes li{
	font-size:12px;
	margin-left:1em;
	text-indent:-1em;
}
#feature03 #app_intro .notes li:last-child{
	color: #e4007e;
}
#feature03 #app_intro a{
	color: #333;
	text-decoration: underline;
}
#feature03 #app_intro .ex_comments{
	margin: 13px 0;
	color: #e4007e !important;
}

.featureBdrTtl{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
	margin-bottom: 35px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cb5d29;
}
.featureBdrTtl .featureBdrTxt{
	display: block;
	margin-left: 25px;
	font-size: 20px;
	font-weight: bold;
}

.sceneChange .featuresTtl,
.individualAdjustment .featuresTtl,
.timerConfig .featuresTtl{
	border-bottom:1px dotted #cb5d29;
	padding: 0 0 10px;
	margin-bottom: 35px;
}
.sceneChange,
.individualAdjustment{
	margin-bottom:50px;
}

#feature03 .leadTxt{
	color: #666666;
	font-size:14px;
	font-weight: bold;
	line-height: 1.5;
}

.sceneChange .featureBdrTtl img{
	width: 150px;
}
.sceneChange .leadTxt{
	margin-bottom: 35px;
}

.individualAdjustment .featureBdrTtl img{
	width: 140px;
}
.individualAdjustment .leadTxt{
	margin-bottom: 15px;
}
.individualAdjustment ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.individualAdjustment ul li{
	width: 287px;
}
.individualAdjustment ul li img{ max-width: 100%;}
.individualAdjustment ul li p{
	margin-top: 10px;
	color: #666666;
	line-height: 1.5;
}

.timerConfig .featureBdrTtl img{
	width: 140px;
}
.timerConfig .leadTxt{
	margin-bottom: 35px;
}
.timerConfig .configBox{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.timerConfig .configBox dl{
	border: 1px solid #cccccc;
	width: 170px;
	padding-top: 68px;
}
.timerConfig .configBox dt{
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.timerConfig .configBox dd{
	line-height: 1.5;
	text-align: center;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
/*--- feature03 ---*/
#feature03 #app_intro{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 20px 0 30px 0;
}
#feature03 #app_intro .appIntroBox01,
#feature03 #app_intro .appIntroBox02{
	width: 100%;
}
#feature03 #app_intro .appIntroBox01{	margin-bottom: 25px;}
#feature03 #app_intro .appIntroImg img{
	width: 100%;
}
#feature03 #app_intro .ex_comments{
	margin: 10px 0;
	padding-left: 1rem;
	text-indent: -1rem;
}

#feature03 .featuresTtl > img{
	width: 20%;
	vertical-align: middle;
}
#feature03 .featuresTtl .featuresTtlTxt img{
	width: 40%;
}

.sceneChange .featuresTtl,
.individualAdjustment .featuresTtl,
.timerConfig .featuresTtl{
	padding: 0 0 10px;
	margin-bottom: 10px;
}
.sceneChange .featuresTtl .featuresTtlTxt,
.individualAdjustment .featuresTtl .featuresTtlTxt,
.timerConfig .featuresTtl .featuresTtlTxt{
	display: block;
	width: 100%;
	margin: 12px 0 0;
	font-size: 18px;
}

.featureBdrTtl{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.featureBdrTtl .featureBdrTxt{
	display: block;
	width: 100%;
	margin: 15px 0 0;
	font-size: 20px;
}

.sceneChange,
.individualAdjustment{
	margin-bottom: 30px;
}
.sceneChange .featuresTtl img{
	width: 150px;
}
.sceneChange .leadTxt{
	margin-bottom: 10px;
}

.individualAdjustment .leadTxt{
	margin-bottom: 10px;
}
.individualAdjustment ul{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.individualAdjustment ul li{
	width: 70%;
	margin: 0 auto 23px auto;
}
.individualAdjustment ul li:last-child{ margin-bottom: 0;}
.individualAdjustment ul li p{
	margin-top: 10px;
}

.timerConfig{	margin-bottom: 60px;}
.timerConfig .leadTxt{
	margin-bottom: 10px;
}
.timerConfig .configBox{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.timerConfig .configBox dl{
	border: 1px solid #cccccc;
	width: 100%;
	margin-bottom: 10px;
	padding: 9px 0 5px;
}
.timerConfig .configBox dt{
	margin-bottom: 5px;
}

}


/* line_up
-----------------------------------------*/
.lineupNavi{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	width: 967px;
	margin: 25px auto 40px;
}
.lineupNavi li{
	border: 1px solid #444444;
	background: #444444;
	width: 310px;
	box-sizing: border-box;
}
.lineupNavi li a{
	color: #ffffff !important;
	text-decoration: none;
}
.lineupNavi li dl{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: center;/*--- IE10 ---*/
	-webkit-align-items: center;/*--- safari（PC）用 ---*/
	align-items: center;
}
.lineupNavi li dt{
	width: 85px;
}
.lineupNavi li dd{
	background: url(../img/arrow_btm_white.png) no-repeat 92% top;
	width: 225px;
	padding-left: 13px;
}

.linkstyleLineupMainArea{	margin-bottom: 35px;}
.linkstyleLineupMainArea .lineup_ti {
	margin: 0 0 28px 0;
	font-size: 23px;
	display: block !important;
	font-family: Ryumin Bold KL, "リュウミン B-KL","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}
.linkstyleLineupMainArea .basecolLead{
	margin-top: 15px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.linkstyleLineupFeature{ margin-bottom: 40px;}
.linkstyleLineupFeature .leadTxt{
	margin-bottom: 15px;
}

.lineup_list h3{
	font-size: 20px;
	margin-bottom: 14px;
}
.notesLed{
	margin: -15px 0 15px;
	font-size: 14px;
}

.lineupCeiling,
.lineupPendant,
.lineupSpotlight{
	margin-top: 40px;
}

.lineup01 .lineup_list ul{
	margin-bottom: 45px;
}

.lineup_list.spotlight{
	margin-bottom: 70px;
}

.lineupHorizontal,
.lineupFloorStand{
	margin-top: 40px;
}

.featureImgTxt{	line-height: 1.5;}
.featureImgTxt img{ width: 180px;}
.featureImgTxt span{
	display: inline-block;
	margin-left: 5px;
}

.lineup02 .lineup_list ul li span{
	color: #ff2600;
}

.footSwitch01{ margin-bottom: 30px;}
.footSwitch02{ margin-bottom: 20px;}
.footSwitch02 + p{ margin-bottom: 15px;}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
.lineupNavi{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 95%;
	margin: 20px auto 30px auto;
	box-sizing: border-box;
}
.lineupNavi li{
	border: 1px solid #444444;
	background: #444444;
	width: 47%;
	margin-top: 10px;
}
.lineupNavi li dt{
	width: 35%;
}
.lineupNavi li dd{
	background: url(../img/arrow_btm_white.png) no-repeat 92% center/5.5px auto;
	width: 65%;
	padding-left: 7px;
	font-size: 8px;
}
.linkstyleLineupMainArea.mod_section,
.lineup_list.mod_section,
.linkstyleLineupFeature.mod_section{
	margin-left: 0;
	margin-right: 0;
}

.modSectionInner{
	width: 93.7%;
	margin: 0 auto;
}

.linkstyleLineupMainArea{	margin-bottom: 30px;}
.linkstyleLineupMainArea .lineup_ti {
	margin: 0 0 25px 0;
	font-size: 21px;
}

.linkstyleLineupMainArea .basecolLead{
	width: 93.7%;
	margin: 15px auto 0 auto;
	line-height: 1.5;
}

.linkstyleLineupFeature{ margin-bottom: 40px;}
.linkstyleLineupFeature h2 + p{
	margin-bottom: 15px;
}

.lineup_list h3{
	font-size: 18px;
	margin-bottom: 14px;
}
.notesLed{
	margin: 0 0 15px;
	font-size: 14px;
}

.lineupCeiling,
.lineupPendant,
.lineupSpotlight{
	margin-top: 40px;
}

.lineup01 .lineup_list ul{
	margin-bottom: 45px;
}

.lineup_list.spotlight{
	margin-bottom: 70px;
}

.ex_pagetop{
	width: 100%;
}

.lineupHorizontal,
.lineupFloorStand{
	margin-top: 60px;
}

.featureImgTxt{
}
.featureImgTxt img{ width: 52%;}
.featureImgTxt span{
	display: inline-block;
	width: 45%;
	margin-left: 3%;
}

.lineup02	#p01 .lineup_list ul{ margin-bottom: 65px;}
.footSwitch01{ margin-bottom: 65px;}
.footSwitch02{ margin-bottom: 20px;}
.footSwitch02 + p{ margin-bottom: 15px;}

}


/* spcl
-----------------------------------------*/
.bdrTtl {
	margin-bottom: 25px;
	position: relative;
}
.bdrTtl span {
	display: block;
	margin: 0 auto;
}
.bdrTtl span img{
	max-width: 100%;
}
.bdrTtl::before, .bdrTtl::after {
	background: #595757;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 42%;
}
.bdrTtl::before {	left: 0;}
.bdrTtl::after { right: 0;}

.spcl h3 {
	font-family: Ryumin Bold KL, "リュウミン B-KL","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
}

.spcl .mod_billboard{
	margin-bottom: 65px;
}

.lightFeature{
	width: 967px;
	margin: 0 auto;
}
.lightFeature .bdrTtl span {
	width: 103px;
}

.dividedAgainst{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.dividedAgainst li{
	width: 300px;
	line-height: 1.5;
}
.dividedAgainst li img{
	max-width: 100%;
	margin-bottom: 5px;
}
.dividedAgainst li p{
	margin-top: 10px;
}

.lightFeature h4{
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.5;
}

.lightFeature .sceneCase{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 55px;
}
.lightFeature .sceneCase li{
	width: 235px;
}
.lightFeature .sceneCase li p{
	margin-top: 12px;
	font-weight: bold;
}

.soundFeature {
	width: 967px;
	margin: 0 auto;
}
.soundFeature .bdrTtl span{
	width: 120px;
}

.soundFeatureBox{ margin-bottom: 35px;}
.soundFeature01{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-box-align: flex-start;/*--- Androidブラウザ用 ---*/
	-ms-flex-align: flex-start;/*--- IE10 ---*/
	-webkit-align-items: flex-start;/*--- safari（PC）用 ---*/
	align-items: flex-start;
	margin-top: 20px;
}
.soundFeature01 div{
	width: 685px;
}
.soundFeature01 div h4{
	width: 152px;
	margin: 20px 0 15px;
}
.soundFeature01 div ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.soundFeature01 div ul li{
	width: 315px;
	text-align: center;
}
.soundFeature01 div ul li img{
	width: 250px;
}
.soundFeature01 div ul li p{
	margin-top: 10px;
	line-height: 1.5;
	text-align: left;
}

.soundFeature01 dl{
	border: 1px solid #000000;
	width: 247px;
	padding: 15px;
	box-sizing: border-box;
}
.soundFeature01 dd{
	margin-top: 5px;
	line-height: 1.5;
	font-size: 14px;
	padding-left: 1rem;
	text-indent: -1rem;
}

.soundFeature02{
	border: 1px solid #cccccc;
	margin-top: 15px;
	padding: 20px;
}
.soundFeature02 div{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.soundFeature02 h3{
	width: 100%;
}
.soundFeature02 p{
	width: 444px;
}
.soundFeature02 .img{
	width: 460px;
}

.audioAbout {
	margin-bottom: 30px;
}
.audioAbout .leadTxt {
	margin-bottom: 15px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif !important;
	font-size: 14px;
	line-height: 1.5;
}
.audioAbout ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.audioAbout ul li{
	width: 463px;
}
.audioAbout ul li p{
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
}

.bluetoothAbout {
	margin-bottom: 45px;
}
.bluetoothAbout h3 {
	margin-bottom: 0;
}
.bluetoothAbout h3 sup {
	font-size: 16px;
}
.bluetoothAbout .logo img {
	width: 220px;
}
.bluetoothAbout h4{
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5;
}
.bluetoothAbout ul{
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: box;
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	margin-bottom: 15px;
}
.bluetoothAbout ul li{
	width: 464px;
}
.bluetoothAbout ul + p{
	line-height: 1.5;
}
.bluetoothAbout ul + p span{
	display: block;
	margin-top: 10px;
	font-size: 12px;
}

.connectAbout{
	background: #efefef;
	margin-bottom: 50px;
	padding: 50px 0;
}
.connectAbout p{
	text-align: center;
}

.spcl .lineup_list h3{
	margin-bottom: 0;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif !important;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
}
.spcl .lineup_list h3 .lineupTtlTxt{
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
}
.spcl .lineup_list h3 + p{
	width: 220px;
}
.spcl .lineup_list ul li span{
	color: #ff2600;
}

.waveAbout {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 967px;
	margin: 0 auto 40px auto;
}
.waveAbout h2{
	width: 100%;
	margin-bottom: 10px;
	font-size: 21px;
}
.waveAbout div {
	width: 590px;
}
.waveAbout div p {
	line-height: 1.5;
}
.waveAbout div li {
	line-height: 1.5;
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}
.waveAbout > p {
	width: 320px;
}

.speaker{ margin-bottom: 40px;}
.speaker h2,
.wireless h2{
	margin-bottom: 10px;
	font-size: 21px;
}

.wireless { margin-bottom: 15px;}
.wireless .indentList{
	margin-top: 15px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
/* spcl
-----------------------------------------*/
.bdrTtl {
	margin-bottom: 20px;
	position: relative;
}
.bdrTtl span {
	display: block;
	margin: 0 auto;
}
.bdrTtl span img{
	max-width: 100%;
}
.bdrTtl::before, .bdrTtl::after {
	background: #595757;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	top: 50%;
	width: 42%;
}

.spcl h3 {
	font-size: 21px;
	margin-bottom: 10px;
}

.spcl .mod_billboard{
	margin-bottom: 30px;
}

.lightFeature{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
.lightFeature .bdrTtl::before, .bdrTtl::after {
	width: 30%;
}
.dividedAgainst{
	margin-bottom: 0;
}
.dividedAgainst li{
	width: 100%;
	margin-bottom: 25px;
}
.dividedAgainst li p{
	margin-top: 10px;
}

.lightFeature h4{
	margin-bottom: 8px;
}

.lightFeature .sceneCase{
	margin-bottom: 30px;
}
.lightFeature .sceneCase li{
	width: 100%;
	margin-bottom: 25px;
}
.lightFeature .sceneCase li:last-child{ margin-bottom: 0;}
.lightFeature .sceneCase li p{ margin-top: 14px;}

.soundFeature {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.soundFeature .bdrTtl::before, .bdrTtl::after {
	width: 27%;
}

.soundFeature h3 + p{
	line-height: 1.5;
}

.soundFeatureBox{ margin-bottom: 35px;}
.soundFeature01{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 20px;
}
.soundFeature01 div{
	width: 100%;
}
.soundFeature01 div h4{
	width: 130px;
	margin: 12px 0 8px;
}
.soundFeature01 div ul li{
	width: 45%;
}
.soundFeature01 div ul li img{
	width: 130px;
}
.soundFeature01 div ul li p{
	margin-top: 10px;
	font-size: 12px;
}

.soundFeature01 dl{
	width: 100%;
	margin-top: 10px;
}

.soundFeature02{
	width: 100%;
	margin: 30px auto 0;
	padding: 20px;
	box-sizing: border-box;
}
.soundFeature02 h3{
	width: 100%;
	margin-bottom: 5px;
}
.soundFeature02 p{
	width: 100%;
	line-height: 1.5;
}
.soundFeature02 .img{
	margin-top: 10px;
	width: 100%;
}

.audioAbout {
	margin-bottom: 35px;
}
.audioAbout h3{
	margin-bottom: 20px;
}
.audioAbout .leadTxt {
	margin-bottom: 15px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif !important;
}
.audioAbout ul{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.audioAbout ul li{
	width: 100%;
	margin-bottom: 25px;
}
.audioAbout ul li:last-child{ margin-bottom: 0;}

.bluetoothAbout {
	margin-bottom: 45px;
}
.bluetoothAbout h3 {
	font-size: 20px;
}
.bluetoothAbout .logo{}
.bluetoothAbout .logo img {
	width: 65%;
}
.bluetoothAbout h4{
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 1.2;
}
.bluetoothAbout ul{
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.bluetoothAbout ul li{ width: 100%;}
.bluetoothAbout ul li:last-child{ margin-top: 15px;}

.bluetoothAbout ul + p{ line-height: 1.5;}

.connectAbout{
	background: #efefef;
	margin-bottom: 45px;
	padding: 15px 3%;
}
.connectAbout p{
	text-align: center;
}

.spcl .lineup_list h3{
	line-height: 1;
}
.spcl .lineup_list h3 + p{
	width: 70%;
}
.spcl .lineup_list ul li span{
	color: #ff2600;
}

.waveAbout {
	width: 93.8%;
	margin: 0 auto 30px auto;
}
.waveAbout h2{
	width: 100%;
	margin-bottom: 10px;
	font-size: 21px;
}
.waveAbout div {
	width: 100%;
}
.waveAbout > p {
	width: 91%;
	margin: 10px auto 0 auto;
}

.speaker{ margin-bottom: 40px;}
.speaker h2,
.wireless h2{
	margin-bottom: 10px;
	font-size: 21px;
}

.wireless { margin-bottom: 20px;}
.wireless .indentList{
	margin-top: 15px;
}
}



/* ex_table
-----------------------------------------*/
.speaker table.ex_table.pcOnly, .wireless table.ex_table.pcOnly {
	display: table;
}
.speaker table.ex_table, .wireless table.ex_table {
	border: 2px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
}
.speaker table.ex_table th, .speaker table.ex_table td, .wireless table.ex_table th, .wireless table.ex_table td {
	border: 1px solid #cccccc;
	padding: 0.8em 0.3em;
	font-size: 12px;
	text-align: center;
	line-height: 1.3;
}
.speaker table.ex_table td, .wireless table.ex_table td {
	vertical-align: top;
}
.wireless .ex_table td.img {
	vertical-align: middle;
}
.speaker table.ex_table th, .wireless table.ex_table th {
	background: #f1f1f2;
	color: #333;
	font-weight: normal;
}
.speaker table.ex_table td, .wireless table.ex_table td {
	color: #333;
}
.wireless .ex_table td img {
	margin-bottom: 5px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
.speaker table.ex_table.pcOnly, .wireless table.ex_table.pcOnly {
	display: none;
}
.speaker table.ex_table.spOnly, .wireless table.ex_table.spOnly {
	display: table;
}
.speaker table.ex_table th,  .wireless table.ex_table th {
	padding: 0.5em 0.1em;
}
.speaker table.ex_table td,  .wireless table.ex_table td {
	min-width: 2em;
}
.wireless .ex_table td.img img {
	margin-bottom: 0px;
	margin-right: 5px;
	vertical-align: middle;
}
}


/* mod_tab base.cssから抜粋
-----------------------------------------*/
.mod_tab{
 position:relative;
 margin:0 auto;
 width:967px;
}

#mod_tab h2 span,
#mod_tab h3 span{
	display: none !important;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab{
   width:auto;
  }
}
.mod_tab ul.resp-tabs-list{
 width:968px;
 margin:0 -2px 0 0;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
 .mod_tab  ul.resp-tabs-list {
      display: none;
  }
}
.mod_tab ul.resp-tabs-list:after {
  content: "";
  clear: both;
  display: block;
}
.mod_tab ul.resp-tabs-list li {
 float:left;
 display:table;
 text-align:center;
 margin:0 2px 0 0;
}
.mod_tab ul.resp-tabs-list li span{
 display:table-cell;
 position:relative;
 vertical-align:middle;
 width:240px;
 border-bottom:solid 2px #FFF;
 height:55px;
 color:#222;
 text-align:center;
 font-weight:bold;
 font-size:120%;
 cursor: pointer;
 background-color:#d9d9d9;
	box-sizing: border-box;
}
.mod_tab ul.resp-tabs-list li.resp-tab-active span{
 border-top:solid 2px #1d1d1d;
 border-bottom:solid 2px #1d1d1d;
 background-color:#1d1d1d;
 color:#FFF;
}
.mod_tab ul.resp-tabs-list li.resp-tab-active span:after{
	position:absolute;
	top:52px;
	left:50%;
	margin-left:-5.5px;
	width:11px;
	height:11px;
	content:"";
	display:block;
	z-index:99;
	text-align:center;
	background: url(../img/ar_tab_bottom.png) no-repeat top left;
}
/* panel */
.mod_tab .resp-tabs-container {
}
.mod_tab .resp-tab-content {
 display: none;
}
.mod_tab .resp-tab-active {
}
.mod_tab .resp-content-active,
.mod_tab .resp-accordion-active {
    display: block;
}
.mod_tab .resp-tab-content {
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab .resp-tab-content {
   /*border-bottom: 1px solid #c1c1c1;*/
  }
}
/* Accordion styles */
.mod_tab h2.resp-accordion {
 cursor: pointer;
 padding:15px 10px 15px 10px;
 display: none;
 font-size:16px;
 border-bottom: 1px solid #ffffff;
 background-color:#d9d9d9;
 color:#222;
 position:relative;
 font-weight:bold;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab h2.resp-accordion {
      display: block;
  }
}
.mod_tab h2.resp-accordion:first-child {
 /*border-top: 1px solid #c1c1c1*/;
}
.mod_tab h2.resp-tab-active {
 background-color:#1d1d1d;
 color:#FFF;
}

.mod_tab .resp-arrow:after {
  float: right;
  content: " \f078";
  color:#666;
  font-family: FontAwesome;
  font-size:100%;
  font-weight:normal;
}
.mod_tab h2.resp-tab-active span.resp-arrow:after {
  content: " \f077";
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab .resp-accordion-closed {
      display:none !important;
  }
	.mod_tab .resp-arrow{
		display: block;
	}
}

.mod_tab .resp-tabs-container{
	margin-bottom: 40px;
}

.mod_headerbar_item_in .headerbarTitle{
    font-family: Ryumin Bold KL, "リュウミン B-KL","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.leadTxt{
	font-family: Ryumin Bold KL, "リュウミン B-KL","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 160%;
	line-height: 1.5;
}

/* mod_tab　style.cssから抜粋
-----------------------------------------*/
.mod_tab h2.resp-accordion.resp-tab-active{
 border-bottom:none;
}
.mod_tab{
 margin-top:60px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_tab{
   margin-top:10px;
  }
}
.mod_tab .resp-tabs-container{
 padding:20px 0 0 0;
 background-color:#efefef;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_tab .resp-tabs-container{
   padding:0;
  }
}
/* mod_tab_menu */
.mod_tab_menu{
}
.mod_tab_menu ul{
 width:968px;
 margin:0 0 0 -1px;
 overflow:hidden;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_tab_menu ul{
   width:100%;
   margin:0;
  }
  .mod_tab_menu.mod_tab_menu-04 ul{
 		border-left:solid 1px #000;
		box-sizing: border-box;
	}
}
.mod_tab_menu ul li{
 float:left;
 width:483px;
 border-left:solid 1px #FFF;
}
.mod_tab_menu.mod_tab_menu-03 ul li{
 width:321px;
}
.mod_tab_menu.mod_tab_menu-04 ul li{
 width:241px;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_tab_menu ul li,
  .mod_tab_menu.mod_tab_menu-03 ul li,
  .mod_tab_menu.mod_tab_menu-04 ul li{
   float:none;
   width:100%;
   border-left:none;
  }
  .mod_tab_menu.mod_tab_menu-04 ul li{
   float:left;
   width:50%;
  }
  .mod_tab_menu.mod_tab_menu-04 ul li a{
   border:solid 1px #000;
   border-left:none;
		text-decoration: none;
  }
}

.mod_tab_menu ul li a{
 display:block;
 position:relative;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu ul li a img{
   width:100%;
   height:auto;
  }
}
.mod_tab_menu ul li a span{
 display:block;
 position:absolute;
 bottom:0;
 left:0;
 width:483px;
 box-sizing:border-box;
 background: rgba(67, 67, 67, 0.5) none repeat scroll 0 0;
 background-color:#9d9d99\9;
 color: #fff;
 font-size:115%;
 font-weight: bold;
 height: 36px;
 padding: 10px 0 0 15px;
}
.mod_tab_menu.mod_tab_menu-03 ul li a span{
 width:321px;
}
.mod_tab_menu.mod_tab_menu-04 ul li a span{
 width:241px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu ul li a span,
  .mod_tab_menu.mod_tab_menu-03 ul li a span,
  .mod_tab_menu.mod_tab_menu-04 ul li a span{
   position:static;
   display:block;
   line-height:1.3;
   background-color:#9d9d99;
   vertical-align:middle;
   font-size:14px;
   width:auto;
   height:auto;
   padding:10px 5px 10px 10px;
  }
  .mod_tab_menu.mod_tab_menu-04 ul li a span{
  	font-size:16px;
		text-align: center;
  }
}
.mod_tab_menu ul li:nth-child(2n) a span{
 width:482px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu ul li:nth-child(2n) a span{
   width:100%;
  }
}
.mod_tab_menu.mod_tab_menu-03 ul li:nth-child(2n) a span{
 width:321px;
}
.mod_tab_menu.mod_tab_menu-03 ul li:nth-child(3n) a span{
 width:322px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu.mod_tab_menu-03 ul li:nth-child(2n) a span,
  .mod_tab_menu.mod_tab_menu-03 ul li:nth-child(3n) a span{
   width:100%;
  }
}
.mod_tab_menu.mod_tab_menu-04 ul li:nth-child(2n) a span{
 width:241px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu.mod_tab_menu-04 ul li:nth-child(2n) a span{
   width:100%;
  }
}

.mod_tab_menu_text{
 color:#666;
 padding: 12px 20px 14px 20px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu_text{
   padding:10px;
  }
  .mod_tab_menu.mod_tab_menu-04 .mod_tab_menu_text br{
   display:none;
  }
}
.mod_tab_menu_text p{
 line-height:1.5;
 font-size:115%;
 margin:0 0 10px 0;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_tab_menu_text p{
   font-size:12px;
   margin:0;
  }
}
.mod_tab_menu.mod_tab_menu-04 .mod_tab_menu_text p{
 font-size:100%;
}
.mod_tab_menu_text p strong{
 color:#333;
 display:inline-block;
 margin-bottom:10px;
}

/* mod_tab_detaillink */
.mod_tab_detaillink p {
}


.mod_tab_detaillink p a {
 background: #adadad none repeat scroll 0 0;
 color: #ffffff;
 display: block;
 font-size: 120%;
 font-weight: bold;
 padding:11px 0;
 text-align: center;
 line-height:1.3;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  .mod_tab_detaillink p a {
   display:table;
   width:100%;
   box-sizing:border-box;
   font-size: 14px;
   text-align:left;
   padding:12px 10px 10px 10px;
   position:relative;
   background-color:#FFF;
   color:#333;
   border-bottom:solid 1px #CCC;
   border-top:solid 1px #CCC;
  }
  .mod_tab_detaillink p a span{
   display:table-cell;
   vertical-align:middle;
  }
  .mod_tab_detaillink p a:after{
   display:table-cell;
   padding:0 0 0 5px;
   vertical-align:middle;
   content: " \f105";
   font-size:150%;
   font-family: FontAwesome;
   font-weight:normal;
  }
}


.mod_tab {
    margin-top: 35px !important;
}




/* common
---------------------------------------------------------------------------- */
/* mod_basecol
-----------------------------------------*/
.mod_basecol{
  margin: 0 auto;
  width: 967px;
  background-color: #efefef;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol{
    width:auto;
  }
}
.mod_basecol_inner{
}
.mod_basecol_inner_box{
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol_inner_box img{
    width: 100%;
  }
}
.mod_basecol_inner_box_title{
}
.mod_basecol_inner_box_title p.basecolTitle{
   font-family: Ryumin Bold KL, "リュウミン B-KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 0;
  text-align: center;
}
.mod_basecol_inner_box_img{
}
.mod_basecol_inner_box_img a{
  display: block;
  position: relative;
	text-decoration: none;
}
.mod_basecol_inner_box_img a span{
  background: rgba(67, 67, 67, 0.5) none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 115%;
  font-weight: bold;
  height: 36px;
  left: 0;
  padding: 10px 0 0 15px;
  position: absolute;
  width: 483px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol_inner_box_img a span{
    position:static;
    width: 100%;
    height: auto;
    padding: 10px 5px 10px 10px;
  }
}
.mod_basecol_inner_box_text{
  padding: 12px 20px 2px 20px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol_inner_box_text{
    padding: 10px;
  }
}
.mod_basecol_inner_box_text p,
.mod_basecol_inner_box_text ul{
  color: #666;
  line-height: 1.5;
  font-size: 16px;
  margin: 0 0 10px 0;
}
.mod_basecol_inner_box_text .ex_comments{
  font-size: 14px!important;
}
.mod_basecol_inner_box_text .ex_arrow{
  font-size: 14px!important;
}
.mod_basecol_inner_box_text p.basecolLead{
  color: #333;
  font-weight: bold;
}

.mod_basecol_inner_box_img img{ width: 100%;}

/* two */
.mod_basecol.mod_basecol-two{
}
.mod_basecol.mod_basecol-two .mod_basecol_inner{
  display: table;
  margin: 0 0 0 -1px;
  overflow: hidden;
  width: 968px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-two .mod_basecol_inner{
    display:block;
    margin: 0;
    width:auto;
  }
}
.mod_basecol.mod_basecol-two .mod_basecol_inner_box{
  display: table-cell;
  border-left: 1px solid #fff;
  width: 483px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-two .mod_basecol_inner_box{
    display:block;
    border-left:none;
    border-bottom: 1px solid #fff;
    width: auto;
  }
}

/* three */
.mod_basecol.mod_basecol-three{
  width: 965px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-three{
    width:auto;
  }
}
.mod_basecol.mod_basecol-three .mod_basecol_inner{
  display: table;
  margin: 0 0 0 -1px;
  overflow: hidden;
  width: 966px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-three .mod_basecol_inner{
    display: block;
    margin: 0;
    width: auto;
  }
}
.mod_basecol.mod_basecol-three .mod_basecol_inner_box{
  display: table-cell;
  border-left: 1px solid #fff;
  width: 321px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-three .mod_basecol_inner_box{
    display:block;
    border-left:none;
    border-bottom: 1px solid #fff;
    width: auto;
  }
}
.mod_basecol.mod_basecol-three .mod_basecol_inner_box_img a span{
  width: 321px;
	padding-top: 11px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-three .mod_basecol_inner_box_img a span{
    width:100%;
		height: auto;
		font-size: 14px;
  }
}
/* four */
.mod_basecol.mod_basecol-four{
}
.mod_basecol.mod_basecol-four .mod_basecol_inner{
  display: table;
  margin: 0 0 0 -1px;
  overflow: hidden;
  width: 968px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-four .mod_basecol_inner{
    display: block;
    margin: 0;
    width: auto;
  }
}
.mod_basecol.mod_basecol-four .mod_basecol_inner_box{
  display: table-cell;
  border-left: 1px solid #fff;
  width: 241px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-four .mod_basecol_inner_box{
    display:block;
    float: left;
    width: 50%;
    box-sizing:border-box;
    border: 1px solid #fff;
    border-left: none;
  }
}
.mod_basecol.mod_basecol-four .mod_basecol_inner_box_img a span{
  width: 241px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .mod_basecol.mod_basecol-four .mod_basecol_inner_box_img a span{
    width:100%;
		font-size: 16px;
		text-align: center;
  }
}
.mod_basecol.mod_basecol-four .mod_basecol_inner_box_text p,
.mod_basecol.mod_basecol-four .mod_basecol_inner_box_text ul{
  font-size: 14px;
}

/* mod_pagerblock
-----------------------------------------*/
.mod_pagerblock {
	margin: 0 auto 20px auto;
	overflow: hidden;
	width: 967px;
}
.mod_pagerblock ul {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.mod_pagerblock li {
	width: 208px;
}
.mod_pagerblock .next {
	margin-left: auto;
}
.mod_pagerblock li a {
	box-sizing: border-box;
	display: block;
	text-align: center;
	padding: 15px 0 14px;
	color: #333;
	font-size: 16px;
	line-height: 1.3;
}
.mod_pagerblock .next a {
	background: url(../img/icon_plan_next.png) no-repeat 91% center/6px auto #e3e3e3;
}
.mod_pagerblock .prev a {
	background: url(../img/icon_plan_prev.png) no-repeat 9% center/6px auto #e3e3e3;
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
.mod_pagerblock {
	margin: 15px auto 20px auto;
	width: 100%;
}
.mod_pagerblock ul {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	justify-content: space-between;
}
.mod_pagerblock li {
	width: 47%;
	text-align: center;
}
.mod_pagerblock .next a {
	background: url(../img/icon_plan_next.png) no-repeat 91% center/6px auto #e3e3e3;
	padding: 15px 30px 14px 15px
}
.mod_pagerblock .prev a {
	background: url(../img/icon_plan_prev.png) no-repeat 9% center/6px auto #e3e3e3;
	padding: 15px 15px 14px 30px
}
}

@media only screen and (max-width:640px) and (max-device-width:1280px) {
	.mod_pagerblock ul li a i {
		display: table-cell;
		width: 16px;
		vertical-align: middle;
		text-align: center;
	}
	.mod_pagerblock ul.go li a span {
		display: table-cell;
		vertical-align: middle;
	}
}

.movie_modal .closebtn_modal{
	text-align:right;
}

#BlackWindow {
    display: none;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 3500px;
    z-index: 299;
}



h1.headerbarTitle i {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif !important;
    display: inline-block;
    color: #000;
    font-size: 16px;
    padding: 5px 10px;
    text-align: center;
    line-height: 1.2em;
    margin-left: 15px;
		font-weight:normal;
}

/* -----------------------------------------
eBASE 2019/03/08　追記
-----------------------------------------*/
/* -- 専用リモコン（別売り）のスタイル転記 */
.ratio-grid.column-3 .column {
	width: 306px;
	margin: 0 24px 20px 0;
}
.ratio-grid.column-3 .column:nth-child(3n) {
	margin-right: 0;
}

.left {
	float: left;
}
.right {
	float: right;
}

.ratio1-5 .left {
	width: 152px;
}
.ratio1-5 .right {
	width: 790px;
}

.bg_section .mod_section{
	line-height: 1.6;
	font-size: 1.13em;
	overflow: hidden;
}

.bg_section .mod_section .font-medium {
	font-size: .88em;
	}

.bg_section .mod_section .font-sizeup{
	font-size: 1.14em;
}

.bg_section .mod_section .font-sizedown{
	font-size: .78em;
}

.bg_section .mod_section .text-indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}

#sectionContents .bg_section .ex_marginTL {
	margin-top: 30px;
}

#sectionContents .bg_section .ex_marginBM {
	margin-bottom: 20px;
	overflow: hidden;
}

#sectionContents .bg_section .ex_marginBS{
	margin-bottom: 10px;
}

#sectionContents .bg_section .ex_lineup{
	float: left;
	margin-bottom: 10px;
	margin-right: 30px;
}

#sectionContents .bg_section .ex_lineupCl{
	clear: left;
}

#sectionContents .bg_section .ex_marginBS strong{
	font-weight: bold;
}

.products_name{
	font-size: 1.25em;
	font-weight: bold;
}

.products_name span{
	display: block;
	font-size: 0.63em;
}

.bg_f4f4f4 {
	background:#f4f4f4;
	padding: 10px 0 20px;
}

.caution_pink{
	color:#e00373;
}


.rc_img{
	width:140px;
	float: left;
}

.rc_img img{
	width:140px;
}

.rc_text{
	width:300px;
	float: right;
}

.about{
	margin: 100px auto;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.ratio-grid.column-3 .column {
	width: 100%;
	margin: 0 0 18px 0;
}

.ratio-grid.column-3 .column:nth-child(3n) {
	margin-bottom: 0;
}
.ratio-grid.column-3 .column img {
	width: 100%;
}

.ratio1-5 .left {
	width: 20vw
}

.ratio1-5 .right{
	width: 70vw
}

.rc_img,
.rc_img img{
	width:28vw;
}

.rc_text{
	width:62vw;
}

}

@media only screen and (max-width:640px) and (max-device-width:1280px){

.bg_section .mod_section .font-sizeup {
	font-size: 1em;
}

#sectionContents .bg_section .ex_lineup{
	margin-right: 0;
}

}

/* -- ページ遷移時のページ内リンクのズレ解消対策 */
#loader-bg {
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
}

/*-------------------------
   two_one_column
-------------------------*/
.two_one_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
    margin: 0 0 4em;
	line-height: 1.8;
}

.two_one_column::after{
    content:"";
    display: block;
    width: 48%;
}

.two_one_column .column{
    width: 48%;
    margin: 0;
}

.two_one_column .column .leadTxt{
	font-size: 138%;
}

@media screen and (max-width: 640px) {
.two_one_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
    margin: 0 0 2em;
}

.two_one_column::after{
    content:"";
    display: block;
    width: 100%;
}

.two_one_column .column{
    width: 100%;
    margin: 0 0 1em;
}
}

/*-------------------------
   four_two_column
-------------------------*/
.four_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
    margin: 0 0 4em;
}

.four_two_column::after{
    content:"";
    display: block;
    width: 24%;
}

.four_two_column .column{
    width: 24%;
    margin: 0;
}

@media screen and (max-width: 640px) {
.four_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
    margin: 0 0 2em;
}

.four_two_column::after{
    content:"";
    display: block;
    width: 480%;
}

.four_two_column .column{
    width: 480%;
    margin: 0 0 1em;
}
}
.anchor {
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

.ex_marginTM {
	margin-top: 20px!important;
}

/* ==== 移行時追加（住まいサイトからの移行）====
   biz の customer 共通 CSS（/jp/lighting/home/customer/common/css/base.css:117）が
     #sections a:link { color: #0000ff; text-decoration: underline; }
   を持つため、移行元には無かった下線と青色が本文リンク全件に出る。
   このルールは ID を含む（1,1,1）ので、本 CSS の色指定（クラスのみ）が全部負けていた。
   ⇒ 下線は打ち消し、色は元の指定を #sections 付きで積み直して元の見た目に戻す。
   biz の他ページも自ページの CSS で同種の打ち消しを持つ（flatlamp/feature/css/style.css）。 */
#sections a:link,
#sections a:visited {
	text-decoration: none;
}

/* 移行元の色指定を base.css より上に積み直す（値は変えていない） */
#sections .linkstyleNavi > li > a {
	color: #666666;
}
#sections .planNavi li a {
	color: #333333;
}
#sections .lineup_list li a {
	color: #333;
}
#sections .lineup_list li a:hover {
	color: #999;
}
#sections #feature03 #app_intro a {
	color: #333;
}
#sections .lineupNavi li a {
	color: #ffffff !important;
}
#sections .mod_tab_menu ul li a span {
	color: #fff;
}
#sections .mod_tab_detaillink p a {
	color: #ffffff;
}
#sections .mod_tab_detaillink p a {
	color: #333;
}
#sections .mod_basecol_inner_box_img a span {
	color: #fff;
}
#sections .mod_pagerblock li a {
	color: #333;
}

/* 移行元で意図的に下線だった箇所は下線を残す
   （#feature03 #app_intro a は ID 2 つで打ち消しより強いため再宣言は不要） */
#sections .lineup_list li a:link,
#sections .lineup_list li a:visited {
	text-decoration: underline;
}

/* 品番リンク（.other_link）は元 CSS に色指定が無く、移行元では sumai の共通 CSS 由来だった。
   受領データから元の値は分からないので、同じページの品番リンク（.lineup_list li a）に揃える。 */
#sections a.other_link:link,
#sections a.other_link:visited {
	color: #333;
	text-decoration: underline;
}

/* ==== 移行時追加（住まいサイトからの移行）====
   メインスライダーの左矢印が見えない問題。
   slick のマークアップは .slick-prev → .slick-list → .slick-next の順で、
   biz の customer 共通 CSS（common/css/base.css:926-949）は矢印に z-index を与えていない。
   .slick-list は position:relative（z-index:auto）なので、DOM 順で後ろの .slick-next は
   スライド画像より上に、前にある .slick-prev は下に描かれる＝左だけ画像に隠れる。
   実測: .slick-prev の最前面が IMG／.slick-next の最前面は自分自身。
   ⇒ 矢印を画像より上に出す。値は base.css の .mod_headerbar_in_nav(4)・.mod_headerbar.fixed(1000)
   より小さくして、ナビと固定ヘッダには被らないようにする。 */
.mod_billboard .slick-prev,
.mod_billboard .slick-next {
	z-index: 1;
}