@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;
}
/* common
-----------------------------------------*/
.yuMincho{
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.pcOnly {
    display: block !important;
}

.spOnly {
    display: none !important;
}

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

    .pcOnly {
        display: none !important;
    }

    .spOnly {
        display: block !important;
    }

}

/* anchor ----------------------- */
.anchor {
	margin-top: -40px!important;
	padding-top: 40px!important;
	}
/* ex_clearfix
-----------------------------------------*/ 
.ex_clearfix:after {
  content: "";
  clear: both;
  display: block;
}
#sections .ex_marginB0{
 margin-bottom:0px!important;
}
#sections .ex_marginBS{
 margin-bottom:10px!important;
}
#sections .ex_marginBM{
 margin-bottom:20px!important;
}
#sections .ex_marginBL{
 margin-bottom:30px!important;
}
#sections .ex_marginBLL{
 margin-bottom:80px!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:80px!important;
}

.mod_section .text-indent-1 {
	text-indent: -1em;
	padding-left: 1em;
	}
/* mod_all_section
-----------------------------------------*/ 
.mod_all_section{
  margin: 0 auto;
  width: 100%;
  line-height: 1.6;
  font-size: 1.13em;
}

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

@media screen and (max-width: 640px) {
  .mod_all_section{
    width:auto;
  }
}
/* 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 {
	margin: 0 2.60416%;
	}
}


/*-------------------------
   .link_wrapper
-------------------------*/
.link_wrapper{
	margin: 4em auto 4em;
}
.link_wrapper a{
	color: #000;
	text-decoration: none;
}

/*-------------------------
   .internal_wrapper
-------------------------*/
.internal_wrapper{
	margin: 3em auto 4em;
}
.internal_wrapper a{
	color: #000;
	text-decoration: none;
}
/*-------------------------
   btn_link_column
-------------------------*/
.btn_link_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

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

.btn_link_column .column{
    width: 24%;
}

.btn_link_column .column:nth-child(n+5){
	margin-top: 1em;
}
@media screen and (max-width: 640px) {
.btn_link_column::after{
    width: 48%;
}

.btn_link_column .column{
    width: 48%;
}
.btn_link_column .column:nth-child(n+3){
	margin-top: 0.6em;
}
}

/*-------------------------
   btn_link
-------------------------*/
.btn_link{
	text-align: center;
	background: #FFF;
	line-height: 1.4;
	transition: 0.3s;
	position: relative;
	box-sizing: border-box;
	min-height: 70px;
	border: 4px solid #e6e6e6;
	background: rgb(196,197,198);
	background: linear-gradient(90deg, rgba(196,197,198,1) 0%, rgba(173,174,175,1) 100%);
	border-radius: 50px;
	display: block;
	transition: 0.3s;
}
.btn_link_active{
	background: rgb(34,175,227);
	background: linear-gradient(90deg, rgba(34,175,227,1) 0%, rgba(108,196,214,1) 100%);
}

.btn_link p{
	position: absolute;
	color: #FFF;
	font-weight: bold;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: block;
	width: 100%;
}
.btn_link:hover{
	background: rgb(34,175,227);
	background: linear-gradient(90deg, rgba(34,175,227,1) 0%, rgba(108,196,214,1) 100%);
    opacity: 0.8;
}
.btn_link_active:hover{
    opacity: 1.0;
}
.btn_link:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../img/icon_btn_link.png");
	background-size: contain;
	width: 24px;
	height: 24px;
	content: "";
}

@media screen and (max-width: 640px) {
.btn_link p{
	font-size: 3.6vw;
}
.btn_link:after {
	right: 10px;
	width: 4vw;
	height: 4vw;
}
}
/*-------------------------
   btn_lineup_box
-------------------------*/

.btn_lineup_box{
    display : table;
	width: 100%;
}

.btn_lineup_box_active{
    width: 48%;
    display : table-cell;
    border-left: 2px solid #898989;
	border-right: 2px solid #898989;
	border-top: 2px solid #898989;
	text-align: center;
	background: #e6e6e6;
	font-size: 150%;
	padding: 0.4em;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.btn_lineup_box_center{
    width: 2%;
    display : table-cell;
	border-bottom: 2px solid #898989;
}
.btn_lineup_box_normal{
    width: 48%;
    display : table-cell;
    border: 2px solid #898989;
	text-align: center;
	font-size: 150%;
	padding: 0.4em;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
}
.btn_lineup_box a{
	color: #000;
	display: block;
}
@media screen and (max-width: 640px) {
.btn_lineup_box_active,
.btn_lineup_box_normal{
	font-size: 5vw;
}
}
/*-------------------------
   btn_internal_column
-------------------------*/
.btn_internal_box{
	background: #e6e6e6;
	padding: 2em 2em 1em;
	border-left: 2px solid #898989;
	border-right: 2px solid #898989;
	border-bottom: 2px solid #898989;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
.btn_internal_box{
	padding: 4vw 2vw 2vw;
}
}
/*-------------------------
   btn_internal_column
-------------------------*/
.btn_internal_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}
.btn_internal_column a{
	color: #000;
}
.btn_internal_column::after{
    content:"";
    display: block;
    width: 18%;
}

