@charset "UTF-8";






.post h2,
.post h2 span,
.post h3,
.post h3 span,
.entry-title,
.post .entry-title {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}




	/*アコーディオンメニュー追加ボタン2*/
	#s-navi dt.trigger .op-st2 {
		max-width:80%;
	}



/*media Queries タブレットサイズ（959px以下）
----------------------------------------------------*/
@media only screen and (max-width: 959px) {

	

/*-- スマホ用 --*/

body{
background-color:#FFF;
}

#header-txt{width:100%; padding:5px; margin:0 auto;
background-color:#000;
text-align:center;
color:#FFF;
font-size:1em;}

#headerbox{
display:none;}

#top-contents{
font-size:1em;
width:100%;}

#top-contents h2{
padding:2px;
background-color:#000;
color:#FFF;
font-size:1em;
font-weight:bold;
margin: 10px 0;
}

.red {color: #F00;}


.tel {
text-align:center;
width:100%;
}

#topbrand{
padding-top:2em;
width:100%;
border:#CCC solid 1px;
text-align:center;
}

#brand-list ul{
width:100%;
padding:0px;
margin:0px;
}

#brand-list ul li{
width:50%;
float:left;
display: inline;
padding: 0px;
text-align:center;
font-size:0.5em;
}


table.topjirei{
	border:none;
padding:0px;
margin:0px;
} 

table.topjirei td{
	border:none;
padding:0px;
margin:0px;
} 


table.topjirei2{
width:66%;
border:none;
padding:0px;
margin: 0px auto;
} 

table.topjirei2 td{
border:none;
padding:0px;
margin:0px;
} 

#side-contact{
background-image: url(../../uploads/2018/01/side-contact-bg.jpg);
width:90%;
padding:5%;
}

#side-contact-in{
background-color:#FFFFFF;
padding:2%;
}

#side-contact-in h4{
color:#990000;
font-size:2em!important;
}

#side-contact-in p{
margin:0px;
padding:0px;
}

#side-contact-in li{
background-image: url(../../uploads/2018/01/side-contact-phone.jpg);
background-position:left middle;
background-repeat:no-repeat;
padding-left:20px!important;
font-weight:bold;
font-size:20px!important;
}


#flow-page{
}

#flow-page p{
padding-left:20px;
line-height:180%;}

#flow-page span{
font-size:34px;}

#flow-page table{
border:none;
padding:0px;
margin:0px;
width:690px;}

#flow-page table td{
border:none;
padding:0px;
margin:0px;}

.FixTable{    width: 100%;
    table-layout: fixed;
    word-break: break-word;}


.qanda-q{
border-bottom:dotted 1px #5555;
padding-left:30px;
font-weight:bold;
line-height:150%;
background: url(../../uploads/2017/11/qanda-q.jpg) no-repeat 0 0;
margin:20px;
}

.qanda-a{padding-bottom:15px;
padding-left:30px;
background: url(../../uploads/2017/11/qanda-a.jpg) no-repeat 0 0;
margin:20px;}

}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {



	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media only screen and (min-width: 960px) {

	/*--------------------------------
	全体のサイズ
	---------------------------------*/

	
	#st-menuwide, /*メニュー*/
	nav.smanone,
	nav.st5,
	#st-menuwide div.menu,
	#st-menuwide nav.menu,
	#st-header, /*ヘッダー*/
	#content, /*コンテンツ*/
	#footer-in /*フッター*/
	 { 
		max-width:960px;
	}

	#headbox
	 { 
		max-width:940px;
	}


	/*--------------------------------
	PCのレイアウト（左サイドバー）
	---------------------------------*/

body {
	background-color: #ffff;
}


.fr {
    float: right;
width:470px;
}

.fl {
    float: left;
width:220px;
}

.pl10 {
    padding-left: 10px;
}

.tel {
    width: 710px;
    height: 65px;
    position: relative;
    background: url(../../uploads/2017/11/bg_tel.jpg) no-repeat;
}
.tel img {
    position: absolute;
    top: 7px;
    left: 370px;
}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.red {
    color: #F00;
}


#top-contents{}
#top-contents h2{
width:670px;
height:32px;
background: url(../../uploads/2017/11/repairchair-topic.jpg) no-repeat;
color:#FFF;
margin-top:0px!Important;
}

table.topjirei{
	border:none;
padding:0px;
margin:0px;
} 

table.topjirei td{
	border:none;
padding:0px;
margin:0px;
} 

table.topjirei2{
width:66%;
border:none;
padding:0px;
margin: 0px auto;
} 

table.topjirei2 td{
border:none;
padding:0px;
margin:0px;
} 

.re-repair{
font-size:24px;
}

.n-entry{
width:670px;
height:38px;
    background: url(../../uploads/2017/11/repairchair-topic.jpg) no-repeat;
color:#FFF;
font-size: 22px;
line-height: 32px;
padding-top:12px;
padding-left:20px;
}

#st-page .entry-title{
    background: url(../../uploads/2017/12/h1-topic.jpg) no-repeat;
}


