@charset "UTF-8";
/*==========================

	common

============================*/
html{font-size: 62.5%;overflow-x: hidden;}
body{
	background: url(../img/bgBody.jpg) left top;
	color:#111111;
	font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","Hiragino Sans","ヒラギノ角ゴシック",Meiryo,sans-serif;
	font-size: 1.6rem;
	line-height: 1.2;
	position: relative;
	z-index:1;
	-webkit-text-size-adjust: 100%;
}
img {
	height: auto;
	max-width: 100%;
	width: auto/9;
}
img[src$=".svg"] {
    max-width: 100%;
    height: auto;
}
@media print {
	body {overflow: visible !important;}
}
.pcDisplay {display: block;}
.spDisplay {display: none!important;}
.spBr {display: none!important;}
.pcBr {display: block!important;}
p{line-height: 1.8;}
/*==========================
	font
============================*/
.bold {font-weight: bold;}
.alfa {    
	font-family: 'Alfa Slab One', cursive;
	line-height: 1;
}
.bebas {    
  	font-family: 'Bebas Neue', cursive;
	line-height: 1;
	letter-spacing: 0.5rem;
}
.notsans {
	font-family: 'Noto Sans JP', sans-serif;
}
/*==========================
	color
============================*/
.white {color: #ffffff!important;}
.red {color: #e50012!important;}
.black{color: #111111!important;}
/*==========================
	bg-color
============================*/
.bgNavy {background: #3c546b;}
.bgGray {background: #959595;}
.bgBlack {background: #000000;}
/*==========================
	a:link
============================*/
a {
	text-decoration: none;
	color: #111111;
}
a:link,a:visited,a:active {
	color: #111111;
	text-decoration: none;
}
a:hover, a:focus{text-decoration: none;}
a, a:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	text-decoration:none;
}
a:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
}
/* -- outerLink -- */
.outerLink {
	font-size: 1.8rem;
	text-align: center;
	display: inline-block;
	padding: 15px 5px;
	min-width: 260px;
}
/*==========================
	::selection
============================*/
::selection {
    background: #f9c535;
    color: #ffffff;
}
/*Firefox*/
::-moz-selection {
    background: #f9c535;
    color: #ffffff;
}
/*==========================
	ttl
============================*/
.ttl {
	margin: 0 0 60px; 
	text-align: center;
}
.ttl strong {
	display: block;
	font-size: 10rem;
	letter-spacing: 0.5rem;
}
/*==========================
	header
============================*/
#header {position: relative;}
#headerInner {
	padding: 35px 0 0 0;
	height: 100px;
}
h1 {
	float: left;
	max-width: 167px;
	margin: 0 0 0 4%;
}
#naviBox {
	margin: 0 auto;
	max-width: 1200px;
}
#gNavi #naviList {
	float: left;
	display: flex;
	justify-content: space-between;
	margin: 21px 0 0 3vw;
	max-width: 786px;
	/*background: red;*/
}
#naviList li {
	margin: 0 2.2vw 0 0;
}
#headerInner .icon_insta_W {
	float: right;
	max-width: 30px;
	margin: 0 35px 0 auto;
}
/*==========================
	layout
============================*/
#wrapper {
	background: url(../img/bgContent_pc.jpg) no-repeat left top;
	background-size: contain;
}	
/*==========================
	slider
==========================*/
#slickMain {position: relative;}
#catchphrase {
	position: absolute;
	font-size: 11vw;
	left: 5vw;
	top: 7vw;
	z-index: 1;
}
/*==========================
	about
==========================*/
#about {
	background: url(../img/bgBlack.jpg) left top;
	padding: 0 0 168px;
}
#about .itemInner {
	margin: 0 auto 0 16%;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	position: relative;
}
#about .itemBox {max-width: 625px;}
#about .textBox {
	margin: -6vw 0 0 1vw;
}
#about h3 {
	font-size: 4.8rem;
	margin: 0 0 1vw;
}
#about strong.leadTX {
	display: block;
	font-size: 2.4rem;
	margin: 0 0 3vw;
	line-height: 1.8;
}
#about .imgBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 810px;
	position: absolute;
	bottom: -9%;
	right: 0;
}
#about .imgBox img {
	display: block;
	object-fit: cover;
	width: 48%;
}
#about .mainImg {max-width: 500px;}
/*==========================
	worsk
==========================*/
.bgWorks {
	background: url(../img/bgWorks_pc.png) 50% 50% no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	width:100vw;
	height:100vh;
	margin: 0 auto 50px;
}
.bgWorks p {
	font-size: 12rem;
	text-align: center;
	padding-top: 16vw;
}
/*--- floatingList ---*/
.floatingList {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 100px;
}
.floatingList li {
	max-width: 640px;
	width: calc(100% / 3);
	position: relative;
}
.floatingList li a {
	display: block;
	position: relative;
}
.floatingList li a::after {
	position: absolute;
	background: url(../img/icon_kakudai.svg)no-repeat top right;
	background-size: cover;
	-webkit-background-size: cover;
	content: "";
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	display: block;
}
.floatingList li strong {
	position: absolute;
	font-size: 4.8rem;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	height: 44px;
	text-align: center;
}
/*--- js-modal ---*/
.modal__content {
	background: #000000;
	left: 50%;
	padding: 50px 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 1200px;
	width: 100%;
}
.js-modal-open{
  cursor: pointer;  
}
.js-modal {
    /*display: none;*/
    visibility: hidden;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100vw;
    left: 0;
    z-index: -1;
}
.js-modal.open {
    visibility: inherit;
    height: 100vh;
    z-index: 1050;
}
.modal__bg{
  background: rgba(0,0,0,0.7);
  height: 100vh;
  position: absolute;
  width: 100%;
}

