/*	layout */

/*html, body {height: 100%;}
body > #page {height: auto;}*/

body{
color:#333;
background:#fff;
padding-top:160px;
}

#tops {
background:#e2e3e4;
}

#page{
position: relative;
height: 100%;
min-height: 100%;
width:100%;
}

.bgs {
width:100%;
min-height:700px;

/*-webkit-background-size: contain;
background-size: contain;*/
background-repeat:no-repeat;
background-position:center top;
}

#head{
	position:fixed;
	top:0px;
	z-index:999;
width:100%;
background:#000;
}

#head-inner {
width:960px;
height:114px;
margin:0 auto;
}

.hamburger {display: none;}
nav.globalMenuSp {display: none;}

#navi {
width:100%;
height:46px;
background:#727171;
}

#contents{
width:1000px;
height:auto;
margin:0 auto;
padding-top:15px;
padding-bottom:25px;
background:#fff;
box-shadow:0px 0px 2px #333;
/*padding-bottom:160px;*/
}

#main {
width:960px;
margin:0 auto;
}

#main-sec {
width:960px;
margin:0 auto 35px;
}

#footer {
/*position: absolute;
bottom: 0px;*/
height:180px;
width:100%;
background:#727171;
padding-top:25px;
}

#footer-inner {
width:960px;
/*height:158px;*/
margin:0 auto;
}