.entry-content h2{
padding:0px;
margin:0px;}

.f16 {
    font-size: 122%;
}

.bold {
    font-weight: bold;
}


	#contentInner {
		float: right;
		width: 100%;
		margin-left: -250px;
	}

	main {
		margin-right: 0px;
		margin-left: 250px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		padding: 0px;
	}

	#side aside {
		float: left;
		width: 230px;
		padding: 0px;
	}



#side-contents{
width:100%;
}

#side-contents img{
width:100%;
}

#side aside h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#side-contact{
width:222px;
height:190px;
background-image: url(../../uploads/2018/01/side-contact-bg.jpg);
padding:4px!important;
}

#side-contact-in{
background-color:#FFFFFF;
padding:15px!important;
height:160px;
}

#side-contact-in h4{
color:#990000;
font-size:20px!important;
margin-bottom:5px;
}

#side-contact-in p{
margin:0px;
padding:0px;
font-size:13px;
}

#side-contact-in li{
background-image: url(../../uploads/2018/01/side-contact-phone.jpg);
background-position:left middle;
background-repeat:no-repeat;
padding-left:20px!important;
font-weight:bold;
font-size:20px!important;
}


#mame a {
display: block;
position: relative;
padding: 10px 10px 10px 25px;
border-bottom: 1px solid #D9D9D6;
background: #FFF;
color: #000;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

#mame a:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #000;
border-right: solid 2px #000;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}


#topbrand{
padding-top:2em;
width:100%;
border:#CCC solid 1px;
text-align:center;
}

#brand-list ul{
width:100%;
padding:0px;
margin:0px;
}

#brand-list ul li{
width:25%;
float:left;
display: inline;
padding: 0px;
text-align:center;
font-size:0.5em;
}

table.designer{
	width:100%;
	border:#CCC solid 1px;
	text-align:center;
}

table.designer th{
	padding:30px 0 20px;
	text-align:center;
}

table.designer td{
	width:25%;
	padding:0 0 30px;
	text-align:center;
}

.company {
    width: 710px;
    height: 510px;
    position: relative;
    background: url(../../uploads/2017/11/bg_company.jpg) no-repeat;
}


.company p {
    position: absolute;
    top: 355px;
    left: 175px;
}


#headerbox{width: 960px; margin:0 auto;height:54px;}
#headerbox .inq {float:right;}
#headerbox ul{width:704px; height:40px;float:left; padding-top:10px;}
#headerbox li{float:left;display: inline-block;}

#header-r .head-telno {
    text-align: right;
}

#reception-time{
font-size: 12px;
    float: right;
    padding-top: 10px;
}

.menutop a {
  display: block;
  width: 104px;
  height: 40px;
  background: url(../../uploads/2018/01/gnavi_top.jpg) no-repeat 0 0;
}
.menutop a:hover {
  background-position: 0 bottom;
}


.menuprice a {
  display: block;
  width: 114px;
  height: 40px;
  background: url(../../uploads/2018/01/gnavi_price.jpg) no-repeat 0 0;
}
.menuprice a:hover {
  background-position: 0 bottom;
}

.menuflow a {
  display: block;
  width: 129px;
  height: 40px;
  background: url(../../uploads/2018/01/gnavi_flow.jpg) no-repeat 0 0;
}
.menuflow a:hover {
  background-position: 0 bottom;
}

.menuex a {
  display: block;
  width: 119px;
  height: 40px;
  background: url(../../uploads/2018/01/gnavi_example.jpg) no-repeat 0 0;
}
.menuex a:hover {
  background-position: 0 bottom;
}

.menucompany a {
  display: block;
  width: 109px;
  height: 40px;
  background: url(../../uploads/2018/01/gnavi_company.jpg) no-repeat 0 0;
}
.menucompany a:hover {
  background-position: 0 bottom;
}

.menuqanda a {
  display: block;
  width: 129px;
  height: 40px;
  background: url(../../uploads/2018/01/gnavi_qanda.jpg) no-repeat 0 0;
}
.menuqanda a:hover {
  background-position: 0 bottom;
}

