@charset "utf-8";
/*
Theme Name: Lightning Pro Child Hard-Wood
Theme URI:
Template: lightning-pro
Description:
Author:
Tags:
Version: 0.0.0
*/

/* ヘッダ調整 */
.siteHeadContainer.container .navbar-header{
    position:relative;
}
.siteHeader_sub{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

}

/* フォームアコーデオン */
.space-left { margin-left: 20px;}

dt:after {
  color: #3c8dbc;
}
dd[aria-expanded="true"]:after {
  color: #3c8dbc;
}

/* フォームスタイル */
h5.mitumori {
  border-bottom: solid 2px #ababab;
  font-size:18ps;
}

.fsize-hon {width:30%;}

.m-t{
	border-collapse:collapse;
	border: 0px none;
	border: 0;
	width: auto;
	padding: 0px;
}

.m-size {
  border: 0px none;
  border: 0;
	padding: 0px 5px 0px 0px;
}

.m-size-t {
  border: 0px none;
  border: 0;
  width:40px;
	padding: 0px;
}

.m-size-s {
  border: 0px none;
  border: 0;
  width:70px;
	padding: 0px;
}


.m-size25 {
  border: 0px none;
  border: 0;
	width: 25%;
	padding: 0px;
}

.m-size20 {
  border: 0px none;
  border: 0;
	width: 20%;
	padding: 0px;
}

.m-size-m {
  border: 0px none;
  border: 0;
  padding: 5px;
}

/*reCAPTCHA*/
.grecaptcha-badge { visibility: hidden; }

/*投稿日とカレンダーアイコンを削除*/
.entry-meta_items{
	display:none;
}

/* フローティングメニューのスタイル */
#footerFloatingMenu {
    display: flex;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

@media (max-width: 640px) {
    #footerFloatingMenu {
        display: none;
    }
}

.footerFloatingMenu-space {
	padding:10px;}

.head [width:30px;]

#pcbox { display:block; }
#spbox { display:none; }

@media only screen and (max-width : 736px){
#pcbox { display:none; }
#spbox { display:block; }
}

.w4 {
  	width: 4%;
}
.w48 {
  	width: 48%;
}
.imgleft-w25 {
	float: left;
  	width: 25%;
  	padding: 5px;
}
.imgleft-harf3 {
	float: left;
  	width: 50%;
  	padding: 0px 20px 5px 0px;
}
.imgleft-harf2 {
	float: left;
  	width: 50%;
  	padding: 0px 20px 5px 0px;
}

.imgleft-harf {
	float: left;
  	width: 50%;
  	padding: 0px 5px 5px 0px;
}

.imgleft-w400 {
	float: left;
  	width: 400px;
  	padding: 0px 10px 10px 0px;
}

.imgleft-w300 {
	float: left;
  	width: 310px;
  	padding: 0px 10px 10px 0px;
}
.imgleft-w250 {
	float: left;
  	width: 250px;
  	padding: 0px 10px 10px 0px;
}

.imgright-w250 {
	float: right;
  	width: 250px;
  	padding: 0px 10px 10px 0px;
}

.imgleft-w200 {
	float: left;
  	width: 210px;
  	padding: 0px 5px 10px 5px;
}

.makuragi {
	float: left;
  	width: 50%;
  	padding: 0px 10px 10px 0px;
}

.left-harf {
	float: left;
  	width: 50%;
  	padding: 0px 10px 10px 0px;
}

@media screen and (max-width: 639px) {
	.imgleft-w25 {
	float: left;
  	width: 50%;
  	padding: 5px;
}
.imgleft-harf3 {
	float: none;
	width:100%;
 	padding: 20px 0px 0px 0px;}
	.imgleft-harf2 {
	float: none;
	width:100%;}
	.imgleft-harf {
	float: none;
	width:100%;}

	.imgleft-w400 {
	float: none;
	width:100%;}
	
	.imgleft-w300 {
	float: none;
	}	

	.imgleft-w250 {
	float: none;
	width:100%;
	text-align:center;
	}	

	.imgright-w250 {
	float: none;
	width:100%;
	text-align:center;
	}	

	.imgleft-w200 {
	float: none;
	width:100%;
	text-align:center;
	}	
	
	.makuragi {
	float: none;
	width:100%;}
}