/* btns */
.bt2 img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.bt2 a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.clear {clear:both;}
.kei {border-bottom:1px solid #bcbcbc;}
.w186 {width:186px; margin:0 auto;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.pt20 {padding-top:20px;}

.center {text-align:center !important;}
.left {text-align:left !important;}
.rightt {text-align:right !important;}

.max-img {max-width: 100%; height: auto;}

.hyd {display: block;}

/* TITLE */
h2.ttl-entry {
	background:#6b6b6b;
	color:#fff;
	font-weight:bold;
	font-size:123.1%;
	padding:15px;
}

.tt {
font-weight:bold;
color:#333;
font-size:123.1%;
line-height:1.5;
padding-bottom:5px;
border-bottom:1px solid #ccc;
margin-bottom:20px;
}

.tt span {
	color:#333;
	font-weight:normal;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:93%;
	margin-left:2em;
	}

/* head */
.head-t-L {
	margin-top:27px;
	float:left;
}
.head-t-R {
		margin-top:52px;
	float:right;
	width:380px;
}
.head-t-L h1 {width:356px; height:79px; overflow:hidden; float:left; margin-right:25px;}
.link-home {float:left; margin-top:33px;}
.head-tel {float:left; margin-top:8px; color: #fff; font-size: 153.9%;}
.head-toi {float:right;}

.head-sub {
clear:left;
float:left;
/*margin-right:129px;	*/
}



/* Menu */
.pc-navi {
	width:960px; 
	margin:0 auto; 
	display: flex; 
	/*justify-content: space-between;*/
	text-align: center
}
.pc-navi li {
	box-sizing: border-box; 
	/*border-left:1px solid #fff; */
	position: relative;
}
.pc-navi li::before {
	content:"";
   display:inline-block;
   width:1px;
   height:30px;
   background-color:#f2f2f2;
   position:absolute;
   top:6px;
   left:0px;
}

.pc-navi li:last-child::after {	content:"";
   display:inline-block;
   width:1px;
   height:30px;
   background-color:#f2f2f2;
   position:absolute;
   top:6px;
   right:0px;}

.pc-navi li a {
	display: flex;
	justify-content: center;
	align-items: center;	
	height: 46px;
	width: 106px;
	box-sizing: border-box;
	background: #727171; 
	color:#fff;  
	text-decoration: none; 
	border-bottom:3px solid #fff;
}
.pc-navi li a:hover {
	border-bottom:3px solid #e60012;
}

/**************************
*スライダ
**************************/
.box-cm {
	margin-bottom:25px;
	border-bottom:1px solid #ccc;
}
.cm-top {
width:138px;
padding-bottom:5px;
}
.cm-top img {
margin-bottom:5px;
border:1px solid #ccc;
}
.cm-top a {
color:#333;
}

p.car-detail-top {
width:138px;
text-align:center;
font-size:77%;}

/* Main */
.top-left {float:left; width:457px;}
.top-right {float:right; width:457px;}

/* TOP BLOG */
.top-left h3,.top-right h3{
	background:#000;
	color:#fff;
	font-size:123.1%;
	font-weight:bold;
	padding:5px;
	margin-bottom:13px;
}
.top-left h3 span,.top-right h3 span {
font-weight:normal;
font-size:77%;
margin-left:1em;
}

.top-left dl,.top-right dl {
float:left;
width:457px;
	border-bottom:1px solid #0068b7;
	margin:10px 0;
}

.top-left dt,.top-right dt{
	float:left;
	width:112px;
	clear:both;
	margin-bottom:10px;
}
.top-left dd,.top-right dd{
	float:right;
	text-align:left;
	width:345px;
	line-height:1.5;
	font-size:93%;
		margin-bottom:10px;
}

.top-left dd a,.top-right dd a {
color:#333;
}

.top-left h4,.top-right h4 {
margin-bottom:5px;
}
/* Footer */

#p-top p {
width:960px;
margin:0 auto;
text-align:right;
}

.footer-add {
float:left;
color:#fff;
font-size:93%;
}

address {
float:right;
color:#fff;
margin-top:60px;
}


.footer-nav {
width:100%;
margin:0 auto 25px;;
}

.footer-nav ul li {
	float:left;
	color:#fff;
	padding:0 1em;
	border-left:1px solid #fff;
	}
	.last-kei {
	border-right:1px solid #fff;
	padding-right:2em;
	}
.footer-nav ul li a {
	color:#fff;
	display:block;
}
/* ---------- head image ---------*/
.head-image {
width:100%;
text-align:center;
background:#e2e3e4;
margin-bottom:35px;
}


/* top youtube link */
.top-yu-link li{float: left; width: 32.82227%;}
.top-yu-link li:nth-child(1){margin-right: 0.53%;}
.top-yu-link li:nth-child(2){margin-right: 0.53%;}


/* ---- main kiji 20121121 ------ */
div.main-article-entry {
	margin-bottom:10px;
	padding-bottom:14px;
	color:#333;
}

div.main-section-entry {
	padding:14px;
}

h2.ttl-entry {
	background:#e7e7e9;
	color:#00a9f0;
	font-weight:bold;
	font-size:123.1%;
	padding:5px 10px;
	}

/* --------- BLOG ----------*/
.main-section {margin-bottom:23px;}
/*#main-blog a,.main-section a {color:#004ea2;}*/
#main-blog a,.main-section a {color:#333;}
#main-blog a:visited, .main-section a:visited {color:#333;}
/*#main-blog a:visited, .main-section a:visited {color:#004ea2;}*/


dl.main_newarrivals {
	padding:4px 0;
	clear:both;
	float:left;
	width:100%;
	/*border-bottom:1px solid #0068b7;	*/
	border-bottom:1px dotted #ccc;
}

.main_newarrivals dt{
	float:left;
	width:200px;
	text-align:left;
	padding:5px 0;
}

/* tuika */
.main_newarrivals dt img {
/*width:auto !important;
height:135px !important;*/
	width:180px;
	
}

.main_newarrivals dd.arr-ttl{
	float:left;
	width:700px;
	text-align:left;
		padding:5px 0;
}
#main h3.ttl{
	font-size:100%;
	font-weight:bold;
	margin-bottom:3px;
	padding:0;
	background:none;
}

dd.arr-ttl p {font-size:93%;}

.main_newarrivals dd.arr-day{
	float:right;
	text-align:left;
	font-size:77%;
}

div.main-section-strage {
	padding:14px 0 14px;
}

ul.main-strage {
	letter-spacing:-.40em;
}
.main-strage li {
	width:100px;
	vertical-align:top;
	display:inline-block;
	padding:0 14px;
	margin-bottom:14px;
	letter-spacing:normal;
	/display:inline;
	/zoom: 1;
}

.strage-ph {
margin-bottom:10px;
}

#main h3.strage-ttl{
	color:#333;
	font-size:93%;
	font-weight:bold;
	margin-bottom:10px;
	padding:0;
	background:none;
	width:120px;
}