.btn_internal_column .column{
    width: 18%;
	text-align: center;
}
.btn_internal_column .column p{
	font-size: 100%;
	margin-top: 0.8em;
	line-height: 1.0;
}

.btn_internal_column .column p:after {
	display: inline-block;
	content: " \f0d7";
	font-family: FontAwesome;
	font-size: 150%;
}

@media screen and (max-width: 640px) {
.btn_internal_column::after{
    width: 32%;
}

.btn_internal_column .column{
    width: 32%;
}
.btn_internal_column .column:nth-child(n+4){
	margin-top: 0.6em;
}
	
.btn_internal_column .column p{
	font-size: 3.4vw;
	line-height: 1.4;
}
}
/*-------------------------
   .btn_internal
-------------------------*/
.btn_internal{
	transition: 0.3s;
	font-size: 88%;
}
.btn_internal:hover{
    opacity: 0.7;
}
/*-------------------------
   .products_wrapper
-------------------------*/
.products_wrapper{
	margin: 4em auto 4em;
}
.products_wrapper a{
	color: #000;
	text-decoration: none;
}

.products_wrapper h2{
	border-left: 10px solid #000;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 150%;
	padding: 0.4em 0 0.4em 1em;
	box-sizing: border-box;
}

.products_wrapper h3.pickup{
	margin: 4em 0 0 1em;
}

.products_wrapper h3.pickup span{
	background: #00acbf;
	font-weight: bold;
	font-size: 125%;
	color: #FFF;
	padding: 0.4em 3em 0.2em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index: 1;
}

.products_wrapper h3.variations{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 3em 0 1em;
	padding: 0.4em 0;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}
/*-------------------------
   products_features_block
-------------------------*/

.products_features_block{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
	margin-bottom: 2em;
}

.products_features_block_text{
    width: 60%;
	padding-right: 4%;
	box-sizing: border-box;
}

.products_features_block_text ul{
	margin-top: 2.4em;
}

.products_features_block_text ul li{
	font-size: 125%;
	text-indent: -1em;
	padding-left: 1em;
}
.products_features_block_img{
    width: 40%;
    display:flex;
    flex-direction: column;
}

@media screen and (max-width: 640px) {
.products_features_block{
	margin-bottom: 1em;
}
.products_features_block_text{
    width: 100%;
	padding-right: 0;
	margin-bottom: 1em;
}
	
.products_features_block_text ul{
	margin-top: 1em;
}
.products_features_block_text ul li{
	font-size: 4vw;
}
.products_features_block_img{
    width: 100%;
}
	
.products_features_block_img img{
	width: 80vw;
	margin: 0 auto;
}
}
/*-------------------------
   products_box
-------------------------*/
.products_box{
	background: #e4e3e3;
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
	z-index: 2;
}

.products_box+.products_box{
	margin-top: 2em;
}
.products_box .column:first-child{
    width: 54%;
	position: relative;
}

