@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

footer .copySection p:nth-child(2) {
    display:none !important;
}

/* ページタイトルの背景色 */
.page-header {
    background-color: #ffffff !important;
}
 
/* ページタイトルのスタイル */
.page-header_pageTitle,
h1.page-header_pageTitle:first-child {
    color: #696969;
    margin: 20px 0 15px;
    font-size: 24px;
}

h2.free_head {
color: #ffffff;/*文字色*/
background: #323232;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/
font-size: large;
}

/* 商品ラインナップページのレイアウト */

div.cover {
   display: table;
   border-spacing: 2em 5px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}
/* 
div.cover div.box1 {
   display: table-cell;
   width: 45%;
}
 */
div.cover div.blocka {
   display: table-cell;
   width: 50%;
}
div.cover div.blockb {
   display: table-cell;
}

@media screen and (max-width: 640px) {
   div.cover {
      display: block;
   }
   div.cover div.blocka {
      display: block;
      width: 100%;
   }
   div.cover div.blockb {
      display: block;
      width: 100%;
   }
}

.blockb::after {
   content: "";
   clear: both;
   display: block;
}

.flex_box {
	padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:space-between;     /* 横の揃え */
    width: 100%;
    align-items:stretch;        /* 縦の位置指定 */
    flex-wrap: wrap;            /* 折り返し指定 */
}
.flex_item {
    color:  #666;               /* 文字色 */
    margin-bottom:  20px;              /* 外側の余白 */
	width: 300px;
    align-self: stretch;        /* 縦の位置指定 */
}

@media screen and (max-width: 750px) {
	.flex_box {
		display: block;
		width: 100%;
	}
	.flex_item {
		display: block;
		margin-bottom:  20px;
		margin: auto;
		width: 300px;
	}
}

/* 画像4分割レイアウトここから */
.flex_box_col {
	padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:space-around;     /* 横の揃え */
    width: 100%;
    align-items:stretch;        /* 縦の位置指定 */
  	text-align: center;
}
.flex_item_col {
    color:  #666;               /* 文字色 */
    margin-bottom:  20px;              /* 外側の余白 */
	width: 25%;
    align-self: stretch;        /* 縦の位置指定 */
  	text-align: center;
}

@media screen and (max-width: 750px) {
	.flex_box_col {
		display: block;
		width: 100%;
	}
	.flex_item_col {
		display: block;
		margin-bottom:  20px;
		margin: auto;
 		width: 100%;
      	text-align: center;
	}
}
/* 画像4分割レイアウトここまで */

/* 画像3分割レイアウトここから */
.flex_box_col_3 {
	padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:space-around;     /* 横の揃え */
    width: 100%;
    align-items:stretch;        /* 縦の位置指定 */
  	text-align: center;
}
.flex_item_col_3 {
    color:  #666;               /* 文字色 */
    margin: 10px 10px 0px 10px ;             /* 外側の余白 */
	width: 34%;
    align-self: stretch;        /* 縦の位置指定 */
  	text-align: center;
}

@media screen and (max-width: 750px) {
	.flex_box_col_3 {
		display: block;
		width: 100%;
	}
	.flex_item_col_3 {
		display: block;
		margin-bottom:  20px;
		margin: auto;
 		width: 100%;
      	text-align: center;
	}
}
/* 画像3分割レイアウトここまで */

/* 設計コンセプトページのレイアウト */