p.strage-day {
	text-align:center;
	font-size:77%;
	width:120px;
}

/* ---- main kiji-ditail ------ */
div.main-article-entry {
	margin-bottom:10px;
	padding-bottom:14px;
	color:#333;
}

div.main-section-entry {
	padding:14px;
}
/*20190918 tuika */
.main-section-entry img {max-width: 100% !important; height: auto !important;}

div.entry-day {margin-bottom:1em;}
div.entry-day p{ text-align:right; font-size:85%;}

/* comment form */
.comme-box {
	border:1px solid #808080;
	margin:14px;
}
h4.comme-tt {
	font-size:100%;
	padding:1em;
	background:none;
}

table.comme-tab {
	margin:0 auto;
	border-collapse: separate;
	border-spacing:1px;
}

.comme-th {
	width:160px;
	background:#808080;
	padding:5px;
	color:#fff;
	vertical-align:top;

}

.comme-td {
	padding:5px;
}

.comme-td input[type=text] {
	background:#f2f2f2;
	width:400px;
	padding:3px;
}

.comme-td textarea {
	background:#f2f2f2;
	width:400px;
	padding:3px;
}

.send-btn {
	margin:30px auto;
	width:120px;
}
.send-btn input[type=submit] {
	background:#f2f2f2;
	border:1px solid #808080;
	width:120px;
	height:30px;
	cursor: pointer;
}

/* ------- SHOP --------- */

.shop-copy {
font-size:100%;
font-weight:bold;
line-height:1.5;
margin-bottom:35px;
}

h3.mida{
	background:#000;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	padding:5px;
}

.shop-box {
width:305px;
float:left;
}
.shop-box2 {
width:366px;
float:left;
}
.shop-box3 {
width:481px;
float:right;
}

.mlr21 {
	margin-right:21px;
margin-left:21px;
}

/* ------- MAINTENANCE --------- */
.spt-copy {
font-size:123.1%;
font-weight:bold;
}

.spt-tel {
	font-size:167%;
	color:#f00;
}

.maint-ph {
float:right;
width:534px;
background:#fff;
text-align:right;
}

.maint-list dt {
font-size:108%;
margin-bottom:0.7em;
font-weight:bold;
}
.maint-list dd {
font-size:97%;
line-height:1.5;
margin-bottom:1.2em;
padding-left:2em;
}

.maint-list_2 li h4 {
font-size:108%;
margin-bottom:0.7em;
font-weight:bold;	
}

