@charset "utf-8";


/*---hambugermenu---*/
.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_category dl dt {
    background-color: #3e3e3e;
    color: #ffffff;
    font-size: 115%;
    line-height: 1.3;
    font-weight: bold;
    padding: 12px 0 6px 25px;
}

.mod_headerbar_in_nav_category{
	border-bottom:1px solid #6f6e6e;
}

/* anchor
-----------------------------------------*/
.anchor {
    padding-top: 30px;
    margin-top:-30px;
}

@media screen and (max-width: 640px) {
.anchor {
	padding-top: 0px;
    margin-top:-0px;
}
}

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

.pcOnly {
    display: block !important;
}

.spOnly {
    display: none !important;
}

@media screen and (max-width: 640px) {
    #browsebar-wrapper {
        height: 0;
        overflow: hidden;
    }

    .pcOnly {
        display: none !important;
    }

    .spOnly {
        display: block !important;
    }

}

/* ex_clearfix
-----------------------------------------*/ 
.ex_clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* ex_margin
-----------------------------------------*/ 
#sections .ex_marginB0{
 margin-bottom:0px!important;
}
#sections .ex_marginBS{
 margin-bottom:10px!important;
}
#sections .ex_marginBM{
 margin-bottom:20px!important;
}
#sections .ex_marginT0{
 margin-top:0px!important;
}
#sections .ex_marginTSS{
 margin-top:5px!important;
}
#sections .ex_marginTS{
 margin-top:10px!important;
}
#sections .ex_marginTM{
 margin-top:20px!important;
}
#sections .ex_marginTL{
 margin-top:30px!important;
}
#sections .ex_marginTLL{
 margin-top:50px!important;
}

#sections .text-indent-1 {
	text-indent: -1em;
	padding-left: 1em;
	}
#sections .text-indent-2 {
	text-indent: -2em;
	padding-left: 2em;
	}
#sections .text-indent-38 {
	text-indent: -3.8em;
	padding-left: 3.8em;
	}
#sections .text-indent-48 {
	text-indent: -4.8em;
	padding-left: 4.8em;
	}

#sections .text-indent-1 a{
	text-decoration: underline;
	font-weight: bold;
	}

#sections .font-sizeup {
	font-size: 1.14em;
	}

#sections .font-sizedown {
	font-size: .78em;
	}

#sections .text-center {
	text-align: center;
	}

#sections .text-right {
	text-align: right;
	}

#sections .note {
	color: #ff0000;
	}

.headerbarTitle span{
	color: #ff0000;
	font-size: 68%;
	}

/* lineup_h2style
-----------------------------------------*/ 
.lineup_h2style {
	margin-bottom: .2em;
	font-size: 1.25em;
	font-weight: bold;
	color: #FFF;
	padding: 10px 20px 8px;
	background: #000;
	}
@media screen and (max-width: 640px) {
  .lineup_h2style{
	font-size: 5vw;
  }
}

/* fitness_h2style
-----------------------------------------*/ 
.fitness_h2style {
	margin-bottom: .8em;
	font-size: 1.48em;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	}
@media screen and (max-width: 640px) {
  .fitness_h2style{
	font-size: 4.4vw;
  }
}

/* lineup_h4style
-----------------------------------------*/ 
.lineup_h4style {
	margin-bottom: 1em;
	font-size: 1.18em;
	font-weight: bold;
	}
@media screen and (max-width: 640px) {
  .lineup_h4style{
	font-size: 4.2vw;
  }
}



/* lineup_h5style
-----------------------------------------*/ 
.lineup_h5style {
	margin-bottom: 1em;
	font-size: 1.08em;
	font-weight: bold;
	color: #FFF;
	padding: 10px 0 8px;
	background: #000;
	text-align: center;
	}
@media screen and (max-width: 640px) {
  .lineup_h5style{
	font-size: 3.6vw;
  }
}

/* feature_h3style
-----------------------------------------*/ 
.feature_h3style {
	margin: .4em 0 .2em;
	font-size: 1.18em;
	font-weight: bold;
	}
@media screen and (max-width: 640px) {
  .feature_h3style{
	font-size: 4.2vw;
  }
}

