@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}
body {
	line-height:1
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
input, select {
	vertical-align:middle
}
/*================================================
 *  一般・共通設定
 ================================================*/

body {
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	color: #333333;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	line-height: 1.6;
	position: relative;
}
.headerWP {
	width: 1000px;
	margin: 10px auto;
}
nav {
	width: 100%;
}
#contents {
	width: 1000px;
	margin: 10px auto;
}
#main {
	float: right;
	width: 75%;
}
a {
	color:#000;
}
a:hover {
	color:#e78f00;
}
h1 {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	color: #333333;
	font-size: 14px;
}
h1 a {
	color:#000;
	text-decoration:none;
}
h1 a:hover {
	color: #e78f00;
	text-decoration: underline;
}
h2 {
	margin-bottom: 0.5em;
	padding-left: 10px;
	font-size: 20px;
	color: #000;
	border-left: 5px solid #D61300;
	font-weight: bold;
	margin: 0 0 20px 0;
}
h3 {
	margin-bottom: 0.5em;
	padding: 2px 5px;
	color: #D61300;
	font-weight: bold;
	font-size: 18px;
}
h5 {
	margin-bottom:0.25em;
	padding:2px;
	color:#000;
	font-size:16px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	background:#f1f1f1;
}
h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}
p {
	margin: 0.5em 0 1em 0;
}
img {
	vertical-align:bottom;
}
em {
	font-weight:bold;
}
strong {
	font-weight:bold;
	color:#f19500;
}
pre {
	margin:1em 0;
	padding:1em;
}
blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}
ul, ol, dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}
/*dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt:before {
	content:"\0025a0";
}
dd {
	margin-bottom:1em;
}*/

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	background:#f5f5f5;
}
td {
	padding:10px;
	text-align:left;
}
.clearFix:after {
	content: "";
	display: block;
	clear: both;
}
.img-responsive {
	max-width: 100%;
}
.sp {
	display: none;
}
.mg2 {
	margin: 2% 0;
}
.underline{
	text-decoration: underline;
}
.textcenter{
	text-align: center;
}
.kk p {
	font-weight: bold;
	font-size: 1.1rem;
	margin: 0;
	padding: 0;
}

.kk {
	padding: 0.5em 1em;
	margin: 2em 0;
	border: double 5px #D61300;
	margin-top:15px;
	margin-bottom: 25px;
}



/*================================================
 *  ヘッダー
 ================================================*/

.summary {
	clear:both;
}

.headerWP{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headlogo{
	width:42%;
	text-align: center;
}
.contactBox{
	width: 56%;
	display: flex;
	justify-content: space-between;
}
.contactBox a{
	text-decoration: none;
}

.contact_tel{
	background: #f00;
	font-size: 15px;
	border-radius: 10px;
	text-align: center;
	width: 61%;
	margin-left: 1%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact_tel a{
		color: #fff;
}
.contact_telmjb{
	font-weight: bold;
	font-size: 300%;
}
.contact_web{
	border-radius: 10px;
	border: 4px solid #f00;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	/*width: 38%;*/ /*電話お問い合わせ入れる場合*/
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact_web a{
	color: #000;
}
.contact_web a:hover,.contact_tel a:hover{
	opacity: 0.6;
}

.headcontactweb{
	display: none;
}
.headcontacttel a:hover,.headcontactweb a:hover{
	opacity: 0.8;
}
/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	margin: 10px 0;
	padding: 0;
	background: #D61300;
	overflow: hidden;
}
nav ul {
	width:960px;
	margin:0 auto;
	padding:0;
}
nav li {
	float:left;
	list-style:none;
	width:16.666%;
	margin:0;
	padding:0;
}
nav li a {
	display:block;
	padding:10px 0;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
}
nav li a:hover {;
	text-decoration: none;
	background: #FFFFFF;
	color: #D61300;
}
/*=================================================
 *  サイドナビ
=================================================*/

#sub {
	float:left;
	width:21.25%;
}
/* サービス */
#sub h3.srv {
	display: inline-block;
	color: #FFFFFF;
	line-height: 37px;
	position: relative;
	width: 195px;
	text-align: center;
	background-color: #D61300;
	padding: 0;
}
#sub h3.srv:before {
	content: "\f015";
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 22px;
	vertical-align: middle;
}
#sub h3.srv:after {
	content: "";
	border-style: solid;
	border-width: 0;
	position: absolute;
	width: 0;
	height: 0;
	border-color: #D61300 transparent;
	right: -19px;
	border-width: 19px 19px 20px 0px;
}
/* 対応エリア */
#sub h3.area {
	display: inline-block;
	color: #FFFFFF;
	line-height: 38px;
	position: relative;
	width: 195px;
	text-align: center;
	background-color: #D61300;
	padding: 0;
}
#sub h3.area:before {
	content: "\f041";
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 22px;
	vertical-align: middle;
}
#sub h3.area:after {
	content: "";
	border-style: solid;
	border-width: 0;
	position: absolute;
	width: 0;
	height: 0;
	border-color: #D61300 transparent;
	right: -19px;
	border-width: 19px 19px 20px 0px;
}
/* メーカー */
#sub h3.mk {
	display: inline-block;
	color: #FFFFFF;
	line-height: 38px;
	position: relative;
	width: 195px;
	text-align: center;
	background-color: #D61300;
	padding: 0;
}
#sub h3.mk:before {
	content: "\f06d";
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 22px;
	vertical-align: middle;
}
#sub h3.mk:after {
	content: "";
	border-style: solid;
	border-width: 0;
	position: absolute;
	width: 0;
	height: 0;
	border-color: #D61300 transparent;
	right: -19px;
	border-width: 19px 19px 20px 0px;
}
#sub p.area {
}
#sub p.area span {
	font-weight: bold;
	color: #330A00;
}
#sub p.area span:after {
	content: "\A";
	white-space: pre;
}
#subnav {
	display:none;
}
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\0025a0";
	color:#000;
}
.submenu li a {
	display: block;
	padding:5px 2px;
	color: #000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}
.bnr {
	overflow:hidden;
	margin: 0.5em 0 0.5em 0;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin: 0 0 6px 0;
	padding:0;
	list-style:none;
}
.bnr li a {
	padding: 5px;
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #330A00;
}
.bnr li a:hover {
	margin-bottom: -1px;
	border-bottom: 1px solid #330A00;
}
.bnr img {
	width:100%;
}
.bnr a img:hover {
	opacity: 0.7;
}

/* サイドLINE QRコード登録 */
#sub h3.line {
	display: inline-block;
	color: #FFFFFF;
	line-height: 39px;
	position: relative;
	width: 195px;
	text-align: center;
	background-color: #D61300;
	padding: 0;
}
#sub h3.line:before {
/*	content: "\f041";*/
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 22px;
	vertical-align: middle;
}
#sub h3.line:after {
	content: "";
	border-style: solid;
	border-width: 0;
	position: absolute;
	width: 0;
	height: 0;
	border-color: #D61300 transparent;
	right: -19px;
	border-width: 19px 19px 20px 0px;
}
#sub h3.line i{
	margin: 0 10px 0 0;
}
.lineQR img{
	margin: 0 auto 10px auto;
	width: 180px!important;
	max-width: 100%!important;
	display: block;
}
/*================================================
 *  宣言・お問い合わせ
 ================================================*/
