@charset "UTF-8";
/*--------------------------------------------------------------
reset.css
リセット関係・clearfixなど

top.css
トップページのレイアウトを記載したcss

sub.css
その他ページのレイアウトを記載したcss
--------------------------------------------------------------
/* ------------------------------------------------------------ */
/* margin, padding, borderのCSSリセット*/
/* ------------------------------------------------------------ */
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;
}

/* ------------------------------------------------------------ */
/* フォントのCSSリセット*/
/* ------------------------------------------------------------ */

* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

a, a:visited {
	color: inherit;
}
/* ------------------------------------------------------------ */
/* レイアウトとbox-sizingのCSSリセット */
/* ------------------------------------------------------------ */
article, aside, details,
figcaption, figure,
footer, header, hgroup,
menu, nav, section, main {
	display: block;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ------------------------------------------------------------ */
/* 特定要素のCSSリセット */
/* ------------------------------------------------------------ */
/* a要素のフォントサイズなどをリセットし
フォントの縦方向の揃え位置を親要素のベースラインに揃える */

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* 隣接するセルのボーダーを重ねて表示し間隔を0に指定 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

/* 画像を縦に並べた時に余白が出ないように */
img {
	border-style: none;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

img, video {
	max-width: 100%;
	height: auto;	
	margin: 0 auto;  
}

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

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

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

/* ------------------------------------------------------------ */
/* 属性と状態のCSSリセット */
/* ------------------------------------------------------------ */
[hidden] {
	display: none !important;
}

[disabled] {
	cursor: not-allowed;
}

:focus:not(:focus-visible) {
	outline: none;
}

/* ------------------------------------------------------------ */
/* Clearfix */
/* ------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*¥*//*/
  height: 1%;
  display:block;
  overflow: hidden;
  /**/
}

/* ------------------------------------------------------------ */
/* Form default reset */
/* https://qiita.com/torosalmon/items/455170b613f0e117dbf8 */
/* ------------------------------------------------------------ */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'],
input[type='file'],
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='image'],
button,
textarea,
select {
  -webkit-appearance: none; /* 主にスマホのデフォルトスタイルを無効化 */
	appearance: none;	
  font-size: 16px; /* 実寸16px以下の場合、iOSでフォーカス時にページズームが掛かってしまう */
  vertical-align: top;
  cursor: pointer;	
}

/* type="text"系に対してwidth/heightを指定 */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'],
input[type='file'],
textarea,
select {
  width: 100%;
  min-height: 2.4em;
}


input[type='submit'],
input[type='reset'],
input[type='button'],
button {
  min-height: 2.4em;
}

/* type="image"のみ実寸以上に拡大してしまわないように専用指定 */
input[type='image'] {
  max-width: 100%;
}


/* textareaには右下をドラッグすることでユーザー側でリサイズできる機能があります。
リサイズの利便性を確保しつつレイアウトへ干渉しないように縦リサイズのみ許可する制御を入れました。
必要以上に縮めてしまう事も可能な為、min-heightで最小値を確保 */
textarea {
  height: auto;
  min-height: 3em;
  resize: vertical;
}

/* 主に見栄えに関する指定。内側がキツキツなのでpaddingを設けましたが、rightに掛かるとselectの右矢印が内側に寄ってしまうのでleftのみとしました。
cursor: pointer;はtype="image"のみカーソルがpointerに変わるので、他のボタンも挙動を揃える目的です。 */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
input[type='password'],
input[type='datetime'],
input[type='datetime-local'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='time'],
input[type='number'],
textarea,
select {
  padding-left: .4em;
  background: none;
  border: none;
  border-radius: 0;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
button {
  cursor: pointer;
  background: none;	
  border: none;
  border-radius: 0;
}

/*IEでselectの矢印非表示（IE10以降対応）*/
select::-ms-expand {
	display: none;
}

/*input, button, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	font-family: inherit;
	vertical-align: middle;
}*/