@charset "utf-8";

/* common */
* {
	margin:0;
	padding:0;
}
body {
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, 'MS Pゴシック', 'MS PGothic', sans-serif;
	font-size:14px;
	line-height:120%;
	color:#333;
	letter-spacing:1px;
}
#wpstats {
	display:none;
}/*スマイルマーク消し*/
header hgroup h1 {
	text-align:center;
}

header hgroup {
	position:relative;
}
header hgroup div.headTel {
	position:absolute;
	top:0;
	right:10px;
}

header nav {
	height:41px;
	overflow:hidden;
	margin-bottom:20px;
}
header nav ul#menu-navi {
	list-style:none;
	position:relative;
	left:50%;
	float:left;
	margin-top:1px;
}
header nav ul li {
	display:block;
	text-align:center;
	/* width:130px; */
	width:133px;
	height:39px;
	line-height:39px;
	float:left;
	position:relative;
	left:-50%;
	float:left;
}

header nav ul li a,
article a img,
body.page-id-157 div.contWrap h3,
.name, .email, .text, textarea, .select ,dropdown,
.wpcf7-form-control {
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

header nav ul li a {
	display:block;
	color:#202020;
	text-decoration:none;
}
header nav ul li.current_page_item a,
header nav ul li.current-menu-item a,
header nav ul li a:hover {
	background:#1E2C5C;
	color:#FFF;
}
header nav ul li a img {
	margin-top:7px;
	margin-bottom:-7px;
}
div.contWrap {
	width:1100px;
	margin:0 auto;
	padding-bottom:40px;
}
section {
}
article {
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}
footer {
	clear:both;
	text-align:center;
	background:#333;
	border-top:1px solid #6d6d6d;
	font-size:0.9em; font-size:0.9rem;
	color:#FFF;
	line-height:200%;
	padding-bottom:40px;
}
footer p {
	margin-top:40px;
	margin-bottom:10px;
}
footer strong {
	font-size:1em; font-size:1rem;
}
footer span {
	font-size:1em; font-size:1rem;
}
footer small {
	font-size:0.9em; font-size:0.9rem;
}
a {
	color:#a96666;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

ul li {
	list-style-type:none;
}


article a img:hover:not(article.construction ul li:hover) {
	opacity:0.4;
	filter: alpha(opacity=40);
}

h1 {
	margin:30px 0;
}
h2 {
	font-size:1.2em; font-size:1.2rem;
	margin-bottom:30px;
	font-weight: normal;
}
h3 {
	font-size:1.2em; font-size:1.2rem;
	margin-bottom:10px;
	font-weight: normal;
	border-bottom:2px solid #ccc;
	padding:10px 0;
}
header nav ul li a.home:hover {
}
.small {
	font-size:0.8em; font-size:0.8rem;
	display:block;
	margin-top:15px;
}
/* ぱんくず */

div.breadcrumbs {
	margin:0 auto;
	width:1100px;
	margin-bottom:20px;
	margin-top:20px;
	/* font-size:0.9em; font-size:0.9rem; */
	font-size:12px;
	color:#666;
}
/* 見出し　↓ */
/* article.construction h2,
article.construction h3,
article.delegate h3,
section.blogSub h3,
section.blogMain h2.widgettitle,
section.constructionSub h3,
section.constructionMain h2,
body.page-id-144 .contWrap h2,
body.page-id-154 .contWrap h2,
body.page-id-157 .contWrap h2,
body.page-id-160 .contWrap h2 {
	position:relative;
	padding:13px 10px 20px 26px;
	color:#333;
	letter-spacing:2px;
	z-index:1;
	line-height:10px;
}
article.construction h2:before,
article.construction h3:before,
article.delegate h3:before,
section.blogSub h3:before,
section.blogMain h2.widgettitle:before,
section.constructionSub h3:before,
section.constructionMain h2:before,
body.page-id-144 .contWrap h2:before,
body.page-id-154 .contWrap h2:before,
body.page-id-157 .contWrap h2:before,
body.page-id-160 .contWrap h2:before {
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:37px;
	border-right:#fff solid 2px;
	background:#1E2C5C;
	background-image: -webkit-gradient(linear, left top, left bottom,  from( rgba(255, 255, 255, 0.0)),  color-stop(0.20, rgba(255, 255, 255, 0.0)),  color-stop(0.20, rgba(255, 255, 255, 0.1)),  color-stop(0.40, rgba(255, 255, 255, 0.1)),  color-stop(0.40, rgba(255, 255, 255, 0.3)),  color-stop(0.60, rgba(255, 255, 255, 0.3)),  color-stop(0.60, rgba(255, 255, 255, 0.5)),  color-stop(0.80, rgba(255, 255, 255, 0.5)),  color-stop(0.80, rgba(255, 255, 255, 0.6)),  to( rgba(255, 255, 255, 0.6))  );
	background-image: -webkit-linear-gradient(top,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	background-image: -moz-linear-gradient(top,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	background-image: -o-linear-gradient(top,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	background-image: linear-gradient(to bottom,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	z-index:-1;
}
article.construction h2:after,
article.construction h3:after,
article.delegate h3:after,
section.blogSub h3:after,
section.blogMain h2.widgettitle:after,
section.constructionSub h3:after,
section.constructionMain h2:after,
body.page-id-144 .contWrap h2:after,
body.page-id-154 .contWrap h2:after,
body.page-id-157 .contWrap h2:after,
body.page-id-160 .contWrap h2:after {
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	background-image: -webkit-gradient(linear, left top, right top,  from( rgba(255, 255, 255, 0.0)),  color-stop(0.20, rgba(255, 255, 255, 0.0)),  color-stop(0.20, rgba(255, 255, 255, 0.1)),  color-stop(0.40, rgba(255, 255, 255, 0.1)),  color-stop(0.40, rgba(255, 255, 255, 0.3)),  color-stop(0.60, rgba(255, 255, 255, 0.3)),  color-stop(0.60, rgba(255, 255, 255, 0.5)),  color-stop(0.80, rgba(255, 255, 255, 0.5)),  color-stop(0.80, rgba(255, 255, 255, 0.6)),  to( rgba(255, 255, 255, 0.6))  );
	background-image: -webkit-linear-gradient(left,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	background-image: -moz-linear-gradient(left,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	background-image: -o-linear-gradient(left,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	background-image: linear-gradient(to right,  transparent 20%,  rgba(255, 255, 255, 0.1) 20%,  rgba(255, 255, 255, 0.1) 40%,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.3) 60%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0.5) 80%,  rgba(255, 255, 255, 0.6) 80%,  rgba(255, 255, 255, 0.6) 100%  );
	z-index:-1;
} */

article.construction h2,
article.construction h3,
article.delegate h3,
section.blogSub h3,
section.blogMain h2.widgettitle,
section.constructionSub h3,
section.constructionMain h2,
body.page-id-144 .contWrap h2,
body.page-id-154 .contWrap h2,
body.page-id-157 .contWrap h2,
body.page-id-160 .contWrap h2 {
	position: relative;
	padding: 1em 0 1em 10px;
}
article.construction h2::before,
article.construction h3::before,
article.delegate h3::before,
section.blogSub h3::before,
section.blogMain h2.widgettitle::before,
section.constructionSub h3::before,
section.constructionMain h2::before,
body.page-id-144 .contWrap h2::before,
body.page-id-154 .contWrap h2::before,
body.page-id-157 .contWrap h2::before,
body.page-id-160 .contWrap h2::before,
article.construction h2::after,
article.construction h3::after,
article.delegate h3::after,
section.blogSub h3::after,
section.blogMain h2.widgettitle::after,
section.constructionSub h3::after,
section.constructionMain h2::after,
body.page-id-144 .contWrap h2::after,
body.page-id-154 .contWrap h2::after,
body.page-id-157 .contWrap h2::after,
body.page-id-160 .contWrap h2::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
article.construction h2::before,
article.construction h3::before,
article.delegate h3::before,
section.blogSub h3::before,
section.blogMain h2.widgettitle::before,
section.constructionSub h3::before,
section.constructionMain h2::before,
body.page-id-144 .contWrap h2::before,
body.page-id-154 .contWrap h2::before,
body.page-id-157 .contWrap h2::before,
body.page-id-160 .contWrap h2::before {
	top: 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
}
article.construction h2::after,
article.construction h3::after,
article.delegate h3::after,
section.blogSub h3::after,
section.blogMain h2.widgettitle::after,
section.constructionSub h3::after,
section.constructionMain h2::after,
body.page-id-144 .contWrap h2::after,
body.page-id-154 .contWrap h2::after,
body.page-id-157 .contWrap h2::after,
body.page-id-160 .contWrap h2::after {
	bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}


/* 見出し　↑ */



/* Q&A　よくあるご質問↓ */
body.page-id-157 div.contWrap h3,
body.page-id-157 div.contWrap p {
}
body.page-id-157 div.contWrap p {
	margin-top:20px;
	margin-bottom:40px;
	margin-left:30px;
	margin-right:30px;
	padding-left:10px;
	line-height:200%;
	font-size:1em; font-size:1rem;
}


body.page-id-157 div.contWrap p.qaP {
	margin:0 20px 0;
	padding:0;
	font-size:1em; font-size:1rem;
}

body.page-id-157 div.contWrap h3 {
	/* background:#1E2C5C; */
	/* border-left:5px solid #1E2C5C; */
	padding:15px 10px 15px 10px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	border:1px dashed #1E2C5C;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	font-size:1em; font-size:1rem;
	font-weight:bold;
	color:#333;
}
body.page-id-157 div.contWrap h3:hover {
	color:#000;
	border:1px dashed #669966;
}


body.page-id-157 div.contWrap h3.accordion_head {
	cursor:pointer;
	position: relative;
	display: block;
}
body.page-id-157 div.contWrap h3.accordion_head:before,
body.page-id-157 div.contWrap h3.accordion_head:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: 1px;
	margin-right:10px;
}

body.page-id-157 div.contWrap h3.selected:before,
body.page-id-157 div.contWrap h3.selected:after {
	margin-top: 15px;
}
body.page-id-157 div.contWrap h3.accordion_head:before {
	top: 20px;
	right: 15px;
	background: #1E2C5C;	
}
body.page-id-157 div.contWrap h3.selected:before {
	top: 10px;
}

body.page-id-157 div.contWrap h3.accordion_head:after {
	top: 15px;
	right: 15px;
	background: #fff;
}
body.page-id-157 div.contWrap h3.selected:after {
}

body.page-id-157 div.contWrap h3.accordion_head +p {
	
}

body.page-id-157 div.contWrap h3.accordion_head +p:before {
	/* content:"A";
	color:#1E2C5C; */
}

body.page-id-157 div.contWrap h3 span {
	font-weight:bold;
	font-size:1em; font-size:1rem;
	color:#1E2C5C;
	padding:10px;
	margin-right:10px;/* background:#1E2C5C;
	-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px; */
}

.easingsliderlite-arrows {
	display:none;
}

/* Q&A↑ */

/* mainImages */

div.mainImages {
	background:#CCC;
	text-align:center;
	position:relative;
}

div.mainImages div.easingsliderlite {
	position:relative;
	left: calc(50% - 700px);
}

div.mainImages div.messageCont {
	width:500px;
	background-color: rgba(0,0,0,0.3);
	color:#FFF;
	padding:30px;
	position:absolute;
	top:40px;
	left:calc(50% - 250px);
}

div.mainImages div.messageCont div.mainTitle {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.6em;
	font-size:1.6rem;
	line-height:140%;
	padding-bottom:18px;
	border-bottom:1px solid #FFF;
	margin-bottom:10px;
	/* text-shadow: 0px 1px 10px #000; */
}

div.mainImages div.messageCont p {
	line-height:140%;
}

div.mainImages div.messageCont div.mainConsBtn {
}
div.mainImages div.messageCont div.mainConsBtn a {
	display:block;
	color:#FFF;
	font-weight:bold;
	width:150px;
	height:44px;
	line-height:44px;
	text-align:center;
	margin: 10px auto 0 auto;
	text-decoration:none;
	border:1px solid #FFF;
	border-radius:3px;
	/* background:#1E2C5C; */
}

/* slide */
div.easingsliderlite-slide {
	margin:0 auto;
}
/* info */
article.info {
	/* height:227px; */
	margin-top:20px;
	height:auto;
	background-image: url(img/img_diagonal_bg.gif);
	padding:10px;
}

article.info div.infoInner {
	background:#FFF;
	overflow:hidden;
	padding:20px;
}

article.info h2 {
	float:left;
	width:180px;
	height:auto;
	font-weight: bold;
}
article.info div.infoBox {
	float:left;
	width:calc(100% - 180px - 20px);
	height:auto;
}
article.info div.infoBox ul li {
}
article.info div.infoBox ul li span.date {
	font-size:0.7em; font-size:0.7rem;
	display:block;
	margin-bottom:10px;
	color:#1d4f86;
}

article.info div.infoBox ul li p {
	font-size:0.8em; font-size:0.8rem;
	line-height:200%;
	/* margin-bottom:1em; */
}

/* construction */
article.construction ul li {
}
article.construction,
article.delegate {
	/* width:1048px; */
	/* padding-left:26px; */
	/* padding-right:26px; */
}
article.construction ul {
	/* padding-left:26px;
	padding-right:26px; */
	margin-top:20px;
	padding: 0 20px;
}

article.construction > p {
	margin-left:20px;
	margin-right:20px;
	line-height:200%;
}

article.construction img {
	/* border:1px solid #ccc; */
	display: block;
	margin-bottom:10px;
}
article.construction ul li {
	float:left;
	width:calc(100% / 3 - 6px);
	margin:1px 3px 21px 3px;
	min-height:280px;
	background:#f7f7f7;
	text-align:center;
}

article.construction ul li span.small {
	padding:10px;
	margin-top:0px;
}

article.construction ul li:hover {
	background:#ccd7fe;
}

article.construction ul li:hover a img {
	opacity:0.4;
	filter: alpha(opacity=40);
}


article.construction ul li:nth-of-type(2),
article.construction ul li:nth-of-type(5) {
	/* margin-left:74px;
	margin-right:73px; */
}
article.construction ul li p {
	line-height:24px;
	width:280px;
}
article.construction ul li p span {
	font-size:1em; font-size:1rem;
	display:block;
}

article.construction ul li a span.thumbnail {
	display:block;
	width:100%;
	height:200px;
	overflow:hidden;
	margin-bottom:10px;
}
article.construction ul li a span.thumbnail img {
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


article.construction .mosaic-block {
	margin-bottom:10px;
}

article.construction div.consBtn {
	width:300px;
	height:44px;
	border:1px solid black;
	
}

/* construction 施工例 */

section.constructionSub {
	float:left;
	width:230px;
	margin-right:20px;
	line-height:25px;
}
section.constructionSub ul {
/* margin-left:25px; */
}
section.constructionMain {
	/* float:left;
	width:825px;
	margin-right:25px;
	margin-bottom:40px; */
}
section.constructionMain > p {
	margin:0 20px 20px 20px;
}

section.constructionMain ul li {
	float:left;
}
section.constructionMain ul li.cons02 {
	margin-left:15px;
	margin-right:15px;
}
/* delegate */
article.delegate {
	height:auto;
}
article.delegate img {
	float:left;/* padding-bottom:100px; */
}
article.delegate p {
	width:850px;
	margin-left:25px;
	/* margin-bottom:18px; */
	line-height:200%;
	float:left;
}
/* レスポンシブ */
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
　
}
div.wrap {
	width:100%;
}

/* blog */

section.blogSub {
	float:left;
	width:230px;
	margin-right:20px;
	height:100%;
	line-height:25px;
}
section.blogSub h3,
section.constructionSub h3 {
	font-size:1em; font-size:1rem;
	font-weight:bold;
	letter-spacing:0px;
}

section.blogSub li.widget-container ul li,
section.constructionSub ul li {
	line-height:200%;
	list-style-type:circle;
	margin-left: 20px;
	padding-left: 4px;
	font-size:0.9em; font-size:0.9rem;
}

section.blogMain {
	float:left;
	width:825px;
	margin-right:25px;
	margin-bottom:40px;
}
section.blogMain p,
section.constructionMain p {
	line-height:200%;
}
section.blogMain p.state {
	margin-bottom:15px;
	font-size:0.9em; font-size:0.9rem;
	color:#666;
	/* text-align:right; */
}
section.blogMain .tags {
	text-align:right;
	font-size:0.9em; font-size:0.9rem;
	float:right;
}

section.blogMain div.navi {
	margin-top: 50px;
    text-align: center;
}

section.blogMain div.comment {
	border:1px solid #CCC;
	padding:10px;
	margin-top:40px;
}

section.blogSub ul {
	margin-bottom:20px;
}
h2.widgettitle {
	margin-bottom:0;
}
/* 130829 */
.view {
	width: 300px;
	height: 200px;
	margin: 10px;
	float: left;
	border: 5px solid #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px #aaa;
	cursor: default;
}
.view .mask,
.view .content {
	width: 300px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
	display: block;
	position: relative;
}
.view a.info {
	background:url(../img/link.png) center no-repeat;
	display: inline-block;
	text-decoration: none;
	padding:0;
	text-indent:-9999px;
	width:20px;
	height:20px;
}
/*  */

.second-effect .mask {
	opacity: 0;
	overflow:visible;
	border:0px solid rgba(0,0,0,0.7);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
}
.second-effect a.info {
	position:relative;
	top:-10px;
	opacity:0;
	transform:scale(0, 0);
	transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
	opacity: 1;
	border:100px solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
	opacity:1;
	transform:scale(1, 1);
	transition-delay:0.3s;
}
/* mosiaic test */

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	height:230px;
	/* margin:10px; */
	/* background:#111 url(img/progress.gif) no-repeat center center; */
	/* border:1px solid #fff; */
	/* -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); */
}
.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	/* background:#111; */
	background:#111 url(img/hover-magnify.png) no-repeat center center;
}
.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#111;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:url(img/hover-magnify.png) no-repeat center center;
	</strong>ty:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}