ul.contact_banner {
	margin: 10px 0 10px;
	width: 100%;
}
ul.contact_banner li {
	list-style-type: none;
	margin: 0;
	float: left; /*電話お問い合わせ入れる場合*/
	/*margin-left: auto;
	margin-right: auto;電話お問い合わせ入れない場合*/
	width: 49.35%;
}
ul.contact_banner li + li {
	margin-left: 1.3%;
}
/* 電話 */
ul.contact_banner li.contacttel {
	/*background: url("../img/common/contact_tel.png") no-repeat;/* ロールオーバー時のチラつき防止 */
	background: url(../img/common/contact_tel.png) no-repeat center center;
	background-size: contain;
}
ul.contact_banner li.contacttel a {
	width: 370px;
	max-width: 100%;
	height: 180px;
	background: url(../img/common/contact_tel.png) no-repeat center center;
	background-size: contain;
	display: block;
	text-indent: -9999px;
}
ul.contact_banner li.contacttel a:hover {
	background-color: rgba(255,255,255,0.2);
	background-blend-mode: lighten;
	/*background: url(../img/common/contact_tel_on.png) no-repeat center center;
	background-size: contain;*/
}
/* ウェブ */
ul.contact_banner li.contactweb {
	/*background: url("../img/common/contact_web.png") no-repeat;/* ロールオーバー時のチラつき防止 */
	background: url(../img/common/contact_web.png) no-repeat center center;
	background-size: contain;
}
ul.contact_banner li.contactweb a {
	width: 370px;
	max-width: 100%;
	height: 180px;
	background: url(../img/common/contact_web.png) no-repeat center center;
	background-size: contain;
	display: block;
	text-indent: -9999px;
}
ul.contact_banner li.contactweb a:hover {
	background-color: rgba(255,255,255,0.2);
	background-blend-mode: lighten;
	/*background: url(../img/common/contact_web_on.png) no-repeat center center;
	background-size: contain;*/
}
/* フェイスブック */
/*.iframe-content {
	position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}*/



footer {
	position: absolute;
	left: 0;
	clear:both;
	width: 100%;
}
.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background: pink;
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px;
	font-size:14px;
	text-align:center;
}
.footmenu li a {
	text-decoration: none;
}
.copyright {
	clear: both;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	background: red;
	color: #FFFFFF;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
}
.totop img:hover {
	opacity: 0.8;
}
/*================================================
 *  クラス
 ================================================*/
