@charset "UTF-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:500,500i');


/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;text-decoration:none}fieldset{border:0}body{line-height:1.8;font-size:88%}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}


/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }


/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}




html {
	overflow-y: scroll;
}


/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #e96b8c;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 12px;
}

.en {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}



/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: 'Noto Sans Japanese',sans-serif,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 400;
	color: #231815;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}



	

/* flex */
.flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.flex-end {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#top_header {
}
	#top_header #free {
		width: 100%;
		height: 20px;
		background: #f9f9f9;
		border-bottom: solid 1px #ddd;
	}
		#top_header #free p {
			font-size: 10px;
			line-height: 20px;
			text-align: center;
		}


	#top_header #header_sp {
		height: 60px;
		position: relative;
		background: #fff;
		margin: 0;
	}
		#top_header #header_sp .logo {
			width: 90px;
			margin: 0 auto;
			padding-top: 18px;
			text-align: center;
		}
			#top_header #header_sp .logo img {
				width: 100%;
				height: auto;
			}

		#top_header #header_sp #infonav {
			position: absolute;
			top: 18px;
			right: 5px;
		}
			#top_header #header_sp #infonav ul {
				display: flex;
				display: -webkit-flex;
				padding: 0;
			}
				#top_header #header_sp #infonav ul li {
					margin-right: 10px;
				}
					#top_header #header_sp #infonav ul li img {
						width: auto;
						height: 22px;
					}


					#top_header #header_sp #infonav ul li #member_info {
						display: none;
						opacity: 0;
						color: #fff;
					}
					#top_header #header_sp #infonav ul li .m0 {
						display: none;
						opacity: 0;
						color: #fff;
					}
						#top_header #header_sp #infonav ul li .m0 a {
							color: #fff;
							display: none;
							opacity: 0;
						}

					#top_header #header_sp #infonav ul li .m1 {
						display: block !important;
						opacity: 1 !important;
						padding-top: 2px;
						margin-right: -8px;
					}
						#top_header #header_sp #infonav ul li .m1 a {
							font-size: 10px !important;	
							color: #000;
						}

					#top_header #header_sp #infonav ul li .login0 {
						display: block;
					}
					#top_header #header_sp #infonav ul li .login1 {
						display: none;
					}



	#menu_toggle
	{
		position: absolute;
		z-index: 14;
		top: 10px;
		left: 0;

		display: block;

		-webkit-box-sizing: content-box;
				box-sizing: content-box;
		width: 2.5rem;
		padding: 11px .75rem;

		cursor: pointer;
		-webkit-transition: left .3s ease-in-out;
				transition: left .3s ease-in-out;
		-webkit-transform: translateZ(0);
				transform: translateZ(0);
		text-align: center;

		border: 0;
		outline: 0;

		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
				order: 1;
	}
	#menu_toggle div
	{
		position: relative;

		display: block;

		margin-top: 10px;
	}
	#menu_toggle div span
	{
		width: 30px;
		height: 2px;

		-webkit-transition: left .3s ease-in-out;
				transition: left .3s ease-in-out;
	}
	#menu_toggle div span:nth-child(1)
	{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;

		margin: 0 auto;

		background: #231815;
	}
	#menu_toggle div span:nth-child(2)
	{
		width: 30px;
		position: absolute;
		top: -8px;
		right: 0;
		left: 0;

		margin: 0 auto;

		background-color: #231815;
	}
	#menu_toggle div span:nth-child(3)
	{
		position: absolute;
		top: 8px;
		right: 0;
		left: 0;

		margin: 0 auto;

		content: ' ';

		background-color: #231815;
	}
	#menu_toggle.open
	{
		position: fixed;
		left: 16.5em;
	}
	#menu_toggle.open div span:nth-child(1)
	{
		background: transparent;
	}
	#menu_toggle.open div span:nth-child(2)
	{
		top: 0;

		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);

		background: #fff;
	}
	#menu_toggle.open div span:nth-child(3)
	{
		top: 0;

		-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);

		background: #fff;
	}
	#menu_toggle p.menu_neme
	{
		font-size: 10px;
		font-size: .625rem;
		font-weight: bold;

		margin: 25px 0 0;

		text-align: center;

		color: #fff;
	}


	html
	{
		display: block;
	}
	html.active
	{
		overflow: visible;
		overflow: auto;
  height: 100%;
	}
	html body
	{
		position: relative;
		left: 0;

		display: block;
		overflow: hidden;

		-webkit-transition: right .3s ease-in-out;
				transition: right .3s ease-in-out;
	}
	html body.panel-open
	{
		right: -16.5em;
	}
	html body.panel-open #gnav
	{
		left: 0;

		/*overflow-y: scroll;*/
	}
	html body.panel-open #gnav ul.main_menu > li a
	{
		border-bottom: 1px solid #e5e5e5;
	}

	#gnav
	{
		position: fixed;
		z-index: 14;
		left: -16.5em;

		width: 16.5em;
		/*height: 100%;*/
		padding: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		top: 0;
		bottom: 0;

		-webkit-transition: left .3s ease-in-out;
				transition: left .3s ease-in-out;

		background: #fff;
	}
	#gnav .scrollbox
	{
		-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-y: scroll;
	}

	#gnav > ul li.acr .lv2
	{
		display: none;
	}


	#top_header #globalnav {
		width: 100%;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
	}
		#top_header #globalnav ul {
			padding: 0;
		}
			#top_header #globalnav ul li {
				width: 25%;
				position: relative;
			}
			#top_header #globalnav ul li:after {
				content: "/";
				font-size: 14px;
				color: #dbdbdb;
				position: absolute;
				top: 5px;
				right: 0;
			}
			#top_header #globalnav ul li:nth-child(4):after {
				display: none;
			}
				#top_header #globalnav ul li a {
					height: 36px;
					line-height: 38px;
					display: block;
					color: #404040;
					font-size: 12px;
					letter-spacing: 0px;
					text-align: center;
				}
		
		#drawer-overlay {
			position: fixed;
			z-index: 12;
			top: 0;
			left: 0;

			display: none;

			width: 100%;
			height: 100%;

			background-color: rgba(21, 21, 21, .6);
		}
		#drawer-overlay.active {
			display: block;
		}


	#top_header #gnav ul.subinfo {
		padding: 0;
	}
		#top_header #gnav ul.subinfo li {
			width: 50%;
			border-right: solid 1px #dddddd;
		}
			#top_header #gnav ul.subinfo li a {
				font-size: 12px;
				height: 36px;
				line-height: 36px;
				display: block;
				text-align: center;
				color: #000;
			}
	

	#top_header #gnav .searchboxOuter {
		border-top: solid 1px #ddd;
		padding: 10px;
	}
		#top_header #gnav .searchboxOuter form .input_l {
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
			background: #efefef;
		}
			#top_header #gnav .searchboxOuter form .input_l .searchbox {
				width: 90%;
				padding: 0 5px;
				background: #efefef;
				border-radius: none !important;
				border: none !important;
			}
			#top_header #gnav .searchboxOuter form .input_l .submit_gr {
				width: 10%;
				font-size: 12px;
				color: #000;
				background: #efefef;
				text-align: center;
				padding: 5px 5%;
				border-radius: none !important;
				border: none !important;
			}
	

	#top_header #gnav ul.menu {
		padding: 0;
	}
		#top_header #gnav ul.menu li {
			margin-bottom: 1px;
		}
		#top_header #gnav ul.menu li a.link {
			height: 50px;
			display: block;
			text-align: center;
			font-family: 'Roboto', sans-serif;
			font-weight: 500;
			font-size: 14px;
			color: #fff;
			letter-spacing: 2px;
			line-height: 50px;
			cursor: pointer;
			position: relative;
			background: #e96b8c;
		}
			#top_header #gnav ul.menu li .head {
				height: 50px;
				display: block;
				text-align: center;
				font-family: 'Roboto', sans-serif;
				font-weight: 500;
				font-size: 14px;
				color: #fff;
				letter-spacing: 2px;
				line-height: 50px;
				cursor: pointer;
				position: relative;
				background: #e96b8c;
			}
			#top_header #gnav ul.menu li .head:after {
				content: "";
				width: 16px;
				height: 1px;
				background: #fff;
				position: absolute;
				top: 24px;
				right: 10px;
			}
			#top_header #gnav ul.menu li .head:before {
				content: "";
				width: 1px;
				height: 16px;
				background: #fff;
				position: absolute;
				top: 17px;
				right: 18px;
			}
			#top_header #gnav ul.menu li .head.open:after {
				content: "";
				width: 20px;
				height: 1px;
				background: #fff;
				position: absolute;
				top: 24px;
				right: 10px;
			}
			#top_header #gnav ul.menu li .head.open:before {
				display: none;
			}

			#top_header #gnav ul.menu li .list {
				display: none;
			}
				#top_header #gnav ul.menu li .list .flex {
					display: flex !important;
					-ms-flex-wrap: wrap !important;
					flex-wrap: wrap !important;
					padding: 10px;
					text-align: center;
				}
					#top_header #gnav ul.menu li .list .flex .blogo {
						width: 48%;
						font-size: 10px;
						margin-right: 4%;
						margin-bottom: 8px;
					}
					#top_header #gnav ul.menu li .list .flex .blogo:nth-child(2n) {
						margin-right: 0;
					}
						#top_header #gnav ul.menu li .list .flex .blogo a {
							display: block;
							color: #231815;
							line-height: 1.2em;
						}
							#top_header #gnav ul.menu li .list .flex .blogo a img {
								width: 100%;
								height: auto;
								border: solid 1px #ddd;
							}
							#top_header #gnav ul.menu li .list .flex .blogo p {
								font-size: 10px !important;
								line-height: 1.2em !important;
								padding-top: 5px;
							}


					#top_header #gnav ul.menu li .list .flex .box {
						width: 48%;
						margin-right: 4%;
						margin-bottom: 3%;
						border-left: none;
					}
					#top_header #gnav ul.menu li .list .flex .box:nth-child(2n) {
						margin-right: 0;
					}
						#top_header #gnav ul.menu li .list .flex .box a {
							display: block;
							text-align: center;
						}
							#top_header #gnav ul.menu li .list .flex .box a .pht {
								background: #fdf7f9;
								overflow: hidden;
								padding: 15px 0;
							}
								#top_header #gnav ul.menu li .list .flex .box a .pht img {
									width: 50%;
									height: auto;
								}

							#top_header #gnav ul.menu li .list .flex .box p {
								padding-top: 10px;
								font-size: 10px !important;
								line-height: 1.2em !important;
								color: #231815;
								line-height: 1;
							}
	

	#top_header #gnav ul.submenu {
		padding: 0;
		background: #f9f9f9;
	}
		#top_header #gnav ul.submenu li {
			border-bottom: solid 1px #ddd;
		}
			#top_header #gnav ul.submenu li a {
				display: block;
				font-size: 12px;
				color: #231815;
				padding: 5px 10px !important;
			}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* トップページ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* contents
