@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description:
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags:
Version: 0.1.0
*/

/* @import url("../../../common/css/import.css"); */

/*210602 noto sans jpフォントへ変更　webフォント読み込み*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif", ; background: none;}

/* 外枠を100%に */
#headerTop,
#header,
#topMainBnrFrame,
#topMainBnr img,
#main,
#gMenu,
#footMenu{
    width: 100% !important;
}

/* 内枠を少し小さく */
.innerBox,
#header .innerBox,
#pageTitBnr .innerBox,
#panList .innerBox,
#footMenu .innerBox,
#footer .innerBox {
    width: 100%;
    margin: 0px auto;
}

/* ヘッダー画像を100%幅に */
#topMainBnr img {
    max-width: 100% !important;
}

#topMainBnrFrame {
    min-height: inherit;
}

@media (min-width: 970px) {
    /* メインコンテンツの幅 */
    #main #container .content {
        width: 70%;
    }

    /* サイドバーの幅 */
    #main #container #sideTower {
        width: 25%;
    }

    /* スクロール分余裕に20px */
    .home #main #container .content{
    }

    /* スクロール分余裕に20px */
    .home #content #content-main {
        width: 970px;
        margin: 0px auto;
        padding: 0px;
    }

/* ------------------------------------------------------------ フッターメニュー ------------------------------------------------------------ */

    #footer .footer-block .footer-block-in {
        padding: 10px 1%;
        float: left;
    }

    #footer .footer-block #footerOutline {
        width: 14%;
    }

    #footer .footer-block #footerSiteMap {
        width: 82%;
    }

}

/* スライダー可変対応 */
#topMainBnr {
    overflow: hidden;
}


/*-------------------------------------------*/
/*	▼各テンプレートごとの設定
/*-------------------------------------------*/
/*-------------------------------------------*/
/*	top
/*-------------------------------------------*/
.content .widget_siteorigin-panels-builder { margin-bottom: 25px; }
.content .widget_siteorigin-panels-builder .widget_siteorigin-panels-builderOuter { display: block; overflow: hidden; padding: 10px 0; }
.content .widget_siteorigin-panels-builder h3 { margin: 0px 0px 8px; line-height: 135.7%; font-size: 16px; font-weight: bold; }/*190830 フォントウェイトをboldへ変更*/
.content .widget_siteorigin-panels-builder h3 a { text-decoration: none; color: #333; }
.content .widget_siteorigin-panels-builder p a { text-decoration: none; line-height: 17px; color: #666; }
.content .widget_siteorigin-panels-builder a:hover { text-decoration: underline; }
.content .widget_siteorigin-panels-builder p.widget_siteorigin-panels-builderDescription { margin-bottom: 0px; font-size: 14px; line-height: 135.7%; padding: 0px; }
.content .widget_siteorigin-panels-builder .prImage { float: left; width: 70px; margin-right: 10px; overflow: hidden; margin-bottom: 10px; }
.content .widget_siteorigin-panels-builder .prImage a { display: block; overflow: hidden; border: 1px solid #e5e5e5; padding: 1px; }
.content .widget_siteorigin-panels-builder .prImage img.imageWide { display: none; }
.content .widget_siteorigin-panels-builder .prImage img.imageSmall { display: block; }
.content .widget_siteorigin-panels-builder .widget_siteorigin-panels-builderTxtBox { display: block; overflow: hidden; }

/*-------------------------------------------*/
/*	Responsive Structure
/*-------------------------------------------*/
/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) { /* スクロール分余裕に20px */
  .content .widget_siteorigin-panels-builder { display: block; overflow: hidden; }
  .content .widget_siteorigin-panels-builder .widget_siteorigin-panels-builderOuter { padding: 0px; border-bottom: none; margin-bottom: 20px; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderLeft { width: 33.1%; text-align: left; float: left; display: block; overflow: visible; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderCenter { width: 33.1%; text-align: center; float: left; display: block; overflow: visible; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderRight { width: 33.1%; text-align: right; float: right; display: block; overflow: visible; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderLeft .widget_siteorigin-panels-builderInner { float: left; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderCenter .widget_siteorigin-panels-builderInner { margin: 0px auto; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderRight .widget_siteorigin-panels-builderInner { float: right; }
  .content .widget_siteorigin-panels-builder .widget_siteorigin-panels-builderInner { text-align: left; width: 95%; }
  .content .widget_siteorigin-panels-builder h3 { margin-bottom: 15px; }
  .content .widget_siteorigin-panels-builder h3 a { display: block; overflow: hidden; }
  .content .widget_siteorigin-panels-builder p { padding: 0px; }
  .content .widget_siteorigin-panels-builder p.widget_siteorigin-panels-builderDescription { font-size: 85.7%; }
  .content .widget_siteorigin-panels-builder .prImage { float: none; width: 100%; margin-right: 0px; }
  .content .widget_siteorigin-panels-builder .prImage img { height: auto; width: 100%; }
  .content .widget_siteorigin-panels-builder .prImage img.imageWide { display: block; }
  .content .widget_siteorigin-panels-builder .prImage img.imageSmall { display: none; } }


/*-------------------------------------------*/
/*	#footer
/*-------------------------------------------*/
/*		#footerSiteMap
/*-------------------------------------------*/
.widget_siteorigin-panels-builder { border-top: 1px dotted #e9e9e9; }
.widget_siteorigin-panels-builder .widget_siteorigin-panels-builderOuter { border-bottom: 1px dotted #e9e9e9; }
.widget_siteorigin-panels-builder .widget_siteorigin-panels-builderOuter h3 { border-bottom: none; }
#menu-item-2858 { border:4px solid #E2E2E2; background-color: #EDEDED; }

/*-------------------------------------------*/
/* コンテンツ推奨サイズより大きい場合
/*-------------------------------------------*/
@media (min-width: 660px) { /* スクロール分余裕に20px */
  .content .widget_siteorigin-panels-builder { border-top: none; }
  .content .widget_siteorigin-panels-builder .widget_siteorigin-panels-builderOuter { border-bottom: none; }
  .content .widget_siteorigin-panels-builder .widget_siteorigin-panels-builderOuter .widget_siteorigin-panels-builderInner { padding: 0 6%; width: 88%; border-right: 1px solid #e9e9e9; }
  .content .widget_siteorigin-panels-builder #widget_siteorigin-panels-builderLeft .widget_siteorigin-panels-builderInner { border-left: 1px solid #e9e9e9; }
  .content .widget_siteorigin-panels-builder h3 { border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; padding-bottom: 2px; }
  .content .widget_siteorigin-panels-builder h3:after { border-bottom-width: 1px; bottom: -1px; } }

div .slideshow_container {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
div .infoList {
   width: 100%;
   background-color: #FFFFFF;
   /*padding-top: 24px;
   padding-left: 24px;
   padding-right: 24px;
   padding-bottom: 24px;*/
   overflow: hidden;
}
div #contents {
   width: 100%;
   background-color: #FFFFFF;
   /*padding-top: 24px;
   padding-left: 24px;
   padding-right: 24px;
   padding-bottom: 24px;*/
   overflow: hidden;
}
#commercial #com_wrap_layout {
   width: 100%;
	/*padding:160px 0 0 0;*/
   padding:0 0 0 0;
}
.icon-list {
	clear: both;
	overflow: hidden;
}
.icon-list li {
	display: inline;
	margin-right: 12px;
}




/* ------------------------------------------------------------ 総合用／住宅用／産業用　共通 ------------------------------------------------------------ */

/*--------------------------------
	コンテンツエリア
--------------------------------*/
/*190830 製品ラインナップページの表くずれのため、width削除
.tc	{ text-align: center; width:100%; }*/
.tc	{ text-align: center; }
.tcw100	{ text-align: center; width:100%; }
.mlr-auto { margin-left: auto; margin-right: auto;}

#SECOND #contents {
	width:100%;
	min-height:1px;
	zoom:1;
	clear:both;
	/*190830 シャドウ削除 box-shadow: 1px 1px 5px 0px rgba(95,131,155,0.3); CSS3 */
	/*190830 シャドウ削除 -moz-box-shadow: 1px 1px 5px 0px rgba(95,131,155,0.3); Firefox */
	/*190830 シャドウ削除 -webkit-box-shadow: 1px 1px 5px 0px rgba(95,131,155,0.3); Safari and Chrome */
	border-radius:5px; /* CSS3 */
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and Chrome */
	behavior:url(./PIE.htc);  /* for less than IE8 */
	position:relative;
}
#SECOND .contentsInner {
	width:100%;
	padding: 0;
	margin-top: 50px;
}/*190831 上部余白追加*/


/*--------------------------------
	ヘッダー
--------------------------------*/

@media screen and (min-width: 480px) and (max-width: 767px)  {
	#contact_info dd#h-tel {
	float: none;
		position: relative;
		left: 0px;
	}/* 190914 */
}



/* ------------------------------------------------------------ 総合　二階層目 ------------------------------------------------------------ */

/*--------------------------------
	ヘッダー
--------------------------------*/

#GENERAL_SECOND #header p,
#GENERAL_SECOND #header span {
	display:none;
}

#GENERAL_SECOND #header ul.headerLink {
	padding:35px 0 0 258px;
	float:left;
}


/*--------------------------------
	コンテンツエリア
--------------------------------*/

#GENERAL_SECOND #contents_layout {
	padding:0px 0 0 0;
	zoom:1;
}



/* ------------------------------------------------------------ 住宅用 トップ ------------------------------------------------------------ */


/*--------------------------------
	メインビジュアル
--------------------------------*/

#sky_bk {
	/* background: url(https://www.skylighttube.co.jp/wp/wp-content/uploads/2017/08/bg02.jpg) repeat-x center top; */
	background: #FFF;
	padding-top: 120px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 24px;
	text-align: center;
}
#sky_bk h2 {
	width: auto;
	height: auto;
	border: none;
	background: none;
	position: absolute; top:12px; left:48px;
	z-index: 100;
}
#sky_bk #sun {
	width: auto;
	height: auto;
	border: none;
	background: none;
	position: absolute; top:2px; left:256px;
	z-index: 200;
	margin: auto;
}

/* スペシャルバナー */

#residential .specialBanner {
	float:right;
	position:relative;
	top:10px;
	left:0;
	z-index:901;
}