div.cover2 {
	display: table;
	border-spacing: 1em 5px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.cover2 div.textl {
   display: table-cell;
   width: 60%;
   vertical-align:top;
}
div.cover2 div.imgr {
   display: table-cell;
   vertical-align:top;
}

@media screen and (max-width: 640px) {
   div.cover2 {
      display: block;
   }
   div.cover2 div.textl {
      display: block;
      width: 100%;
   }
   div.cover div.imgr {
      display: block;
      width: 100%;
   }
}

.blockb::after {
   content: "";
   clear: both;
   display: block;
}


/* 別ウィンドウアイコン表示 */

a.newwin:after {
      content: url(/wp-content/uploads/2018/02/newwinicon.png);
      margin: 0px 2px;
   }

/* ブログウィンドウアイコン表示 */
a.blogwin:after {
      content: url(/wp-content/uploads/2018/02/blogicon.png);
      margin: 0px 2px;
   }

/* リスト注釈表示 */
ul.sml {
      font-size: 80%; 
   }

/* スマホで画像を回り込ませない */
@media only screen and (max-width: 413px) {
img.alignright {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}
 
img.alignleft {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}
.alignright {
	float: none;
	}
 
.alignleft {
	float: none;
	}
}

/* ページ内強調説明背景 */
div.impbg {
   background:#ffebcd;
   border-radius: 10px; 
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   padding:20px;
   width: 100%;
}

/* ヘッダーとグローバルメニューを非表示*/
.lp-template-default .subSection{
    display:none;
}

.lp-template-default .siteHeader .container{
display:none;
}

.lp-template-default .page-header{
    display:none;
}

.lp-template-default .siteHeader{
    display:none;
}

.lp-template-default .entry-meta{
    display:none;
}

.lp-template-default .breadSection{
    display:none;
}

.lp-template-default .col-md-8{
    width:100%;
}

.lp-template-default .container{
    max-width:800px;
}

.lp-template-default .veu_contentAddSection{
    display:none;
}

.lp-template-default nav{
    display:none;
}

.lp-template-default footer{
    display:none
}

.lp-template-default .menuBtn.btn-default{
    display: none;
}

/* ２分割のレイアウト */

div.twosplit {
   display: table;
   border-spacing: 0em 0px;
   margin: 0px;
   padding: 0px;
   text-align:center;
   width: 100%;
}
div.twosplit div.lay_l {
   display: table-cell;
   width: 50%;
}
div.twosplit div.lay_r {
   display: table-cell;
}
@media screen and (max-width: 480px) {
   div.twosplit {
      display: block;
      text-align:center;
   }
   div.twosplit div.lay_l {
      display: block;
      width: 90%;
   }
   div.twosplit div.lay_r {
      display: block;
      width: 90%;
   }
}

/* ページ内画像：文章2列レイアウトここから */
.flex_box_imgtxt {
    padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:space-between;     /* 横の揃え */
    width: 100%;
    align-items:stretch;        /* 縦の位置指定 */
}
.flex_item_imgtxt {
    color:  #666;               /* 文字色 */
  	padding: 5px;
    margin-bottom:  10px;              /* 外側の余白 */
    align-self: stretch;        /* 縦の位置指定 */
}
.flex_item_imgtxt_50 {
    color:  #666;               /* 文字色 */
  	padding: 5px;
    margin-bottom:  10px;              /* 外側の余白 */
    align-self: stretch;        /* 縦の位置指定 */
  	width:50%;
}
.flex_item_imgtxt_75 {
    color:  #666;               /* 文字色 */
  	padding: 5px;
    margin-bottom:  10px;              /* 外側の余白 */
    align-self: stretch;        /* 縦の位置指定 */
  	width:75%;
}

@media screen and (max-width: 750px) {
	.flex_box_imgtxt {
		display: block;
	}
	.flex_item_imgtxt {
		display: block;
		width: 100%;
      	text-align: center;
	}
	.flex_item_imgtxt_50 {
		display: block;
		width: 100%;
      	text-align: center;
	}
	.flex_item_imgtxt_75 {
		display: block;
		width: 100%;
      	text-align: center;
	}
}
/* ページ内画像：文章2列レイアウトここまで */

.lay_r::after {
   content: "";
   clear: both;
   display: block;
}

/* ページ内強調説明背景 */

/* 商品カラーバリエーションのレイアウト */
div.cvbg {
   background:#e4e4e4;
   border-radius: 10px; 
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   padding:5px;
   width: 95%;
}
/* 商品カラーバリエーションのレイアウトここまで */

div.impbg {
   background:#ffebcd;
   border-radius: 10px; 
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   padding:20px;
   width: 100%;
}

div.cover {
   display: table;
   border-spacing: 4em 7px;
   margin: 0px;
   padding: 0px;
   width: 100%;
   text-align:center;
}
div.cover div.blocka {
   display: table-cell;
   width: auto;
}
div.cover div.blockb {
   display: table-cell;
}
div.cover div.blockc {
   display: table-cell;
   width: auto;
}

@media screen and (max-width: 640px) {
   div.cover {
      display: block;
   }
   div.cover div.blocka {
      display: block;
	  text-align:center;
      width: 100%;
   }
   div.cover div.blockb {
      display: block;
	  text-align:center;
      width: 100%;
   }
   div.cover div.blockc {
      display: block;
	  text-align:center;
      width: 100%;
   }
}

.blockc::after {
   content: "";
   clear: both;
   display: block;
}



/* 商品詳細２分割レイアウトここから */
.flex_box_dt_two {
    padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:space-between;     /* 横の揃え */
    width: 100%;
    align-items:stretch;        /* 縦の位置指定 */
  	text-align: center;
}
.flex_item_dt_two {
    padding:  5px;             /* 余白指定 */
    margin-bottom:  10px;              /* 外側の余白 */
    align-self: stretch;        /* 縦の位置指定 */
    width: 50%;
  	margin: 5px;
  	border: 1px solid #ddd;
  	border-radius: 3px;
  	background-color: #ffffff;
  	text-align: center;
}

@media screen and (max-width: 750px) {
	.flex_box_dt_two {
		display: block;
      	width: 95%;
      	text-align: center;
	}
	.flex_item_dt_two {
        padding:  0px;             /* 余白指定 */
		display: block;
		width: 100%;
      	padding: 5px;
  		margin: 0px;
  		border: 1px solid #ddd;
  		border-radius: 3px;
 	 	background-color: #ffffff;
      	text-align: center;
	}
}
/* 商品詳細２分割レイアウトここまで */

/* 画像拡大 */

.scale img {
transition: all 0.2s linear; //開く速さ
}
.scale img:hover {
-webkit-transform: scale(2.5);
-moz-transform: scale(2.5);
-o-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5); //拡大倍率
z-index: 9999;
}

