/*
Theme Name: DECADE
Theme URI: http://branu.jp/
Author: BRANU,Inc.
Version:3.4
*/
@charset "UTF-8";
/*----------------------------------------
■共通設定
-----------------------------------------*/
body {
	font-family: 'Meiryo', 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
	word-break: break-all;
	word-wrap: break-word;
	color: #563b1f;
	font-size: 81%;
	line-height: 1.7;
}
#wrapper {overflow: hidden;position: relative;}
.home #wrapper {}
p {font-size:1.0rem;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
img {
	vertical-align: middle;
	border: none;
}
a:link, a:visited {
	color: #000;
	text-decoration: underline;
	outline-style: none;
}
a:active, a:hover {
	color: #000;
	text-decoration: none;
}
/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.list_style01 li {list-style-type: disclosure-closed;}
.title {
	background: #a6a6a6;
	padding: 8px;
	margin-bottom: 20px;
}
.title2 {
	background: #000000;
	color: #ffffff;
	padding: 8px;
	margin-bottom: 20px;
}
.title2 a {
	color: #ffffff;
}
.icon_link {
	background: url(../../../images/item/icon_link.png) no-repeat left center;
	padding-left: 20px;
}
.table-a {
	width: 100%;
	border: solid 1px #000000;
	margin-bottom: 18px;
}
.table-a th {
	padding: 5px;
	font-weight: normal;
	background: #efefef;
	border: solid 1px #000000;
	vertical-align: middle;
}
.table-a td {
	padding: 5px;
	background: #ffffff;
	border: solid 1px #000000;
}
/* table-b */
.table-b {
	margin:auto;
	width:90%;
}
.table-b th {
	vertical-align: top;
	width: 160px;
	padding: 10px 15px;
	border: 1px solid #ffffff;
	background: #000000;
	color: #fff;
	text-align: left;
}
.table-b td {
	padding: 20px 15px;
	border: 1px solid #000000;
}
.mb20 {margin-bottom: 20px;}
.mb40 {margin-bottom: 40px;}
.mb {
	margin-bottom: 18px;
}
.common_h4 {
	margin: 0 0 15px;
	padding: 0 0 5px;
	border-bottom: 4px double #000;
	font-size: 115%;
}
.common_h3 {
	line-height: 1.3;
	margin-bottom: 20px;
	padding: 0 0 7px;
	border-bottom: 1px solid #dcceb3;
	font-size: 169%;
}
/* contactBnr */
.contactBnr {
	padding: 0 0 50px;
	text-align: center;
}
/* wp-pagenavi */
.wp-pagenavi {
	font-size: 115%;
	font-weight: bold;
	text-align: center;
}
.wp-pagenavi span {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 10px;
	border: 1px solid #008000;
	background: #fff;
	color: #008000;
}
.wp-pagenavi a {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 10px;
	border: 1px solid #008000;
	background: #008000;
	color: #fff;
	text-decoration: none;
}
.wp-pagenavi a:hover {
	border: 1px solid #f0a928;
	background: #f0a928;
}
/* paginavi */
.paginavi {
	padding: 40px 0 0;
}
/* cmnSec01 */
.cmnSec01+.cmnSec01 {
	padding: 80px 0 0;
}

.cmnSec01 .clearfix .pic {
	float: left;
	margin: 0 0 60px 2%;
	padding: 5px;
	background: #fff;
	width: 46%;
}
.cmnSec01 .clearfix .txt {
	float: left;
	margin: 0 0 60px 4%;
	padding: 10px 0 0;
	width: 46%;
}

.cmnSec01 .clearfix .txt h4 {
	font-size: 131%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 80px;
	font-size:1.6rem;
}
.cmnSec01 h5 {
	position: relative;
	z-index: 10;
	margin: 0 0 -11px;
	text-align: center;
}
/*----------------------------------------
■header
-----------------------------------------*/
#site-header {
	position: absolute;
	z-index: 10;
	width: 100%;
	background: rgba(0,0,0,.5);
}
#site-header-inner {
	margin: 0 auto;
	position: relative;
}
#site-header h1 {
	padding: 2px 0 0;
	color: #fff;
	font-weight: normal;
	font-size: 85%;
	text-align: left;
	text-shadow: 0 0 3px #000;
}
#site-header #logo {
	display: block;
	width: 32%;
	vertical-align: top;
	margin: 40px auto;
	text-align: center;
}
#header-social {
	position: absolute;
	top: 10px;
	right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header-social li {
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#header-social li img {
	vertical-align: top;
}
#header-contact {
	position: absolute;
	right: 0;
	top: 20px;
}
#header-contact a {
	display: inline-block;
	padding: 7px 14px 7px 14px;
	text-decoration: none;
	border: solid 1px #000;
	margin: 10px 0 10px 30px;
	border-radius: 4px;
	color: #000;
}
/*----------------------------------------
■global-nav
-----------------------------------------*/
#global-nav {
	display:block;
	vertical-align: middle;
	margin: 5px auto;
	text-align:center;
}
#global-nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#global-nav li {
	display:inline-block;
	margin: 0 2%;
}
#global-nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 6px #000;
	width: auto !important;
	font-size: 1.0rem;
	line-height: 1.0rem;
	font-weight: bold;
