@charset "utf-8";
/*
  common-module.css
*/
/* ==========================================================
	共通モジュール
========================================================== */
/* 汎用クラス
========================================================== */
.text-center {
	text-align: center;
}
 @media screen and (max-width: 670px) {
.w100 img {
	width: 100%;
	height: auto;
}
}
.clearfix {
 *zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.border-pink {
	border: 2px solid #f16fbf;
}
/* マージン
========================================================== */
.mR10 {
	margin-right: 10px;
}
.mL20 {
	margin-left: 20px;
}
.mL15 {
	margin-left: 15px;
}
.mL24 {
	margin-left: 24px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB35 {
	margin-bottom: 35px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB50 {
	margin-bottom: 50px;
}
.mT40 {
	margin-top: 40px;
}
.mT50 {
	margin-top: 50px;
}
/* 見出し
========================================================== */
/* フロート
========================================================== */
.floatR {
	float: right;
}
.floatL {
	float: left;
}
.clearBoth {
	clear: both;
}
/* フォントサイズ
========================================================== */
.font12 {
	font-size: 12px;
}
.font16 {
	font-size: 16px;
}
.font20 {
	font-size: 20px;
}
.font24 {
	font-size: 24px;
}
@media screen and (max-width: 670px) {
.font24 {
	font-size: 18px;
}
}
/* テキストスタイル
========================================================== */
.font-bold {
	font-weight: bold;
}
.color-red {
	color: #ef2b50;
}
.color-pink {
	color: #ff017e !important;
}
.color-purple {
	color: #cf1de9;
}
.list-indent {
	margin-bottom: 10px;
}
.list-indent li {
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 5px;
}

ol.list-indent {
	margin-bottom: 10px;
}

ol.list-indent li {
    list-style-type: decimal;
    text-indent:0em;
    padding-left: 0.5em;
    padding-bottom: 5px;
    margin-left: 1.2em;
}