@charset "utf-8";
/* CSS Document */

/*******************************
各種0リセット＋clearfix
********************************/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    background-repeat: none;
}


/**
* 1.すべてのブラウザで行の高さを修正します。
* 2.方向変更後のフォントサイズの調整を防止する
* Windows PhoneとiOSのIE。
*/
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}


/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}


/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,img,
footer,header,hgroup,menu,nav,section {
    display:block;
}


/*
  HTML5未サポートブラウザーでインライン要素として表示する for IE6/7/8/9 & FF3
  制限事項: IE6では'audio[controls]'へのスタイルは適用されません。
*/
audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}


/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/* リスト */
ol, ul, li {
    list-style: none;
}


/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
    outline:none!important;
}

/* Chromeにおいてoutlineの表示不具合を修正 */
a:focus {
    outline: thin dotted;
}

/*全てのブラウザーにおいてフォーカス時、マウスホバー時の読みやすさを改善*/
a:hover,
a:active {
    outline: none;
}
a:hover img,
a:active img {
    outline: none;
}


/* 
1. 禁則処理の解除
2. 文章を均一に割り付け
3. IE用割り付け
*/
p {
    word-break: break-all;/*1*/
    text-align: justify;/*2*/
    text-justify:inter-ideograph;/*3*/
}


/* 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;
}


/* S5, Chromeにおいてdfn要素がイタリック体にならない問題を修正 */
dfn {
    font-style: italic;
}


/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}


/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table,tr,td,th {
	border-collapse:collapse!important;
	border-spacing:0;
}


/*
 * FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正
*/
b,
strong {
    font-weight: bold;
}


/**
* 1. Firefoxで正しいボックスサイズを追加します。
* 2. EdgeとIEにオーバーフローを表示します。
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}


/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;

}


/*
 * 'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
 */
button,
input,
select,
textarea {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*
画像の設定
*1. IE7において画像の拡大縮小時の画質を改善
  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
    border:none;
    vertical-align:bottom;
    -ms-interpolation-mode: bicubic;/* 1 */
}


/*画像リンクのラインを打消し*/
a img {
    border:none;
    outline:none;
}


/*
 * IE6, S5, Chromeにおけるfont-familyの問題を修正
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * 全てのブラウザーにおいてpre-formatted textの読みやすさを改善
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small {
    font-size: 70%;
}


/*
 * 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ
 * 参考: gist.github.com/413930
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/*
 * IE9においてoverflowの表示問題を修正
 */
svg:not(:root) {
    overflow: hidden;
}


/*
 * 1. 全てのブラウザーにおいてfont-sizeが継承されない問題を修正
 * 2. IE6/7, F3/4, S5, Chromeにおけるmarginの差異を修正
 * 3. 全てのブラウザーにおいて外観と一貫性を改善
 */
button,
input,
select,
textarea {
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * 1. image-typeが'input'とその他についてユーザビリティと一貫性を改善
 * 2. iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}


/**
* 1. IEにオーバーフローを表示します。
* 2. Edge、Firefox、IEのテキストトランスフォームの継承を削除します。
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}


/**
* 2. `audio`と` video`制御のWebKitのバグを防ぎます
* in Android 4.
*/
html [type="button"] {
  -webkit-appearance: button;
}


/**
 * Firefoxの内側のボーダーとパディングを削除します。
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}


/**
 * 前のルールで設定したフォーカススタイルを元に戻します。
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}


/**
 * EdgeとIEにオーバーフローを表示します。
 */
input {
  overflow: visible;
}


/**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}


/*
* 1. IE8/9/10においてbox-sizingプロパティがcontent-boxになっている点を修正
* 2. IE 10-のパディングを取り外します。
*/
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}


/**
 * Chromeの増減ボタンのカーソルスタイルを修正
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


/*
 * 1. S5, Chromeにおいてappearanceプロパティがsearchfieldになっている点を修正
 * 2. S5, Chromeにおいてbox-sizingプロパティがborder-box担っている点を修正
 * 3. Safariでアウトラインスタイルを修正します。
*/
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
    outline-offset: -2px; /* 3 */
}


/**
 * macOSでChromeとSafariの内側のパディングとキャンセルボタンを削除
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


/**
 * 1. iOSとSafariでクリック可能なスタイルをスタイルできない問題を修正
 * 2. Safariでフォントプロパティを `inherit`に変更
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}


/*
 * 1. IE6/7/8/9におけるデフォルト表示のスクロールバーを削除
 * 2. 全てのブラウザーにおいて読みやすさと揃えを改善
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/*
 * すべてのブラウザで設定
 */
summary {
  display: list-item;
}


/**
 * IEで正しい表示を追加してください。
 */
template {
  display: none;
}


/**
 * IE10で正しいディスプレイを追加してください。
 */
[hidden] {
  display: none;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}