/*
	float: left;
	height: 55px;
	overflow: hidden;
	text-indent: -100%;
	white-space: nowrap;
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
*/
}
.globalNavi1 a {
	width: 101px;
	/* background: url(/images/gnavi/gnavi_bnr_01.png) no-repeat; */
}
.globalNavi2 a {
	width: 155px;
	/* background: url(/images/gnavi/gnavi_bnr_02.png) no-repeat; */
}
.globalNavi3 a {
	width: 160px;
	/* background: url(/images/gnavi/gnavi_bnr_03.png) no-repeat; */
}
.globalNavi4 a {
	width: 160px;
	/* background: url(/images/gnavi/gnavi_bnr_04.png) no-repeat; */
}
.globalNavi5 a {
	width: 230px;
	/* background: url(/images/gnavi/gnavi_bnr_05.png) no-repeat; */
}
.globalNavi6 a {
	width: 111px;
	/* background: url(/images/gnavi/gnavi_bnr_06.png) no-repeat; */
}
#global-nav a:hover, .home .globalNavi1 a, .page-id-354 .globalNavi2 a, .page-id-227 .globalNavi3 a, .page-id-158 .globalNavi4 a, .page-id-1281 .globalNavi5 a, .page-id-2 .globalNavi6 a {
	background-position: 0 -55px;
	text-shadow: 1px 1px 1px #000;
	color: #a7a7a7;
	opacity: 1;
}
#global-nav a:hover:first-letter {
	color:#f44336;
}

    
/*----------------------------------------
■メインビジュアル
-----------------------------------------*/
#mainvisual {
	position: relative;
}
#sub-mainvisual {
	background: #808080;
	padding: 30px 0 30px 30px;
}
#sub-mainvisual>p {
	font-size: 180%;
	color: #fff;
}
#mainvisual {
	height: 68vw;
	box-shadow: 20px 20px 80px #000;
}

#mainvisual h3 {
	position: absolute;
	transform: translate(0, -50px);
	top: 55%;
	right: 0%;
	left: 0%;
	color: #fff;
	text-shadow: 0 0 8px #000;
}
@media screen and (max-width:768px) {
	#mainvisual h3{
		right: 0!important;
		left: 0 !important;
		transform: translate(0px, 0px);
	}
}

/*----------------------------------------
■main
-----------------------------------------*/
/* .page-id-35 #main */ 
#main {}
/*----------------------------------------
■contents
-----------------------------------------*/
.layout-column1 #contents {
	margin: 0;
}
.layout-column2-left #contents {
	margin-right: 20px;
}
.layout-column2-right #contents {
	margin-left: 20px;
}
.layout-column3 #contents {
	margin: 0 20px;
}
#pankuzu {
	display:none;