.products_box .column:first-child h4{
	position: absolute;
	top: 26px;
	left: 20px;
	font-weight: bold;
	font-size: 125%;
}
.products_box .column:first-child img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.products_box .column:first-child .products_detail{
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.products_box .column:first-child .products_detail_right{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.products_detail p.name,
.products_detail_right p.name{
	font-size: 100%;
}

.products_detail p.type,
.products_detail_right p.type{
	font-size: 88%;
}

.products_detail p.number,
.products_detail_right p.number{
	font-size: 108%;
}

.products_box .landscape:first-child{
    width: 54%;
}
.products_box .landscape:last-child {
    width: 46%;
}

.products_box .vertical:first-child{
    width: 62%;
}
.products_box .vertical:last-child {
    width: 38%;
}

@media screen and (max-width: 640px) {
.products_box .column:first-child h4{
	font-size: 4.6vw;
}
.products_box .column:first-child .products_detail,
.products_box .column:first-child .products_detail_right{
	line-height: 1.4;
}
.products_detail p.name,
.products_detail_right p.name{
	font-size: 3.8vw;
}

.products_detail p.type,
.products_detail_right p.type{
	font-size: 3.2vw;
}

.products_detail p.number,
.products_detail_right p.number{
	font-size: 4.2vw;
}
.products_box .landscape:first-child{
    width: 100%;
	height: 80vw;
}
.products_box .landscape:last-child {
    width: 100%;
}

.products_box .vertical:first-child{
    width: 100%;
	height: 90vw;
}
.products_box .vertical:last-child {
    width: 100%;
}
.products_img_all img{
    width: 86vw;
	margin: 0 auto;
}
.img_outdoor_spotlight_p02 img{
    width: 36vw;
	margin: 0 auto;
}
}

/*-------------------------
   variations_box
-------------------------*/

.variations_box{
	background: #e5e5e5;
	margin-bottom: 2em;
}

.variations_box h4{
	text-align: center;
	font-size: 118%;
	font-weight: bold;
	white-space: nowrap;
}

.variations_box h4.color{
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	white-space: nowrap;
}

.variations_box p{
	text-align: center;
	font-size: 75%;
	white-space: nowrap;
}

.variations_product_inner{
	position: relative;
}

@media screen and (max-width: 640px) {
.variations_box h4{
	font-size: 4vw;
}
.variations_box h4.color{
	font-size: 3.4vw;
}
.variations_box p{
	font-size: 3vw;
}
}

/*-------------------------
   variations_downlight
-------------------------*/
.variations_downlight{
	position: relative;
	height: 660px;
}

.img_downlight_v01{
	position: absolute;
	top: 40px;
	left: 90px;
}

.img_downlight_v01_text_01{
	position: absolute;
	top: 120px;
	left: 0px;
}
.img_downlight_v01_text_02{
	position: absolute;
	top: 140px;
	left: 225px;
}

.img_downlight_v02{
	position: absolute;
	top: 54px;
	left: 620px;
}
.img_downlight_v02_text{
	position: absolute;
	top: 100px;
	left: 0px;
}
.img_downlight_v03{
	position: absolute;
	top: 240px;
	left: 90px;
}

.img_downlight_v03_text_01{
	position: absolute;
	top: 120px;
	left: 30px;
}
.img_downlight_v03_text_02{
	position: absolute;
	top: 140px;
	left: 225px;
}

.img_downlight_v04{
	position: absolute;
	top: 254px;
	left: 620px;
}
.img_downlight_v04_text{
	position: absolute;
	top: 100px;
	left: 0px;
}
.img_downlight_v05{
	position: absolute;
	top: 460px;
	left: 180px;
}
.img_downlight_v05_text{
	position: absolute;
	top: 100px;
	left: 0px;
}
.img_downlight_v06{
	position: absolute;
	top: 460px;
	left: 580px;
}
.img_downlight_v06_text{
	position: absolute;
	top: 100px;
	left: 0px;
}

@media screen and (max-width: 640px) {
.variations_downlight{
	height: 230vw;
}

.img_downlight_v01{
	top: 10vw;
	left: 4vw;
}
.img_downlight_v01 img{
	width: 86vw;
}
.img_downlight_v01_text_01{
	top: 24vw;
	left: 10vw;
}
.img_downlight_v01_text_02{
	top: 32vw;
	left: 52vw;
}

.img_downlight_v02{
	top: 110vw;
	left: 2vw;
}
.img_downlight_v02 img{
	width: 42vw;
}
.img_downlight_v02_text{
	top: 24vw;
	left: 2vw;
}
.img_downlight_v03{
	top: 60vw;
	left: 4vw;
}
.img_downlight_v03 img{
	width: 86vw;
}
.img_downlight_v03_text_01{
	top: 24vw;
	left: 10vw;
}
.img_downlight_v03_text_02{
	top: 32vw;
	left: 52vw;
}

.img_downlight_v04{
	top: 110vw;
	left: 48vw;
}
.img_downlight_v04 img{
	width: 42vw;
}
.img_downlight_v04_text{
	top: 24vw;
	left: 0;
}
.img_downlight_v05{
	top: 156vw;
	left: 4vw;
}
.img_downlight_v05_text{
	top: 22vw;
	left: 0vw;
}
.img_downlight_v06{
	top: 194vw;
	left: 36vw;
}
.img_downlight_v06_text{
	top: 20vw;
	left: 4vw;
}
}

/*-------------------------
   variations_spotlight
-------------------------*/
.variations_spotlight{
	position: relative;
	height: 800px;
}

.img_spotlight_v01{
	position: absolute;
	top: 40px;
	left: 90px;
}
.img_spotlight_v01_text_01{
	position: absolute;
	top: 210px;
	left: 50px;
}
.img_spotlight_v01_text_02{
	position: absolute;
	top: 190px;
	left: 180px;
}

.img_spotlight_v02{
	position: absolute;
	top: 54px;
	left: 620px;
}
.img_spotlight_v02_text{
	position: absolute;
	top: 150px;
	left: 0px;
}
.img_spotlight_v03{
	position: absolute;
	top: 340px;
	left: 50px;
}

.img_spotlight_v03_text{
	position: absolute;
	top: 120px;
	left: 30px;
}

.img_spotlight_v04{
	position: absolute;
	top: 320px;
	left: 350px;
}
.img_spotlight_v04_text_01{
	position: absolute;
	top: 150px;
	left: 40px;
}
.img_spotlight_v04_text_02{
	position: absolute;
	top: 140px;
	left: 140px;
}
.img_spotlight_v05{
	position: absolute;
	top: 320px;
	left: 650px;
}
.img_spotlight_v05_text{
	position: absolute;
	top: 160px;
	left: 0px;
}
.img_spotlight_v06{
	position: absolute;
	top: 560px;
	left: 280px;
}
.img_spotlight_v06_text_01{
	position: absolute;
	top: 140px;
	left: 60px;
}
.img_spotlight_v06_text_02{
	position: absolute;
	top: 140px;
	left: 225px;
}

@media screen and (max-width: 640px) {
.variations_spotlight{
	height: 306vw;
}

.img_spotlight_v01{
	top: 10vw;
	left: 10vw;
}
.img_spotlight_v01 img{
	width: 80vw;
}
.img_spotlight_v01_text_01{
	top: 50vw;
	left: 10vw;
}
.img_spotlight_v01_text_02{
	top: 50vw;
	left: 40vw;
}

.img_spotlight_v02{
	top: 78vw;
	left: 52vw;
}
.img_spotlight_v02_text{
	top: 36vw;
	left: 2vw;
}
.img_spotlight_v03{
	top: 78vw;
	left: 8vw;
}

.img_spotlight_v03_text{
	top: 30vw;
	left: 0;
}

.img_spotlight_v04{
	top: 130vw;
	left: 18vw;
}
.img_spotlight_v04_text_01{
	top: 36vw;
	left: 8vw;
}
.img_spotlight_v04_text_02{
	top: 36vw;
	left: 30vw;
}
.img_spotlight_v05{
	top: 186vw;
	left: 24vw;
}
.img_spotlight_v05_text{
	top: 38vw;
	left: 0vw;
}
.img_spotlight_v06{
	top: 256vw;
	left: 6vw;
}
.img_spotlight_v06 img{
	width: 80vw;
}
.img_spotlight_v06_text_01{
	top: 34vw;
	left: 12vw;
}
.img_spotlight_v06_text_02{
	top: 30vw;
	left: 44vw;
}
}

/*-------------------------
   variations_pendant
-------------------------*/
.variations_pendant{
	position: relative;
	height: 1200px;
}

.img_pendant_v01{
	position: absolute;
	top: 40px;
	left: 90px;
}

.img_pendant_v01_text{
	position: absolute;
	top: 220px;
	left: 40px;
}

.img_pendant_v02{
	position: absolute;
	top: 54px;
	left: 620px;
}
.img_pendant_v02_text{
	position: absolute;
	top: 220px;
	left: 30px;
}
.img_pendant_v03{
	position: absolute;
	top: 340px;
	left: 50px;
}

.img_pendant_v03_text{
	position: absolute;
	top: 200px;
	left: -20px;
}

.img_pendant_v04{
	position: absolute;
	top: 400px;
	left: 320px;
}
.img_pendant_v04_text{
	position: absolute;
	top: 160px;
	left: -60px;
}

.img_pendant_v05{
	position: absolute;
	top: 320px;
	left: 530px;
}
.img_pendant_v05_text{
	position: absolute;
	top: 180px;
	left: -60px;
}
.img_pendant_v06{
	position: absolute;
	top: 320px;
	left: 760px;
}
.img_pendant_v06_text{
	position: absolute;
	top: 200px;
	left: -50px;
}

.img_pendant_v07{
	position: absolute;
	top: 700px;
	left: 70px;
}

.img_pendant_v07_text{
	position: absolute;
	top: 150px;
	left: -20px;
}

.img_pendant_v08{
	position: absolute;
	top: 700px;
	left: 280px;
}
.img_pendant_v08_text{
	position: absolute;
	top: 150px;
	left: -30px;
}

.img_pendant_v09{
	position: absolute;
	top: 700px;
	left: 540px;
}
.img_pendant_v09_text{
	position: absolute;
	top: 150px;
	left: -60px;
}
.img_pendant_v10{
	position: absolute;
	top: 700px;
	left: 740px;
}
.img_pendant_v10_text{
	position: absolute;
	top: 150px;
	left: 10px;
}
.img_pendant_v11{
	position: absolute;
	top: 960px;
	left: 200px;
}
.img_pendant_v11_text{
	position: absolute;
	top: 140px;
	left: 10px;
}

.img_pendant_v12{
	position: absolute;
	top: 960px;
	left: 430px;
}
.img_pendant_v12_text{
	position: absolute;
	top: 140px;
	left: -60px;
}
.img_pendant_v13{
	position: absolute;
	top: 960px;
	left: 680px;
}
.img_pendant_v13_text{
	position: absolute;
	top: 140px;
	left: -50px;
}

@media screen and (max-width: 640px) {
.variations_pendant{
	height: 480vw;
}

.img_pendant_v01{
	top: 10vw;
	left: 15vw;
}
.img_pendant_v01 img{
	width: 64vw;
}
.img_pendant_v01_text{
	top: 52vw;
	left: 8vw;
}

.img_pendant_v02{
	top: 84vw;
	left: 4vw;
}
.img_pendant_v02 img{
	width: 40vw;
}
.img_pendant_v02_text{
	top: 50vw;
	left: 6vw;
}
.img_pendant_v03{
	top: 84vw;
	left: 54vw;
}
.img_pendant_v03 img{
	width: 34vw;
}
.img_pendant_v03_text{
	top: 50vw;
	left: -8vw;
}

.img_pendant_v04{
	top: 150vw;
	left: 14vw;
}
.img_pendant_v04_text{
	top: 40vw;
	left: -10vw;
}
.img_pendant_v05{
	top: 150vw;
	left: 58vw;
}
.img_pendant_v05_text{
	top: 40vw;
	left: -10vw;
}
.img_pendant_v06{
	top: 230vw;
	left: 14vw;
}
.img_pendant_v06_text{
	top: 50vw;
	left: 0vw;
}
.img_pendant_v07{
	top: 230vw;
	left: 58vw;
}
.img_pendant_v07_text{
	top: 36vw;
	left: -7vw;
}
.img_pendant_v08{
	top: 310vw;
	left: 12vw;
}
.img_pendant_v08_text{
	top: 36vw;
	left: -7vw;
}
.img_pendant_v09{
	top: 310vw;
	left: 62vw;
}
.img_pendant_v09_text{
	top: 32vw;
	left: -12vw;
}
.img_pendant_v10{
	top: 366vw;
	left: 16vw;
}
.img_pendant_v10_text{
	top: 34vw;
	left: 1vw;
}
.img_pendant_v11{
	top: 366vw;
	left: 54vw;
}
.img_pendant_v11_text{
	top: 36vw;
	left: 3vw;
}
.img_pendant_v12{
	top: 420vw;
	left: 16vw;
}
.img_pendant_v12_text{
	top: 36vw;
	left: -7vw;
}
.img_pendant_v13{
	top: 420vw;
	left: 56vw;
}
.img_pendant_v13_text{
	top: 36vw;
	left: -5vw;
}
}
/*-------------------------
   variations_bracket
-------------------------*/
.variations_bracket{
	position: relative;
	height: 700px;
}

.img_bracket_v01{
	position: absolute;
	top: 40px;
	left: 160px;
}

.img_bracket_v01_text{
	position: absolute;
	top: 140px;
	left: -20px;
}

.img_bracket_v02{
	position: absolute;
	top: 70px;
	left: 420px;
}
.img_bracket_v02_text{
	position: absolute;
	top: 100px;
	left: 0px;
}
.img_bracket_v03{
	position: absolute;
	top: 260px;
	left: 160px;
}

.img_bracket_v03_text{
	position: absolute;
	top: 140px;
	left: -20px;
}

.img_bracket_v04{
	position: absolute;
	top: 290px;
	left: 420px;
}
.img_bracket_v04_text{
	position: absolute;
	top: 100px;
	left: 0px;
}
.img_bracket_v05{
	position: absolute;
	top: 520px;
	left: 240px;
}
.img_bracket_v05_text{
	position: absolute;
	top: 90px;
	left: 0px;
}
.img_bracket_v06{
	position: absolute;
	top: 520px;
	left: 540px;
}
.img_bracket_v06_text{
	position: absolute;
	top: 90px;
	left: 0px;
}

@media screen and (max-width: 640px) {
.variations_bracket{
	height: 250vw;
}

.img_bracket_v01{
	top: 10vw;
	left: 30vw;
}
.img_bracket_v01_text{
	top: 38vw;
	left: -2vw;
}

.img_bracket_v02{
	top: 66vw;
	left: 4vw;
}
.img_bracket_v02 img{
	max-width: 86vw;
}
.img_bracket_v02_text{
	top: 20vw;
	left: 2vw;
}
.img_bracket_v03{
	top: 108vw;
	left: 30vw;
}

.img_bracket_v03_text{
	top: 34vw;
	left: -2vw;
}

.img_bracket_v04{
	top: 166vw;
	left: 4vw;
}
.img_bracket_v04 img{
	max-width: 86vw;
}
.img_bracket_v04_text{
	top: 20vw;
	left: 0;
}
.img_bracket_v05{
	top: 208vw;
	left: 10vw;
}
.img_bracket_v05_text{
	top: 22vw;
	left: 0vw;
}
.img_bracket_v06{
	top: 208vw;
	left: 56vw;
}
.img_bracket_v06_text{
	top: 22vw;
	left: 0vw;
}
}

/*-------------------------
   variations_downceiling
-------------------------*/
.variations_downceiling{
	position: relative;
	height: 240px;
}

.img_downceiling_v01{
	position: absolute;
	top: 40px;
	left: 240px;
}

.img_downceiling_v01_text{
	position: absolute;
	top: 140px;
	left: 10px;
}

.img_downceiling_v02{
	position: absolute;
	top: 40px;
	left: 580px;
}
.img_downceiling_v02_text{
	position: absolute;
	top: 140px;
	left: 10px;
}

@media screen and (max-width: 640px) {
.variations_downceiling{
	height: 56vw;
}

.img_downceiling_v01{
	top: 10vw;
	left: 10vw;
}
.img_downceiling_v01 img{
	max-width: 26vw;
}
.img_downceiling_v01_text{
	top: 34vw;
	left: 3vw;
}

.img_downceiling_v02{
	top: 10vw;
	left: 60vw;
}
.img_downceiling_v02 img{
	max-width: 26vw;
}
.img_downceiling_v02_text{
	top: 34vw;
	left: 3vw;
}
}

/*-------------------------
   variations_eaves_downlight
-------------------------*/
.variations_eaves_downlight{
	position: relative;
	height: 440px;
}

.img_eaves_downlight_v01{
	position: absolute;
	top: 40px;
	left: 120px;
}

.img_eaves_downlight_v01_text_01{
	position: absolute;
	top: 90px;
	left: 60px;
}

.img_eaves_downlight_v01_text_02{
	position: absolute;
	top: 130px;
	left: 190px;
}

.img_eaves_downlight_v02{
	position: absolute;
	top: 40px;
	left: 500px;
}
.img_eaves_downlight_v02_text_01{
	position: absolute;
	top: 90px;
	left: 60px;
}

.img_eaves_downlight_v02_text_02{
	position: absolute;
	top: 130px;
	left: 190px;
}
.img_eaves_downlight_v03{
	position: absolute;
	top: 240px;
	left: 340px;
}
.img_eaves_downlight_v03_text_01{
	position: absolute;
	top: 90px;
	left: 20px;
}

.img_eaves_downlight_v03_text_02{
	position: absolute;
	top: 130px;
	left: 210px;
}
@media screen and (max-width: 640px) {
.variations_eaves_downlight{
	height: 142vw;
}

.img_eaves_downlight_v01{
	top: 10vw;
	left: 12vw;
}
.img_eaves_downlight_v01 img{
	width: 72vw;
}
.img_eaves_downlight_v01_text_01{
	top: 21vw;
	left: 14vw;
}

.img_eaves_downlight_v01_text_02{
	top: 30vw;
	left: 44vw;
}

.img_eaves_downlight_v02{
	top: 56vw;
	left: 12vw;
}
.img_eaves_downlight_v02 img{
	width: 72vw;
}
.img_eaves_downlight_v02_text_01{
	top: 21vw;
	left: 14vw;
}

.img_eaves_downlight_v02_text_02{
	top: 32vw;
	left: 44vw;
}
.img_eaves_downlight_v03{
	top: 100vw;
	left: 12vw;
}
.img_eaves_downlight_v03 img{
	width: 72vw;
}
.img_eaves_downlight_v03_text_01{
	top: 21vw;
	left: 6vw;
}

.img_eaves_downlight_v03_text_02{
	top: 30vw;
	left: 48vw;
}
}

/*-------------------------
   variations_outdoor_spotlight
-------------------------*/
.variations_outdoor_spotlight{
	position: relative;
	height: 956px;
}

.img_outdoor_spotlight_v01{
	position: absolute;
	top: 40px;
	left: 160px;
}

.img_outdoor_spotlight_v01_text{
	position: absolute;
	top: 140px;
	left: 20px;
}

.img_outdoor_spotlight_v02{
	position: absolute;
	top: 60px;
	left: 400px;
}
.img_outdoor_spotlight_v02_text{
	position: absolute;
	top: 100px;
	left: 0px;
}

.img_outdoor_spotlight_v03{
	position: absolute;
	top: 290px;
	left: 160px;
}

.img_outdoor_spotlight_v03_text{
	position: absolute;
	top: 140px;
	left: -100px;
}

.img_outdoor_spotlight_v04{
	position: absolute;
	top: 260px;
	left: 520px;
}
.img_outdoor_spotlight_v04_text_01{
	position: absolute;
	top: 230px;
	left: -20px;
}

.img_outdoor_spotlight_v04_text_02{
	position: absolute;
	top: 230px;
	left: 140px;
}

.img_outdoor_spotlight_box{
	border: 1px solid #000000;
	position: absolute;
	top: 620px;
	left: 34px;
	width: 900px;
	padding: 1em 2em 2em;
	box-sizing: border-box;
	text-align: center;
}
.outdoor_spotlight_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
	margin: 1em auto 0;
}

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

.outdoor_spotlight_column .column{
    width: 24%;
}

@media screen and (max-width: 640px) {
.variations_outdoor_spotlight{
	height: 360vw;
}

.img_outdoor_spotlight_v01{
	top: 10vw;
	left: 30vw;
}

.img_outdoor_spotlight_v01_text{
	top: 36vw;
	left: 4vw;
}

.img_outdoor_spotlight_v02{
	top: 62vw;
	left: 8vw;
}
	
.img_outdoor_spotlight_v02 img{
	width: 80vw;
}
.img_outdoor_spotlight_v02_text{
	top: 21vw;
	left: 10vw;
}

.img_outdoor_spotlight_v03{
	top: 100vw;
	left: 30vw;
}
.img_outdoor_spotlight_v03_text{
	top: 36vw;
	left: -12vw;
}
.img_outdoor_spotlight_v04{
	top: 164vw;
	left: 22vw;
}
.img_outdoor_spotlight_v04_text_01{
	top: 58vw;
	left: -4vw;
}
.img_outdoor_spotlight_v04_text_02{
	top: 58vw;
	left: 28vw;
}
	
.img_outdoor_spotlight_box{
	border: 1px solid #000000;
	position: absolute;
	top: 250vw;
	left: 2vw;
	width: 90vw;
	padding: 4vw 4vw 4vw;
}
	
.outdoor_spotlight_column::after{
    width: 48%;
}

.outdoor_spotlight_column .column{
    width: 48%;
}
.outdoor_spotlight_column .column:nth-child(n+3) {
	margin-top: 1em;
}
}

/*-------------------------
   variations_outdoor_bracket
-------------------------*/
.variations_outdoor_bracket{
	position: relative;
	height: 1126px;
}

.img_outdoor_bracket_v01{
	position: absolute;
	top: 40px;
	left: 120px;
}

.img_outdoor_bracket_v01_text_01{
	position: absolute;
	top: 180px;
	left: 10px;
}

.img_outdoor_bracket_v01_text_02{
	position: absolute;
	top: 180px;
	left: 160px;
}

.img_outdoor_bracket_v02{
	position: absolute;
	top: 40px;
	left: 500px;
}
.img_outdoor_bracket_v02_text_01{
	position: absolute;
	top: 180px;
	left: -10px;
}
.img_outdoor_bracket_v02_text_02{
	position: absolute;
	top: 180px;
	left: 180px;
}
.img_outdoor_bracket_v03{
	position: absolute;
	top: 290px;
	left: 180px;
}

.img_outdoor_bracket_v03_text{
	position: absolute;
	top: 130px;
	left: -80px;
}

.img_outdoor_bracket_v04{
	position: absolute;
	top: 290px;
	left: 580px;
}
.img_outdoor_bracket_v04_text{
	position: absolute;
	top: 130px;
	left: -90px;
}

.img_outdoor_bracket_v05{
	position: absolute;
	top: 510px;
	left: 180px;
}

.img_outdoor_bracket_v05_text{
	position: absolute;
	top: 150px;
	left: -70px;
}

.img_outdoor_bracket_v06{
	position: absolute;
	top: 510px;
	left: 580px;
}
.img_outdoor_bracket_v06_text{
	position: absolute;
	top: 150px;
	left: -30px;
}
.img_outdoor_bracket_box{
	border: 1px solid #000000;
	position: absolute;
	top: 780px;
	left: 34px;
	width: 900px;
	padding: 1em 2em 2em;
	box-sizing: border-box;
	text-align: center;
}
.outdoor_bracket_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
	margin: 1em auto 0;
	width: 660px;
}

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