.textL {
	text-align:left;
}
.textR {
	text-align:right;
}
.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../img/check.png) 0 5px no-repeat;
}
.info dt {
	border-bottom:none;
}
.info dd {
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}
.imgcent{
	display: block;
	margin: 5% auto;
}
.marker{
	background: linear-gradient(transparent 60%, #ff0 60%);
}
.rdmj{
	font-weight: bold;
	color: #f00;
}
.textblu{
	color: #2f5fff;
}
a.blco{
	color: blue;
}

.tpbtn{
	width: 600px;
}
h2.column{
	background: #D61300;
	    color: #FFFFFF;
	    padding: 1px 10px;
	    font-weight: bold;
	    border-bottom: 4px double #FFFFFF;
	    border-left: none;
	    margin: 20px 0 10px 0;
}

h3.aksen {
    margin: 20px 0 10px 0;
    padding: 2px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 3px solid #D61300;
}

/*================================================
 *  トップページ
 ================================================*/

.mainvs{
	width: 1000px;
	max-width: 100%;
	margin: 2% auto;
}



.toppage strong {
	color: #000;
}

.toppage table td{
	border: solid 2px #000;
	padding: 1%;
	font-weight: bold;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
}
.toppage table td:first-child{
	width: 50px;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.toppage .topshobox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1%;
	margin-bottom: 3%;
}

.toppage .shea{
	width: 48%;
}

/* スライドショー */
.slide {
	display:none;
	position:relative;
	overflow:hidden;
}
.slidePrev {
	position:absolute;
	cursor:pointer;
	z-index:100;
}
.slideNext {
	position:absolute;
	cursor:pointer;
	z-index:100;
}
.slidePrev img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}
.slideNext img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}
.slideInner {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.slideInner li img {
	margin:0 5px;
	padding:0;
}
.filterPrev {
	position:absolute;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}
.filterNext {
	position:absolute;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}
.controlNav {
	position:relative;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#999;
	cursor:pointer;
}
.controlNav span.current {
	background:#f19500;
}
/* トップナビ */
* html .topNavi {
	height:1em;
	overflow:visible;
}
.topNavi {
	overflow:hidden;
	position:relative;
	margin-right:-1.030%;
	margin-top:20px;
	margin-bottom:20px;
}
.topNaviColumn {
	display:inline;
	width:32.302%;
	float:left;
	margin-right:1.030%;
}
.topNaviCon {
	position: relative;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	text-decoration: none;
	transition: background 0s ease 0s, border 0.5s ease-out 0s;
	background: rgba(255, 50, 0, 0.08);
	border-radius:4px;
}
.topNaviCon:hover {
	color:#000;
	background:#fff9f5 none repeat scroll 0 0;
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
}
.topNaviCon h2 {
	margin: 3px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #D61300;
	border: none;
}
.topNaviCon:hover h2 {
}
.topNaviCon p {
	margin: 0;
	line-height: 1.5;
}
.hot_contact {
	float: right;
	text-decoration: none;
	font-size: 16px;
}
.hot_contact:after {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-left: 3px;
}
.hot_contact:hover {
	font-weight: bold;
	color: #000;
}
.topNaviPhoto img {
	width:100%;
}
.errorboxst{
	margin-bottom: 30px;
}
.errorboxue{
	margin-bottom: 5px;
}
.indexPrct {
	letter-spacing: 5px;
	margin-bottom: 5%;
}
.indexPrct a:hover {
	opacity: 0.6;
}
.prctBox {
	display: inline-block;
	margin-bottom: 10px;
}
/*================================================
 *  商品ページ
 ================================================*/
.products strong {
 	color: #000;
 }
.products table td,.products table th{
	border: solid 1px #ccc;
	padding: 1%;
}
.products table th{
	text-align: center;
}
.products table td:last-child{
	text-align: right;
}
.products #main h4 {
	margin-bottom:0.25em;
	font-size:22px;
	color:#D61300;
	font-weight:bold;
}
.products #main h4:before {
	content: "\f06d";
	font-family: FontAwesome;
	margin-right: 5px;
}
.products #main dl {
	height: auto;
	box-sizing: border-box;
	margin: 10px 0 20px 0;
	padding: 0;
	letter-spacing: -.4em;
	border: 1px solid #CCCCCC;
}
.products #main dl.mbmin{
	margin: 10px 0 10px 0!important;
	}

.products #main dt {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	font-size: 20px;
	letter-spacing: normal;
	background-color: #EFEAE6;
	color: #572C00;
	font-weight: bold;
}
.products #main dd {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 64px;
	font-size: 20px;
	letter-spacing: normal;
	color: #333333;
}
.products #main dd.pnum {
	width: 40%;
	line-height: 1.2;
	vertical-align: middle;
}
.products #main dd.numct {
	width: 100%!important;
}
.products #main dd.pnum span {
	font-size: 16px;
}
.products #main dd.price {
	width: 60%;
	vertical-align: middle;
	padding-bottom: 2%;
}
.products #main dd span.p1 {
}

.products table.prota{
	max-width: 700px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.products table.prota td{
	font-weight: bold;
	text-align: center;
}
.products table.prota td.p2{
	vertical-align: middle;
}
.products table.prota td{
border: solid 1px #000;
    padding: 1%;
}

.products #main dd span.p2,.products table.prota td.p2 .p2in {
	font-size: 36px;
	font-weight: bold;
	color: #ff3200;
	text-align: right;
	/*display: flex;*/
	justify-content:space-between;
}
.products #main dd span.p2:before,.products table.prota td.p2 .p2in:before {
	content: "\f0a9";
	font-family: FontAwesome;
	color: #333333;
	margin-right: 5px;
}
.products #main dd span.tax {
	font-size: 16px;
}
.products #main dd span.tax2 {
	color: #D61300;
	font-size: 16px;
}