/* feature_h4style
-----------------------------------------*/ 
.feature_h4style {
	margin: 0 0 .2em;
	font-size: 1.18em;
	font-weight: bold;
	}
@media screen and (max-width: 640px) {
  .feature_h4style{
	font-size: 4.2vw;
  }
}

/* feature_h4style_box
-----------------------------------------*/ 
.feature_h4style_box {
	margin: 0 0 .2em;
	font-size: 1.18em;
	font-weight: bold;
	background: #000;
	color: #FFF;
	padding: 6px 20px 4px;
	}
@media screen and (max-width: 640px) {
  .feature_h4style_box{
	font-size: 4.2vw;
  }
}

/* feature_h5style
-----------------------------------------*/ 
.feature_h5style {
	margin: .4em 0 .2em;
	font-size: 1.08em;
	font-weight: bold;
	}
@media screen and (max-width: 640px) {
  .feature_h5style{
	font-size: 3.6vw;
  }
}

/* ex_h3style
-----------------------------------------*/ 
.ex_h3style {
	margin-bottom: .2em;
	/*font-size: 1em;*/
	font-size: 1.25em;
	font-weight: bold;
	}
.ex_h3style.underline {
	margin-bottom: .4em;
	font-size: 1.25em;
	font-weight: bold;
	border-bottom: 1px solid #7e7e7e;
	}

.ex_h3style_screen {
	background: #e8841e;
	color:#FFF;
	font-size: 1.1em;
	font-weight: bold;
	border-radius: 20px;
	padding: 6px 20px 4px;
	margin-bottom: 1em;
	}

/* ex_h4style
-----------------------------------------*/ 
.ex_h4style {
	margin-bottom: .1em;
	/*font-size: 1em;*/
	font-size: 1.18em;
	font-weight: bold;
	}

/* feature2_h3style
-----------------------------------------*/ 
.feature2_h3style {
	margin: .4em 0 .2em;
	font-size: 1.18em;
	font-weight: bold;
	}

.feature2_h3style span.big {
	font-size: 1.5em;
	}

.feature2_h3style span.green {
	color: #45b035;
	}

@media screen and (max-width: 640px) {
  .feature2_h3style {
	font-size: 4.2vw;
  }
}

/* feature2_h4style
-----------------------------------------*/ 
.feature2_h4style {
	margin: .4em 0 .2em;
	font-size: 1.18em;
	font-weight: bold;
	}

.feature2_h4style span {
	color: #FFF;
	margin-right: 10px;
	padding: 4px 10px;
	background: #727171;
	border-radius: 10px;
	}

@media screen and (max-width: 640px) {
  .feature2_h4style {
	font-size: 4.2vw;
  }
}

