/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html { font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break:break-all;}
body { margin: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
dfn { font-style: italic;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img{border:0;vertical-align:middle}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0;}
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
p,li,dl,dt,dd,th,td,pre,ul,ol{ margin:0; -ms-line-break:strict; line-break:strict; -ms-word-break:break-strict; word-break:break-strict}
ul,ol { list-style: none; padding: 0;}

/* ----------------------------------------------------
base setting
---------------------------------------------------- */

* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;  box-sizing: border-box;}

html {
  -webkit-tap-highlight-color: transparent;   -moz-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; /* 10px */
}
body { font-size: 1.6rem;
text-rendering: optimizeLegibility;
font-kerning: normal;               
font-variant-ligatures: common-ligatures contextual;
font-feature-settings: "kern", "liga", "clig", "calt";}
#wrapper { margin: 0 auto; position: relative;}

/* ----------------------------------------------------
element base setting
---------------------------------------------------- */

h1, h2, h3, h4, h5, h6, table, ul, ol, p, dl { font-size: 100%; margin: 0;}
ul{ list-style: none; }
dd { margin: 0;}
table, ul, ol, p, dl {margin-bottom: 20px;}
header table, header ul, header ol, header p,  header dl,footer table, footer ul, footer ol, footer p,  footer dl {	margin-bottom: 0px;}

/* link  */
a[href^="tel:"] { cursor: default;}
.clickable { cursor: pointer;}
.clearfix{ zoom:100%;	}
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.spNoDisplay{display:none;}

@media (min-width:769px) { /* PC + tablet */
.pcNoDisplay, #ftSlideBlock { display: none !important;}
a:hover[href^="tel:"] { text-decoration:none; }
.spNoDisplay{display:block;}
}

@media (max-width: 1200px) and (min-width: 768px) {/*  tablet */
body {font-size: 1.3vw;}
table, ul, ol, p, dl {margin-bottom: 1.6vw}
}

@media (max-width: 768px) {/*  sp */
body {font-size: 4.17vw;}
.spNoDisplay { display: none;}
a:hover { text-decoration: none !important;}
img { width: 100%;}
table, ul, ol, p, dl {margin-bottom: 2.5vw;}

@media (orientation: landscape){ /* sp横 */
body {font-size: 16px;}
img { width: inherit;}

}

}