.maint-list_2 li:first-child {
	float:right;
	margin-bottom: 1em;
}
.maint-list_2 li:last-child {
	float:left;
}
.maint-list_2 li p {
font-size:97%;
line-height:1.5;
margin-bottom:1.2em;
padding-left:2em;	
}
.maint-copy {text-align: center; font-size: 108%; padding: 0.5em; border:1px solid #ccc; color:#e60012;}

.btn {border-radius: 6px; background: #007cd5; display: inline-block; padding: 0.5em 1em; color: #fff; width: 180px; text-align: center;}
a.btn,a.btn-re,a.btn-ins {text-decoration: none;}
a.btn:hover,a.btn-re:hover,a.btn-ins:hover  {opacity: 0.8;}

.gp-dl dt {display: inline-block; width:  30%;}
.gp-dl dd {display: inline-block; width:  68%;}

.re-ul li:first-child {float:right; width: 70%;}
.re-ul li:last-child {float:left; width: 30%; padding-top: 2em;}
.re-ul h3 {font-size:108%; font-weight: bold; margin-bottom: 10px;}
.re-img {width:100%; margin-left: auto; margin-right: auto;}
.re-img li {float: left; width:43%; margin-right: 10%; margin-bottom: 20px;}
.re-img li:nth-child(2n){margin-right: 0;}

.btn-re {border-radius: 6px; background: #e60012; padding: 0.5em 3em 0.5em 2em; display: inline-block; color:#fff; font-size:108%; position: relative;}

.btn-re::after {position: absolute; top:50%; right: 10px; font-family: "Font Awesome 5 Free"; content:'\f002'; font-weight: 900; margin-top: -9px;}


/* pack */
.no2{
	margin-top:10px;
	margin-left:16px;
}
.mente_box{
	margin-left:10px;
	width:342px;	
	float:left;
	background: url(../img/pack/img06.gif) left bottom no-repeat;
}
.mente_box h2{
	margin-top: 0;
	line-height:0;
}
.mente_box .big_text{
	width:240px;
}
.mente_box .mini_txt{
	width:145px;
}
.left_none{
	margin-left:0px;
	padding-left:0px;
}
.text_box{
	border-left: #DDEED0 2px solid;
	border-right: #DDEED0 2px solid;
	padding: 15px 10px 0px 10px;
	margin-bottom:4px;
	min-height: 11em;
}
.fL {float: left;}
.fR {float:right;}

/* inspect */
.ins-list {}
.ins-list li {float: left; width:170px; margin-right: 20px; margin-bottom: 20px;}
.ins-list li:last-child {margin-right: 0;}
.ins-list li img {max-width: 100%; height: auto; margin-bottom: 10px;}

.ins-link {width:90%; margin-left: auto; margin-right: auto;}
.ins-link li:first-child {float: left; width:45%;}
.ins-link li:last-child {float:right; width: 45%;}
.btn-ins {display: inline-block; width:100%; border-radius: 12px; background: #007cd5; font-size: 115%; text-align: center; padding: 1em; box-sizing: border-box; color:#fff; font-weight: bold;}

/* Anshin ment */
.anshin-box {
padding-top:30px;
width:710px;
margin:0 auto;
}

.boxImage li {
	list-style-type: none;
}
.boxImage li {
	margin-top:10px;
	float: left;
	display: block;
	width: 170px;

}
.pr10 {
	padding-right: 10px;
}

.boxImage2 li {
	margin-top:10px;
	display: block;
	float: left;
	width: 350px;
}

/* anshin car */
#courseTable{
	margin-bottom:10px;
	font-size: 0.9em;
}
#courseTable th {
	text-align: center;
}
#courseTable .header2 {
	text-align: center;
}
#courseTable td {
	text-align: center;
}
.header1 {
	background-color: #05817C;
	color: #FFFFFF;
}
.box {
	width:33px;
}
.header2 {
	background-color: #E0E0E0;
}
.memo {
	list-style-type: none;
	text-align: left;
	font-size: 0.85em;
}
.boxTable .noborder {
	border-bottom: none;
}
.boxTable table {
	/*width: 710px;*/
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #BBBBBB;
	border-left-color: #BBBBBB;
	text-align: left;
	margin-top: 3px;
}
.boxTable th {
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #BBBBBB;
	border-bottom-color: #BBBBBB;
	text-align: left;
}
.boxTable td {
	background-color: #FFFFFF;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #BBBBBB;
	border-bottom-color: #BBBBBB;
}

.right {
	text-align: right;
	margin-right: 20px;
	margin-bottom: 0px;
}
.months {
	font-size: 90%;
}
.header3 {
	background-color: #CCE8EF;
}
#courseTable .price {
	text-align: right;
}
.box2 {
	width: 45px;
}

/* ------- SALES -------- */
.gal-box {
width:960px;
}
.gal-box a {
	color:#333;
}

.gal {
float:left;
margin-bottom:40px;
width:/*220px*/22.9166%;
margin-right:/*14px*/2.7%;}
.gal img {
margin-bottom:5px;
}
div.gal-box div.gal:nth-of-type(4n){
	margin-right: 0;
}

div.gal-box div.gal:last-of-type{
	border: 1px solid #f00;
	clear: right;
}