/* mod_wide_section
-----------------------------------------*/ 
.mod_wide_section{
  margin: 0 auto;
  width: 1200px;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_wide_section img {
	max-width: 100%;
	height: auto;
}
	
@media screen and (max-width: 1024px) { 
  .mod_wide_section{
    width:1024px;
  }
}

@media screen and (max-width: 640px) {
  .mod_wide_section{
    width:auto;
  }
}

/* mod_section
-----------------------------------------*/ 
.mod_section{
  margin: 0 auto;
  width: 967px;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_section img {
	max-width: 100%;
	height: auto;
	}

@media screen and (max-width: 640px) {
  .mod_section{
    width:auto;
  }
.section-inner {
	width: auto;
	margin: 0 2.60416%;
	}
}

.mod_section a{
    text-decoration: none;
    color: #000;
}

/*-------------------------
   screen_img
-------------------------*/
.screen_img{
	margin: 1em 0 3em;
}

/*-------------------------
   bluetooth_block
-------------------------*/
.bluetooth_block{
	margin: 1em 0 0;
}

.bluetooth_text{
	float: left;
}

.bluetooth_logo{
	float: right;
}


/*-------------------------
   badge_block
-------------------------*/
.badge_block{
	width: 400px;
}
.badge_block h4{
	font-weight: bold;
}

.badge_block img{
	height: 60px;
}
@media screen and (max-width: 640px) {
.badge_block{
	width: auto;
}
}

/*-------------------------
   lead_block
-------------------------*/
.lead_block{
	width: 728px;
	margin: 0 auto 3em;
}
.lead_block p+p{
	margin-top: 1em;
}
.lead_block span{
    font-size: 150%;
    font-weight: bold;
	color: #00a9a9;
}

@media screen and (max-width: 640px) {
.lead_block{
	width: auto;
}
.lead_block p{
    font-size: 3.6vw;
}
.lead_block span{
    font-size: 5vw;
}
}

/*-------------------------
   lead_main_block
-------------------------*/
.lead_main_block{
	width: 728px;
	height: 240px;
	background: url("../../img/bg_lead_main.png") no-repeat;
	margin: 1em auto;
	display: flex;
	align-items: center;
}

.lead_main_block h3{
    font-size: 150%;
    font-weight: bold;
	color: #00a9a9;
	margin-left: 80px;
}

@media screen and (max-width: 640px) {
.lead_main_block{
	width: auto;
	height: 30vw;
	background-size: contain;
}
.lead_main_block h3{
    font-size: 5.4vw;
	margin-left: 0;
}
}

/*-------------------------
  summary_column
-------------------------*/
.summary_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.summary_column::after{
    content:"";
    display: block;
    width: 31%;
}

.summary_column .column{
    width: 31%;
    margin: 0;
	text-align: center;
}

.summary_column .column .circle{
	background: url("../../img/bg_circle.png") no-repeat center center;
	background-size: contain;
	height: 238px;
	margin: 0 auto;
	text-align: center;
}

.summary_column h4{
    font-size: 125%;
    font-weight: bold;
	color: #00a9a9;
	padding-top: 4.4em;
}

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

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

.summary_column .column{
    width: 100%;
    margin: 0 0 1em;
}
	
.summary_column h4{
    font-size: 5vw;
}
}

/*-------------------------
   two_column
-------------------------*/
.two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

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

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

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

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

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

/*-------------------------
   two_two_column
-------------------------*/
.two_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

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

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

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

.three_column::after{
    content:"";
    display: block;
    width: 31%;
}

.three_column .column{
    width: 31%;
    margin: 0;
}

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

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

.three_column .column{
    width: 48%;
    margin: 0 0 1em;
}
}

/*-------------------------
   three_one_column
-------------------------*/
.three_one_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.three_one_column::after{
    content:"";
    display: block;
    width: 31%;
}

.three_one_column .column{
    width: 31%;
    margin: 0;
}

@media screen and (max-width: 640px) {
.three_one_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

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

.three_one_column .column{
    width: 100%;
    margin: 0 0 0.4em;
}
}

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

.three_three_column::after{
    content:"";
    display: block;
    width: 31%;
}

.three_three_column .column{
    width: 31%;
    margin: 0;
}

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

.three_three_column::after{
    content:"";
    display: block;
    width: 31%;
}

.three_three_column .column{
    width: 31%;
    margin: 0 0 1em;
}
}

/*-------------------------
   four_column
-------------------------*/
.four_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

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

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

@media screen and (max-width: 640px) {
.four_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

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

.four_column .column{
    width: 100%;
    margin: 0 0 0.4em;
}
}
/*-------------------------
   introduction_column
-------------------------*/
.introduction_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.introduction_column .column:first-child{
    width: 66%;
    margin: 0;
}
	
.introduction_column .column:last-child{
    width: 32%;
    margin: 0;
}

@media screen and (max-width: 640px) {
.introduction_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.introduction_column .column:first-child{
    width: 100%;
    margin: 0 0 2em;
}
	
.introduction_column .column:last-child{
    width: 100%;
	text-align: center;
}

.introduction_column .column:last-child img{
    width: 80vw;
}
}
/*-------------------------
   lineup_block
-------------------------*/
.lineup_block{
	margin-top: 1em;
}
.lineup_block a{
	text-decoration: underline;
}

.lineup_block a i{
	padding-right: 6px;
}
.lineup_block span{
	color: red;
    font-weight: bold;
}
.open_price{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 88%;
}

@media screen and (max-width: 640px) {
.lead_block p{
    font-size: 3.6vw;
}
.lead_block span{
    font-size: 5vw;
}
}