/*** End Animation Styles ***/


/* .tiled-gallery-item {
	float:left;
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	margin:10px;
	background:#111 url(img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
} */

/* .tiled-gallery-item>a>img {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#111;
	background:#111 url(img/hover-magnify.png) no-repeat center center;
} */

.tiled-gallery-item {
}
.tiled-gallery-item a img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.tiled-gallery-item a img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
/* /mosiaic test */





/* company 会社概要 */

body.page-id-160 div.contWrap table tbody tr th,
body.page-id-160 div.contWrap table tbody tr td {
	border-bottom:1px dotted #CCC;
	padding-bottom:10px;
	padding-top:10px;
	color:#333;
	line-height:200%;
}

body.page-id-160 div.contWrap table tbody tr th {
	text-align:center;
}

body.page-id-160 div.contWrap table tbody tr td {
	padding-left:40px;
}

body.page-id-160 div.contWrap #mapp0_layout {
	margin:40px auto 0 auto;
}

body.page-id-160 div.contWrap #mapp0_links {
	border:none;
}

/* ご依頼の流れ */
body.page-id-154 p {
	line-height:200%;
	margin-left:20px;
}

body.page-id-154 div.contWrap table {
	margin-top:20px;
}

body.page-id-154 div.contWrap table tbody tr {
	height: 80px;
}

