@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------
　
　PC用設定

--------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------
　表示設定（PC用）
----------------------------------------------------*/
.sp{display:none !important;}
.pc{display:block !important;}

.inner{
	width:1000px;
	height:auto;
	margin:0 auto;
}
img{
	max-width: 100%;
	height: auto;
}

/*----------------------------------------------------
　全ページ設定
----------------------------------------------------*/

/*----　ヘッダー　----*/
header{
	padding-top: 8px;
	z-index:999;
	position:relative;
		height:144px;
	width: 1100px;
	margin: 0 auto;
}
header .inner{
	width:1050px;
}
header h1{
	font-weight: normal;
	padding-left: 8px;
	font-size: 12px;
}
header.h{
	border-bottom:solid #333 5px;
}
header .logo{
	/*
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -165px;
	*/
	float:left;
	width:200px;
	padding:20px 0 20px;
}
header .logo img{
	width:100%;
	height:auto;
}

/*----　メインナビ　----*/
nav{
	z-index:9999;
	padding: 40px 0 20px;
	float:right;
	/*width:800px*/
}
nav li{
	float:left;
	text-align: center;
	font-size: 11px;
}
nav li:nth-child(1){margin: 0 30px 0 0;}
nav li:nth-child(2){margin: 0 30px 0 0; letter-spacing: -1px;}
nav li:nth-child(3){margin: 0 30px 0 0;}
nav li:nth-child(4){margin: 0 30px 0 0;}
nav li:nth-child(5){margin: 0 30px 0 0;}
nav li:nth-child(6){margin: 0 30px 0 0;}
nav li:nth-child(7){margin: 0 30px 0 0;}
nav li:nth-child(8){margin: 0 0 0 0;}

nav li span{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
nav li a{
	display:block;
}
nav li a:hover{
	box-shadow:0 -10px 0 -4px rgba(231,40,40,0.6) inset;
	opacity: 1.0;
}

nav li.pulldown{
	position:relative;
}
nav li.pulldown ul.child{
	display:none;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-60px;
	z-index:1000;
	width:120px;
	background-color:#fff;
	text-align:center;
}
nav li.pulldown ul.child li{
	margin:0 !important;
	float:none;
}
nav li.pulldown ul.child li a{
	padding:10px;
	margin:0;
}

/*----　フッター　----*/
footer{
	background: url(../images/common/footeBg.png);
	padding: 20px 0;
	margin: 50px 0 0 0;
}
footer .footerTop .address{
	color:#Fff;
}
footer .footerTop .tel{
	background: url(../images/common/free_w.png) no-repeat left center;
	padding: 0 0 0 30px;
	font-size: 29px;
	font-weight: bold;
}
footer .footerTop .mail{
	background: url(../images/common/mail_w.png) no-repeat left center;
	padding: 0 0 0 30px;
	font-size: 24px;
	font-weight: bold;
}
footer .footerTop a{
	color: #FFFFFF;
}
footer .footerTop .sitemap{
	margin: 20px 0 0 0;
}
footer .footerTop .sitemap li{
	border-left: 1px solid #FFFFFF;
	float: left;
	width: 25%;
	text-align: center;
	font-size: 14px;
	margin: 0 0 5px;
}
footer .footerTop .sitemap li:nth-child(4),
footer .footerTop .sitemap li:last-child{
	border-right: 1px solid #FFFFFF;
}
footer .footerBottom{
	background-color: #FFFFFF;
	padding: 20px 20px 0 20px;
	margin: 20px auto 0 ;
	box-shadow: inset 2px 2px 10px 0 #777, inset -2px -2px 10px 0 #777;
	border-radius: 10px;
	font-size: 14px;
}
footer .footerBottom .title{
	font-weight: bold;
	font-size: 16px;
	padding: 0 0 10px;
}
footer .footerBottom .tx{
	padding: 0 0 20px;
}
.copy{
	padding:5px 0 5px;
	text-align:center;
	font-size:11px;
}

/*----　サイドバー　----*/
#sidebar{
	float:right;
	width:230px;
}
#sidebar .sideNav{
	margin: 0 0 30px;
}
#sidebar .sideNav li:first-child,
#sidebar .sideTop{
	padding:5px;
	font-size:14px;
	color: #FFFFFF;
	text-align:center;
	font-weight:bold;
	border-bottom:none !important;
	background-color: #633F35;
}
#sidebar .sideNav li{
	border-bottom:1px dotted #C1C1C1;
	font-size:12px;
	letter-spacing:-0.8px;
}
#sidebar .sideNav li a{
	color:#393838;
	padding:7px 30px 7px 10px;
	display:block;
	background:url(../images/common/arrow/t_arrow.png) no-repeat 95% center;
}
#sidebar .sideNav li a:hover{
	background-color:#E5E5E5;
}