/*
	padding: 5px 20px 5px;
	font-size: 85%;
	text-align: center;
	color: #999;
*/
}
.home #contents {
	width: 100% !important;
}
.blog #contents, .gallery #contents {
	float: right !important;
	width: 60% !important;
	margin: 10% 5% 0 0;
}
/*----------------------------------------
■side
-----------------------------------------*/
#side-left {
	float: left;
	width: 20%;
	margin:10% 5% 0;
}
#categories-3, #archives-2, #widget_1_category-2 {
	margin: 0 0 40px;
}
#categories-3 h2, #archives-2 h2, #widget_1_category-2 h2 {
	margin: 0 0 10px;
	background: linear-gradient(189deg, #999, transparent);
	padding: 1.0rem;
	font-size: 1.2rem;
}
#categories-3 li, #widget_1_category-2 li {
	padding: 6px 0 6px 17px;
	border-bottom: 1px dotted #b3b2b2;
	background: url(/images/item/ico_arrow01.png) no-repeat 5px center;
}
#archives-2 select {
	width: 100%;
	padding: 3px;
	border: 1px solid #b3b2b2;
}
#widget_banner-2 ul {
	list-style: none;
}
#widget_banner-2 li {
	text-align: center;
	margin-bottom: 10px;
}
#facebook_twitter ul {
	list-style: none;
	margin-bottom: 10px;
}
#facebook_twitter ul li {
	float: left;
}
#facebook_twitter ul li a {
	display: block;
	width: 100px;
	height: 20px;
	overflow: hidden;
	text-indent: -100px;
	overflow: hidden;
	outline-style: none;
}
#btn_facebook {
	background: url(/images/side/bg_facebook.png) no-repeat;
}
#btn_twitter {
	background: url(/images/side/bg_twitter.png) no-repeat;
}
.ui-tabs-active #btn_facebook, .ui-tabs-active #btn_twitter {
	background-position: 0 -30px;
}
#tabs_facebook {
	background: #ffffff;
}
#facebook_twitter_box {
	position: relative;
	height: 300px;
}
#tabs_facebook, #tabs_twitter {
	position: absolute;
	left: 0;
	top: 0;
}
#tabs_facebook {
	display: none;
}
/*----------------------------------------
■footer
-----------------------------------------*/
#site-footer {
	min-height: 155px;
	/* background: url(/images/item/ft_bg01.png) repeat-x center 0; */
	font-size: 92%;
	background: #000;
}
#site-footerinner {
	position: relative;
	min-height: 92px;
	/* width: 920px; */
	margin: auto;
	/* padding: 33px 0 0 158px;
	background: url(/images/item/ft_bg02.png) no-repeat 0 0; */
	padding: 33px 0 0;
	text-align: center;
}
.inner {
	/* width: 920px; */
	margin: auto;
}
#footer-nav {
	font-size: 92%;
	text-align: center;
	padding: 20px 0;
}
#footer-nav li a {
	color:#fff;
	text-decoration: none;
}
#footer-nav li {
	display: inline-block;
}
#footer-logo {
	padding: 0 0 40px;
}
#footer-sns {
	position: absolute;
	top: 34px;
	right: 0;
}
#footer-sns li {
	float: left;
	margin: 8px 0 0 5px;
}
#footer-sns li.qr {
	margin: 0 0 0 15px;
}
#footer-copyright {
	padding: 15px 0 0;
	background: #000;
	color: #fff;
	text-align: center;
}
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 122px;
	right: 30px;
}
#back-top a {
	width: 45px;
	height: 45px;
	display: block;
}
#back-top span {
	width: 45px;
	height: 45px;
	display: block;
	background: url(../../../images/item/up-arrow.gif) no-repeat center center;
	cursor: pointer;
	border-radius: 50px;
}
/*----------------------------------------
■TOP
-----------------------------------------*/
/* homeSec01 */
.homeSec01 {
	margin: 40px 0 60px;
	padding: 300px 0 0;
	min-height: 233px;
	background: url(/images/top/bg01.png) no-repeat 0 0;
}
.homeSec01 h3 {
	margin: 0 0 20px;
}
/* homeSec02 */
.homeSec02 {
	margin: 0 0 50px;
}
.homeSec02>div {
	margin: 20px 0 0;
}
.homeSec02>div .pic {
	float: left;
	margin: 0 30px 0 0;
}
.homeSec02>div.even .pic {
	float: right;
	margin: 0 0 0 30px;
}
.homeSec02>div h4 {
	padding: 30px 0 15px;
}
.homeSec02>div .btn {
	padding: 10px 0 0;
	text-align: right;
}
/* homeSec03 */
.homeSec03 ul {
	overflow: hidden;
	width: 937px;
	margin: 40px -17px 60px 0;
}
.homeSec03 li {
	float: left;
	margin: 0 17px 0 0;
}
/* homeSec04 */
.homeSec04 {
	margin: 0 0 70px;
}
.homeSec04 .flexslider {
	background: #eee !important;
}
.homeSec04 .gallery_list li {
	width: 168px;
	margin-left: 20px;
}
.gallery_list .detail a {
	text-decoration: none;
	border-radius: 8px;
	padding: 5px 10px;
	color: #fff;
}
.homeSec04 .flex-viewport {
	box-shadow: 2px 2px 6px #999;
	padding: 10px;
	background: url(/wp-content/uploads/2015/01/h2_back_01.jpg) no-repeat rgba(255,255,255,.8);
	background-blend-mode: color-burn;
	background-size: cover;
}
.homeSec04 .flex-viewport ul {
	border-top: dashed 10px #999;
	border-bottom: dashed 10px #999;
}