body.page-id-154 div.contWrap table tbody tr th,
body.page-id-154 div.contWrap table tbody tr td {
    /* border-bottom: 1px dotted #CCCCCC; */
    color: #333333;
    line-height:200%;
    padding-bottom: 10px;
    padding-top: 10px;
}

body.page-id-154 div.contWrap table tbody tr th {
    text-align: center;
	white-space: nowrap;
	/* border:1px solid #CCC; */
	width:230px;
	font-size:1em; font-size:1rem;
}

body.page-id-154 div.contWrap table tbody tr:before {
	content:"▼";
	color:#99CC99;
	left: 125px;
    position: relative;
    top: 53px;
}
body.page-id-154 div.contWrap table tbody tr:last-child:before {
	color:#FFF;
}

body.page-id-154 div.contWrap table tbody tr td {
    padding-left: 60px;
	border-bottom:1px dotted #CCC;
}

body.page-id-154 div.contWrap table tbody tr:after {
	content:"●";
	font-size:4em; font-size:4rem;
	position:relative;
	top:28px;
	left:-812px;
	color:#99CC99;
}

body.page-id-154 div.contWrap table tbody {
	counter-reset: my-badass-counter;
}
body.page-id-154 div.contWrap table tbody tr:after {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
}


/* contact お問い合わせ */