/* 背景の太陽 */

#residential .res_wrapper {
	background:url(https://www.skylighttube.co.jp/residential/images/taiyou.png) no-repeat 270px 50px;
}

/* SPLASH */

#residential #splash {
	position:absolute;
	top:0px;
	left:0px;
	width:990px;
	height:406px;
	margin:-1px 0 0 -58px;
	margin:-1px 0 0 0;
	z-index: 900;
	overflow:hidden;
}

/* SLIDE */

#residential #mainVisual {
	height:389px;
	z-index:100;
	text-align:center;
	margin:0 auto;
	padding:0px 0 0px 0;
	background:url(https://www.skylighttube.co.jp/residential/images/main_copy.png) no-repeat 50px 140px;
}

#residential #slides {
	position:absolute;
	z-index:0;
	width:750px;
	height:389px;
	margin:0 0 0 -2px;
	text-align:center;
	top:0px;
	left:197px;
}

#residential #slides .slides_container {
	width: 750px; /* 要変更 */
	height: 389px; /* 要変更 */
	overflow:hidden;
	position:relative;
}

#residential #slides .slides_container div {
	width: 750px; /* 要変更 */
	height: 389px; /* 要変更 */
	display:block;
}

/* Next&prev buttons */

#residential #slides .prev {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	z-index:101;
}

#residential #slides .next {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	z-index:101;
}

#residential #slides .prev img {
	position:absolute;
	top:200px;
	left:10px;
}

#residential #slides .next img {
	position:absolute;
	top:200px;
	right:8px;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	設置までのながれ -住宅用製品-

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#residential .flow #contents {
	background-image:none !important;
}

#residential .flow h3 {
	margin:10px 0 0 0 !important;
}

/*titleBox*/

#residential .flow .titleBox {
	width:100%;
	margin:0 auto 15px;
}

#residential .flow .titleBox .fl {
	width:400px;
}

#residential .flow .arrow {
	padding:0 0 25px 0;
	margin:0 0 15px 0;
	background:url(https://www.skylighttube.co.jp/residential/_flow/images/icon_arrow.png) no-repeat center bottom;
}

#residential .flow dl {
	width:99%;
	padding:20px 0;
	margin:0 auto;
	border:3px solid #00a0e9;
	border-radius:10px; /* CSS3 */
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and Chrome */
	behavior:url(/common/css/PIE.htc);  /* for less than IE8 */
	overflow:hidden;
}/*190831　ボーダー見切れ調整*/

#residential .flow #No2 dl,
#residential .flow #No3 dl {
	border:3px solid #00a0e9;
}/*190831　ボーダー太さ調整*/

#residential .flow dl dt {
	width:300px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

#residential .flow dl dd {
	width:370px;
	padding:0 14px 0 0;
	vertical-align:middle;
	display:table-cell;
}

#residential .flow ol li {
	margin-left:30px;
	list-style:decimal;
}

#residential .flow dl dd img {
	float:right;
	padding:0 0 0 20px;
}


#residential .flow .titleBox:after {
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0px;
}

/* IE7 hack */
*:first-child+html #residential .flow dl dt,
*:first-child+html #residential .flow dl dd {
	display:inline;
	zoom:1;
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	各エリア対応窓口 -住宅用製品-

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.customer-info dd { font-size:200%; }
/*.customer-info dd { font-size:150%; }　フォントサイズ変更　210713*/
.customer-info dd span { font-size:50%; }
.customer-info dd rt, .customer-info dd rp {font:4pt; }
.customer-info_font_col { color:#00a0e9 !important; }
.customer-info_margin { 
	margin-top: 10px !important;
	margin-bottom: 50px !important;
}



/* ------------------------------------------------------------ 産業用 トップ ------------------------------------------------------------ */

#slides {
	position:absolute;
	top: 0;
	left:0px;
	z-index:0;
	width:100%;
	height:345px;
	margin:0 auto;
	text-align:center;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	採光のしくみ

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*box01*/
#commercial .mechanism .box01 {
	background:url(https://www.skylighttube.co.jp/wp/wp-content/uploads/2013/09/pic_01-2017.png) no-repeat right center;
        padding-bottom: 64px;
}
#commercial .mechanism .box01 .round h4 {
	color: #00a0e9;
        border-color: #00a0e9;
}
#residential .mechanism .box01 {
	background:url(https://www.skylighttube.co.jp/wp/wp-content/uploads/2013/09/pic_01-2017-1.png) no-repeat right center;
}
#residential .mechanism .box01 .fl ul li {
	position:relative;
	padding-top:15px;
	margin-bottom:15px;
}
#residential .mechanism .box01 .fl ul li p.torikomu {border:2px solid #b3d127;}
#residential .mechanism .box01 .fl ul li p.mitibiku {border:2px solid #ef8047;}
#residential .mechanism .box01 .fl ul li p.hirogeru {border:2px solid #cc739a;}

#residential .mechanism .box01 .fl ul li span {
	position:absolute;
	top:0;
	left:-10px;
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	TOOL

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.clear { clear:both; }
.clear hr { display:none; }
.clear02 { overflow: hidden; position: relative; zoom:1; }
.mechanism .fl50_txalC { float:left; width: 49%; text-align: center; }
.mechanism .fl50 { float:left; width: 49%; }
.mechanism .fr50 { float:right; width: 49%; text-align: left; }
.mechanism .fr50 p {
	color:#00a0e9;
	padding:0 0 10px 0;
	display:block;
	font-size:116%;
	font-weight:bold;
}
.download table th, .download table td {
	vertical-align:middle;
	width: auto;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lp1711_footer {
background-color: #EEE; padding: 55px 0; width: 100%;
}






/* ------------------------------------------------------------ ヘッダーメニュー ------------------------------------------------------------ */
#header {}
#headerInner {
	max-width: 988px;
}
.innerBox {}
#headLogo {}
#site-title {
	max-width: 222px;
}
@media screen and (max-width:767px)  {
	#site-title {
		margin-top: 12px;
	}
}
#headContact {}
#headContactInner {}
.sideWidget {}
.widget {}
.widget_text {}
#text-3 {}
.textwidget {}
.textwidget dl {
	padding: 4px;
}
.textwidget dl dt {
	padding: 4px;
}
#gMenu {}
#gMenuInner {}
.innerBox {}
.assistive-text {}
.skip-link {}
.screen-reader-text {}
.headMainMenu {
	width: 100%;
	text-align: center;
}
.menu-main-menu-container {
	width: auto;
	margin: auto;
}
.menu {
	width: auto;
	margin: auto;
}

/* ------------------------------------------------------------ サイドメニュー ------------------------------------------------------------ */

/*--------------------------------
	追加メニュー
--------------------------------*/
.sideTower #text-2 .textwidget a {
	 margin:0 0 4px;
	 display:block;
}

/*--------------------------------
	コンタクト
--------------------------------*/
.sideTower li.sideBnr#sideContact a { width: 100%; }



/* ------------------------------------------------------------ フッターメニュー ------------------------------------------------------------ */

/*#footer .footer-block-in {
    width: 23%;
    padding: 10px 1%;
    float: left;
}
#footer .footer-block .footer-block-in > ul {
    padding: 5px;
    list-style-type: none;
    margin-bottom:20px;
}

#footer .footer-block .footer-block-in > ul ul {
    text-align: left;
    padding: 10px 12px;
    margin-left: 5px;
}

#footer .footer-block .footer-block:after{
    content: "";
    clear: both;
    display: block;
}

#footer .footer-block .menu-item-has-children  {
    float: left;
}*/

/*		#footerSiteMap
/*-------------------------------------------*/
#footer .footer-block #footerSiteMap .menu { /* border-top: 1px solid #e5e5e5; */ border-top: none; color: #369; }
#footer .footer-block #footerSiteMap .menu li.menu-item-home { float: none; display: block; }
#footer .footer-block #footerSiteMap .menu li a { border-bottom: 1px dotted #e5e5e5; background: url(images/icon_arrow1_gray.gif) 10px 50% no-repeat; padding: 8px 15px 8px 28px; border-top: 1px double #CCCCCC; font-weight: bold; }
#footer .footer-block #footerSiteMap .menu li a:hover { background-image: url(images/icon_arrow1_red.gif); }
#footer .footer-block #footerSiteMap .menu li ul li a { background: url(images/icon_arrow2_gray.gif) 12px 50% no-repeat; padding: 8px 15px 8px 28px; border-top: none; font-weight: normal; }
#footer .footer-block #footerSiteMap .menu li ul li a:hover { background-image: url(images/icon_arrow2_red.gif); }


/*		#+TOOL
/*-------------------------------------------*/
.siz-25per img {
    width: 25%;
}

.siz-35per img {
    width: 35%;
}

.siz-50per img {
    width: 50%;
}

.texal-ctr {
    text-align: center;
}
.fixed {
  position: fixed;
  top: 0;
  width: 950px;
  z-index: 10000;
}