#sidebar .sideContact{
	text-align: center;
	border-top: 5px solid #000000;
	padding: 20px;
}
#sidebar .sideContact .title{
	font-size: 24px;
}
#sidebar .sideContact .title span{
	display: block;
	font-size: 15px;
	font-weight: normal !important;
}
#sidebar .sideContact p{
	padding: 20px 0 0;
}
#sidebar .sideContactBottom{
	border-top: 1px solid #000000;
	border-bottom: 5px solid #000000;
	padding: 10px 0 10px 20px;
	background: url(../images/common/mailIcon.gif) no-repeat 40px center;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
}
#sidebar .sideContent{
	padding: 0 0 30px;
}
#sidebar .sideContent .button{
	margin: 20px 0;
}
#sidebar .sideContent .button a{
	background:url(../images/common/arrow/t_arrow.png) no-repeat 95% center;
	color: #000000;
}
#sidebar .sideContent .button a:hover{
	background:url(../images/common/arrow/w_arrow2.png) no-repeat 95% center,#000000;
	color: #FFF;
}
#sidebar .sideContent .title{
	background-color: #000000;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0;
	margin: 0 0 10px;
}
#sidebar .sideContent li{
	position: relative;
	height: 170px;
	margin: 0 0 10px;
	overflow: hidden;
}
#sidebar .sideContent　li .imgBox{
	position: relative;

}
#sidebar .sideContent .imgBox img{
	height: auto !important;
	width: 100% !important;
	max-width: none !important;
	position: absolute;
	top: 0;
	left: 0;
}
#sidebar .sideContent li .tx{
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../images/common/bg/blcakBg2.png);
	padding: 5px;
	font-size: 13px;
}
#sidebar .sideContent li .tx a{
	color: #FFFFFF;
}



/*----------------------------------------------------
　メインコンテンツ
----------------------------------------------------*/

/*----------------------------------------------------
　共通設定
----------------------------------------------------*/
#container{
}

/* コンテンツ */
#container #content{
	margin:40px auto 0;
	line-height:180%;
}
/* 区切り */
#container .section{
	clear:both;
	padding:0 0 40px;
}
#container .contentR{
	width:100%;
	margin: 0 0 20px;
}
#container .cation{
	border:2px solid #CD494B;
	color: #D8191D;
	padding:10px !important;
	margin:10px 0 20px;
}
#container .cation .title{
	font-size: 18px;
	background-color:#CD494B;
	color: #FFFFFF;
	padding: 10px;
	margin: 0 0 10px;
	font-weight: bold;
}
.page .content{
}

/* 見出し */
h2{
	width: 1100px;
    font-size: 20px;
    padding: 15px;
    margin: 0 auto 30px;
    line-height: 150%;
    color: #fff;
    background-color: #000;
}
h3{
	font-size: 20px;
	padding:0;
	margin: 0 0 40px;
	line-height: 180%;
}
h4{
	margin:0 0 20px;
	font-weight:bold;
	font-size:24px;
}
h5{
	margin:0 0 20px;
	color:#333;
	font-weight:bold;
	font-size:18px;
	padding:5px 5px 5px 5px;
	border-bottom: 1px dashed #878787;
}


/* メイン見出し */
.mainb{
	position:relative;
	background:url(../images/common/bg/blackBg.gif);
	height:200px;
	box-shadow:0px 3px 8px #737373;
}
.mainb .title{
	position:absolute;
	top:50%;
	left:50%;
	margin:-20px 0 0 -500px;
	color:#FFFFFF;
	font-size:42px;
	text-shadow:0px 0px 10px #424242,0px 0px 10px #424242,0px 0px 10px #424242;
	border: none !important;
	line-height: 100% !important ;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .mainb {
    background-attachment:local !important;
	  background-position: right !important;
  }
}


/* テキスト */
.brBox p span{
	display: block;
}