.wpcf7 .clear-form { clear: both; }
.wpcf7 input[type='text'], .wpcf7 input[type='email'] { width: 300px; max-width: 98%; margin-bottom: 10px; }
.wpcf7 select { margin-bottom: 13px; /* width:312px; */ max-width:102%; }
.wpcf7 textarea { /* height: 200px; width: 300px; */ float: none; margin-bottom: 13px; max-width:98%; }
.wpcf7 input[type='radio'], .wpcf7 input[type='checkbox'] { /* float: none; */ margin-bottom: 15px; }
.wpcf7 label.checkbox, .wpcf7 label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; }
/* .wpcf7 label span { color: #AAA; margin-left: 4px; font-weight: normal; } */
.form-errors .form-error-message { color: red; }
.textwidget input[type='text'], .textwidget input[type='email'], .textwidget textarea { width: 250px; max-width: 98%; }

.wpcf7-form-control {
	border:1px solid #99CC99;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px;
	background:#FFF;
}

.wpcf7-form-control:focus {
	border:1px solid #669966;
	background:#eaffea;
	box-shadow:0px 0px 5px 0px rgba(102,153,102,0.4);
}

.wpcf7-form > li {
	list-style:none;
	border-bottom:1px dotted #CCC;
	padding-top:10px;
}

