@charset "UTF-8";

html,body{background-color: #fff!important;}
@media print { body{width: 100%!important;}}

/********** Protected **********/

.forPrint {display: none;}

.Protected {
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

@media print {
	.Protected {display: none;}
	.forPrint {display: block;}
	.ClearFix:after {content: ".";height: 1px;overflow: hidden;visibility: hidden;}
}

/********** BOX-SIZING **********/
div#FW3_wrap * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
div#FW3_wrap{
    width: 100%; height: auto;
    background-color: #fff;
}



/********** MDQ **********/
@media screen and (max-width:767px) { /*SP*/
	#MDQ{ display: none; }
	.pcNone{display: none;}
	.tbNone{display: inline;}
	.spNone{display: block;}
}
@media screen and (min-width:768px) and ( max-width:1295px) { /*PC&TB*/
	#MDQ{ display: inline; }
	.pcNone{display: block;}
	.tbNone{display: inline;}
	.spNone{display: none;}
}
@media screen and (min-width:1296px) , print { /*PC*/
	#MDQ{ display: block; }
	.pcNone{display: block;}
	.tbNone{display: none;}
	.spNone{display: none;}
}



/********** LOADING **********/
#FW3_loading{
    width: 100%; height: 100vh;
    display: flex; flex-wrap: nowrap;
	justify-content: center;
    align-items: center;
    background-color: #fff;
    position: fixed;
    top: 0; left: 0;
    z-index: 6000000;
}
#FW3_loading svg{
    width: 40px; height: 40px;
    animation: loading 0.75s linear 0.00s infinite normal;
    opacity: 0;
}
@keyframes loading {
      0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/********** COMMON PARTS **********/

.font_Min{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight:600!important;
}
.FW3_WHimg{
    width: 100%; height: auto;
}


/********** GLOBAL NAVI **********/
.FW3_gnaviRoot{
    width: 100%; height: 100vh;
    position: fixed; top: 0; left: 0; z-index: 199999;
    display: none; flex-wrap: nowrap;
    justify-content: center; align-items: flex-start;
    background-color: rgba(0,0,0,0.9);
    transition: opacity 0.5s; opacity: 0;
    padding-top: 75px;
}
.FW3_gnaviWrapper{
    width: 100%; height: 80vh;
    position: relative;
    /* background-color: rgba(0,0,255,0.7); */
}
.FW3_gnaviClose{
    width: 75px; height: 75px;
    position: absolute; top: -75px; right: 0px;
    display: flex; flex-wrap: nowrap;
    justify-content: center; align-items: flex-start;
    transition: opacity 0.5s; opacity: 1.0;
    cursor: pointer;
}
.FW3_gnaviClose img{
    padding: 20px;
    width: 35px; height: auto;
}
.FW3_gnaviClose:hover{
    opacity: 0.7;
}
.FW3_gnaviContainer{
    width: 100%; height: auto;
    /* background-color: rgba(0,255,0,0.7); */
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}
.FW3_gnaviContainer > div:last-child,
.FW3_gnaviContainer > a:last-child{
    border-bottom: 1px solid #ccc;
}
.FW3_gnaviItem{
    width: 100%;
    height: auto;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.3rem;
    text-align: left;
    box-sizing: border-box;
    border-top: 1px solid #afafaf;
    /* border-left: 1px solid #ccc; */
    /* border-right: 1px solid #ccc; */
    display: block;
    word-break: break-all;
    background-color: rgb(220, 220, 220);
    padding: 10px;
    text-decoration: none!important;
    background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 10px;
}
.FW3_gnaviSubItem{
    width: 100%;
    height: auto;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.3rem;
    text-align: left;
    box-sizing: border-box;
    border-top: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    display: block;
    word-break: break-all;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    text-decoration: none!important;
    background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 10px;
}
.FW3_gnaviSubtitle{
    width: 100%;
    height: auto;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.3rem;
    text-align: left;
    box-sizing: border-box;
    border-top: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    display: block;
    word-break: break-all;
    background-color: rgb(239, 239, 239);
    padding: 10px;
    text-decoration: none!important;
    background-image: url(/lighting/module/fw3/img/FW3_mark_plus_b.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 14px;
}
.FW3_gnaviSubtitleOpen{
    background-image: url(/lighting/module/fw3/img/FW3_mark_minus_b.png);
}
.FW3_gnaviLink{
    color: rgb(0,0,0)!important;
}
.FW3_gnaviUnlink{
    color: rgb(71, 65, 65)!important;
}
.FW3_gnaviSubWrapper{
    width: 100%;
    height: auto;
/*    border-left: 1px solid #afafaf;*/
    background-color: rgb(220, 220, 220);
    padding-left: 10px;
    box-sizing: border-box;
}
.FW3_gnaviSubContainer{
    width: 100%;
    height: auto;
    border-left: 1px solid #afafaf;
    background-color: rgb(239, 239, 239);
    padding-left: 10px;
    box-sizing: border-box;
}
@media screen and (max-width:767px) { /*SP*/
	.FW3_gnaviSpLink{
		display: none;
		position: fixed; z-index: 99999;
		top: 0px; right: 0px;
	}
	.FW3_gnaviSpLink img{
        padding: 20px;
		width: 35px; height: auto;
	}
    .FW3_gnaviSubtitle{
        color: rgb(29, 23, 23)!important;
    }
}
@media screen and (min-width:768px) , print { /*PC&TB*/
	.FW3_gnaviSpLink{
		display: none!important;
	}
    .FW3_gnaviSubtitle{
		display: none!important;
    }
}
.FW3_showNavi{
    display: block;
    float: left; opacity: 0.0;
    animation: aniShowNavi 0.3s ease 0s 1 normal;
    animation-fill-mode: forwards;
}
@keyframes aniShowNavi {
    0% { opacity: 0.0; transform: translate(0px, 30px); }
    100% { opacity: 1.0; transform: translate(0px, 0px); }
}
.FW3_hideNavi{
    opacity: 1.0;
    animation: aniHideNavi 0.2s ease 0s 1 normal;
    animation-fill-mode: forwards;
}
@keyframes aniHideNavi {
    0% { opacity: 1.0; transform: translate(0px, 0px); }
    100% { opacity: 0.0; transform: translate(0px, 30px); }
}




/********** GRID **********/
.windowWidth{
    width: 100%; height: auto;
    display: flex; flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contentsWidth{
    width: 100%; height: auto;
    display: flex; flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
/*FW3_0101-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0101MB{
width: calc((100% - 0px) /1);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0101MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0101MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0101MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0101MB{
width: calc((100% - 0px) /1);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0101MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0101MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0101MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0201-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0201MB{
width: calc((100% - 20px) /2);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0201MB:nth-child(2n){
width: calc((100% - 20px) /2);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0201MZ{
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0201MZ:nth-child(2n){
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0201MB{
width: calc((100% - 0px) /1);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0201MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0201MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0201MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0201MBW-------------------------------------------------------*/
        @media screen and (min-width:768px) , print { /*PC&TB*/
        .FW3_0201MBW{
        width: calc((100% - 20px) /2);
        margin-right: 20px; margin-bottom: 20px;}
        .FW3_0201MBW:nth-child(2n){
        width: calc((100% - 20px) /2);
        margin-right: 0px; margin-bottom: 20px;}
    }
        @media screen and (max-width:767px) { /*SP*/
        .FW3_0201MBW{
        width: calc((100% - 0px) /1);
        margin-right: 10px; margin-bottom: 10px;}
        .FW3_0201MBW:nth-child(1n){
        width: calc((100% - 0px) /1);
        margin-right: 0px; margin-bottom: 10px;}
    }
/*FW3_0202-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0202MB{
width: calc((100% - 20px) /2);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0202MB:nth-child(2n){
width: calc((100% - 20px) /2);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0202MZ{
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0202MZ:nth-child(2n){
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0202MB{
width: calc((100% - 10px) /2);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0202MB:nth-child(2n){
width: calc((100% - 10px) /2);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0202MZ{
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0202MZ:nth-child(2n){
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0301-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0301MB{
width: calc((100% - 40px) /3);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0301MB:nth-child(3n){
width: calc((100% - 40px) /3);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0301MZ{
width: calc((100% - 0px) /3);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0301MZ:nth-child(3n){
width: calc((100% - 0px) /3);
margin-right: 0px; margin-bottom: 0px;}
}
@media all and (-ms-high-contrast: none){ /*IE ONLY*/
.FW3_0301MB{
width: calc((100% - 40px) /3.001);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0301MB:nth-child(3n){
width: calc((100% - 40px) /3.001);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0301MZ{
width: calc((100% - 0px) /3.001);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0301MZ:nth-child(3n){
width: calc((100% - 0px) /3.001);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0301MB{
width: calc((100% - 0px) /1);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0301MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0301MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0301MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0303-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0303MB{
width: calc((100% - 40px) /3);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0303MB:nth-child(3n){
width: calc((100% - 40px) /3);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0303MZ{
width: calc((100% - 0px) /3);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0303MZ:nth-child(3n){
width: calc((100% - 0px) /3);
margin-right: 0px; margin-bottom: 0px;}
}
@media all and (-ms-high-contrast: none){ /*IE ONLY*/
.FW3_0303MB{
width: calc((100% - 40px) /3.001);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0303MB:nth-child(3n){
width: calc((100% - 40px) /3.001);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0303MZ{
width: calc((100% - 0px) /3.001);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0303MZ:nth-child(3n){
width: calc((100% - 0px) /3.001);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0303MB{
width: calc((100% - 20px) /3);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0303MB:nth-child(3n){
width: calc((100% - 20px) /3);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0303MZ{
width: calc((100% - 0px) /3);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0303MZ:nth-child(3n){
width: calc((100% - 0px) /3);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0401-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0401MB{
width: calc((100% - 60px) /4);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0401MB:nth-child(4n){
width: calc((100% - 60px) /4);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0401MZ{
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0401MZ:nth-child(4n){
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0401MB{
width: calc((100% - 0px) /1);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0401MB:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0401MZ{
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0401MZ:nth-child(1n){
width: calc((100% - 0px) /1);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0402-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0402MB{
width: calc((100% - 60px) /4);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0402MB:nth-child(4n){
width: calc((100% - 60px) /4);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0402MZ{
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0402MZ:nth-child(4n){
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0402MB{
width: calc((100% - 10px) /2);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0402MB:nth-child(2n){
width: calc((100% - 10px) /2);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0402MZ{
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0402MZ:nth-child(2n){
width: calc((100% - 0px) /2);
margin-right: 0px; margin-bottom: 0px;}
}
/*FW3_0404-------------------------------------------------------*/
@media screen and (min-width:768px) , print { /*PC&TB*/
.FW3_0404MB{
width: calc((100% - 60px) /4);
margin-right: 20px; margin-bottom: 20px;}
.FW3_0404MB:nth-child(4n){
width: calc((100% - 60px) /4);
margin-right: 0px; margin-bottom: 20px;}
.FW3_0404MZ{
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0404MZ:nth-child(4n){
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
}
@media screen and (max-width:767px) { /*SP*/
.FW3_0404MB{
width: calc((100% - 30px) /4);
margin-right: 10px; margin-bottom: 10px;}
.FW3_0404MB:nth-child(4n){
width: calc((100% - 30px) /4);
margin-right: 0px; margin-bottom: 10px;}
.FW3_0404MZ{
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
.FW3_0404MZ:nth-child(4n){
width: calc((100% - 0px) /4);
margin-right: 0px; margin-bottom: 0px;}
}



/* Conditions html font-size:100%; 1rem=16px */

/* PCTB -------------*/
/* 1.875rem =30px */
/* 1.75rem  =28px */
/* 1.5625rem=25px */
/* 1.3125rem=21px */
/* 1.0rem   =16px */

/* SP -------------*/
/* 1.71875rem=27.5px */
/* 1.5625rem=25px */
/* 1.40625rem=22.5px */
/* 1.1875rem =19px */
/* 1.09375rem=17.5px */
/* 1.0rem    =16px */


@media screen and (min-width:768px) , print { /*PCTB--------------*/
    
    .FW3_h1_products {
        font-size: 1.5625rem; line-height: 2.6rem; font-weight: bold; color: #333; 
        margin: 0px; }
    .FW3_h2_products0 {
        font-size: 1.75rem; line-height: 2.8rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; }
    .FW3_h2_products {
        font-size: 1.75rem; line-height: 2.8rem; font-weight: normal; color: #333;
        margin: 0 0 20px 0; background:none!important; }
    .FW3_h2_products2 {
        font-size: 1.6rem; font-weight: bold; line-height: 2.3rem;
        margin: 0px; padding: 0px; background:none!important; }
    .FW3_h3_products {
        font-size: 1.5625rem; line-height: 2.5rem; font-weight: normal; color: #333;
        margin: 0px; }
    .FW3_h4_products,.FW3_h3_products2 {
        font-size: 1.3125rem; line-height: 2.3rem; font-weight: normal; color: #333;
        margin: 0px; }
    .FW3_h5_products,.FW3_h4_products2 {
        font-size: 1.0rem; line-height: 2.0rem; font-weight: normal; color: #333;
        margin: 0px;  }

    .FW3_h1_models {
        font-size: 1.3125rem; line-height: 2.3rem; font-weight: normal; color: #333;
        margin: 0px; text-align: center; display: inline-block; width: 100%; margin: 20px 0;}
    .FW3_h2_models {
        font-size: 1.75rem; line-height: 2.4rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; text-align: left;
        width: 100%; margin: 20px 0 0 0;}
    .FW3_h2_models2 {
        font-size: 1.3125rem; line-height: 2.0rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; text-align: left;
        width: 100%; margin: 0; padding: 0;}
    .FW3_h3_models {
        font-size: 1.0rem; line-height: 2.0rem; font-weight: normal; color: #333;
        margin: 0px; }
    .FW3_h4_models {
        font-size: 1.3125rem; line-height: 2.3rem; font-weight: normal; color: #333;
        margin: 0px; }
    
    .FW3_h1_features {
        font-size: 1.75rem; line-height: 2.8rem; font-weight: normal; color: #333;
        margin: 0px; }
    .FW3_h2_features1 {
        font-size: 1.75rem; line-height: 2.8rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; }
    .FW3_h2_features2 {
        font-size: 1.5625rem; line-height: 2.5rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; }

    .FW3_h1_spec {
        font-size: 1.875rem; line-height: 2.8rem; font-weight: bold; color: #333; 
        margin: 0px; }
}

@media screen and (max-width:767px) { /*SP--------------*/
    .FW3_h1_products {
        font-size: 1.40625rem; line-height: 2.4rem; font-weight: bold; color: #333;
        margin: 0px!important;  }
    .FW3_h2_products,.FW3_h2_products0 {
        font-size: 1.40625rem; line-height: 1.4rem; font-weight: normal; color: #333;
        margin: 0px!important; background:none!important; }
    .FW3_h2_products2 {
        font-size: 1.1875rem; font-weight: bold; line-height: 2.2rem;
        margin: 0px!important; padding: 0px;
        background:none!important; }
    .FW3_h3_products {
        font-size: 1.1875rem; line-height: 2.2rem; font-weight: normal; color: #333;
        margin: 0px!important; }
    .FW3_h4_products,.FW3_h3_products2 {
        font-size: 1.09375rem; line-height: 1.6rem; font-weight: normal; color: #333;
        margin: 0px!important; }
    .FW3_h4_products2 {
        font-size: 1.0rem; line-height: 1.6rem; font-weight: normal; color: #333;
        margin: 0px!important; }
    .FW3_h5_products {
        font-size: 1.0rem; line-height: 1.6rem; font-weight: normal; color: #333;
        margin: 0px!important; width: calc( 100% - 20px ); text-align: right;}

    .FW3_h1_models {
        font-size: 1.0rem; line-height: 1.6rem; font-weight: normal; color: #333;
        margin: 20px 0!important; text-align: center; display: inline-block; width: 100%;}
    .FW3_h2_models {
        font-size: 1.71875rem; line-height: 2.2rem; font-weight: normal; color: #333;
        margin: 10px 0 0 0!important; width: 100%;}
    .FW3_h2_models2 {
        font-size: 1.3125rem; line-height: 2.0rem; font-weight: normal; color: #333;
        margin: 0!important; padding: 0; width: 100%; text-align: left;}
    .FW3_h3_models {
        font-size: 1.0rem; line-height: 1.6rem; font-weight: normal; color: #333;
        margin: 0px!important; }
    .FW3_h4_models {
        font-size: 1.09375rem; line-height: 1.6rem; font-weight: normal; color: #333;
        margin: 0px!important; }
    
    .FW3_h1_features {
        font-size: 1.71875rem; line-height: 2.4rem; font-weight: normal; color: #333;
        margin: 0px!important; }
    .FW3_h2_features1 {
        font-size: 1.71875rem; line-height: 2.4rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; }
    .FW3_h2_features2 {
        font-size: 1.5625rem; line-height: 2.3rem; font-weight: normal; color: #333;
        margin: 0; background:none!important; }
    
    .FW3_h1_spec {
        font-size: 1.71875rem; line-height: 2.4rem; font-weight: normal; color: #333;
        margin: 0px!important; }
}





@media screen and (min-width:768px) , print { /*PCTB------------------------------------------------------------------*/
    
    
    /*-------------------------------------------------------------*/

    
    .FW3_h1_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0px 0 20px 0;
    }
    .FW3_mi_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0px 0 60px 0;
    }
    
    .FW3_plu_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0px 0 60px 0; padding: 0 0 40px 0;
        background-color: #efefef;
    }
    .FW3_h2_box0{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 60px 0 40px 0;
    }
    .FW3_h2_box{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 20px 0 10px 0;
    }
    .FW3_h2_box2{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 30px 0 0 0;
    }
    
    .FW3_compare{
        border: 2px solid #cbcbcb;
        padding: 15px 60px;
        color: #020411!important;
        text-decoration: none!important;
        transition:0.5s;
        background-color: #fff;
        display: inline-block;
        position: relative;
    }
    .FW3_compare:hover{opacity: 0.5;}
    .FW3_compare::after{
        content: "";
        position: absolute;
        top: 22px; right: 10px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }
    
    .FW3_h3_box{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 20px 0 0 0;
    }
    .FW3_model_Wrap{
        border: 1px solid #ccc; border-radius: 2px;
        padding: 30px; margin: 40px 0 0 0;
    }
    .FW3_model_wrapBox1{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        
    }
    .FW3_model_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border-top: 1px solid #333;
        background-color: #fff;
        position: relative;
    }
    .FW3_model_boxAll{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border: 1px solid #333;
        background-color: #fff;
        position: relative;
    }
    .FW3_model_new{
        position: absolute;
        top: 0px; left: 0;
        width: 54px;  height: 25px;
    }
    .FW3_model_a{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        text-decoration: none!important;
        transition:0.5s;
        padding: 30px;
    }
    .FW3_model_a:hover{opacity: 0.5;}
    .FW3_model_img{width: 30%;}
    .FW3_model_img img{width: 100%;}
    .FW3_model_detail{width: 70%; margin-left: 30px;}
    
    .FW3_model_arr{
        display: inline-block; position: relative;
        margin: 20px 0 0 0;
    }
    .FW3_model_arr::after{
        content: "";
        position: absolute;
        top: 8px; right: -30px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }
    
    
    .FW3_mainfeatures_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: flex-start;
        border-top: 1px solid #333;
        background-color: #fff;
        padding: 30px 30px 20px 30px;
    }
    .FW3_mainfeatures_boxAll{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: flex-start;
        border: 1px solid #333;
        background-color: #fff;
        padding: 30px 30px 20px 30px;
    }
    .FW3_mainfeatures_box2{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;margin: 0 0 10px 0;
    }
    .FW3_mainfeatures_img{width: 30%;}
    .FW3_mainfeatures_img img{width: 100%;}
    .FW3_mainfeatures_detail{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        width: 70%; height: 100%;
        margin-left: 30px;
    }
    .FW3_mainfeatures_arr{ 
        display: inline-block; position: relative;
        transition:0.5s; margin: 0 40px 0 0;
        text-decoration: none!important;
    }
    .FW3_mainfeatures_arr:hover{opacity: 0.5;}
    .FW3_mainfeatures_arr::after{
        content: "";
        position: absolute;
        top: 8px; right: -20px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }
    
    .FW3_pickup_box{
        position: relative;
        border: 1px solid #020411;
    }
    .FW3_pickup_a{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        text-decoration: none!important;
        transition:0.5s;
        padding: 0px;
    }
    .FW3_pickup_a:hover{
        background-color: rgba(0,0,0,0.05);
    }
    .FW3_pickup_a::after{
        content: "";
        position: absolute;
        top: 27px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px; height: 14px;
        opacity: 0.5;
    }
    .FW3_pickup_img{
        width: 70px;
        border-right: 1px solid #020411;
    }
    .FW3_pickup_img img{width: 100%;}
    .FW3_pickup_detail{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        width: 70%; height: 100%;
        font-size: 1.0rem; line-height: 1.2rem; color: #020411;
        margin: 5px 0 0 10px;
    }
    
    .FW3_h2_boxEtc{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0 0 20px 0;
    }
    
    .FW3_attention{
        font-size: 0.8rem; line-height: 1.8rem;
        padding-left:1em; text-indent:-1em;
    }
    .FW3_note{
        font-size: 0.8rem; line-height: 1.8rem;
        padding-left:1em; text-indent:-1em;
    }

    /*FW3_modeltop----------------------------*/

    .FW3_modelTop_mi_debug{
        flex-direction: row!important;
    }
    .FW3_modelTop_mi{
        display: table;
        margin: 0 0 60px 0!important;
    }
    .FW3_modelTop_mi_left{
        width: 30%; padding: 30px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background-color: #f9f9f9;
    }
    .FW3_modelTop_mi_left_gray{
        width: 30%; padding: 30px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background-color: #f9f9f9;
    }
    .FW3_modelTop_mi_left_img{
        max-width: 198px; max-height: auto;
        padding: 10px
    }
    .FW3_modelTop_mi_left_color{
        display: inline-block; width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    .FW3_modelTop_mi_newBox{
        position: relative;
    }
    .FW3_modelTop_mi_new{
        position: absolute;
        top: 4px; left: 6px;
        width: 44px;  height: auto;
    }
    .FW3_modelTop_mi_box2{
        display: table;
    }
    .FW3_modelTop_mi_box2 div{
        display: table-cell; width: 50%;
    }
    .FW3_modelTop_mi_right{
        width: 70%;
        display: table-cell;
        vertical-align: middle;
    }
    
    
    .FW3_modelTop_miNoIm{
        display: table;
        margin: 0 0 60px 0!important;
    }
    .FW3_modelTop_NoImLinkPC{display: block;}
    .FW3_modelTop_NoImLinkSP{display: none;}
    .FW3_modelTop_NoImBr{
        display: none;
    }
    .FW3_modelTop_NoImSpan{
        margin: 0 0 0 15px;
    }
    .FW3_modelTop_mi_boxNoIm{
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        width: 100%; 
    }
    .FW3_modelTop_mi_boxNoIm div{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        width: 40%;
    }
    .FW3_modelTop_mi_leftNoIm{
        width: 50%;
        padding: 40px 0 30px 10%;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        background-color: #f9f9f9;
    }
    .FW3_modelTop_mi_rightNoIm{
        width: 50%;
        padding: 0 15% 0 30px;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        background-color: #f9f9f9;
    }
    .FW3_modelTop_mi_rightNoIm h1{
        margin-left: -6%;
    }
    
    /* DisplayGrid IE11 NG-----------------*/
    
    .FW3_modelTop_gridBox{
        display: block;
        margin: 0 0 60px 0!important;
    }
    .FW3_modelTop_gridBr{
        display: none;
    }
    .FW3_modelTop_gridSpan{
        margin: 0 0 0 15px;
    }
    .FW3_modelTop_gridSub{
        width: 50%; text-align: center;
    }
    .FW3_modelTop_grid{
        width: 100%; background-color: #f9f9f9;
        display: -ms-grid;
        display: grid;
        grid-template-columns:15% 35% 35% 15%;
        grid-template-rows:50% 50%;
    }
    .FW3_modelTop_grid0{
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
    }
    .FW3_modelTop_grid1{
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        grid-row: 1;
        width: 100%;
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: flex-end;
        margin: 0 0 0 -6%;
    }
    .FW3_modelTop_grid2{
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        width: 100%;
        display: flex; flex-wrap: wrap;
        justify-content: flex-end; align-items: center;
        padding: 40px 0;
    }
    .FW3_modelTop_grid3{
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        width: 100%; padding: 10px 20% 0 20%;
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: flex-start;
    }
    
    /*-----------------*/
    
    .FW3_modelTop_aBox050{width: 50%;}
    .FW3_modelTop_aBox080{width: 80%;}
    .FW3_modelTop_aBox100{width: 100%;}
    .FW3_modelTop_a{
        display: inline-block;
        width: 100%;
        border: 2px solid #cbcbcb;
        padding: 10px 30px;
        position: relative;
        text-align: center;
        text-decoration: none!important;
        color: #333!important;
        transition: 0.3s;
        background-color: #f4f4f4;
    }
    .FW3_modelTop_a::after{
        content: "";
        position: absolute;
        top: 14px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px; height: 14px;
        /* opacity: 0.5; */
    }
    .FW3_modelTop_a:hover{ opacity: 0.5; }
    .FW3_modelTop_boxSplit1{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        margin-bottom: 60px!important;
    }
    .FW3_modelTop_boxSplit2{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        margin-bottom: 60px!important;
    }
    .FW3_modelTop_text{
        margin: 0 0 10px 0;
        width: 100%;
    }

    .FW3_modelTop_a_f{
        width: 100%;
        border: 1px solid #cbcbcb;
        padding: 0 30px 0 0;
        position: relative;
        text-align: center;
        text-decoration: none!important;
        color: #333!important;
        transition: 0.3s;
        background-color: #fff;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
    }
    .FW3_modelTop_a_f::after{
        content: "";
        position: absolute;
        top: 50px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px; height: 14px;
        /* opacity: 0.5; */
    }
    .FW3_modelTop_a_f:hover{ opacity: 0.5; }
    .FW3_modelTop_a_f_left{
        width: 30%!important;
    }
    .FW3_modelTop_a_f_right{
        width: 70%!important;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        padding: 0 0 0 10px;
    }
    .FW3_modelTop_a_f_text1{
        font-size: 0.875rem;
        text-align: left;
        margin: 0; padding: 0;
        background-color: #fff;
        font-family: initial;
        font-weight: normal;
        line-height: 1.4rem;
    }
    .FW3_modelTop_a_f_text2{
        font-size: 1.3125rem;
        text-align: left;
    }
    
    .FW3_modelTop_detailBox{
        display: table;
        padding: 60px 0 0 0; margin: 40px 0 0 0;
        border-top: 1px solid #ccc;
    }
    .FW3_modelTop_detailBox1{
        width: 25%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .FW3_modelTop_detailBox1 img{max-width: 232px;}
    .FW3_modelTop_detailBox2{
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .FW3_modelTop_detailBox2 img{max-width: 610px;}
    .FW3_modelTop_detailBox3{
        width: 25%;
        display: table-cell;
        vertical-align: top;
        text-align: right;
    }
    .FW3_modelTop_detailBox3 a{
        display: inline-flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        width: 178px; height: 60px;
        border: 1px solid #ccc;
        margin: 0 0 10px 0; padding: 0 20px 0 10px;
        transition: 0.3s;
        position: relative;
        text-align: left;
        text-decoration: none!important;
        color: #333!important;
        font-size: 0.7rem;
    }
    .FW3_modelTop_detailBox3 a:hover{ opacity: 0.5; }
    .FW3_modelTop_detailBox3 a::after{
        content: "";
        position: absolute;
        top: 20px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_plus_circle.png);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        width: 16px; height: 16px;
        /* opacity: 0.5; */
    }
    .FW3_modelTop_linkBox{
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        margin: 30px 0 0 0;
    }



    /*FW3_spec----------------------------*/
    .FW3_spec_flexStrech{
        align-items: stretch;
    }
    .FW3_spec_img{
        width: 100%; height: auto;
    }
    .FW3_spec_mainBox{
        border: 1px solid #ccc;
    }
    .FW3_spec_wrap1{
    }
    .FW3_spec_noThumbnail{
        display: flex; flex-direction: column;
        justify-content: center;
    }
    .FW3_spec_titleText{
        text-align: left;
    }
    .FW3_spec_subText{
        text-align: left;
    }
    .FW3_spec_thumbnailsBox{
        width: 100%; height: auto;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 30px;
    }
    .FW3_spec_detailBox{
        display: block;
        width: calc((100% - 40px) / 5); height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
    }
    .FW3_spec_detailBox:nth-of-type(5n){
        margin-right: 0px;
    }



    /*FW3_modion----------------------------*/
    .FW3_modion_wrap{
        position: relative;
    }
    .FW3_modion_cover{
        display: block;
        background-color: rgba(0, 0, 0, 0.3);
        width: 100%; height: 100%;
        position: absolute;
        top: 0; left: 0;
        z-index: 49;
        opacity: 0;
        transition: 0.3s;
    }
    .FW3_modion{}
    .FW3_modion_modal{
        display: block;
        background-color: #fff;
        width: calc(100% - 40px); height: 0;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 20px; left: 20px;
        z-index: 50;
        transition: 0.5s;
        overflow: hidden;
    }
    .FW3_modion_close{
        display: block;
        background-color: #ccc;
        width: 50px; height: 50px;
        position: absolute;
        top: 10px; right: 10px;
        z-index: 51;
        cursor: pointer;
        transition: 0.3s;
    }
    .FW3_modion_close:hover{opacity: 0.7;}
    .FW3_modion_close img{
        width: 100%; height: auto;
    }
    .FW3_modion_frame{
        display: block;
        width: 100%;
        height: 0;
        /* height: auto; */
        overflow: hidden;
    }
    .FW3_modion_content{
        display: block;
        width: 100%; height: auto;
    }



    /*FW3_productNavi----------------------------*/
    
    .FW3_productNaviLine{
        width: 100%;
        border-bottom: 1px dashed #ccc;
        margin: 0 0 59px 0;
    }
    .FW3_productNaviLineSub{
        width: 100%;
        border-bottom: 1px dashed #ccc;
        margin: 0 0 60px 0;
    }
    .FW3_productNavi{
        display: flex; flex-wrap: nowrap;
        justify-content: space-between; align-items: center;
        margin: 7px 0 0 0;  
    }  
    .FW3_productNavi div,.FW3_productNavi a{
        width: 25%;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        padding: 12px 5px 10px 5px;
        border-radius: 2px 2px 0 0;
        font-size: 0.8rem;
        transition: 0.3s;
        text-decoration: none!important;
        color: #333!important;
        line-height: 1.2rem;
    }
    .FW3_productNavi div:hover,.FW3_productNavi a:hover{
        background-color: rgba(0,0,0,0.1); cursor: pointer;
        color: #333!important;
    } 
    .FW3_productSub{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        margin: -60px 0 30px 0;
    }
    .FW3_productSub div,.FW3_productSub a{
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        padding: 12px 20px 10px 20px;
        border-radius: 0 0 2px 2px;
        font-size: 0.8rem;
        transition: 0.3s;
        text-decoration: none!important;
        color: #333!important;
    }
    .FW3_productSub div:hover,.FW3_productSub a:hover{
        background-color: rgba(0,0,0,0.1); cursor: pointer;
        color: #333!important;
    }
    div.FW3_pnActive,a.FW3_pnActive{
        background-color: rgba(0,0,0,0.7);
        color: #fff!important;
    }
    .FW3_contentsDottedLine{
        width: 100%;
        border-bottom: 1px dotted #ccc;
        margin: 40px 0 60px 0;
    }
    
    /*FW3_before----------------------------*/
    
    .FW3_beforeLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_beforeLink{
        width: 100%; height: 100%; padding: 0 20px 0 0;
        color: #333!important;
        text-decoration: none!important;
        background-color: #fff;
        border: 1px solid #ccc;
        transition: 0.3s;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border-radius: 2px;
    }
    .FW3_beforeLink::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_beforeLink:hover{
        background-color: rgba(0,0,0,0.05);
    }
    .FW3_beforeLink img{
        width: 70px; height: auto;
    }
    .FW3_beforeLink p{
        margin-left: 10px;
    }
    
    /*FW3_relation----------------------------*/
    
    .FW3_relationLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_relationLink{
        width: 100%; height: 100%; padding: 0 20px 0 0;
        color: #333!important;
        text-decoration: none!important;
        background-color: #fff;
        border: 1px solid #ccc;
        transition: 0.3s;
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        border-radius: 2px;
    }
    .FW3_relationLink::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_relationLink:hover{
        background-color: rgba(0,0,0,0.05);
    }
    .FW3_relationLink img{
        width: 70px; height: auto;
    }
    .FW3_relationLink p{
        margin-left: 10px;
        padding: 5px 0 5px 0;
    }
    
    /*FW3_support----------------------------*/
    
    .FW3_support{
        background-color: #f5f5f5;
        padding: 60px 0 40px 0;
        margin: 40px 0 60px 0;
    }
    .FW3_supportLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_supportLink{
        width: 100%; height: 100%; padding: 10px 20px 10px 10px;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        color: #333!important;
        text-decoration: none!important;
        background-color: #fff;
        transition: 0.3s;
    }
    .FW3_supportLink::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_supportLink:hover{
/*        text-decoration: underline!important;*/
        background-color: rgba(0,0,0,0.05);
    }
    
    /*FW3_safety----------------------------*/
    
    .FW3_safety{
        background-color: #fff;
        margin: 40px 0 30px 0;
    }
    .FW3_safetyTitle{
        border-left: none; padding: 0;
    }
    .FW3_safetyTitle::before{
        content: "";
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_safety.png");
        background-repeat: no-repeat;
        background-size: 30px 26px;
        width: 30px; height: 26px;
        margin: 0 10px 5px 0;
    }
    .FW3_safetyTitle_info::before {
        background-image: url(/lighting/module/fw3/img/FW3_mark_important.png);
    }
    .FW3_safetyLinkBox{
        border-bottom: 1px dotted #ccc;
        margin-bottom: 0px!important;
        transition: 0.3s;
    }
    .FW3_safetyLinkBox:first-child{
        border-top: 1px dotted #ccc;
    }
    .FW3_safetyLink{
        width: 100%;
        display: inline-block;
        color: #333!important;
        text-decoration: none!important;
        padding: 20px 0;
        transition: 0.3s;
        padding-left:1em; text-indent:-1em;
    }
    .FW3_safetyLink:hover{
        padding-left: 10px;
        background-color: rgba(0,0,0,0.05);
        padding-left:2em; text-indent:-1em;
    }
    .FW3_safetyLink::after{
        content: "";
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        margin-left: 10px;
    }
    
    /*FW3_full----------------------------*/
    
    .FW3_fullTitle{
        font-size: 1.4rem; font-weight: bolder; line-height: 2.0rem;
        color: #333; border-left: 5px solid #ccc; padding-left: 10px;
    }
    .FW3_fullLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_fullLink{
        width: 100%; height: 100%; padding: 10px 20px 10px 10px;
        display: inline-block;
        text-align: center;
        color: #333!important;
        text-decoration: none!important;
        background-color: #eee;
        transition: 0.3s; border-radius: 2px;
    }
    .FW3_fullLink:hover{
        cursor: pointer;
        background-color: rgba(0,0,0,0.3);
    }
    .FW3_flActive{
        background-color: rgb(118, 209, 251);
    }
     
    .FW3_flExecutionBox{
        position: relative;
        margin: 80px 0 100px 0;
    }
    .FW3_flExecutionLine{
        width: 100%;
        border-bottom: 1px dotted #ccc;
/*        margin: 40px 0 60px 0;*/
    }
    .FW3_flExecution{
        width: 300px; height: 80px; padding: 20px 20px 20px 20px;
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        color: #fff!important;
        text-decoration: none!important;
        background-color: rgb(217, 78, 78);
        transition: 0.3s; border-radius: 2px;
        position: absolute;
        top: 50%; left: 50%; 
        margin-left: -150px; margin-top: -40px;
    }
    .FW3_flExecution::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_w.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_flExecution:hover{
        cursor: pointer;
        transform:scale(1.05,1.05);
/*        box-shadow: 5px 5px 1px 0px rgba(0,0,0,0.1);*/
    }
    
    /*-----------------------------------------------------------*/
    
    .dummy_1{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 50px 0;
        position: relative;
        transition: 0.3s;
        text-decoration: none!important;
        color: #333!important;
    }
    .dummy_1::after{
        content: ""; position: absolute; right: 10px;
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.svg");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        width: 16px; height: 16px;
    }
    .dummy_1:hover{
        cursor: pointer;
        opacity: 0.5;
    }
    .dummy_1a{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 100px 0;
    }
    .dummy_2{
    }
    .dummy_3{
        width: 23px; height: auto;
    }
    .dummy_4{ margin-bottom: 60px; }
    .dummy_5{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
        background-color: #fff;
        transition: 0.3s;
    }
    .dummy_5:hover{
        opacity: 0.5;
    }
    .dummy_6{
        background-color: #eee;
        height: 400px;
        margin-bottom: 60px;
    }
    .dummy_7{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 50px 0;
        position: relative;
        transition: 0.3s;
    }
    .dummy_7::after{
        content: ""; position: absolute; bottom: 10px;
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_under_b.png");
        background-repeat: no-repeat;
        background-size: 16px 9px;
        width: 16px; height: 9px;
    }
    .dummy_7:hover{
        opacity: 0.5;
    }
    .dummy_8{
        padding: 30px 30px 10px 30px;background-color: #fff;
        border: 1px dotted #ccc;
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
    }
    .dummy_9{
        border: 1px solid #ccc;
    }
    .dummy_9 img{
        width: 100%; height: auto;
    }
    .dummy_10{
        font-size: 2.0rem; font-weight: bolder; line-height: 2.6rem; color: #333;
        border: 1px solid #333; border-radius: 2px;
        padding: 10px 5px 5px 15px; margin: 0 10px 10px 0;
    }
    .dummy_11{width: 100%; height: auto;}
    .dummy_12{
        width: 100%; height: 50vh;
        background-color: rgb(240, 240, 240);
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        font-size: 5.0rem; font-weight: bold;
    }
    .dummy_13{
        width: 100%; height: 50vh;
        background-color: rgb(180, 180, 180);
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        font-size: 5.0rem; font-weight: bold;
    }
    .dummy_14{
        width: 100%; height: 50vh;
        background-color: rgb(210, 210, 210);
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        font-size: 5.0rem; font-weight: bold;
    }
    .dummy_15{
        margin-bottom: 60px;
    }

    
}/*PCTB----------------------------------------------*/	



@media screen and (max-width:767px) { /*SP------------------------------------------------------------------*/
    
    
    /*-------------------------------------------------------------*/

    
    
    .FW3_h1_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0 0 10px 0;
    }
    .FW3_mi_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0 0 0 0;
    }
    .FW3_mi_box picture{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin-left: -10px!important; 
        margin-right: -10px!important;
    }
    
    .FW3_plu_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0 0 0 0; padding: 0 0 40px 0;
        background-color: #efefef;
    }
    .FW3_h2_box0{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 30px 0 0 0;
    }
    .FW3_h2_box{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 30px 0 0 0;
    }
    .FW3_h2_box2{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 30px 0 0 0;
    }
    
    .FW3_compare{
        border: 2px solid #cbcbcb;
        padding: 5px 30px;
        color: #020411!important;
        text-decoration: none!important;
        transition:0.5s;
        background-color: #fff;
        display: inline-block;
        position: relative;
    }
    .FW3_compare:hover{opacity: 0.5;}
    .FW3_compare::after{
        content: "";
        position: absolute;
        top: 9px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }
    
    .FW3_h3_box{
        display: flex; flex-wrap: wrap;
        justify-content: space-between; align-items: center;
        margin: 20px 0 0 0;
    }
    
    .FW3_model_Wrap{
        border: 1px solid #ccc; border-radius: 2px;
        padding: 10px; margin: 40px 0 0 0;
    }
    .FW3_model_wrapBox1{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        
    }
    
    .FW3_model_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border-top: 1px solid #333;
        background-color: #fff;
        position: relative;
        padding: 10px 0;
    }
    .FW3_model_boxAll{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border: 1px solid #333;
        background-color: #fff;
        position: relative;
        padding: 10px 0;
    }
    .FW3_model_new{
        position: absolute;
        top: 0px; left: 0;
        width: 32px;  height: 15px;
    }
    .FW3_model_a{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        text-decoration: none!important;
        transition:0.5s;
        padding: 10px;
    }
    .FW3_model_a:hover{opacity: 0.5;}
    .FW3_model_img{width: 25%;}
    .FW3_model_img img{width: 100%;}
    .FW3_model_detail{width: 75%; margin-left: 10px;}
    
    .FW3_model_arr{
        display: inline-block; position: relative;
        margin: 20px 0 0 0;
    }
    .FW3_model_arr::after{
        content: "";
        position: absolute;
        top: 4px; right: -20px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }
    
    
    .FW3_mainfeatures_box{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: flex-start;
        border-top: 1px solid #333;
        background-color: #fff;
        padding: 10px 10px 5px 10px;
    }
    .FW3_mainfeatures_boxAll{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: flex-start;
        border: 1px solid #333;
        background-color: #fff;
        padding: 10px 10px 5px 10px;
    }
    .FW3_mainfeatures_box2{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;margin: 0 0 10px 0;
    }
    .FW3_mainfeatures_img{width: 25%;}
    .FW3_mainfeatures_img img{width: 100%;}
    .FW3_mainfeatures_detail{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        width: 75%; height: 100%;
        margin-left: 10px!important;
    }
    .FW3_mainfeatures_arr{ 
        display: inline-block; position: relative;
        transition:0.5s; margin: 0 30px 0 0;
        text-decoration: none!important;
    }
    .FW3_mainfeatures_arr:hover{opacity: 0.5;}
    .FW3_mainfeatures_arr::after{
        content: "";
        position: absolute;
        top: 4px; right: -20px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px;
        height: 14px;
    }
    
    .FW3_pickup_box{
        position: relative;
        border: 1px solid #020411;
    }
    .FW3_pickup_a{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        text-decoration: none!important;
        transition:0.5s;
        padding: 0px;
    }
    .FW3_pickup_a:hover{
        background-color: rgba(0,0,0,0.05);
    }
    .FW3_pickup_a::after{
        content: "";
        position: absolute;
        top: 27px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px; height: 14px;
        opacity: 0.5;
    }
    .FW3_pickup_img{
        width: 70px;
        border-right: 1px solid #020411;
    }
    .FW3_pickup_img img{width: 100%;}
    .FW3_pickup_detail{
        display: flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        width: 70%; height: 100%;
        font-size: 1.0rem; line-height: 1.2rem; color: #020411;
        margin: 5px 20px 0 10px;
    }
    
    .FW3_h2_boxEtc{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        margin: 0 0 10px 0;
    }
    
    
    .FW3_attention{
        font-size: 0.8rem; line-height: 1.2rem;
        padding-left:1em; text-indent:-1em;
    }
    .FW3_note{
        font-size: 0.8rem; line-height: 1.2rem;
        padding-left:1em; text-indent:-1em;
    }
    
    
    /*FW3_modeltop----------------------------*/

    .FW3_modelTop_mi_debug{
        flex-direction: row!important;
    }
    .FW3_modelTop_mi{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        margin: 15px 0 60px 0!important;
    }
    .FW3_modelTop_mi_left{
        width: calc( 100% + 20px ); padding: 10px;
        background-color: #fff;
        text-align: center;
        margin-left: -10px!important; 
        margin-right: -10px!important;
        border-top: 1px solid #ccc;
    }
    .FW3_modelTop_mi_left_gray{
        width: calc( 100% + 20px ); padding: 10px;
        background-color: #f9f9f9;
        text-align: center;
        margin-left: -10px!important; 
        margin-right: -10px!important;
        border-top: 1px solid #ccc;
    }
    .FW3_modelTop_mi_left_img{
        max-width: 198px; max-height: auto;
        padding: 10px;
    }
    .FW3_modelTop_mi_left_color{
        display: inline-block; width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    .FW3_modelTop_mi_newBox{
        position: relative;
    }
    .FW3_modelTop_mi_new{
        position: absolute;
        top: 2px; left: 6px;
        width: 40px;  height: auto;
    }
    .FW3_modelTop_mi_box2{
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
    }
    .FW3_modelTop_mi_box2 div{
        width: 50%;
    }
    .FW3_modelTop_mi_box2 p{
        text-align: center;
    }
    .FW3_modelTop_mi_right{
        width: 70%;
        display: table-cell;
        vertical-align: middle;
    }
    .FW3_modelTop_mi_right{
        width: 100%;
    }
    
    .FW3_modelTop_mi_right picture{
        width: 100%;
        margin-left: -10px!important; 
        margin-right: -10px!important;
    }
    .FW3_modelTop_mi_right img{
        width: calc( 100% + 20px );
    }
    
    
    .FW3_modelTop_miNoIm{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        flex-direction: column-reverse;
        margin: 15px 0 60px 0!important;
    }
    .FW3_modelTop_NoImLinkPC{display: none;}
    .FW3_modelTop_NoImLinkSP{display: block;padding: 0 10px;margin: 10px 0 0 0;}
    .FW3_modelTop_NoImBr{
        display: block;
    }
    .FW3_modelTop_NoImSpan{
        margin: 0 0 0 0;
    }
    .FW3_modelTop_mi_boxNoIm{
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        width: 100%; 
    }
    .FW3_modelTop_mi_boxNoIm div{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        width: 45%;
    }
    .FW3_modelTop_mi_leftNoIm{
        width: calc( 100% + 20px );
        padding: 0 0 20px 0;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        background-color: #f9f9f9;
        margin-left: -10px!important;
        margin-right: -10px!important;
    }
    .FW3_modelTop_mi_rightNoIm{
        width: calc( 100% + 20px );
        padding: 10px 0 0 0;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        background-color: #f9f9f9;
        border-top: 1px solid #ccc;
        margin-left: -10px!important;
        margin-right: -10px!important;
    }
    .FW3_modelTop_mi_rightNoIm h1{
        margin-left: 0;
    }
    
    
    
    
    .FW3_modelTop_aBox050{width: 100%;}
    .FW3_modelTop_aBox080{width: 100%;}
    .FW3_modelTop_aBox100{width: 100%;}
    .FW3_modelTop_a{
/*        display: inline-block;*/
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        width: 100%; height: 60px;
        border: 2px solid #cbcbcb;
        padding: 10px 30px;
        position: relative;
        text-align: center;
        text-decoration: none!important;
        color: #333!important;
        transition: 0.3s;
        background-color: #f4f4f4;
    }
    .FW3_modelTop_a::after{
        content: "";
        position: absolute;
        top: 20px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px; height: 14px;
        /* opacity: 0.5; */
    }
    .FW3_modelTop_a:hover{ opacity: 0.5; }
    .FW3_modelTop_boxSplit1{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        margin-bottom: 60px!important;
    }
    .FW3_modelTop_boxSplit2{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        margin-bottom: 60px!important;
    }
    .FW3_modelTop_text{
        margin: 0 0 10px 0;
        width: 100%;
    }

    .FW3_modelTop_a_f{
        width: 100%;
        border: 1px solid #cbcbcb;
        padding: 0 10px 0 0;
        position: relative;
        text-align: center;
        text-decoration: none!important;
        color: #333!important;
        transition: 0.3s;
        background-color: #fff;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
    }
    .FW3_modelTop_a_f::after{
        content: "";
        position: absolute;
        top: 36px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_arw_right_b.svg);
        background-repeat: no-repeat;
        background-size: 14px 14px;
        width: 14px; height: 14px;
        /* opacity: 0.5; */
    }
    .FW3_modelTop_a_f:hover{ opacity: 0.5; }
    .FW3_modelTop_a_f_left{
        width: 30%!important;
    }
    .FW3_modelTop_a_f_right{
        width: 70%!important;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        padding: 0 0 0 10px;
    }
    .FW3_modelTop_a_f_text1{
        font-size: 0.875rem;
        text-align: left;
        margin: 0; padding: 0;
        background-color: #fff;
        font-family: initial;
        font-weight: normal;
        line-height: 1.4rem;
    }
    .FW3_modelTop_a_f_text2{
        font-size: 1.3125rem;
        text-align: left;
    }
    
    .FW3_modelTop_detailBox{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: flex-start;
        padding: 40px 0 0 0; margin: 40px 0 0 0;
        border-top: 1px solid #ccc;
    }
    .FW3_modelTop_detailBox1{
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }
    .FW3_modelTop_detailBox1 img{max-width: 232px;}
    .FW3_modelTop_detailBox2{
        width: 100%;
        vertical-align: middle;
        text-align: center;
    }
    .FW3_modelTop_detailBox2 img{max-width: 100%;}
    .FW3_modelTop_detailBox3{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        width: 100%;
        vertical-align: top;
        text-align: right;
        margin: 10px 0 0 0;
    }
    .FW3_modelTop_detailBox3 a{
        display: inline-flex; flex-wrap: nowrap;
        justify-content: flex-start; align-items: center;
        width: 100%; height: 60px;
        border: 1px solid #ccc;
        margin: 0 0 10px 0; padding: 0 20px 0 10px;
        transition: 0.3s;
        position: relative;
        text-align: left;
        text-decoration: none!important;
        color: #333!important;
        font-size: 0.7rem;
    }
    .FW3_modelTop_detailBox3 a:hover{ opacity: 0.5; }
    .FW3_modelTop_detailBox3 a::after{
        content: "";
        position: absolute;
        top: 20px; right: 5px;
        vertical-align: middle;
        display: inline-block;
        background-image: url(/lighting/module/fw3/img/FW3_mark_plus_circle.png);
        background-repeat: no-repeat;
        background-size: 16px 16px;
        width: 16px; height: 16px;
        /* opacity: 0.5; */
    }
    .FW3_modelTop_linkBox{
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        margin: 30px 0 0 0;
    }


    /*FW3_spec----------------------------*/
    .FW3_spec_flexStrech{
        align-items: stretch;
    }
    .FW3_spec_img{
        width: 100%; height: auto;
    }
    .FW3_spec_mainBox{
        border: none;
    }
    .FW3_spec_wrap1{
    }
    .FW3_spec_noThumbnail{
        display: flex; flex-direction: column;
        justify-content: center;
    }
    .FW3_spec_titleText{
        text-align: center;
    }
    .FW3_spec_subText{
        text-align: center;
    }
    .FW3_spec_thumbnailsBox{
        width: 100%; height: auto;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20px;
    }
    .FW3_spec_detailBox{
        width: calc((100% - 40px) / 5); height: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        border: 1px solid #ccc;
    }
    .FW3_spec_detailBox:nth-of-type(5n){
        margin-right: 0px;
    }



    /*FW3_modion----------------------------*/
    .FW3_modion_wrap{
        position: relative;
        margin: 20px 0 0 0;
    }
    .FW3_modion{}
    .FW3_modion_modal{
        display: block;
        background-color: #fff;
        width: calc(100% - 40px); height: 0;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 20px; left: 20px;
        z-index: 50;
        transition: 0.5s;
        overflow: hidden;
    }
    .FW3_modion_close{
        display: block;
        background-color: #ccc;
        width: 50px; height: 50px;
        position: absolute;
        top: 10px; right: 10px;
        z-index: 51;
        cursor: pointer;
    }
    .FW3_modion_close img{
        width: 100%; height: auto;
    }
    .FW3_modion_frame{
        display: block;
        width: 100%;
        height: 0;
        /* height: auto; */
        transition: 0.5s;
        overflow: hidden;
    }
    .FW3_modion_content{
        display: block;
        width: 100%; height: auto;
    }



    /*FW3_productNavi----------------------------*/
    
    .FW3_productNaviLine{
        border-bottom: 1px dotted #ccc; margin: 0 0 60px 0; 
        display: none;
    }
    .FW3_productNaviLineSub{
/*        border-bottom: 1px dotted #ccc; margin: 0 0 0 0; */
        display: none;
    }
    .FW3_productNavi{
        display: none; flex-wrap: nowrap;
        justify-content: space-between; align-items: center;
        margin: 30px 0 0 0;  
    }  
    .FW3_productNavi div,.FW3_productNavi a{
        width: 25%;
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
/*        padding: 12px 3% 10px 3%;*/
        padding: 12px 0 10px 0;
        border-radius: 2px 2px 0 0;
        font-size: 0.8rem;
        transition: 0.3s;
        text-decoration: none!important;
        color: #333!important;
    }
    .FW3_productNavi div:hover,.FW3_productNavi a:hover{
        background-color: rgba(0,0,0,0.1); cursor: pointer;
        color: #333!important;
    } 
    .FW3_productSub{
        display: none;
    }
    div.FW3_pnActive,a.FW3_pnActive{
        background-color: rgba(0,0,0,0.7);
        color: #fff!important;
    } 
    .FW3_contentsDottedLine{
        width: 100%;
        border-bottom: 1px dotted #ccc;
        margin: 20px 0 30px 0;
    }
    
    /*FW3_before----------------------------*/
    
    .FW3_beforeLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_beforeLink{
        width: 100%; height: 100%; padding: 0 20px 0 0;
        color: #333!important;
        text-decoration: none!important;
        background-color: #fff;
        border: 1px solid #ccc;
        transition: 0.3s;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border-radius: 2px;
    }
    .FW3_beforeLink::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_beforeLink:hover{
        background-color: rgba(0,0,0,0.05);
    }
    .FW3_beforeLink img{
        width: 70px; height: auto;
    }
    .FW3_beforeLink p{
        margin-left: 10px;
    }
    
    /*FW3_relation----------------------------*/
    
    .FW3_relationLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_relationLink{
        width: 100%; height: 100%; padding: 0 20px 0 0;
        color: #333!important;
        text-decoration: none!important;
        background-color: #fff;
        border: 1px solid #ccc;
        transition: 0.3s;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        border-radius: 2px;
    }
    .FW3_relationLink::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_relationLink:hover{
        background-color: rgba(0,0,0,0.05);
    }
    .FW3_relationLink img{
        width: 70px; height: auto;
    }
    .FW3_relationLink p{
        margin-left: 10px;
    }
    
    /*FW3_support----------------------------*/
    
    .FW3_support{
        background-color: #f5f5f5;
        padding: 30px 0 20px 0;
        margin: 20px 0 40px 0;
    }
    .FW3_supportLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_supportLink{
        width: 100%; height: 100%; padding: 10px 20px 10px 10px;
        display: flex; flex-wrap: wrap;
        justify-content: flex-start; align-items: center;
        color: #333!important;
        text-decoration: none!important;
        background-color: #fff;
        transition: 0.3s;
    }
    .FW3_supportLink::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_supportLink:hover{
/*        text-decoration: underline!important;*/
        background-color: rgba(0,0,0,0.05);
    }
    
    /*FW3_safety----------------------------*/
    
    .FW3_safety{
        background-color: #fff;
        margin: 20px 0 20px 0;
    }
    .FW3_safetyTitle{
        border-left: none; padding: 0;
    }
    .FW3_safetyTitle::before{
        content: "";
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_safety.png");
        background-repeat: no-repeat;
        background-size: 30px 26px;
        width: 30px; height: 26px;
        margin: 0 10px 5px 0;
    }
    .FW3_safetyTitle_info::before {
        background-image: url(/lighting/module/fw3/img/FW3_mark_important.png);
    }
    .FW3_safetyLinkBox{
        border-bottom: 1px dotted #ccc;
        margin-bottom: 0px!important;
        transition: 0.3s;
    }
    .FW3_safetyLinkBox:first-child{
        border-top: 1px dotted #ccc;
    }
    .FW3_safetyLink{
        width: 100%;
        display: inline-block;
        color: #333!important;
        text-decoration: none!important;
        padding: 20px 0;
        transition: 0.3s;
        padding-left:1em; text-indent:-1em;
    }
    .FW3_safetyLink:hover{
        padding-left: 10px;
        background-color: rgba(0,0,0,0.05);
        padding-left:1em; text-indent:-1em;
    }
    .FW3_safetyLink::after{
        content: "";
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        margin-left: 10px;
    }
    
    /*FW3_full----------------------------*/
    
    .FW3_fullTitle{
        font-size: 1.4rem; font-weight: bolder; line-height: 2.0rem;
        color: #333; border-left: 5px solid #ccc; padding-left: 10px;
    }
    .FW3_fullLinkBox{
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: 0.3s;
    }
    .FW3_fullLink{
        width: 100%; height: 100%; padding: 10px 20px 10px 10px;
        display: inline-block;
        text-align: center;
        color: #333!important;
        text-decoration: none!important;
        background-color: #eee;
        transition: 0.3s; border-radius: 2px;
    }
    .FW3_fullLink:hover{
        cursor: pointer;
        background-color: rgba(0,0,0,0.3);
    }
    .FW3_flActive{
        background-color: rgb(118, 209, 251);
    }
     
    .FW3_flExecutionBox{
        position: relative;
        margin: 60px 0 80px 0;
    }
    .FW3_flExecutionLine{
        width: 100%;
        border-bottom: 1px dotted #ccc;
/*        margin: 40px 0 60px 0;*/
    }
    .FW3_flExecution{
        width: 300px; height: 80px; padding: 20px 20px 20px 20px;
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
        color: #fff!important;
        text-decoration: none!important;
        background-color: rgb(217, 78, 78);
        transition: 0.3s; border-radius: 2px;
        position: absolute;
        top: 50%; left: 50%; 
        margin-left: -150px; margin-top: -40px;
    }
    .FW3_flExecution::after{
        content: ""; 
        position: absolute;
        top: 50%;
        right: 10px;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_w.png");
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px; height: 16px;
        transform: translateY(-50%);
    }
    .FW3_flExecution:hover{
        cursor: pointer;
        transform:scale(1.05,1.05);
    }
    
    /*-----------------------------------------------------------*/
    
    .dummy_1{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 50px 0;
        position: relative;
        transition: 0.3s;
        text-decoration: none!important;
    }
    .dummy_1::after{
        content: ""; position: absolute; right: 10px;
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_right_b.svg");
        background-repeat: no-repeat;
        background-size: 16px 16px;
        width: 16px; height: 16px;
    }
    .dummy_1:hover{
        opacity: 0.5;
    }
    .dummy_1a{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 100px 0;
    }
    .dummy_2{
    }
    .dummy_3{
        width: 23px; height: auto;
    }
    .dummy_4{ margin-bottom: 60px; }
    .dummy_5{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 20px 0;
        background-color: #fff;
        transition: 0.3s;
    }
    .dummy_5:hover{
        opacity: 0.5;
    }
    .dummy_6{
        background-color: #eee;
        height: 400px;
        margin-bottom: 60px;
    }
    .dummy_7{
        background-color: #eee;
        display: flex; flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 50px 0;
        position: relative;
        transition: 0.3s;
    }
    .dummy_7::after{
        content: ""; position: absolute; bottom: 10px;
        vertical-align: middle; display: inline-block;
        background-image: url("/lighting/module/fw3/img/FW3_mark_arw_under_b.png");
        background-repeat: no-repeat;
        background-size: 16px 9px;
        width: 16px; height: 9px;
    }
    .dummy_7:hover{
        opacity: 0.5;
    }
    .dummy_8{
        padding: 30px 30px 20px 30px;background-color: #fff;
        border: 1px dotted #ccc;
        display: flex; flex-wrap: wrap;
        justify-content: center; align-items: center;
    }
    .dummy_9{
        border: 1px solid #ccc;
    }
    .dummy_9 img{
        width: 100%; height: auto;
    }
    .dummy_10{
        font-size: 2.0rem; font-weight: bolder; line-height: 2.6rem; color: #333;
        border: 1px solid #333; border-radius: 2px;
        padding: 10px 5px 5px 15px;
        margin: 0 10px 10px 0!important;
    }
    .dummy_11{width: 100%; height: auto;}
    .dummy_12{
        width: 100%; height: 50vh;
        background-color: rgb(240, 240, 240);
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        font-size: 5.0rem; font-weight: bold;
    }
    .dummy_13{
        width: 100%; height: 50vh;
        background-color: rgb(180, 180, 180);
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        font-size: 5.0rem; font-weight: bold;
    }
    .dummy_14{
        width: 100%; height: 50vh;
        background-color: rgb(210, 210, 210);
        display: flex; flex-wrap: nowrap;
        justify-content: center; align-items: center;
        font-size: 5.0rem; font-weight: bold;
    }
    .dummy_15{
        margin-bottom: 30px;
    }

    
}/*SP----------------------------------------------*/