div.gal-box ul li {
float:left;
margin-bottom:40px;
width:229px;
margin-right:14px;	
}

div.gal-box ul li img {
margin-bottom:5px;
}

div.gal-box ul li:nth-child(4n){
	margin-right: 0;
}

.mR14 {
margin-right:14px;
}

.tt-gal {
border-bottom:1px solid #ccc;
line-height:1.5;
margin-bottom:3px;
background:url(../img/ic_gal.png) right top no-repeat;
padding-right:30px;
padding-bottom:5px;
min-height:2em;
}

div.gal-box ul li a{
display:block;
color:#333;
}

/* --------- Contact ----------- */
.main-txt {
line-height:1.5;
}
.mb1em {
margin-bottom:1em;
}

#contact {
margin-bottom:80px;
}

#contact table{
	width:97%;
	border-top: 1px solid #FFF;
	border-collapse: collapse;
	layout-grid-line: 0px;
	margin-bottom:30px;
}

#contact table td{
	padding:15px 10px;
	text-align:left;
	border-bottom:1px #CCC solid;
	vertical-align:top;
}

.b-phone {
	font-size:197%;
	margin-right:15px;
	}

#contact textarea,#contact input[type="text"] {
	text-align:left;
	padding:5px;
	width:98%;
}

.submit_bt{
	padding:5px 30px;
	background:#CCC;
	font-size:15px;
	text-align:center;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:#CCC solid 1px;
	text-decoration: none;
}

.submit_bt:hover{
	padding:5px 30px;
	background: #FFF;
}

.skt ul li {
float:left;
width:50%;
text-align:center;
}

/* staff */
.st-box-L {
/*padding:20px;*/
width:430px;	
min-height:250px;
/*background:#000;*/
float:left;
/*color:#fff;*/
line-height:1.5;
	margin-bottom: 10px;
}
.st-box-R {
/*padding:20px;*/
width:430px;	
min-height:250px;
/*background:#000;*/
float:right;
/*color:#fff;*/
line-height:1.5;
	margin-bottom: 10px;
}
.st-box-C li:first-child {width:430px; float:left; margin-bottom: 10px;}
.st-box-C li:last-child {float:right; width:510px; line-height:1.5;}

.sta-ph {
/*width:200px;
float:right;	
text-align:right;*/
	margin-bottom: 10px;
}

/* instagram */
.inst-box {
width:457px;
margin:0 auto 10px;	
}
.inst-box ol li {float:left; width:114px;}
.inst-box ol li img {width:90px; height:auto; padding:12px;}

/* =============== COMPANY ===============*/