.outdoor_bracket_column .column{
    width: 31%;
}
@media screen and (max-width: 640px) {
.variations_outdoor_bracket{
	height: 380vw;
}

.img_outdoor_bracket_v01{
	top: 10vw;
	left: 14vw;
}

.img_outdoor_bracket_v01_text_01{
	top: 43vw;
	left: 3vw;
}
.img_outdoor_bracket_v01_text_02{
	top: 43vw;
	left: 36vw;
}
.img_outdoor_bracket_v02{
	top: 74vw;
	left: 14vw;
}
.img_outdoor_bracket_v02_text_01{
	top: 43vw;
	left: -1vw;
}
.img_outdoor_bracket_v02_text_02{
	top: 43vw;
	left: 42vw;
}

.img_outdoor_bracket_v03{
	top: 138vw;
	left: 14vw;
}
.img_outdoor_bracket_v03_text{
	top: 30vw;
	left: 0vw;
}
.img_outdoor_bracket_v04{
	top: 138vw;
	left: 54vw;
}
.img_outdoor_bracket_v04_text{
	top: 30vw;
	left: -7vw;
}
.img_outdoor_bracket_v05{
	top: 200vw;
	left: 10vw;
}
.img_outdoor_bracket_v05_text{
	top: 37vw;
	left: -4vw;
}
.img_outdoor_bracket_v06{
	top: 200vw;
	left: 52vw;
}
.img_outdoor_bracket_v06_text{
	top: 37vw;
	left: -6vw;
}
.img_outdoor_bracket_box{
	border: 1px solid #000000;
	position: absolute;
	top: 270vw;
	left: 2vw;
	width: 90vw;
	padding: 4vw 4vw 4vw;
}
.outdoor_bracket_column{
	width: auto;
}
.outdoor_bracket_column::after{
    width: 48%;
}

.outdoor_bracket_column .column{
    width: 48%;
}
.outdoor_bracket_column .column:nth-child(n+3) {
	margin-top: 1em;
}
}