/*** トップ分岐ボタン   ***/
.home .content .so-panel dl {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.home .content .so-panel dl.bt-pro {
}
.home .content .so-panel dl dt {
	margin: 0 auto;
	padding: 8px 4px;
}
.home .content .so-panel dl dd.bt-line {
	border: 1px solid #00a0e9;
}
.home .content .so-panel dl dt h3 {
	border: none;
	margin: 0 0 8px;
	padding: 0;
	font-size: 180%;
	border-bottom-color: transparent;
	color: #00A0E9;
}
.home .content .so-panel dl dt h3:after{
	border-bottom-color: transparent;
}
.home .content .so-panel dl dt p {
	margin: 0 auto;
	padding: 0;
}
.home .content .so-panel dl dt h3 a {
	color: #00A0E9;
}
.home .content .so-panel dl dt p a {
}
.home .content .so-panel dl dt.bt-row02_red {
}
.home .content .so-panel dl dt.bt-row02_com {
}
.home .content .so-panel dl dd {
	margin: 0 auto;
	padding: 0;
}
.home .content .so-panel dl dd img {
	margin: 0 auto;
	padding: 0;
}
#siteorigin-panels-builder-3 {
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
	margin: 0px;
}
#pg-w5d417aa1556d9-0 {
	max-width: 964px;
	margin: 0 auto;
	padding: 70px 0px;
}
@media screen and (max-width:767px) {
	#pg-w5d417aa1556d9-0 {
		width: 100%;
	}
}
#siteorigin-panels-builder-5 {
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f0f9fe;
	margin: 0px 0px 70px;
}
#pl-w5d4195c0ecd02 {
	max-width: 964px;
	margin: 0 auto;
	padding: 60px 0px;
}
@media screen and (max-width:767px) {
	#pl-w5d4195c0ecd02 {
		width: 100%;
	}
}
#siteorigin-panels-builder-5 div.panel-layout {
	max-width: 964px;
	margin: 0 auto;
	padding: 60px 0px;
}
@media screen and (max-width:767px) {
	#siteorigin-panels-builder-5 div.panel-layout {
		width: 100%;
	}
}
.slideshow_content {
	padding: 0px;
	margin: 0px;
}


/* .home .content .so-panel dl {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	overflow: hidden;
}
.home .content .so-panel dl.bt-pro {
	background: #9CF;
}
.home .content .so-panel dl dt {
	background: #9CF;
	margin: 0 auto;
	padding: 8px 4px;
}
.home .content .so-panel dl dt h3 a {
	color: #FFF;
}
.home .content .so-panel dl dt p a {
	color: #FFF;
}
.home .content .so-panel dl dt.bt-row02_red {
	background-image: url(https://www.skylighttube.co.jp/wp/wp-content/uploads/2017/08/bt-img-back_red.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.home .content .so-panel dl dt.bt-row02_com {
	background-image: url(https://www.skylighttube.co.jp/wp/wp-content/uploads/2017/08/bt-img-back_com.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.home .content .so-panel dl dt h3 {
	border: none;
	margin: 0 0 8px;
	padding: 0;
	font-size: 180%;
	border-bottom-color: transparent;
	color: #FFF;
}
.home .content .so-panel dl dt h3:after{
	border-bottom-color: transparent;
}
.home .content .so-panel dl dt p {
	margin: 0 auto;
	padding: 0;
}
.home .content .so-panel dl dd {
	margin: 0 auto;
	padding: 0;
}
.home .content .so-panel dl dd img {
	margin: 0 auto;
	padding: 0;
} */






/*		#+EDIT
/*-------------------------------------------*/
.content .bgImg h2 {
     background-image: none;
     background-color: transparent;
}
/*#main {
}*/
/*#main #container {
}*/
.home #content { padding-bottom: 40px; background: #FFF; overflow: hidden; }
.home #main #container #content {
     /*padding: 24px;*/
     background: rgba(255,255,255,0);
}
.home #main #container #content #content-main {
      /*padding: 24px;*/
     background: rgba(255,255,255,0.7);
}
/*.home #main #container #content #content-main #topInfo {
      /*padding: 24px;
}*/
/*#main .innerBox {
        padding: 12px;
}*/
#main #container #content {
     /*padding: 24px;*/
     background: rgba(255,255,255,0.7);
}
#main #container #content .entry-content {
     padding: 24px;
     background: #FFF;
}
#main #container #content .infoList {
      /*padding: 24px;*/
     background: #FFF;
}
#main #container #content .post {
      /*padding: 24px;*/
     background: #FFF;
}
#main #container #content .info {
     padding: 24px;
     background: #FFF;
}
#main #sideTower .sideWidget {
     background: rgba(255,255,255,0.7);
}
.content .entry-meta .updated {
display:none;
}
.content .partner .content .entry-meta .published {
display:none;
}
.home #main #container #content #content-main #topInfo .infoListBox {
     padding: 0px 12px;
}
/*.video{
  width:560px;
  padding-top:2%;
}
.video iframe{
  width:560px;
  height:315px;
}*/
.childPageBox {
  padding-top: 24px;
}
.com-mechanic-flow {
  list-style-type: none;
}
ul.com-mechanic-flow {
  list-style-type: none;
}
ul.com-mechanic-flow li {
  list-style-type: none;
}
.com-mechanic-flow h4 {
  color: #00A0E9;
  border-color: #00A0E9;
}
.com-mechanic-flow h4 img {
  float: left;
  margin-right: 1.5em;
}

/*================================================
 *  汎用クラス
 ================================================*/
/* 写真中央寄せ */
.imgC {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:center;
}
.imgC img {
	border-radius:5px;
	margin-bottom:0.5em;
}

/* 写真左寄せ */
.imgL {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgL img {
	float:left;
	margin:0 1em 0.5em 0;
	border-radius:5px;
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 1em 0.5em;
	border-radius:5px;
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	overflow:hidden;
	margin-bottom:50px;
}
.twoColInner {
	overflow:hidden;
	margin-right:-2%;
}
.twoColInner div {
	width:48%;
	float:left;
	margin-right:2%;
}
.twoColInner div:nth-child(2n+1) {
	clear:both;
}
.twoColInner img {
	/*width:100%;*/
	margin-bottom:0.5em;
	border-radius:5px;
}
.twoColInner div.L58 {
	width:58%;
	float:left;
	margin-right:2%;
}
.twoColInner div.L38 {
	width:38%;
	float:left;
	margin-right:2%;
}
.twoColInner div.L68 {
	width:68%;
	float:left;
	margin-right:2%;
}
.twoColInner div.L28 {
	width:28%;
	float:left;
	margin-right:2%;
}
.twoCol-mb12 {
	overflow:hidden;
	margin-bottom:12px;
}

/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	overflow:hidden;
	margin-bottom:50px;
}
.threeColInner {
	overflow:hidden;
	margin-right:-3%;
}
.threeColInner div {
	width:31%;
	float:left;
	margin-right:2%;
}
.threeColInner div:nth-child(3n+1) {
	clear:both;
}
.threeColInner img {
	/*width:100%;*/
	margin-bottom:0.5em;
	border-radius:5px;
}

img.w100per {
	width:100%;
}
img.bor-rad0 {
	border-radius:0px;
}
img.bor-rad5 {
	border-radius:5px;
}
.threeCol-mb12 {
	overflow:hidden;
	margin-bottom:12px;
}


/* ボタン（タイプ1） */
.btn01 a {
	display:block;
	padding:2% 2% 2% 50px;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	background:#00A0E9 url('https://www.skylighttube.co.jp/wp/wp-content/uploads/2013/09/bg_arrow_white.png') 20px 50% no-repeat;
	transition:all 0.2s ease 0s;
}
.btn01 a:hover {
	background:#2e2e2e url('https://www.skylighttube.co.jp/wp/wp-content/uploads/2013/09/bg_arrow_white.png') 20px 50% no-repeat;
	transition:all 0.2s ease 0s;
}

/* ボタン（タイプ2） */
.btn02 a {
	display:block;
	padding:2%;
	color:#00A0E9;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #1b1b1b;
	background:#fff;
	transition:all 0.2s ease 0s;
}
.btn02 a:hover {
	color:#fff;
	background:#1b1b1b;
	transition:all 0.2s ease 0s;
}





/* ------------------------------------------------------------ 旧背景画像CSS＋彩光のしくみフロー ------------------------------------------------------------ */

/* ------------------------------------------------------------ 商業用 トップ ------------------------------------------------------------ */

/*--------------------------------
	メインビジュアル
--------------------------------*/
/* Pagination */

.pagination li a {
	width:31px;
	height:20px;
	font-size:0;
/*	padding-top:19px;*/
	background:url(https://www.skylighttube.co.jp/common/images/btn_pagination.png) 0 0;
	float:left;
	overflow:hidden;
}





/* ------------------------------------------------------------ 商業用 二階層目 ------------------------------------------------------------ */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	採光のしくみ

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*box01*/
/* #commercial .mechanism .box01 {
	background-image:none;
} */

#commercial .mechanism .box01 ul {
	width:533px;
}

#commercial .mechanism .box01 ul li {
	padding:15px 25px;
	margin:0 0 30px 0;
	border:2px solid #00a0e9;
}

#commercial .mechanism .box01 ul li span {
	color:#00a0e9;
	padding:0 0 10px 0;
	display:block;
	font-size:116%;
	font-weight:bold;
}

#commercial .mechanism .box01 ul li.round {
	border-radius:10px; /* CSS3 */
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and Chrome */
}

/*box2*/
#commercial .mechanism .box02 .fl {
	width:195px;
	padding:0 25px 0 0;
}

#commercial .mechanism .box02 .fr {
	width:387px;
}