.bg-black {background: #000;}
.white {color:#fff;}
.pd-5-10 {padding: 5px 10px !important;}

#img-com {
width:100%;
height:229px;
background:url(../img/com_top.jpg) center center no-repeat #000;
margin-top:-23px;
margin-bottom:40px;
position:relative;
z-index: 1;
}

.sti-box1 {

	width:920px;
	min-height:483px;
	background:url(../img/sti_ph1.jpg) center top no-repeat #000;
	padding:10px 20px;
	color:#fff;
	margin-bottom:45px;
}

.sti-box1 h4 {
font-size:161.6%;
color:#d5b329;
font-weight:bold;
}

.sti-box1 p {
line-height:1.8;
font-size:108%;
width:620px;
}

table.com-tab {
width:868px;
margin-left:46px;
margin-bottom:40px;
}
.com-tab th,.com-tab td {
	border-bottom:1px solid #ccc;
	padding:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.com-show li {
	float:left;
	line-height:1.5;
	
}
.com-show li:nth-child(1){
	width:23.6458333%;
	margin-right: 1.1%;
}
.com-show li:nth-child(2){
	box-sizing: border-box;
	width:41.6666%;
	padding-right: 30px;
}
.com-show li:nth-child(3){
	width:31.25%;
}
.com-show img {max-width: 100%; height: auto;}

.his dt {
clear:left;
float:left;
width:14em;	
margin-bottom:0.7em;
}
.his dd {
margin-left:14em;
margin-bottom:0.7em;
}

@media screen and (max-width:999px){
	img {max-width:100%; height: auto;}
	#contents {width: 100%; box-sizing: border-box;}
	#main {width:93.75%;}
	
	/* head */
	#head-inner {width: 98%;}
	.head-t-L {float:left; /*border:1px solid #f00;*/}
	.head-t-L h1 {width:240px; height: 53px;}
	.head-t-R {
	margin-top:32px;
	float:right;
	/*border:1px solid #f00;*/
	}
	.link-home{display: none;}
	/* Menu */
.pc-navi {
	width:98%; 
	margin:0 auto; 
	display: flex; 
	/*justify-content: space-between;*/
	text-align: center
}
.pc-navi li {
	box-sizing: border-box; 
	/*border-left:1px solid #fff; */
	position: relative;
	width: /*106px*/11.0416%;
}
.pc-navi li::before {
	content:"";
   display:inline-block;
   width:1px;
   height:30px;
   background-color:#f2f2f2;
   position:absolute;
   top:6px;
   left:0px;
}

.pc-navi li:last-child::after {	content:"";
   display:inline-block;
   width:1px;
   height:30px;
   background-color:#f2f2f2;
   position:absolute;
   top:6px;
   right:0px;}

.pc-navi li a {
	display: flex;
	justify-content: center;
	align-items: center;	
	height: 46px;
	width: 100%;
	box-sizing: border-box;
	background: #727171; 
	color:#fff;  
	text-decoration: none; 
	border-bottom:3px solid #fff;
}

	
	.top-left {width:47.5%;;}
	.top-right {width:47.5%;}
	.fb-container {
		width: 100%;
		max-width: 475px;
		max-height: 240px;
	}
	
.top-left dl,.top-right dl {
float:left;
width:100%;
	border-bottom:1px solid #0068b7;
	margin:10px 0;
}

.top-left dt,.top-right dt{
	float:left;
	width:/*112px*/24%;
	clear:both;
	margin-bottom:10px;
}
.top-left dd,.top-right dd{
	float:right;
	text-align:left;
	width:/*345px*/74%;
	line-height:1.5;
	font-size:93%;
		margin-bottom:10px;
}	
	
	/* staff */
.st-box-L {
/*padding:20px;*/
width:45%;	
min-height:250px;
/*background:#000;*/
float:left;
/*color:#fff;*/
line-height:1.5;
	box-sizing: border-box;
}
.st-box-R {
/*padding:20px;*/
width:45%;	
min-height:250px;
/*background:#000;*/
float:right;
/*color:#fff;*/
line-height:1.5;
		box-sizing: border-box;
}
.st-box-C li:first-child {width:45%;}
.st-box-C li:last-child {width:53%;}
	
	#main-sec {width:93.75%; margin-left: auto; margin-right: auto;}	
	/* inspect */
.ins-list li {float: left; width:20%; margin-right: 6%; margin-bottom: 20px;}
.ins-list li:nth-child(4n){margin-right: 0;}
.ins-list li:last-child {margin-right: 0;}
	
/* Anshin ment */
.anshin-box {
padding-top:30px;
width:100%;
margin:0 auto;
}
	
	.anshin-box img {max-width: 100%; height: auto;}	
	.boxImage2 li {
	margin-top:10px;
	display: block;
	float: left;
	width: 49%;
}

	/* company */
	table.com-tab {
	box-sizing: border-box;
	width:100%;
	margin-left:0px;
	margin-bottom:40px;
	}	
	.sti-box1 {
	box-sizing: border-box;
	width:100%;
	min-height:483px;
	background:url(../img/sti_ph1.jpg) right top no-repeat #000;
	padding:10px 20px;
	color:#fff;
	margin-bottom:45px;
	}	
	
	.sti-box1 p {
	line-height:1.8;
	font-size:100%;
	width:100%;
	}
	.sti-box1 h4 {margin-top:50px;}
	.sti-txt {padding-top: 240px;}
	
	/* shop */
.shop-box {
width:/*305px*/31.7770%;
float:left;
}
.shop-box2 {
width:/*366px*/38.125%;;
float:left;
}
.shop-box3 {
width:/*481px*/50.1041%;
float:right;
}

.mlr21 {
	margin-right:/*21px*/2.1875%;
margin-left:/*21px*/2.1875%;
}	
	/* gallery */
.gal-box {
width:100%/*960*/;
}

div.gal-box ul li {
float:left;
margin-bottom:40px;
width:/*229px*/23.8541%;
}
	

.mR14 {
margin-right:/*14px*/1.4583%;
}	
	
/* footer*/
	#footer-inner {width:93.75%;}	
	.footer-add {float:none; margin-bottom: 10px;}
	.footer-add img {width: 180px;}
	address {float:none; margin-top:0px; font-size: 77%;}	
	.footer-nav ul li {margin-bottom: 10px;}
	
}
@media screen and (max-width:600px){
	.top-left {float:none; width:100%; margin-bottom: 20px;}
	.top-right {float:none; width:100%;}
	.bgs {
		background-size: 130% auto;
}

	/*pack */
.mente_box{
	margin-left:4%;
	width:48%/*342px*/;	
	float:left;
	background: url(../img/pack/img06.gif) left bottom no-repeat;
}
.mente_box h2{
	margin-top: 0;
	line-height:0;
}
.mente_box .big_text{
	width:/*240px*/100%;
}
.mente_box .mini_txt{
	width:/*145px*/100%;
}	
	.mente_box.left_none {margin-left: 0;}
	/* footer */
	#footer {
	height:auto;
	width:100%;
	padding-top:15px;
		padding-bottom: 10px;
	}
	.comme-tab {width: 100%; box-sizing: border-box;}
	.comme-tab th,.comme-tab td {display: block; width: 100%; box-sizing: border-box;}
	
.comme-td input[type=text] {
	background:#f2f2f2;
	width:100%;
	padding:3px;
	box-sizing: border-box;
}

.comme-td textarea {
	background:#f2f2f2;
	width:100%;
	padding:3px;
	box-sizing: border-box;
}
	
}

@media screen and (max-width:480px){
	body{
		padding-top:60px;
	}	
	
	

	#head-inner {
		width:93.75%;
		height:auto;
		margin:0 auto;
	}
	#navi {
	width:100%;
	height:auto;
	background:#727171;
	}
	.head-t-L h1 img {max-width: 100%; height: auto; margin-right:5px;}
	.head-t-L h1 {width:200px; height: 44px;}
	.link-home,.head-tel,.head-toi { float: none; display: none;}
	.head-t-L {
	margin-top:10px; margin-bottom: 10px; float:none;}
	.head-t-R { margin-top:0px; float: none; display: none; width:auto;}	
	
	#navi {display: none;}
	
	/* footer */

	.footer-nav{display: none;}

	.hyd {display: none;}
	
	/* mainte */
	.maint-list_2 li:first-child {
	float:none; width: 100%; text-align: center;
	margin-bottom: 1em;}
	.maint-list_2 li:last-child {
	float:none; width: 100%;}
	.maint-list_2 img {width: 100%;}
	.maint-list_2 li p {padding-left:0;}
	.gp-dl dt {display: block; width:  100%; text-align: center; margin-bottom: 10px;}
	.gp-dl dd {display: block; width:  100%;}	
	.re-ul li:first-child {float:none; width: 100%;}
	.re-ul li:last-child {float:none; width: 100%; padding-top: 2em; text-align: center;}
	.maint-list dd {padding-left:0;}
	
	/* navi */
	/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 100;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 1px ;
  left    : 6px;
  background : #ccc;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
	display: none;
  position: fixed;
  z-index : 5;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba(0,0,0,0.8);
  text-align: center;
  width: 100%;
	height: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	padding: 70px 0;
	box-sizing: border-box;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
	
}
nav.globalMenuSp ul li:hover{
  background :#999;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;
	display: block;
}
	