----------------------*/
#contents section {
    background: none;
	padding-bottom: 0;
}
	#contents .title {
		color: black;
		background: none;
		margin: 10px 0 0;
		padding: 24px 0 38px;
		vertical-align: middle;
		text-align: center;
	}
		#contents .title h1 {
		}


	#contents .mp_pickuplistpattern_layout4 {
		border-bottom: solid 1px #ddd;
	}



/* メインスライダー
----------------------*/
#mp_ta_free1 {
	background: url(https://www.makeup-store.jp/hpgen/smp/img_new/mainimage_bg.gif) no-repeat center !important;
	background-size: cover !important;
	margin: 0 !important;
	padding: 8px 0 35px 0 !important
}
.swiper-container {
	overflow: visible !important;
}
.swiper-container .swiper-pagination {
		bottom: -30px !important;
	}
		.swiper-container .swiper-pagination span {
			width: 10px;
			height: 10px;
			background: #e96b8c;
			border: solid 1px #e96b8c;
			opacity: 1;
		}
	.swiper-container .swiper-button-prev,
	.swiper-container .swiper-button-next {
		display: none !important;
	}
		.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
			background: #fff !important;
			border: solid 1px #e96b8c;
		}



/* バナーエリア
----------------------*/
#bnrarea {
	padding-top: 40px;
}
	#bnrarea h2 {
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 26px;
		letter-spacing: 2px;
		line-height: 1;
		padding-bottom: 20px;
		text-align: center;
		margin-bottom: 15px;
		position: relative;
	}
	#bnrarea h2:after {
		width: 100%;
		content: "ピックアップ";
		font-size: 12px;
		font-weight: 500;
		text-align: center;
		position: absolute;
		bottom: 2px;
		left: 0;
	}

	#bnrarea ul {
		padding: 0;
	}
		#bnrarea ul li {
			box-sizing: border-box;
			padding: 0 3px;
		}
			#bnrarea ul li img {
				width: 100%;
				height: auto;
			}