.mitumorileft {
	width: 170px;
  float: left;}

.shortleft {
	padding: 0px 10px 10px 0px;
	width: 50%;
  float: left;}

table .short{
  border-collapse:collapse;
  margin:0 auto;
}

.tume  {
  padding: 5px;
}

.spe {
	float: left;
  	width: 25%;
  	margin-bottom: 10px;
}

@media screen and (max-width: 639px) {
	.shortleft {
	float: none;
	width:100%;}
	.spe {
		
	float: left;
  	width: 40%;
  	margin-right: 5px;
  	margin-bottom: 10px;
}
}

a {
	color: #337ab7;
}

a:hover {
	color: #66ccff;
}

table .h-wood-type{
  border-collapse:collapse;
  margin:0 auto;
}
td,th{
  padding:10px;
  border: solid 1px #ccc;
}
th{
	white-space: nowrap;
  background:#ededed;
}

/*ロゴ画像を元画像どおりのサイズで表示*/
.navbar-brand img {
max-height: none !important;
}

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.left {
	float: left;
	margin-right: 5px;
}

.left2 {
	float: left;
	margin-right: 5px;
  	margin-top: -20px;
}
.right {
	float: right;
	margin-left: 5px;
}

.right2 {
	float: right;
	margin-left: 5px;
}

.bnleft {
	float: right;
  	margin-right: 5px;
  	margin-bottom: 10px;
}

#bnleft-half {
	float: left;
  	width: 50%;
  	padding: 0px 5px 10px 5px;
}

.imgleft {
	float: left;
	margin-right: 0px;bnright
}

.imgleft2 {
	float: left;
	margin-right: 5px;bnright
}

@media screen and (max-width: 639px) {
	.imgleft2 {
		float: none;}
	.right2 {
	float: none;
	margin-left: 10px;}
}

.bnleft-30 {
	float: left;
  	width: 32%;
  	margin-right: 3px;
  	margin-bottom: 3px;
}
@media screen and (max-width: 639px) {
	#sp {
		display: inline;}
}
.textright {
   width:310px;
	float: right;
	margin-left: 0px;
}

.line0 {
   margin-bottom: -10px;
}

