@charset "utf-8";

@media screen and (max-width: 819px){
* {
	font-style:normal;
	font-weight:normal;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	}

html {
  font-size: 62.5%; /*font-size:10px;*/
  -webkit-text-size-adjust: 100%;
  }

body {
	color: #eee;
	background-color:#000;
	margin: 0;
	padding: 0;
	font-size:1.4rem; 
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	}

a { color:#eee; text-decoration:none; }

button { border:0; padding:0; background:none; cursor:pointer; }
	
img { max-width:100%; }
	
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.tright { text-align:right; }
.uline { text-decoration:underline; }

.fs10 { font-size:1.0rem; }
.fs11 { font-size:1.1rem; }
.fs12 { font-size:1.2rem; }
.fs13 { font-size:92%; }
.fs14 { font-size:100%; }
.fs16 { font-size:105%; }
.fs18 { font-size:110%; }
.fs20 { font-size:115%; }
.fs28 { font-size:120%; }

.f_bold { font-weight:bold; }

.red { color:#cc0000; }
.blue { color:#2C3E63; }

.ml80 { margin-left:80px; }
.mb10 { margin-bottom:5px; }
.mb20 { margin-bottom:12px; }

pre { white-space: pre-wrap; word-wrap: break-word; overflow: visible; }


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

#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

header {
	width:98%;
	max-width:1100px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
	}
	header h1 { margin:0; padding:0; width:70%; }
	header h1 img { width:100%; height:auto; max-height:50px; }
	header div.tel { display:none; }
	header label { position:absolute; top:10px; right:5px; font-size:3.8rem; color:#990000; }
	header label.toggle { cursor: pointer; text-align:right; padding-right:5px; }

nav { display:none; }

footer {
	margin:0;
	padding:0;
	height:80px;
	background-color:#222;
	text-align:center;
	}
	footer p { color:#fff; font-size:1.0rem; font-family:Arial, Helvetica, sans-serif; padding-top:35px; }
	footer p span { color:#222; }
	footer p a { color:#222; }

.pc { display:none; }

.clear { clear:both; }
	
#main { width:96%; margin:0 auto; padding:0 0 0 50px 0; position:relative; min-height:350px; }
#main p { margin:5px 0; padding:5px 0 15px 0; line-height:180%; }
#main p.p5 { margin:0 !important; padding:5px 0 !important; line-height:160%; }
#main p.p10 { margin:0 !important; padding:10px 0 !important; line-height:160%; }

div#h2 { width:100%; background-image:url(/i/bg.png); padding:20px 0; margin:15px 0; }
div#h2 h2 { color:#fff; font-size:1.6rem; margin:0 auto; padding:0 0 0 10px; }
div#h2 h2 img { width:auto; height:20px; vertical-align:bottom; margin-right:3px; }

#main h3 { font-size:1.8rem; color:#990000; line-height:160%; padding:20px 0; }
#main h3:first-letter { font-size:3.0rem; }
#main h4 { font-size:1.7rem; font-weight:bold; color:#eee; line-height:180%; padding:10px 0; font-family: source-han-serif-japanese,serif; font-weight: 700; font-style: normal; }
#main h5 { font-size:1.5rem; font-weight:bold; color:#eee; line-height:180%; padding:5px 10px; margin:40px 0 10px 0;
	background:url(/i/bdr_2line.png) bottom repeat-x; font-family: source-han-serif-japanese,serif; font-weight: 700; font-style: normal; }


/* --------------------------------------------------------------
  MENU
-------------------------------------------------------------- */
#menu i { margin-right:5px; }
#menu { position: fixed; left: 0; top: -100%; overflow: hidden; transition: bottom .5s, top .5s; width:100%; height:100%; background-color:#000; z-index:100; }
	#open { display: none; }
	#open:checked + #menu { top: 0; }
#menu ul.menu { margin:20px 0 0 0; }
#menu ul.menu li { font-size:1.4rem; padding:10px; border-bottom:1px dashed #ccc; line-height:180%; }
#menu a { color:#fff; text-decoration:none; }
#menu label { cursor: pointer; color:#fff; text-decoration:none; }

#menu p.head { text-align:center; background-color:#000; padding:15px 0; line-height:200%; }
#menu p.head img.mlogo { max-width:90%; height:auto; max-height:40px; margin-bottom:10px; }
#menu p.head img.mtel { max-width:80%; height:auto; max-height:70px; }


/* --------------------------------------------------------------
  clearfix
-------------------------------------------------------------- */
.info dd:after,
.mente p:after,
dl.exp dd:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }

/* --------------------------------------------------------------
  TOP
-------------------------------------------------------------- */

.topmain { width:100%; padding:5px 0; margin:1px 0; }
#main-img{  display:block; overflow:hidden; width:100%; }
#main-img img { width:100%; max-width:1100px; }
#main-img .bxslider{ padding:0; margin:0 auto; max-width: 1100px; }

ul.topbnr1 { margin:0; padding:60px 0 10px 0; line-height:0; }
ul.topbnr1 li { display:inline-block; margin-bottom:10px; width:32%; margin-right:2%; }
	ul.topbnr1 li img { width:100%; height:auto; }
	ul.topbnr1 li:nth-child(3) { margin-right:0; }

h4.topbnr { margin:0; background:url(/i/bdr_rline.png) bottom no-repeat; padding:5px; }

ul.topbnr2 { margin:0; padding:8px 0 20px 0; line-height:0; }
ul.topbnr2 li { display:inline-block; margin-bottom:10px; width:48.88888%; margin-right:2.22222%; }
	ul.topbnr2 li img { width:100%; height:auto; }
	ul.topbnr2 li:nth-child(2n) { margin-right:0; }


div.info { padding:15px; min-height:520px; margin-bottom:30px; }
div.info h3 { padding:6px 5px !important; background:url(/i/bdr_2line.png) bottom repeat-x; margin-bottom:20px; position:relative; }
div.info h3 span { position:absolute; right:0; top:8px; font-size:1.1rem; }
div.info h3 span a { padding:2px 8px; text-decoration:none; }
div.info h3 span i { padding-right:5px; }

.info dl { margin:5px 5px 8px 5px; padding:0; line-height:140%; }
.info dt { float:left; }
.info dd { margin:0 0 0 90px; }

ul.sns { position:absolute; top:10px; left:0; text-align:center; width:100%; }
ul.sns li { display:inline-block; padding:0 10px; width:50%; text-align:center; }
ul.sns li img { max-width:100%; height:auto; max-height:26px; }


/* --------------------------------------------------------------
  基本
-------------------------------------------------------------- */

p.title { font-size:1.4rem; font-weight:bold; }
p.price { font-size:1.4rem; font-weight:bold; text-align:right; color:#990000; }

img.fimg { width:100%; margin:10px 0; }
img.rimg { width:100%; margin:10px 0 10px 0; }
img.rimg2 { width:100%; margin:10px 0 10px 0; }
img.cimg { width:60%; margin:10px auto; }
img.limg { width:100%; margin:10px 0; }
img.limg2 { width:100%; margin:10px 0; }

div.capimgr { width:40%; float:right; margin:10px 0 10px 10px; font-size:1.1rem; line-height:130%; }
div.capimg { width:48%; margin:10px 0.5%; font-size:1.1rem; line-height:130%; display:inline-block; vertical-align:top; text-align:left; }
div.cap { width:100%; margin:0 10px 10px 10px; font-size:1.1rem; line-height:130%; }

ul.imgr { float:right; width:40%; margin:0 0 0 10px; }
ul.imgr li { line-height:0; margin-bottom:3px; }

ul.ph2 { width:100%; margin:10px 0; }
ul.ph2 li { display:inline-block; width:49.5%; vertical-align:top; text-align:center; margin-bottom:10px; }
	ul.ph2 li:nth-child(2n) { margin-left:1%; }
	ul.ph2 li img { width:100%; margin-bottom:3px; }
	ul.ph2 p { text-align:left !important; margin:0 !important; padding:0 5px !important; line-height:140%; }

ul.ph3 { width:100%; margin:10px 0; text-align:center; }
ul.ph3 li { display:inline-block; width:49.5%; font-size:1.1rem; line-height:130%; vertical-align:top; text-align:center; margin-bottom:10px; margin-bottom:10px; }
	ul.ph3 li:nth-child(2n) { margin-left:1%; }
	ul.ph3 li img { width:100%; margin-bottom:3px; }
	ul.ph3 p { text-align:left !important; margin:0 !important; padding:0 5px !important; line-height:140%; }

ul.btn3 { width:100%; margin:20px 0; }
ul.btn3 li { display:inline-block; width:49.5%; font-size:1.1rem; line-height:130%; vertical-align:top; text-align:center; margin-bottom:5px; }
	ul.btn3 li:nth-child(2n) { margin-left:1%; }

table.half { width:100%; }
table.half td { display:block; width:100%; vertical-align:top; }
	.half td:nth-child(1) { padding-right:3%; }
	.half td:nth-child(2) { padding-left:3%; }
table.half td p { padding:5px 0 !important; margin:0 !important; line-height:135% !important; }

table.col3 { width: 100%; }
table.col3 td { display:block; width:100%; vertical-align:top; padding-bottom: 20px; }
table.col3 p { padding: 2px 0 !important; margin: 0 !important; line-height: 120% !important; }

table.about { width:100%; margin:30px 0; border-top:1px solid #333; border-left:1px solid #333; }
table.about th { border-bottom:1px solid #333; border-right:1px solid #333; padding:10px; line-height:130%; }
table.about td { border-bottom:1px solid #333; border-right:1px solid #333; padding:10px; line-height:130%; }

.imgss { width:40%; height:auto; }

dl.exp { margin:10px 0; line-height:180%; }
dl.exp dt { float:left; }
dl.exp dd { }

div.btn { padding:20px 0; }
div.btn a { display:block; width:90%; margin:auto; text-align:center; padding:10px; background-color:#990000; 
	color:#fff; border-radius:5px; text-decoration:none; font-size:1.8rem; font-weight:bold; }
	div.btn a i { font-size:2.0rem; margin-left:10px; }

a.btn2 { display:block; width:100%; text-align:center; padding:15px 5px; background-color:#1E2A44; margin:5px auto; line-height:120%;
	color:#fff; border-radius:5px; text-decoration:none; font-size:1.3rem; font-weight:bold; }

a.btn3 { display:block; width:80%; text-align:center; padding:15px 5px; background-color:#1E2A44; margin:15px 0; line-height:120%;
	color:#fff; border-radius:5px; text-decoration:none; font-size:1.3rem; font-weight:bold; }

h6.juyo {
	width:100%;
    margin: 20px 0;
    padding: 20px 10px;
    text-align:left;
    box-shadow: 0 0 0 5px #990000 inset;
    position: relative;
    z-index: 100;
    overflow: hidden;
	font-size:1.6rem; font-weight:bold;
	color:#990000;
	line-height:140%;
}
 
h6.juyo::before{
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #990000;
    box-shadow:0 0 0 2px #000, 0 0 0 7px #990000;
}
 
h6.juyo::after{
    border-radius:50%;
    display: block;
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #990000;
    box-shadow: 0 0 0 2px #000, 0 0 0 7px #990000;
}
h6 span { font-size:1.3rem; color:#ccc; display:block; margin:5px 0; }




/* --------------------------------------------------------------
  各ページ
-------------------------------------------------------------- */

div.mente { border:1px dashed #990000; padding:0 10px; margin:20px 0 50px 0; }
.mente h3 { font-size:1.8rem !important;  margin:0 !important; padding:30px 0 0 0 !important; }
.mente h3:first-letter { font-size:1.8rem !important; }
.mente div { width:100%; padding-top:10px; }
.mente h4 { font-size:1.6rem !important; line-height:130% !important; }


table.contact { margin:10px auto; width:100%; border-top:1px dotted #000; }
table.contact th { background-color:#222; display:block; width:100%; padding:20px 8px 0 8px; text-align:left; vertical-align:middle; line-height:130%; font-weight:bold; }
	table.contact th span { color:#990000; }
table.contact td { background-color:#222; display:block; width:100%; padding:5px 8px 20px 8px; border-bottom:1px dotted #000; vertical-align:middle; line-height:130%; }
table.contact td input, table.contact td textarea { padding:5px; border:none; margin:3px 0; background-color:#ccc; }

.txt-s { width:100%; }
.txt-m { width:100%; }
.txt-l { width:100%; }

div.formbtn { text-align:center; padding:20px 0 50px 0; }
input.backbtn { padding:10px; width:35%; border:none; background-color:#999999; color:#fff; margin-right:10px; font-size:1.5rem; }
input.submitbtn { padding:10px; width:50%; border:none; background-color:#1E2A44; color:#fff; font-size:1.5rem; }
span.error { padding:4px 0; font-size:1.2rem; color:#CC0000; }

#info { padding:20px 0; }
#info dl { margin:5px; padding:10px 0; line-height:140%; border-bottom:1px solid #ddd; }
#info dt { float:left; }
#info dd { margin:0 0 0 110px; }

#car section { margin:30px 0; padding:0; border-bottom:1px solid #777; }
#car .carimg { width:100%; }
#car .cardetail { margin-left:0; }
#car .cardetail h4 { font-size:1.6rem; font-weight:bold; margin:0 0 12px 0; padding:0; color:#990000; line-height:135% !important; }
#car .cardetail dl { margin:0; padding:0 0 15px 0; }
#car .cardetail dt { margin:0; padding:8px 0 8px 10px; background-color:#222; color:#fff; border-radius:2px;
		background-repeat:no-repeat; background-position:left; line-height:100%; }
	#car .cardetail dt i { padding-right:8px; font-size:1.8rem; }
#car .cardetail dd { margin:0; padding:3px 2px; }
#car .cardetail dd p { margin:5px 0 0 0; padding:0; line-height:145%; font-size:1.4rem; }

#car .cardetail dl.price { background-color:#222; color:#fff; border-radius:2px; padding-bottom:0; position:relative; padding:3px 2px;}
#car .cardetail dl.price dt { }
#car .cardetail dl.price dd { position:absolute; right:15px; top:5px; width:50%; text-align:right; font-size:2.2rem; }

#car .cardetail p.btn { margin:20px 0 50px 0; padding:0; line-height:120% !important; }
#car .cardetail p.btn a { display:block; text-align:center; padding:10px; background-color:#990000; color:#fff; border-radius:5px; text-decoration:none; }
#car .cardetail p.btn a span { font-size:1.1rem; }

h5.car { font-size:1.5rem !important; text-align:center; color:#cc0000 !important; }
h5.car p span { color:#1E2A44; margin:0 3px; }

table.resetable { margin:10px auto; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.resetable th, .resetable td { padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd }
.resetable th { text-align:center; }
.resetable th:nth-child(1) { width:25%; }
.resetable th:nth-child(2) { width:37.5%; }
.resetable th:nth-child(3), .resetable td:nth-child(3) { width:37.5%; background-color:#efefef; }

.pac table {
	margin:20px auto;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
	width:98%;
	}
	.pac table th { padding:5px; border-right:1px dashed #666666; border-bottom:1px solid #666666; text-align:center; }
	.pac table th.kei { padding:5px; border-right:1px solid #666666; border-bottom:1px solid #666666; text-align:center; }
	.pac table td.item { padding:5px; border-right:1px dashed #666666; border-bottom:1px dashed #666666; }
	.pac table td.num { padding:5px; border-right:1px dashed #666666; text-align:center; border-bottom:1px dashed #666666; }
	.pac table td.yen { padding:5px 10px 5px 5px; border-right:1px dashed #666666; text-align:right; border-bottom:1px dashed #666666; }
	.pac table td.kei { padding:5px 10px 5px 5px; border-right:1px solid #666666; text-align:right; border-bottom:1px dashed #666666; }

ul.planmenu { width:100%; margin:20px 0; }
ul.planmenu li { display:inline-block; width:47.5%; margin-right:5%; font-size:1.2rem; line-height:130%; vertical-align:top; text-align:center; margin-bottom:40px; }
	ul.planmenu li:nth-child(2n) { margin-right:0; }
	ul.planmenu li img { width:100%; margin-bottom:5px; }
	ul.planmenu p { text-align:left !important; margin:0 !important; padding:0 5px !important; line-height:130% !important; }
	ul.planmenu span.title { color:#fff; font-size:1.4rem; font-weight:bold; line-height:150% !important; }
	ul.planmenu a { text-decoration:none; color:#ccc; }
	
table.r35coil1 { margin:20px 0; width:100%; }
.r35coil1 td { padding:20px; }
.r35coil1 tr:nth-child(1) { background-color:#222; }
.r35coil1 tr:nth-child(2) { background-color:#333; }

h3.threer { background:url(/i/ThreeR.png) no-repeat bottom; background-size:250px; padding-bottom:55px !important; }

ul.itemlist { width:100%; margin:20px 0; }
ul.itemlist li a { text-decoration:none; }
ul.itemlist li { display:inline-block; width:48%; margin-right:4%; line-height:130%; vertical-align:top; margin-bottom:30px;
		font-weight:bold; font-size:1.5rem; }
	ul.itemlist li:nth-child(2n) { margin-right:0; }
ul.itemlist li p { margin:8px 0 !important; padding:0 !important; line-height:130% !important; font-weight:normal; font-size:1.3rem !important; }
ul.itemlist li p.price { text-align:right; font-size:1.5rem !important; }
ul.itemlist li img { width:100%; margin-bottom:3px; height:auto; }

span.kata { background-color:#1E2A44; color:#fff; padding:2px 5px; border-radius:5px; font-size:1.2rem; }


ul.pmenu { text-align:center; margin:20px 0; }
ul.pmenu li { display:inline-block; width:48%; margin:0 1% 20px 1%; vertical-align:top; line-height:150%; font-size:1.4rem; }
ul.pmenu li a { display:block; height:180px; background-color:#1E2A44; color:#fff; border-radius:10px; padding:68px 15px 5px 15px;
		background-repeat:no-repeat; background-position:center 20px; background-size:40px; }
	ul.enginemenu li a { background-image:url(/i/i_engine.png); }
	ul.bodymenu li a { background-image:url(/i/i_body.png); }

table.daiko { width:100%; margin:20px 0; }
table.daiko td { display:block; width:100%; font-size:1.2rem; }

/* --------- ページナビ---------------- */

.wp-pagenavi { text-align: center; padding:20px 0 50px 0; }
.wp-pagenavi a { padding:5px 8px; text-decoration:underline; }
.wp-pagenavi span.current {
    font-weight: bold;
    display: inline-block;
	padding:5px 10px;
	}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	font-size:1.2rem;
	text-decoration:underline;
	}


.rebuild { background-image:url(/i/rebuild/rebuild_001.jpg); background-position:top; background-repeat:no-repeat; position:relative; background-size:104%; padding-top:46%; }
.rebuild div.tit { text-align:center; position:absolute; top:50px; width:100%; }
.rebuild div.tit img { width:25px; height:auto; }
.rebuild div.rebody { background-color:#C8CACA; background-image:url(/i/rebuild/rebuild_02.jpg); background-repeat:no-repeat; background-position:top; background-size:80%;
	padding-top:70%; margin:20px 0; }
.rebuild div.rebody p { font-size:1.2rem !important; color:#000; padding:10px !important; }
.rebuild p a { color:#cc0000; }


/* --------------------------------------------------------------
  オンラインショップ
-------------------------------------------------------------- */
#main div.originalitem p { margin:0 !important; padding:0 15px 15px 0 !important; line-height:160% !important; }
#main div.originalitem h3 { font-size:1.8rem; font-weight:bold; color:#990000; line-height:160%; padding:30px 0 0 0 !important; font-family: source-han-serif-japanese,serif; font-weight:700; font-style: normal; }
#main div.originalitem h3:first-letter { font-size:1.8rem !important; }

#post-0 p { padding:50px 0; text-align:center; font-size:1.5rem; }

.itemcont { margin:15px 0; padding:0; }
.itemcont #itemp { margin:10px 0 !important; }
.itemcont #itemp .itemtxt { line-height:170%; padding-bottom:50px; }
.itemcont #itemp .itemimg { display:none; }
.itemcont #itemp .itemcart { margin:50px 0; padding:0; line-height:200%; letter-spacing:0.08em; }
.itemcont #itemp .cartbtn { text-align:right; padding:10px 10px 20px 10px; }

.itemcart { background-color:#fff; padding:10px; }
.itemcart input.skubutton { width:300px; text-align:center; padding:15px; background-color:#1E2A44; 
	color:#fff; border-radius:5px; border:none; text-decoration:none; font-size:1.6rem; font-weight:bold; margin-left:20px; }

div.itemname { font-size:1.7rem; font-weight:bold; padding:20px 10px 10px 10px; }
div.itemprice { color:#CC0000; font-weight:bold; font-size:1.7rem; text-align:right; padding:0 10px; }
div.itemzaiko { display:none; }
input.skuquantity { width:30px; }

table.skumulti { width:100%; border-bottom:2px solid #222; }
.skumulti th, .skumulti td { background-color:#111; padding:10px; display:block; width:100%; }
.skumulti td.thtd { font-size:1.7rem; font-weight:bold; }
.skumulti td.skudisp { border-top:2px solid #222; }
.skumulti td.button { text-align:center; }
.skumulti td.button input { width:80%; text-align:center; padding:10px; background-color:#1E2A44; 
	color:#fff; border-radius:5px; border:none; text-decoration:none; font-size:1.6rem; font-weight:bold; }
	td.zaiko, td.unit { display:none; padding:0 !important; }
	td.quant { text-align:right; }

.quant input { width:30px; }

ol.ucart li { padding:8px 0; border-right:1px solid #f5f5f5; }

#cart .upbutton input { background-color:#ddd; color:#666; padding:8px !important; width:150px !important; }
table#cart_table, table.customer_form { width:100%; margin:15px 0; }
table#cart_table td, table#cart_table th, table.customer_form td, table.customer_form th { padding:15px 8px !important; font-size:1.5rem !important; background-color:#333 !important; border:1px solid #666 !important; color:#fff !important; }
table#cart_table td, table.customer_form td { background-color:#000 !important; border:1px solid #666 !important; }
table.customer_form label { font-size:1.5rem; color:#eee; }
table.customer_form dd { color:#eee !important; }

table#confirm_table h3 { font-size:1.6rem !important; }
table#confirm_table h3:first-letter { font-size:1.6rem !important; }

table#confirm_table th, table#confirm_table td { padding:15px 8px !important; font-size:1.5rem !important; background-color:#fff; }

input.delButton { background-color:#ddd; color:#666; width:100px; padding:5px 0; }
input.continue_shopping_button, input.back_cart_button, input.back_to_customer_button, input.back_to_delivery_button
	 { background-color:#ddd; color:#1E2A44; width:200px; padding:15px; border:none; margin:10px; }
input.to_customerinfo_button, input.to_deliveryinfo_button, input.to_confirm_button, input.checkout_button
	 { background-color:#1E2A44; color:#fff; width:220px; padding:15px; border:none; margin:10px; }


}