/* ランキング
----------------------*/
#ranking {
	padding-top: 25px;
	padding-bottom: 40px;
}
	#ranking h2 {
		font-family: 'Roboto', sans-serif;
		font-weight: 500;
		font-size: 26px;
		letter-spacing: 2px;
		line-height: 1;
		padding-bottom: 20px;
		text-align: center;
		margin-bottom: 15px;
		position: relative;
	}
	#ranking h2:after {
		width: 100%;
		content: "人気ランキング";
		font-size: 12px;
		font-weight: 500;
		text-align: center;
		position: absolute;
		bottom: 2px;
		left: 0;
	}

	#ranking .bg {
		width: 100%;
		background: #fcebf0;
		padding: 20px 2.5px;
	}

	/* 全体のスタイル */
	#ranking .swiper-wrapper {
		width: 100%;
	}
		#ranking .swiper-slide {
			width: 100%;
			text-align: center;
		}
			#ranking .swiper-slide a {
				display: block;
				background: #fff;
				padding: 20px 15px;
				margin: 0 2.5px;
				position: relative;
			}
				#ranking .swiper-slide a .number {
					width: 30px;
					height: 50px;
					background: url(https://www.makeup-store.jp/hpgen/smp/img_new/number_bg.png) no-repeat center top;
					background-size: 100%;
					line-height: 30px;
					font-size: 16px;
					text-align: center;
					color: #fff;
					font-family: 'Roboto', sans-serif;
					font-weight: 500;
					position: absolute;
					top: 0;
					left: 0px;
				}

				#ranking .swiper-slide a .cat {
					font-size: 10px;
					color: #e96b8c;
					text-align: left;
					padding-top: 10px;
				}

				#ranking .swiper-slide a .itemname {
					color: #000;
					text-align: left;
					font-size: 12px;
					line-height: 1.4em;
					padding-top: 7px;
				}

				#ranking .swiper-slide a .prictxt {
					color: #000;
					text-align: left;
					font-size: 12px;
					line-height: 1.4em;
					padding-top: 10px;
				}

	#ranking .swiper-container .swiper-pagination {
		bottom: -60px !important;
	}





/* おすすめ商品
----------------------*/
#pi_free4 .clearof {
	padding: 0 !important;
}

#mp_txt_rec {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 1;
	padding-bottom: 20px;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
	position: relative;
}
#mp_txt_rec:after {
	width: 100%;
	content: "おすすめ商品";
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	position: absolute;
	bottom: 2px;
	left: 0;
}
.cataloglist.mp_pickuplistpattern_layout3 ul li .box .price a .r_cat {
    font-size: 10px;
    color: #e96b8c;
    text-align: left;
    padding-top: 10px;
}
.cataloglist.mp_pickuplistpattern_layout3 ul li .box .price a .itemname {
    display: block;
	color: #000;
	text-align: left;
	font-size: 12px;
	line-height: 1.4em;
	padding-top: 7px;
}
.cataloglist.mp_pickuplistpattern_layout3 ul li .initial_price {
	color: #000 !important;
	text-align: left !important;
	font-size: 12px !important;
	line-height: 1.4em !important;
	padding-top: 10px !important;
}




/* NEWS&TOPICS
----------------------*/
#news {
	margin-top: 30px !important;
}
	#news .title {
		padding-bottom: 50px;
	}	
		#news .title p,
		#news .title #mp_icn_info{
			display: none;
		}	

		#news .title h1 {
			font-family: 'Roboto', sans-serif;
			font-weight: 500;
			font-size: 26px;
			letter-spacing: 2px;
			line-height: 1;
			padding-left: 0;
			padding-bottom: 20px;
			color: #000;
			text-align: center;
			margin-bottom: 15px;
			float: none;
			position: relative;
		}
		#news .title h1:after {
			width: 100%;
			content: "お知らせ";
			font-size: 12px;
			font-weight: 500;
			text-align: center;
			position: absolute;
			bottom: 2px;
			left: 0;
		}	


	#news ul {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#news ul li {
			width: 49%;
		}
		#news ul li:nth-child(3) {
			display: none;
		}
			#news ul li .head {
				padding-top: 14px;
				padding-bottom: 8px;
				font-weight: 700;
			}
			#news ul li br {
				display: none;
			}
			#news ul li p {
				font-size: 10px;
			}
				#news ul li p br {
					display: block;
				}



/* mp_ranklistpattern_layout3
----------------------*/
.mp_ranklistpattern_layout3 .btn {
	width: 260px;
	margin: 0 auto;
}
	.mp_ranklistpattern_layout3 .btn button {
		display: block;
		height: 50px;
		border: solid 1px #e96b8c;
		color: #e96b8c;
		text-align: center;
		line-height: 50px;
		background: url(http://test.mongoroid.com/makeup/img/icon_arrow.svg) no-repeat 93% center;
	}



/* mp_pickuplistpattern_layout3
----------------------*/










/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* アウトレット一覧 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.original_price {
	visibility: hidden;
	text-align: right;
	text-indent: -70px;
	font-size: 10px;
	padding-top: 4px;
}
.original_price s {
	visibility: initial;
	text-decoration: line-through;
}
.initial_price {
	line-height: 1.4em;
}
.initial_price .mp_item_item6_5 {
	color: #F70004;
	line-height: 1;
}



.productprice div .sale {
	background: none !important;
	color: #F70004 !important;
}
.productprice div:nth-child(2) {
	visibility: hidden;
	text-indent: -84px;
	padding-top: 5px;
}
.productprice div:nth-child(2) s {
	visibility: initial;
	text-decoration: line-through;
}









/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 各ブランド一覧 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.brand {
	border-top: solid 1px #ddd;
	padding-bottom: 30px;
}
	.brand ul.flex {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		margin: 20px 0 0 0;
	}
		.brand ul.flex li {
			display: table;
			width: 48%;
			height: 46px;
			margin-right: 2%;
			border-bottom: solid 1px #ddd;
		}
		.brand ul.flex li:nth-child(1),
		.brand ul.flex li:nth-child(2) {
			border-top: solid 1px #ddd;
		}
		.brand ul.flex li:nth-child(2n) {
			margin-right: 0;
		}
			.brand ul.flex li a {
				display: table-cell;
				font-size: 11px;
				letter-spacing: 0;
				vertical-align: middle;
				color: #000;
				line-height: 1.4em;
				background: url(https://www.makeup-store.jp/hpgen/smp/img_new/btn_arrow.png) no-repeat 10px center;
				background-size: 7px;
				padding-left: 24px;
			}


	.brand .back {
		padding: 30px 40px 0 40px;
		text-align: center;
	}
		.brand .back a {
			font-size: 13px;
			color: #000;
			line-height: 1.4em;
			text-align: center;
		}
			.brand .back a img {
				margin-top: -2.5px;
				padding-left: 3px;
			}


	.back_bottom {
		padding: 30px 40px 0 40px;
		text-align: center;
	}
		.back_bottom a {
			font-size: 13px;
			color: #000;
			line-height: 1.4em;
			text-align: center;
		}
			.back_bottom a img {
				margin-top: -2.5px;
				padding-left: 3px;
			}


	.brand .ci {
		padding-top: 30px !important;
	}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#bread-crumb {
	border-top: solid 1px #ddd;
	margin: 65px 0 5px 0;
	padding-top: 5px;
}
#bread-crumb.free {
	margin: -10px 0 10px 0 !important;
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
}
#bread-crumb.wc {
	margin: -10px 0 0 0 !important;
	padding-bottom: 5px;
	border-bottom: none !important;
}
#pi_header_breadcrumbs #bread-crumb {
	margin: -10px 0 10px 0 !important;
	border-top: none;
}
	#bread-crumb ol li {
		font-size: 10px;
	}
	#bread-crumb ol li a {
		font-size: 10px;
		color: #231815 !important;
	}