.products #main .stnogyo{
	display: flex;
	justify-content: space-between;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	font-size: 70%;
	line-height: 1;
}
.products #main .stnogyo_kj{
	color: #D61300;
	font-weight: bold;
}
.products #main .stnogyo_tablet{
	display: none;
}
.products #main .stnogyo_sp{
	display: none;
}

.products #main table.sag{
	border: solid #000 3px;
}
.products #main table.sag th {
font-weight: bold;
text-align: left;
background: none;
border: solid #000 1px;
}
.products #main table.sag tr:first-child th {
	text-align: center;
}
.products #main table.sag td {
	text-align: right;
	border: solid #000 1px;
	font-weight: bold;


}

.products #main .proshobox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.products #main .proshoboxea{
	width: 49%;
}


.products #main .sholistt{
	width:100%;
	background: #d6f2ff;
	text-align: center;
	padding: 1%;
	border: 1px solid #000;
	box-sizing: border-box;
	font-weight: bold;
}
.products #main .sholisttgr{
	background: #e6f2f2;

}

.products #main .sholisbox{
	display: flex;
	margin-bottom: 5%;
}
.products #main .sholisst{
	width: 100%;
	border: 1px solid #000;
	border-top: none;
	border-left: none;
}
.products #main .sholisst:first-child{
	border-left: 1px solid #000;
}
.products #main .sholisttin{
	padding: 1%;
	background: #e6f2f2;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #000;
}
.products #main .sholisttinbl{
	background: #d6f2ff;

}
.products #main .sholisst2 .sholisttin{
	background: #faf4aa;

}
.products #main .sholisst3 .sholisttin{
	background: #fae288;
}
.products #main .sholisdt{
	padding: 5%;
}
.products #main .sholisdt a{
	color: #2f5fff;
}

.products table.tsha td{
	border: solid 1px #000;
	padding: 1%;
	text-align: left;
}
.products table.tsha td:first-child{
	width: 130px;
}

/*=================================================
 *  ごあいさつページ　greeting
=================================================*/

.greeting_main {
	margin-bottom: 5%;
}
.greeting p {
}
.greeting p span {
	color: #006AFF;
	font-weight: bold;
}
.greeting strong{
	color: #000;
}

.greeting .type {
	font-weight: bold;
	margin: 0;
	color: #330A00;
}
.greeting .type:before {
	content: "\f0ad";
	font-family: FontAwesome;
	margin-right: 5px;
}
.greeting ul.grtul {
}
.greeting ul li.grtli {
	list-style: none;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 0 5px;
}
.greeting ul li.grtli:before {
	content: "\f1ae";
	font-family: FontAwesome;
	font-size: 20px;
	margin-right: 5px;
}
.greeting .marker{
	background: yellow;
	font-weight: normal;
	color: #000;
}
.greeting .gsagyo{
	width: 500px;
	margin: 20px auto;
}
.greeting .gsagyo th{
	width: 300px;
	padding: 2%;
	background: #fff;
	border: solid 1px #000;
}
.greeting .gsagyo td{
	padding: 2%;
	text-align: right;
	border: solid 1px #000;
}
.greeting .gsagyo .gtt{
	text-align: center;
}
.greeting .ggzbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 5% 0;
}
.greeting .ggzboxin{
	width: 48%;
}

.greeting .ggzkbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 5% 0;
}
.greeting .ggzkboxin{
	width: 48%;
}

.greeting .grmjrdb{
	color: #f00;
	font-weight: bold;
}

/*=================================================
 *  施工事例ページ　case
=================================================*/

.case .case_type {
	letter-spacing: 5px;
	margin-bottom: 5%;
}
.case .caseBox {
	display: inline-block;
	margin-bottom: 1%;
}
.case_detail img {
	margin-bottom: 30px;
}
/*=================================================
 *  会社案内ページ　company
=================================================*/

.company_main {
	margin-bottom: 5%;
}
.company_main table {
	border: none;
}
.company_main th {
	width: 22%;
	background: #FFFECC;
	border-bottom: 1px solid #330A00;
	font-weight: bold;
	color: #330A00;
}
.company_main td {
	border-bottom: 1px solid #330A00;
	vertical-align: middle;
}

.company_main .companyli{
	max-width: 179px;
	display: block;
	margin: 2% auto;
	width: 80%;
}
.company_main .companyli:hover{
	opacity: 0.8;
}

#main div.fb-page {
	float: left;
	width: 60%;
	margin: 1% 0;
}
#main .fbyoko {
	float: right;
	width: 38%;
	text-align: right;
	margin: 1% 0;
}
#main .imgsR {
	float: right;
	width: 280px;
}
#main .imgsR img {
	margin-bottom:10px;
	max-width: 100%;
	width:100%;
}
/* 画像拡大表示エリア */
.img-display {
	margin: 2% 0 0 0;
}
.img-display a {
	text-decoration: none;
}
.img-display p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
@media (max-width: 480px) {
#main div.fb-page {
	float: none;
	width: 100%
}
#main .imgsR img {
	display: none;
}
}
/*================================================
 *  お問い合わせページ　contact
=================================================*/