/*　テーブル　*/
#container table{
	border-collapse: separate;
	border-spacing:5px;
	width:100%;
	margin:0 0 20px;
}
#container table caption{
	text-align:center;
	background-color: #000000;
	color: #FFFFFF;
	padding:10px;
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px;
}
#container table caption span{
	font-size: 16px;
	display: block;
}
#container table th{
	padding:10px;
	width:30%;
	background-color: #DCDCDC;
	color: #333;
	font-size:15px;
	box-sizing:border-box;
}
#container table td{
	padding:5px 10px;
	font-size:14px;
	width:70%;
	background-color: #EDEDED;
	box-sizing:border-box;
}
#container table td p{
	padding:0 !important;
}

/*====================================
 TOP
=====================================*/
.is_sp {
	display: none;
}

/* メインビジュアル */
#slider {
  position:relative;
  margin:1px auto 0;
  box-sizing:border-box;
  padding:0;
}
.loading{
	position:absolute;
	top:50%;
	left:49%;
}
#carousel{
	display:none;
}
#carousel li {
  float: left;
  width:100%;
  text-align:center;
}
#carousel li img{
	width:auto;
	max-width: none;
}
#wrapper {
  width: 100%;
  overflow: hidden;
}
#wrapper,#carousel li {
	height:550px;
	position:relative;
}
.slideTx{
	display: none;
	position:absolute;
	top:50%;
	left:49%;
	z-index: 1;
	margin: -50px 0 0 -307px;
}

.top p{
	padding: 0 0 20px;
	font-size: 14px;
}
.topBox1 iframe{
	width: 100%;
	height: 220px;
	border: none;
}
.topBox1 h2{
	font-size: 20px;
	line-height:1.4;
	letter-spacing:.1em;
	margin:0 0 15px;
}
.topBox1 .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
  }