#pi_group{
	display: none !important;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 商品詳細 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

#pi_header_breadcrumbs {
	border-bottom: solid 1px #ddd;
	padding-left: 5px;
}
#pi_header_breadcrumbs #bread-crumb {
	margin-bottom: 0 !important;
	padding-bottom: 5px;
}


.productimg {
	border: none;
}



/* 商品画像
----------------------*/
.bx-controls-direction {
	display: none;
}

.bx-wrapper {
	margin-bottom: 0 !important;
}



/* お気に入り
----------------------*/
.stock p[class^="wish_area"] {
    min-height: 0;
    text-align: center;
}
.stock .wish_add {
	width: 60px !important;
	height: 53px !important;
    background: url(https://www.makeup-store.jp/hpgen/smp/img_new/bookmark_off.svg) no-repeat center !important;
	background-size: 26px !important;
    border: medium none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: bold;
	text-indent: -9999px;
	position: absolute;
	top: -75px;
	right: -15px;
}
.stock .wish_add_ok {
	width: 60px !important;
	height: 53px !important;
    background: url(https://www.makeup-store.jp/hpgen/smp/img_new/bookmark_on.svg) no-repeat center !important;
	background-size: 26px !important;
	text-indent: -9999px;
	padding: 0;
	position: absolute;
	top: -75px;
	right: -15px;
}



/* 商品 */
#sortarea {
	position: relative;
}
	#sortarea ol.single li:nth-child(1),
	#sortarea ol.single li span {
		display: none;
	}
		#sortarea ol.single li a {
			display: block;
			padding-top: 30px;
			font-size: 12px;
			color: #e96b8c;
			padding-left: 5px;
		}



/* 商品名
----------------------*/
#pi_name {
	background: none !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}
	.brandname {
		color: #e96b8c;
		font-weight: 500;
		padding: 20px 20px 0 20px;
	}


	#pi_name ul {
		margin: 0;
	}
		#pi_name li.catch {
			font-weight: 400;
			padding: 0 0 0 5px;
		}
		#pi_name li:nth-child(1) {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			#pi_name li .prize {
				display: block;
				background: #e96b8c;
				text-align: center;
				color: #fff;
				padding: 0 20px;
				position: absolute;
				top: 0;
				left: 0;
			}
			#pi_name li .pickup {
				position: absolute;
				top: 0;
				left: 0;
			}



/* 商品価格（簡易）
----------------------*/
#pi_price {
	display: none;
}


#pi_cart .shopping_form p {
    margin: 0 auto;
    text-align: center;
}
	#pi_cart .shopping_form input {
	}


/* 商品価格
----------------------*/
#pi_std_price {
	padding: 18px 12px 0 12px;
	margin: 0;
}
	#pi_std_price .productprice {
		padding: 0;
		margin: 0;
	}
		#pi_std_price .productprice p {
			color: #2e2e2e;
			float: none;
			margin-bottom: 0;
			line-height: 1;
		}
			#pi_std_price .productprice p span {
				font-size: 18px;
				color: #2e2e2e;
			}
			#pi_std_price .productprice p span:nth-child(2) {
				font-size: 10px;
			}

			#pi_std_price .productprice p .publish_point {
				display: block;
				margin-top: -2px;
				font-size: 10px;
				font-weight: 400;
				line-height: 1;
			}



/* 在庫
----------------------*/
#pi_cart {
	width: 90% !important;
	margin: 0;
	background: #f6f6f6 !important;
	padding: 5px 15px 15px 15px;
}
	#pi_cart .titlebar_g_o {
		display: none;
	}

	#pi_cart form {
		padding: 0;
		margin: 0;
		background: none;
		-webkit-box-shadow: 0 0 0 rgba(0,0,0,.0);
		position: relative;
	}
		#pi_cart form table.remark {
			width: 100%;
			margin: 0;
		}
			#pi_cart form table.remark td {
				vertical-align: middle;
			}
				#pi_cart form table.remark td input {
					border: solid 1px #ddd;
					border-radius: 6px;
					width: 60px;
					height: 14px;
					padding: 10px;
					text-align: right;
					margin-right: 5px;
				}

		#pi_cart form table.variation3 {
			width: 140px;
			border: none;
			position: absolute;
			top: -5px;
			right: 1px;
			background: none !important;
		}
			#pi_cart form table.variation3 th {
				width: 60px;
				border: none;
				padding: 7px 5px 7px 0;
				text-align: right;
				font-size: 12px;
				font-weight: 400;
				background: none !important;
			}
			#pi_cart form table.variation3 td {
				width: 20px;
				text-align: right;
				background: none;
				border: none;
			}

		#pi_cart form .submit {
			margin: 15px 0 0 0 !important;
			padding: 0 !important;
			text-align: left;
		}
			#pi_cart form .submit input {
				width: 100%;
				height: 44px;
				border: none;
				background: #e96b8c url(http://test.mongoroid.com/makeup_ss/smp/img/cart.svg) no-repeat 95% center;
				font-size: 14px;
				font-weight: 700;
				color: #fff;
				text-align: center;
				padding: 0;
				margin: 0;
			}

		#pi_cart .form_menu {
			padding-top: 18px;
			padding-bottom: 20px;
			margin: 0 !important;
			background: none;
		}
			#pi_cart .form_menu ul .ar_link_r {
				margin: 0;
				background: none;
			}
				#pi_cart .form_menu .ar_link_r a {
					margin: 0;
					background: none !important;
					border-bottom: none;
					padding: 0;
				}




.form_menu .ar_link_r {
	position: relative;
	padding-left: 10px;
}
.form_menu .ar_link_r:after {
	content: ">";
	font-size: 12px;
	font-weight: 700;
	color: #e96b8c;
	position: absolute;
	top: 0;
	left: 0;
}



/* メイン紹介文
----------------------*/
#pi_main .seemore {
	display: none;
}
.description #group {
    padding: 20px 10px 0 10px;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    margin: 0 5px;
}
#contents .description aside {
    color: #333333;
    -webkit-box-shadow: none;
    font-size: 11px;
    line-height: 1.5;
    text-align: left;
    height: auto;
    overflow: hidden;
    padding: 10px;
    margin: 0 5px;
    background: white;
}

#pi_main #group h1 {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 3px;
	border-bottom: none;
	padding-bottom: 10px;
}

#pi_main #main_text {
	font-size: 13px !important;
	line-height: 1.8em;
	margin: 10px 0 !important;
}
#pi_main p {
	font-size: 13px !important;
}
#pi_main span {
	font-size: 13px !important;
}
#pi_main #main_text .cap {
	font-size: 11px !important;
}


