html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;-webkit-text-size-adjust :100%;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
html{font:13px/1.3 "ヒラギノ角ゴ Pro W3","メイリオ", "Yu Gothic Medium", "YuGothic Medium","Hiragino Kaku Gothic ProN";-webkit-text-size-adjust:none;font-size: 62.5%;}
body,p,h1,h2,h3,h4,h5,h6,span,small,strong,div,ul,li,figure,img,header,footer,nav,section {margin: 0;padding: 0;border: none;outline: none;font-size: 1.4rem;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1em;margin-bottom:0.75em;}
h3 {font-size:0.75em;line-height:1;margin-bottom:1em;}
h4 {font-size:0.5em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:0.3em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:0.25em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {/*margin:0 0 1.5em;*/}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:0.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:1em 0.5em 0.5em 0;padding-left:0.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 0.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

ol, ul { list-style: none;}

.searchhead {
margin: 0 auto 0.5em auto;
width:100%;
}
.searchhead p{
display: block;
background: #c4151b;
color: #fff;
font-size: 1em;
font-weight: bold;
margin: 0;
padding: .2em;
text-decoration: none;
text-align: center;
vertical-align:middle;
/*border-radius: .2em;-webkit-border-radius: .2em;-moz-border-radius: .2em;-ms-border-radius: .2em;-o-border-radius: .2em;
background: -moz-linear-gradient(top,#d3161b,#d3161b 5%,#c4151b 5%,#a91216 95%,#a91216 95%,#6b0c0e);
background: -webkit-gradient(linear, left top, left bottom, from(#d3161b), color-stop(0.05,#d3161b), color-stop(0.05,#c4151b), color-stop(0.95,#a91216), color-stop(0.95,#6b0c0e), to(#6b0c0e));*/
}
.searchcond {
margin: .2em auto .5em auto;
width: 100%;
}
.searchcond ul {
float:left;
margin:0;
width: 32%;
}
.searchmaker {
margin: .5em auto 0 auto;
width: 95%;
/*width: 91%;*/
}

.searchmaker ul {
float:left;
padding: .1em;
margin:.1em;
width: 20%;
}

.searchcond:after,.searchmaker:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;position:relative;overflow:hidden}

.searchcond a  {
display: block;
background: #c4151b;
color: #fff;
/*font-size: 1.5em;*/
font-size: 1em;
font-weight: bold;
margin: 0;
/*padding: .2em 0;*/
padding-top: 12px;
padding-bottom: 12px;
text-decoration: none;
text-align: center;
vertical-align:middle;
max-width: 100%;
border-radius: .5em;-webkit-border-radius: .5em;-moz-border-radius: .5em;-ms-border-radius: .5em;-o-border-radius: .5em;
//background: -moz-linear-gradient(top,#d3161b,#d3161b 5%,#c4151b 5%,#a91216 95%,#a91216 95%,#6b0c0e);
//background: -webkit-gradient(linear, left top, left bottom, from(#d3161b), color-stop(0.05,#d3161b), color-stop(0.05,#c4151b), color-stop(0.95,#a91216), color-stop(0.95,#6b0c0e), to(#6b0c0e));
}

.searchmaker a  {
display: block;
background: #e9e9e9;
border: .1em solid #dadada;
color: #000;
font-size: .8em;
font-weight: bold;
margin: .2em .1em .1em 0;
padding: .2em;
text-decoration: none;
text-align: center;
vertical-align:middle;
max-width: 100%;
border-radius: .5em;-webkit-border-radius: .5em;-moz-border-radius: .5em;-ms-border-radius: .5em;-o-border-radius: .5em;
background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dbdbdb));
}

.searchmaker img{
max-width: 100%;
}

#makersel {
display: none ;
}

.searchresult {
padding: 0;
margin: .1em 0 .1em .2em;
}

.searchresult ul{
display: table;
padding: 0;
margin: 0;
width:99%;
}

.searchresult >ul{
margin: .2em 0 .1em 0;
}

.xsearchresult >ul:nth-child(odd) {
background:#faeff0;
}

.searchresult li{
display: table-cell;
padding: 0;
margin: 0;
border-collapse:collapse;
}




.topinfo {
margin:0 auto;
}
.topinfo .cover {
	width:80%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: -5px;
 	margin-bottom: 15px;
 	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}