.st-box-L {
/*padding:20px;*/
width:100%;	
min-height:280px;
float:none;
		margin-bottom: 20px;
}
.st-box-R {
/*padding:20px;*/
width:100%;	
min-height:280px;
float:none;
			margin-bottom: 20px;
}
.st-box-C li:first-child,.st-box-C li:last-child {float: none; width: 100%;}
	
/* inspect */
.ins-list li {float: left; width:45%; margin-right: 10%; margin-bottom: 20px;}
.ins-list li:nth-child(2n){margin-right: 0;}
.ins-list li:last-child {margin-right: 0;}
	
/* pack */
.mente_box{
	margin-left:2%;
	width:48%/*342px*/;	
	float:left;
	background: url(../img/pack/img06.gif) left bottom no-repeat;
}	
.boxImage2 li {
margin-top:10px;
display: block;
float: left;
width: 48%;}

		/* company */
.com-show li {
	float:left;
	line-height:1.5;
	
}
.com-show li:nth-child(1){
	width:100%;
	margin-right: 0%;
	margin-bottom:10px;
}
.com-show li:nth-child(2){
	box-sizing: border-box;
	width:100%;
	padding-right: 0px;
	margin-bottom: 20px;
}
.com-show li:nth-child(3){
	width:100%;
}

.his dt {
clear:left;
float:none;
width:100%;	
margin-bottom:0.2em;
}
.his dd {
margin-left:0em;
margin-bottom:0.7em;
}

	.sti-box1 {
	box-sizing: border-box;
	width:100%;
	min-height:483px;
	background:url(../img/sti_ph1.jpg) right top no-repeat #000;
	background-size: 100% auto;
	padding:10px 20px;
	color:#fff;
	margin-bottom:45px;
	}	
	.sti-txt {padding-top: 100px;}
	
	/* shop */