.inq {
  width: 243px;
  height: 54px;
}

.sitename{width:230px;float:left;}

	#header-l {
float:left;
width:650px;
max-width: 650px;
	}

	#header-r {
float:right;
width:280px;
max-width: 280px;
padding-top:20px
	}


header .descr {
	width:400px;
  height: 20px;
	float:right;
    font-size: 13px;
    font-weight: normal;
    line-height: 24px;
padding-top:50px;
    margin-top: 10px;
    margin-bottom: 10px;
  background: url(../../uploads/2017/11/headre-bg.jpg) no-repeat 0 0;
}


.qanda-q{
border-bottom:dotted 1px #5555;
padding-left:30px;
font-weight:bold;
line-height:150%;
background: url(../../uploads/2017/11/qanda-q.jpg) no-repeat 0 0;
margin:20px;
}

.qanda-a{padding-bottom:15px;
padding-left:30px;
background: url(../../uploads/2017/11/qanda-a.jpg) no-repeat 0 0;
margin:20px;}


.pay table{
	width:670px;
	border-top:1px solid #630;
	border-left:1px solid #630;
}
.pay th,
.pay td{
	width:75px;
	border-right:1px solid #630;
	border-bottom:1px solid #630;
	font-size:70%;
}
.pay th{
    text-align:center;
	white-space:nowrap;
	color:#300;
    background:#C9D4F0;
}
.pay td{
	padding:0 5px;
	text-align:right;
	vertical-align:super;
	font-size:70%;
}

#header-txt{width:950px; padding:5px; margin:0 auto;
background-color:#000;
text-align:center;
color:#FFF;
font-size:12px;}

/*----事例----*/

.jireiphoto{
width:100%;
background: url(https://psgdra.com/wp-content/uploads/2018/01/jireiphoto-arrow.jpg);
background-position:50% 50%;
background-repeat:no-repeat;
margin-bottom:30px;
height:240px;
}

.jireiphoto-r{width:45%;
background: url(https://psgdra.com/wp-content/uploads/2018/02/after-bg.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
padding-top:30px;
float:right;}
.jireiphoto-l{width:45%;
float:left;
background: url(https://psgdra.com/wp-content/uploads/2018/02/before-bg.jpg);
background-position:0% 0%;
background-repeat:no-repeat;
padding-top:30px;
}

.jireiphoto-r img{width:100%}
.jireiphoto-l img{width:100%}

dl.jireitxt {
	overflow: hidden;
	zoom: 1;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
}
dl.jireitxt dt {
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: 30%;
	float: left;
	clear: both;
	font-weight: bold;
}
dl.jireitxt dd {
	margin-bottom: 5px;
	padding: 0 0 5px 120px;
	border-bottom: 1px dotted #999;
}

/*----会社概要----*/


table.coporate{
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
	border-right:#999 1px solid;
	border-left:#999 1px solid;
	width: 100%;
	color:#333333;
} 


table th.t_top {
	border-bottom:#999 1px dotted;
	background-color:#DCDCDC;
	text-align: left;
	padding: 10px;
} 

table td.t_line01 {
	border-bottom: #999 1px dotted;
	background-color: #fff;
	text-align: left;
	padding: 10px;
}


/*----流れ----*/

#flow-page{
padding-left:20px;
}

#flow-page p{
padding-left:20px;
line-height:180%;}

#flow-page span{
font-size:34px;}

#flow-page table{
padding-left:20px;
border:none;
padding:0px;
margin:0px;
width:690px;}

#flow-page table td{
border:none;
padding:0px;
margin:0px;}


aside .kanren {
    padding-top: 0px;
    margin-top: 0px;
}

#form{
font-size:12px;
	width:710px;
	border-top:#CCC solid 1px;
	border-left:#CCC solid 1px;
}
#form th,
#form td{
	padding:5px;
	border-right:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	vertical-align:top;
}
#form th{
	width:140px;
	padding:8px 0 0 45px;
	text-align:left;
	font-weight:bold;
	background:#EEE url(../../uploads/2018/02/mfp_must.gif) 10px 10px no-repeat;
}
#form td{width:530px;}
#form .none{background:#EEE;}

#form td.pt1 input{
	width: 280px!important;
}

#form td textarea{
	width: 500px!important;
}

#form td span{}

#form select {
	width: 280px!important;
}


/**
 * サイト名とキャッチフレーズ有無の調整
 */








	/*-- ここまで --*/
}