/* topインデックス */
.topIndex {
	margin-left: 10px;
	padding: 10px 0px;
}

.topIndex li {
	float: left;
	width: 31.6%;
	margin-left: 1.2%;
	margin-bottom: 1%;
	border: 1px solid #eee;
}

.topIndex li h2 {
	background: url(/makeupshop/lib/img/ic_arr07.png) no-repeat right 5px;
}

.topIndex li h2.blk {
	background: url(/makeupshop/lib/img/ic_blank.png) no-repeat right 5px;
	background-size: 13px auto;
}

.topIndex li h2.none {
	background: url();
}

/* top */
.topIndex li#musQual {
	background: url(/makeupshop/img/menu_m_quality.jpg) no-repeat 0px 0px;
	background-size: 100% auto;
}

.topIndex li#musFaq {
	background: url(/makeupshop/img/menu_m_faq.jpg) no-repeat 0px 0px;
	background-size: 100% auto;
}

.topIndex li#musCust {
	background: url(/makeupshop/img/menu_m_customers.jpg) no-repeat 0px 0px;
	background-size: 100% auto;
}

.topIndex li#musSupp {
	background: url(/makeupshop/img/menu_m_support.jpg) no-repeat 0px 0px;
	background-size: 100% auto;
}

.topIndex li#musSrc {
	background: url(/makeupshop/img/menu_m_search.jpg) no-repeat 0px 0px;
	background-size: 100% auto;
}

.topIndex li a {
	display: block;
	color: #303030;
	padding: 70% 15px 15px 15px;
}

.topIndex li.btmPh a {
	padding: 15px 15px 55% 15px;
}

.topIndex li.noPh {
	padding: 15px 0px 0px 15px;
}

.topIndex li a h2,
.topIndex li.noPh h2 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-bottom: 10px;
}

.pl2txt {
	list-style-type: decimal;
}

.pl2txt.disc {
	list-style-type: disc;
}

.grayBg {
	background-color: #e5e5e5;
}

.blueBg {
	background-color: #f5f9fc;
}

/* トップページ */

.main_content .btm_category h3 {
	background-color: #0088e7;
	color: #ffffff;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 12px 10px;
	font-size: 2.2rem;
	line-height: 1.5;
}
.main_content .btm_category .data01 {
	width: 100%;
	padding-left: 1px;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.main_content .btm_category .data01 li {
	width: 33.33333%;
	box-sizing: border-box;
}
.main_content .btm_category .data01 li a {
	width: 100%;
	display: block;
	position: relative;
	color: #ffffff;
}
.main_content .btm_category .data01 li a .box img {
	width: 100%;
}
.main_content .btm_category .data01 li a .box p {
	position: absolute;
	font-size: 1.8rem;
	bottom: 0px;
	background: rgba(44, 48, 49, 0.5) url(/makeupshop/lib/img/ic_arr03.png) no-repeat 95% center;
	padding: 6% 3% 6.5% 3%;
	width: 100%;
	box-sizing: border-box;
	background-size: 21px;
	text-align: center;
	min-height: 61px;
	height: auto;
}
.main_content .btm_category .data01 li a .box p span {
	display: block;
	padding-right: 35px;
}
.main_content .btm_category:after {
	content: "";
	display: block;
	clear: both;
}

.btm_category.musFaq {
	max-width: 380px;
	margin: 0px auto;
}

.btm_category.musFaq .data01 li {
	width: 100%;
}

.topMess {
	max-width: 700px;
	margin: 0px auto;
	padding: 20px 0px 25px 0px;
}

/* カテゴリトップ写真 */
.catTopPh {
	float: left;
	width: 31%;
	padding-bottom: 20px;
}

.catTopTxt {
	float: right;
	width: 66%;
	padding-bottom: 20px;
}

.catTopTxt h2 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 140%;
	padding-bottom: 20px;
}

/* メイクupショップは違います */
.pointTxt {
	background-color: #4b87e5;
	font-size: 2.0rem;
	color: #fff;
	line-height: 120%;
	margin-right: 10px;
	padding: 0px 10px;
}

.quaSys img {
	width: 25%;
	height: auto;
}

.quaWork li {
	float: left;
	width: 33.3333%;
	padding: 25px 0px 20px 0px;
}

.quaWork li img {
	width: 100%;
	height: auto;
}

.quaPh3Col li {
	float: left;
	width: 32.3333%;
	padding: 25px 0.5% 20px 0.5%;
}

.quaPh4Col li {
	float: left;
	width: 24%;
	padding: 25px 0.5% 20px 0.5%;
}

/* お客様の声 */
.cusBlnAreaLt,
.cusBlnAreaRt {
	display: table;
	width: 100%;
	padding-bottom: 20px;
}

.cusManArea {
	display: table-cell;
	width: 140px;
	vertical-align: top;
}

.cusBlnAreaLt .cusManArea {
	padding-right: 20px;
}

.cusBlnAreaRt .cusManArea {
	padding-left: 20px;
}

.cusTxtArea {
	display: table-cell;
	vertical-align: top;
}

.cusManArea .manIcon {
	padding-top: 10px;
}