#commercial .mechanism .box02 .fr p {
	color:#00a0e9;
	padding:0 0 10px 0;
	display:block;
	font-size:116%;
	font-weight:bold;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	設置までのながれ -産業用製品-

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.flow p.arrow {
	padding:0 0 25px 0;
	margin:0 0 15px 0;
	background:url(https://www.skylighttube.co.jp/commercial/_flow/images/icon_arrow.png) no-repeat center bottom;
}





/*--------------------------------
	住宅用／産業用　入り口
--------------------------------*/

#GENERAL_TOP #contents {
	width:957px;
	height:543px;
	background:url(https://www.skylighttube.co.jp/images/top_contents_bg.png) no-repeat left top;
}

#GENERAL_TOP #entrance_left {
	width:850px;
	height:205px;
	background:url(https://www.skylighttube.co.jp/images/top_re_bg.png) no-repeat left top;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

#GENERAL_TOP #entrance_right {
	width:663px;
	height:205px;
	background:url(https://www.skylighttube.co.jp/images/top_co_bg.png) no-repeat left top;
	overflow:hidden;
	position:absolute;
	top:0;
	left:663px;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	太陽光の豆知識～太陽光の効能～

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sunshine .No1 {background:url(https://www.skylighttube.co.jp/feature/sunshine/images/pic_01.png) no-repeat right center;}
.sunshine .No2 {background:url(https://www.skylighttube.co.jp/feature/sunshine/images/hikaru_02_big.png) no-repeat 550px center;}
.sunshine .No3 {background:url(https://www.skylighttube.co.jp/feature/sunshine/images/pic_02.png) no-repeat 550px center;}





/* ------------------------------------------------------------ 住宅用 トップ ------------------------------------------------------------ */

/*--------------------------------
	メインビジュアル
--------------------------------*/

/* 背景の太陽 */

.res_wrapper {
	background:url(https://www.skylighttube.co.jp/residential/images/taiyou.png) no-repeat 270px 50px;
}

/* SLIDE */

#mainVisual {
	height:389px;
	z-index:100;
	text-align:center;
	margin:0 auto;
	padding:160px 0 25px 0;
	background:url(https://www.skylighttube.co.jp/residential/images/main_copy.png) no-repeat 50px 140px;
}

/* Pagination */

.pagination li a {
	width:31px;
	height:20px;
	font-size:0;
/*	padding-top:19px;*/
	background:url(https://www.skylighttube.co.jp/common/images/btn_pagination.png) 0 0;
	float:left;
	overflow:hidden;
}





/* ------------------------------------------------------------ 住宅用 二階層目 ------------------------------------------------------------ */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	スカイライトチューブって？

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
.about .bgImg {
	background:url(https://www.skylighttube.co.jp/residential/about/images/bg_contents_on.png) 655px 15px no-repeat ;
}
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	採光のしくみ

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#residential .mechanism .bgImg {
	background:url(box01 770px 30px no-repeat ;
}

/*box01*/
#residential .mechanism .box01 {
	background-image:none;
}

#residential .mechanism .box01 .fl {
	width:547px;
}

#residential .mechanism .box01 .fl ul li {
	position:relative;
	padding-top:15px;
	margin-bottom:15px;
	border:none;
}

#residential .mechanism .box01 .fl ul li p {
	width:420px;
	padding:45px 30px 25px 30px;
	margin-left:65px;
}

#residential .mechanism .box01 .fl ul li p.round {
	border-radius:10px; /* CSS3 */
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and Chrome */
}

#residential .mechanism .box01 .fl ul li p.torikomu {border:2px solid #b3d127;}
#residential .mechanism .box01 .fl ul li p.mitibiku {border:2px solid #ef8047;}
#residential .mechanism .box01 .fl ul li p.hirogeru {border:2px solid #cc739a;}

#residential .mechanism .box01 .fl ul li span {
	position:absolute;
	top:0;
	left:-10px;
}

#residential .mechanism .box01 .fr {
	width:270px;
	padding:0 10px 0 0;
	text-align:right;
}

/*box2*/
#residential .mechanism .box02 .fl {
	width:195px;
	padding:0 25px 0 0;
}

#residential .mechanism .box02 .fr {
	width:387px;
}

#residential .mechanism .box02 .fr p {
	color:#00a0e9;
	padding:0 0 10px 0;
	display:block;
	font-size:116%;
	font-weight:bold;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	製品ラインナップ
	/common/css/com.css

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.lineup .bgImg {
	background:url(https://www.skylighttube.co.jp/residential/_lineup/images/bg_contents.png) 680px 0px no-repeat ;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	設置プラン・価格例

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.plan .bgImg {
	background:url(https://www.skylighttube.co.jp/residential/_plan/images/bg_contents.png) 690px 0px no-repeat;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	よくあるご質問
	/common/css/com.css

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.faq .bgImg {
	background:url(https://www.skylighttube.co.jp/residential/_faq/images/bg_contents.png) 690px 0px no-repeat ;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	設置までのながれ -住宅用製品-

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.flow .arrow {
	padding:0 0 25px 0;
	margin:0 0 15px 0;
	background:url(https://www.skylighttube.co.jp/residential/_flow/images/icon_arrow.png) no-repeat center bottom;
}





/*--------------------------------
	サイドバー
--------------------------------*/
#sidebar li a {
	padding-left:12px;
	background:url(https://www.skylighttube.co.jp/common/images/icon_arrow.png) no-repeat left 0.5em;
	display:block;
}


/*--------------------------------
	ページリンク
--------------------------------*/
span.pageprev {
	float:left;
	width:270px;
	padding:0 0 0 12px;
	background:url(https://www.skylighttube.co.jp/common/images/icon_wp_prev.png) no-repeat left 0.5em;
}

span.pagenext {
	float:right;
	width:270px;
	padding:0 12px 0 0;
	text-align:right;
	background:url(https://www.skylighttube.co.jp/common/images/icon_wp_next.png) no-repeat right 0.5em;
}





/* ------------------------------------------------------------ レスポンシブ ------------------------------------------------------------ */
/* レスポンシブの設定 */
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

#GENERAL_SECOND {
	width: 100%;
}
#GENERAL_SECOND #contents_layout {
	width: 100%;
}
#GENERAL_SECOND #contents_layout #contents {
	width: 100%;
}
	.imgC {
		margin-bottom:30px;
	}
	.imgC img {
		max-width:100%;
	}

	.imgL {
		margin-bottom:30px;
	}
	.imgL img {
		float:none;
		max-width:100%;
		margin-right:0;
	}

	.imgR {
		margin-bottom:30px;
	}
	.imgR img {
		float:none;
		max-width:100%;
		margin-left:0;
	}

	.twoCol {
		margin-right:0;
		margin-bottom:30px;
	}
	.twoCol-mb12 {
		margin-right:0;
		margin-bottom:6px;
	}
	.twoColInner {
		margin-right:0;
	}
	.twoColInner div, .twoColInner div.L68, .twoColInner div.L28, .twoColInner div.L58, .twoColInner div.L38 {
		float:none;
		width:100%;
	}

	.threeCol {
		margin-bottom:30px;
	}
	.threeCol-mb12 {
		margin-bottom:6px;
	}
	.threeColInner {
		margin-right:0;
	}
	.threeColInner div {
		float:none;
		width:100%;
	}
	.mechanic-flow .content .alignleft, .content img.alignleft { display: block; float: none; }

	.mechanic-flow .content .alignright, .content img.alignright { display: block; float: none; }

	/*.mechanic-flow .content .aligncenter, .content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }*/
}






/* モバイル */
@media (max-width: 619px) {

#GENERAL_SECOND {
	width: 100%;
}
#GENERAL_SECOND #contents_layout {
	width: 100%;
}
#GENERAL_SECOND #contents_layout #contents {
	width: 100%;
}

	.download #contents table {
		width:100%;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.download #contents table th,
	.download #contents table td {
		padding:5px;
		border:1px solid #00a0e9;
		width: auto;
	}

	.download #contents table th {
		font-weight:bold;
		text-align:center;
		background:#E5F6FD;
	}

	.download #contents table th.title {
		width:auto !important;
	}

	.download #contents table td.tc {
		width:auto;
		background:#eeeeee;
	}

	.download #contents table td ul {
		margin:0 -5px;
		overflow:hidden;
		zoom:1;
	}

	.download #contents table td ul li {
		float:left;
		width:auto;
		margin:0 5px;
		text-align:center;
	}

	.download #contents table td ul:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}
	.fl	{ float: none; width:100%; }
	.fr	{ float: none; width:100%; }

	.tl	{ text-align: center; width:100%; }
	.tc	{ text-align: center; width:100%; }
	.tr	{ text-align: center; width:100%; }

	#commercial .about .box .fl {
		width: 100%;
		padding:40px 0px 0 0;
	}
	#commercial .about .box .fr {
		width: 100%;
		padding:40px 0 0 0;
	}
	.download #contents table {
		width:100%;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.download #contents table th,
	.download #contents table td {
		padding:5px;
		border:1px solid #00a0e9;
		width: auto;
	}

	.download #contents table th {
		font-weight:bold;
		text-align:center;
		background:#E5F6FD;
	}

	.download #contents table th.title {
		width:auto !important;
	}

	.download #contents table td.tc {
		width:auto;
		background:#eeeeee;
	}

	.download #contents table td ul {
		margin:0 -5px;
		overflow:hidden;
		zoom:1;
	}

	.download #contents table td ul li {
		float:left;
		width:auto;
		margin:0 5px;
		text-align:center;
	}

	.download #contents table td ul:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}

	#sky_bk h2 {
		width: 64px;
		height: auto;
		border: none;
		background: none;
		position: absolute; top:12px; left:48px;
		z-index: 100;
	}
	#sky_bk #sun {
		width: 88px;
		height: auto;
		border: none;
		background: none;
		position: absolute; top: 2px; left: 0; right: 0;
		z-index: 200;
		margin: auto;
	}

	#GENERAL_SECOND #contents, #SECOND #contents {
		margin:0;
		padding:0px;
		width:100%;
		min-height:0px;
		box-shadow: none;/* CSS3 */
		-moz-box-shadow: none; /* Firefox */
		-webkit-box-shadow: none; /* Safari and Chrome */
		border-radius:0px; /* CSS3 */
		-moz-border-radius:0px; /* Firefox */
		-webkit-border-radius:0px; /* Safari and Chrome */
	}
	#GENERAL_SECOND .contentsInner, #SECOND .contentsInner {
		width:100%;
	}
	.fl	{ float: none; width:100%; }
	.fr	{ float: none; width:100%; }

	.tl	{ text-align: center; width:100%; }
	.tc	{ text-align: center; width:100%; }
	.tr	{ text-align: center; width:100%; }

	#commercial .about .box .fl {
		width: 100%;
		padding:40px 0px 0 0;
	}
	#commercial .about .box .fr {
		width: 100%;
		padding:40px 0 0 0;
	}
	/*h3_box*/
	#commercial .case .h3_box {
		width: 100%;
		text-align: center !important;
	}
	/*box_head*/
	#commercial .case #contents .box_head div.fl {
		width: 100%;
		padding:0 0px 0 0;
	}

	#commercial .case #contents .box_head div.fr {
		width: 100%;
	}

	/*ul*/
	#commercial .case #contents ul.fl {
		width: 100%;
		padding:0 0px 0 0;
	}

	#commercial .case #contents ul.fl li {
		padding:0 0 0px 0;
	}

	#commercial .case #contents ul.fl li ul li {
		list-style:disc;
		padding:0 0 30px 0;
		margin:0 0 0 0px;
	}

	#commercial .case #contents ul.fr {
		width: 100%;
	}

	#commercial .case #contents ul.fr li {
		padding:0 0 25px 0;
	}

	.mechanism .box02 .fl {
		width: 100%;
		padding:0 0px 0 0;
	}

	.mechanism .box02 .fr {
		width: 100%;
	}

	.lineup .box01 .fl {
		width:100%;
	}

	.lineup .box01 .fr {
		width:100%;
		text-align:center;
		margin-top:70px;
	}

	/*box02_01*/
	.lineup .box02_01:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}

	.lineup .box02_01 .fl,
	.lineup .box02_01 .fr {
		width:100%;
		text-align:center;
	}

	.lineup .box02_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box02_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}

	.lineup .box02_01 .tableLayout div {
		display:table-cell;
		width:100%;
	}

	/*box02_02*/

	.lineup .box02_02 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box02_02 .tableLayout h4 {
		padding:5px 30px;
		background:#80d0f4;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}

	/*box05_01*/

	.lineup .box05_01 {
		zoom:1;
	}

	.lineup .box05_01:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}

	.lineup .box05_01 .fl,
	.lineup .box05_01 .fr {
		width:100%;
		text-align:center;
	}

	.lineup .box05_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box05_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}