#pi_main .box01 {
	padding-top: 10px;
	padding-bottom: 50px;
	background: url(https://www.makeup-store.jp/hpgen/smp/img_new/bg_batsu.gif) no-repeat center bottom;
	background-size: 60px;
	margin-bottom: 10px;
}
	#pi_main .box .head {
		font-size: 14px;
		font-weight: 700;
		color: #e96b8c;
		padding-bottom: 5px;
	}

	#pi_main .box table {
		width: 100%;
		border-collapse: collapse;
		border-top: dotted 1px #ddd;
	}
		#pi_main .box table th {
			font-size: 12px;
			border-bottom: dotted 1px #ddd;
			padding: 15px 0;
		}
		#pi_main .box table td {
			font-size: 12px;
			border-bottom: dotted 1px #ddd;
			padding: 15px 0;
		}




/* pi_sub1
----------------------*/
#pi_sub1 {
	padding-top: 20px;
}
	#pi_sub1 .tab {
		padding: 20px 0 0 0 !important;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#pi_sub1 .tab li {
			width: 50%;
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 14px;
			font-weight: 500;
			color: #c4c4c4;
			border-bottom: solid 2px #c4c4c4;
			text-align: center;
			cursor: pointer;
		}
		#pi_sub1 .tab li.select {
			color: #404040;
			border-bottom: solid 2px #404040;
		}

	#pi_sub1 .content .box {
		padding: 10px 10px 10px 10px;
		border-bottom: solid 1px #404040;
	}
	#pi_sub1 .hide {
		display: none;
	}
		#pi_sub1 .content .box table {
			width: 100%;
			border-collapse: collapse;
		}
			#pi_sub1 .content .box table th {
				width: 23%;
				font-size: 12px;
				font-weight: 700;
				text-align: left;
				vertical-align: middle;
				padding: 10px 0;
				border-bottom: dotted 1px #ddd;
			}
			#pi_sub1 .content .box table td {
				width: 77%;
				font-size: 12px;
				vertical-align: middle;
				padding: 10px 0;
				border-bottom: dotted 1px #ddd;
			}
			#pi_sub1 .content .box table tr:nth-last-child(1) td {
				border-bottom: none;
			}
			#pi_sub1 .content .box table tr:nth-last-child(1) th {
				border-bottom: none;
			}

		#pi_sub1 .content .box:nth-child(2) {
			padding-top: 10px;
			font-size: 12px;
			line-height: 2em;
		}


/* pi_sub2 見出し */
#pi_sub1 .titlehead {
	text-align: center;
	padding: 10px 0 20px 0;
}	
	#pi_sub1 .titlehead p {
		color: #e96b8c;
		font-size: 14px;
		font-weight: 700;
	}	

	#pi_sub1 .titlehead .tit {
		font-size: 24px;
		font-weight: 700;
		line-height: 1;
		padding-bottom: 7px;
	}	
		#pi_sub1 .titlehead .tit span {
			color: #e96b8c;
			font-size: 28px;
		}	


/* pi_sub2 ポイント */
#pi_sub1 .point {
	background: #f0f8fa;
	background-size: cover;
	padding: 30px 20px 30px 20px;
}	
	#pi_sub1 .point .entitle {
		font-size: 26px;
		text-align: center;
		letter-spacing: 3px;
		margin-bottom: 17px;
	}

	#pi_sub1 .point .box {
		margin-bottom: 35px;
	}

		#pi_sub1 .point .box .min {
			font-weight: 500;
		}

		#pi_sub1 .point .box h3 {
			font-size: 17px;
			line-height: 1.4em;
		}
			#pi_sub1 .point .box h3 span {
				font-size: 10px;
			}

		#pi_sub1 .point .box p {
			font-size: 12px;
			line-height: 1.8em;
			padding-top: 15px;
			letter-spacing: 2px;
		}

		#pi_sub1 .point .box .pht {
			text-align: center;
			padding-top: 15px;
		}
			#pi_sub1 .point .box .pht img {
				width: 100%;
				height: auto;
			}

	#pi_sub1 .point .cap {
		font-size: 10px;
	}


/* pi_sub2 使い方 */
#pi_sub1 .howto {
	padding: 25px 20px 10px 20px;
	background: #f7f7f7;
}	
	#pi_sub1 .howto .entitle {
		font-size: 26px;
		text-align: center;
		letter-spacing: 3px;
		margin-bottom: 15px;
	}

	#pi_sub1 .howto .box {
		margin-bottom: 30px;
	}
		#pi_sub1 .howto .box video {
			margin-bottom: 10px;
		}

		#pi_sub1 .howto .box .pht {
			margin-bottom: 10px;
		}
			#pi_sub1 .howto .box .pht img {
				width: 100%;
				height: auto;
			}

	
		#pi_sub1 .howto .box h3 {
			font-size: 16px;
			line-height: 1.6em;
			margin-bottom: 10px;
		}
			#pi_sub1 .howto .box h3 span {
				font-size: 10px;
			}

		#pi_sub1 .howto .box p {
			font-size: 12px;
			line-height: 1.8em;
			letter-spacing: 2px;
		}


/* pi_sub1 使用上のご注意 */
#pi_sub1 .use {
	padding-top: 5px;
}	



/* pi_sub2 ご購入案内
----------------------*/
#pi_sub2 {
	padding-top: 15px;
}
	#pi_sub2 .headtit {
		font-size: 24px;
		font-weight: 700;
		letter-spacing: 3px;
		text-align: center;
		padding-bottom: 20px;
	}

	#pi_sub2 ul {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}
		#pi_sub2 ul li {
			width: 49%;
			margin-right: 2%;
			margin-bottom: 2%;
			box-sizing: border-box;
			border: solid 1px #ddd;
		}
		#pi_sub2 ul li:nth-child(2n) {
			margin-right: 0;
		}
			#pi_sub2 ul li a {
				display: block;
				text-align: center;
				color: #000;
				padding: 10px;
				background: url(https://www.makeup-store.jp/hpgen/smp/img_new/btn_arrow.png) no-repeat 15px center;
				background-size: 8px;
			}



/* 関連商品
----------------------*/
#pi_relate .title  {
	padding-bottom: 20px;
}
#pi_relate .title H1 {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
	color: #404040;
}
#pi_relate .cataloglist ul li .box .price a .itemname {
    display: block;
}


/* SNS
----------------------*/
#pi_sns {
	display: none;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページタイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	top: 133px;
	left: 0;
}
#pagetitle02 {
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1.1em;
	position: absolute;
	top: 130px;
	left: 0;
}
	#pagetitle02 span {
		font-size: 12px;
	}


.title_c {
	background: none !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 auto 0 !important;
}
	.title_c h3 {
		width: 100%;
		font-size: 20px !important;
		font-weight: 700 !important;
		text-align: center;
	}

	.title_c h1 {
		width: 100%;
		font-size: 20px !important;
		font-weight: 700x !important;
		text-align: center;
	}

	.title_c h1 {
		width: 100%;
		font-size: 20px !important;
		font-weight: 700x !important;
		text-align: center;
	}

	.title_c h2 {
		width: 100%;
		font-size: 20px !important;
		font-weight: 700x !important;
		text-align: center;
	}