/* homeSec05 */
.homeSec05 h3 {
	margin: 0 0 20px;
}
.homeSec05 #tabBtn li {
	float: left;
	border: solid 1px #000;
	padding: 10px;
	margin: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.homeSec05 #tabBtn li.active {
	position: relative;
	z-index: 10;
	background: linear-gradient(#999, #fff);
	border-bottom: unset !important;
}
.homeSec05 #tabBtn li a {
	text-decoration: none;
}
.homeSec05>div {
	padding: 10px 20px;
	background: #fff;
}
.homeSec05 dl {
	overflow: hidden;
	background: rgba(0,0,0,.3);
	padding: 10px;
	margin: 10px 10px 40px;
	color: #fff;
}
.homeSec05 dt {
	float: left;
	clear: both;
	margin: -1px 0 0;
	padding: 7px;
	font-weight: bold;
	background: #000;
	border-top-right-radius: 100%;
}
.homeSec05 dd {
	padding: 7px 0 7px 120px;
	margin: -1px 0 0;
	border-bottom: 1px dotted #000000;
}
.homeSec05 dl a {
	color: #fff;
	text-decoration: none;
}
/*----------------------------------------
■ 住宅リフォーム /  店舗リフォーム
-----------------------------------------*/
.page-id-354 #contents h3, .page-id-227 #contents h3 {
	margin: 100px 0 40px;
}
.page-id-354 #contents h3 img, .page-id-227 #contents h3 img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}
/*----------------------------------------
■リノベーション
-----------------------------------------*/
/* renovaSec01 */
.renovaSec01 {
	overflow: hidden;
	width: 921px;
	margin: -1px -1px 0 0;
	padding: 0 0 30px;
}
.renovaSec01 li {
	float: left;
	margin: 1px 1px 0 0;
}
/* renovaSec02 */
.renovaSec02 {
	min-height: 200px;
	padding: 20px;
	margin: 30px 0 0;
	background: url(/images/renovation/bg01.jpg) no-repeat 0 0;
}
.renovaSec02 h3 {
	width: 530px;
	line-height: 1.3;
	margin-bottom: 20px;
	padding: 0 0 7px;
	border-bottom: 1px solid #dcceb3;
	font-size: 169%;
}
.renovaSec02 h3 img {
	margin: 0 10px -8px 0;
}
.renovaSec02 p {
	width: 530px;
}
#renovation02 {
	padding-left: 370px;
	background-image: url(/images/renovation/bg02.jpg);
}
#renovation03 {
	background-image: url(/images/renovation/bg03.jpg);
}
#renovation04 {
	padding-left: 370px;
	background-image: url(/images/renovation/bg04.jpg);
}
#renovation05 {
	background-image: url(/images/renovation/bg05.jpg);
}
#renovation06 {
	padding-left: 370px;
	background-image: url(/images/renovation/bg06.jpg);
}
/*----------------------------------------
■カラーシミュレーション
-----------------------------------------*/
/*
.page-id-1281 #contents>h3 {
	margin: 0 0 60px;
	text-align: center;
}
*/
/*----------------------------------------
■事例集
-----------------------------------------*/
.gallery_list_outer {
	margin: -20px 0 60px;
}
.gallery_list {
	list-style: none;
	margin: 0 0 0 -16px;
}
.gallery_list li {
	width: 158px;
	float: left;
	margin: 10px 0 10px 16px;
}
.gallery_list li p.photo {
	padding: 5px;
	background: #fff;
}
.gallery_list li p.name {
	overflow: hidden;
	font-size: 0.8rem;
	text-align: center !important;
}
.gallery_list .detail {
	text-align: center !important;
}
#beforeafter_box {
	float: right;
	width: 470px;
	margin: 0 40px 0 0;
}
.before_after {
	margin: 0 0 15px;
	display: none;
}
.balinkswrap {
	display: none;
	/*	height:50px;
	margin:0 0 50px 0;*/
	position: relative;
}
.balinksleft {
	float: left;
}
.balinksright {
	float: right;
}
.gallery_switch {
	list-style: none;
	float: left;
	width: 130px;
}
.gallery_switch li {
	width: 146px;
	margin: 0 0 10px 0;
}
.gallery_photo {
	list-style: none;
	margin: 0 0 50px 0;
}
.gallery_photo li {
	margin: 0 0 20px 0;
}
.gallery_photo li img {
	float: left;
	padding: 0 30px 0 0;
	width: 216px;
}
/*----------------------------------------
■ブログ
-----------------------------------------*/
.blog #contents article {
	margin: 0 0 60px;
	background: #eee;
	padding: 20px;
}
.blog-nomb img {
	margin-bottom: 0!important;
}
.blog #contents h3 {
	margin: 0 auto 20px;
	text-align: left;
	font-size: 1.5rem;
}
.blog #contents h3 a {
	text-decoration:unset;
	font-size: 1.5rem;
}
.postmeta {
	margin: 30px 0 0;
	padding: 10px;
	position: relative;
	font-size: 92%;
}
.postmeta ul {
	list-style: none;
}
.postmeta ul li {
	float: left;
}
.single_meta li {
	margin-right: 10px;
}
.single_social {
	position: absolute;
	top: 10px;
	right: 0;
	display:none;
}
/* comment form */
.form-submit {
	margin-top: 3px;
}
.comment-form-url, .comment-form-email, .comment-form-author, .comment-notes {
	padding: 3px;
}
.logged-in-as {
	text-align: right;
	margin-top: -20px
}
.comment-form-comment textarea {
	width: 100%;
	height: 100px;
}
.form-allowed-tags, .comment-form-comment label {
	display: none;
}
#commentform input {
	margin-left: 5px;
}
#reply-title {
	margin: 50px 0 15px;
	padding: 0 0 5px;
	font-size: 115%;
}
/*----------------------------------------
■会社情報
-----------------------------------------*/
/* companySec01 */
.companySec01 {
	margin: 0 0 60px;
}
.googlemap {
	width: 100%;
	height: 450px;
	position: relative;
}
.googlemap > div {
	position: absolute;
	width: 100%;
	height: 350px;
	background-color: #000;
	opacity: .3;
	pointer-events: none;
}
/* companySec02 */
.companySec02>h4 {
	padding: 10px 0 15px;
	text-align: center;
}
.companySec02>p {
	line-height: 2;
	padding: 0 0 20px;
	text-align: center;
}
.companySec02>div {
	margin: 20px 0 0;
	padding: 20px 30px 20px 20px;
	background: url(/images/item/bg_patt02.png) 0 0;
}
.companySec02>div .pic {
	float: left;
	margin: 0 30px 0 0;
	padding: 5px;
	background: #fff;
}
.companySec02>div h5 {
	margin: 0 0 15px 280px;
	padding: 0 0 3px;
	border-bottom: 1px solid #dcceb3;
	font-size: 131%;
}
.companySec02>div dl {
	width: 590px;
	margin: 0 0 0 280px;
}
.companySec02>div dt {
	float: left;
	width: 80px;
	min-height: 20px;
	margin: 0 0 10px;
	background: #b2780e;
	color: #eeeac2;
	font-weight: bold;
	text-align: center;
}
.companySec02>div dd {
	min-height: 20px;
	margin: 0 0 10px;
	padding: 0 0 0 90px;
}

