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

.topIndex li {
	margin: 0px 15px 10px 15px;
	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;
}

/* 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.noph li a {
	padding: 25px 15px 15px 15px;
}

.topIndex li a 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;
}

/* トップページ */

.btm_category h3 {
	background-color: #0088e7;
	color: #ffffff;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 4px;
	padding: 12px 34px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.btm_category .data01 {
	width: 100%;
}
.btm_category .data01 li {
	box-sizing: border-box;
}
.btm_category .data01 li a {
	width: 100%;
	display: block;
	position: relative;
	color: #ffffff;
}
.btm_category .data01 li a .box img {
	width: 100%;
}
.btm_category .data01 li a .box p {
	position: absolute;
	font-size: 2.5vw;
	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%;
	min-width: 94%;
	background-size: 6%;
	text-align: center;
}
.btm_category .data01 li:nth-child(odd) {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.btm_category .data01 li:nth-child(even) {
	width: 50%;
	float: right;
	box-sizing: border-box;
}
.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 {
	width: 100%;
	margin: 0px auto;
	padding: 20px 0px 25px 0px;
}

/* カテゴリトップ写真 */
.catTopPh,
.catTopTxt {
	padding-bottom: 20px;
}

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

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

.quaSysSp {
	max-width: 280px;
	margin: 20px auto;
}

.quaWork {
	padding-bottom: 30px;
}

.quaWork li {
	float: left;
	width: 50%;
	padding: 0px;
}

.quaWork li.wkLogo {
	width: 100%;
	text-align: center;
}

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

.quaWork li.wkLogo img {
	max-width: 380px;
}

.quaPh3Col {
	max-width: 380px;
	margin: 20px auto;
	padding-bottom: 20px;
}

.quaPh3Col li {
	padding: 5px 0px;
}

.quaPh4Col {
	padding-bottom: 30px;
}

.quaPh4Col li {
	float: left;
	width: 49%;
	padding: 25px 0.5% 0px 0.5%;
}

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

.cusManArea {
	display: table-cell;
	width: 100px;
	font-size: 1.2rem;
	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: 100px;
	-moz-border-image: border-radius: 100px;
	-webkit-border-image: border-radius: 100px;
}

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

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

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

.cusTb .harfT {
	text-align: center;
}

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

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

.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 {
	margin-top: 20px;
	border-top: 1px solid #999;
}

.itemArea h3 {
	font-weight: bold;
	padding-top: 10px;
}

.itemArea .itemTbArea table th,
.itemArea .itemTbArea table td {
	display: block;
}

.itemArea .itemTbArea table th {
	background-color: #eee;
	width: 94%;
	margin-top: 25px;
	padding: 5px 3% 5px 3%;
}

.itemArea .itemTbArea table th.white {
	background-color: #fff;
}

.itemArea .itemTbArea table th.none {
	display: none;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

.itemArea .itemTbArea table td {
	width: 100%;
	padding: 20px 0px 0px 0px;
}

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

.itemArea .itemTbArea table td.case {
	font-size: 80%;
	padding: 5px 0px 0px 0px;
}

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

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

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

.agreeArea {
	text-align: center;
	margin-top: 20px;
	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;
	line-height: 120%;
	margin-top: 15px;
	padding: 10px 0px 0px 2%;
	border: 1px solid #ddd;
}

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