.topBox1 .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }
.topBox2 ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.topBox2 ul li{
	width: 49%;
}
.topBox2 ul li:nth-child(n + 3){
	margin-top: 40px;
}
.topBox2 ul li p{
	padding-left: 16px;
	position: relative;
}
.topBox2 ul li img{
	width: 100%;
}
.topBox2 ul li p:before{
	content: '';
	width: 3px;
	height: 25px;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.topBox3 li{
	text-align: center;
	width: 23%;
	margin: 0 1% 10px;
	float: left;
}
.topBox3 li p{
	line-height: 130%;
}
.topBox3 h2{
	font-weight: normal;
	font-size: 30px;
}
.topBox4{
	margin: 0 0 50px;
}
.topBox4 .col3_wrap {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.topBox4 .col3_wrap .col3_item {
	width: 30%;
}

.topBox4 li{
	border-bottom: 1px dotted #868686;
	padding: 10px 0;
	font-size: 18px;
}
.topBox4 li span{
	display: block;
	font-size: 14px;
	color: #575757;
}
.topBox4 .pageTitle .btn a{
	line-height: 150%;
	font-size: 14px;
	padding: 0 10px;
	background-color: #000000;
	color:#FFF;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.topBox4 .faqlist li span{
	font-weight: bold;
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 20px;
}

/*--------------------------------------
　共通
--------------------------------------*/

.redLine{box-shadow:0 -10px 0 -4px rgba(242,64,78,0.4) inset;}
.yellowLine{box-shadow:0 -10px 0 -4px rgba(255,255,0,0.4) inset;}

.pageTitle{
	position: relative;
	border-left: 8px solid #000000;
	border-bottom: none !important;
	padding: 0px 10px;
	font-size: 36px;
	margin: 0 0 40px 0px;
	line-height: 120%;
}
.pageTitle span{
	font-size: 24px;
}
.subTitle{
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 20px;
}
.subTitle2{
	font-size: 20px !important;
	font-weight: bold !important;
    background:url(../images/common/bg/blackBg.gif);
	color: #FFFFFF;
    padding: 10px !important;
    margin: 0 0 20px;
}
.subTitle3{
	border-left: 5px solid #FFBE00;
	font-size: 20px;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	margin: 0 0 20px;
}
.btnArea{
	margin: 0 0 50px;
	background: url(../images/common/bg/whiteBg.jpg);
	padding: 20px;
}
.btnArea .btn a{
	font-size: 24px;
	float: left;
	font-weight: bold;
	width: 48%;
	margin: 0 1%;
	padding:20px 3px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	border: solid 1px rgb(237, 177, 87);
	background:url(../images/common/arrow/w_arrow2.png) no-repeat 95% center, -moz-linear-gradient( 90deg, rgb(244,159,20) 0%, rgb(243,151,24) 31%, rgb(245,177,32) 70%, rgb(245,207,61) 100%);
	background:url(../images/common/arrow/w_arrow2.png) no-repeat 95% center, -webkit-linear-gradient( 90deg, rgb(244,159,20) 0%, rgb(243,151,24) 31%, rgb(245,177,32) 70%, rgb(245,207,61) 100%);
	background:url(../images/common/arrow/w_arrow2.png) no-repeat 95% center, -ms-linear-gradient( 90deg, rgb(244,159,20) 0%, rgb(243,151,24) 31%, rgb(245,177,32) 70%, rgb(245,207,61) 100%);
	box-shadow: inset 1.5px 2.598px 7px 0px rgba(230, 151, 30, 0.35),inset 1.5px 2.598px 7px 0px rgba(244, 189, 87, 0.35);
}
.btnArea.btn3 .btn a{
	width: 31.3%;
	font-size: 16px;
}
.btnArea.btn3{
	margin: 20px 0 0 0;
}
.grayBox{
	background-color: #E7E7E7;
	padding: 20px;
}
.liStyle li{
	background:url(../images/common/list.gif) no-repeat left 1px;
	padding: 0 0 10px 25px;
	line-height: 150%;
}
.liStyle2 li{
	background:url(../images/common/list.gif) no-repeat left 10px;
	padding: 0 0 10px 25px;
	line-height: 150%;
	font-weight: bold;
	font-size: 22px;
}
.tableBox{
	display: table;
	width: 100%;
	border: 1px solid #C5C5C5;
	border-collapse: collapse;
	margin: 0 0 20px;
	table-layout: fixed;
}
.tableBox .inBox{
	display: table-cell;
	text-align: center;
	border: 1px solid #C5C5C5;
}
.tableBox .inBox .inT{
	background-color: #E0E0E0;
	font-size: 20px;
	padding: 10px;
}
.tableBox .inBox .inB{
	padding: 10px;
}
.carClass{
	cursor: pointer;
	border: 3px solid #B9B9B9;
	padding: 10px 20px;
	margin: 20px auto;
	font-size: 18px;
	font-weight: bold;
	width: 50%;
	text-align: center;
	background:url(../images/common/arrow/t_arrow.png) no-repeat 95% center;
}
.carBox{
	display: none;
	text-align: center;
	padding: 30px 60px;
	margin: 0 0 20px;
	background-color:#E8E8E8
}
.carBox .title{
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 30px;
}
.carBox li{
	padding: 10px;
	border-bottom: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
	border-right: 1px solid #B3B3B3;
	background-color: #FFFFFF;
}
.carBox li:first-child{
	border-top: 1px solid #B3B3B3;
	background-color:#4B4B4B;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
.aco .chi{
	display: none;
}


/*--------------------------------------
　磨き
--------------------------------------*/
.polishBox{
	background: url(../images/common/bg/whiteBg.jpg);
	padding: 20px !important;
	font-size: 14px;
	margin: 0 0 20px;
}
.polishBox .title{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	padding: 0 0 10px;
}

/*--------------------------------------
　コーティング
--------------------------------------*/
.coating .contentR .coatingBox1 li{
	float: left;
	margin: 0 1% 30px 0;
	width: 32.33%;
	background: url(../images/common/footeBg.png);
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.coating .contentR .coatingBox2 .leftBox{
	float: left;
	width: 35%;
}
.coating .contentR .coatingBox2 .rightBox{
	float: right;
	width: 62%;
	font-size: 14px;
	line-height: 160%;
	margin: 0 0 20px;
}
.coating .contentR .coatingBox2 .inBox{
	padding: 0 0 30px 0;
}
.coating .contentR .coatingBox2 .title{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 30px 40px;
}
.coating .contentR .coatingBox2 .title span{
	position: absolute;
	top: -7px;
	left: 0;
	border-radius: 50%;
	background: url(../images/common/bg/blackBg.gif);
	color: #FFFFFF;
	width: 35px;
	height: 35px;
	padding: 7px 0 0 0;
	text-align: center;
	letter-spacing: -2px;
}
.coating .contentR .cation p{
	position: relative;
	padding: 5px 0 5px 20px;
	line-height: 150%;
}
.coating .contentR .cation p span{
	position: absolute;
	top: 5px;
	left: 0;
}
.coating .contentR .proBox2{
	border: 1px solid #E4E4E4;
	padding: 20px 20px 10px 20px;
	margin: 0 0 60px;
}
.coating .contentR .titleBox{
	position: relative;
	padding:0 0 10px 0;
}
.coating .contentR .iconBox{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	background: #000000;
	color: #FFFFFF;
	padding: 0px 10px;
	font-size: 14px;
}
.coating .contentR .titleBox .logoBox{
	width:28%;
	float: left;
	line-height: 0;
	min-height: 74px;
	padding: 0;
	text-align: center;
}
.coating .contentR .titleBox .logoBox .bimg{
	border: 1px solid #E4E4E4;
}
.coating .contentR .titleBox .title{
	float: right;
	width: 70%;
	font-size: 24px;
}
.coating .contentR .titleBox .title span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
	font-size: 16px;
	padding:5px 10px;
	margin: 10px 0 0 0;
	display: block;
	background: url(../images/common/bg/grayBg2.png);
}
.coating .contentR .coatingTable{
	table-layout: fixed !important;
}
.coating .contentR .coatingTable th{
	width: auto !important;
}
.coating .contentR .coatingTable td{
	width: auto !important;
	text-align: center !important;
}



/*--------------------------------------
　サイドメニュー
--------------------------------------*/
.sidemenu .contentR .pageTitle{
	font-size: 32px !important;
}
.sidemenu .contentR .sideTable{
	table-layout: fixed !important;
}
.sidemenu .contentR .sideTable th{
	width: auto !important;
}
.sidemenu .contentR .sideTable td{
	width: auto !important;
	text-align: center !important;
}
.sidemenu .contentR .lightBox{
	position: relative;
}
.sidemenu .contentR .lightBox .tx{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0 10px;
}
.sidemenu .contentR .lightBox .tx1{
	background: url(../images/content/titleBar1.png) no-repeat left top;
	background-size: 50%;
}
.sidemenu .contentR .lightBox .tx2{
	background: url(../images/content/titleBar2.png) no-repeat left top;
	background-size: 50%;
}

/*--------------------------------------
　車内クリーニング
--------------------------------------*/
.cleaning .content .sideTable{
	table-layout: fixed !important;
}
.cleaning .content .sideTable th{
	width: auto !important;
}
.cleaning .content .sideTable td{
	width: auto !important;
	text-align: center !important;
}
.cleaning .content .sideTable.mini td{
	line-height: 120%;
	height: 80px !important;
	vertical-align: middle;
	padding: 3px !important;
	font-size: 13px !important;
}
.cleaningTitle{
	font-size: 36px;
	text-align: center;
	padding: 20px 0 60px;
}
.cleaning .content .cleaningBox{
	padding: 0 0 20px;
}
.cleaning .content .cleaningBox .inBox{
	float: left;
	width: 23%;
	margin: 0 1%;
	font-size: 14px;
	line-height: 160%;
}
.cleaning .content .cleaningBox .inBox .imgBox{
	position: relative;
}
.cleaning .content .cleaningBox .inBox .imgBox p{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: -29px 0 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 180%;
}
.cleaning .content .cleaningBox .inBox .imgBox .bk{
	opacity: 0.8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 172px;
	background: url(../images/common/bg/blcakBg2.png);
}
.cleaning .content .cleaningBox2{
	background: url(../images/common/bg/grayBg.png);
	padding: 30px 30px 20px !important;
	margin: 0 0 50px;
}
.cleaning .content .cleaningBox2 .title{
	position: relative;
	font-weight: bold;
	padding: 20px 0 20px 180px;
	margin: 0 0 30px;
	background-color: #FFFFFF;
}
.cleaning .content .cleaningBox2 .title .logo{
	position: absolute;
	left: -50px;
	top: -30px;
	width: 200px;
	transform:rotate(-10deg);
}
.cleaning .content .cleaningBox2 .title2{
	color:#474747;
	font-size: 36px;
}
.cleaning .content .cleaningBox2 .inBox p{
	padding: 0 0 20px !important;
}
.cleaning .content .cleaningBox3{
	position: relative;
	margin: 0 0 10px;
}
.cleaning .content .price{
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
	font-weight: bold;
	font-size: 20px;
	padding: 20px 0 0 0;
}

/*--------------------------------------
　メンテナンス
--------------------------------------*/
.maintenance .qTx{
	padding: 10px;
	border: 1px solid #9A9A9A;
	background-color: #F0F0F0;
	font-size: 20px;
	margin: 0 0 5px;
}
.maintenance .qTx span{
	font-weight: bold;
	display: inline-block;
	margin: 0 0px 0 0;
	color: #FFA108;
}
.maintenance .aTx{
	padding:10px;
	margin: 0 0 20px;
}
.maintenance .aTx span{
	font-weight: bold;
	display: inline-block;
	margin: 0 0px 0 0;
	font-size: 20px;
}

/*--------------------------------------
　店舗情報
--------------------------------------*/
.aboutList{
	padding:0 0 20px 0;
}
.aboutList li{
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	width: 33.33%;
	padding: 10px 0;
	background: url(../images/content/aboutImg.gif) no-repeat center;
}
.about .contentR .maker{
	table-layout: fixed !important;
}
.about .contentR .maker th{
	width: auto !important;
	padding: 0 !important;
}
.about .contentR .maker td{
	width: auto !important;
	text-align: center;
	vertical-align:middle;
	padding: 10px !important;
	line-height: 0;
}



/*--------------------------------------
　よくある質問
--------------------------------------*/
.faq .contentR th{
	width: 30% !important;
	background: url(../images/content/qTx.png) no-repeat 10px center ,url(../images/common/bg/blackBg.gif) !important;
	color: #FFFFFF !important;
	text-align: left !important;
	padding: 10px 10px 10px 40px !important;
}
.faq .contentR td{
	width: 70% !important;
	background:url(../images/content/aTx.png) no-repeat 10px center , url(../images/common/footeBg.png) !important;
	color: #FFFFFF !important;
	padding: 10px 10px 10px 40px !important;
}




/*--------------------------------------
　施工事例
--------------------------------------*/
#slider2 {
  position:relative;
  margin:15px auto 0;
  box-sizing:border-box;
  padding:0;
}
#carousel2{
	display:none;
}
#carousel2 li {
  float: left;
  width:100%;
  text-align:center;
}
#carousel2 li img{
	width:100%;
	height:auto;
}
#wrapper2 {
  width: 100%;
  overflow: hidden;
}
#wrapper2,#carousel2 li {
	height:640px;
	overflow: hidden;
	position:relative;
}

