@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blocsideMenukquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
img{max-width:100%;height:auto;}
a img{border:0;}
a:hover img{opacity:0.7;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{
font:90%/1.5 "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro," メイリオ",Meiryo,Osaka," ＭＳ Ｐゴシック",MS PGothic," sans-serif";
color:#333;
background:url(images/header_bg2.jpg) no-repeat;
line-height:1.8em;
-webkit-text-size-adjust:none;
}
body#toppage{background:url(images/header_bg.jpg) no-repeat;}
.thumb img{-webkit-box-shadow:3px 3px 3px #ccc;-moz-box-shadow:3px 3px 3px #ccc;box-shadow:3px 3px 3px #ccc;}
a:hover img{opacity:0.7;filter:Alpha(opacity=80); } /* イメージ→マウスオーバー時に反応有 */
a:hover img.none{opacity:1;} /* イメーfontMジ→マウスオーバー時に反応なし */

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#e37101;
}
a:hover,a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#0099ff !important;
text-decoration:underline;
}
#crumb_list {font-size: 14px; color: #666; line-height: 2em; margin:10px 0 0;text-align:left;}
#crumb_list a {color: #ff6600;}

#content a,#contactContent a{color:#f90;}

/**** Clearfix ****/
.nav .panel:before,nav .panel:after,nav#mainNav:before,nav#mainNav:after,article:before,article:after,#footerbnrFrame:after,#footerbnrFrame:after,.contactInfo2:after,.bnr_blue:after,#makerBox:after,.columnBox:after{content:"";display:block;clear:both;}
nav .panel:after,nav#mainNav:after,article:after,#footerbnrFrame:after,#footerbnrFrame:after{clear:both;}
nav .panel,nav#mainNav,article{zoom:1;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

img.pcImg{display:block !important;}
img.spImg{display:none !important;}
.pcDisp{display:block;}
.spDisp{display:none;}