.wpcf7-form > p {
	margin-top:10px;
	margin-left:220px;
}

input[type="text"] {
	color:#CCC;
}
input[type="text"].textFocus {
	color:#333;
}

.grunion-field-label,
.grunion-field-label:hover {
	border:none;
	padding:0;
	background:#FFF;
}

.wpcf7-form-control {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #1E2C5C;
	padding:5px;
}
.wpcf7-checkbox {
	border:none;
}

input[type="checkbox"]:checked + .wpcf7-list-item-label,
input[type="radio"]:checked + .wpcf7-list-item-label {
	font-weight: bold;
}

.wpcf7 .wpcf7-not-valid {
    background: #ff9999;
}

span.wpcf7-list-item {
	cursor:pointer;
}

span.wpcf7-list-item:hover {
	font-weight:bold;
}

input[type="submit"] {
	background:#1E2C5C;
	color:#FFF;
	padding:10px 20px 10px 20px;
	box-shadow: 1px 1px 1px -1px #FFFFFF inset;
}

.wpcf7-submit:focus {
	background:#99CC99;
}

input[type="submit"]:hover {
	box-shadow:0px 0px 5px 0px rgba(102,153,102,0.4) inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.pushbutton-wide:hover {
	position:relative;
	top:1px;
}
.pushbutton-wide:active {
	/* position:relative;
	top:1px; */
}

body.page-id-144 p {
	line-height:200%;
	
}

div.wpcf7 .wpcf7-form {
	/* border: 1px solid #1E2C5C; */
    padding: 10px 20px 20px;
	border-radius:3px;
	/* width: 540px; */
	color:#666;
}

span.tel {
    color: #1E2C5C;
    font-size: 1.2em; font-size: 1.2rem;
    font-weight: bold;
    /* letter-spacing: 0; */
    margin-left: 6px;
    vertical-align: top;
}
span.hour {
	font-size:0.8em; font-size:0.8rem;
	margin-bottom:30px;
	display:block;
}

#contact-form-144 .wpcf7-submit {
	text-align: center;
}