.mainslide{
	background-size: cover;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .mainslide{
		background-size: cover !important;
		background-attachment:local !important;
	}
}
.mainslide a{
	opacity:1.0;
	display: block;
	width: 100%;
	height: 100%;
}
.mod_pager{
 margin:20px 0 20px 0;
 text-align:center;
 line-height:0;
}
.mod_pager a{
	position: relative;
	height:100px!important;
	width: 150px !important;
	 margin:0 5px 0 5px;
	 box-sizing:border-box;
	 display:inline-block;
	overflow: hidden;
}
.mod_pager div{
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	overflow: hidden;
	background-color: #434343;
	opacity: 0.7;
}
.mod_pager div img{
	width:auto !important;
	height:100% !important;
}
.mod_pager a.selected{
	box-sizing:border-box;
	background-image: none;
}
.mod_pager a.selected div{
	opacity: 0;
	-webkit-transition: 0.8s ease-in-out;
		-moz-transition: 0.8s ease-in-out;
		 -o-transition: 0.8s ease-in-out;
			transition: 0.8s ease-in-out;
}

.gallerylist .subTitle{
	background:#EFEFEF;
	padding: 10px !important;
	margin: 0 0 20px;
}


/*--------------------------------------
　リスト型一覧
--------------------------------------*/