#mp_ta_inq {
	display: block !important;
	padding-top: 0 !important;
}

#read {
	display: block !important;
	padding-top: 0 !important;
}

.info {
	margin-top: 0 !important;
}

#mp_txt_info {
	padding-bottom: 20px !important;
}

.formbox {
	padding-top: 10px !important;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 商品一覧 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pager {
	width: 100%;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}
.pagelist {
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
}
	.product_search .result {
		width: 120px;
		float: none;
	}
		.product_search .result ul {
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
			.product_search .result ul li {
				padding-left: 5px;
			}
			.product_search .result ul li:nth-child(2) {
				display: none;
			}
				.product_search .result ul li img {
					width: 100%;
					height: auto;
				}


	.product_search .sort {
		margin: 0;
	}
		.product_search .sort .mp_pager1_item1 {
			width: 60px;
			line-height: 1.4em;
			text-align: center;
			position: absolute;
			top: 10px;
			left: 50%;
			margin-left: -30px;
		}
			.product_search .sort .mp_pager1_item1 br {
				display: block;
			}

		.product_search .sort form {
			width: 33%;
			padding-top: 0;
		}
		.product_search .sort .f_r {
			padding-top: 0;
		}
			.product_search .pager .f_r select {
				background: #fff;
				height: 30px;
				line-height: 30;
				border-radius: 3px;
			}

	
	/* 説明付き */
	.itemlist {
		margin: 0;
		border-top: solid 1px #ddd;
	}
	.itemlist:before {
		display: none;
	}
		.itemlist li {
		}
			.itemlist .itemlist_bottom a {
				position: relative;
				display: block;
				-webkit-box-shadow: none;
				background: none;
				-webkit-border-radius: 0;
				border-radius: 0;
				border: none;
				-webkit-box-shadow: none;
				padding: 15px 0px 15px 0px !important;
				padding-bottom: 15px !important;
				text-decoration: none;
				border-bottom: solid 1px #ddd;
				margin-bottom: 0;
			}
				.itemlist .tag {
					position: absolute;
					top: -2px;
					left: 0;
					display: none;
				}
				.itemlist .prize {
					display: none;
				}
				.itemlist .rank {
					display: none;
				}

				.itemlist .wish_area {
					width: 55%;
					float: none;
					margin: 0;
					padding: 0;
					position: relative;
				}
					.itemlist .wish_area .wish_add {
						border: none;
						width: 22px;
						height: 22px;
						background: url(https://www.makeup-store.jp/hpgen/smp/img_new/pagelist_bg.gif) no-repeat center;
						background-size: 100%;
						margin: 0;
						padding: 0;
						border-radius: 0;
						overflow: hidden;
						text-indent: -999px;
						position: absolute;
						bottom: 18px;
						right: 0;
					}
					.itemlist .wish_area .wish_add_ok {
						border: none;
						width: 22px;
						height: 22px;
						background: url(https://www.makeup-store.jp/hpgen/smp/img_new/pagelist_bg_on.gif) no-repeat center;
						background-size: 100%;
						margin: 0;
						padding: 0;
						border-radius: 0;
						overflow: hidden;
						text-indent: -999px;
						position: absolute;
						bottom: 18px;
						right: 0;
					}

				.itemlist li a .li_l {
					width: 45%;
				}
					.itemlist li a .li_l .imgborder {
						width: 100%;
						height: auto;
						border: none;
					}

				.itemlist li a .li_r .mp_item_item1 {
					font-size: 14px !important;
					font-weight: 500 !important;
					padding-bottom: 4px;
				}
				.itemlist li a .li_r .mp_item_item6 {
					color: #000000;
					font-size: 11px;
					padding-right: 5px;
					padding-bottom: 3px;
					line-height: 1.6em;
					font-weight: 400;
				}
					.itemlist li a .li_r .mp_item_item6 .price {
						text-align: right !important;
					}


				.itemlist li a .li_r .mp_item_item5 {
					font-size: 12px !important;
					text-align: right !important;
					color: #000 !important;
					letter-spacing: 0 !important;
				}
					.itemlist li a .li_r .mp_item_item5 .mp_item_item6 {;
						font-size: 10px !important;
						display: block;
					}

	
	/* 写真のみ */
	.cataloglist ul li {
		display: flex !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		padding: 0 2%;
		border-top: solid 1px #ddd;
	}
		.cataloglist ul li .box {
			width: 50%;
			padding: 30px 15px;
			box-sizing: border-box;
			border-bottom: solid 1px #ddd;
			border-right: solid 1px #ddd;
		}
		.cataloglist ul li .box.rankingbox {
			counter-increment: section;
			position: relative;
		}
		.cataloglist ul li .box:nth-child(2n) {
			margin-right: 0;
			border-right: none;
		}
			.cataloglist ul li .box a .imgborder {
				width: 100%;
				height: auto;
				border: none !important;
				padding-bottom: 10px;
			}

			.cataloglist ul li .box .price {
				padding: 0;
			}
				.cataloglist ul li .box .price a .itemname {
					font-size: 10px;
					line-height: 1.8em;
					color: #231815;
					text-align: left;
					text-decoration: none;
					display: none;
				}

				.cataloglist ul li .box .price .initial_price {
					padding-top: 5px;
					color: #231815;
					text-align: right;
				}
					.cataloglist ul li .box .price .initial_price .mp_item_item6_5 {
						display: block;
					}


				.cataloglist .wish_area {
					width: 100%;
					float: none;
					margin: 0;
					padding: 0;
					position: relative;
				}
				.cataloglist .wish_area .wish_add {
					border: none;
					width: 20px;
					height: 20px;
					background: url(https://www.makeup-store.jp/hpgen/smp/img_new/pagelist_bg.gif) no-repeat center;
					background-size: 100%;
					margin: 0;
					padding: 0;
					border-radius: 0;
					overflow: hidden;
					text-indent: -999px;
					position: absolute;
					bottom: -2px;
					left: 0;
				}
				.cataloglist .wish_area .wish_add_ok {
					border: none;
					width: 20px;
					height: 20px;
					background: url(https://www.makeup-store.jp/hpgen/smp/img_new/pagelist_bg_on.gif) no-repeat center;
					background-size: 100%;
					margin: 0;
					padding: 0;
					border-radius: 0;
					overflow: hidden;
					text-indent: -999px;
					position: absolute;
					bottom: -2px;
					left: 0;
				}


	#searchbox2 {
		display: none;
	}
	
	
		.cataloglist ul li .box.rankingbox:before {
			display: block;
			content: counter(section);
			width: 24px;
			height: 24px;
			border-radius: 50%;
			background: #f1f1f0;
			font-family: 'Roboto', sans-serif;
			font-size: 108%;
			font-weight: 500;
			line-height: 24px;
			text-align: center;
			position: absolute;
			top: 5px;
			left: 0;
			z-index: 2;
		}
		.cataloglist ul li .box.rankingbox:nth-child(1):before {
			background: #dcbd39;
			color: #fff;
		}
		.cataloglist ul li .box.rankingbox:nth-child(2):before {
			background: #abc2cb;
			color: #fff;
		}
		.cataloglist ul li .box.rankingbox:nth-child(3):before {
			background: #d1955f;
			color: #fff;
		}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ページネーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.pagelist {
	padding-bottom: 15px;
}
	.pagelist .back,
	.pagelist .next,
	.pagelist .back_b,
	.pagelist .next_b {
		display: none !important;
	}

	.pagelist li .sel {
		width: 28px;
		height: 28px;
		padding: 0;
		line-height: 28px;
		text-align: center;
		background: #e96b8c;
	}
	.pagelist li a {
		width: 28px;
		height: 28px;
		padding: 0;
		line-height: 28px;
		text-align: center;
		color: #000;
		background: #e7e7e7;
	}
	.pagelist li a:hover {
		color: #fff;
		background: #e96b8c;
	}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* カテゴリーから選ぶ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

#date_on {
	display: none;
}


#mp_ta_freepage .catlist {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px;
}
	#mp_ta_freepage .catlist .box {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	#mp_ta_freepage .catlist .box:nth-child(2n) {
		margin-right: 0;
	}
		#mp_ta_freepage .catlist .box a {
			display: block;
			text-align: center;
		}
			#mp_ta_freepage .catlist .box a .pht {
				background: #fdf7f9;
				overflow: hidden;
				padding: 15px 0;
			}
				#mp_ta_freepage .catlist .box a .pht img {
					width: 50%;
					height: auto;
				}

			#mp_ta_freepage .catlist .box p {
				padding-top: 12px;
				font-size: 72%;
				color: #231815;
				line-height: 1;
			}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ブランドから選ぶ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#mp_ta_freepage .brandlist {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 10px;
}
	#mp_ta_freepage .brandlist {
		display: flex !important;
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
		padding: 10px;
		text-align: center;
	}
		#mp_ta_freepage .brandlist .blogo {
			width: 48%;
			font-size: 10px;
			margin-right: 4%;
			margin-bottom: 8px;
		}
		#mp_ta_freepage .brandlist .blogo:nth-child(2n) {
			margin-right: 0;
		}
			#mp_ta_freepage .brandlist .blogo a {
				display: block;
				color: #231815;
				line-height: 1.2em;
			}
				#mp_ta_freepage .brandlist .blogo a img {
					width: 100%;
					height: auto;
					border: solid 1px #ddd;
				}
				#mp_ta_freepage .brandlist .blogo p {
					padding-top: 5px;
				}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 人気ランキング */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#mp_ta_header {
	padding-top: 0 !important;
}