/*----------------------------------------
■お問い合わせ
-----------------------------------------*/
label {
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}
.required {
	color: #ff0000;
	font-weight: normal;
	font-size: 85%;
}
.wpcf7-form>p {
	padding: 20px 0 0;
	text-align: center;
}
.wpcf7 input[type=text], .wpcf7 textarea {
	border: 1px #ddd solid;
	padding: 3px;/* CSS3 */
}
.wpcf7 select {
	border: 1px #ddd solid;
	padding: 3px;
}
.wpcf7 .btn-submit {
	text-align: center;
}
.wpcf7 .wpcf7-submit {
	display: block;
	cursor: pointer;
	clear: both;
	width: 200px;
	height: 40px;
	margin: 30px auto 0 auto;
	border: none;
	background: url(/images/inquiry/btn01.png) no-repeat 0 0;
	text-indent: -9999px;
}
.wpcf7-textarea {
	width: 430px;
	height: 100px;
	resize: vertical;
}
#privacy {
	paddin-top: 60px;
}
/*----------------------------------------
■サイトマップ
-----------------------------------------*/
#menu-sitemap {
	width: 50%;
	margin:10% auto;
}
#menu-sitemap li {
	padding: 8px 0;
	border-top: 1px dotted #c8bca5;
}
#menu-sitemap li:first-child {
	border: none;
}
#menu-sitemap li a {
	padding: 0 0 0 15px;
	background: url(/images/item/ico_arrow01.png) no-repeat 5px center;
}
/*----------------------------------------
■コメント
-----------------------------------------*/
#comments .comment-meta {
	position: absolute;
	right: 0;
	top: 0;
}
#comments .comment-body {
	position: relative;
}
#comments .comment-body cite {
	font-style: normal;
	font-weight: bold;
	margin-left: 5px;
}
#comments .comment {
	margin: 20px 0;
}
#comments .children, #comments .comment-body>p, #comments .reply {
	margin-left: 40px
}
#comments .comment-author>span, #comments .comment-author>cite {
	vertical-align: super;
}
/*----------------------------------------
■Flexslider
-----------------------------------------*/
.flexslider {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.flex-viewport {
	/* width: 920px; */
}
.flexslider .slides .detail img {
	display: inline !important;
	width: auto !important;
}
.slides {
	margin-left: -20px !important;
}
.flex-direction-nav a {
	opacity: 1 !important;
}
.flex-prev {
	background: url(/images/item/prev2.png) 0 0 no-repeat;
}
.flex-next {
	background: url(/images/item/next2.png) 0 0 no-repeat;
}
/*----------------------------------------
■colorbox
-----------------------------------------*/
#cboxOverlay {
	background: #000000 !important;
	opacity: 0.7 !important;
}
.gallery_photo li {
}
.gallery_photo {
	width: 390px;
}
#cboxNext {
	background: url(/images/item/next1.png) 0 0 no-repeat !important;
}
#cboxPrevious {
	background: url(/images/item/prev1.png) 0 0 no-repeat !important;
}
#cboxClose {
	background: url(/images/item/close.png) 0 0 no-repeat !important;
}
#cboxTitle {
	color: #FFFFFF !important;
}
.voice {
	width: 280px;
	float: left;
}
.mt100 {
	margin-top: 100px;
}