.list .inBox{
	border-bottom:1px dotted #9C9C9C;
	padding:10px 0;
}
.list .inBox .img{
	width:30%;
	float:left;
}
.list .inBox .img img{
	width:100%;
	height:auto;
}
.list .inBox .box{
	padding: 10px 0;
	border-bottom: 1px dotted #C5C5C5;
}
.list .inBox .right{
	width:65%;
}
.list .inBox .right span{
	color:#FFFFFF;
	font-size:11px;
	padding:0;
	margin:0 10px 0 0;
	width:80px !important;
	text-align:center;
	display:inline-block !important;
	line-height:180%;
}
.list .inBox .right .subTitle2{
	margin:10px 0 20px 0 !important;
}
.list .inBox .right .data{
	word-break: break-all;
	font-size: 14px;
}

.BoxList .inBox{
	float: left;
	width: 31.33%;
	margin: 10px 1% 30px;
	position: relative;
}
.BoxList .inBox .title{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/common/bg/blcakBg2.png);
	color: #FFFFFF;
	padding: 5px;
}
.BoxList .inBox .img{
	overflow: hidden;
	height:230px;
	margin: 0 0 5px;
}
.BoxList .inBox .button a{
	color: #FFFFFF !important;
}
.BoxList .inBox .button a:hover{
	color: #000000 !important;
}
.cateBox{
	padding: 10px 0 6px;
	background-color: #E9E9E9;
	margin: 5px 0;
}
.cateBox .inBox a{
	display: block;
	float: left;
	width: 23%;
	margin: 0 1% 5px;
	padding: 10px;
	text-align: center;
	background: url(../images/common/bg/blueBg.png);
	color: #FFFFFF;
	font-weight: bold;
}