.cusManArea .manIcon img {
	width: 100%;
	height: auto;
	border-radius: 140px;
	-moz-border-image: border-radius: 140px;
	-webkit-border-image: border-radius: 140px;
}

.cusBlnAreaTtl {
	font-size: 1.6rem;
	font-weight: bold;
}

.cusBlnAreaLt .cusBlnAreaTtl {
	padding-left: 20px;
}

.cusBlnAreaRt .cusBlnAreaTtl {
	padding-left: 31%;
}

.cusTb .harfT {
	width: 70px;
	text-align: center;
}

.balloonLt,
.balloonRt {
	position: relative;
	display: inline-block;
	background: #fff;
	min-width: 120px;
	width: 60%;
	font-size: 1.5rem;
	line-height: 160%;
	margin: 8px 31% 5px 15px;
	padding: 12px 4%;
	border-radius: 15px;
}

.balloonRt {
	margin: 8px 15px 5px 31%;
}

.balloonLt:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
}

.balloonRt:before {
	content: "";
	position: absolute;
	top: 40px;
	right: -30px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #fff;
}

.balloonLt p,
.balloonRt p {
	margin: 0;
	padding: 0;
}

.m01 .cusManArea .manIcon img { border: 3px solid #f8fdae; }
.m01 .balloonLt,
.m01 .balloonRt { background: #f8fdae; }
.m01 .balloonLt:before { border-right: 15px solid #f8fdae; }
.m01 .balloonRt:before { border-left: 15px solid #f8fdae; }

.m02 .cusManArea .manIcon img { border: 3px solid #a9fdc9; }
.m02 .balloonLt,
.m02 .balloonRt { background: #a9fdc9; }
.m02 .balloonLt:before { border-right: 15px solid #a9fdc9; }
.m02 .balloonRt:before { border-left: 15px solid #a9fdc9; }

.m03 .cusManArea .manIcon img { border: 3px solid #fee3e6; }
.m03 .balloonLt,
.m03 .balloonRt { background: #fee3e6; }
.m03 .balloonLt:before { border-right: 15px solid #fee3e6; }
.m03 .balloonRt:before { border-left: 15px solid #fee3e6; }

.m04 .cusManArea .manIcon img { border: 3px solid #a9f3fd; }
.m04 .balloonLt,
.m04 .balloonRt { background: #a9f3fd; }
.m04 .balloonLt:before { border-right: 15px solid #a9f3fd; }
.m04 .balloonRt:before { border-left: 15px solid #a9f3fd; }

.m05 .cusManArea .manIcon img { border: 3px solid #ffceec; }
.m05 .balloonLt,
.m05 .balloonRt { background: #ffceec; }
.m05 .balloonLt:before { border-right: 15px solid #ffceec; }
.m05 .balloonRt:before { border-left: 15px solid #ffceec; }


/* フォーム */
.itemArea {
	border-top: 1px solid #999;
}

.itemArea h3 {
	float: left;
	width: 10%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
}

.itemArea .itemTbArea {
	float: right;
	width: 90%;
}

.itemArea .itemTbArea table {
	width: 100%;
}

.itemArea .itemTbArea table th,
.itemArea .itemTbArea table td {
	vertical-align: top;
	margin-bottom: 20px;
	padding: 20px 2% 20px 0px;
	border-bottom: 1px dotted #999;
}

.itemArea .itemTbArea table tr:last-child th,
.itemArea .itemTbArea table tr:last-child td {
	border-bottom: none;
}

.itemArea .itemTbArea table th {
	width: 20%;
}

.itemArea .itemTbArea table td.case {
	width: 30%;
	font-size: 80%;
}

.box1 {
	width: 100%;
	height: 26px;
	border: 1px solid #aaa;
}

.box2 {
	width: 100%;
	height: 100px;
	border: 1px solid #aaa;
}

.submitBtn {
	width: 30%;
	height: 60px;
	background: url(/makeupshop/lib/img/ic_arr02.png) #007546 no-repeat right 20px center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	margin-right: 3%;
	border: none;
	cursor: pointer;
}

.gryBtn {
	width: 15%;
	height: 40px;
	background: url(/makeupshop/lib/img/ic_arr02.png) #aaa no-repeat right 10px center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
}

.agreeArea {
	text-align: center;
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #ddd;
}

.noAgree {
	cursor: default;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}

.itemArea a.docuBtn {
	display: block;
	width: 98%;
	height: 45px;
	background: url(/makeupshop/contact/img/docu_bg.jpg) no-repeat right 0px;
	margin-top: 15px;
	padding: 10px 0px 0px 2%;
	border: 1px solid #ddd;
}

.itemArea a.docuBtn br {
	display: none;
}

/* エラーメッセージ */
form .error_contents {
	margin: 0 0 40px;
	padding: 0 20px;
	box-sizing: border-box;
}
form .error_contents .error_list {
	border: 1px solid #d71932;
	background: #f5f5f5;
	padding: 20px 0;
	line-height: 1.5;
}
form .error_contents .error_txt {
	margin: 0 0 10px 0;
	padding: 0 0 0 28px;
	background: url(/makeupshop/lib/img/ic_dott04.png) no-repeat 20px 9px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #d71932;
}
form .error_contents .error_txt:last-child {
	margin: 0;
}