.mailform {
	width: 100% !important;
	border: none;
	margin: 0 auto;
}
.mailform dl {
	border-bottom: dashed 1px #aaa;
	display: block;
	padding: 10px 20px;
}
.mailform dl dt {
	width: 400px !important;
	/* box-sizing: border-box; */
    background: transparent;
	border: none;
}
.mailform dd {
	border: none;
}
.mailform span.hisu {
	margin-left: 10px;
	background: #ff0000;
	color: #fff;
	border-radius: 6px;
	padding: 1px 5px;
}
.mailform span.nini {
	margin-left: 10px;
	background: #c7c7c7;
	color: #fff;
	border-radius: 6px;
	padding: 1px 5px;
}
.mailform label{
	display: block;
}
.mailform .g-recaptcha div{
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
}
/*=================================================
*フォーム送信完了ページ
=================================================*/

.thanks {

}

/*=================================================
 *  よくあるご質問ページ　faq
=================================================*/

.faq_main {
	margin-bottom: 5%;
}
faq_main p {
}
faq_main p span {
	color: #ff3200;
}
.FaQ {
	margin: 20px 0;
}
.answerWP {
	display: none;
}
.questionWP {
	position: relative;
	cursor: pointer;
}
.questionWP span {
	position: absolute;
	right: 10px;
	top: 6px;
}
.question {
	padding: 8px;
	margin: 0;
	font-weight: bold;
	color: #330A00;
}
.question:before {
	content: "\f059";
	font-family: FontAwesome;
	font-size: 20px;
	margin-right: 5px;
}
.answer {
	margin: 0;
	padding: 8px;
}
.answer:before {
	content: "\f118";
	font-family: FontAwesome;
	font-size: 20px;
	margin-right: 5px;
}
/*=================================================
 *  工事の流れページ　flow
=================================================*/

.flow_main {
	margin-bottom: 5%;
}
.flow {
	overflow: hidden;
	margin: 20px 0;
	padding: 0;
	background: #fff;
}
.imgR {
	float:right;
	margin:0 0 0.5em 0.5em;
}
.flow h4 {
	font-weight: bold;
	border-bottom: 1px dotted #D61300;
	width: 200px;
	color: #330A00;
}
.flow h4:before {
	content: "\f1d8";
	font-family: FontAwesome;
	margin-right: 5px;
}
/*=================================================
 *  スタッフ情報ページ　staff
=================================================*/
.staff {
	overflow:hidden;
	margin:20px 0;
	padding:0;
	background:#fff;
}
.imgL {
	float:left;
	margin: 0 10px 10px 0;
}
.staff h4 {
	font-size: 16px;
	color: #330A00;
	font-weight: bold;
	padding: 0 0 0.25em 0;
	margin-top: 2px;
}
.staff h4:before {
	content: "\f0a1";
	font-family: FontAwesome;
	margin-right: 5px;
	font-size: 30px;
	vertical-align: middle;
	background: #330A00;
	color: #FFFFFF;
	border-radius: 30px;
	padding: 10px;
}
/*=================================================
 *  お客様の声ページ　voice
=================================================*/

.voice_main {
	margin-bottom: 5%;
}
.voice .word {
	border-bottom: 1px solid #ff3200;
	margin-bottom: 5%;
}
.voice dl.word dt {
	color: #330A00;
	font-weight: bold;
}
.voice dl.word dt span {
	margin-left: 10px;
	font-weight: bold;
	color: #ff3200;
}
.voice dl.word dt:before {
	content:"\f075";
	font-family: FontAwesome;
	color: #330A00;
	font-size: 25px;
	margin-right: 5px;
	vertical-align: middle;
}
.voice dl.word dd {
	padding: 0 0 1.0em 0;
}
.voice .vcommentim{
	display: block;
	margin: 4% auto;
	box-shadow: 0 0 2px #ccc, 2px 2px 4px #333;
	padding-top: 4%;
	padding-bottom: 4%;
	background: #fff;
}
/*=================================================
 *  住宅無料診断サービスページ　freecheck
=================================================*/

.freecheck_main {
	margin-bottom: 5%;
}
.freecheck h2 {
	border: none;
	padding: 0;
}
p.check {
	border-top: 3px dotted #FF3200;
	border-bottom: 3px dotted #FF3200;
	padding: 10px 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 25px 0;
}
/*=================================================
 *  施工事例ページ　case
=================================================*/

.case .case_type {
	letter-spacing: 5px;
	margin-bottom: 5%;
}
.case .caseBox {
	display: inline-block;
	margin-bottom: 1%;
	width: 49.3%;
}
.case_detail img {
	margin-bottom: 30px;
}
@media screen and (max-width:767px) {
.case .caseBox {
	display: inline-block;
	margin-bottom: 1%;
	width: 49.3%;
}
}
@media (max-width: 480px) {
.case .caseBox {
	display: inline-block;
	margin-bottom: 1%;
	width: 100%;
}
}



/**************************************
施工事例(index.php、greeting.html　共有)
****************************************/

#topjirei{
	padding-bottom: 5%;
}
#topjirei .topjireitt{
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 margin: 5% 0 0;
 color: #FF3200;
}
#topjirei  hr{
 border-top: #FF3200 solid 3px;
 margin-top: 3%;
 margin-bottom: 3%;
}