/*--------------------------------------
　post
--------------------------------------*/
.post .icon{
	margin:0 0 10px;
	display:block !important;
	color:#FFFFFF;
	line-height:120% !important;
	padding:3px 10px !important;
	font-size:12px !important;
	width:120px;
	text-align:center;
}
.timesp{
	text-align:right;
	padding:0 0 20px 0;
}
.post th,.post td{
	width:auto !important;
}
.post .inner2{
	position: relative;
}
.post .blog .icon{
	color:#FFFFFF;
	display:inline-block;
	padding:5px 10px;
	margin:0 10px 0 0;
	font-size:13px;
	line-height:120%;
}
.post h3{
	border-bottom: 1px solid #A8A8A8;
}
.post .txbox{
	padding:30px 0;
	min-height:200px;
}
.post .txbox .img{
	padding: 0 20px 20px 0;
	width: 45%;
}
.post .txbox p{
	padding: 0 0 20px;
}
.postlink{
	border-top:1px dotted #979797;
	padding:10px 0;
}


.sort{
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #989898;
}
.sort .left{
	width: 30%;
}
.sort .left li a{
	float: left;
	display: block;
	font-size: 12px;
	background-color: #AF0C0E;
	color:#FFF !important;
	padding: 0 10px;
	margin: 0 2px 0 0;
}
.sort .right{
	width: 30%;
	text-align: right;
}



/*--------------------------------------
　FORM　
--------------------------------------*/
.contactBox li{
	float: left;
	width: 25%;
	padding: 0 5px;
	margin: 0 auto 0px;
	background: url(../images/common/arrow/sideArrow.gif) no-repeat 95% 10px;
}
.contactBox li:last-child{
	background-image: none;
}
.contactBox li .title{
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	padding: 0 0 10px;
}
.contactBox li .title span{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 13px;
	margin: 0 5px 0 0;
	padding: 2px 10px;
}
.contactBox li .tx{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: -0.5px;
}
.contactBox2{
	background: url(../images/common/footeBg.png);
	padding: 30px;
	color: #FFFFFF;
	margin: 0 0 60px;
	text-align: center;
}
.contactBox2 .title{
	font-size: 30px;
	padding: 0 0 20px;
}
.contactBox2 .tx{
	text-decoration:underline;
	font-size: 18px;
	line-height: 180%;
}

