@charset "shift_jis";

/* ===== トップページ用CSS ===== */


/* --------------------------------------
　他読み込みCSSからの補正設定
-------------------------------------- */

/* イメギャラの補正（ページ独自仕様） */
.mcsp_ig2{
	padding-bottom:10px;
}


/* --------------------------------------
　館(カテゴリ)ナビ設定
-------------------------------------- */

#catNav li{
	display:block;
	width:100%;
	height:80px;
	background:url("../../img/mobile/sp/cmn/icn_arr.png") no-repeat 98% center;
	-moz-background-size:8px 13px;
	-webkit-background-size:8px 13px;
	background-size:8px 13px;
	border-bottom:1px solid #2052a1;
}
#catNav li a{
	display:block;
	width:100%;
	height:80px;
	padding:15px 5px 15px 70px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-background-size:51px 51px;
	-webkit-background-size:51px 51px;
	background-size:51px 51px;
	font-size:14px;
	line-height:1.2;
	color:#333333;
	text-decoration:none;
}
/* 個別アイコンの設定 */
#catNav li.hair a{
	background:url("../../img/mobile/sp/top/icn_hair.png") no-repeat 10px center;
}
#catNav li.haircosme a{
	background:url("../../img/mobile/sp/top/icn_haircosme.png") no-repeat 10px center;
}
#catNav li.esthe a{
	background:url("../../img/mobile/sp/top/icn_esthe.png") no-repeat 10px center;
}
#catNav li.bed a{
	background:url("../../img/mobile/sp/top/icn_bed.png") no-repeat 10px center;
}
#catNav li.cosme a{
	background:url("../../img/mobile/sp/top/icn_cosme.png") no-repeat 10px center;
}
#catNav li.nail a{
	background:url("../../img/mobile/sp/top/icn_nail.png") no-repeat 10px center;
}
#catNav li.eyelash a{
	background:url("../../img/mobile/sp/top/icn_eyelash.png") no-repeat 10px center;
}
#catNav li.book a{
	background:url("../../img/mobile/sp/top/icn_book.png") no-repeat 10px center;
}
#catNav li a span{
	display:table-cell;
	width:100%;
	height:50px;
	vertical-align:middle;
}
#catNav li.hair a,
#catNav li.haircosme a,
#catNav li.esthe a,
#catNav li.bed a,
#catNav li.cosme a,
#catNav li.nail a,
#catNav li.eyelash a,
#catNav li.book a  {
	-moz-background-size:51px 51px;
	-webkit-background-size:51px 51px;
	background-size:51px 51px;
}
/* 館(カテゴリ)ナビ下部 バナー部分の設定 */
p.catNavBnr{
	width:48%;
	margin:14px auto;
}
p.catNavBnr a img{
	width:100%!important;
}

/* --------------------------------------
　デジタルカタログバナー
-------------------------------------- */
p.digitalcatalog{
	text-align:center;
	margin:10px auto;
}
p.digitalcatalog a img{
	width:60%;
}
/* --------------------------------------
　ニュース部分の設定
-------------------------------------- */

/* リードコメントの設定 */
p.newsComment{
	padding:10px;
	border-bottom:1px solid #666666;
	font-size:14px;
}

/* リンク部分の設定 */
div.newsBox{
	margin:0 0 20px;
}
div.newsBox font[color*="green"]{
	display:none;
}
div.newsBox a{
	display:block;
	padding:10px;
	background:url("../../img/mobile/sp/cmn/icn_arr.png") no-repeat 98% center;
	-moz-background-size:8px 13px;
	-webkit-background-size:8px 13px;
	background-size:8px 13px;
	border-bottom:1px solid #666666;
	color:#333333;
	text-decoration:none;
}
div.newsBox a::before{
	content:"★";
	color:#0054b2;
}
div.newsBox a::first-line{
	color:#0054b2;
}
div.newsBox a br{
	display:block;
}


/* --------------------------------------
　オススメ商品部分の設定
-------------------------------------- */

/* リンク部分の設定 */
div.recoBox ul{
	margin:0 0 15px;
}
div.recoBox li a{
	display:block;
	line-height:1.4;
	padding:10px;
	background:url("../../img/mobile/sp/cmn/icn_arr.png") no-repeat 98% center;
	-moz-background-size:8px 13px;
	-webkit-background-size:8px 13px;
	background-size:8px 13px;
	border-bottom:1px solid #666666;
	font-size:14px;
	color:#333333;
	text-decoration:none;
	overflow:hidden;
}
div.recoBox li a span.img{
	float:left;
	display:block;
	width:30%;
}
div.recoBox li a span.img img{
	width:100%;
}
div.recoBox li a dl{
	float:right;
	width:65%;
}
div.recoBox li a dt{
	margin:0 0 10px!important;
}

div.recoBox li a dt span{
	color:#ff0000!important;
}

div.recoBox li a dd span.discount{
	color:#ff0000!important;
}

/* moreボタン設定 */
p.moreBtn a{
	display:block;
	width:48%;
	margin:0 auto 30px;
	padding:5px 0;
	border:2px solid #005ec8;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:-moz-linear-gradient(top, #fdfdfd,#d7d5d5 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#fdfdfd), color-stop(1.0, #d7d5d5));
	color:#797979;
	text-align:center;
	text-decoration:none;
}


/* --------------------------------------
　10周年記念キャンペーン設定
-------------------------------------- */
p.anniversary10th{
	padding:0 5px 4px 5px;
	margin-top:-4px;
}
p.anniversary10th img{
	width:100% !important;
	height:auto;
}

/* --------------------------------------
　移転告知バナー
-------------------------------------- */
#bnr_rn_sp{
	margin:10px auto;
	text-align:center;	
}
#bnr_rn_sp p img{
	vertical-align:middle;
	margin-right:5px;
	width:7%;	
}
#bnr_rn_sp p a{
	color:#F00;	
}