@charset "UTF-8";

/*---------------------------------
基本設定CSS
---------------------------------*/

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

html,
body,
section,
article,
div,
p {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}
ul > li {
	list-style: none;
	margin-top: 2px;
	margin-bottom: 2px;
}
ul.disc {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 18px;
}
ul.disc > li {
	list-style: disc;
}
ul.space {
}
ul.space > li {
	margin: 10px 0;
}

ol {
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: -20px;
}
ol li {
	margin: 10px 0;
}
ol.parentheses {
	margin: 10px 0;
	padding-left: 0;
}
ol.parentheses li {
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
	margin: 10px 0;
}
ol.parentheses li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
}

a {
	text-decoration: none;
	color: #333;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: baseline;
}
a:hover,
a:active,
a:focus {
	cursor: pointer;
	outline: none;
	text-decoration: none;
	color: #333;
}
a > img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	outline: none;
}
a.link {
	color: #337ab7;
	text-decoration: underline;
	font-weight: 600;
}
a.link:hover,
a.link:active,
a.link:focus {
	color: #d5191d;
	outline: none;
}

button {
	outline: none !important;
}

textarea {
	width: 100%;
}

blockquote {
	padding: 0.5rem 1.25rem;
	margin: 0 0 1.5rem 0;
	font-size: 1.1rem;
	border-left: 5px solid #eee;
}

/* フォント
---------------------------------*/
.font-xs  { font-size: 0.75em !important; }
.font-sm  { font-size: 0.85em !important; }
.font-lg  { font-size: 1.35em !important; }
.font-xl  { font-size: 1.70em !important; }
.font-xxl { font-size: 2.40em !important; }

.font0  { font-size: 0 !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font17 { font-size: 17px !important; }
.font18 { font-size: 18px !important; }
.font19 { font-size: 19px !important; }
.font20 { font-size: 20px !important; }
.font22 { font-size: 22px !important; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px !important; }
.font28 { font-size: 28px !important; }
.font30 { font-size: 30px !important; }
.font32 { font-size: 32px !important; }

.normal { font-weight: normal; }
.bold   { font-weight: 600; }

.underline { text-decoration: underline;; }

/* マージン
---------------------------------*/
.ma0  { margin: 0 !important; }
.ma5  { margin: 5px !important; }
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }
.ma30 { margin: 30px !important; }
.ma40 { margin: 40px !important; }
.ma50 { margin: 50px !important; }
.ma60 { margin: 60px !important; }
.ma70 { margin: 70px !important; }

.mt0  { margin-top: 0 !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }

.mr0  { margin-right: 0 !important; }
.mr5  { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }

.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }

.ml0  { margin-left: 0 !important; }
.ml5  { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }

/* パディング
---------------------------------*/
.pa0  { padding: 0 !important; }
.pa5  { padding: 5px !important; }
.pa10 { padding: 10px !important; }
.pa15 { padding: 15px !important; }
.pa20 { padding: 20px !important; }
.pa30 { padding: 30px !important; }
.pa40 { padding: 40px !important; }
.pa50 { padding: 50px !important; }
.pa60 { padding: 60px !important; }
.pa70 { padding: 70px !important; }

.pt0  { padding-top: 0 !important; }
.pt5  { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }

.pr0  { padding-right: 0 !important; }
.pr5  { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }

.pb0  { padding-bottom: 0 !important; }
.pb5  { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }

.pl0  { padding-left: 0 !important; }
.pl5  { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }

/* 横幅
---------------------------------*/
.w50  { width: 50px !important; }
.w75  { width: 75px !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }

/* テーブル
---------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

/* プレースホルダのカラー
---------------------------------*/
::-webkit-input-placeholder {
	color: #bbb;
}