/* 
Theme Name: ハコレンタカー
Version: 1.0
Author: MOBINC.
Description: ハコレンタカー
*/

@font-face {
	font-family: 'DIN Condensed Bold';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/DINCondensed-Bold.woff2") format('woff2'),
		 url("fonts/DINCondensed-Bold.woff")  format('woff'),
		 url("fonts/DINCondensed-Bold.ttf")   format('truetype'),
		 url("fonts/DINCondensed-Bold.otf")  format('opentype');
}

html, body, div, span, object, iframe, article, aside, canvas, details, pre, figcaption, figure,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, select, button, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	color: #000;
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,Roboto,YakuHanJP,"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: .75px;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	list-style: none;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
html {overflow: auto; overflow-y: scroll;}
body {position: relative; background: #fff; min-height: 100%; overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;}
p {margin: 0; padding: 0;}
b {font-weight: 700;}
address {text-decoration: none; font-style: normal;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #000; transition: .2s ease;}
a:hover {cursor: pointer; text-decoration: underline;}
a:focus, *:focus {outline: none;}
img {display: block; max-width: 100%; height: auto; transition: .2s ease; backface-visibility: hidden; -ms-interpolation-mode: bicubic;}
a:hover img {cursor: pointer; opacity: .7; zoom: 1;}
svg {display: block; max-width:100%; height: auto; transition: .2s ease;}
ins {background: transparent; color: #333; text-decoration: none;}
mark {background: transparent; color: #333; font-style: italic; font-weight: 700;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 1em 0; padding: 0;}
::selection {background: #cff2ff;}
input {vertical-align: middle; position: relative; background: transparent;}
input[type="submit"],input[type="reset"],input[type="button"],button {cursor: pointer; -webkit-appearance: button; -ms-appearance: none; *overflow: visible;}
input[type="submit"] {border: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-ms-clear,
input::-ms-reveal {visibility: hidden;}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; background: #fff;}
select::-ms-expand {display: none;}
select,
select:focus {outline: none;}
select:hover {cursor: pointer;}
button {background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
.display-name {color: #fff;}
/* ie対策 */
img[src$=".svg"], img[src$=".svgz"] {width: 100%; height: auto;}