/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.footer,.ch,.copy {
	display: none;
}
	
section>div.freearea:first-child {
	background: none !important;
}
.freearea {
	padding: 0 0 0 0 !important;
	margin: -10px 0 0 0 !important;
}
	.freearea #cat {
		padding-top: 20px;
		padding-bottom: 0;
	}
		.freearea #cat .tit {
			color: black;
			background: none;
			margin: 0 0 0 0;
			padding: 0 0 18px 0;
			vertical-align: middle;
			text-align: center;
		}
			.freearea #cat .tit .entitle {
				font-size: 30px;
				letter-spacing: 4px;
				line-height: 1;
				padding-bottom: 3px;
			}
			.freearea #cat .tit h2 {
				font-size: 12px;
				font-weight: 400;
				padding-left: 0;
			}


		.freearea #cat .listbox {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: 0 2%;
		}
			.freearea #cat .listbox .box {
				width: 32%;
				margin-right: 2%;
				margin-bottom: 2%;
				border-left: none;
			}
			.freearea #cat .listbox .box:nth-child(3n) {
				margin-right: 0;
			}
				.freearea #cat .listbox .box a {
					display: block;
					text-align: center;
				}
					.freearea #cat .listbox .box a .pht {
						background: #fdf7f9;
						overflow: hidden;
						padding: 15px 0;
					}
						.freearea #cat .listbox .box a .pht img {
							width: 50%;
							height: auto;
						}

					.freearea #cat .listbox .box p {
						padding-top: 10px;
						font-size: 72%;
						color: #231815;
						line-height: 1;
						text-align: center;
					}



	.freearea #brand {
		padding-top: 10px;
		padding-bottom: 20px;
	}
		.freearea #brand .tit {
			color: black;
			background: none;
			margin: 0 0 0 0;
			padding: 26px 0 18px 0;
			vertical-align: middle;
			text-align: center;
		}
			.freearea #brand .tit .entitle {
				font-size: 30px;
				letter-spacing: 4px;
				line-height: 1;
				text-indent: 5px;
				padding-bottom: 3px;
			}
			.freearea #brand .tit h2 {
				font-size: 12px;
				font-weight: 400;
				padding-left: 0;
			}


		.freearea #brand .listbox {
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: 0 2%;
		}
			.freearea #brand .listbox .box {
				width: 49%;
				margin-right: 2%;
				margin-bottom: 3%;
				border-left: none;
			}
			.freearea #brand .listbox .box:nth-child(2n) {
				margin-right: 0;
			}
				.freearea #brand .listbox .box a {
					display: block;
					text-align: center;
				}
					.freearea #brand .listbox .box a .pht {
						border: solid 1px #ddd;
					}
						.freearea #brand .listbox .box a .pht img {
							width: 100%;
							height: auto;
						}

					.freearea #brand .listbox .box p {
						padding-top: 10px;
						font-size: 72%;
						color: #231815;
						line-height: 1;
						text-align: center;
					}


		.freearea #brand .btn {
			width: 200px;
			margin: 20px auto 20px auto;
			position: relative;
		}
		.freearea #brand .btn:after {
			content: "";
			width: 40px;
			height: 1px;
			background: #404040;
			position: absolute;
			top: 50%;
			right: -10px;
		}
			.freearea #brand .btn a {
				display: block;
				height: 50px;
				border: solid 1px #404040;
				color: #404040;
				text-align: center;
				line-height: 50px;
				letter-spacing: 3px;
			}



	.freearea #pagetop {
		width: 100%;
	}
		.freearea #pagetop a {
			display: block;
			height: 40px;
			background: #e96b8c;
			color: #fff;
			text-align: center;
			line-height: 40px;
			letter-spacing: 2px;
			position: relative;
		}
		.freearea #pagetop a:after {
			content: "";
			width: 12px;
			height: 7px;
			background: url(http://test.mongoroid.com/makeup/img/icon_pagetop.svg) no-repeat;
			background-size: 100%;
			position: absolute;
			top: 17px;
			left: 50%;
			margin-left: -65px;
		}


	.freearea #fotter_sp {
		padding-top: 30px;
	}
		.freearea #fotter_sp .info {
			width: 275px;
			margin: 0 auto;
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}
			.freearea #fotter_sp .info .logo {
				width: 110px;
				margin-left: 15px;
			}
				.freearea #fotter_sp .info .logo img {
					width: 100%;
					height: auto;
				}

			.freearea #fotter_sp .info ul {
				display: flex;
				display: -webkit-flex;
				justify-content: space-between;
			}
				.freearea #fotter_sp .info ul li {
					margin-right: 10px;
				}


		.freearea #fotter_sp .textbox {
			padding: 27px 0 0 0;
			margin: 0;
		}
			.freearea #fotter_sp .textbox ul {
				border-top: solid 1px #ddd;
				padding: 0;
			}
			.freearea #fotter_sp .textbox ul li {
				width: 50%;
				float: left;
				box-sizing: border-box;
				border-right: solid 1px #ddd;
				border-bottom: solid 1px #ddd;
			}
			.freearea #fotter_sp .textbox ul li:nth-child(2n) {
				border-right: none;
			}
				.freearea #fotter_sp .textbox ul li a {
					display: block;
					font-size: 79%;
					color: #231815;
					padding: 15px 0 15px 15px;
					letter-spacing: 0;
				}

			.freearea #fotter_sp .textbox .copyright {
				padding-top: 20px;
				font-size: 72%;
				text-align: center;
			}