/* 汎用クラス
*****************************************************/
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.mt0{margin-top:0px !important;}
.mt5{margin-top:0px !important;text-align: center;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.py13 {padding-top: 13px !important; padding-bottom: 13px !important}

.flL{float:left !important;}
.flR{float:right !important;}
img.alignLeft{float:left !important;margin:0 15px 15px 0 !important;display:inline !important;}
img.alignRight{float:right !important;margin:0 0 15px 15px !important;display:inline !important;}
.cent{text-align:center !important;}
.alR{text-align:right !important;}
.block{display:block !important;}

.fontSS{font-size:0.7em !important;}
.fontS{font-size:0.5em !important;}
.fontSM{font-size:1.1em !important;}
.fontM{font-size:1.2em !important;}
.fontML{font-size:1.35em !important;}
.fontL{font-size:1.5em !important;}
.fontLL{font-size:2em !important;}
.fontXL{font-size:2.4em !important;}
.fontWhite{color:#fff !important;}
.fontRed{color:#e60012 !important;}
.fontRed2{color:#f33 !important;}
.fontPink{color:#f66 !important;}
.fontGreen{color:#61b146 !important;}
.fontBlack{color:#000 !important;}
.fontOrange{color:#f60 !important;}
.fontBold{font-weight:bold !important;}
.abs{color:#c00 !important;}


.bgWhite{background:#fff;}
.bgLightYellow{background:#ffc;}
.bgLightBlue{background:#e7fdfe;}
.bgLightPink{background:#fdf6f6fcd;}

.greenPoint{background:#80bc64;font-size:1.2em;padding:3px;}
.brownPoint{background:#59493f;font-size:1em;padding:3px;}
.brownPoint2{background:#7b654a;font-size:1em;padding:3px 10px;margin:0 20px 0 0;}

.bdDot{width:100%;margin:0 0 10px;border-bottom:#ccc 2px dotted !important;}

ol.number li{list-style:decimal !important;margin:0 0 5px 20px !important;}

.wp60{width:60px;}
.wp100{width:100px;}
.w_100 {
	width: 100%!important;
}
.h_auto {height: auto !important}

.border_dash_box {border: 1px dashed #ccc !important;box-sizing: border-box;background: none !important}

/* ページトップ
------------------------------------------------------------*/
#pageTop {
	width: 80px;
	height: 80px;
	position: fixed;
	bottom:10px;
	right:10px;
}
* html #pageTop {
	position: absolute;
}


/* Global Navi 内吹き出し
------------------------------------------------------------*/
.bal01{
position:relative;
display:inline-block;
width:auto;
height:20px;
line-height:20px;
font-size:0.85em;
letter-spacing:-0.02em;
color:#ff8f2e;
/*background:#ff8f2e;*/
background:#fff;
border: 2px solid #ff8f2e;
	
padding:3px 10px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}

/*三角にかぶせて中身を白くする三角*/
.bal01::before {
	content:"";
	position:absolute;
	top:50%; right:-6px;
	margin-top:-5px;
	display:block;
	width:0px;
	height:0px;
    border-style:solid;
	border-width:5px 0 5px 15px;
	border-color:transparent transparent transparent #fff;
    z-index: 2;
}

/*元々あった矢印*/
.bal01::after{
content:"";
position:absolute;
top:50%; right:-9px;
margin-top:-5px;
display:block;
width:0px;
height:0px;
border-style:solid;
border-width:5px 0 5px 10px;
border-color:transparent transparent transparent #ff8f2e;
}

.bal01:hover{
background:#0099ff;
color:#fff;
border: 2px solid #0099ff;
}
.bal02:hover{
background:#0099ff;
color:#fff;
}
/*三角にかぶせて中身を白くする三角*/
.bal01:hover::before {
	content:none;
}
/*元々あった矢印*/
.bal01:hover::after, .bal02:hover::after{
content:"";
position:absolute;
top:50%; right:-9px;
margin-top:-5px;
display:block;
width:0px;
height:0px;
border-style:solid;
border-width:5px 0 5px 15px;
border-color:transparent transparent transparent #0099ff;
}

/* footer内 吹き出し
------------------------------------------------------------*/
.bal02{
position:relative;
display:inline-block;
width:auto;
height:16px;
line-height:20px;
font-size:0.85em;
font-weight:bold;
letter-spacing:-0.05em;
color:#ff8f2e;
background:#fff;
padding:3px 8px;
margin-right:7px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
.bal02::after{
content:"";
position:absolute;
top:50%; right:-7px;
margin-top:-5px;
display:block;
width:0px;
height:0px;
border-style:solid;
border-width:5px 0 5px 10px;
border-color:transparent transparent transparent #fff;
}
.bal03{
position:relative;
display:inline-block;
width:auto;
height:20px;
line-height:20px;
font-size:1em;
letter-spacing:-0.02em;
color:#fff;
background:#ff8f2e;
padding:3px 10px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}
.bal04{
position:relative;
display:inline-block;
width:auto;
height:18px;
line-height:18px;
font-size:1em;
letter-spacing:-0.02em;
color:#ff8f2e;
background:#fff;
padding:3px 10px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;}
/* フォーム
------------------------------------------------------------*/
input[type="text"],textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}
textarea{
height:auto;
line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background:#e37101;
background:-moz-linear-gradient(top,#ff8f2e 0%,#e37101 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff8f2e),color-stop(100%,#e37101));
background:-webkit-linear-gradient(top,#ff8f2e 0%,#e37101 100%);
background:-o-linear-gradient(top,#ff8f2e 0%,#e37101 100%);
background:-ms-linear-gradient(top,#ff8f2e 0%,#e37101 100%);
background:linear-gradient(to bottom,#ff8f2e 0%,#e37101 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f2e',endColorstr='#e37101',GradientType=0 );
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
background:#e37101;
background:-moz-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e37101),color-stop(100%,#ff8f2e));
background:-webkit-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:-o-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:-ms-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:linear-gradient(to bottom,#e37101 0%,#ff8f2e 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e37101',endColorstr='#ff8f2e',GradientType=0 );
}
*:first-child+html input[type="submit"]{padding:3px;}

/* レイアウト
------------------------------------------------------------*/
#wrapper,.inner{
margin:0 auto;
width:1098px;
}
#content{
float:right;
width:780px;
padding:20px 0 0;
}
#contactContent{
width:984px;
padding:40px 0;
margin:0 auto;
}
#sidebar{
float:left;
width:270px;
padding:20px 0;
}
body#toppage #content,body#toppage #sidebar{padding-top:20px;}
#footer{
clear:both;
padding-top:20px;
background:url(images/bgToppage.png) repeat-x;
}

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

/* サイト説明文
----------------------------------*/
#header h1{
margin:0;
top:0;
padding:8px 15px;
color:#2E2E2E;
font-size:90%;
line-height:1em;
font-weight:normal;
background:rgba(255,255,255,0.5);
width:72%;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding-top:20px;
color:#fff;
font-size:160%;
font-weight:bold;
}

/* コンタクトインフォメーション
----------------------------------*/
#header .contactInfo{
float:right;
text-align:left;
width:260px;
background-image:
linear-gradient(-45deg,#fee897 25%,#fedf6e 25%,#fedf6e 50%,
#fee897 50%,#fee897 75%,#fedf6e 75%,#fedf6e);
background-size:8px 8px;
padding:2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 3px 3px #999;
-moz-box-shadow:0 3px 3px #999;
box-shadow:0 3px 3px #999;
}
.contactInfo p{
color:#000;
font-size:16px;
font-weight:700;
padding:5px 5px 0 52px;
}
.contactInfo p.tel{
padding:5px 0 5px 52px;
color:#000;
line-height:26px;
font-size:26px;
letter-spacing:-0.02em;
font-weight:bold;
background:url(images/freecall.png) no-repeat 5px;
}
.contactInfo p.address{background-image:url(images/address.png);}

/* トップページ　メイン画像
----------------------------------*/
#mainImg{
line-height:0;
text-align:center;
z-index:0;
}

/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:30px 0 20px;
padding:2px 11px;
font-size:1.5em;
color:#ff8f2e;
background:url(images/headingBg.png);
}
h2.first{margin-top:0;}
h2.title span{
padding:2px 10px;
background:#fff;
}
html>body h2.title span{padding:7px 10px;} /* IE7,IE8 */

/* サイドバー　ウィジェット
*****************************************************/
p.banner{padding-bottom:15px;}
/*.bnr_blue{padding:5px;background:#006cb9;text-align:center;}
.bnr_blue p{width:246px;margin:0 auto;padding:5px 3px 5px 7px;background:#fff;color:#006cb9;font-size:18px;font-weight:700;text-align:left}
.bnr_blue p:hover{color:#f08300;}*/
.bnr_mail{
margin-top:10px;
background-image:
linear-gradient(-45deg,#fee897 25%,#fedf6e 25%,#fedf6e 50%,
#fee897 50%,#fee897 75%,#fedf6e 75%,#fedf6e);
background-size:8px 8px;
padding:3px 4px;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
-webkit-box-shadow:3px 3px 3px #ccc;-moz-box-shadow:3px 3px 3px #ccc;box-shadow:3px 3px 3px #ccc;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bnr_mail p{
color:#000;
padding:0 0 0 54px;
font-size:18px;
font-weight:bold;
background:url(images/mail.png) no-repeat 5px center;
}.bnr_mail p:hover{
color:#f08300;
}
#sidebar .contactInfo p{color:#333;}
#makerBox img{margin:0;}
#makerBox p {margin:5px 8px;padding:0 5px;text-align:center;border-bottom:#ccc 1px solid;}
#sidebar #makerBox{width:252px;margin:20px auto;border:2px solid #ff8f2e;}
#makerBox h3{
position:relative;
color:#fff;
background:#ff8f2e;
font-size:1.2em;
font-weight:bold;
margin:0.5em -0.6em 1.5em -0.6em;
padding:5px 10px;
-moz-box-shadow:0 1px 3px #777;
-webkit-box-shadow:0 1px 3px #777;
-o-box-shadow:0 1px 3px #777;
ms-box-shadow:0 1px 3px #777;
box-shadow:0 1px 3px #777;
}
#makerBox h3:after,
#makerBox h3:before{
content:"";
position:absolute;
top:100%;
height:0;
width:0;
border:5px solid transparent;
border-top:5px solid #333;
}
#makerBox h3:before{right:0;border-left:5px solid #333;}
#makerBox h3:after{left:0;border-right:5px solid #333;}
#sideMenu{padding:0;margin:0 auto;width:270px;background:#ff8f2e;}
#sideMenu li{
font-size:1em;
font-weight:500;
line-height:60px;
height:60px;
overflow:hidden;
display:block;
background:#fff;
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
margin-bottom:1px;
border-left:5px solid #ff8f2e;
-moz-transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#sideMenu li.main a{
color:#fff;
font-size:1.1em;
background:#ff8f2e;
padding-left:10px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#sideMenu li a{
text-align:left;
display:block;
padding-left:30px;
color:#333;
position:relative;
}
#sideMenu li.main a:hover{
color:#000;
background:#ff8f2e;
}
#sideMenu li a:hover{
color:#ff8f2e;
position:relative;
background:#ffffcc;
}
#searchform input[type="text"]{
line-height:1.7;
height:24px;
vertical-align:bottom;
}

/* 更新情報
-------------*/
.contsTitle{
clear:both;
margin:0;
padding:5px 0;
font-size:100%;
color:#333;
background:url(images/headingBg.png) repeat-x 3px 100%;
}

/* フッター
*****************************************************/
#footerLogo{
float:left;
width:280px;
}
#footerLogoArea img{
width:100%;
height:auto;
float:unset;
margin:unset;
}
#footerLogoArea p,#footerLogoArea p:hover{
font-size:1.5em;
font-weight:bold;
margin:10px 5px;
color:#000;
}
#footerLogoArea{
float:left;
width:280px;
height:62px;
padding:5px 9px 7px;
background:#fff;
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;

display: flex;
justify-self: center;
align-items: center;
}
#footerbtnArea{
float:right;
width:770px;
padding:0 10px;
}
.contactInfo2{
float:left;
margin-top:0 !important;
margin:0 10px 5px 0px;
text-align:left;
width:370px;
background-image:
linear-gradient(-45deg,#fee897 25%,#fedf6e 25%,#fedf6e 50%,
#fee897 50%,#fee897 75%,#fedf6e 75%,#fedf6e);
background-size:8px 8px;
padding:3px 10px;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
-webkit-box-shadow:0 3px 3px #333;-moz-box-shadow:0 3px 3px #333;box-shadow:0 3px 3px #333;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contactInfo2 p{
color:#000;
line-height:1.3em;
font-size:16px;
font-weight:700;
padding:5px 0 0 52px;
}
.contactInfo2 p.tel{
padding:0 0 0 52px;
color:#000;
font-size:36px;
font-weight:bold;
background:url(images/freecall.png) no-repeat 5px;
}
.contactInfo2 p.mail{
padding:5px 0 5px 52px;
color:#000;
font-size:26px;
font-weight:bold;
background:url(images/mail.png) no-repeat 5px;
}
.contactInfo2 p.mail:hover{color:#f08300;}
#footer ul{
display:table;
/*width:820px;*/
width:990px;
margin:0 auto;
font-size:95%;
}
#footer ul li{
display:table-cell;
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-left:20px;
background:url(images/arrowWhite.png) no-repeat 0 12px;
}
#footer ul li a{
display:block;
padding:0 10px;
overflow:hidden;
color:#fff;
font-weight:bold;
}
#footer ul li a:hover{color:#fff;text-decoration:underline;}
*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}
#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:95%;
color:#fff;
zoom:1;
}

/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}
.prev{float:left}
.next{float:right;}
#pageLinks{
clear:both;
color:#e37101;
text-align:center;
}