/* btn ----------------------- */
.app-btn {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 1em; 
	border: 1px solid #000;
	border-radius: 10px;
}
.app-btn a {
	display: block;
	position: relative;
	background-color: #FFF;
	color: #000;
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
	padding: 42px 16px 40px 10px;
	border-radius: 10px;
	font-size: 125%;
}
.app-btn a:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #000;
	content: " \f105";
	font-family: FontAwesome;
	font-size: 200%;
	font-weight: normal;
}
.app-btn a:before {
	diplay: inline-block;
	position: absolute;
	left: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	background: url("../../life/img/btn_app.png");
	background-size: cover;
    width: 90px;
    height: 90px;
}

.app-btn a:hover {
	background-color: #F4F4F4;
}


@media screen and (max-width: 640px) {
	
.app-btn {
	font-size: 4vw;
}
	
.app-btn a {
	padding: 20px 16px 20px 70px;
}
	
.app-btn a:before {
    width: 20vw;
    height: 20vw;
}
}

/* btn ----------------------- */
.p-btn {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 1em; 
}
.p-btn a {
	display: block;
	position: relative;
	background-color: #808080;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
	padding: 12px 16px 10px 10px;
}
.p-btn a:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #FFF;
	content: " \f105";
	font-family: FontAwesome;
	font-size: 120%;
}

.p-btn a i {
	display: inline-block;
	color: #FFF;
    margin-right: 10px;
}

@media screen and (max-width: 640px) {
	
.p-btn {
	font-size: 4vw;
}
}

/* btn ----------------------- */
.cp-btn {
	width: 100%;
	box-sizing: border-box;
	border: #8a8a8a 1px solid;
	margin: 0 auto 1em; 
	border-radius: 10px;
}
.cp-btn a {
	display: block;
	position: relative;
	background-color: #fff;
	color: #4c5c81;
	font-weight: bold;
	font-size: 138%;
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
	padding: 32px 16px 30px 10px;
	border-radius: 10px;
}
.cp-btn a:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #4c5c81;
	content: " \f105";
	font-family: FontAwesome;
	font-size: 138%;
}


@media screen and (max-width: 640px) {
	
.cp-btn {
	font-size: 5vw;
}

.cp_link{
	text-decoration: underline;
	margin-top: 1em;
}
}

.spec_box{
	border: 1px solid #000;
	padding: 1em;
}

.gray_box{
	background: #e6e6e6;
	padding: 1em;
}

/* btn ----------------------- */
.l-btn {
	width: 100%;
	box-sizing: border-box;
	border: #000 1px solid;
	margin: 0 auto 1em; 
}
.l-btn a {
	display: block;
	position: relative;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 16px 10px 30px;
}
.l-btn a:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #666;
	content: " \f107";
	font-family: FontAwesome;
	font-size: 120%;
}


@media screen and (max-width: 640px) {
	
.l-btn a {
	font-size: 4vw;
}
}

/* btn ----------------------- */
.a-btn {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 1em; 
}
.a-btn a {
	display: block;
	position: relative;
	background-color: #e0e0e0;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 13px 16px 11px 30px;
}

.a-btn a span {
	text-indent: -1.4em;
	padding-left: 1.4em;
	display: block;
}
.a-btn a:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #666;
	content: " \f107";
	font-family: FontAwesome;
	font-size: 120%;
	transition: all .4s ease;
}

.a-btn a:hover:after{
	top: 60%;
}


@media screen and (max-width: 640px) {
	
.a-btn a {
	font-size: 4vw;
}
}

/* btn ----------------------- */
.n-btn {
	width: 100%;
	box-sizing: border-box;
	border: #000 1px solid;
	margin: 0 auto 1em; 
}
.n-btn a {
	display: block;
	position: relative;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 16px 10px 30px;
}
.n-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 26px;
	height: 5px;
	margin-top: -3px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/common/img/icon_arrow02_b.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.n-btn a:hover:after{
  right: -4px;
}

.n-btn-active {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 1em;
	background: #808080;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 13px 16px 11px 30px;
}

.n-btn_large {
  width: 300px;
}

.n-btn-none a {
	background: #CCCCCC!important;
}
@media screen and (max-width: 640px) {
.n-btn-active,	
.n-btn a {
	font-size: 4vw;
}
	
.n-btn_large {
	width: 100%;
}
}