/*box01*/
	.lineup .box01 .fl {width:100%;}
	.lineup .box01 .fr {
		width:100%;
		text-align:center;
	}

/*box02*/
	.lineup .box02 table th,
	.lineup .box02 table td {
		padding:15px 20px;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.lineup .box02 table th {
		color:#00a0e9;
		white-space:nowrap;
	}

	.lineup .box02 table th.tr {
		vertical-align:top;
		border-bottom:none;
	}

	.lineup .box02 table th.tl {
		vertical-align:bottom;
		border-top:none;
	}

	.lineup .box02 table td {
		vertical-align:middle;
		text-align:center;
	}

	.lineup .box02 table td span {
		display:inline-block;
		text-align:left;
	}

/*box03*/
	.lineup .box03 .fl {width:100%;}

/*box04*/
	.lineup .box04 table th {
		width:auto;
	}

	.lineup .box04 table td {
		padding:30px 0 0 0;
		text-align:right;
		vertical-align:middle;
	}

/*box05*/
	.lineup .box05 table th {
		width:auto;
	}

	.lineup .box05 table td {
		text-align:right;
		vertical-align:top;
		border-bottom:1px solid #00a0e9;
	}

/*box06*/
	.lineup .box06 table td {
		width:auto;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}

/*box07*/
	.lineup .box07 table td {
		width:auto;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}
/*box01*/
	.lineup .box01 .fl {width:100%;}
	.lineup .box01 .fr {
		width:100%;
		text-align:center;
	}

/*box02*/
	.lineup .box02 table th,
	.lineup .box02 table td {
		padding:15px 20px;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.lineup .box02 table th {
		color:#00a0e9;
		white-space:nowrap;
	}

	.lineup .box02 table th.tr {
		vertical-align:top;
		border-bottom:none;
	}

	.lineup .box02 table th.tl {
		vertical-align:bottom;
		border-top:none;
	}

	.lineup .box02 table td {
		vertical-align:middle;
		text-align:center;
	}

	.lineup .box02 table td span {
		display:inline-block;
		text-align:left;
	}

/*box03*/
	.lineup .box03 .fl {width:100%;}

/*box04*/
	.lineup .box04 table th {
		width:auto;
	}

	.lineup .box04 table td {
		padding:30px 0 0 0;
		text-align:right;
		vertical-align:middle;
	}

/*box05*/
	.lineup .box05 table th {
		width:aout;
	}

	.lineup .box05 table td {
		text-align:right;
		vertical-align:top;
		border-bottom:1px solid #00a0e9;
	}

/*box06*/
	.lineup .box06 table td {
		width:aout;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}

/*box07*/
	.lineup .box07 table td {
		width:aout;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}

/*box08*/
	.lineup .box08 table th {
		border-right:1px solid #00a0e9;
	}

	.lineup .box08 table th img {
		float:none;
		padding:0 0 0 20px;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	会社案内

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.information #contents .fl {
		width:100%;
	}

	.information #contents .fr {
		width:100%;
	}


	.outline #contents .fl,
	.outline #contents .fr {
		width:100%;
	}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	太陽光の効能

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	.sunshine .box {
		width:100%;
		margin:0 auto;
	}

	.sunshine .box .fl {
		width:100%;
	}

	.sunshine .box .fr {
		width:100%;
	}

	.sunshine .table_box {
		margin:20px 0 0 0;
	}

	.sunshine .table_box .fl,
	.sunshine .table_box .fr {
		width:100%;
	}


	.outline #contents .fl,
	.outline #contents .fr {
		width:100%;
	}

	.sunshine .box {
		width:100%;
		margin:0 auto;
	}

	.sunshine .box .fl {
		width:100%;
	}

	.sunshine .box .fr {
		width:100%;
	}
	.sunshine .table_box .fl,
	.sunshine .table_box .fr {
		width:100%;
	}
	.about .box .fl {
		width:100%;
		padding:20px 60px 0 20px;
	}

	.about .box .fr {
		width:100%;
		padding:20px 10px 0 0;
	}

	.mechanism .box01 .fl {
		width:100%;
	}

	.mechanism .box01 .fl ul li {
		position:relative;
		padding-top:15px;
		margin-bottom:15px;
        border:none;
	}

	.mechanism .box01 .fl ul li p {
		width:100%;
		padding:45px 30px 25px 30px;
		margin-left:65px;
	}
/*box01*/
	.plan .box01 .fl {width:100%;}
	.plan .box01 p {margin:0 0 60px 0;}
	.plan .box01 .fr {width:100%;}

/*box02*/
	.plan .box02 .fl {width:100%;}
	.plan .box02 .fr {width:95px; padding:0 0 0 25px;}

/*box03*/
	.plan .box03 .fl,
	.plan .box03 .fr {
		width:100%;
	}

	.about .box {
		width:100%;
		margin:0 auto;
	}

	.about .box .fl {
		width:100%;
		padding:40px 100px 0 0;
	}

	.about .box .fl img {
		padding:0 0 50px 0;
	}

	.about .box .fr {
		width:100%;
		padding:40px 0 0 0;
	}

	.mechanism .box01 ul {
		width:100%;
	}

	#commercial .mechanism .box01 ul li {
		padding:15px 25px;
		margin:0 0 30px 0;
		border:2px solid #00a0e9;
	}

	.mechanism .box01 ul li span {
		color:#00a0e9;
		padding:0 0 10px 0;
		display:block;
		font-size:116%;
		font-weight:bold;
	}

	.mechanism .box01 ul li.round {
		border-radius:10px; /* CSS3 */
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari and Chrome */
	}

/*box2*/
	.mechanism .box02 .fl {
		width:100%;
		padding:0 25px 0 0;
	}

	.mechanism .box02 .fr {
		width:100%;
	}

	.mechanism .box02 .fr p {
		color:#00a0e9;
		padding:0 0 10px 0;
		display:block;
		font-size:116%;
		font-weight:bold;
	}