/* slick slider */
.single .slidItem {
	flex-basis: 100%;
	padding-top: 60%;
	position: relative;
}
.single .slidItem img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: contain;
}
/*ズームする アニメーション*/




.floatingBox {
	max-width: 700px;
	margin: 0 auto;
	width: 100%;
}
.floatingBox .ttlSlider {
	display: block;
	font-size: 2.4rem;
	margin: 0 0 10px;
}
.floatingBox .textBox {
	overflow-x: scroll;
	height: 140px;
}
#worsk .slick-dotted.slick-slider {
    margin-bottom: 50px;
}
.floatingBox .closeBtn {
	font-size: 4.8rem;
	position: absolute;
	top: 50px;
	right: 50px;
	cursor: pointer;
}


/* -- shopIngList -- */
#forsale {}
#shopIngList li {
/*	align-items: center;
	display: flex;
	justify-content: space-between;*/
	margin: 0 auto 100px ;
	max-width: 1620px;
	width: 100%;
	position: relative;
	display: table;
}
#shopIngList li:nth-of-type(1) {}
#shopIngList li:nth-of-type(2) {}
#shopIngList li .itemBox {
	position: absolute;
	top: 2vw;
}
#shopIngList li#forsale .itemBox {left: 0;}
#shopIngList li#parts .itemBox {right: 0;}

#shopIngList li h2 {
	font-size: 12rem;
	margin: 0 0 40px;
}
#shopIngList li strong {
	font-size: 10rem;
	display: block;
}
#shopIngList li#parts strong {
	max-width: 400px;
	margin: 0 0 0 auto;
}
#shopIngList li p {
	margin: 0 0 20px;
	max-width: 400px;
}
#shopIngList li#parts p {margin: 0 0 20px auto;}
#shopIngList li#parts .linkBtn {
	max-width: 400px;
	margin: 0 0 0 auto;
}
#shopIngList li .itemImg {
	max-width: 71%;
	width: 100%;
}
#shopIngList li#forsale .itemImg {margin: 0 0 0 auto;}
#shopIngList li#parts .itemImg {margin: auto 0 0 0;}
/*==========================
	gallery
==========================*/
#gallery {
	background: url(../img/bgBlack.jpg) left top;
	padding: 100px 0 0;
}
#gallery .imgList {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#gallery .imgList li {
	max-width: 320px;
	width: calc(100% / 6);
	position: relative;
}
#gallery .imgList li a {
	display: block;
	position: relative;
}
#gallery .imgList li a::after {
	position: absolute;
	background: url(../img/icon_kakudai.svg)no-repeat top right;
	background-size: cover;
	-webkit-background-size: cover;
	content: "";
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	display: block;
}
/*==========================
	company
==========================*/
#company {
	background: url(../img/bgCompany_pc.jpg) 50% 50% no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	width:100vw;
	height:100vh;
	padding: 100px 0;
}
#company .footLogo {
	margin: 0 auto 30px;
	max-width: 260px;
}
#company .textBlock {
	margin: 0 0 30px;
	text-align: center;
	line-height: 1.8;
}
#company .linkBtn {
	font-size: 1.8rem;
	text-align: center;
}
/*==========================
	pagetop
============================*/
#pageTop {
	background: url(../img/bgBody.jpg) left top;
	position: relative;
	display: block;
	height: 60px;
	width: 100%;
}
a#pageTop:after {
  bottom: 0;
  content: "";
  display: block;
  height: 25px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 5px;
  width: 25px;
  border-left: solid 6px #111111;
  border-top: solid 6px #111111;
  transform: rotate(45deg);
}
/*==========================
	footer
============================*/
footer {
	background: url(../img/bgBlack.jpg) left top;
	padding: 60px 0;
}
.footInner {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	margin : 0 auto;
	max-width: 1200px;
}
.footInner .textBlock {
	font-size: 6.5rem;
	margin: 0 0 10px;
}
.footInner .footBox {
	max-width: 800px;
	width: 100%;
}
#footer .icon_insta_W {
	max-width: 30px;
	margin: 0 0 30px auto;
}
#footer .footNavi {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 25px;
}
#footer .footNavi li {
	max-width: 320px;
	width: calc(100% / 7  - 0);
	position: relative;
}
small {
	font-size: 1.2rem;
	display: block;
	text-align: right;
}

