@charset "utf-8";

/*!
* ress.css • v1.0.1
* MIT License
* github.com/filipelinhares/ress
*/
/* # =================================================================
# Global selectors
# ================================================================= */
/**
* 1. All browsers without overlaying scrollbars
* 2. iOS 8+

* 1. すべてのブラウザで、スクロールバーのオーバーレイを無し。
* 2. iOS 8+
*/
html {
    box-sizing: border-box;
    overflow: scroll;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-overflow-scrolling: touch;
}

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;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height: 1;
    -webkit-box-sizing: border-box;
    /*幅を全て内包(各ブラウザ調整)*/
    -moz-box-sizing: border-box;
    /*幅を全て内包(各ブラウザ調整)*/
    -o-box-sizing: border-box;
    /*幅を全て内包(各ブラウザ調整)*/
    -ms-box-sizing: border-box;
    /*幅を全て内包(各ブラウザ調整)*/
    box-sizing: border-box;
    /*幅を全て内包(各ブラウザ調整)*/
}

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

*,
::before,
::after {
    box-sizing: inherit;
}

/**
* 1. Inherit text-decoration and vertical align to ::before and ::after pseudo elements

* 1. 「::before」と「::after」に、「text-decoration」と「vertical-align」を継承。
*/
::before,
::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
}

/**
* 1. Set `background-repeat: no-repeat` to all elements
* 2. Reset `padding` and `margin` of all elements

* 1. すべての要素に、「background-repeat: no-repeat;」を指定。
* 2. すべての要素に、「padding」と「margin」をリセット。
*/
* {
    background-repeat: no-repeat;
    /* 1 */
    padding: 0;
    /* 2 */
    margin: 0;
}

/* # =================================================================
# General elements
# ================================================================= */
/**
* Add the correct display in iOS 4-7.

* iOS 4-7に、正しいdisplayを設定。
*/
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
* 1. Show the overflow in Edge and IE

* 1. EdgeとIEに、「overflow: visible;」を定義。
*/
hr {
    overflow: visible;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    /* 1 */
}

/**
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11

* IE8/9に、displayプロパティを定義。
* IE10/11とFirefoxのdetail要素とsummary要素に、displayプロパティを定義。
* IE11のmain要素に、displayプロパティを定義。
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
* 1. Set font-size to 80% in `small` elements

* 1. small要素に、フォントサイズ「80%」を定義。
*/
small {
    font-size: 80%;
    /* 1 */
}

/**
* 1. Add the correct display in IE

* 1. IEに、displayプロパティを定義。
*/
[hidden],
template {
    display: none;
    /* 1 */
}

/**
* 1. Add a bordered underline effect in all browsers
* 2. Remove text decoration in Firefox 40+

* 1. すべてのブラウザに、点線を定義。
* 2. Firefox40+に、テキストの装飾を削除。
*/
abbr[title] {
    border-bottom: 1px dotted;
    /* 1 */
    text-decoration: none;
    /* 2 */
}

/**
* 1. Remove the gray background on active links in IE 10
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+

* 1. IE10に、アクティブリンクのグレーの背景を削除。
* 2. iOS8+とSafari8+に、リンクの下線のギャップを削除。
*/
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
* 1. Remove the outline when hovering in all browsers

* 1. すべてのブラウザに、ホバー時のアウトラインを削除。
*/
a:active,
a:hover {
    outline-width: 0;
    /* 1 */
}

/**
* 1. Specify the font family of code elements

* 1. コード要素に、フォントファミリーを指定。
*/
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
}

/**
* 1. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+

* 1. Edge12+, Safari6.2+, Chrome18+に、「bold」を適用。
*/
b,
strong {
    font-weight: bolder;
    /* 1 */
}

/**
* 1. Address styling not present in Safari and Chrome

* 1. SafariとChromeに、定義。
*/
dfn {
    font-style: italic;
    /* 1 */
}