/*titleBox*/

	.flow .titleBox {
		width:100%;
		margin:0 auto 15px;
	}

	.flow .titleBox .fl {
		width:100%;
	}

	.flow .arrow {
		padding:0 0 25px 0;
		margin:0 0 15px 0;
		background:url(https://www.skylighttube.co.jp/residential/_flow/images/icon_arrow.png) no-repeat center bottom;
	}

	.flow dl {
		width:100%;
		padding:20px 0;
		margin:0 auto;
		border:3px solid #00a0e9;
		border-radius:10px; /* CSS3 */
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari and Chrome */
		behavior:url(/common/css/PIE.htc);  /* for less than IE8 */
		overflow:hidden;
	}

	.flow #No2 dl,
	.flow #No3 dl {
		border:1px solid #00a0e9;
	}

	.flow dl dt {
		width:100%;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}

	.flow dl dd {
		width:100%;
		padding:0 14px 0 0;
		vertical-align:middle;
		display:table-cell;
	}


	.flow .titleBox {
		width:100%;
		margin:0 auto 15px;
	}

	.flow .titleBox .fl {
		width:100%;
	}

	.flow dl {
		width:100%;
		padding:20px 0;
		margin:0 auto;
		border:3px solid #00a0e9;
		border-radius:10px; /* CSS3 */
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari and Chrome */
		behavior:url(/common/css/PIE.htc);  /* for less than IE8 */
		overflow:hidden;
	}

	.flow #No2 dl,
	.flow #No3 dl {
		border:1px solid #00a0e9;
	}

	.flow dl dt {
		width:100%;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}

	.flow dl dd {
		width:100%;
		padding:0 14px 0 0;
		vertical-align:middle;
		display:table-cell;
	}
	.flow dl dd img {
		float:none;
		padding:0 0 0 20px;
	}
	.about .box {
		width:100%;
		margin:0 auto;
	}

	.about .box .fl {
		width:100%;
		padding:20px 60px 0 20px;
	}

	.about .box .fr {
		width:100%;
		padding:20px 10px 0 0;
	}


	.flow dl dt {
		width:100%;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}

	.flow dl dd {
		width:100%;
		padding:0 14px 0 0;
		vertical-align:middle;
		display:table-cell;
	}

	.flow ol li {
		margin-left:30px;
		list-style:decimal;
	}

	.flow dl dd img {
		float:none;
		padding:0 0 0 20px;
	}

/*h3_box*/
	.case .h3_box {
		width:100%;
		text-align:left !important;
	}

/*box_head*/
	.case #contents .box_head div.fl {
		width:100%;
		padding:0 50px 0 0;
	}

	.case #contents .box_head div.fr {
		width:100%;
	}

/*ul*/
	.case #contents ul.fl {
		width:100%;
		padding:0 50px 0 0;
	}
	.lineup .box02_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box02_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}

	.lineup .box02_01 .tableLayout div {
		display:table-cell;
		width:100%;
	}

/*box02_02*/

	.lineup .box02_02 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}
	.lineup .box05_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box05_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}
	.lineup .box08 table th img {
		float:none;
		padding:0 0 0 20px;
	}
	.faq #contents .box {
		width:100%;
		margin:0 auto;
	}
	.sunshine .box {
		width:100%;
		margin:0 auto;
	}

	.sunshine .box .fl {
		width:100%;
	}

	.sunshine .box .fr {
		width:100%;
	}

	.sunshine .box_head {
		height:143px;
		padding:60px 0 0 0;
		font-size:116%;
	}

    #footer .footer-block .footer-block-in {
        float: none;
        width: 100%;
    }
    #footer .footer-block #footerOutline, #footer .footer-block #footerSitemap {
        width: 98%;
        padding: 10px 1%;
        float: none;
    }
    .icon-list {
    	clear: both;
    	overflow: hidden;
    }
    .icon-list li {
    	display: block;
    	margin-right: 0px;
    }
    .video{
    position:relative;
    width:100%;
    /*padding-top:56.25%;*/
    padding-top:56.25%;
    margin-bottom:12px;
    }
    .video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    }

}


/* モバイル以上 */
@media (min-width: 620px) and (max-width: 768px)  {

#GENERAL_SECOND {
	width: 100%;
}
#GENERAL_SECOND #contents_layout {
	width: 100%;
}
#GENERAL_SECOND #contents_layout #contents {
	width: 100%;
}
	.download #contents table {
		width:100%;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.download #contents table th,
	.download #contents table td {
		padding:5px;
		border:1px solid #00a0e9;
		width: auto;
	}

	.download #contents table th {
		font-weight:bold;
		text-align:center;
		background:#E5F6FD;
	}

	.download #contents table th.title {
		width:auto !important;
	}

	.download #contents table td.tc {
		width:auto;
		background:#eeeeee;
	}

	.download #contents table td ul {
		margin:0 -5px;
		overflow:hidden;
		zoom:1;
	}

	.download #contents table td ul li {
		float:left;
		width:auto;
		margin:0 5px;
		text-align:center;
	}

	.download #contents table td ul:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}
	/*.fl	{ float: none; width:100%; }
	.fr	{ float: none; width:100%; }

	.tl	{ text-align: center; width:100%; }
	.tc	{ text-align: center; width:100%; }
	.tr	{ text-align: center; width:100%; }

	#commercial .about .box .fl {
		width: 100%;
		padding:40px 0px 0 0;
	}
	#commercial .about .box .fr {
		width: 100%;
		padding:40px 0 0 0;
	}*/
	.download #contents table {
		width:100%;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.download #contents table th,
	.download #contents table td {
		padding:5px;
		border:1px solid #00a0e9;
		width: auto;
	}

	.download #contents table th {
		font-weight:bold;
		text-align:center;
		background:#E5F6FD;
	}

	.download #contents table th.title {
		width:auto !important;
	}

	.download #contents table td.tc {
		width:auto;
		background:#eeeeee;
	}

	.download #contents table td ul {
		margin:0 -5px;
		overflow:hidden;
		zoom:1;
	}

	.download #contents table td ul li {
		float:left;
		width:auto;
		margin:0 5px;
		text-align:center;
	}

	.download #contents table td ul:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}

	#sky_bk h2 {
		width: 64px;
		height: auto;
		border: none;
		background: none;
		position: absolute; top:12px; left:48px;
		z-index: 100;
	}
	#sky_bk #sun {
		width: 88px;
		height: auto;
		border: none;
		background: none;
		position: absolute; top:2px; left: 0; right: 0;
		z-index: 200;
		margin: auto;
	}

	#GENERAL_SECOND #contents, #SECOND #contents {
		margin:0;
		padding:0px;
		width:100%;
		min-height:0px;
		box-shadow: none;/* CSS3 */
		-moz-box-shadow: none; /* Firefox */
		-webkit-box-shadow: none; /* Safari and Chrome */
		border-radius:0px; /* CSS3 */
		-moz-border-radius:0px; /* Firefox */
		-webkit-border-radius:0px; /* Safari and Chrome */
	}
	#GENERAL_SECOND .contentsInner, #SECOND .contentsInner {
		width:100%;
	}
	/*.fl	{ float: none; width:100%; }
	.fr	{ float: none; width:100%; }

	.tl	{ text-align: center; width:100%; }
	.tc	{ text-align: center; width:100%; }
	.tr	{ text-align: center; width:100%; }

	#commercial .about .box .fl {
		width: 100%;
		padding:40px 0px 0 0;
	}
	#commercial .about .box .fr {
		width: 100%;
		padding:40px 0 0 0;
	}*/
	/*h3_box*/
	#commercial .case .h3_box {
		width: 100%;
		text-align: center !important;
	}
	/*box_head*/
	/*#commercial .case #contents .box_head div.fl {
		width: 100%;
		padding:0 0px 0 0;
	}

	#commercial .case #contents .box_head div.fr {
		width: 100%;
	}*?

	/*ul*/
	/*#commercial .case #contents ul.fl {
		width: 100%;
		padding:0 0px 0 0;
	}*/

	#commercial .case #contents ul.fl li {
		padding:0 0 0px 0;
	}

	#commercial .case #contents ul.fl li ul li {
		list-style:disc;
		padding:0 0 30px 0;
		margin:0 0 0 0px;
	}

	/*#commercial .case #contents ul.fr {
		width: 100%;
	}*/

	#commercial .case #contents ul.fr li {
		padding:0 0 25px 0;
	}

	/*.mechanism .box02 .fl {
		width: 100%;
		padding:0 0px 0 0;
	}

	.mechanism .box02 .fr {
		width: 100%;
	}

	.lineup .box01 .fl {
		width:100%;
	}

	.lineup .box01 .fr {
		width:100%;
		text-align:center;
		margin-top:70px;
	}*/

	/*box02_01*/
	.lineup .box02_01:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}

	/*.lineup .box02_01 .fl,
	.lineup .box02_01 .fr {
		width:100%;
		text-align:center;
	}*/

	.lineup .box02_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box02_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}

	.lineup .box02_01 .tableLayout div {
		display:table-cell;
		width:100%;
	}

	/*box02_02*/

	.lineup .box02_02 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box02_02 .tableLayout h4 {
		padding:5px 30px;
		background:#80d0f4;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}

	/*box05_01*/

	.lineup .box05_01 {
		zoom:1;
	}

	.lineup .box05_01:after {
		content:".";
		display:block;
		clear:both;
		height:0px;
		visibility:hidden;
		font-size:0px;
	}

	/*.lineup .box05_01 .fl,
	.lineup .box05_01 .fr {
		width:100%;
		text-align:center;
	}*/

	.lineup .box05_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box05_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}
/*box01*/
	/*.lineup .box01 .fl {width:100%;}
	.lineup .box01 .fr {
		width:100%;
		text-align:center;
	}*/