a:hover {
	opacity:.5;
}

/* LOGOまわり */
#logo a {text-decoration: none;}
#logo a img {width:180px;}
#logo a {color:#fff;}
#logo span {
	display:block;
	font-size: 1.6rem;
	line-height: 1.0rem;
	font-weight: bold;
}
#mainvisual img.vb_logo_img{
	position: absolute;
	top: 58%;
	left: 50%;
	z-index: 1;
	right: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	width: 30%;
}

/* メインビジュアルまわり */

#mainvisual{
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    filter: grayscale(70%);
}



#main_type4 {
    position: absolute;
    overflow: hidden;
    width: 100vw;
    height: unset;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    height:100% !important;
}
#main_type4 .mess {
    background: unset !important;
}
address {
	color:#fff;
}
.home #contents {
	margin:auto;
	width:80% !important;
}
#main_type4 li,#main_type4 li img {height: 100%;}
h3 {
	font-size: 3.2rem;
	text-align: center;
	text-shadow: 6px 6px 8px #bfbfbf;
	color: #000;
}
.homeSec01,
.homeSec04 .flexslider .slides img,
#menu-sitemap li a,
#widget_1_category-2 li,
.wpcf7 .wpcf7-submit {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.homeSec002 li{
	display: inline-block;
	width: 46%;
	height: 30vw;
	background: #eee;
	margin: 1%;
	line-height: 10rem;
	font-size: 1.0rem;
}
#site-top .homeSec002 li {background-size: 100% !important;}

/*　マイン */
@media screen and (min-width:769px) { 
	.homeSec01 {
		padding: 40px 0 0 420px;
	}
	.homeSec002 li {
 		display: inline-block;
		width: 30%;
		font-size: 1.4rem;
	}
	header_h_menu {
		padding:10px;
		display: none;
	}
}

/* マックス */
@media screen and (max-width:768px) { 
	h3 {font-size:1.6rem;}
	#site-header #logo {
		display:none;
	}
	#global-nav {
		display:none;
	}
	#site-header {
		background: unset;
	}
	header_h_menu {
		display:black;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 999;
	}
	header_h_menu #global-nav {
		display:block;
	}
	header_h_menu #global-nav li {text-align:left;display:block;margin: 1.5rem;}

	.table-b th,.table-b td {display:block;font-size: 1.2rem;font-weight: bold;}
	.table-b th {width:200px;}
	.table-b th {border-top-right-radius: 50px;}
	#contents h3 {font-size: 1.7rem !important;}
	.under_list01 li {width: 46% !important;}
	#side-left {display:none;}
	#beforeafter_box {clear: both;width: 100vw;margin: 0 40px 0 0;}
}
@media screen and (max-width:460px) {
	#pankuzu {
		padding: 5px 20px 5px;
		margin: 4px;
		background: #fff;
		box-shadow: 1px 1px 3px #000;
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;
	}
	#site-header h1 {
		padding: 5px 5px 0;
		color: #fff;
		text-align: left;
		width: 70%;
	}
	#mainvisual {
		height: 163vw!important;
		overflow:hidden;
	}

	/* モバイル強み用 */
	.cmnSec01 .clearfix .pic {
		width: 100%;
		padding: 0;
		float: none;
		margin: 0;
	}
	.cmnSec01 .clearfix .txt {
		width: 100%;
		padding: 0;
		float: none;
		margin: 60px 0;
		text-align: center;
	}
	.kasou #mainvisual h2 img {
		height: 100vh;
		width:unset;
	}
	#main_type4 li{
		left: 50% !important;
		transform: translateY(0%) translateX(-50%);
	}
	.blog #contents, .gallery #contents{width: 100% !important;margin: unset;clear: both;}
	.gallery_list li {width: 100%;margin: unset;}
	.gallery_list li p.photo{margin: 0;padding: 0;text-align: center;}
	.gallery_list li p.photo img {width:100%;}
	.gallery_list li p {text-align: center!important;}
	.gallery_list li p a {color:#000;}
	.wpcf7 input[type=text], .wpcf7 textarea {width: 240px;}

 	.homeSec002 li {
		display: block;
		width: 90%;
		margin: auto;
	}
	.companySec01 .table-b tr,.wpcf7 .table-b tr {
		padding: 20px 0;
		display: block;
	}
	.required {
		display: block;
	}
}
.kasou #mainvisual {
    height: 46vw;
}

