@charset "utf-8"; /* ============================================================================= リセットCSS ========================================================================== */ html, body, div, span, object, iframe, 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, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; vertical-align: baseline; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ::before, ::after { box-sizing: border-box; border-style: solid; border-width: 0; } /*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/ ol, ul { list-style: none; } /*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/ a { color: #0d0d0d; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; outline: none; } /* ============================================ */ /* Headings */ /* ============================================ */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Lists (enumeration) */ /* ============================================ */ ul, ol { margin: 0; padding: 0; list-style: none; } button, input, optgroup, select, textarea { -webkit-appearance: none; /* 1 */ appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit; /* 2 */ } /** * Reset radio and checkbox appearance to preserve their look in iOS. */ [type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; } [type="radio"] { -webkit-appearance: radio; appearance: radio; } /** * Correct cursors for clickable elements. */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled { cursor: default; } /*テキストに打ち消し線が付くようにしています*/ del { text-decoration: line-through; } /*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/ table { border-collapse: collapse; border-spacing: 0; } /*縦方向の揃え位置を中央揃えに指定しています*/ input, select { vertical-align: middle; } input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=text], input[type="radio"], input[type="checkbox"], select, textarea { transform: scale(0.8); font-size: 15px; } /*画像を縦に並べたときに余白が出ないように指定しています*/ img { max-width: 100%; height: auto; vertical-align: bottom; font-size: 0; line-height: 0; border: 0; }