/**
* Address styling not present in IE 8/9

* 1. IE8/9に、定義。
*/
mark {
    background-color: #ff0;
    color: #000;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* # =================================================================
# Forms
# ================================================================= */
input {
    border-radius: 0;
}

/**
* 1. Firefox 36+

* 1. Firefox 36+
*/
[type="number"] {
    width: auto;
    /* 1 */
}

/**
* 1. Safari 8+

* 1. Safari 8+
*/
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
}

/**
* 1. Safari 8

* 1. Safari 8
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    /* 1 */
}

/**
* 1. Internet Explorer 11+
* 2. Specify textarea resizability

* 1. Internet Explorer 11+
* 2. textarea要素に、垂直方向のリサイズを指定。
*/
textarea {
    overflow: auto;
    /* 1 */
    resize: vertical;
    -webkit-appearance: none;
    border: none;
    /* 2 */
}

/**
* 1. Specify font inheritance of form elements

* 1. フォーム要素に、フォントの継承を指定。
*/
button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* 1 */
}

/**
* 1. Restore the font weight unset by the previous rule.

* 1. 前の指定により、フォントのウェイトを再定義。
*/
optgroup {
    font-weight: bold;
    /* 1 */
}

/**
* 1. Address `overflow` set to `hidden` in IE 8/9/10/11

* 1. IE8/9/10/11に、overflow時にhiddenを設定。
*/
button {
    overflow: visible;
    /* 1 */
}

/**
* Remove inner padding and border in Firefox 4+

* Firefox4+に、内側のpaddingとborderを削除。
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
}

/**
* Replace focus style removed in the border reset above

* 1. フォーカス時のスタイルを定義。
*/
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4
* 2. Correct the inability to style clickable types in iOS

* 1. Android4に、ネイティブのaudio要素とvideo要素のコントロールのバグを防ぐ。
* 2. iOSに、クリッカブルなbutton要素のtypeのスタイルを修正。
*/
button,
html [type="button"],
/* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

/**
* 1. Firefox 40+, Internet Explorer 11-

* 1. Firefox 40+, Internet Explorer 11-
*/
button,
select {
    text-transform: none;
    /* 1 */
}

/**
* Remove the default button styling in all browsers

* すべてのブラウザにおいて、デフォルトのボタンのスタイルを削除。
*/
button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
}

/**
* Style select like a standard input
* 1. Firefox 36+
* 2. Chrome 41+

* 標準的なinput要素のスタイルを選択。
* 1. Firefox 36+
* 2. Chrome 41+
*/
select {
    -moz-appearance: none;
    /* 1*/
    -webkit-appearance: none;
    /* 2 */
}

/**
* 1. Internet Explorer 11+

* 1. Internet Explorer 11+
*/
select::-ms-expand {
    display: none;
    /* 1 */
}