.contactBox .inBox{
	padding: 0 50px;
}
.privacy{
	font-size: 13px;
	padding: 30px;
	border: 1px solid #B3B3B3;
	height: 300px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.privacy dt{
	font-size: 15px !important;
}

.contact .section{
	width:100% !important;
}
.contact th{
	text-align:left !important;
}
.contact .prBtn{
	text-align:center;
	background-color: #ECECEC;
	font-size:18px;
	padding:20px !important;
}
.contact .prBtn a{
	text-decoration:underline;
	color:#D82B2E;
}
.contact .hissu{
	float:right;
	position:relative;
	top:5px;
	right:0;
	display:inline-block;
	padding:0px 10px;
	line-height:150%;
	color:#FFF;
	font-size:13px;
	background-color: #BD0205;
	border-radius:5px;
}
.contact .hissu2{
	display:block;
	padding:0px 10px;
	line-height:150%;
	color:#FFF;
	font-size:13px;
	background-color: #BD0205;
	border-radius:5px;
}
.contact label{
	padding:0 20px 0 0;
	display:inline-block;
}
.contact input,
.contact select,
.contact textarea{
	padding:3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing: border-box;
}
.contact textarea{
	width: 90%;
}
.contact .w10{width:10% !important;}
.contact .w20{width:20% !important;}
.contact .w30{width:30% !important;}
.contact .w50{width:50% !important;}
.contact .w70{width:70% !important;}
.contact .w80{width:80% !important;}
.contact .btn{
	padding:20px 0 10px;
	text-align:center;
}

.contact .btn input{
	padding:10px;
	width:30%;
	border-radius:5px;
	color:#FFF;
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(237,68,72) 0%,rgb(195,17,18) 75%,rgb(202,30,32) 98%,rgb(202,30,32) 99%);
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(237,68,72)),color-stop(0.75, rgb(195,17,18)),color-stop(0.98, rgb(202,30,32)),color-stop(0.99, rgb(202,30,32)));
	background-image:-webkit-linear-gradient(-90deg,rgb(237,68,72) 0%,rgb(195,17,18) 75%,rgb(202,30,32) 98%,rgb(202,30,32) 99%);
	background-image:-o-linear-gradient(-90deg,rgb(237,68,72) 0%,rgb(195,17,18) 75%,rgb(202,30,32) 98%,rgb(202,30,32) 99%);
	background-image:-ms-linear-gradient(-90deg,rgb(237,68,72) 0%,rgb(195,17,18) 75%,rgb(202,30,32) 98%,rgb(202,30,32) 99%);
	background-image:linear-gradient(180deg,rgb(237,68,72) 0%,rgb(195,17,18) 75%,rgb(202,30,32) 98%,rgb(202,30,32) 99%);
}
.contact .btn input[type="submit"][disabled]{
	opacity:0.5;
}

.page_h3 {
    margin-bottom: 50px;
}
.page_h3 h3 {
    letter-spacing: 3px;
text-align: center;
    font-size: 32px;
    font-weight: bold;
}
.astron_content .g_mv01, .astron_content .g_mv02 {
    margin-bottom: 50px;
    background-color: #F2F2F2;
    padding: 20px 15px;
}
.astron_content .g_mv01 .as_title, .astron_content .g_mv02 .as_title {
    margin-bottom: 20px;
}
.astron_content .g_mv01 .as_title li:nth-child(1), .astron_content .g_mv02 .as_title li:nth-child(1) {
    padding-right: 10px;
}
.astron_content .g_mv01 .as_title li, .astron_content .g_mv02 .as_title li {
    display: inline-block;
    vertical-align: top;
}
.astron_content .g_mv01 .as_title li:nth-child(2), .astron_content .g_mv02 .as_title li:nth-child(2) {
    font-size: 22px;
    font-weight: bold;
    border-left: solid 2px #3d72a4;
    padding-left: 10px;
}
.astron_content .img_c{
	text-align: center;
	margin-bottom: 20px;
}
.coatinglineup h4 {
	font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    border-bottom: none;
}
@media screen and (min-width: 768px) {
	.pricelist {
		margin-bottom: 60px;
	}
	#container .coatingTable {
		border-collapse: separate;
		border-spacing: 5px;
		width: 100%;
		margin: 0 0 20px;
		table-layout: fixed !important;
	}
	#container .coatingTable th {
		background-color: #DCDCDC;
		color: #333;
	}
	#container .coatingTable th, #container .coatingTable td {
		padding: 10px;
		font-weight: bold;
		font-size: 15px;
		box-sizing: border-box;
		text-align: center;
	}
	#container .coatingTable th.blk {
		background-color: #000;
		color: #fff;
		font-size: 18px;
	}
	.col2_wrap:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden; }
  .col2_wrap .col2_item {
    width: 49%;
    float: left;
    margin-bottom: 15px; }
    .col2_wrap .col2_item:nth-child(2n) {
      float: right;
      margin-right: 0; }
    .col2_wrap .col2_item:nth-child(2n+1) {
      clear: left; }
}