/*box02*/
	.lineup .box02 table th,
	.lineup .box02 table td {
		padding:15px 20px;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.lineup .box02 table th {
		color:#00a0e9;
		white-space:nowrap;
	}

	.lineup .box02 table th.tr {
		vertical-align:top;
		border-bottom:none;
	}

	.lineup .box02 table th.tl {
		vertical-align:bottom;
		border-top:none;
	}

	.lineup .box02 table td {
		vertical-align:middle;
		text-align:center;
	}

	.lineup .box02 table td span {
		display:inline-block;
		text-align:left;
	}

/*box03*/
	/*.lineup .box03 .fl {width:100%;}*/

/*box04*/
	.lineup .box04 table th {
		width:auto;
	}

	.lineup .box04 table td {
		padding:30px 0 0 0;
		text-align:right;
		vertical-align:middle;
	}

/*box05*/
	.lineup .box05 table th {
		width:auto;
	}

	.lineup .box05 table td {
		text-align:right;
		vertical-align:top;
		border-bottom:1px solid #00a0e9;
	}

/*box06*/
	.lineup .box06 table td {
		width:auto;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}

/*box07*/
	.lineup .box07 table td {
		width:auto;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}
/*box01*/
	/*.lineup .box01 .fl {width:100%;}
	.lineup .box01 .fr {
		width:100%;
		text-align:center;
	}*/

/*box02*/
	.lineup .box02 table th,
	.lineup .box02 table td {
		padding:15px 20px;
		border:1px solid #00a0e9;
		border-collapse:collapse;
	}

	.lineup .box02 table th {
		color:#00a0e9;
		white-space:nowrap;
	}

	.lineup .box02 table th.tr {
		vertical-align:top;
		border-bottom:none;
	}

	.lineup .box02 table th.tl {
		vertical-align:bottom;
		border-top:none;
	}

	.lineup .box02 table td {
		vertical-align:middle;
		text-align:center;
	}

	.lineup .box02 table td span {
		display:inline-block;
		text-align:left;
	}

/*box03*/
	/*.lineup .box03 .fl {width:100%;}*/

/*box04*/
	.lineup .box04 table th {
		width:auto;
	}

	.lineup .box04 table td {
		padding:30px 0 0 0;
		text-align:right;
		vertical-align:middle;
	}

/*box05*/
	.lineup .box05 table th {
		width:aout;
	}

	.lineup .box05 table td {
		text-align:right;
		vertical-align:top;
		border-bottom:1px solid #00a0e9;
	}

/*box06*/
	.lineup .box06 table td {
		width:aout;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}

/*box07*/
	.lineup .box07 table td {
		width:aout;
		padding:20px;
		border-bottom:1px solid #00a0e9;
	}

/*box08*/
	.lineup .box08 table th {
		border-right:1px solid #00a0e9;
	}

	.lineup .box08 table th img {
		float:none;
		padding:0 0 0 20px;
	}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	会社案内

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	/*.information #contents .fl {
		width:100%;
	}

	.information #contents .fr {
		width:100%;
	}


	.outline #contents .fl,
	.outline #contents .fr {
		width:100%;
	}*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	太陽光の効能

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	.sunshine .box {
		width:100%;
		margin:0 auto;
	}

	/*.sunshine .box .fl {
		width:100%;
	}

	.sunshine .box .fr {
		width:100%;
	}*/

	.sunshine .table_box {
		margin:20px 0 0 0;
	}

	/*.sunshine .table_box .fl,
	.sunshine .table_box .fr {
		width:100%;
	}


	.outline #contents .fl,
	.outline #contents .fr {
		width:100%;
	}*/

	.sunshine .box {
		width:100%;
		margin:0 auto;
	}

	/*.sunshine .box .fl {
		width:100%;
	}

	.sunshine .box .fr {
		width:100%;
	}
	.sunshine .table_box .fl,
	.sunshine .table_box .fr {
		width:100%;
	}
	.about .box .fl {
		width:100%;
		padding:20px 60px 0 20px;
	}

	.about .box .fr {
		width:100%;
		padding:20px 10px 0 0;
	}

	.mechanism .box01 .fl {
		width:100%;
	}*/

	.mechanism .box01 .fl ul li {
		position:relative;
		padding-top:15px;
		margin-bottom:15px;
        border:none;
	}
	.mechanism .box01 .fl ul li p {
		width:100%;
		padding:45px 30px 25px 30px;
		margin-left:65px;
	}
/*box01*/
	/*.plan .box01 .fl {width:100%;}
	.plan .box01 p {margin:0 0 60px 0;}
	.plan .box01 .fr {width:100%;}*/

/*box02*/
	/*.plan .box02 .fl {width:100%;}
	.plan .box02 .fr {width:95px; padding:0 0 0 25px;}*/

/*box03*/
	/*.plan .box03 .fl,
	.plan .box03 .fr {
		width:100%;
	}*/

	.about .box {
		width:100%;
		margin:0 auto;
	}

	/*.about .box .fl {
		width:100%;
		padding:40px 100px 0 0;
	}

	.about .box .fl img {
		padding:0 0 50px 0;
	}

	.about .box .fr {
		width:100%;
		padding:40px 0 0 0;
	}*/

	.mechanism .box01 ul {
		width:100%;
	}

	#commercial .mechanism .box01 ul li {
		padding:15px 25px;
		margin:0 0 30px 0;
		border:2px solid #00a0e9;
	}

	.mechanism .box01 ul li span {
		color:#00a0e9;
		padding:0 0 10px 0;
		display:block;
		font-size:116%;
		font-weight:bold;
	}

	.mechanism .box01 ul li.round {
		border-radius:10px; /* CSS3 */
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari and Chrome */
	}

/*box2*/
	/*.mechanism .box02 .fl {
		width:100%;
		padding:0 25px 0 0;
	}

	.mechanism .box02 .fr {
		width:100%;
	}

	.mechanism .box02 .fr p {
		color:#00a0e9;
		padding:0 0 10px 0;
		display:block;
		font-size:116%;
		font-weight:bold;
	}*/


/*titleBox*/

	.flow .titleBox {
		width:100%;
		margin:0 auto 15px;
	}

	/*.flow .titleBox .fl {
		width:100%;
	}*/

	.flow .arrow {
		padding:0 0 25px 0;
		margin:0 0 15px 0;
		background:url(https://www.skylighttube.co.jp/residential/_flow/images/icon_arrow.png) no-repeat center bottom;
	}

	.flow dl {
		width:100%;
		padding:20px 0;
		margin:0 auto;
		border:3px solid #00a0e9;
		border-radius:10px; /* CSS3 */
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari and Chrome */
		behavior:url(/common/css/PIE.htc);  /* for less than IE8 */
		overflow:hidden;
	}

	.flow #No2 dl,
	.flow #No3 dl {
		border:1px solid #00a0e9;
	}

	.flow dl dt {
		width:100%;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}

	.flow dl dd {
		width:100%;
		padding:0 14px 0 0;
		vertical-align:middle;
		display:table-cell;
	}


	.flow .titleBox {
		width:100%;
		margin:0 auto 15px;
	}

	/*.flow .titleBox .fl {
		width:100%;
	}*/

	.flow dl {
		width:100%;
		padding:20px 0;
		margin:0 auto;
		border:3px solid #00a0e9;
		border-radius:10px; /* CSS3 */
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari and Chrome */
		behavior:url(/common/css/PIE.htc);  /* for less than IE8 */
		overflow:hidden;
	}

	.flow #No2 dl,
	.flow #No3 dl {
		border:1px solid #00a0e9;
	}

	.flow dl dt {
		width:100%;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}

	.flow dl dd {
		width:100%;
		padding:0 14px 0 0;
		vertical-align:middle;
		display:table-cell;
	}
	.flow dl dd img {
		float:none;
		padding:0 0 0 20px;
	}
	.about .box {
		width:100%;
		margin:0 auto;
	}

	/*.about .box .fl {
		width:100%;
		padding:20px 60px 0 20px;
	}

	.about .box .fr {
		width:100%;
		padding:20px 10px 0 0;
	}*/


	.flow dl dt {
		width:100%;
		text-align:center;
		vertical-align:middle;
		display:table-cell;
	}

	.flow dl dd {
		width:100%;
		padding:0 14px 0 0;
		vertical-align:middle;
		display:table-cell;
	}

	.flow ol li {
		margin-left:30px;
		list-style:decimal;
	}

	.flow dl dd img {
		float:none;
		padding:0 0 0 20px;
	}

/*h3_box*/
	.case .h3_box {
		width:100%;
		text-align:left !important;
	}

/*box_head*/
	/*.case #contents .box_head div.fl {
		width:100%;
		padding:0 50px 0 0;
	}

	.case #contents .box_head div.fr {
		width:100%;
	}*/

/*ul*/
	/*.case #contents ul.fl {
		width:100%;
		padding:0 50px 0 0;
	}*/
	.lineup .box02_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box02_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}

	.lineup .box02_01 .tableLayout div {
		display:table-cell;
		width:100%;
	}

/*box02_02*/

	.lineup .box02_02 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}
	.lineup .box05_01 .tableLayout {
		width:100%;
		margin:0 0 25px 0;
		zoom:1;
	}

	.lineup .box05_01 .tableLayout h4 {
		display:table-cell;
		width:100%;
		padding:5px 0;
		background:#80d0f4;
		text-align:center;
		vertical-align:middle;
		font-size:123.1%;
		font-weight:bold;
		line-height:1.3;
	}
	.lineup .box08 table th img {
		float:none;
		padding:0 0 0 20px;
	}
	.faq #contents .box {
		width:100%;
		margin:0 auto;
	}
	.sunshine .box {
		width:100%;
		margin:0 auto;
	}

	/*.sunshine .box .fl {
		width:100%;
	}

	.sunshine .box .fr {
		width:100%;
	}*/

	.sunshine .box_head {
		height:143px;
		padding:60px 0 0 0;
		font-size:116%;
	}

    #footer .footer-block .footer-block-in {
        float: none;
        width: 100%;
    }
    #footer .footer-block #footerOutline, #footer .footer-block #footerSitemap {
        width: 98%;
        padding: 10px 1%;
        float: none;
    }

}





/* ■ 180301- _/_/_/_/_/ */
/* _/ Download _/_/_/_/_/ */

#slt-download table td ul li {
	float: left;
	width: auto;
	margin: 0px 8px;
	text-align: center;
}

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

#GENERAL_SECOND {
	width: 100%;
}
#GENERAL_SECOND #contents_layout {
	width: 100%;
}
#GENERAL_SECOND #contents_layout #contents {
	width: 100%;
}
	#slt-download table td ul li {
		float: none;
		margin: 2px 0px;
	}

}