/*-------------------------
   variations_outdoor_ceiling
-------------------------*/
.variations_outdoor_ceiling{
	position: relative;
	height: 800px;
}

.img_outdoor_ceiling_v01{
	position: absolute;
	top: 40px;
	left: 180px;
}

.img_outdoor_ceiling_v01_text{
	position: absolute;
	top: 150px;
	left: 70px;
}


.img_outdoor_ceiling_v02{
	position: absolute;
	top: 100px;
	left: 500px;
}
.img_outdoor_ceiling_v02_text{
	position: absolute;
	top: 90px;
	left: 0px;
}

.img_outdoor_ceiling_v03{
	position: absolute;
	top: 270px;
	left: 220px;
}

.img_outdoor_ceiling_v03_text{
	position: absolute;
	top: 120px;
	left: -60px;
}

.img_outdoor_ceiling_v04{
	position: absolute;
	top: 270px;
	left: 600px;
}
.img_outdoor_ceiling_v04_text{
	position: absolute;
	top: 120px;
	left: -80px;
}

.img_outdoor_ceiling_v05{
	position: absolute;
	top: 510px;
	left: 110px;
}

.img_outdoor_ceiling_v05_text_01{
	position: absolute;
	top: 150px;
	left: 50px;
}
.img_outdoor_ceiling_v05_text_02{
	position: absolute;
	top: 210px;
	left: 170px;
}
.img_outdoor_ceiling_v06{
	position: absolute;
	top: 510px;
	left: 550px;
}
.img_outdoor_ceiling_v06_text_01{
	position: absolute;
	top: 150px;
	left: -20px;
}
.img_outdoor_ceiling_v06_text_02{
	position: absolute;
	top: 210px;
	left: 170px;
}
@media screen and (max-width: 640px) {
.variations_outdoor_ceiling{
	height: 288vw;
}

.img_outdoor_ceiling_v01{
	top: 10vw;
	left: 20vw;
}

.img_outdoor_ceiling_v01_text{
	top: 36vw;
	left: 16vw;
}
.img_outdoor_ceiling_v02{
	top: 60vw;
	left: 18vw;
}
.img_outdoor_ceiling_v02_text{
	top: 18vw;
	left: -10vw;
}

.img_outdoor_ceiling_v03{
	top: 96vw;
	left: 12vw;
}
.img_outdoor_ceiling_v03_text{
	top: 26vw;
	left: -6vw;
}
.img_outdoor_ceiling_v04{
	top: 96vw;
	left: 57vw;
}
.img_outdoor_ceiling_v04_text{
	top: 26vw;
	left: -10vw;
}
.img_outdoor_ceiling_v05{
	top: 150vw;
	left: 10vw;
}
.img_outdoor_ceiling_v05_text_01{
	top: 34vw;
	left: 8vw;
}
.img_outdoor_ceiling_v05_text_02{
	top: 51vw;
	left: 34vw;
}
.img_outdoor_ceiling_v06{
	top: 218vw;
	left: 10vw;
}
.img_outdoor_ceiling_v06_text_01{
	top: 34vw;
	left: -2vw;
}
.img_outdoor_ceiling_v06_text_02{
	top: 51vw;
	left: 34vw;
}
}