/*media queries--------------------------------------css*/
@media screen and (max-width: 1266px) {
	#about .itemInner {
		margin: 0 auto;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		position: relative;
	}
	#about .imgBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 96%;
		position: relative;
		bottom: -5vw;
		right: 0;
		margin: 0 auto;
	}
	#shopIngList li {
		color: #111111;
		margin: 0 auto 200px;
	}
	#shopIngList li .itemBox {
		position: absolute;
		top: 0vw;
	}
	#shopIngList li h2 {
		font-size: 9rem;
		margin: 0 0 20px;
	}
	#shopIngList li strong {
		font-size: 8rem;
		display: block;
	}
}
@media screen and (max-width: 985px) {
	h1 {
		max-width: 14%;
		margin: 0 0 0 3%;
	}
}

@media screen and (max-width: 834px) {
	/*==========================

		common

	============================*/
	body{
	  font-size: 1.6rem!important;
	  -webkit-overflow-scrolling: touch;
	  overflow-scrolling: touch;
	}
	img {
		height: auto;
		max-width: 100%;
		width: auto/9;
	}
	img[src$=".svg"] {
	    max-width: 100%;
	    height: auto;
	}
	@media print {
		body {overflow: visible !important;}
	}
	.pcDisplay {display: none!important;}
	.spDisplay {display: block!important;}
	.spBr {display: block!important;}
	.pcBr {display: none!important;}
	.spNone {display: none!important;}
	p{line-height: 1.8;}
	/*==========================
		font
	============================*/
	.bold {font-weight: bold;}
	.alfa {    
		font-family: 'Alfa Slab One', cursive;
		line-height: 1;
	}
	.bebas {    
	  	font-family: 'Bebas Neue', cursive;
		line-height: 1;
	}
	.notsans {
		font-family: 'Noto Sans JP', sans-serif;
	}
	/*==========================
		color
	============================*/
	.white {color: #ffffff!important;}
	.red {color: #e50012!important;}
	.black{color: #111111!important;}
	/*==========================
		bg-color
	============================*/
	.bgNavy {background: #3c546b;}
	.bgGray {background: #959595;}
	.bgBlack {background: #000000;}
	/*==========================
		a:link
	============================*/
	a {
		text-decoration: none;
		color: #111111;
	}
	a:link,a:visited,a:active {
		color: #111111;
		text-decoration: none;
	}
	a:hover, a:focus{text-decoration: none;}
	a, a:hover {
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
		text-decoration:none;
	}
	a:hover {
		filter:alpha(opacity=1);
		opacity:1;
	}
	/* -- outerLink -- */
	.outerLink {
		font-size: 1.6rem;
		text-align: center;
		display: inline-block;
		padding: 3.8vw 1vw;
		min-width: 50%;
	}
	/*==========================
		::selection
	============================*/
	::selection {
	    background: #f9c535;
	    color: #ffffff;
	}
	/*Firefox*/
	::-moz-selection {
	    background: #f9c535;
	    color: #ffffff;
	}
	/*==========================
		ttl
	============================*/
	.ttl {
		margin: 0 0 5%; 
		text-align: center;
	}
	.ttl strong {
		display: block;
		font-size: 5rem;
		letter-spacing: 0.5rem;
	}	
	/*==========================
			sp Navi
	============================*/
	#spNaviFrame {
		position: absolute;
		right: 4%;
		margin: auto;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 35px;
	}
	#clickBtn {
		margin: 0;
		display:block;
		height:30px;
		width:35px;
		float:right;
		position:relative;
		z-index:101;
		cursor: pointer;
		top: 7px;
	}
	#clickBtn span {
		background: #ffffff;
		height: 3px;
		left: 0;
		position: absolute;
		top: 0;
		transform: translateY(0px) translateZ(0px);
		transition: background-color 0.2s ease 0s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
		width: 100%;
		z-index:100;
	}
	#clickBtn.active span {background: #000000;}
	#clickBtn .navLine2 {
		top: 10px;
	}
	#clickBtn .navLine3 {
		top: 20px;
	}
	#clickBtn.active .navLine2 {
		opacity:0;
	}
	#clickBtn.active .navLine1 {
		-webkit-transform: translateY(8px) rotate(45deg);
		-ms-transform: translateY(8px) rotate(45deg);
		transform: translateY(8px) rotate(45deg);
	}
	#clickBtn.active .navLine3 {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
		top: 16px;
	}
	#naviBox {
		margin: 0 auto;
		max-width: 100%;
		width: 100%
	}
	#gNavi {
		background: url(../img/bgBody.jpg) left top;
		background-size: contain;
		border-bottom: none;
		float: none;
		display: none;
		margin: 0 auto;
		padding: 28% 0 20% 0;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		text-align: center;
		width: 100%;
		z-index: 4;
	}
	#gNavi #naviList {
		border-top: 1px solid #dcdcdc;
		margin: 0 auto 10vw;
		float: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 100%;
	}
	#gNavi #naviList li {
		font-size: 1.6rem;
		width: calc(100% / 3);
		margin: 0;
	}
	#gNavi #naviList li a {
		border-bottom: 1px solid #dcdcdc;
		border-left: none;
		border-right: 1px solid #dcdcdc;
		display: block;
		padding: 13vw 0;
	}
	#gNavi #naviList li:nth-child(3n) a {
		border-right: none;
	}
	/* spSubnaviList */
	#spSubnaviList {}
	#spSubnaviList .outerLink {
		margin: 0 auto;
		width: 92%;
	}
	.contactLink {margin: 0 0 10%}
	.contactLink p {margin: 0 0 3%;}
	.instaLink p {
		line-height: 1;
		margin: 0 0 3%;
	}
	.instaLink .icon_insta_B {
		text-align: center;
		display: block;
	}
	.instaLink .icon_insta_B img {
		display: inline-block;
		width: 11%;
	}
	#menuBg {
		background: url(../img/bgBody.jpg) left top;
		background-size: contain;
		display: none;
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}
	/*==========================
		header
	============================*/
	#header {position: relative;}
	#headerInner {
		padding: 5% 0;
		height: auto;
		align-items: center;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		width: 92%;
	}
	h1 {
		float: none;
		max-width: 80px;
		width: 100%;
		margin: 0;
		position: relative;
		z-index: 100;
	}
	#headerInner .icon_insta_W {
		float: none;
		max-width: 30px;
		margin: 0 auto;
		width: 100%
	}
	/*==========================
		layout
	============================*/
	#wrapper {
		background: url(../img/bgContent_sp.jpg) no-repeat left top;
		background-size: contain;
	}
	/*==========================
		slider
	==========================*/
	#slickMain {position: relative;}
	#catchphrase {
		position: absolute;
		font-size: 20vw;
		left: 5vw;
		top: 10vw;
		z-index: 1;
	}