/* btn ----------------------- */
.ns-btn {
	width: 100%;
	box-sizing: border-box;
	border: #000 1px solid;
	margin: 0 auto 0.6em; 
}
.ns-btn a {
	display: block;
	position: relative;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 6px 10px 6px;
	font-size: 88%;
}
.ns-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	width: 20px;
	height: 4px;
	margin-top: -3px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/common/img/icon_arrow02_b.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.ns-btn a:hover:after{
  right: 2px;
}

.ns-btn-active {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 1em;
	background: #808080;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 6px 10px 6px;
	font-size: 88%;
}

@media screen and (max-width: 640px) {
.ns-btn {
	width: 80%;
	margin: 0 auto 1em; 
}
.ns-btn a {
	padding: 12px 16px 10px 30px;
	font-size: 3.6vw;
}
	
.ns-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 26px;
	height: 5px;
}
	
.ns-btn-active {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 1em;
	background: #808080;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 6px 10px 6px;
	font-size: 88%;
}
}

/* btn ----------------------- */
.m-btn {
	width: 300px;
	box-sizing: border-box;
	margin: 0 auto 1em;
	text-align: center;
}
.m-btn a {
	display: block;
	position: relative;
	background-color: #808080;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 0 10px 0;
}
.m-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 26px;
	height: 5px;
	margin-top: -3px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/common/img/icon_arrow02_w.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.m-btn a:hover:after{
  right: 4px;
}

@media screen and (max-width: 640px) {
.m-btn {
	width: 100%;
}
.m-btn a {
	font-size: 4vw;
}
}

/* btn ----------------------- */
.f-btn {
	width: 600px;
	box-sizing: border-box;
	margin: 0 auto 2em;
	text-align: center;
}
.f-btn a {
	display: block;
	position: relative;
	background-color: #808080;
	color: #FFF;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 16px 0 12px 0;
	font-size: 118%;;
}
.f-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 22px;
	width: 26px;
	height: 5px;
	margin-top: -3px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/common/img/icon_arrow02_w.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.f-btn a:hover:after{
  right: 4px;
}

@media screen and (max-width: 640px) {
.f-btn {
	width: 100%;
}
.f-btn a {
	font-size: 4.4vw;
}
}


/* btn ----------------------- */
.lineup-a-btn,
.lineup-a-one-btn,
.lineup-l-btn{
	width: 100%;
	box-sizing: border-box;
	margin: 1em auto 1em;
	border: #808080 1px solid;
}
.lineup-a-btn a,
.lineup-a-one-btn a,
.lineup-l-btn a {
	display: block;
	position: relative;
	background-color: #808080;
	color: #FFF;
	vertical-align: middle;
	line-height: 1.6;
}

