@charset "utf-8";

/*---------------------------------------------
	body
  ---------------------------------------------*/
html { scroll-behavior: smooth; font-size: 62.5%;} /* 10px */
body { font-size: 1.6rem; color: #525261;line-height: 1.9;text-align: left;-webkit-text-size-adjust: 100%; } /* 16px */
p    { font-size: 1.6rem;} /* 16px */
img { width: 100%; height: auto; }

/*---------------------------------------------
 **  フォント
---------------------------------------------*/
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Georgia, serif;}


/*---------------------------------------------
 **  フッターナビ
---------------------------------------------*/
#footer #nav ul li ul{ display: none; }
/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/

/*---------------------------------------------
	Anchor
---------------------------------------------*/
a {	outline: none;}
a:link {text-decoration: none;color: #0059B2; text-decoration: underline;}
a:visited {text-decoration: none;color: #0059B2;}
a:hover {	color: color-mod(#0059B2 shade(50%)); text-decoration: none;}
a:active {	text-decoration: none;	color: #0059B2;}
a { -webkit-transition: all 0.3s;  transition: all 0.3s; }

/*---------------------------------------------
 ** common div
---------------------------------------------*/
#content	{ width:100%; clear:both;}



/*---------------------------------------------
	title
---------------------------------------------*/


/*---------------------------------------------
	p
---------------------------------------------*/
p {margin-bottom: 1em; }
p+a {margin-top: 1em !important ; }
p+div {margin-top: 1.5em !important ; }

/*---------------------------------------------
 ** padding
---------------------------------------------*/
.pLR_1em { padding-left: 1em; padding-right: 1em;}
.pptna{ padding:30px 45px 25px 45px  ;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mt30{margin-top: 20px !important;}
.m0a { margin: 0 auto; }
.mb0 { margin-bottom: 0 !important; }


/*---------------------------------------------
 ** float
---------------------------------------------*/

.fwb { font-weight: bold;}

/*---------------------------------------------
 **  色関係
---------------------------------------------*/
.btn_col_blue { background:#0059B2; }
.btn_col_red { background:#FF4D4D !important; }

.font_col_red  { color: #FF4C4C; }
.font_col_blue   { color: #0059B2; }
.font_col_black   { color: #000!important; }

.bgc_gray {background: #F6F6F6;padding: 50px 0 24px !important;margin-bottom: 30px;}

.bg_gray { background: #F6F6F6; }
/*---------------------------------------------
 ** ON OFF hover
---------------------------------------------*/
.hover {-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/*---------------------------------------------
 **  画像角丸
---------------------------------------------*/
/* img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} */

/*---------------------------------------------
 **  ページトップ
---------------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 999;
}
 
#pageTop a {
  display: block;
  padding: 5px 3px 0px 3px;
  border-radius: 30px;
  background-color: #02529C;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: url(../img/common/page_top.png) no-repeat;
  background-size:100%;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*---------------------------------------------
 **   text-align
---------------------------------------------*/
.ter{ text-align:right;}
.tac{ text-align: center;}

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


 **  position
---------------------------------------------*/
.por{position: relative;}

/*---------------------------------------------
 ** display
---------------------------------------------*/
.db{ display: block !important; }

/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol{ 
   padding:0;
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size:80%;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}

/*---------------------------------------------
 **  見出し色
---------------------------------------------*/
.h2_cblue{ color:#4C8BBF;}
.c_lblue { background-color: #00D9D9;}
.c_orabge { background-color: #FF9326;}
.c_gray { background-color: #535362;}
.c_lgreen { background-color: #A3D900;}

/*---------------------------------------------
 **  ボタン
---------------------------------------------*/
.bt_01_ful_w{width:100%;padding-left: 0 !important;padding-right: 0 !important;}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 見出し
---------------------------------------------*/
h2,h3 { font-family:"Mplus 1p"; }
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2       {font-size: 3.4rem; line-height: 1.5;  margin-bottom :1.8rem;}
h2 span  {font-size: 1.2rem; color:#858585;  display:block; letter-spacing:5px; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;}
/* テキストスプライトのベース */
.ts_bace {  text-indent:100%; white-space:nowrap; overflow:hidden; margin-right: auto; margin-left: auto; }

.top_p_01          { background: url(../img/titile/h2_top_01.jpg) 0 0 no-repeat; background-size: 100%;}
.top_h2_01         { background: url(../img/titile/h2_top_coating_01.jpg) 0 0 no-repeat; background-size: 100%;}
.top_h2_02         { background: url(../img/titile/h2_top_repair_01.jpg) 0 0 no-repeat; background-size: 100%;}
.h2_top_works_01   { background: url( ../img/titile/h2_top_orners_01.jpg) 0 0 no-repeat; background-size: 100%; }

.nbr_bace:before{ display:inline-block; padding:0px 12px; text-shadow:none; color:#FFF; font-size:30px;margin-right:0.6em; } 
.nbr_col_red:before { background: #FF4C4C; }
.nbr_col_blue:before { background: #0059B2; }
.nbr_1:before {content: '01';}
.nbr_2:before {content: '02';}
.nbr_3:before {content: '03';}
.nbr_4:before {content: '04';}
.nbr_5:before {content: '05';}
.nbr_6:before {content: '06';}
.nbr_7:before {content: '07';}

.repair_item ruby rt { display:none;  }



/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ margin-bottom:1.5rem; }


/*---------------------------------------------
 ** コンテンツ全体
---------------------------------------------*/
#content{
   width:100%;
}
#main{ 
   width:100%;
   margin:0 auto;
   padding:inherit;
}   

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{width: 100%; }

.header_wrapper { background:#352515;}
.header_inner {}

/* ロゴ */
#logo {}
#logo a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(../img/common/logo.png) no-repeat;
	background-size: 100%;
	z-index: 9;
	position: relative;
}






/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
#top .main_img{ display:none;}
#contact .top_main_img{ display: none;}
#yoyaku .top_main_img{ display: none;}
.main_img {width:100%;background: url( ../img/common/main_img.png) 0 0 no-repeat;position:relative;background-size: cover;text-align:center;}


.top_main_img{width: 100%;/* height: 500px; */background: url( ../img/common/top_main_img.png) 0 0 no-repeat;background-size:100%;}
/*.main_inner{ width: calc((551px)/2); height: calc((234px)/2); background: url( ../img/common/open.png) 0 0 no-repeat; background-size:100%; text-indent:100%; white-space:nowrap; overflow:hidden; }*/
.main_inner { display: none;}
.header_inner  {width:100% !important; padding:25px 0 27px; margin: 0 !important;}

.main_h1{text-align:center;font-size:24px;padding: 52px 0 57px;position:relative;font-weight:  bold;color: #342514; border-bottom:3px solid #342514;}
.main_h1:after{width: 47px; height: 4px; position: absolute; top: 105px; left: 0px; right:0; margin:0 auto; background: #342514; content: ''; }





/*---------------------------------------------
 ** フッター記述
---------------------------------------------*/
#footer{
	clear:both;
	position: relative;
	border-top:2px solid #352515;
	padding: 30px 0 0 0;
}
/* footerロゴ */
#footer #logo {
   margin: 0 auto 25px;
   position:relative;
   top:0;
}
.footer_wrapper{
	padding: 0 0 0px;
	padding: 40px 0 80px 0;
}
/* フッターインナー */
.footer_inner{
   width: 100%;
   margin: 0 auto;
   position:relative;
   padding: 0 0 0 0;
}

/* フッター左 */
.footer_add_wrapper { border-top: 1px solid #CDCDCD; }
.footer_add { width: 100%;  border-bottom: 1px solid #CDCDCD;  padding:12px 0; }
.footer_add dt { font-size:2.0rem; position:relative; color:#0059B2;  }
.footer_add dt:after{width: 100px; height: 6px; position: absolute; bottom: 3px; left: 0px; right: 0px; margin:0 auto; background: #0059B2; content: ''; }
.footer_add dd span {font-size: 1.9rem;}


/* コピーライト */
#copyright	{
   font-size: 0.8em;
   width: 100%;
   text-align:center;
   letter-spacing: 3px;
   padding: 14px 0 11px;
   background: #352515;
   color:  #FFF;
}


/*=================================================================================================================================*/
/**  新規会員メンバー募集	*/
/*=================================================================================================================================*/

.mbr_img{width: 75%; margin-bottom: 20px;}
.news_open:after{width: 57px;height: 57px;position: absolute;top: -17px;left: 9px;background: url( ../img/common/new.png) no-repeat;content: '';background-size: 100%;}
.bd_bace { border: 2px solid; padding: 1em 1em;}
.bd_yellow { border-color: #ECAC15;}


.h2_menber{ color: #FFF; padding: 6px 5% 7px; background: #342514; font-size: 23px;}


.h3_mnber { background:#ECAE1A; color:#000; font-size:24px;}

.mener_form {background: #FFF;margin:2% 3%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding: 10px 0;}

.tyusyaku {display:inline;  }
.fz14 { font-size:12px !important; margin-right:0.4em;  }



.footer_img_01 {width:94%;margin-bottom: 23px;}
.footer_img_02 { width:90%; margin:0 auto 20px; display:block; }
.footer_img_03 { width:90%;  margin:0 auto 20px;}


.touroku{ width: 90%;
  margin: 0 auto;
  display: block;}
  
  
  
.buy_y input{ width:3.5em; margin-right:0.3em; }
.buy_y input:nth-of-type(2){ width:2.0em; margin-right:0.3em; }