/*	.slick-slide img {
		display: block;
		width: 100%;
		object-fit: cover;
		height: 74vh;
		object-position: -65vh -6vh;
	}*/
	#slickMain .slick-dots {
		bottom: 4vh!important;
	}
	.slick-dots li { margin: 0 5px;}
	.slick-dots li button::before {font-size: 1.2rem !important;}
	#slickMain .slick-dotted.slick-slider
	{
	    margin-bottom: 0!important;
	    margin-left: 16%!important;
	}
	/*==========================
		about
	==========================*/
	#about {
		background: url(../img/bgBlack.jpg) left top;
		padding: 16% 0 10%;
	}
	#about .itemInner {
		margin: 0 auto;
		max-width: 100%;
		display: block;
		justify-content: nset;
		align-items: nset;
		flex-direction: nset;
		position: relative;
		width: 92%;
	}
	#about .itemBox {max-width: 100%;}
	#about .textBox {
		margin: 0;
	}
	#about h3 {
		font-size: 3rem;
		margin: 0 0 1vw;
	}
	#about strong.leadTX {
		display: block;
		font-size: 2rem;
		margin: 0 0 5vw;
		line-height: 1.8;
	}
	#about .iMGFrame {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#about .imgBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 100%;
		width: 100%;
		position: relative;
		bottom: auto;
		right: auto;
		margin: 0 auto;
	}
	#about .imgBox img {
		display: block;
		object-fit: cover;
		width: 48%;
	}
	#about .mainImg {
		max-width: 100%;
		float: left;
		max-width: 50%;
		padding: 8px 3vw 5% 0;
	}
	#about .textBlock {
		margin: 0 0 8%;
	}
	/*==========================
		worsk
	==========================*/
	.bgWorks {
		background: url(../img/bgWorks_sp.png) center center no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		width: 100%;
		height: 0;
		margin: 0 auto 5%;
		padding-top: 73%;
		position: relative;
	}
	.bgWorks p {
		font-size: 5.5rem;
		letter-spacing: 2px;
		width: 100%;
		height: 100%;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		top: -14vw;
		left: 0;
		padding-bottom: 0;
	}
	/*--- floatingList ---*/
	.floatingList {
		align-items: flex-end;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto 5%;
	}
	.floatingList li {
		max-width: 100%;
		width: calc(100% / 2);
		position: relative;
	}
	.floatingList li a {
		display: block;
		position: relative;
	}
	.floatingList li a::after {
		position: absolute;
		background: url(../img/icon_kakudai.svg)no-repeat top right;
		background-size: cover;
		-webkit-background-size: cover;
		content: "";
		right: 0;
		top: 0;
		width: 30px;
		height: 30px;
		display: block;
	}
	.floatingList li strong {
		position: absolute;
		font-size: 2rem;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		display: block;
		height: 5vw;
		text-align: center;
	}
	.floatingList li a img {
		height: 25vh;
		object-fit: cover;
		width: 100%;
	}
	/*--- js-modal ---*/
	.modal__content {
		background: #000000;
		left: 50%;
		padding: 50px 0;
		position: absolute;
		top: 50%;
		transform: translate(-50%,-50%);
		max-width: 100%;
		width: 100%;
	}
	.js-modal-open{
	  cursor: pointer;  
	}
	.js-modal {
	    /*display: none;*/
	    visibility: hidden;
	    height: 100vh;
	    position: fixed;
	    top: 0;
	    width: 100vw;
	    left: 0;
	    z-index: -1;
	}
	.js-modal.open {
	    visibility: inherit;
	    height: 100vh;
	    z-index: 1050;
	}
	.modal__bg{
	  background: rgba(0,0,0,0.7);
	  height: 100vh;
	  position: absolute;
	  width: 100%;
	}

	/* slick slider */
	.single .slidItem {
		flex-basis: 100%;
		padding-top: 60%;
		position: relative;
	}
	.single .slidItem img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	/*ズームする アニメーション*/
	.floatingBox {
		max-width: 100%;
		margin: 0 auto;
		width: 92%;
		position: relative;
	}
	.floatingBox .ttlSlider {
		display: block;
		font-size: 2rem;
		margin: 0 0 3%;
	}
	.floatingBox .textBox {
		overflow-x: scroll;
		height: 140px;
	}
	#worsk .slick-dotted.slick-slider {
	    margin-bottom: 15%;
	}
	.floatingBox .closeBtn {
		font-size: 3rem;
		position: absolute;
		top: -9vw;
		right: -2vw;
		cursor: pointer;
		z-index: 10;
	}


	/* -- shopIngList -- */
	#shopIngList {
		margin: 0 auto;
		width: 92%;
	}
	#shopIngList li {
		/* align-items: center; */
		/* display: flex; */
		/* justify-content: space-between; */
		margin: 0 auto 10%;
		max-width: 100%;
		width: 100%;
		position: relative;
		display: block;
		color: #111111;
	}
	#shopIngList li:nth-of-type(1) {}
	#shopIngList li:nth-of-type(2) {}
	#shopIngList li .itemBox {
		position: relative;
		top: auto;
	}
	#shopIngList li#forsale .itemBox {left: auto;}
	#shopIngList li#parts .itemBox {right: auto;}
	#shopIngList li h2 {
		font-size: 6rem;
		margin: 0 0 2%;
		letter-spacing: 0.5px;
	}
	#shopIngList li strong {
		font-size: 6.5rem;
		display: block;
	}
	#shopIngList li#parts strong {
		max-width: 100%;
		margin: 0 auto;
	}
	#shopIngList li p {
		margin: 0 0 3%;
		max-width: 100%;
	}
	#shopIngList li#parts p {margin: 0 auto 5%;}
	#shopIngList li#parts .linkBtn {
		max-width: 100%;
		margin: 0 auto;
	}
	#shopIngList li .itemImg {
		max-width: 100%;
		width: 100%;
	}
	#shopIngList li#forsale .itemImg {margin: 0 auto 3%;}
	#shopIngList li#parts .itemImg {margin: 0 auto 3%;}
	/*==========================
		gallery
	==========================*/
	#gallery {
		background: url(../img/bgBlack.jpg) left top;
		padding: 100px 0 0;
	}
	#gallery .imgList {
		align-items: flex-end;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#gallery .imgList li {
		max-width: 100%;
		width: calc(100% / 2);
		position: relative;
	}
	#gallery .imgList li a img {
		height: auto;
		object-fit: cover;
		width: 100%;
	}
	#gallery .imgList li a {
		display: block;
		position: relative;
	}
	#gallery .imgList li a::after {
		position: absolute;
		background: url(../img/icon_kakudai.svg)no-repeat top right;
		background-size: cover;
		-webkit-background-size: cover;
		content: "";
		right: 0;
		top: 0;
		width: 30px;
		height: 30px;
		display: block;
	}
	/*==========================
		company
	==========================*/
	#company {
		background: url(../img/bgCompany_sp.jpg) 50% 50% no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		width:100vw;
		height:auto;
		padding: 10% 0;
	}
	#company .footLogo {
		margin: 0 auto 8%;
		max-width: 50%;
	}
	#company .textBlock {
		margin: 0 0 10%;
		text-align: center;
		line-height: 1.8;
	}
	#company .linkBtn {
		font-size: 1.8rem;
		text-align: center;
	}
	/*==========================
		pagetop
	============================*/
	#pageTop {
		background: url(../img/bgBody.jpg) left top;
		position: relative;
		display: block;
		height: 60px;
		width: 100%;
	}
	a#pageTop:after {
		bottom: 0;
		content: "";
		display: block;
		height: 25px;
		margin: auto;
		position: absolute;
		right: 0;
		left: 0;
		top: 7px;
		width: 25px;
		border-left: solid 6px #111111;
		border-top: solid 6px #111111;
		transform: rotate(45deg);
	}
	/*==========================
		footer
	============================*/
	footer {
		background: url(../img/bgBlack.jpg) left top;
		padding: 10% 0;
	}
	.footInner {
		align-items: unset;
		display: block;
		justify-content: unset;
		margin : 0 auto;
		max-width: 100%;
		width: 92%;
	}
	.footInner .textBlock {
		font-size: 4rem;
		margin: 0 0 5%;
		text-align: center;
	}
	.footInner .textBox .outerLink {
		min-width: auto;
		margin: 0 auto 10%;
		display: block;
		width: 54%;
	}
	.footInner .footBox {
		max-width: 100%;
		width: 100%;
	}
	#footer .icon_insta_W {
		max-width: 20px;
		margin: 0 0 5% auto;
	}
	#footer .footNavi {
		align-items: flex-end;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto 3%;
		width: 100%;
		padding: 0 0 0 18vw;
	}
	#footer .footNavi li {
		width: calc(100% / 2);
		max-width: 100%;
		position: relative;
		max-width: 100%;
		margin: 0 0 5%;
	}
	small {
		font-size: 1.0rem;
		display: block;
		text-align: center;
	}
}
@media screen and (max-width: 380px) {
	#gNavi #naviList li a {
		border-bottom: 1px solid #dcdcdc;
		border-left: none;
		border-right: 1px solid #dcdcdc;
		display: block;
		padding: 10vw 0;
	}
	#gNavi #naviList {
		border-top: 1px solid #dcdcdc;
		margin: 0 auto 5vw;
		float: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 100%;
	}
	.contactLink {
		margin: 0 0 7%;
	}
}
/* Media Queries ================================================== */