@charset "shift_jis";

/*
Reset Stylesheet
Last Updated: 2016-08-19
*/


/*要素のフォントサイズやマージン・パディングをリセットしています*/

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,
b,
i,
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;
    vertical-align: baseline;
    background: transparent;
    border-style: none;
    font-family: -apple-system, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN W3","ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", Arial, Verdana, Roboto, 'arial', "Yu Gothic Medium", "游ゴシック Medium", "YuGothic Medium", "游ゴシック", "Meiryo UI", Osaka, sans-serif;
/*    font-family: -apple-system, "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN W3","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

html {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    border-style: none;
    font-size: 62.5%;
}

body {
    -webkit-text-size-adjust: 100%;
}


/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/*listのマーカー（行頭記号）を表示しないようにしています*/

ol,
ul {
    list-style: none;
}


/*引用符の表示が出ないようにしています*/

blockquote,
q {
    quotes: none;
}


/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}


/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/

a {
    transition: 0.3s;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #f57f00;
    text-decoration: underline;
}


/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}


/*テキストに打ち消し線が付くようにしています*/

del {
    text-decoration: line-through;
}


/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}


/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}


/*縦方向の揃え位置を中央揃えに指定しています*/

input,
select {
    vertical-align: middle;
}


/*画像を並べた時に余白が出るのを防ぎます*/

img {
    line-height: 0px;
    margin: 0px;
}


/*フォントサイズデフォルト値*/

p,
a {
    font-size: 14px;
    font-size: 1.4rem;
}

p {
    line-height: 22px;
    line-height: 2.2rem;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
}

small {
    font-size: 12px;
    font-size: 1.2rem;
}

@media screen and (max-device-width: 767px) {
    /*
    p,a {
        font-size: 16px;
        font-size: 1.6rem;
    }
    */
}