@charset "utf-8";

/*----------reset----------*/
html,body {
margin:0;
padding:0;
}
body {
	font-family: sans-serif;
	font-size: 14px;
}
div,span {
margin:0;
padding:0;
}
address {
font-style:normal;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
}
div,span,p, pre,code,blockquote,q {
margin:0;
padding:0;
}
article, aside, figure, main, figcaption, footer, header, nav, section {
display: block;
}
code {
font-style:normal;
font-weight:normal;
}

cite,dfn,em,strong,var {
font-style:normal;
font-weight:normal;
}
ins,del {
text-decoration:none;
}
abbr,acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:top;
}
sub {
vertical-align:baseline;
}

img {
border:0;
vertical-align:bottom;
}

a,a:link,a:visited,a:hover,a:active {
outline:0;
text-decoration:none;
color: #000000;
}

a.over:hover img,
a.over:hover p,{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
zoom:1;
}

/* List--------------------------------------------- */
ul,ol,dl,dt,dd {
margin:0;
padding:0;
}
li {
margin:0;
padding:0;
list-style:none;
}


/* Table
--------------------------------------------- */
table {
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
}
tr,
td,
thead,
tfoot,
tbody {
margin:0;
padding:0;
}
th {
margin:0;
padding:0;
font-weight:normal;
text-align:left;
}
caption {
font-weight:normal;
text-align:left;
}

.clearfix:after {
	clear: both;
    content: " ";
    display: block;
}

.disp_pc {
	display: block;
}

.disp_sp {
	display: none;
}

/*----------reset----------*/


/*----------header----------*/
.ms-ng .wheel_configurator_header {
	position: relative;
}

.ms-ng .wheel_configurator_header .ms-rb-logo {
	padding: 16px 0 16px 5%;
	width: 257px;
}

.ms-ng .wheel_configurator_header .ms-rb-logo a {
	display: block;
}

.ms-ng .wheel_configurator_header .ms-rb-logo a img {
	width: 100%;
}

/*----------footer----------*/

.ms-ng .wheel_configurator_footer {
	width: 100%;
	background-color: #000;
	padding: 20px 0;
}

.ms-ng .wheel_configurator_footer .copy {
	text-align: center;
	color: #fff;
}

@media screen and (max-width:768px) {
	.disp_pc {
		display: none;
	}

	.disp_sp {
		display: block;
	}

	.ms-ng .wheel_configurator_header .ms-rb-logo {
		width: 43.28%;
		padding: 3% 0 3% 5%;
	}
}