@charset "UTF-8";

/*************************************************
	全体
**************************************************/
*,
::before,
::after {
  margin: 0;
  padding: 0;
  border: 0;
 	-webkit-box-sizing: border-box; /*Safari*/
		 -moz-box-sizing: border-box; /*Firefox*/
					box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
html,
body {
	height: 100%;
}
/*
* 1. デバイスの向きを変えた後にユーザーの文字サイズ調整を防ぐ
* 2. remの基準となるフォントサイズ
*/
html {
  position: relative;
  min-height: 100%;
  font-size: 62.5%; /*2*/
  -ms-text-size-adjust: 100%; /*1*/
  -webkit-text-size-adjust: 100%; /*1*/
}
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial,  sans-serif;
	line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*リストスタイルを消去*/
ul,
ol {
	list-style: none;
}
/*デフォルトでcollapse*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**
  * IE9+用に、displayプロパティを定義。
  * 1. Edge, IE, Firefox用、details要素とsummary要素に「display: block;」を定義。
  * 2. IE, Firefox用、main要素に「display: block;」を定義。
 */
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}


/*************************************************
	フォーム類のスタイルをリセットする
**************************************************/
input,
textarea,
select {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	outline: none; /*Chromeのフォーカス時アウトラインを削除*/
	border: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
	resize: none;
}
select { /*Firefoxのセレクト矢印を削除*/
	text-indent: .01px;
	text-overflow: "";
}
select::-ms-expand { /*IEのセレクト装飾を非表示*/
  display: none;
}
textarea {
  overflow: auto;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


/*************************************************
	テキスト・イメージ類スタイル
**************************************************/
a {
  background-color: transparent; /*IE10のリンクバックグラウンドカラーを透明にする*/
	text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
  font-weight: inherit;
}
img {
  border-style: none; /*リンク内画像のborderを消去*/
  vertical-align: bottom; /*画像下のスキマを消去*/
}
svg:not(:root) {
  overflow: hidden;
}


/*************************************************
  困ったときのユーティリティ
**************************************************/

/*
  ※多用しないこと。以下の条件を満たした場合のみ使用出来ます。
  1. 単発、あるいは3回以上使われないパターンの場合
  2. 一個のプロパティで完結する場合

  ※注意
  ・複数個のユーティリティを付与しない。その場合は個別のクラスに取り入れるようにします。
*/

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-t{
	vertical-align: top !important;
}
.u-va-m{
	vertical-align: middle !important;
}
.u-va-b{
	vertical-align: bottom !important;
}

/* border - utility
--------------------------------------------------------- */
/* border-radius */
.u-br-4{
	  border-radius: 4px;
}
.u-br-8{
	border-radius: 8px;
}
.u-br-12{
  border-radius: 12px;
}
.u-br-16{
	border-radius: 16px;
}

/* border-none */
.u-br-0{
	border: none;
}
.u-br-t-0{
	border-top: none;
}
.u-br-r-0{
	border-right: none;
}
.u-br-b-0{
	border-bottom: none;
}
.u-br-l-0{
	border-left: none;
}

/* clearfix - utility
--------------------------------------------------------- */
.u-cf:after{
	display: block;
	clear: both;
	content: "";
}

/* display - utility
--------------------------------------------------------- */
.u-d-tb{
	display: table !important;
}
.u-d-tbc{
	display: table-cell !important;
}
.u-d-b{
	display: block !important;
}
.u-d-ib{
	display: inline-block !important;
}
.u-d-n{
	display: none !important;
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l{
	float: left !important;
}
.u-fl-r{
	float: right !important;
}

/* font-size - utility
--------------------------------------------------------- */
.u-fz-10{
	font-size: 10px !important;
}
.u-fz-12{
	font-size: 12px !important;
}
.u-fz-14{
	font-size: 14px !important;
}
.u-fz-16{
	font-size: 16px !important;
}
.u-fz-18{
	font-size: 18px !important;
}
.u-fz-20{
	font-size: 20px !important;
}
.u-fz-22{
	font-size: 22px !important;
}
.u-fz-24{
	font-size: 24px !important;
}
.u-fz-26{
	font-size: 26px !important;
}

/* line-clamp - utility
--------------------------------------------------------- */
.u-lc{
	display: box;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* margin - utility
--------------------------------------------------------- */
/* auto margin */
.u-m-c{
	margin-right: auto !important;
	margin-left: auto !important;
}

/* Top margin */
.u-mt-0{
	margin-top: 0 !important;
}
.u-mt-8{
	margin-top: 8px !important;
}
.u-mt-16{
	margin-top: 16px !important;
}
.u-mt-24{
	margin-top: 24px !important;
}
.u-mt-32{
	margin-top: 32px !important;
}
.u-mt-40{
	margin-top: 40px !important;
}
.u-mt-48{
	margin-top: 48px !important;
}
.u-mt-56{
	margin-top: 56px !important;
}
.u-mt-64{
	margin-top: 64px !important;
}

/* Right margin */
.u-mr-0{
	margin-right: 0 !important;
}
.u-mr-8{
	margin-right: 8px !important;
}
.u-mr-16{
	margin-right: 16px !important;
}
.u-mr-24{
	margin-right: 24px !important;
}
.u-mr-32{
	margin-right: 32px !important;
}
.u-mr-40{
	margin-right: 40px !important;
}
.u-mr-48{
	margin-right: 48px !important;
}
.u-mr-56{
	margin-right: 56px !important;
}
.u-mr-64{
	margin-right: 64px !important;
}

/* Bottom margin */
.u-mb-0{
	margin-bottom: 0 !important;
}
.u-mb-8{
	margin-bottom: 8px !important;
}
.u-mb-16{
	margin-bottom: 16px !important;
}
.u-mb-24{
	margin-bottom: 24px !important;
}
.u-mb-32{
	margin-bottom: 32px !important;
}
.u-mb-40{
	margin-bottom: 40px !important;
}
.u-mb-48{
	margin-bottom: 48px !important;
}
.u-mb-56{
	margin-bottom: 56px !important;
}
.u-mb-64{
	margin-bottom: 64px !important;
}

/* Left margin */
.u-ml-0{
	margin-left: 0 !important;
}
.u-ml-8{
	margin-left: 8px !important;
}
.u-ml-16{
	margin-left: 16px !important;
}
.u-ml-24{
	margin-left: 24px !important;
}
.u-ml-32{
	margin-left: 32px !important;
}
.u-ml-40{
	margin-left: 40px !important;
}
.u-ml-48{
	margin-left: 48px !important;
}
.u-ml-56{
	margin-left: 56px !important;
}
.u-ml-64{
	margin-left: 64px !important;
}

/* misc - utility
--------------------------------------------------------- */
.u-ws-nowrap{
	white-space: nowrap;
}
.u-mx-img{
	max-width: 100%;
}
.u-tx-inside{
	margin-left: 1em;
	text-indent: -1em;
}

/* padding - utility
--------------------------------------------------------- */
/* Top padding */
.u-pt-0{
	margin-top: 0 !important;
}
.u-pt-8{
	margin-top: 8px !important;
}
.u-pt-16{
	margin-top: 16px !important;
}
.u-pt-24{
	margin-top: 24px !important;
}
.u-pt-32{
	margin-top: 32px !important;
}
.u-pt-40{
	margin-top: 40px !important;
}
.u-pt-48{
	margin-top: 48px !important;
}
.u-pt-56{
	margin-top: 56px !important;
}
.u-pt-64{
	margin-top: 64px !important;
}

/* Right padding */
.u-pr-0{
	padding-right: 0 !important;
}
.u-pr-8{
	padding-right: 8px !important;
}
.u-pr-16{
	padding-right: 16px !important;
}
.u-pr-24{
	padding-right: 24px !important;
}
.u-pr-32{
	padding-right: 32px !important;
}
.u-pr-40{
	padding-right: 40px !important;
}
.u-pr-48{
	padding-right: 48px !important;
}
.u-pr-56{
	padding-right: 56px !important;
}
.u-pr-64{
	padding-right: 64px !important;
}

/* Bottom padding */
.u-pb-0{
	padding-bottom: 0 !important;
}
.u-pb-8{
	padding-bottom: 8px !important;
}
.u-pb-16{
	padding-bottom: 16px !important;
}
.u-pb-24{
	padding-bottom: 24px !important;
}
.u-pb-32{
	padding-bottom: 32px !important;
}
.u-pb-40{
	padding-bottom: 40px !important;
}
.u-pb-48{
	padding-bottom: 48px !important;
}
.u-pb-56{
	padding-bottom: 56px !important;
}
.u-pb-64{
	padding-bottom: 64px !important;
}

/* Left padding */
.u-pl-0{
	padding-left: 0 !important;
}
.u-pl-8{
	padding-left: 8px !important;
}
.u-pl-16{
	padding-left: 16px !important;
}
.u-pl-24{
	padding-left: 24px !important;
}
.u-pl-32{
	padding-left: 32px !important;
}
.u-pl-40{
	padding-left: 40px !important;
}
.u-pl-48{
	padding-left: 48px !important;
}
.u-pl-56{
	padding-left: 56px !important;
}
.u-pl-64{
	padding-left: 64px !important;
}

/* position - utility
--------------------------------------------------------- */
.u-pos-a{
	position: absolute !important;
}
.u-pos-r{
	position: relative !important;
}

/* text-align - utility
--------------------------------------------------------- */
.u-ta-l{
	text-align: left !important;
}
.u-ta-c{
	text-align: center !important;
}
.u-ta-r{
	text-align: right !important;
}

/* text-decoration - utility
--------------------------------------------------------- */
.u-fw-n{
	font-weight: normal !important;
}
.u-fw-b{
	font-weight: bold !important;
}
.u-td-u{
	text-decoration: underline !important;
}

/* text-truncate - utility
--------------------------------------------------------- */
.u-tt{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	/* for IE 8/9 */
}

/* width - utility
--------------------------------------------------------- */
.u-w-auto{
	width: auto !important;
}
.u-maw-full{
	max-width: 100% !important;
}
.u-maw-half{
	max-width: 50% !important;
}