#sec1 h2{
	margin-top: 5%;
}
#sec1,.news_box{
word-break: break-all;
}
#sec1 img{
	max-width: 100%;
	height: auto;
}
#sec1 .tolist a,.news_box .tolist a{
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
	color: #fff;
	padding: 1% 2%;
	background: #f16503;
}
@media screen and (max-width:480px) {
	#sec1 .tolist a,.news_box .tolist a{
		display: block;
		width: 90%;
		margin: 2% auto 1% auto;
		text-align: center;
}
}
#sec1 .backORcloseBtn{
	text-align: center;
	margin-top: 7%;
	margin-bottom: 7%;

}
#sec1 .backORcloseBtn a{
	text-decoration: none;
	font-weight: bold;
	background: #ffff33;
	color: #000;
	padding: 1% 2%;
	border-radius: 8px;
}
@media screen and (max-width:480px) {
	#sec1 .backORcloseBtn a{
		display: block;
		margin: 0 0 2% 0;
		text-align: center;
}
}
#sec1 .newMark,.news_box .top_newMark{
	background-color: #f00;
	color: #fff;
	padding: 0.5%;
	border-radius: 4px;
	margin-left: 1%;
	font-weight: bold;
	font-style: italic;
}
#sec1 .case-box{
	border-bottom: #ccc dotted 2px;
	margin-bottom: 2%;
	padding-bottom: 1%;
}
#sec1 .thumbNailWrap,#sec1 .case_comment{
	display: inline-block;
	vertical-align: middle;
}

#sec1 .title a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: #ffff33;
	padding: 1%;
	box-sizing: border-box;
	margin: 1% 0;
	color: #000;
}
#sec1.newsdetailbox .tolist{
	margin-top: 10%;
	text-align: center;
}
#sec1 a:hover{
	opacity: 0.8!important;
}
/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:980px) {
body {
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
}
.headerWP,.contactBox {
	width: 100%;
}
nav ul {
	width: 100%;
}
#contents {
	width: 100%;
	max-width: 100%;
}
.indexPrct {
	letter-spacing: 4px;
}
.prctBox {
	width: 49.2%;
}
.prctBox img {
	width: 100%;
}
/* トップナビ */
	.topNavi {
	margin-right: 0;
}
.topNaviColumn {
	display: block;
	box-sizing: border-box;
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}
.topNaviCon h2 {
	font-size: 16px;
}
.topNaviCon p {
	line-height: 1.2;
	font-size: 16px;
}
.hot_contact {
	float: right;
	text-decoration: none;
	font-size: 14px;
}
.hot_contact:after {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-left: 3px;
}
.hot_contact:hover {
	font-weight: bold;
	color: #000;
}
/* お問い合わせフォーム */
	.mailform dl dt {
	width: 250px !important;
}
.mailform {
	max-width: 100%;
}


/* product ページ */
.products .column {
	background: #D61300;
	color: #FFFFFF;
	padding: 1px 5px;
	font-weight: bold;
	border-bottom: 4px double #FFFFFF;
	border-left: none;
	margin: 20px 0 10px 0;
}
.products .aksen{
	margin: 20px 0 10px 0;
	padding: 2px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 3px solid #ff3200;
}



	.products #main h4 {
	margin-bottom: 0.25em;
	font-size: 18px;
	color: #D61300;
	font-weight: bold;
}
.products #main h4:before {
	content: "\f06d";
	font-family: FontAwesome;
	margin-right: 5px;
}
.products #main dl {
	height: auto;
	box-sizing: border-box;
	margin: 10px 0 20px 0;
	padding: 0;
	letter-spacing: -.4em;
	border: 1px solid #CCCCCC;
}
.products #main dl.mbmin{
	margin: 10px 0 10px 0!important;
	}
.products #main dt {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	font-size: 16px;
	letter-spacing: normal;
	background-color: #EFEAE6;
	color: #572C00;
	font-weight: bold;
}
.products #main dd {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 64px;
	font-size: 16px;
	letter-spacing: normal;
	color: #333333;
	display: block;
}
.products #main dd.pnum {
	width: 100%;
	line-height: 1.5;
	font-weight: bold;
}
.products #main dd.price {
	width: 100%;
	line-height: 1.5;
	font-weight: bold;
}
.products #main dd span.p1 {
	font-weight: bold;
}
.products #main dd span.p2,.products table.prota td.p2 .p2in {
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	color: #ff3200;
}
.products #main dd span.tax {
	font-size: 12px;
}
.products #main dd span.tax2 {
	font-size: 12px;
	color: #ff3200;
}
.products #main .stnogyo{
	max-width: 200px;
}

}
@media screen and (max-width:950px) {
.contact_tel{
	font-size: 1.7vw;
}
.contact_web{
	font-size: 2.2vw;

}
}
/*==============================================================
 *  スマートフォン向けデザイン　767以下
 =============================================================*/