/**
* 1. Internet Explorer 11+

* 1. Internet Explorer 11+
*/
select::-ms-value {
    color: currentColor;
    /* 1 */
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11
* 2. Correct the color inheritance from `fieldset` elements in IE
* 3. Correct the text wrapping in Edge and IE
* 4. Correct the text wrapping in Edge and IE
* 5. Correct the text wrapping in Edge and IE

* 1. IE 8/9/10/11に、カラーの継承を定義。
* 2. IEに、fieldset要素からカラーを継承するように定義。
* 3. EdgeとIEに、テキストのラッピングを修正。
* 4. EdgeとIEに、テキストのラッピングを修正。
* 5. EdgeとIEに、テキストのラッピングを修正。
*/
legend {
    border: 0;
    /* 1*/
    color: inherit;
    /* 2 */
    display: table;
    /* 3 */
    max-width: 100%;
    /* 4 */
    white-space: normal;
    /* 5 */
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari
* 2. Change font properties to `inherit` in Chrome and Safari

* 1. iOSとSafariに、クリッカブルなtypeのスタイルを修正。
* 2. ChromeとSafariに、フォントプロパティの継承を変更。
*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
* Correct the text style of placeholders in Chrome, Edge, and Safari

* Chrome, Edge, Safariに、テキストのスタイルを修正。
*/
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

/**
* 1. Correct the odd appearance in Chrome and Safari
* 2. Correct the outline style in Safari

* 1. ChromeとSafariに、アピアランスを修正。
* 2. Safariに、アウトラインを修正。
*/
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/* # =================================================================
# Specify media element style
# ================================================================= */
/**
* 1. Remove border when inside `a` element in IE 8/9/10

* 1. IE8/9/10に、a要素の中にある時にボーダーを削除。
*/
img {
    border-style: none;
    /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera

* 1. Chrome, Firefox, Operaに、正しいvertical-alignを与える。
*/
progress {
    vertical-align: baseline;
}

/**
* 1. Internet Explorer 11-

* 1. Internet Explorer 11-
*/
svg:not(:root) {
    overflow: hidden;
    /* 1 */
}

/**
* 1. Internet Explorer 11+, Windows Phone 8.1+

* 1. Internet Explorer 11+, Windows Phone 8.1+
*/
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
}

/* # =================================================================
# Acessibility
# ================================================================= */
/**
* Hide content from screens but not screenreaders

* コンテンツを隠す時は、スクリーンリーダーからでなく、スクリーンから。
*/
@media screen {
    [hidden ~ ="screen"] {
        display: inherit;
    }

    [hidden ~ ="screen"]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}

/**
* Specify the progress cursor of updating elements

* アップデート中の要素のプログレスのカーソルを指定。
*/
/* */
[aria-busy="true"] {
    cursor: progress;
}

/**
* Specify the pointer cursor of trigger elements

* トリガー要素のポインターのカーソルを指定。
*/
[aria-controls] {
    cursor: pointer;
}

/**
* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements

* 使用不可、編集不可の要素のスタイルが無いカーソルを指定。
*/
[aria-disabled] {
    cursor: default;
}

/* # =================================================================
# Selection
# ================================================================= */
/**
* Specify text selection background color and omit drop shadow

* テキスト選択時の背景色を指定し、ドロップシャドウを削除。
*/
/**
* 1. Required when declaring ::selection

* 1. 「::selection」を使用する時に必要。
*/
::-moz-selection {
    background-color: #b3d4fc;
    /* 1 */
    color: #fff;
    text-shadow: none;
}

/**
* 1. Required when declaring ::selection

* 1. 「::selection」を使用する時に必要。
*/
::selection {
    background-color: #b3d4fc;
    /* 1 */
    color: #fff;
    text-shadow: none;
}

/*patch*/
html {
    font-size: 62.5%;
    /*初期値16pxの62.5%でルートが10px*/
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    padding: 0;
    flex-shrink:0;
}

/*IEのSVGバグ対策*/
img[src$=".svg"] {
    width: 100%;
    height: auto;
}

ul {
    font-size: 0;
    list-style-type: none;
}

li {
    word-wrap: break-word;
    list-style-type: none;
    font-size: 15px;
}

a,
button {
    display: inline-block;
}

a,
button {
    text-decoration: none;
}

a:link,
a:visited {}

a:hover,
label:hover,
button:hover {}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    word-break: break-all;
}

label,
button {
    cursor: pointer;
}

a,
label,
button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

input,
button {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"],
input[type="text"],
input[type="submit"],
input[type="image"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
}

textarea {
    resize: none;
}

address {
    font-style: normal;
}

th,
td {
    border: none;
}

th {
    background: #F1F1F1;
}

td {
    background-color: #fff;
}

@media screen and (min-width: 1200px) {

    a,
    button,
    label {
        transition: all .3s;
    }

    a:hover,
    label:hover,
    button:hover {
        opacity: 1;
    }
}