@charset "utf-8";

/* HTML5 display definitions（from normalize.css v4.0.0 ）
========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.

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

/**
 * Add the correct display in IE 9-.

 * IE9+用、displayプロパティを定義。
 */

audio,
canvas,
progress,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.

 * iOS4-7用、displayプロパティを定義。
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

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

 * Chrome, Firefox, Opera用、vertical-alignプロパティを定義。
 */

progress {
	vertical-align: baseline;
}

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

 * IE10+用、displayプロパティを定義。
 * 1. IE用、template要素に「display: none;」を定義。
 */

template, /* 1 */
[hidden] {
	display: none;
}

/*-----------------------------------------------------------------------------*/
/* 基本設定 */
/*-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size:100%;*/
	font: inherit;/*追加*/
	vertical-align: baseline;
	background: transparent;
	}
*, *::before, *::after {
	box-sizing: border-box;
	}

html, body { height:100%;}
html {
	font-size: 62.5%;
	-webkit-font-smoothing: antialiased;
	}

body {
	color:#333;
	text-align:center;
	font-size: 15px;
	line-height: 1.7;
	background-color:#fafafa;
	letter-spacing:0.4px;
	word-wrap:break-word;
	overflow-wrap:break-word;
	font-family:'游ゴシック','YuGothic','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-weight: 500;

	-webkit-text-size-adjust: 100%;	/*　iphoneでの文字拡大禁止　*/
	-webkit-touch-callout:none; /* リンク長押しのポップアップを無効化*/
	}
	body.sp { font-size:16px;}
table {
	font-size:inherit;
	line-height: 1.4;
	border-collapse:separate;
	border-spacing:0;
	}
	th,td {
	font-weight: inherit;
	text-align: left;
	}

h1,h2,h3,h4,h5,h6,em,pre {
	font-weight:normal;
	line-height:1.4;
	}

img {
	vertical-align: top;
	}
img {
	border:none;
	max-width:100%;
	height:auto;
	}

ul, ol { list-style: none;}
.clear { clear:both; }
.nowrap { white-space: nowrap; }

.txt_c, .txt_c p {	text-align:center !important;}
.txt_r, .txt_r p {	text-align:right !important;}

/*a img, a.btn_base, button {*/
a img {
	transition:all 0.3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	a:hover img {
	opacity:0.7;
	}

::-moz-selection { color:#fff; background: #32beef; }
::selection { color:#fff; background:#32beef; }

/*　レスポンシブ切り替え（brなど）　*/
.sp_br { display: inline; }
@media screen and (min-width: 768px) {
.sp_br { display: none; }
}

/*　スクロールバー
-----------------------------------------------------------------------------*/
/*スクロールバー全体*/
::-webkit-scrollbar {
	width: 6px;
	}
/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
/*	background-color:#F3F3F3;
	border-radius: 3px;	*/
	}
/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 3px;
	}

/*　リンク
-----------------------------------------------------------------------------*/
	a {
	color: #333;
	text-decoration: underline;
	outline:none;
	transition:all 0.3s ease;
	}
	a:hover {
	color: #888;
	text-decoration: none;
	}

/*　フォント
-----------------------------------------------------------------------------*/
.font_b {
	font-weight: bold !important;
	}
.font_n{
	font-weight: normal !important;
	font-style: normal !important;
	}
.red {
	color:#e20634 !important;
	}

/*　float解除（共通）
-----------------------------------------------------------------------------*/
.cf::after {
	content: "";
	clear: both;
	display: block;
	}