/*画像回り込み解除 */
.clear {
clear:both;
}

/*リンクラインここから*/
a.line {
  text-decoration: underline;
}
/*リンクラインここまで*/

/*ヘッダロゴ中央に　ここから*/
@media (min-width: 992px){
.navbar-header {
    float: none;
}

.navbar-brand {
    text-align: center;
    float: none;
}

.navbar-brand img {
    display: inline;
    text-align: center;
}

ul.gMenu {
    float: none;
    position: relative;
    left: 50%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

}
/*ヘッダロゴ中央に　ここまで*/

/*ヘッダロゴ画像 高さ　ここから*/
.navbar-brand img {
max-height: 65px;
}
/*ヘッダロゴ画像 高さ　ここまで*/

/*1カラム幅調整　ここから*/
@media (min-width: 970px) {
	.entry-body, .widget .entry-body {
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}
}
/*1カラム幅調整　ここまで*/

/*スライドショーフォント調整　ここから*/

@media screen and (max-width: 750px) {
.mini-content-1 .slide-text-title{
font-size:5.2vw;
}

.mini-content-1 .slide-text-caption{
font-size:3.3vw;
}

.mini-content-1 .btn-ghost{
font-size:3.5vw;
}

.mini-content-2 .slide-text-title{
font-size:5.2vw;
}

.mini-content-2 .slide-text-caption{
font-size:3.3vw;
}

.mini-content-2 .btn-ghost{
font-size:3.5vw;
}

.mini-content-3 .slide-text-title{
font-size:5.2vw;
}

.mini-content-3 .slide-text-caption{
font-size:3.3vw;
}

.mini-content-3 .btn-ghost{
font-size:3.5vw;
}

.mini-content-4 .slide-text-title{
font-size:5.2vw;
}

.mini-content-4 .slide-text-caption{
font-size:3.3vw;
}

.mini-content-4 .btn-ghost{
font-size:3.5vw;
}

.mini-content-5 .slide-text-title{
font-size:5.2vw;
}

.mini-content-5 .slide-text-caption{
font-size:3.3vw;
}

.mini-content-5 .btn-ghost{
font-size:3.5vw;
}
}

/*スライドショーフォント調整　ここまで*/

/* リンクボタンここから */
.simple_btn {
    position: relative;
    display: inline-block;
    font-weight: nomal;
	font-size: small;
    padding: 0.5em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #323232;
    border-radius: 15px 15px 15px 15px;
    transition: .4s;
  }

.simple_btn:hover {
    color: #FFF;
    background: #666666;
}

/* リンクボタン（右位置に配置） */

.right_linkbtn {
    text-align:right;
}

@media only screen and (max-width: 750px) {
	.right_linkbtn {
		text-align:center;
	}
}
/* リンクボタンここまで */