@media screen and (max-width:767px) {
body {
	font-size: 16px;
}
h1 {
	margin-bottom: 0;
	font-size: 13px;
}
.contact {
	margin:10px 0;
}
#main {
	float: none;
	width: 100%;
}
#sub {
	float: none;
	width: 100%;
}
.bnr ul {
	overflow: hidden;
	margin-right: -2%;
}
.bnr li {
	float:left;
	width:47%;
	margin:0 2% 2% 0;
	font-size: 18px;
}
/* ヘッダー */

.headerWP{
	flex-wrap: wrap;
	justify-content: center;
}
.headlogo{
	width: 80%;
	margin-bottom: 5%;
}
.contactBox{
	justify-content: center;
	flex-wrap: wrap;
}
.contact_tel{
	font-size: 2.2vw;
}
.contact_web{
	font-size: 2.7vw;

}
.headcontactweb{
	display: block;
}
.headcontactweb,.headcontacttel{
	width: 100%;
	margin-bottom: 2%;
}

.sp {
	display: block;
}
/* グローバルナビ */
	nav {
	display: block;
	position: relative;
	width: 100%;
}
nav h3 {
	cursor: pointer;
	margin-bottom: 0;
	color: #fff;
	background: #D61300;
	border: none;
}
nav h3:after {
	position: absolute;
	content: "\0025bc";
	top: 3px;
	right: 5px;
}
nav h3.menuOpen:after {
	position: absolute;
	content: "\0025b2";
	top: 3px;
	right: 5px;
}
nav ul {
	width:100%;
}
nav li {
	width: 33.33%;
	margin: 0;
	padding: 0;
	list-style: none;
}
nav li:first-child a {
	width: 100%;
}
nav li a {
	display: block;
	width: 100%;
	border-bottom: 1px dotted #ddd;
	text-decoration: none;
}
/* トップナビ */
	.topNavi {
	margin-right:0;
}
.topNaviColumn {
	display: block;
	box-sizing: border-box;
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
}
.topNaviCon h2 {
	font-size: 16px;
}
.topNaviCon p {
	line-height: 1.2;
	font-size: 16px;
}
.hot_contact {
	float: right;
	text-decoration: none;
	font-size: 16px;
}
.hot_contact:after {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-left: 3px;
}
.hot_contact:hover {
	font-weight: bold;
	color: #000;
}

#main div.fb-page {
	float: none;
	width: 100%;
	margin-bottom: 2%;
}
#main .fbyoko {
	float: none;
	width: 100%;
	text-align: center;
}
.prctBox {
	width: 48%;
}
/* サイドバー */


/* サイドエリア */
	#sub p.area {
	font-size: 11px;
}

/* contact */
	#main_contact .mailform {
	font-size: 12px;
}
/*お問い合わせフォーム*/
.mailform {
	width: 100% !important;
	max-width: 100%;
	display: block;
}
.mailform {
	display: block;
}
.mailform dl dt, .mailform dt dd {
	display: block;
	width: 100% !important;
	max-width: 100%;
	text-align: left !important;
}
.mailform dl dt {
	padding: 1% 0 !important;
}
.mailform dl dd {
	padding: 1% 0 !important;
}
textarea.mfp {
	max-width: 95%;
}
/*table.mailform input, table.mailform textarea {
	font-size: 1.2em;
	width: 95% !important;
	padding: 10px;
}
table.mailform input[type="checkbox"]{
	width:inherit!important;
	display: inline;
}
table.mailform input#send_confirm {
	width: 5% !important;
}*/
.mailform dd{
	display :block;
}
.mailform dd input[type="text"]{
	display: block;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.ft120 {
	font-size: 120%;
}
div#confirmBody {
	width: 100% !important;
	left: 0 !important;
}
div#confirmWindow {
	height: 100% !important;
}
table.infield {
	width: 90% !important;
	display: block;
	border: none;
}
ul.confirm_layer li {
	width: 100% !important;
}
ul.confirm_layer {
	width: 100% !important;
}
li.confirm_middle {
	background: none !important;
}
li.confirm_top {
	background: none !important;
}
ul.confirm_layer li {
	background: none !important;
}
table.infield tr th {
	width: 96% !important;
	display: block;
	text-align: left !important;
	border-bottom: none !important;
}
table.infield tr td {
	width: 96% !important;
	display: block;
	border-bottom: none !important;
}
table.infield tr {
	width: 100% !important;
	display: block;
}
table.infield tr:nth-child(even) td {
	background: #f5f5f5;
}
/* greeting */
	.greeting_main {
	font-size: 12px;
}
.greeting .gsagyo{
	width: 90%;
}
.greeting .gsagyo th{
	width: 65%;
}
.greeting .gsagyo td{
	width: 35%;
}



/* flow */
	.flow_main {
}
.flow h4 {
	width: 100%;
	margin-bottom: 10px;
}
.flow {
	font-size: 12px;
}

/*products*/

.products #main .proshoboxea{
	width: 100%;
	margin-bottom: 5%;
}

/* voice */
	.voice_main {
	font-size: 12px;
}

/*.products #main .sholisbox{
	flex-wrap: wrap;
}
.products #main .sholisst {
    border-left: 1px solid #000;
}*/
.products #main .sholisbox{
	font-size: 12px;
}


/* footer */
	.copyright {
	font-size: 12px;
}

}
/*エラーコード*/
.errorcode table td {
	border-bottom: #CCC dashed 1px;
}
.errorcode table td:first-child {
	text-align:center;
}