.lineup-a-btn a:after {
	content: "";
	position: absolute;
	bottom: 11%;
	right: 22px;
	width: 32px;
	height: 17px;
	margin-top: -3px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/lineup/img/arrow.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.lineup-a-btn a:hover:after{
	bottom: 7%;
}
.lineup-a-one-btn a:after {
	content: "";
	position: absolute;
	bottom: 8%;
	right: 22px;
	width: 32px;
	height: 17px;
	margin-top: -3px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/lineup/img/arrow.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.lineup-a-one-btn a:hover:after{
	bottom: 4%;
}
.lineup-l-btn a:after {
	content: "";
	position: absolute;
	bottom: 10%;
	right: 22px;
	width: 26px;
	height: 5px;
	background : url(/jp/lighting/home/customer/akarimoplus/life/common/img/icon_arrow02_w.png) no-repeat center bottom;
	background-size: 100%;
	transition: all .4s ease;
}

.lineup-l-btn a:hover:after{
  right: 4px;
}

.lineup-text{
	padding: 15px 20px 6px;
}

.lineup-a-btn h3,
.lineup-a-one-btn h3,
.lineup-l-btn h3,
.lineup-l-btn h4 {
	font-size: 113%;
	font-weight: bold;
}

.lineup-a-one-btn h3 {
	margin-bottom: 0.4em;
}

.lineup-a-btn p,
.lineup-a-one-btn p,
.lineup-l-btn p {
	font-size: 100%;
}

@media screen and (max-width: 640px) {
.lineup-a-btn h3,
.lineup-a-one-btn h3,
.lineup-l-btn h3 {
	font-size: 5vw;
}
.lineup-a-btn p,
.lineup-a-one-btn p,
.lineup-l-btn p {
	font-size: 4vw;
}
}

/*-------------------------
   product_block
-------------------------*/
.product_block{
	width: 966px;
	margin: 1.4em 0 0;
	font-size: 88%;
}

.product_img{
	width: 340px;
	float: left;
	margin-right: 20px;
}

.product_text{
	width: 420px;
	float: left;
}

.product_text a i{
	margin-right: 10px;
}

.product_text a:hover{
	text-decoration: underline;
}

.product_remote{
	width: 160px;
	float: right;
	text-align: center;
	margin-right: 20px;
}

@media screen and (max-width: 640px) {
.product_block{
	width: auto;
}

.product_img{
	width: auto;
	float: none;
	margin-right: 0;
}

.product_text{
	width: auto;
	float: none;
	margin-top: 1em;
}

.product_remote{
	width: auto;
	float: none;
	margin-top: 1em;
}
}

/*-------------------------
   price_block
-------------------------*/
.price_block{
	font-size: 88%;
}

.price_block a i{
	margin-right: 10px;
}

.price_block a:hover{
	text-decoration: underline;
}

/*-------------------------
   youtube_box
-------------------------*/
.youtube_box{
    width: 720px;
    margin: 0 auto 10px;
    color:#FFF;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    box-sizing: border-box;
	border: 1px solid #999;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 640px) {
.youtube_box{
	width: 84vw;
}
}

/*-------------------------
   wide_660
-------------------------*/
.wide_660{
	margin: 0 auto;
	width: 660px;
}

@media screen and (max-width: 640px) {
.wide_660{
    width:auto;
}
}

/*-------------------------
   wide_910
-------------------------*/
.wide_910{
	margin: 0 auto;
	width: 910px;
}

@media screen and (max-width: 640px) {
.wide_910{
    width:auto;
}
}
/*-------------------------
   bg_arrow
-------------------------*/
.bg_arrow{
	background: url("../../feature/img/img_arrow.png") center 210px no-repeat;
}

@media screen and (max-width: 640px) {
.bg_arrow{
	background: none;
}
}


/*-------------------------
   cp_box
-------------------------*/

.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/*-------------------------
  one_point_box
-------------------------*/
.one_point_box{
	border: 1px solid #666666;
	padding: 20px;
}
@media screen and (max-width: 640px) {
.one_point_box{
	padding: 20px 20px 0px;
}
}
.u-bold {
  font-weight: bold !important;
}

.ecolink_btn {
margin: 15px 10px 0;
width: auto;
}
.ecolink_btn a {

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 5px 15px;
  color: #000;
  transition: 0.3s ease-in-out;
  border: 1px solid #000;
  font-size: 14px;

}
.ecolink_btn a:hover {
  opacity: .8;
}

.ecolink_btn a::before{
  content: " \f138";
  font-family: FontAwesome;
  display: inline-block;
  margin: 0 10px 0 0;
}


@media screen and (min-width: 641px) {
  .ecolink_btn {
    margin: 40px 0 0;
    }
  .ecolink_btn a {
    font-size: 17px;
    padding: 10px 25px;
  }

}

/*-------------------------
  acbox
-------------------------*/
.acbox{
  width: auto;
  margin:0 0; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  position: relative;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.6;
	padding: 12px 16px 10px 30px;
  cursor: pointer;
	border: 1px solid #000;
	display: block;
}


.acbox input{
  display: none;
}

.acbox label:after{
  color: #000;
  content: " \f067";
  font-family: FontAwesome;
  display: inline-block;
  right: 15px;
position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.acbox input:checked ~ label::after {
  content: " \f068";
  font-family: FontAwesome;
}

.acbox div.acbox-under{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 1s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 0; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #ccc; /* クリック後のラベルの背景色 */
}
.acbox-under{
	margin-top: 12px;
}

/* biz の customer 共通 CSS（base.css）が #sections a:link に青と下線を付ける。
   移行元にはどちらも無かったので打ち消す。 */
#sections a:link,
#sections a:visited {
	color: #1f1f1f;
	text-decoration: none;
}