.wpcf7-checkbox {
	background:none;
}

.wpcf7 strong {
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 190px;
	/* margin-top:3px; */
	padding: 3px 10px 3px 0;
}
.wpcf7 strong span {
    background: none repeat scroll 0 0 #ff6666;
    border-radius: 3px;
    color: #FFFFFF;
    font-size:0.6em; font-size:0.6rem;
    font-weight: normal;
    margin-left: 4px;
    padding:3px 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: top;
}


/* ↓↓↓↓↓↓↓↓↓↓レスポンシブ↓↓↓↓↓↓↓↓↓↓ */
/* nav */

.togmenu {
	display:none;
	width:100%;
}
.menubtn {
	/* padding: 16px 20px;
	background:#34C6CD;
	color: #fff; */

	background:#666;
	color:#CCC;
	text-align:center;
	height:44px;
	line-height:44px;
}
#menu ul {
/* margin: 0;
	padding: 0;
	background:#34C6CD; */
}
#menu li {
/* list-style: none;
	border-top: 2px solid #fff; */
}
#menu li a {
	/* padding: 16px 20px; */
	display:block;/* text-decoration:none;
	background:#34C6CD;
	color: #fff; */
}
@media only screen and (min-width: 800px) {
.menubtn {
	display:none;
}
.togmenu {
	display:block;
}
#menu li {
	display: inline-block;
	border:none;
}

