@charset "utf-8";


/*--------------------------------------------------------

	リセット : html5reset-1.6.1.css
	
----------------------------------------------------------*/


/*


html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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

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;
    box-sizing: border-box;
}


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

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


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

nav ul {
    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;
    vertical-align: baseline;
    background: transparent;
}


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

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

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


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

input,
select {
    vertical-align: middle;
}

/*画像を縦に並べたときに余白が出てしまわないように*/

img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
}

li {
    list-style: none;
}


/* タッチデバイスでのリンクやボタンの反応を向上 */
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}


/*--------------------------------------------------------

	body設定
	
----------------------------------------------------------*/

body {
    margin: 0;
    padding: 0;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック",YuGothicM,YuGothic,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 500;
    overflow-x: hidden;
}

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {}
a:active {}


/*--------------------------------------------------------

	box-sizing
	
----------------------------------------------------------*/

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


/*--------------------------------------------------------

	clearfix
	
----------------------------------------------------------*/


/* For modern browsers */

.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

/* For IE 6/7 only */

.clearfix {
    *zoom: 1;
}

@mixin clearfix{
  *zoom: 1;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}


/*--------------------------------------------------------

	禁則処理の追加
	
----------------------------------------------------------*/

p,
li,
dt,
dd,
th,
td,
pre {
    -ms-line-break: strict;
    line-break: strict;
    -ms-word-break: break-strict;
    word-break: break-strict
}