.topinfo h2 {
	text-align: center;
	font-size: 110%;
	font-weight: 900;
	line-height: 1.2em;
	margin-top: 10px;
	color: #000;
}
.topinfo h3 {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 110%;
	font-weight: 700;
	border-radius: 50px;
	padding: 10px;
	background: #c4151b;
	color: #FFF;
	width:80%;
}
.topinfo .infoTxt {
	width:90%;
	margin: 5px auto 10px auto;
	line-height: 1.4em;
}
.topinfo .check {
	border-radius: 1000px;
	border:0px solid #ccc;
	background: #efeded;
	text-align: center;
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;
	height:52px;
	width: 70px;
	padding-top: 18px;
	font-weight: 900;
	font-size: 80%;
}
.topinfo .check a {
	display: block;
	text-decoration: none;
	height: 52px;
	width: 70px;
}
.topinfo #sns{
	margin-top: 100px;
}
.topinfo .topbnr {
	width:95%;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 1px;
 	margin-bottom: 10px;
}


/* 画面外にいる状態 */
.topinfo .fadein {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1000ms;
    }
 
/* 画面内に入った状態 */
.topinfo .fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

















.resultpage {
text-align: center;
vertical-align: middle;
border-top: 0px solid #c1ab05;
border-left: 1px solid #c1ab05;
/*border-right: 1px solid #c1ab05;*/
border-bottom: 2px solid #c1ab05;
width:10%;
font-weight: 900;
}

.resultnenshiki {
text-align: center;
vertical-align: middle;
border-top: 1px solid #c1ab05;
border-left: 1px solid #c1ab05;
border-right: 1px solid #c1ab05;
border-bottom: 1px solid #c1ab05;
width:10%;
font-weight: 900;
}

.resultkakaku {
text-align: center;
vertical-align: middle;
border-top: 1px solid #c1ab05;
border-left: 1px solid #c1ab05;
border-right: 1px solid #c1ab05;
border-bottom: 1px solid #c1ab05;
width:10%;
font-weight: 900;
}