/* ハンバーガーメニュー　*/
#nav-drawer {
  position: relative;
}

/*チェックボックスの非表示*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    background: rgba(0,0,0,.1);
    position: fixed;
    right: 0;
    padding: 5px 0px 3px 5px;
}

/*CSSのみのハンバーガー*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: rgba(0,0,0,.7);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックで表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}


#mainvisual h2 img{width:100%;}
#contents {width:unset !important;}
#contents h3 {
	margin:100px auto 50px;
	font-size: 2.5rem;
}
#contents p {
	text-align:left;
}
#site-top .homeSec01 #contents p {
	border: dotted 1px #999;
	padding: 2%;
	vertical-align: top;
}

.cmnSec01 {
	width: 80%;
	margin: auto;
}
.cmnSec01 .pic img {
	width: 100%;
}
.under_list01 ul {
	text-align:center;
}
.under_list01 li {
	width: 26%;
	display: inline-block;
	margin: 0 3%;
	vertical-align: top;
}
.under_list01 li h4 {
	height: 200px;
	line-height: 200px;
	background-position: 50% 50% !important;
	font-size: 2.0rem;
	background-size: contain !important;
	color: #000;
	text-shadow: 2px 2px 2px #fff;
}
.under_list01 li:nth-child(1) h4 {
	background:url(/images/top/performance.jpg)no-repeat;
}
.under_list01 li:nth-child(2) h4 {
	background:url(/images/top/technology.jpg)no-repeat;
}
.under_list01 li:nth-child(3) h4 {
	background:url(/images/top/price.jpg)no-repeat;
}

.privacy_policy {
	width: 70%;
	margin: 50px auto;
	background: #f7f7f7;
	padding: 20px;
	border-radius: 12px;

}
.privacy_policy p {
	text-align: left !important;
}

#site-top .homeSec002 li {vertical-align: top;}
#site-top .homeSec002 li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	background: rgba(0,0,0,.5);
	position: relative;
}
#site-top .homeSec002 li a span {
	position: absolute;
	left: 0;
	right: 0;
}
.homeSec002 li {
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
#site-top .homeSec002 li:nth-child(1) {
	background: url(/images/top/top_img1.jpg);
}
#site-top .homeSec002 li:nth-child(2) {
	background: url(/images/top/top_img2.jpg);
}
#site-top .homeSec002 li:nth-child(3) {
	background: url(/images/top/top_img3.jpg);
}
#site-top .homeSec002 li:nth-child(4) {
	background: url(/images/top/top_img4.jpg);
}
#site-top .homeSec002 li:nth-child(5) {
	background: url(/images/top/top_img5.jpg);
}
#site-top .homeSec002 li:nth-child(6) {
	background: url(/images/top/top_img6.jpg);
}
.main_text01 span {
	text-align:center;
	margin: auto;
	display: block;
}
.wpcf7 form > p {
	text-align:center!important;
}



#sp_foot_fixed {
	display: flex;
	width: 100%;
	position: fixed;
	bottom: -60px;
	left: 0;
	transition: 0.3s;
	z-index: 10;
}

#sp_foot_fixed.bottom_60 {
	bottom: 0;
}

#sp_foot_fixed > div {
	width: 50%;
	box-sizing: border-box;
}

#sp_foot_fixed .tel_side {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}

#sp_foot_fixed .mail_side {
	background-color: #000;
}
#sp_foot_fixed .mail_side a {
	color: #fff;
}

#sp_foot_fixed > div a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	line-height: 1;
}

#sp_foot_fixed > div .material-icons {
	font-size: 46px;
}

@media only screen and (min-width: 768px) {
#sp_foot_fixed {display: none;}
#site-top .homeSec002 li a span {
	font-size: 1.6rem;
	line-height: 2.5rem;
	top: 40%;
}
}



.reform01 {margin:60px 0;}
.reform01 li {padding:40px;}
.bt_01 {
	text-decoration: none!important;
	padding: 20px;
	background: #000;
	color: #fff!important;
	display: block;
	width: 200px;
	border-radius: 10px;
	text-align: center;
	margin: 50px auto;
}



#menu-global-1 li {position: relative;}
#menu-global-1 li:hover::before{transform: rotate(360deg);opacity:1;top:-25px;color:#fff;font-size:0.5rem;transition: all 0.6s;}

#menu-global-1 li::before {
    content: "★";
    color: #2196f3;
    position: absolute;
    top: -280px;
    left: 0;
    right: 0;
    font-size:5.0rem;
    opacity:0;
    transform: rotate(0deg);
}
.page-item-35::before,
.page-item-354::before,
.page-item-227::before,
.page-item-158::before,
.page-item-1281::before,
.page-item-2::before,
.page-item-115::before{
	opacity:1!important;
	top:-25px!important;
	color:#2196f3!important;
	font-size:0.5rem!important;
	top:-25px!important;
	transform:none;
	transition:none;
}
@media screen and (min-width:769px) { 
	#contents h3:before,#contents h3:after {content: '・・・';color: #999;}
}