a:hover img{
opacity:0.7;
}

/* pocketボタンを非表示に */
#content .socialSet .sb_pocket { display:none; }

.mb40 {
	margin-bottom: 40px;
}

.lb_anc a {
	padding: 16px 4px;
	color: #009fe7;
	border: 1px solid #009fe7;
	text-align: center;
	display: block;
}
.lb_anc a:link {
	text-decoration: none;
}
.lb_anc a:hover {
	color: #ffffff;
	text-decoration: none;
	background: #009fe7;
}



/* メールフォーム */




/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
table-layout: fixed;
}

.required-contactform7{
  padding: 5px;
  color: #DE8686;
  margin-right: 3px;
  margin-left: 3px;
}
/* .required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
  margin-left: 3px;
} */

.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.table-contactform7 th{
  font-weight:bold;
}

.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
  }
    }

@media screen and (max-width: 900px){
.table-contactform7{
  display:block;
}

  .table-contactform7 tbody,
  .table-contactform7 tr{
    display: block;
    width: 100%;
  }
  .table-contactform7 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
}
.table-contactform7 td{
  display: list-item;
  list-style-type:none;
  margin:0;
  padding:0;
  width: 100%;
  border-top: none !important;
}
}



table.tbl-r02 {
  margin: 20px auto;
}
.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #000;
  padding: 10px;
}
.tbl-r02 td {
	border: solid 1px #ccc;
	padding: 10px;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .contact #contents table.tbl-r02 {
    width: 80%;
  }
  .contact #contents table.tbl-r02 th,
  .contact #contents table.tbl-r02 td {
	border-bottom: none;
    display: block;
    width: 100%;
  }
.contact #contents textarea {
width:100%;
box-sizing:border-box;
border:1px solid #cccccc;
}
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	余白追加　190831

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mgnbtm50 {
	margin-bottom: 50px;
}



/***** テーブル *****/

.lineup table {
	overflow: auto;
	white-space: nowrap;
	display:block;
	width:auto;
}

.lineup table tbody {
	width: 100%;
	display:table;
}

/*tableにスクロールバーを追加*/
.lineup table::-webkit-scrollbar {
	height: 5px;
}

/*tableにスクロールバーを追加*/
.lineup table::-webkit-scrollbar-track {
	background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.lineup table::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}



/* .content .su-post .infoListBox div.thumbImage { display:block; overflow:hidden;float:left;text-align:left; }
.content .su-post .infoListBox div.thumbImage div.thumbImageInner { display:block; overflow:hidden;margin:1px; }
.content .su-post .infoListBox div.thumbImage div.thumbImageInner img	{ width:98px;height:auto;border:1px solid #ccc; } */


.content .su-tabs {
	margin-top: 24px;	
}
.content .entry-meta .entry-meta-items:before { display: none; }
.content .entry-meta .published, .content .entry-meta .tags {
	display: inline-block;
}
.content .entry-meta .published {
	width: 14%;
	font-weight: bold;
}
.content .entry-meta .tags {
	padding: 2px 8px;
}
.content .entry-meta .tags a:link, .content .entry-meta .tags a:visited  {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.content .su-posts-default-loop .su-post-title a:link, .content .su-posts-default-loop .su-post-title a:visited  {
	color: #333;
	text-decoration: none;
}
.content .su-posts-default-loop .su-post-title a:hover {
	color: #00A0E9;
	text-decoration: underline;
}
.content .su-posts  {
	border-bottom: #333 solid 1px;
}
.content .su-post  {
	border-bottom: #9E9E9F dashed 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.content .su-post:last-child  {
	border-bottom: none;
}
.content #tab_demo .entry-meta .published {
	color: #00A0E9;
}
.content #tab_event .entry-meta .published {
	color: #F29600;
}
.content #tab_demo .entry-meta .tags {
	background-color: #00A0E9;
}
.content #tab_event .entry-meta .tags {
	background-color: #F29600;
}
.content .lead_copy {
	border-bottom: #3E3A39 solid 1px;
	padding-top: 12px;
	padding-bottom: 32px;
	margin-bottom: 50px;
}
ul.demo-event_list {
	text-align: right;
    list-style-image: url('https://www.skylighttube.co.jp/wp/wp-content/uploads/2013/09/list-h_icon.png');
	margin-top: 20px;
}
ul.demo-event_list a:link, ul.demo-event_list a:visited {
	color: #333;
	text-decoration: none;
}
ul.demo-event_list img {
	padding-right: 8px;
}
@media only screen and (max-width: 768px) {
  .content .entry-meta .published {
	  width: auto;
  }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	※以下より nge 追加CSS

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*●各ページ調整用　共通CSS -----------------*/

/*マージン調整-----------------*/
.mg-top20 {
	margin-top: 20px !important;
}
.mg-top80 {
	margin-top: 80px !important;
}
.mg-bottom10 {
	margin-bottom: 10px !important;
}
.mg-bottom20 {
	margin-bottom: 20px !important;
}
.mg-bottom50 {
	margin-bottom: 50px !important;
}
.mg-bottom80 {
	margin-bottom: 80px !important;
}
.mg-bottom100 {
	margin-bottom: 100px !important;
}
.mg-rgt-50 {
	margin-right: 50px !important;	
}
.ul-mg-left0 {
    margin-left: 0px !important;
}

/*フォント関連の調整-----------------*/
.font-col-blue {
	color: #009fe8 !important;
}
.font-wt-str {
	font-weight: bold !important;	
}
.font-size_75pec {
	font-size: 75% !important;	
}
/*過去に追加していたスタイル　＊＊＊新規で使用しない＊＊＊*/
.font-str {
	font-weight: bold !important;
}
.font-col {
	color: #00a0e9 !important;
}
/*過去に追加していたスタイル　ここまで　＊＊＊新規で使用しない＊＊＊*/
.content h3 {
/*h3のフォントウェイト設定を上書き　220409*/
	font-weight: normal !important;
}
/*青ボタンCSS https://jajaaan.co.jp/css/button/-----------------*/
.btn_slt-blue,
a.btn_slt-blue {
	color: #fff;
	background-color: #00a0e9;
	padding: 10px 20px;
	text-decoration: none;
	line-height: 20px;
}
.btn_slt-blue:hover,
a.btn_slt-blue:hover {
	opacity:0.5;
}
a.btn_radius01 {
	border-radius: 5px;
}

/*その他調整用-----------------*/
.ul-mg0 {
	margin: 0px !important;
}
.whsp-kaijyo {
	white-space: normal !important;
}
.bg-wht {
	background-color: #ffffff !important;
}
@media screen and (max-width: 479px) { 
    .information #contents table th {
    width: 60px !important;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	※以下より nge 追加CSS　＜各ページ調整＞

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*200610　体感会-イベントページ用調整CSS -----------------*/
.entry-meta .published {
    width: 18% !important;
    margin-top: 2em !important;	
    font-size: 12px !important;
    color: #333333 !important;
	
}
.su-post-title a{
    font-size: 17px !important;
	font-weight: bold !important;
    color: #00A0E9 !important;
}

/*210606　投稿ページのカテゴリーフォントカラー -----------------*/
.content .entry-meta .tags a:link, .content .entry-meta .tags a:visited {
    color: #666666 !important;
}

/*220209　お客様の声-----------------*/
/*https://design.webclips.jp/youtube-movie-size/*/
.mov-content-center {
	text-align: center;
}
.mov-wrap-voice {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	width: 75% !important;
	height: 0;
	margin: 0 auto;
	overflow: hidden;
}
.mov-wrap-voice iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content h5.bg-blue {
	background-color: #f0f9fe !important;
    border: 1px solid #00a0e9 !important;
}
.content h5.bg-yellow {
	background-color: #fafad2 !important;
    border: 1px solid #ffff99 !important;
}
.content h5.bg-grad-bl-yl {
	background: linear-gradient(60deg, #f0f9fe 65%, #ffff99) !important;
    border: 1px solid #00a0e9 !important;
}
/*リンクボタン　https://public-constructor.com/html-flexbox-space-evenly/*/
.voice_link_content {
    width: 100%;
    /*height: 100px;*/
}
.voice_link_content ul {
    margin: 0 auto !important;
}
.voice_link_content_inner {
    display: flex;
    justify-content: space-evenly;
}
.btn_pdg {
	padding: 12px 40px !important;
}
.toiawase_bg {
	background-color: #ffffe0;
	margin: 0 20px;
	padding: 35px 15px 20px;
}
.toiawase_bg ul li {
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width: 479px) { 
    .voice_link_content ul {
    width: 342px !important;
    margin: 0 auto !important;
    text-align: center !important;
    }
    .voice_link_content_inner {
    display:flex;
    flex-flow: column;
    ustify-content:space-between;
    }
    .voice_link_content_inner li a {
    display: block;
    height: 100%;
    width: 100%
    }
    .btn_pdg {
    padding: 0px!important;
    }
    .btn_width {
    width: 342px !important;
    height: 45px !important;
    padding-top: 20px !important;
    border-radius: 5px;
    background-color: #00a0e9;
    margin-bottom: 15px;
    }
	.toiawase_bg {
	background-color: #ffffe0;
	margin: 0 0 80px 0 !important;
	padding: 35px 15px 20px 0;
    }
}
/*文字背景色追加*/
.font_bg_yellow {
	background: #fafad2;
	/*font-weight: bold;*/
}

/*220409　太陽光照明とは（産業用）-----------------*/
@media screen and (max-width: 479px) { 
	.about .naviInner {
    font-size: 72% !important;
    text-align: center !important;
	padding: 30px 0 20px 0 !important;
	}
}