@charset "utf-8";

/**************************************************
    リセットCSS
**************************************************/

/******* フォントサイズ指定早見表 *******
    表示したいサイズ    指定する値
            10px    84%
            11px    92%
            12px    100%
            13px    109%
            14px    117%
            15px    125%
            16px    134%
            17px    142%
            18px    150%
            19px    159%
            20px    167%
            21px    175%
            22px    184%
            23px    192%
            24px    200%
            25px    209%
            26px    217%
******** フォントサイズ指定早見表 *******/

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,
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, nav, section, summary,
time, mark, audio, video, form, input, textarea, select, button, a {
    font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: rgb(89, 82, 78);
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.0;
    vertical-align: baseline;
    background: transparent;
}

html, body {
    height: 100%;
}

html {
    font-size: 12px; /* 基本のフォントサイズを12pxとする */
    -webkit-text-size-adjust: 100%; /* スマホ縦向き・横向きで文字サイズを自動調整しない */
}

body {
    font-size: 100%; /* 文字サイズ変更ボタンで操作するために一旦パーセント指定。 100% = 12px */
}

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

audio, canvas, video {
    display: inline-block; /* ※canvasタグのデフォルトはinline */
    *display: inline;
}

img, object, embed, video {
    max-width: 100%;
}

a:hover, a:active {
    outline: 0; /* リンククリック時に出る点線を消す */
}

ul, ol {
    list-style: none;
}

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

td {
    vertical-align: middle;
}

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

del {
    text-decoration: line-through;
}

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

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

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

blockquote, q {
    quotes: none; /* 引用符の設定。今回はつけない */
    /* ※詳細 → http://www.htmq.com/style/quotes.shtml */
}

b, strong {
    font-weight: bold;
}

/* タイプライター字体ファミリーを再宣言 */
pre, code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* 行の高さに影響を与えずに、サブスクリプトおよびスーパースクリプトコンテンツを配置 : h5bp.com/k */
sub, sup {
    position: relative;
    vertical-align: baseline;
    line-height: 0;
    font-size: 75%;
}

/* 上付き文字 */
sub { bottom: -0.25em; }

/* 下付き文字 */
sup {
    top: -0.5em;
}


/******************** フォーム関連 ********************/
input, select {
    vertical-align: middle;
}

/* “ラベル” が、関連付けられたフォームエレメントにフォーカスをシフトするように指定 */
label {
    cursor: pointer;
}

/*
 * 1. すべてのブラウザーでの継承しないフォントサイズを修正
 * 2. FF3/4 S5 Chrome のマージンを削除
 * 3. すべてのブラウザーの縦揃えの一貫した表示を定義
 */
button, input, select, textarea {
    vertical-align: baseline;
    *vertical-align: middle;
    margin: 0;
    font-size: 100%;
}

/*
 * 1. FF3/4 に合わせて行の高さを標準に定義 (UA スタイルシートで !important を使用して設定)
 * 2. IE6/7 で正常に表示されない内部間隔を修正
 */
button, input {
    line-height: normal;
    *overflow: visible;
}

/* IE6/7 のオーバーラップとホワイトスペースの問題を回避するために “テーブル” の内部間隔を再導入 */
table button, table input {
    *overflow: auto;
}

/*
 * 1. クリック可能なフォームエレメントの手の形のカーソルを表示
 * 2. iOS のクリック可能なフォームエレメントのスタイル付けを許可
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

/* FF3/4 の内部余白とボーダーを削除 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* 一貫したボックスのサイズ変更および外観を保持 */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}

input[type="search"] {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-appearance: textfield;
    
}

/* フォームの有効期間のカラー */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * 1. IE6/7/8/9 のデフォルトの垂直スクロールバーを削除
 * 2. 垂直のサイズ変更のみを許可
 */
textarea {
    resize: vertical;
    vertical-align: top;
    overflow: auto;
}