.blue {color: #0066ff;}

.blue2{color: #00209F;}

.gblue {color: #339999;}

.dblue {color: #2E3192;}

.deepblue {color: #0000ff;}

.r-blue {color: #0EA7E1;}

.bold {font-weight: bold;}

.center {text-align: center;}

.red {color: #ff0000;}

.pink {color: #ff3366;}

.d-pink {color: #BF4040;}

.v-pink {color: #D1297D;}

.vio {color: #660099;}

.orange {color: #ff6600;}

.r-brown {color: #cc9900;}

.brown {color: #996600;}

.dbrown {color: #66361f;}

.gray {color: #666666;}

.green {color: #009900;}

.dgreen {color: #006633;}

.bgreen {color: #00cccc;}

.bgreen2 {color: #0099cc;}

.rgreen {color: #00A99D;}

.dred {color: #b3003c;}

.black {color: #000000;}

.f10 {
	font-size: 10px;
	line-height:12px;}

.f12 {font-size: 12px;}

.f14 {font-size: 14px;}

.f16 {font-size: 16px;}

.f18 {font-size: 18px;}

.f20 {font-size: 20px;}

.f24 {font-size: 24px;}

.f28 {font-size: 28px;}

.b {font-weight: bold;}

.userinfo {font-size: 12px;
    line-height: 14px;
  color: #00A99D;
  margin: -20px 0px 5px 0px;
}

p.line {
   border-bottom: 2px dotted #cdcdcd;
}

#content hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}


#content table.nospace {
  border-collapse: collapse;
  border-spacing: 0;
}

#content table.flow {border: solid 0px;}
#content table.flow td {border: solid 0px;}
#content table.flow {
  border-collapse:separate;
  border-spacing:8px;}


#content table.hikaku00 {border: solid 0px;}
#content table.hikaku00 td {border: solid 0px;}

#content table.hikaku {border: solid 0px;}
#content table.hikaku td {
 border: solid 0px;
 font-size: 14px;
 line-height: 18px; }

#content table.list th {
  font-size: 14px;
  font-weight: bold;
  vertical-align:middle;
}

#content table.list td {
  font-size: 14px;
}

#waku-b {
  border: dotted 2px　#C69C6D;}

#waku-b .wakup {margin: 5px 0px 0px 10px}

#waku-point {
  border: dotted 2px　#99cc99;
  padding:5px 10px 5px 10px;}

#waku-point-v {
  border: dotted 2px　#996699;
  padding:5px 10px 5px 10px;}

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

table.tuti th,td {
  font-size: 14px;
  line-height: 20px;
  vertical-align:middle;
}

td.hyoka {
  width: 40px;
  font-weight: bold;
}

#content table.tuti tbody th,
#content table.tuti tbody td {
  vertical-align:middle;
}

#content table.tuti th,
#content table.tuti td {
  vertical-align:middle;
}

table.kakaku2 {
border: solid 1px #000000; border-collapse: collapse; }

#content table.kakaku2 td {
  padding: 5px;
}

table.kakaku2 td {
 font-size: 13px; }

table.kakaku td {
 font-size: 12px; }

.cork-board {
 width: 100%;
 background-color: #ff9900;
 background-image: url('https://hard-wood.biz/wp-content/uploads/2017/03/cork.jpg');
 padding:10px;
}

.paper {
  width: 98%;
  padding:10px;
 background-color: #ffffff;
 }

#content table.box1 {
	width: 100%;
	margin: -20px 0px 0px 5px;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 12px;
	border: solid 0px;
}

#content table.box1 th,
#content table.box1 td {
	padding: 10px;
    border: solid 0px;
    vertical-align:middle;
}

#content table.box1 th {
	background-color: #295890;
	vertical-align: middle;
	text-align: left;
	width: 100px;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight: normal;
	font-size: 15px;
}

#content table.box1 th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #295890;
	border-width: 10px;
	margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() { 
	table.box1 th::after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #295890 10px solid;
		margin-top: -10px;
	}
}

.u-left {
  width: 202px;
	float: left;
	margin-right: 10px;
}

.u-left2 {
  width: 202px;
	float: left;
	margin-right: 0px;
}

@media screen and (max-width: 639px) {
.u-left {width: 100%;
	text-align:center;
	float: none;
	margin-right: 0px;
	margin-bottom: 20px;}
.u-left2 {width: 100%;
	text-align:center;
	float: none;
	margin-right: 0px;
	margin-bottom: 0px;}
}

.u-s10 {
	margin: -20px 0px 0px 10px;
}

#content table.box1 td {
	background-color: #f8f8f8;
	width: 360px;
	padding-left: 20px;
}

#repe {
  text-align: left;
  margin: 0px 10px 20px 30px;
}

div.line {
  margin: -30px 0px 0px 0px;
   border-bottom: 1px dotted #999999;
}

a.lno {
  text-decoration: none;}

a:hover.lno {
  text-decoration: underline;}

h4.bo {
color: #3399cc;
  border-bottom: dashed 2px #3399cc;
}

.box-p {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #ffffcf;
}


div.half1 {
   width:48%;
	float: left;
  margin-right: 15px;
    font-size: 14px;
}

div.half {
   width:48%;
	float: left;
  margin-right: 0px;
    margin-left: 10px;
    font-size: 14px;
}

#vo-lank {
	float: left;
  	width: 49%;
    font-size: 12px;
  	margin-right: 5px;
  	margin-bottom: 10px;
}


@media screen and (max-width: 639px) {
	#vo-lank {
	float: none;
  	width: 100%;
}}

#vlank-epi {
 background-color: #FBF7C1;
 padding:15px;
}

#zai-epi {
 background-color: #F1FCCC;
 padding:15px;
}

@media screen and (max-width: 639px) {
	#sp {
		display: none;
}}

.error-message {
	color: #ff0000;
	font-weight: bold;
    font-size: 20px;
}

/* CAT */

.space10 {
  	margin-top: 10px;
  	margin-bottom: 10px;
}