.shop-box {
width:/*305px*/100%;
float:none;
}
	.shop-box p {margin-bottom: 20px; text-align: center;}
.shop-box2 {
width:/*366px*/100%;;
float:none;
}
.shop-box3 {
width:/*481px*/100%;
float:none;
}

.mlr21 {
	margin-right:/*21px*/0%;
margin-left:/*21px*/0%;
}
	
		/* gallery */
.gal-box {
width:100%/*960*/;
}

.gal {
width:/*229px*/48%;
	margin-right: 4%;
}
div.gal-box div.gal:nth-of-type(2n){
		margin-right: 0;
	}
	
div.gal-box ul li {
float:left;
margin-bottom:40px;
width:/*229px*/48%;
	margin-right: 4%;
}
	div.gal-box ul li:nth-child(2n){
		margin-right: 0;
	}

.mR14 {
margin-right:/*14px*/0%;
}
	
	/* blog */
	
dl.main_newarrivals {
	padding:4px 0;
	clear:both;
	float:left;
	width:100%;
	/*border-bottom:1px solid #0068b7;	*/
	border-bottom:1px dotted #ccc;
}

.main_newarrivals dt{
	float:left;
	width:/*200px*/20%;;
	text-align:left;
	padding:5px;
}

/* tuika */
.main_newarrivals dt img {
	max-width:100%;
	height: auto;
}

.main_newarrivals dd.arr-ttl{
	float:none;
	width:/*700px*/auto;
	text-align:left;
		padding:5px 0;
}
.main_newarrivals dd.arr-day{
	float:right;
	text-align:left;
	font-size:77%;
}
	
	/* table scroll */
	.boxTable {
		overflow: auto; /*スクロールさせる*/
  white-space: nowrap;}
	/* 以下、スクロールバーを追加 */
.boxTable::-webkit-scrollbar{
 height: 5px;
}
.boxTable::-webkit-scrollbar-track{
 background: #333;
}
.boxTable::-webkit-scrollbar-thumb {
 background: #999;
}

	/* recall */
	.re-img li {float: none; width:100%; margin-right: 0%; margin-bottom: 20px;}
	
}