@charset "utf-8";
 @font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP"),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
body {
font-family: 'Noto Sans JP', "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, sans-serif;
line-height:2em;
font-size:16px;
overflow-x: hidden;
}
p{
margin-bottom:1em;
}
.container-fluid{
padding:0;
} .row-nopadding {
margin-left: 0;
margin-right: 0;
} .row-nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
} img {
max-width: 100%;
height: auto;
}
.v-middle{
vertical-align: middle;
}
.v-bottom{
vertical-align:bottom;
}
.alignleft{
float:left;
padding-right:30px;
padding-bottom:30px;
}
.alignright{
float:right;
padding-left:30px;
padding-bottom:30px;
}
.aligncenter{
display: block;
margin: 0 auto;
}
hr.clear{
visibility: hidden;
display: none;
} .row-eq-height {
display: flex;
flex-wrap: wrap;
} table{
width: 100%;
border: 1px solid #aaaaaa;
margin-bottom: 15px;
border-collapse: collapse;
}
table tr th{
border: 1px solid #aaaaaa;
background-color:#eaeff9;
padding: 10px 10px;
line-height: 1.5;
white-space:nowrap;
}
table tr td{
border: 1px solid #aaaaaa;
padding: 10px 10px;;
line-height: 1.5;
}
table tr th p, table tr td p{
margin: 0;
line-height: 1.5;
}
table tr th.nowrap, table tr td.nowrap{
white-space:nowrap;
}
table tr td ol{
padding-left: 30px;
margin-bottom: 0;
} header#site-header{
background-position: center top;
background-repeat: no-repeat;
}
.navbar-default{
background-color: transparent;
border: none;
}
.navbar{
margin-bottom: 0;
border: none;
}
.navbar p{
margin-bottom: 0;
}
.site-title{
margin-top: 15px;
margin-bottom: 15px;
}
header .description{
background-color: #0086D1;
color: #ffffff;
padding: 0px 10px;
line-height: 1.5;
font-size: 14px;
margin: 0;
}
header .header-first{
text-align: right;
margin-top: 20px;
font-size: 28px;
color:#595959;
} header .slider{
margin-bottom: 15px;
}
header .slider .container{
padding-left: 0;
padding-right: 0;
}   nav .main-menu li a{
color: #333333;
}
nav .main-menu .container{
padding-left: 0;
padding-right: 0;
}   #breadcrumb{
margin-top: 15px;
}
#breadcrumb ul{
padding: 0;
margin: 0;
list-style: none;
}
#breadcrumb ul li{
float: left;
} #content{
margin-top: 15px;
}
#content .post-content, #content .page-content, #content .content{
float: right;
}
#content #side-bar{
float: left;
padding-right: 30px;
} #front-page {
margin-top: 45px;
}
#front-page .title{
text-align: center;
margin-bottom: 45px;
}
#front-page h1{
background-color: #469362;
padding: 10px;
font-size: 20px;
color: #ffffff;
margin-bottom: 15px;
margin: 0px;
min-width: 300px;
display: inline-block;
} #front-page #info-blog{
margin: 0 auto;
}
#front-page .infoarea{
padding-left: 0;
margin-bottom: 30px;
}
#front-page .blogarea{
padding-right: 0;
margin-bottom: 30px;
}
#front-page .infoarea h2, #front-page .blogarea h2{
background-color: #0086D1;
color: #ffffff;
padding: 10px;
font-size: 28px;
margin-bottom: 15px;
margin-top: 0;	
} #front-page ul.infonewarea, #front-page ul.blognewarea{
margin: 0;
padding: 0;
list-style: none;
}
#front-page ul.infonewarea li, #front-page ul.blognewarea li{
border-bottom: solid 1px #cccccc;
padding: 10px 15px;
line-height: 1.5;
}
#front-page ul.infonewarea li .info-date, #front-page ul.blognewarea li .blog-date{
display: inline-block;
vertical-align: top;
width: 150px;
}
#front-page ul.infonewarea li .info-title, #front-page ul.blognewarea li .blog-title{
display: inline-block;
vertical-align: top;
width: calc(100% - 150px); 
}
#front-page .top-more {
text-align: right;
margin: 15px 0 0;
}
#front-page .top-more a{
display: inline-block;
color: #575757;
padding: 0 8px 0 0;
height: 0;
width: 90px;
border-bottom: 30px solid #DDDDDD;
border-right: 20px solid transparent;
}
#front-page .top-more a:hover{
text-decoration: none;
color: #ffffff;
border-bottom: 30px solid #575757;
} #front-page .topcate{
}
#front-page .topcate .topcateitem{
margin-bottom: 30px;
}
#front-page .topcate .topcateitem .topcate-name{
background-color: #dddddd;
text-align: center;
display: block;
}
#front-page  .topcate .topcateitem a{
text-decoration: none;
color:#575757;
}
#front-page  .topcate .topcateitem a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;	
} #content header h1{
background-color: #0086D1;
color: #ffffff;
padding: 10px;
font-size: 32px;
margin-bottom: 15px;
margin-top: 0;
}
#content .entry-content h1, #content .entry-post h1{
border: none;
padding: 0px;
font-size: 30px;
margin: 30px 0;
text-align: center;
font-weight: 600;
}
#content .entry-content h2, #content .entry-post h2{
border-left: solid 12px #9fa0a0;
border-bottom: solid 1px #9fa0a0;
padding: 5px 5px 5px 15px;
font-size: 28px;
margin-bottom: 15px;
font-weight: 600;
}
#content .entry-content h3, #content .entry-post h3{
border-bottom: solid 1px #9fa0a0;
padding: 5px;
font-size: 24px;
font-weight: 600;
}
#content .entry-content h4, #content .entry-post h4{
border-left: solid 6px #9fa0a0;
font-size: 20px;
font-weight: 600;
padding-left: 5px;
}
#content .entry-content h5, #content .entry-post h5,
#content .entry-content h6, #content .entry-post h6{
font-size: 16px;
font-weight: 600;
}
#content .entry-post .entry-date{
text-align: right;
margin-bottom: 0.5em;
} .bne-gallery-masonry-wrapper{
margin-top: 30px;
} #content .entry-content .gallery-item img{
border:none;
}
#content .entry-content .gallery-columns-2 dl.gallery-item{
padding-right: 3px;
padding-left: 3px;
width: calc(100% / 2);
}
#content .entry-content .gallery-columns-3 dl.gallery-item{
padding-right: 3px;
padding-left: 3px;
width: calc(100% / 3);
}
#content .entry-content .gallery-columns-4 dl.gallery-item{
padding-right: 3px;
padding-left: 3px;
width: calc(100% / 4);
}   #content .entry-content ul.list{
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
#content .entry-content ul.list li{
display: inline-block;
vertical-align: top;
list-style: none;
width: 32%;
margin: 0;
padding: 0;
margin-right: 2%;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.25;
}
#content .entry-content ul.list li:nth-child(3n){
margin-right: 0;
} #content .entry-content ul.photo03,#content .entry-content ul.photo02,
#content .entry-post ul.photo03,#content .entry-post ul.photo02{
padding: 0;
list-style: none;
font-size: 0;
}
#content .entry-content ul.photo03 li,#content .entry-content ul.photo02 li,
#content .entry-post ul.photo03 li,#content .entry-post ul.photo02 li{
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
}
#content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 32%;
margin-right: 2%;
}
#content .entry-content ul.photo03 li:nth-child(3n),#content .entry-post ul.photo03 li:nth-child(3n){
margin-right: 0;
}
#content .entry-content ul.photo02 li, #content .entry-post ul.photo02 li{
width: 49%;
margin-right: 2%;
}
#content .entry-content ul.photo02 li:nth-child(2n), #content .entry-post ul.photo02 li:nth-child(2n){
margin-right: 0;
} #content .entry-content iframe[src*="google.com"] {
max-width: 100%;
} #content .entry-content iframe[src*="youtube.com"] {
max-width: 100%;
} #content .entry-content .btn{
display: block;
padding: 20px;
font-size: 16px;
position: relative;
}
#content .entry-content .btn a{
color:#333333;
}
#content .entry-content .btn a:hover{
text-decoration: none;
} #content .entry-content .tellcontact{
font-size: 24px;
margin-bottom: 0.5em;
}
#content .entry-content .bx-wrapper{
margin-bottom: 15px;
}
#content .entry-content .controlWrap #bx-pager a:hover{
cursor: pointer;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;	
}
#content .entry-content .controlWrap #bx-pager a{
display: inline-block;
width: 20%;
}
#content .entry-content .controlWrap #bx-pager a.active img {  
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;	
} #content .entry-content .childlist{
margin-bottom: 15px;
}
#content .entry-content .childlist .child-photo{
position: relative;
margin-bottom: 15px;
}
#content .entry-content .childlist .child-photo img{
}
#content .entry-content .childlist h2{
border: none;
background-color:#dddddd;
color: #575757;
font-size: 16px;
font-weight: 500;
padding: 10px 5px;
margin: 0;
text-align: center;
}
#content .entry-content .childlist a h2{
color: #575757;
text-align: center;
}
#content .entry-content .childlist a h2:hover{
color: #575757;
}
#content .entry-content .childlist .child-photo a:hover{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-decoration: none;
} #content header h1 span.voice-year{
display: block;
font-size: 18px;
margin-top: 10px;
}
#content .entry-content .voiceblock{
margin-bottom: 30px;
}
#content .entry-content .voiceblock .voiceinfo h3{
margin-top: 0;
}
#content .entry-content table.timetable{
border: none;
}
#content .entry-content table.timetable tr th{
border: none;
background-color: #0086d1;
color:#ffffff;
font-size: 18px;
}
#content .entry-content table.timetable tr{
background-color: #9f9f9f;
color:#ffffff;
}
#content .entry-content table.timetable tr:nth-child(2n){
background-color: #ebebeb;
color:#333333;
}
#content .entry-content table.timetable tr td{
border:none;
background-color:transparent;
} #content .post-content #nav-below{
margin-top: 45px;
} #content .post-content #nav-below .nav-next{
text-align: right;
}   a[href$=".pdf"] {
background: url(//www.tyo-denki.com/wordpress/wp-content/themes/tyoden/images/icon/pdf.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".doc"], a[href$=".docx"]{
background: url(//www.tyo-denki.com/wordpress/wp-content/themes/tyoden/images/icon/word.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}  
a[href$=".xls"], a[href$=".xlsx"]{
background: url(//www.tyo-denki.com/wordpress/wp-content/themes/tyoden/images/icon/excel.png) no-repeat left 3px;
margin:0px;
padding: 0px 0px 15px 25px;
}
a[href$=".pdf"] img {
margin-left: -25px;
background-image: none;
}  
a[href$=".doc"] img, a[href$=".docx"] img{
margin-left: -25px;
background-image: none;
}  
a[href$=".xls"] img, a[href$=".xlsx"] img{
margin-left: -25px;
background-image: none;
} #content .archive-content article{
border-bottom: solid 1px #cccccc;
margin-bottom: 15px;
}
#content .archive-content .entry-header h2::before{
font-family: FontAwesome;
content: "\f04d";
padding-right: 8px;
color:#eb5405;
margin-left: -30px;
}
#content .archive-content .entry-header h2{
font-size: 24px;
font-weight: 600;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 30px;
}
#content .archive-content .entry-header .entry-date{
margin-bottom: 0;
}
#content .archive-content .entry-summary .excerpt_more{
text-align: right;
}
#content .archive-content .entry-summary .excerpt_more a i.fa{
color: #eb5405;
} #content #nav-above{
margin-top: 30px;
}
#content #nav-above .tab_nav{
text-align: center;
line-height: 1.25em;
}
#content #nav-above .tab_nav .page-numbers {
padding: 2px 7px;
border:solid 1px #cccccc;
}
#content #nav-above .tab_nav .page-numbers:hover{
color: #FFFFFF;
border:solid 1px #0086D1;
background-color: #0086D1;
text-decoration: none;
}
#content #nav-above .tab_nav .current {
padding: 2px 7px;
color: #FFFFFF;
border:solid 1px #0086D1;
background-color: #0086D1;
}  #side-bar .widget{
margin-bottom: 30px;
}
#side-bar h3{
margin: 0;
background-color:#0086D1;
color: #ffffff;
padding: 10px 10px;
font-size: 18px;
line-height: 1;
}
#side-bar ul{
padding: 0;
list-style: none;
}
#side-bar ul li{
border-bottom: solid 1px #9fa0a0;
padding: 5px 10px;
line-height: 1.5em;
}
#side-bar .posts-all-link{
text-align: right;
}
#side-bar .posts-all-link a{
border-bottom: 30px solid #DDDDDD;
border-right: 20px solid transparent;
color: #575757;
display: inline-block;
height: 0;
padding: 0 8px 0 0;
width: 90px;	
}
#side-bar .posts-all-link a:hover{
text-decoration: none;
color: #ffffff;
border-bottom: 30px solid #575757;
} footer{
margin: 30px 0 0;
padding: 0;
}
footer .footer{
padding-top: 15px;
padding-bottom: 15px;
}
footer .footer p{
line-height: 1.5;
margin-bottom: 5px;
}
footer .footer01{
background-color:#eeeeee;
} footer #footer-second ul{
padding: 0;
list-style: none;
margin: 0;
float: right;
}
footer #footer-second ul li{
float: left;
border-left: 1px solid #333333;
padding-left: 10px;
padding-right: 10px;
line-height: 1em;
margin-bottom: 5px;
}
footer #footer-second ul li:last-child{
border-right: 1px solid #333333;
}
footer #footer-second ul li a{
color:#333333;
}
footer #footer-second ul::after{
clear: both;
display: block;
visibility: hidden;
content: " ";
}
footer #footer-second::after{
clear: both;
display: block;
content: " ";
}
footer #footer-third{
display: block;
} footer .footer02 .footer{
padding-right: 0;
}
footer #copyright{
margin: 0;
line-height: 1.5;
font-size: 14px;
text-align: right;
} .red{
color: #FF0000;
font-size: 12px;
}
#content .entry-content .form-group input.btn{
display: inline-block;
border:solid 1px #aaaaaa;
}
.form-group input.btn:hover{
}
span.wpcf7-list-item {
display: block!important;
}
.disnon{
display: none;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#content #side-bar {
padding-right: 15px;
}
}
@media screen and (max-width: 767px) {
header#site-header{
background-image:none;
padding-top: 15px;
border-bottom: solid 2px #aaaaaa;
}
header#site-header .header-top{
margin-top:50px;
margin-bottom:15px;
}
.site-title{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
header .header-first{
display: none;
} header .description{
display: none;
visibility: hidden;
} .navbar .main-menu {
position: absolute;
background-color: transparent;
top: -15px;
left: 0px;
z-index: 100;
width: 100%;
}	
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar .navbar-collapse{
background-color: #0086D1;
border: none;
}
.navbar .navbar-toggle{
border-color: #0086D1;
margin-top: 0;
margin-right: 0;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li.mega-menu-item{
width : 100%!important;
}
#mega-menu-wrap-mainmenu #mega-menu-mainmenu > li.mega-menu-item > a.mega-menu-link{
text-align: left!important;
} #content .post-content, #content .page-content, #content .content{
float:none;
} #content #side-bar{
float:none;
padding-right: 15px;
margin-top: 30px;
padding-left:15px;		
}   #content .entry-content ul.list{
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
}
#content .entry-content ul.list li{
display: inline-block;
vertical-align: top;
list-style: none;
width: 48%;
margin: 0;
padding: 0;
margin-right: 4%;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.25;
}
#content .entry-content ul.list li:nth-child(3n){
margin-right:4%;
}	
#content .entry-content ul.list li:nth-child(2n){
margin-right:0;
} #content .entry-content ul.photo03,#content .entry-post ul.photo03 li{
display:inline-block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
}
#content .entry-content ul.photo03 li:nth-child(3n),#content .entry-post ul.photo03 li:nth-child(3n){
margin-right: 2%;
}
#content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 48%;
margin-right: 2%;
}
#content .entry-content ul.photo03 li:nth-child(2n), #content .entry-post ul.photo03 li:nth-child(2n){
margin-right: 0;
} footer #copyright{
padding-right: 15px;
} .child-pagebox .col-xs-6{
padding-right: 10px;
padding-left: 15px;
} 
.child-pagebox .col-xs-6:nth-child(2n){
padding-right: 15px;
padding-left: 10px;
}
#content .entry-content .childlist{
margin-bottom: 5px;
}
}
@media screen and (min-width: 576px) and (max-width: 767px) { #content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 48%;
margin-right: 4%;
}
#content .entry-content ul.photo03 li:nth-child(3n), #content .entry-post ul.photo03 li:nth-child(3n){
margin-right: 4%;
}	
#content .entry-content ul.photo03 li:nth-child(2n), #content .entry-post ul.photo03 li:nth-child(2n){
margin-right: 0;
} #content .archive-content .entry-summary .col-xs-12.col-sm-5{
width: 33.3333%!important;
}
#content .archive-content .entry-summary .col-xs-12.col-sm-7{
width: 66.6667%!important;
}
}
@media screen and (max-width: 575px) { #content .entry-content ul.photo03 li,#content .entry-content ul.photo02 li,
#content .entry-post ul.photo03 li,#content .entry-post ul.photo02 li{
display: block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
}
#content .entry-content ul.photo03 li, #content .entry-post ul.photo03 li{
width: 100%;
margin-right: 0;
}
#content .entry-content ul.photo02 li, #content .entry-post ul.photo02 li{
width: 100%;
margin-right: 0;
} #content .archive-content .entry-summary .col-xs-12.col-sm-5{
width: 100%!important;
}
#content .archive-content .entry-summary .col-xs-12.col-sm-7{
width: 100%!important;
} #front-page .infoarea{
padding-left: 0;
padding-right: 0;
}
#front-page .blogarea{
padding-left: 0;
padding-right: 0;
}	
#front-page ul.infonewarea li .info-date, #front-page ul.blognewarea li .blog-date{
display: block;
width: 100%;
}
#front-page ul.infonewarea li .info-title, #front-page ul.blognewarea li .blog-title{
display: block;
width: 100%;
} #front-page .topcate .topcateitem.col-xs-6{
width: 100%!important;
} #content .entry-content .childlist h2{
font-size: 14px;
}
}