/*-------------------------
   variations_standlight
-------------------------*/
.variations_standlight{
	position: relative;
	height: 560px;
}

.img_standlight_v01{
	position: absolute;
	top: 40px;
	left: 200px;
}

.img_standlight_v01_text{
	position: absolute;
	top: 150px;
	left: -140px;
}

.img_standlight_v02{
	position: absolute;
	top: 40px;
	left: 620px;
}
.img_standlight_v02_text{
	position: absolute;
	top: 150px;
	left: -140px;
}

.img_standlight_v03{
	position: absolute;
	top: 300px;
	left: 180px;
}

.img_standlight_v03_text{
	position: absolute;
	top: 150px;
	left: -120px;
}

.img_standlight_v04{
	position: absolute;
	top: 300px;
	left: 600px;
}
.img_standlight_v04_text{
	position: absolute;
	top: 150px;
	left: -120px;
}

@media screen and (max-width: 640px) {
.variations_standlight{
	height: 154vw;
}

.img_standlight_v01{
	top: 10vw;
	left: 15vw;
}

.img_standlight_v01_text{
	top: 38vw;
	left: -12vw;
}

.img_standlight_v02{
	top: 10vw;
	left: 60vw;
}
.img_standlight_v02_text{
	top: 38vw;
	left: -10vw;
}

.img_standlight_v03{
	top: 84vw;
	left: 10vw;
}
.img_standlight_v03_text{
	top: 36vw;
	left: -6vw;
}
.img_standlight_v04{
	top: 84vw;
	left: 56vw;
}
.img_standlight_v04_text{
	top: 36vw;
	left: -6vw;
}
}
/*-------------------------
   c-btn
-------------------------*/
.c-btn {
	width: 100%;
	box-sizing: border-box;
	border: #000 1px solid;
	margin: 0 auto 1em; 
}
.c-btn a {
	display: block;
	position: relative;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	font-size: 108%;
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
	padding: 20px 16px 20px 10px;
}
.c-btn a:after {
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../img/icon_btn_ctlg.png");
	background-size: contain;
	width: 24px;
	height: 24px;
	content: "";
}