/*==============================================================
 *  スマートフォン向けデザイン　480px以下 iPhone6縦等
 =============================================================*/
@media (max-width: 480px) {
body {
	font-size: 16px;
}
.contactBox{
	flex-wrap: wrap;
	width: 95%;
}
.headlogo{
	width: 100%;
}
.contact_web,.contact_tel{
	width: 100%;
	margin-bottom: 2%;
}
.contact_tel{
	font-size: 3.5vw;
}
.contact_web{
	font-size: 4.3vw;

}
.prctBox img {
	width: inherit;
}
ul.contact_banner li {
	float: none;
	width: 370px;
	max-width: 100%;
	margin: 0 auto;
}
ul.contact_banner li + li {
	margin: 10px auto 0;
}
/*お問い合わせ*/
	input.mfp {
	max-width: 95%;
}
/* トップナビ */
	.topNavi {
	margin-right:0;
}
.topNaviColumn {
	display:block;
	box-sizing:border-box;
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:10px;
}
.topNaviCon h2 {
	font-size: 16px;
}
.topNaviCon p {
	line-height: 1.2;
	font-size: 16px;
}
.hot_contact {
	float: right;
	text-decoration: none;
	font-size: 16px;
}
.hot_contact:after {
	content: "\f0a9";
	font-family: FontAwesome;
	margin-left: 3px;
}
.hot_contact:hover {
	font-weight: bold;
	color: #000;
}
/* トップページ */
	.prctBox {
	text-align: center;
	width: 100%;
}
/* サイドバー */
	#sub .bnr li {
	font-size: 14px;
}
#sub p.area {
	font-size: 14px;
}
#sub p.area span {
	font-size: 15px;
}
/* contact */
	#main_contact .form {
	font-size: 15px;
}
/* product ページ */
	.products #main h4 {
	margin-bottom: 0.25em;
	font-size: 18px;
	color: #ff3200;
	font-weight: bold;
}
.products #main h4:before {
	content: "\f06d";
	font-family: FontAwesome;
	margin-right: 5px;
}
.products #main dl {
	height: auto;
	box-sizing: border-box;
	margin: 10px 0 20px 0;
	padding: 0;
	letter-spacing: -.4em;
	border: 1px solid #CCCCCC;
}
.products #main dl.mbmin{
	margin: 10px 0 10px 0!important;
	}

.products #main dt {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	font-size: 16px;
	letter-spacing: normal;
	background-color: #EFEAE6;
	color: #572C00;
	font-weight: bold;
}
.products #main dd {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 64px;
	font-size: 16px;
	letter-spacing: normal;
	color: #333333;
	display: block;
}
.products #main dd.pnum {
	width: 100%;
	line-height: 1.5;
	font-weight: bold;
}
.products #main dd.price {
	width: 100%;
	line-height: 1.5;
	font-weight: bold;
}
.products #main dd span.p1 {
	font-weight: bold;
}
.products #main dd span.p2,.products table.prota td.p2 .p2in {
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	color: #ff3200;
}
.products #main dd span.tax {
	font-size: 12px;
}
.products #main dd span.tax2 {
	font-size: 12px;
	color: #ff3200;
}
/* greeting */
	.greeting_main {
	font-size: 15px;
}
.greeting .ggzkboxin{
	width: 100%;
}

/* flow */
	.flow_main {
}
.flow {
	font-size: 15px;
}
.flow h4 {
	width: 100%;
	margin-bottom: 10px;
}
/* voice */
	.voice_main {
	font-size: 15px;
}
}
 @media (max-width: 320px) {
div.buttons input {
	display: inline-block;
	width: 47.905%;
}
/* product ページ */
	.products #main h4 {
	margin-bottom: 0.25em;
	font-size: 18px;
	color: #D61300;
	font-weight: bold;
}
.products #main h4:before {
	content: "\f06d";
	font-family: FontAwesome;
	margin-right: 5px;
}
.products #main dl {
	height: auto;
	box-sizing: border-box;
	margin: 10px 0 20px 0;
	padding: 0;
	letter-spacing: -.4em;
	border: 1px solid #CCCCCC;
}
.products #main dl.mbmin{
	margin: 10px 0 10px 0!important;
	}

.products #main dt {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	font-size: 16px;
	letter-spacing: normal;
	background-color: #EFEAE6;
	color: #572C00;
	font-weight: bold;
}
.products #main dd {
	text-align: center;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 64px;
	font-size: 16px;
	letter-spacing: normal;
	color: #333333;
	display: block;
}
.products #main dd.pnum {
	width: 100%;
	line-height: 1.5;
	font-weight: bold;
}
.products #main dd.price {
	width: 100%;
	line-height: 1.5;
	font-weight: bold;
}
.products #main dd span.p1 {
	font-weight: bold;
}
.products #main dd span.p2,.products table.prota td.p2 .p2in {
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	color: #ff3200;
}
.products #main dd span.tax {
	font-size: 12px;
}
.products #main dd span.tax2 {
	font-size: 12px;
	color: #D61300;
}
}

@media (max-width: 270px) {
.products #main .stnogyo{
	display: none;
}
}