/*
Theme Name: Lightning
Theme URI: https://lightning.nagoya
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version:4.1.0
Tags: two-columns, one-column, right-sidebar, custom-colors, custom-menu, editor-style, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lightning

Lightning WordPress theme, Copyright (C) 2015-2017 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.
*/

/*Bar Style*/

.slider{
  width: 100%;
  height: 5px;
  display: block;
  background: #ccc;
  margin-top: 10px;
  border-radius: 5px;
}

.slider .bar{
  width: 25%;
  height: 5px;
  background: #333;
  border-radius: 5px;
}

/*Animations*/
.slidemenu label, .slider .bar {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
}

/*Toggle*/

.slidemenu .slide-toggle:checked + label{
  opacity: 1;
}



.slidemenu #slide-item-1:checked ~ .slider .bar{ margin-left: 0; }
.slidemenu #slide-item-2:checked ~ .slider .bar{ margin-left: 25%; }
.slidemenu #slide-item-3:checked ~ .slider .bar{ margin-left: 50%; }
.slidemenu #slide-item-4:checked ~ .slider .bar{ margin-left: 75%; }
/

/* トップページ企業紹介文box */
/* フォントウィジェットをいじるとなぜかh3見出しがくずれてしまう */
.box2 p {
    margin: 0; 
    padding: 0;
}
.box2 {
    padding: 0.5em 1em !important;
    margin: 2em 0 !important;
  /*  font-weight: bold !important;
   /* color: #333 !important;/*文字色*/
    background: #FFF !important;
   /* border: solid 3px #6091d3 !important;/*線*/
    border-radius: 10px !important;/*角の丸み*/
}

/* h3見出し */

h3 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}

h3:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}




/* h5見出し */
h5 {
  position: relative;
  padding: 0.6em;
  background: #E3E2CC;
}

h5:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #E3E2CC;
width: 0;
height: 0;
}

/* h6見出し */

h6 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
font-size: xx-large
}