.resultcol1u {width:25%;border-top: 0px solid #c1ab05;border-left: 1px solid #c1ab05; /*border-bottom: 1px solid #c1ab05;*/}
.resultcol2u {width:13%;border-top: 1px solid #c1ab05;border-right: 1px solid #c1ab05;border-bottom: 1px solid #c1ab05;text-align:right;}
.resultcol3u {width:19%;/*border-top: 1px solid #c1ab05;*/border-right: 1px solid #c1ab05;border-left: 1px solid #c1ab05;border-bottom: 1px solid #c1ab05;text-align:center;}
.resultcol4u {width:33%;border-top: 0px solid #c1ab05;border-bottom: 2px solid #c1ab05;border-left: 1px solid #c1ab05;}
.resultcol1d {width:25%;border-bottom: 1px solid #c1ab05;border-right: 1px solid #c1ab05;}
.resultcol2d {width:13%;border-bottom: 1px solid #c1ab05;border-right: 1px solid #c1ab05;text-align:right;}
.resultcol3d {width:19%;border-bottom: 1px solid #c1ab05;/*border-right: 1px solid #c1ab05;*/text-align:center;}
.resultcol4d {width:33%;border-bottom: 1px solid #c1ab05;border-left: 1px solid #c1ab05;}
.searchresult >ul:nth-child(odd) .resultpage,
.searchresult >ul:nth-child(odd) .resultcol1u,
.searchresult >ul:nth-child(odd) .resultcol2u,
.searchresult >ul:nth-child(odd) .resultcol3u,
.searchresult >ul:nth-child(odd) .resultcol4u,
.searchresult >ul:nth-child(odd) .resultcol1d,
.searchresult >ul:nth-child(odd) .resultcol2d,
.searchresult >ul:nth-child(odd) .resultcol3d,
.searchresult >ul:nth-child(odd) .resultcol4d {
background:#faeff0;
}
.resulthead {
text-align:center;
background:#c4151b !important;
color: #fff;
}

.modal-content {
background:#e9e9e9;
height: 50%;
width: 90%;
margin: 0 ;
padding: .5em .5em .5em .5em;
border: 1px solid #e9e9e9;
position: fixed ;
display: none ;
z-index: 3 ;
overflow:auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;
}

.modal-content p {
margin:.2em auto .5em auto;
text-align:center;
}
.modalhead {
font-size: 1.5em;
font-weight: bold;
color:#fff;
}

.modalcarlist {
background: #eef2f7;
border: 1px solid #CCCCCC;
border-collapse:collapse;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
padding: 0 0 .5em 0;
margin: .2em auto .5em auto;
width: 100%;
}

/*.modalcarlist ul {
float: left;
margin: .2em 0 .3em 0;
width: 30%;
}*/


.modalcarlist a  {
display: block;
background: #e9e9e9;
border: .1em solid #dadada;
color: #000;
font-size: .8em;
font-weight: bold;
margin: .2em .1em -0.7em 0;
padding: .8em;
text-decoration: none;
text-align: left;
vertical-align:middle;
max-width: 100%;
border-radius: .5em;-webkit-border-radius: .5em;-moz-border-radius: .5em;-ms-border-radius: .5em;-o-border-radius: .5em;
background: -webkit-gradient(linear, left top, left bottom,from(#f7f7f7),to(#dbdbdb));
}


/*.modalcarlist a {
display: block;
margin: 0 auto;
color: #4d4d4d;
}

.modalcarlist a:hover {
color: #4d4d4d;
}*/

.xmodalcarlist:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;position:relative;overflow:hidden}

.modmakersize {
height: 60%;
width: 85%;
}

.modmakersize li div {
font-size: .65em;
}

.modcarsize {
height: 90%;
width: 50%;
}

.modalkakakulist {
background: #eef2f7;
border: 1px solid #CCCCCC;
border-collapse:collapse;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
padding: 1.5em 0 2em 0;
margin: .2em auto .5em auto;
width: 100%;
}

.xmodalkakakulist ul {
float: left;
margin: .2em 0 .3em 0;
width: 31%;
}

.modalkakakulist a {
display: block;
font-size: .9em;
margin: 0 auto;
color: #4d4d4d;
}

.modalkakakulist a:hover {
color: #4d4d4d;
}

.modkakakusize {
height: 82%;
width: 50%;
}

.partslist ul {
width: 45%;
}

.partslist li div {
font-size: .65em;
}

.modpartssize {
height: 65%;
width: 78%;
}

.modpartslistsize {
height: 65%;
width: 78%;
}

.xmodalkakakulist:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;position:relative;overflow:hidden}

#modal-overlay {
z-index: 1 ;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.75 ) ;
overflow:auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}

.button-link {
color: #00f ;
text-decoration: underline ;
}
 
.button-link:hover {
cursor: pointer ;
color: #fffd61 ;
}

.footter {
height: 100px;
}
.loaddata {
display: block;
text-align:center;
width: 100%;
}

.loaddata img {
max-width: 100%;
}

#disphead {
display: none;
}

.fixed {
position: fixed;
left: 0;
top: 0;
width: 100%;
}

.infomsg {
font-size: 1.2em;
font-weight: bold;
color: #ff4500;
padding: .5em 0 .5em .2em;
}

.upldlist {
margin: .2em auto .2em 2em; 
}

.upldlist ul{
display: table;
padding: 0;
margin: 0;
width:99%;
}

.upldlist li{
display: table-cell;
padding: .2em .5em;
margin: .2em;
border-collapse:collapse;
}
.upldlist  ul:nth-of-type(1)  li:nth-of-type(1) {width:8%;}
.upldlist  ul:nth-of-type(1)  li:nth-of-type(2) {width:5%;text-align:left;}
.upldlist  ul:nth-of-type(1)  li:nth-of-type(3) {width:9%;}
.upldlist  ul:nth-of-type(1)  li:nth-of-type(4) {width:93%;text-align:left;}
.upldlist  ul:nth-of-type(2)  li:nth-of-type(1) {width:20%;}
.upldlist  ul:nth-of-type(2)  li:nth-of-type(2) {width:80%;}


#footer {
	background: #999;
	height:80px;
	margin-top: 20px;
	padding: 15px;
}
#footer .footbtn {
	border-radius: 1000px;
	background: #BBB;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height:43px;
	width: 70px;
	padding-top: 27px;
	font-weight: 900;
	font-size: 80%;
}
#footer .footbtn a {
	display: block;
	text-decoration: none;
	height:43px;
	width: 70px;
	color:#FFF;
}