#sps-page-top {
	display: none;
}



.freearea #fotter_sp {
    background: none !important;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 初めての方へ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* concept
--------------------- */
#concept {
	text-align: center;
	background: #fcebf0;
	padding: 30px 0 40px 0;
}
	#concept h3 {
		font-size: 18px !important;
		font-weight: 700 !important;
		color: #404040 !important;
		letter-spacing: 2px;
		line-height: 1.5em !important;
		padding-bottom: 20px !important;
	}

	#concept p {
		font-size: 12px !important;
		font-weight: 500;
		line-height: 2em !important;
		padding-bottom: 15px;
	}

	#concept .btn_second {
		padding: 0 10px 0 10px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#concept .btn_second li {
			width: 48%;
		}
			#concept .btn_second li a {
				display: block;
				height: 50px;
				line-height: 50px;
				background: #fff url(https://www.makeup-store.jp/hpgen/smp/img_new/btn_arrow.png) no-repeat 15px center;
				background-size: 7px;
				text-align: center;
				color: #000;
			}


/* benefits
--------------------- */
#benefits {
	width: 100%;
}
#benefits .inner {
	box-sizing: border-box;
	padding: 30px 5px 40px 5px;
}
	#benefits h3 {
		font-size: 18px;
		font-weight: 700;
		color: #404040;
		line-height: 1.5em;
		letter-spacing: 2px;
		padding: 0 0 28px 0;
		text-align: center;
	}
	#benefits h3 span {
		font-size: 12px;
	}
	
	
	#benefits .box {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		margin-bottom: 15px;
	}
		#benefits .box .icon {
			display: table;
			width: 30%;
			background: #fdf7f9;
			text-align: center;
			padding: 30px 0;
		}
			#benefits .box .icon img {
				width: 70%;
				height: auto;
			}
	
		#benefits .box .text {
			width: 66%;
		}
			#benefits .box .text h4 {
				font-size: 14px;
				line-height: 1.4em;
				padding-bottom: 8px;
			}
			#benefits .box .text p {
				font-size: 12px;
				padding-bottom: 10px;
			}
			#benefits .box .text .link {
				font-size: 11px;
				text-align: right;
			}
				#benefits .box .text .link a {
					text-decoration: underline;
				}

	#benefits .btn_second {
		padding: 20px 10px 0 10px;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#benefits .btn_second li {
			width: 48%;
		}
			#benefits .btn_second li a {
				display: block;
				border: solid 1px #ddd;
				height: 50px;
				line-height: 50px;
				background: #fff url(https://www.makeup-store.jp/hpgen/smp/img_new/btn_arrow.png) no-repeat 15px center;
				background-size: 7px;
				text-align: center;
				color: #000;
			}



	
	
/* guidearea
--------------------- */
#guidearea {
	width: 100%;
	background: #f6f6f6;
}
#guidearea .inner {
	box-sizing: border-box;
	padding: 30px 15px 30px 15px;
}
	#guidearea h3 {
		font-size: 18px;
		font-weight: 700;
		color: #404040;
		line-height: 1.5em;
		letter-spacing: 2px;
		padding: 0 0 28px 0;
		text-align: center;
	}
	
	
	#guidearea ul {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#guidearea ul li {
			width: 49%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		#guidearea ul li:nth-child(2n) {
			margin-right: 0;
		}
			#guidearea ul li a {
				display: block;
				border: solid 1px #ddd;
				height: 50px;
				font-size: 12px;
				letter-spacing: 0;
				line-height: 50px;
				background: #fff url(https://www.makeup-store.jp/hpgen/smp/img_new/btn_arrow.png) no-repeat 15px center;
				background-size: 7px;
				text-align: center;
				color: #000;
			}
			#guidearea ul li.first a {
				text-indent: 23px;
			}



	
	
/* guidearea
--------------------- */
#guidearea {
	width: 100%;
}



	
	
/* formtable
--------------------- */
.formtable .table2 td span {
	color: #333 !important;
}



.soldout {
	float: none !important;
	text-align: right !important;
	padding: 0 !important;
	margin-right: 8px !important;
}
	.soldout span {
		width: 100px;
		padding: 0 !important;
		color: #333 !important;
		background: none !important;
		text-align: right !important;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* カート */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.formtable {
    -webkit-box-shadow: none;
    margin: 0 5px 5px;
    background: white;
    border: solid 1px #ddd;
    padding: 5px;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* サブカテゴリ一覧 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pi_s_cat_up ul {
	display: none;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 0 10px 0;
}
	#pi_s_cat_up ul li {
		width: 47%;
		margin: 1.5%;
	}
	#pi_s_cat_up ul li:nth-child(1) {
		display: none;
	}
		#pi_s_cat_up ul li a {
			display: block;
			height: 40px;
			border: solid 2px #e96b8c;
			border-radius: 6px;
			background: #fdf7f9 url(http://test.mongoroid.com/makeup/img/icon_arrow_pink.png) no-repeat 93% center;
			font-size: 11px;
			font-weight: 700;
			line-height: 40px;
			padding: 0 0 0 15px;
			color: #000;
		}





section#mp_ta_message p.info {
	position: relative;
	padding-bottom: 80px;
}
	section#mp_ta_message p.info:after {
		content: "※前のページに戻るには、必ずこのページ内の「買い物を続ける」を押してください。ブラウザの「戻る」ボタンを押すと正しく表示されなくなったりフリーズの原因になりますのでご注意ください。";
		font-size: 10px;
		line-height: 1.4em;
		position: absolute;
		top: 30px;
		left: 0;
		padding-left: 10px;
	}