div.breadcrumbs {
	/* width:100%; */
}

}

/*===============================================
タブレット 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
	
header hgroup div.headTel {
	position:relative;
	text-align:center;
}
	
header nav {
	border:0;
	height:290px;
}
header nav ul#menu-navi {
}
header nav ul li {
	/* clear:both; */
	border-bottom:1px solid #1E2C5C;
	/* border-left:1px solid #99CC99; */
	/* border-right:1px solid #99CC99; */
	background:#FFF;
	width:1100px;
}


div.breadcrumbs {
	width:100%;
}

}
/*===============================================
スマートフォン 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
body.home h1 {
	margin: 15px 0;/* 131108 */
}
body.home h1 img {
	max-width: 80%;/* 131108 */
}
div.contWrap {
	width:98%;
}
article.construction ul li {
	width:100%;
}
article.construction ul li:nth-of-type(2),
article.construction ul li:nth-of-type(5) {
	margin-left:0px;
	margin-right:0px;
}
article.construction,
article.delegate {
	padding-left:0;
	padding-right:0;
}
article.delegate p {
	margin-left:0;
	width:100%;
}
article.info div.infoBox {
	clear:both;
	width:100%;
	height:auto;
	/*  */
	margin-top:0px;
	margin-left:0px;
}
article.info h2 {
	clear:both;
	width:100%;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	border-right:0px solid #d6d6d6;
}

section.blogMain,
section.blogSub {
	width:100%;
}


div.breadcrumbs {
	width:100%;
}

div.mainImages div.messageCont {
	width:100%;
	padding:5px;
	position:absolute;
	top:0px;
	left:0;
	display:none;
}

}
/*===============================================
マイナー
===============================================*/
@media screen and (max-width:1000px) {
header nav ul li {
	/* width:130px; */
	/* padding-left:10px;
	padding-right:10px; */
	/* width:110px; */
	padding:0;
}

div.contWrap {
    width: 98%;
}

article.info h2 {
	/* margin-bottom: 0;
    padding-left: 15px;
    padding-top: 20px; */
	margin-bottom:20px;
}
article.info div.infoBox ul li {
    border-left:none;
    /* padding-left:0px; */
}

article.construction, article.delegate {
    padding-left: 0;
    padding-right: 0;
}

article.construction ul li:nth-of-type(2), article.construction ul li:nth-of-type(5) {
    /* margin-left: 1%;
    margin-right: 1%; */
}

article.construction ul li:nth-of-type(4),
article.construction ul li:nth-of-type(5),
article.construction ul li:nth-of-type(6) {
	/* display:none; */
}

}

/*===============================================
タブレット 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
div.mainImages div.easingsliderlite {
	position:relative;
	left:0;
}	
	
section.constructionSub,
section.constructionMain {
	clear:both;
}
div.wrap {
}
section.constructionMain {
	width:100%;
}
section.constructionMain p {
	clear:both;
}
section.constructionMain ul li.cons02 {
	margin-left:0px;
	margin-right:0px;
}
section.constructionMain >img {
	max-width:100%;
	height:auto;
}
section.constructionMain ul li {
	clear:both;
	width:100%;
}
section.constructionSub {
}
}