/* トップページ 最新記事3件 + お勧め商品
------------------------------------------------------------*/
.thumbWrap{
width:780px;
margin-right:-20px;
}
.thumbWrap li.News{
float:left;
width:340px;
margin:0 20px 0 0;
padding:2px 0 5px;
background:none;
}
.thumbWrap li{
float:left;
width:370px;
margin:0 20px 0 0;
padding:2px 0 25px;
background:none;
}

li.height {
	line-height: 1.5em;
	text-align: left;
}

/* 新着情報 */
.contentNews {
    border-radius: 8px;
    margin: 5px;
    padding: 5px;
    height: 270px;
    margin-bottom: 20px;
    background-image: linear-gradient(-45deg,#fee897 25%,#fedf6e 25%,#fedf6e 50%, #fee897 50%,#fee897 75%,#fedf6e 75%,#fedf6e);
    background-size: 8px 8px;
}
ul.thumb.News h3{
    margin-bottom: 10px;
    width: 98%;
    padding: 5px 3px;
    font-weight: 500;
    font-size: 100%;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 15px;
    border: 1px solid #ec8504;
}
.movie_wrap {
	display: flex;
	flex-wrap: wrap;
}

/*200729追加*/
/*トップ　過去記事-------*/
.news_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.news_box_inner {
	width: 49%
}
.news_box_inner:last-of-type {
	width: 51%
}
.news_img {
	width: 95%
}
/* 20230728追記 */
.contentNews_mdf {
	height: initial;
}
.news_wrap {
	border-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
    background-image: linear-gradient(-45deg,#fee897 25%,#fedf6e 25%,#fedf6e 50%, #fee897 50%,#fee897 75%,#fedf6e 75%,#fedf6e);
    background-size: 8px 8px;
}
.news_wrap h3 {
	background-color: #fff;
	margin-bottom: 10px;
	/* width: 98%; */
	padding: 5px 3px;
	font-weight: 500;
	font-size: 100%;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 15px;
	border: 1px solid #ec8504;
}
.news_wrap ul {
	display: flex;
	justify-content: space-between;
}
.news_wrap li {
	width: 49%;
}
.news_wrap_1column li {
	width: 100%;
}

/* 主力商品リンク */
ul.thumb h3{
margin-top:10px;
width:350px;
padding:5px 3px;
font-weight:500;
font-size:100%;
text-align:center;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #ccc;
/*background:#f6f6fc url(images/mainnavBg.png) repeat-x;*/
background: #f6f6fc
}
ul.thumb h3 a{display:block;}

.pointBox{clear:both;margin-bottom:15px;}
.enBox {float: left;left: 10px;top: 8px;width: 70px;height: 70px;font-size:14px;font-weight:bold;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: relative;background: #0099ff;color:#fff;text-align: center;line-height: 70px;z-index: 500;}
.point{margin:15px 0;padding:30px 5px 10px 90px;font-size:1.2em;line-height:1.2em;color:#0099ff;font-weight: bold;}
.txtBox{padding:15px;margin:0 0 15px;}
.txtBoxLeft{float:left;width:60%;padding:15px;margin:0 0 15px;}
.txtBoxRight{float:right;width:35%;padding:0;}
.txt{}

/* コンテンツ
*****************************************************/
.workTit{background:#fedf6e;padding:10px 0 5px 15px;font-size:1.4em;font-weight:bold;}
.workBox{border:#fedf6e 1px solid;border-bottom:#fedf6e 10px solid;padding:20px;margin:0 0 20px;}
.workBox .photo{margin:0 0 10px;}
.workBox .photo img{float:left;}
.workBox .photo img:last-child{float:right;}
.workBox .detail{width:100%;clear:both;}
.workBox .detail table{width:100%;border-bottom:#ccc 1px solid;}
.workBox .detail table th{padding:5px;text-align:center;vertical-align:middle;background:#f6f6fc;border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.workBox .detail table td{padding:5px;background:#fff;vertical-align:middle;border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.workBox .detail table td.point{width:11%;padding:5px 0 5px 5px;background:#fff;vertical-align:top;border-top:#ccc 1px solid;}
.workBox .detail table td.point span{display:inline-block;padding:4px 8px 2px;background:#f90;color:#fff;border-radius:30px;}
.workBox .detail table td.last{padding:5px;background:#fff;vertical-align:middle;border-left:none;border-top:#ccc 1px solid;border-right:#ccc 1px solid;}
.workBox .detail .w10p{width:10%;}
.workBox .detail .w13p{width:13%;}

.companyBox01{width:99%;margin:30px 0;padding:0 5px;font-size:1.1em;line-height:1.8em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.columnBox{width:95%;padding:20px;border:#dacfba 2px solid;font-size:1.1em;line-height:1.8em;}
.columnBoxLeft{width:60%;float:left;line-height:2em;}
.columnBoxRight{width:35%;text-align:center;float:right;margin-leeft:10px;font-size:14px;}
.companyBox02{width:100%;margin:0 auto 40px;}
.companyBox02 table{width:100%;border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;}
.companyBox02 table th{padding:10px 0 10px 15px;background:#f6f6fc;border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.companyBox02 table td{padding:10px;background:#fff;border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.companyBox02 table td .map{width:200px;float:right;}
.companyBox02 table td .map iframe{width:100%;height:200px;}
.companyBox03{width:100%;}
.companyBox03 table{width:100%;border-left:#ccc 5px solid;border-top:#ccc 1px solid;border-right:#ccc 5px solid;}
.companyBox03 table th{width:26%;padding:10px;border-bottom:#ccc 1px solid;}
.companyBox03 table td{padding:10px;border-bottom:#ccc 1px solid;}

.contentsBox {
    border: #ec8504 2px solid;
    background: #ec8504;
    padding: 0 0 10px;
    margin: 0 0 20px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 7px 7px 7px 7px;
}

.contentsBox .contentsBoxInner {
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: inset 2px 2px 10px 0 #ccc;
    -moz-box-shadow: inset 2px 2px 10px 0 #cccc;
    box-shadow: inset 2px 2px 10px 0 #ccc;
}
.heightAdjust {
    height: 240px;
    overflow: auto;
}
.heading02 {
    background-color: #f5f5f5;
    padding: 10px 0px 10px 0px;
    margin: 0 0 10px;
    font-size: 1.1em;
    font-weight: bold;
}
.heading02 span.infoTit {
	/* width: 45%; */
	width: 62%;
    padding: 7px 4px 3px 25px;
    margin: 0 5px;
    font-size: 1em;
    background: #ec8504;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
}

.contentsBox .contentsBoxInner .infoBox {
    border: #bfb7ac 1px dotted;
    padding: 5px;
    margin: 0px 5px 5px;
}
.contactBox01{border-radius:6px;border:#ccc 1px solid;padding:20px;margin:0 0 40px;}
.contactBox02{margin:0 0 40px;}
.contactBox03{margin:0 0 40px;}
.contactBox03:last-child{margin:0;}
.contactBox03 .faqTit{background:#00a0e9 url(images/contact/circle.png) no-repeat 10px center;padding:10px 0 7px 35px;margin:0 0 10px;color:#fff;font-size:1.4em;font-weight:bold;}
.accordion_ul{margin:0 0 10px;}
.accordion_ul h3{
width:100%;
background:#f6f6fc;
padding:7px 0 7px;
margin:0;
cursor:pointer;
position:relative;
display:table;
}
.accordion_ul h3:before{
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:42%;
right:15px;
width:20px;
height:20px;
margin-top:-8px;
background:#4bb8eb;
}
.accordion_ul h3:after{
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:42%;
right:15px;
width:20px;
height:20px;
margin-top:-13px;
background:#f6f6fc;
}
.accordion_ul section{border:#ccc 1px solid;}
.accordion_ul h3 .question{
width:20px;
font-size:2em;
font-weight:bold;
text-align:center;
vertical-align:top;
padding:10px 0 0 10px;
display:table-cell;
}
.accordion_ul h3 .questionTit{padding:10px 40px 0 10px;font-size:1.2em;display:table-cell;vertical-align:middle;}
.accordion_ul li li{
padding:10px 0;
color:#444;
border-top:#ccc 1px solid;
}
.accordion_ul li li .answer{
width:20px;
font-size:2em;
font-weight:bold;
color:#00a0e9;
text-align:center;
vertical-align:top;
padding:10px  0 0 10px;
display:table-cell;
}
.accordion_ul li li .answerTit{padding:10px 10px 0 10px;font-size:1.2em;display:table-cell;vertical-align:middle;}
.accordion_ul h3.active:before{margin-top:-2px;}
.accordion_ul h3.active:after{margin-top:3px;}
.accordion_ul li{background:#fff;}
.accordion_ul li li .answerTit .dotBox{padding:10px;border:#ccc 3px dotted;}
.accordion_ul li li .answerTit .dotBox a{position:inherit;display:inline-block;}

#job {width:270px;margin:10px 0;}
.accordion_ul h3#jobBox{
background:#ff8f2e;
padding:7px 12px;
margin:0px;
cursor:pointer;
position:relative;
display:table;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.accordion_ul h3#jobBox:before{
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:40%;
right:15px;
width:18px;
height:18px;
margin-top:-8px;
background:#000;
}
.accordion_ul h3#jobBox:after{
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:40%;
right:15px;
width:18px;
height:18px;
margin-top:-13px;
background:#ff8f2e;
}
.accordion_ul h3#jobBox.active:before{margin-top:-2px;}
.accordion_ul h3#jobBox.active:after{margin-top:3px;}
.accordion_ul li ul.joblist{
font-size:0.95em;
letter-spacing: -0.02em;
padding:5px 0 0 8px;
}
.accordion_ul li ul.joblist li{
border: none;
padding:0;
}

.solarTit01{border:#fb6d05 2px solid;padding:7px 10px 5px;margin:0 0 20px;border-radius:30px;font-size:1.5em;font-weight:bold;display:inline-block;}
.solarTit02{background:#096;padding:10px;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;}
.solarBox01{margin:0 0 40px;}
.solarBox01 .flow{width:100%;background:#ffcd66;margin:0 0 10px;display:table;}
.solarBox01 .flow .flowLeft{width:40%;padding:10px;font-size:1.2em;font-weight:bold;display:table-cell;}
.solarBox01 .flow .flowRight{font-size:1.2em;font-weight:bold;display:table-cell;}
.solarBox01 .flow .flowRight span{min-width:150px;background:#fff;padding:5px 20px 3px;text-align:center;color:#fc7806;border-radius:30px;display:inline-block;}
.solarBox01 .arrow{width:100%;margin:0 0 10px;display:table;}
.solarBox01 .arrow .arrowLeft{width:40px;padding:0 10px 0 0;vertical-align:middle;display:table-cell;}
.solarBox01 .arrow .arrowRight{display:table-cell;}
.solarBox02{margin:0 0 40px;}
.solarBox02 dl{margin:0 0 20px;display:table;}
.solarBox02 dl:last-child{margin:0;display:table;}
.solarBox02 dl dt{padding:0 20px 0 0;display:table-cell;}
.solarBox02 dl dt span{width:120px;background:#fb6d05;padding:5px 20px 3px;font-size:1.4em;font-weight:bold;text-align:center;color:#fff;border-radius:30px;display:inline-block;}
.solarBox02 dl dd{width:100%;display:table-cell;}
.solarBox02 dl dd span{padding:0 0 3px;margin:0 0 3px;border-bottom:#fb6d05 3px solid;font-size:1.2em;font-weight:bold;display:block;}
.solarBox03{background:#f6f6fc;padding:15px;margin:0 0 20px;}
.solarBox03 dt{color:#39f;font-size:1.5em;font-weight:bold;margin:0 0 5px;}
.solarBox03 a{color:#f60 !important;}
.solarBox04{width:100%;}
.solarBox04 li{background:url(images/solar/icn_sun.png) no-repeat 20px 3px;padding:5px 0 3px 50px;}

.rescueroomTit01{background:#19a8e7;padding:10px;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;}
.rescueroomBox01{border:#ff8f2e 1px solid;padding:15px;margin:0 0 40px;}
.rescueroomBox01 li{background:url(images/rescueroom/icn_check.png) no-repeat 0px 7px;padding:5px 0 3px 25px;}
.rescueroomBox02{margin:0 0 20px;}
.rescueroomBox02 .rescueroomBox02Left{width:32%;margin:0 2% 0 0;float:left;}
.rescueroomBox02 .rescueroomBox02Center{width:32%;margin:0 2% 0 0;float:left;}
.rescueroomBox02 .rescueroomBox02Right{width:32%;margin:0;float:left;}
.rescueroomBox02 dl{background:#f6f6fc;padding:10px;}
.rescueroomBox03{width:100%;margin:0 auto 40px;}
.rescueroomBox03 table{width:100%;margin:0 0 10px;border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;}
.rescueroomBox03 table th{width:15%;padding:10px;background:#19a8e7;color:#fff;border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.rescueroomBox03 table td{padding:10px;background:#f6f6fc;border-left:#ccc 1px solid;border-top:#ccc 1px solid;}
.rescueroomBox03 .rescueroomBox03Txt{border:#19a8e7 2px solid;padding:10px;border-radius:10px;display:block;}


/*蓄電池-------*/
/*安心ポイント*/
.three_column {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.three_column_inner {
	max-width: 29.5%;
	width: 100%;
	background: #f6f6fc;
	padding: 10px
}
/*黒矢印*/
.after_arrow {
	position: relative;
	margin-bottom: 20px
}
.after_arrow::after {
	content: "";
	display: block;
	border: 18px solid transparent;
    border-top: 18px solid #000;
	position: absolute;
	margin: 0 auto;
	width: 0;
    left: 0;
    right: 0;
}
/*赤タイトルと緑タイトル*/
.red_tit {
	color: #e60012;
}
.red_tit span{
	background: #e60012;
}
.green_tit {
	color: #22ac38;
}
.green_tit span{
	background: #22ac38;
}
.red_tit span,.green_tit span{
	padding: 10px;
	color: #fff;
	display: inline-block
}
/*角丸タイトル*/
.border_radius_tit {
    font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold
}
.border_radius_tit span {
	font-size: 18px;
	background: #fff;
	margin-bottom: 10px;
    padding: 7px 10px 5px;
	border-radius: 30px;
	display: block;
	text-align: center;
}
/*割安な電気～*/
.electrical_width {
	width: 80%
}


/*ZEH--------*/
/*数字リスト*/
.ol_count {
	counter-reset: item;
}
.ol_count li{
	border: 1px solid #b6d56a;
	padding: 0 0 20px 0;
	margin-bottom: 10px;
	position: relative
}
.ol_count li:first-of-type{
	margin-top: 10px
}
.ol_count li:last-of-type{
	margin-bottom: 0
}
/*数字アイコン*/
.ol_count li:before {
	counter-increment: item;
	content: counter(item);
	padding: 3px 10px;
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	background: #22ac38;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 10px;
}
/*タイトル背景*/
.ol_count_tit {
	background: #b6d56a;
    width: 100%;
    padding: 10px;
	box-sizing: border-box
}
.ol_count li .ol_count_tag {
	padding: 7px;
	margin-left: 45px;
	color: #22ac38;
	background: #fff
}
.ol_count li span {
	line-height: 2em
}



/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1098px){
nav#mainNav{
clear:both;
padding:20px 0 10px;
position:relative;
z-index:200;
}
nav#mainNav ul{
width:1100px;
height:45px;
border-bottom:5px solid #ff8f2e;
-webkit-border-radius:6px 6px 0 0;
-moz-border-radius:6px 6px 0 0;
border-radius:6px 6px 0 0;
/*background:url(images/mainnavBg.png) repeat-x;*/
background:#fff;
}
nav#mainNav ul li{
letter-spacing:-0.018em;
font-weight:700;
float:left;
position:relative;
height:45px;
line-height:45px;
background:url(images/sep.png) no-repeat 100% 50%;
}
nav#mainNav ul li:last-child{
letter-spacing:-0.018em;
font-weight:700;
float:left;
position:relative;
height:45px;
line-height:45px;
background:none;
}
nav#mainNav ul li a{
display:block;
text-align:center;
_float:left;
/*padding:0 33px;*/
padding:0 15.6px;
background:url(images/mainnav.png) no-repeat 50% 100%;
}


nav#mainNav ul li a:last-child{
display:block;
text-align:center;
_float:left;
/*padding:0 32px;*/
padding:0 13.4px;
background:url(images/mainnav.png) no-repeat 50% 100%;
}
nav div.panel{display:block !important;float:left;}
a#menu{display:none;}
nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li a:active,nav#mainNav ul li.current-menu-parent a{color:#000;letter-spacing:-0.018em;font-weight:700;border-bottom:5px solid #0099ff;background-image:url(images/mainnavH.png);}
nav#mainNav ul ul{
/*width:300px;*/
width:100%;
height:auto;
-webkit-border-radius:0 0 6px 6px;
-moz-border-radius:0 0 6px 6px;
border-radius:0 0 6px 6px;
border-top:0;
border-bottom-width:1px;
}
nav#mainNav ul li ul{display:none;}
nav#mainNav ul li li{
float:none;
height:40px;
line-height:40px;
/*width:300px;*/
padding:0;
/*background:#f6f6fc url(images/mainnavBg.png) repeat-x;*/
background:#fff;
}
nav#mainNav ul li:hover ul{display:block;position:absolute;top:50px;z-index:500;}
nav#mainNav ul li li a{/*height:40px;*/padding:0;/*line-height:40px;*/font-size:95%; border:0;}
nav#mainNav ul li li a span{padding:0 5px;}
nav#mainNav ul li li a:hover, nav#mainNav ul li li.current-menu-item a{color:#000;font-weight:700;}
nav#mainNav ul li:hover ul li{margin:0;border-bottom:2px solid #ff8f2e;}
nav#mainNav ul li:hover ul li:last-child {border:0;/*background:#f6f6fc url(images/mainnavBg.png) repeat-x;*/height:100%;width: 100%}
nav#mainNav ul li:hover ul li:last-child a{border-bottom:2px solid #ff8f2e;line-height: 1.5em;padding: 10px;}
nav#mainNav ul li:hover ul li:last-child a:hover{border-bottom:2px solid #0099ff;}
	
nav#mainNav ul.sub-menu {
	border-bottom: none;
	background: #fff
}
nav#mainNav ul.sub-menu li {
	height:auto;
	line-height:1.5em;
}
nav#mainNav ul.sub-menu li:hover {
	border-bottom: 2px solid #0099ff !important
}
nav#mainNav ul.sub-menu li a {
	padding: 10px 0;
	height: 100%
}
nav#mainNav ul.sub-menu li a:hover{
	border-bottom: none !important
}
	
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1097px){
nav#mainNav{
clear:both;
width:100%;
margin:0 auto;
padding:20px 0;
}
nav#mainNav .inner{width:95%;}
nav#mainNav a.menu{
width:100%;
display:block;
height:40px;
line-height:40px;
font-weight:bold;
text-align:left;
color:#fff;
background:#ff8f2e url(images/menuOpen.png) no-repeat 10px 8px;
background:url(images/menuOpen.png) no-repeat 10px 8px,-moz-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:url(images/menuOpen.png) no-repeat 10px 8px,-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e37101),color-stop(100%,#ff8f2e));
background:url(images/menuOpen.png) no-repeat 10px 8px,-webkit-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:url(images/menuOpen.png) no-repeat 10px 8px,-o-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:url(images/menuOpen.png) no-repeat 10px 8px,-ms-linear-gradient(top,#e37101 0%,#ff8f2e 100%);
background:url(images/menuOpen.png) no-repeat 10px 8px,linear-gradient(to bottom,#e37101 0%,#ff8f2e 100%);
border:2px solid #e37101;
}
nav#mainNav a#menu span{padding-left:2.5em;}
nav#mainNav a.menuOpen{
border-bottom:0;
background:#ff8f2e url(images/menuOpen.png) no-repeat 10px -34px;
background:url(images/menuOpen.png) no-repeat 10px -34px,-webkit-linear-gradient(#e37101 0%,#ff8f2e 100%);
background:url(images/menuOpen.png) no-repeat 10px -34px,-o-linear-gradient(#e37101 0%,#ff8f2e 100%);
background:url(images/menuOpen.png) no-repeat 10px -34px,linear-gradient(#e37101 0%,#ff8f2e 100%);
}
nav#mainNav a#menu:hover{cursor:pointer;}
nav .panel{
display:none;
width:100%;
position:relative;
right:0;
top:0;
z-index:1;
border:2px solid #e37101;
}
.panel ul{margin:0;padding:0;}
.panel ul li{
float:none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
}
.panel ul li a,.panel ul li.current-menu-item li a{
display:block;
width:100%;
padding:1em 0;
text-align:left;
color:#e37101;
background:#fff;
border-top:1px solid #f6f6fc;
}
.panel ul li a span{padding-left:1em;}
.panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active,.panel ul li li.current-menu-item a,.panel ul li.current-menu-item li a:hover,.panel ul li.current-menu-item li a:active{
color:#fff;
background:url(images/bg.png);
}
.panel ul li li{
float:left;
border:0;
}
.panel ul li li a,.panel ul li.current-menu-item li a{border-top:0;background:#fff url(images/sub1.png) no-repeat 20px 18px;}
.panel ul li li.current-menu-item a,.panel ul li li a:hover,.panel ul li.current-menu-item li a:hover{background:#e37101 url(images/sub1.png) no-repeat 20px -62px;}
.panel ul li li:last-child a {background:#fff url(images/subLast.png) no-repeat 20px 20px;}
.panel ul li li.current-menu-item:last-child a, .panel ul li li:last-child a:hover,.panel ul li.current-menu-item li:last-child a:hover{background:#e37101 url(images/subLast.png) no-repeat 20px -65px;}
.panel ul li li a span{padding-left:35px;}
nav div.panel{float:none;}
#mainImg{margin-bottom:20px;}
#header h1{width:95%;padding:8px 2%;margin:10px auto;text-align:center;}
#header .inner{width:97%;margin:10px auto;}
#header .contactInfo{margin:20px 10px 0 0;}
.bal01{margin:0 0 0 10px;}
.pcDisp{display:none;}
.spDisp{display:block;}
.contentNews {
    background-color: #f1f1f1;
    border-radius: 8px;
    margin: 5px;
    padding: 5px;
    height: auto;
    margin-bottom: 20px;
}
}

/* 1096px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:1096px){
.pcDisp{display:none;}
#wrapper,#header,.inner{width:100%;}
#header h1,#header h2{padding:10px;}
#header h1{line-height:1.5;}
.contactInfo{padding-right:10px;}
.panel ul,.thumbWrap{margin:0 auto;}
.panel ul ul{padding:0;}
nav div.panel{float:none;}
#mainImg img{width:98%;height:auto;}
#content,#sidebar,#contactContent{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:10px 0;
}
#banners{width:100%;margin:0 auto;text-align:center;}
#banners p{width:30%;float:left;margin:0 1% 0 2%;}
#banners p img{width:100%;height:auto;}
section.widget_search{text-align:center;}
/*.bnr_blue{width:255px;margin:0 auto;}
.bnr_blue p{width:235px !important;padding:5px;display:block;font-size:1.1em;}
.bnr_blue img{margin:0 0 10px;display:block;}*/
.bnr_mail{
width:255px;
margin-top:10px;
background-image:
linear-gradient(-45deg,#fee897 25%,#fedf6e 25%,#fedf6e 50%,
#fee897 50%,#fee897 75%,#fedf6e 75%,#fedf6e);
background-size:8px 8px;
padding:3px 4px;
-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
-webkit-box-shadow:3px 3px 3px #ccc;-moz-box-shadow:3px 3px 3px #ccc;box-shadow:3px 3px 3px #ccc;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
display:inline-block;
}
.bnr_mail p{
color:#000;
padding:0 0 0 54px;
font-weight:bold;
background:url(images/mail.png) no-repeat 5px center;
}
.bnr_mail a p{width:74% !important;font-size:15px;}
#contactBanner{margin:0 auto;}
.contsTitle{background:none;}
#footer{margin:0;border:0;text-align:center;}
#footerLogo,#footer ul{
float:none;
width:auto;
padding-bottom:20px;
text-align:center;
}
#footer ul ul{padding-top:0;border:0;}
.inner a{width:100%;padding:0;margin:0;float:none;}
#footerLogoArea{text-align:center;display:block;margin:0 auto 10px;float:none;}
#footerbtnArea{width:100%;padding:0;margin:0;float:none;}
.contactInfo2{width:280px;text-align:center;margin:0 auto 10px !important;display:block;float:none;}
.contactInfo2 p{font-size:1.2em !important;text-align:left;}
.contentNews {
    background-color: #f1f1f1;
    border-radius: 8px;
    margin: 5px;
    padding: 5px;
    height: 270px;
    margin-bottom: 20px;
}
}

/* 900px以下から
------------------------------------------------------------*/
@media only screen and (max-width:900px){
#header h2{margin:0 auto 10px;padding:0;text-align:center;float:none;}
#header .contactInfo{margin:0 auto;float:none;}
#footer ul{width:40%;display:block;}
#footer ul li{
display:block;
background:url(images/arrowWhite.png) no-repeat 0 12px;
}
#footer ul li a{
display:block;
padding:0 10px;
overflow:hidden;
color:#fff;
font-weight:bold;
}
}

/* 幅800px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width:800px){
.thumbWrap{width:100%;margin:0 auto;text-align:center;}
.thumbWrap ul.thumb li{width:100%;float:none;}
.thumbWrap img{width:100%;height:auto;}
	ul.thumb h3{width:100%;}
.workBox{padding:10px;}
.workBox .photo{text-align:center;}
.workBox .photo img{margin:0 0 10px;float:none;}
.workBox .photo img:last-child{float:none;}
.contentNews {
    background-color: #f1f1f1;
    border-radius: 8px;
    margin: 5px;
    padding: 5px;
    height: 650px;
    margin-bottom: 20px;
}
	

	/*200729追加*/
	/*トップ　過去記事-------*/
	.news_box_inner,.news_box_inner:last-of-type {
		width: 49%
	}
	.ipad_text_left {
		text-align: left
	}
	
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:644px){
body#toppage{background:none;}
#header{width:100%;overflow:hidden;}
#header h1,#header h2{text-align:center;}
#header h1{background:#ffd89a;}
img.alignRight,img.alignLeft{display:block !important;margin:0 auto 10px !important;float:none !important;}
.alignRight,.alignLeft{display:block !important;float:none !important;}
nav#mainNav a.menu{width:98%;}
nav .panel{width:98%;}
#footer ul{width:85%;text-align:left;padding:15px;}
#footer ul ul{padding:0;}
.spBlock{display:block;}
.spDisp{display:block;}
#job{margin:0 auto;}
.pointBox{clear:both;margin-bottom:30px;background:#f6f6fc;}
.txtBoxLeft{float:both;width:90%;padding:15px;margin:0 0 20px;}
.txtBoxRight{float:both;width:90%;padding:15px;margin:0 0 20px;}
.companyBox01{width:100%;margin:0 auto 10px;font-size:1em;}
.companyBox01 .companyBox01Left{width:100%;font-size:1em;float:none;}
.companyBox01 .companyBox01Right{width:100%;margin:0 0 20px;float:none;}
.columnBox{width:94%;padding:10px;font-size:0.9em;border:#dacfba 2px solid;}
.columnBoxLeft{width:100%;font-size:0.9em;float:none;}
.columnBoxRight{width:100%;float:none;font-size:14px;line-height:1em;margin:10px auto;madding:5px 0;}
.companyBox02 table{width:100%;border:#ccc 1px solid;border-bottom:none;}
.companyBox02 table th{width:96%;padding:2%;text-align:left;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 1px solid;display:block;}
.companyBox02 table td{width:96%;padding:2%;text-align:left;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 1px solid;display:block;}
.companyBox02 table td .map{width:100%;margin:10px 0 0;float:none;}
.companyBox03 table{width:100%;border:#ccc 1px solid;border-bottom:none;}
.companyBox03 table th{width:96%;padding:2%;text-align:left;background:#f6f6fc;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 1px solid;display:block;}
.companyBox03 table td{width:96%;padding:2%;text-align:left;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 1px solid;display:block;}
.contactBox01{padding:10px;}
.solarBox01 .flow{width:96%;padding:2%;text-align:center;display:block;}
.solarBox01 .flow .flowLeft{width:100%;padding:5px;margin:0 0 5px;display:block;}
.solarBox01 .flow .flowRight{width:100%;margin:0 0 5px;display:block;}
.solarBox02 dl{margin:0 0 10px;display:block;}
.solarBox02 dl:last-child{margin:0;display:block;}
.solarBox02 dl dt{width:100%;padding:0 0 10px;display:block;}
.solarBox02 dl dd{width:100%;display:block;}
.rescueroomBox02 .rescueroomBox02Left{width:100%;margin:0 0 10px;float:none;}
.rescueroomBox02 .rescueroomBox02Center{width:100%;margin:0 0 10px;float:none;}
.rescueroomBox02 .rescueroomBox02Right{width:100%;margin:0;float:none;}
.rescueroomBox02 dt{text-align:center;}
.rescueroomBox03 table{width:100%;border:#ccc 1px solid;border-bottom:none;}
.rescueroomBox03 table th{width:96%;padding:2%;text-align:left;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 1px solid;display:block;}
.rescueroomBox03 table td{width:96%;padding:2%;text-align:left;border-left:none;border-top:none;border-right:none;border-bottom:#ccc 1px solid;display:block;}
.contentNews {
    background-color: #f1f1f1;
    border-radius: 8px;
    margin: 5px;
    padding: 5px;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    display: block;
}
.infoSp {
    width: 100%;
    /* height: 240px !important; */
    overflow: auto;
    margin: 0 auto 0;
    padding-bottom: 0px;
}
.heading02 {
    padding: 15px 10px 10px 0px;
    font-size: 1.1em;
    font-weight: bold;
}
.heading02 span.infoTit {
    width: 99%;
    padding: 7px 4px 3px 0px;
    margin: 0 5px;
    font-size: 1em;
    background: #ec8504;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    text-align: center;
}
	
	
html>body h2.title span{padding:1px 10px;}
	
	/*蓄電池-------*/
	/*安心ポイント*/
	.three_column_inner {
		max-width: 100%;
		margin-bottom: 10px
	}
	.three_column_inner img {
		width: 80%
	}
	/*割安な電気～*/
	.electrical_width {
		width: 100%
	}
	
	
	
	/*200729追加*/
	/*トップ　過去記事-------*/
	.news_box_inner,.news_box_inner:last-of-type {
		width: 100%
	}
	
	.movie_wrap li {
		margin: 0;
	}
	.news_wrap ul {
		flex-direction: column;
	}
	.news_wrap li {
		width: 100%;
	}
	
}




.slider-wrap {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
  }
  .slider .slick-slide {
	/* height: 400px; */
	overflow: hidden;
  }
  .slider .slick-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
  .dots-4 {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
  }
  .dots-4 .slick-dots {
	text-align: center;
  }
  .dots-4 .slick-dots li {
	display: inline-block;
  }
  .dots-4 .slick-dots button {
	display: block;
	width: 10px;
	height: 10px;
	margin: 6px;
	font-size: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	/* background: #fee897; */
	background: #fff;
	border-radius: 50%;
  }
  .dots-4 .slick-dots .slick-active button {
	background: #ff8f2e;
  }
  .progress_bar {
	width: 100%;
	background: #fee897;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
  }
  .progress_bar .bar {
	width: 0%;
	height: 4px;
	background: #ff8f2e;
  }