@charset 'UTF-8';
/* --------------------------------
page Style Seet
01.LinkColor
02.Gnavi
03.contentsHeader and Slider and NewsList
04.middleArea コンテンツ真ん中あたり
05.mainArea
06.Footer
07.Form
99.汎用クラス

※スタイルシートを追記する場合には、最下部に記述してください
-------------------------------- */

/* 00.基本レイアウト
---------------------------------- */
html,body{ height:100%; }
body{
	background-color:#fff;/* 背景色 */
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
	color:#484848;/* 文字色 */
	margin:0;
	padding:0;
	/* 基本フォントサイズ */
	font-size:14px;
	line-height:1.5;
  -webkit-text-size-adjust: 100%;
}
#wrapper{ /* 全体DIV */
	margin:0 auto; padding:0;
	background-color:#fff;
}
#wrapper #review{
  color:#d94275;
  font-size:18px;
  text-align:center;
 text-decoration: underline;
 padding:4px;
}


#header{ /* ヘッダーDIV */
	margin:0;
	padding:0;
	left:0;
	top:0;
	background:#fff;
}
#contents{ /* コンテンツDIV */
	margin:0 auto;
	padding:0;
}
#sideArea{ /* side DIV */
}
#mainArea{
}
#FS2_footer{
  background: none;
}
#footer{ /* フッターDIV */
	height:auto;
	width:100%;
	margin:0;
	padding:10px 0;
	text-align:center;
	list-style:none;
	color:#343433;
	background-color: #efefef;
}
#footer a{ color:#343433 !important; }
img{ vertical-align:bottom; border:0; }
.h2title{
	background-color:#d94275;
  background-image: url('../../img/sp/ccb/bg_ttl.png');
  background-repeat: repeat-x;
	color:#fff;
	padding: 5px 15px;
	padding: 5px 15px 5px 5px;
	font-size:16px;
  margin-bottom: 10px;
  text-align: left;
}

/* 01.LinkColor
---------------------------------- */
a:link{ color:#484848; text-decoration:none; }
a:hover{ color:#fa8c8c; text-decoration:none; }
a:visited{ color:#888; text-decoration:none; }
a:active{ color:#484848; text-decoration:none; }
/* リンクされたimgはhover時半透明 アニメつき */
/* 02.Header
---------------------------------- */
#campaign{
	background-color:#d94275;
	color:#fff;
	font-size:16px;
	text-align:center;
	font-weight:normal;
	padding:5px 0;
	margin:0 0 5px;
	line-height: 1.2;
}
#headerInner{
}
#headerNavi{
	width:100%;
	text-align:center;
}
	#headerNavi li{
		display:inline-block;
	}
	#headerNavi img{
		width:20%;
	}

/* 02.Gnavi
くっ付いてくる下部メニュー
-------------------- */
#gnaviMini{
	position:fixed;
	right:5%;
	bottom:10%;
	background-color:#484848;
	border-radius:25px;
	width:50px;
	padding:5px 0;
	text-align:center;
	z-index:9999;
}
	#gnaviMini a{ color:#ccc; }
#gnavi{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	/*グローバルメニュー 白ベースへ
	background-color:#494949;*/
	background-color:#ffffff;
	z-index:99999;
}
	#gnaviInner{
		/*ロゴ境界線色変更
		border-left:1px solid #484848;*/
		border-left:1px solid #7d7d7d;
		list-style:none;
		 width:51.7%;
	}
	#gnaviInner li{
		float:left;
		width:33.3%;
	}
	.btnMenu{ float:left; }
	#gnavi h1{ float:left; }
	#gnaviInner{ float:right; -ms-interpolation-mode: bicubic; }
	.gnavi01{ width:11%; float:left; }
	.logo{ width:36%;}

	/*2016.01.08 ロゴ部分を2つの項目に分ける内容追記*/
	.hoge{float:left; width:18%;}


/* 02.Header / 02.Gnavi 改修 2017/01/31 ecbeing
---------------------------------- */
header {
	position: relative;
	/* padding-bottom: 91px; */
}
header #header_top {
	/* position: absolute; */
	left: 0;
	top: 0;
	width: 100%;
	height: 35px;
	background: #fff;
  padding: 15px 5px 10px;
}
header #header_top.fixed {
	position: fixed;
	top: 0;
	z-index: 1001;
}
header #header_top #sitelogo_ {
	width: 40%;
	float: left;
	margin: 2px 0 0 0;
}
header #header_top #sitelogo_ a {
  display: block;
}
header #header_top #header_top_btn {
	width: 50px;
	float: right;
}
header #header_top #header_top_btn > a {
	display: block;
	text-align: center;
	width: 35px;
	padding: 12px 0;
	background: #343433;
	line-height: 0;
	border-radius: 5px;
}
header #header_top #header_top_btn > a img {
	width: 15px;
	height: 11px;
	vertical-align: top;
}
header #header_top #header_topsearch {
	position: absolute;
	right: 58px;
	top: 0;
	bottom: 0;
	width: 20px;
	transition: width 0.3s linear;
	background: rgba(255,255,255,1);
	overflow: hidden;
}
header #header_top #header_topsearch.open_ {
	width: 100%;
	right: 0;
}
header #header_top #header_topsearch .search_close ,
header #header_top #header_topsearch form {
	display: none;
}
header #header_top #header_topsearch .search_open {
	display: block;
	margin-top: 13px;
}
header #header_top #header_topsearch .search_open img {
	width: 20px;
	height: 18px;
}

header #header_top #header_topsearch.open_ .search_open {
	display: none;
}
header #header_top #header_topsearch.open_ form {
	display: block;
	width: 100%;
}
header #header_top #header_topsearch.open_ form input[type="text"] {
	width: 70%;
	margin: 10px 0 0 30px;
}
header #header_top #header_topsearch.open_ form input[type="submit"] {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 5px;
	top: 11px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	border-radius: 0;
	background: url(../../img/sp/ccb/header_icon_search.png) 0 2px no-repeat;
	background-size: 20px 18px;
}
header #header_top #header_topsearch.open_ .search_close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background: #ffffff;
	width: 50px;
	height: 45px;
}
header #header_top #header_topsearch.open_ .search_close a {
	display: block;
	text-align: center;
	width: 35px;
	margin: 5px 0 0 5px;
	padding: 11px 0;
	background: #d94275;
	line-height: 0;
	border-radius: 5px;
}
header #header_top #header_topsearch.open_ .search_close img {
	width: 13px;
	height: 13px;
}
header #headerSearchArea {
  background: #ccc url(/img/sp/backgroundWhiteBorder.png) repeat;
  padding: 8px 5%;
  margin-top:-5px;
  text-align: left;
  position: relative;
}
header #headerSearchArea .customer{
  overflow: hidden;
}
header #headerSearchArea .customer .customer_info {
	width: 80%;
	float: right;
	height: 22px;
	font-size: .8em;
  overflow: hidden;
}
header #headerSearchArea .customer .customer_info p{
  float: right;
  margin-left: 15px;
}
#searchIcon {
  -webkit-appearance: none;
	background: url('../../img/sp/ccb/icon_search.png') no-repeat 0 5px;
	background-size: 100%;
	border: none;
  width: 22px;
  height: 25px;
}
header #header_bottom {
	/* position: absolute; */
	left: 0;
	top: 94px;
	z-index: 10000;
	bottom: auto;
	width: 100%;
	height: 45px;
}
header #header_bottom #header_bottom_inner {
	position: relative;
	left: auto;
	bottom: auto;
	width: 100%;
	height: 45px;
	background: #d94275;
}
header #header_bottom.fixed {
	position: fixed;
	top: auto;
	bottom: 0;
}
header #header_bottom.fixed #header_bottom_inner {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(217,66,117,0.8);
}
header #header_bottom ul {
	display: table;
	width: 100%;
}
header #header_bottom ul li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	width: 20%;
}
header #header_bottom ul li:not(:last-child) {
  background-image: url(../../img/sp/ccb/border_menu.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
header #header_bottom ul li a {
	display: block;
	text-decoration: none;
	height: 45px;
}
header #header_bottom ul li img {
	margin-top: 4px;
  width: auto;
	height: 24px;
}
header #header_bottom ul li span {
	display: block;
	color: #fff;
	font-size: 10px;
}
#over_header {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10010;
	width: 100%;
	height: 100%;
	overflow: scroll;
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: visible;
}
#over_header > p.over_bg_ {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0);
	z-index: 10011;
}
#over_header .over_header_container {
	width: 87.5%;
  height: 100%;
  overflow: scroll;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10012;
	background: rgba(0,0,0,0.9);
}
#over_header .over_header_container * {
	color: #fff;
}
#over_header .over_header_container select ,
#over_header .over_header_container select * {
	color: #333;
}
#over_header .over_header_head {
	position: relative;
	min-height: 21px;
	padding: 17px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
#over_header .over_header_head .over_close {
	position: absolute;
	right: 10px;
	top: 10px;
}
#over_header .over_header_head .over_close a {
	display: block;
	width: 35px;
	height: 11px;
	line-height: 11px;
	height: auto;
	text-align: center;
	padding: 12px 0;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
}
#over_header .over_header_head .over_close a img {
	width: 11px;
	line-height: 11px;
	vertical-align: top;
}
#over_header ul.over_header_list01 {
	border-bottom: solid 1px #fff;
}
#over_header ul.over_header_list01 li a {
	display: block;
	border-top: solid 1px #fff;
	padding: 12px 15px;
	font-size: 12px;
	line-height: 1.4;
	background: url(../../img/sp/ccb/headerover_ar_r.png) 95.5% 50% no-repeat;
	background-size: 8px 10px;
}

#over_header01 {
}
#over_header01 .over_header_head p > img {
	width: 50px;
	height: 15px;
}
#over_header01 ul.over_header_list02 {
	margin: 3.57% 10px 0;
	overflow: hidden;
}
#over_header01 ul.over_header_list02 li {
	float: left;
	width: 48%;
	border: solid 1px #fff;
	border-radius: 5px;
}
#over_header01 ul.over_header_list02 li + li {
	float: right;
}
#over_header01 ul.over_header_list02 li a {
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 43px;
}
#over_header01 ul.over_header_list02 li:first-child a:before {
	display: inline-block;
	content: "";
	width: 19px;
	height: 13px;
	background: url(../../img/sp/ccb/headerover_icon_report.png) 0 0 no-repeat;
	background-size: 10px 13px;
	vertical-align: middle;
}
#over_header01 ul.over_header_list02 li:first-child + li a:before {
	display: inline-block;
	content: "";
	width: 17px;
	height: 13px;
	background: url(../../img/sp/ccb/headerover_icon_review.png) 0 0 no-repeat;
	background-size: 12px 13px;
	vertical-align: middle;
}
#over_header01 dl dt {
	margin-top: 28px;
	padding: 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: solid 1px #ffffff;
}
#over_header01 dl.over_header_search_lens dt:before {
	display: inline-block;
	content: "";
	width: 40px;
	height: 20px;
	background: url(../../img/sp/ccb/headerover_icon_lens.png) 11px 0 no-repeat;
	background-size: 20px 20px;
	vertical-align: middle;
}
#over_header01 dl.over_header_search_matsuge dt:before {
	display: inline-block;
	content: "";
	width: 40px;
	height: 20px;
	background: url(../../img/sp/ccb/headerover_icon_matsuge.png) 11px 4px no-repeat;
	background-size: 22px 12px;
	vertical-align: middle;
}
#over_header01 dl.over_header_search_matsuge .over_header_matsuge_select {
	width:82.14%;
	margin: 0 auto 0;
	display: table;
}
#over_header01 dl.over_header_search_matsuge .over_header_matsuge_select > div {
	display: table-row;
}
#over_header01 dl.over_header_search_matsuge .over_header_matsuge_select > div > p {
	width: 7.2em;
	display: table-cell;
	padding-top: 10px;
	vertical-align: middle;
	text-align: left;
	font-size: 11px;
}
#over_header01 dl.over_header_search_matsuge .over_header_matsuge_select > div > div {
	position: relative;
	width: auto;
	padding-top: 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#over_header01 dl.over_header_search_matsuge .over_header_matsuge_select > div > div select {
	width: 100%;
	height: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: #fff;
}
#over_header01 dl.over_header_search_matsuge .over_header_matsuge_select > div > div:after {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../../img/sp/ccb/headerover_ar_select.png) right top no-repeat;
	background-size: 30px 30px;
}

#over_header01 dl.over_header_search_matsuge input[type="submit"] {
	width:82.14%;
	margin: 7.14% auto 0;
	padding: 4.35% 0;
	display: block;
	border: solid 1px #fff;
	border-radius: 5px;
	background: url(../../img/sp/ccb/headerover_icon_search.png) calc(50% - 2em) 50% no-repeat;
	background-size: 15px 13px;
	text-align: center;
}

#over_header01 dl.over_header_search_cosme dt:before {
	display: inline-block;
	content: "";
	width: 40px;
	height: 23px;
	background: url(../../img/sp/ccb/headerover_icon_cosme.png) 17px 0px no-repeat;
	background-size: 13px 23px;
	vertical-align: middle;
}


#over_header01 dl.over_header_search_sns dt {
	padding: 0 0 10px 15px
}
#over_header01 dl.over_header_search_sns dt img {
	width: 55px;
}
#over_header01 dl.over_header_search_sns dd li a {
	background: none;
}
#over_header01 dl.over_header_search_sns dd li img {
	width: 25px;
	vertical-align: middle;
	margin-right: 14px;
}
#over_header01 > .over_close {
	padding: 7.14% 8.92%;
}
#over_header01 > .over_close a {
	display: block;
	padding: 10px;
	background: #888888;
	border-radius: 5px;
	text-align: center;
}
#over_header01 > .over_close a:before {
	display: inline-block;
	content: "";
	width: 17px;
	height: 11px;
	background: url(../../img/sp/ccb/header_icon_close.png) 0 0 no-repeat;
	background-size:8px 9px;
	vertical-align: middle;
}

#over_header02 {
	display: none;
}
#over_header02 .over_header_head {
	background: url(../../img/sp/ccb/headerover_ar_l.png) 15px 50% no-repeat;
	background-size: 12px 12px;
}
#over_header02 ul.over_header_list01 {
	display: none;
	border-bottom: none;
}


/* 03.contentsHeader and Slider and NewsList
-------------------- */
#contentsHeader {
  margin-bottom: 10px;
}
#contentsHeaderInner{
	width:100%;
	margin:0 auto;
	padding:0;
}
.wideslider_bottom{
  visibility: hidden;
}
/* 検索枠 */
#searchArea{
	background:#fff url(../../img/sp/ccb/backgroundBorder.png) repeat;
  background-size: 169px 50px;
	padding:7px 0;
	text-align:center;
  position: relative;
}
	#searchArea input[type="text"]{
		background:#f5f5f5 url(/img/sp/icoSearch.png) 5px 50% no-repeat;
		border-radius:5px;
		width:65%;
		padding:5px 5px 5px 30px;
		/*検索ボタン情報追加 16.02.04*/
		border-color:#d94275;
	}
	/* 検索ボタン */
	.btnSearch {
		/*ボタンのカラー変更 16.02.04
		border-radius:3px;
		padding:7px 5px;
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
		background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
		background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#777777;
		font-family:arial;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
		*/
		border-radius:3px;
		padding:3px 5px;
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e35384), color-stop(1, #d94275));
		background:-moz-linear-gradient(top, #e35384 5%, #d94275 100%);
		background:-webkit-linear-gradient(top, #e35384 5%, #d94275 100%);
		background:-o-linear-gradient(top, #e35384 5%, #d94275 100%);
		background:-ms-linear-gradient(top, #e35384 5%, #d94275 100%);
		background:linear-gradient(to bottom, #e35384 5%, #d94275 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e35384', endColorstr='#d94275',GradientType=0);
		background-color:#e35384;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #d94275;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:arial;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
	}
	.btnSearch:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
		background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
		background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
		background-color:#dfdfdf;
	}
	.btnSearch:active {
		position:relative;
		top:1px;
	}
	/* 人気ワード */
	.keyword{
		margin:10px 5px 0;
		text-align:left;
	}
	.keyword li{
		display:inline-block;
	}
	.keyword li a{
		display:block;
		color:#d94275;
		text-decoration:underline;
	}
/* newsList */
#newsList{
	padding:15px 10px;
	background-color:#fff;
  text-align: left;
}
	#newsList ul{
		border:1px solid #ccc;
		border-radius:5px;
		margin:10px 0;
		overflow: auto;   /* スクロール表示 */
		height: 200px;
        overflow-x:hidden;
        -webkit-overflow-scrolling: touch;
	}
/* 以下スクロールバーの装飾・一部機種非対応 */
#newsList ul::-webkit-scrollbar,
.mediaListInner::-webkit-scrollbar{ /* スクロールバー全体 */
        width: 10px;
    }

    #newsList ul::-webkit-scrollbar-thumb,
.mediaListInner::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
        background: #ccc;
        border-radius: 10px;
    }
    #newsList ul::-webkit-scrollbar-track-piece:start,
.mediaListInner::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
        background: #eee;
    }
    #newsList ul::-webkit-scrollbar-track-piece:end,
.mediaListInner::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
        background: #eee;
    }

	#newsList li{
		padding:10px;
	}
	#newsList li:nth-child(even){
		background-color:#eee;
	}

/* 04.middleArea コンテンツ真ん中あたり
-------------------- */
/* contactShearch コンタクト検索*/
.contactSearch{
	margin: 0 0 20px;
}
.contactSearch img{
	margin:0 0 5px;
}
.contactSearch h3{
	font-size:14px;
	color:#eee;
	font-weight:normal;
	background-color:#3b3b3b;
	margin:15px 0 10px; padding:5px 10px;
}
/* 目的からさがす */
	.modeSearch p{
		padding:5px 0;
	}
/* Category カテゴリリスト */
#categoryList{
	background:url(/img/sp/backgroundBorder.png) repeat;
	padding:25px 0 20px;
}
	#categoryList h2{
		padding:0;
		margin:0 auto;
	}
	#categoryList dl{
		margin:10px;
	}
	#categoryList dt{
		background-color:#f8f8f8;
		font-size:14px;
		color:#fff;
		padding:5px 10px; margin:0;
		cursor:pointer;
	}
	#categoryList dd{
		padding:5px 10px 5px 40px; margin:0;
		background:url(/img/icoArrow.png) 15px 50% no-repeat;
		display:none;
	}
	#categoryList dd a{ color:#484848!important; }
	#categoryList dd:nth-child(odd){
		background-color:#dfdbd2;
	}

/* sideBannerTop and sideBannerMiddle */
#bannerMiddle{ /* バナー カテゴリリスト上 */
	margin:10px 0;
}
#bannerTop{ /* バナーランキング下 */
	margin:10px 0; padding:0;
	text-align:center;
	width:100%;
}

	#bannerMiddle p,
	#bannerBottom p{
		text-align:center;
		margin:0 0 15px; padding:0;
	}
	#bannerTop p{
		width:47%;
		display:inline-block;
	}
/* 05.mainArea
-------------------- */

/* ranking */
#rankingList h2{
	padding:5px 10px;
	margin:0 0 10px;
}
.rankingListInner{
	clear:both;
	margin:-10px 0 0;
}
.rankingListInner.tab_rank{
  margin: 5px 0 35px;
}
.rankingListInner.cf{
  padding-bottom: 15px;
}
	.rankingListInner ul{
		text-align:center;
		margin:0; padding:2px 0 0;
	}
	.rankingListInner li{
		width:30%;
		vertical-align:top;
		position:relative;
		list-style:none;
		display:inline-block;
		font-size:12px;
		line-height:1.3;
		text-align:left;
	}
	.rankingListInner li img{ margin-bottom:5px; width:100%; height:auto; }
	.rank {
		position: absolute;
		left: -5px;
		top: -5px;
		display: block;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
		width: 35px;
		text-align: center;
	}
	.rankingListTab{ text-align:center; width:94%; margin:5px auto;}
	/*.rankingListTab{ text-align:center; width:100%; margin:10px 0;}*/

	.rankingListTab li.first{  /*margin:0;*/ /*border-radius:5px 0 0 0;*/ }
	/*.rankingListTab li.last{ border-radius:0 5px 0 0 ; }*/
	.rankingListTab li{
		display:inline-block;
		font-size:14px;
		cursor:pointer;
		padding:5px 0;
		margin: 0 1px 0 0;
		background-color:#e0e0e0;
		color:#353432!important;
		/*
		display:inline-block;
		color:#fff!important;
		font-size:14px;
		cursor:pointer;
		padding:10px 0; margin: 0 1px 0 0;
		background-color:#3b3b3b;
		*/
	 }
	.rankingListTab li.select{color:#d94275!important; background-color:#f8d1d4!important; }

	/*2017.08.29 ランキングタブ修正(旧表示用)*/
	.rankingListTab2{ text-align:center; width:100%; margin:10px 0;}
	.rankingListTab2 li.first{  /*margin:0; *//*border-radius:5px 0 0 0;*/ }
	/*.rankingListTab li.last{ border-radius:0 5px 0 0 ; }*/
	.rankingListTab2 li{
		display:inline-block;
		color:#fff!important;
		font-size:14px;
		cursor:pointer;
		padding:10px 0; margin: 0 1px 0 0;
		background-color:#3b3b3b;
	 }
	.rankingListTab2 li.select{color:#d94275!important; background-color:#f8d1d4!important; }


	.content_wrap{ margin:10px 0 0; }
	.disnon{display:none;}
	.first{ width:30%;}
	.last{ width:30%; margin:0; }
	.contactD, .contactN{ width:17%; }
	.rank1{ background-color:#b48c06;color:#fff; }
	.rank2{ background-color:#8c8c8c;color:#fff; }
	.rank3{ background-color:#b45c06;color:#fff; }

/* special スペシャル一覧 */
#specialList h2{
	padding:5px 10px;
	margin:0 0 10px;
}
	.specialListInner img{ width:100%; height:auto; margin:0 0 5px; border-radius:5px 5px 0 0;}
	.specialListInner p{
		width:90%;
		margin:10px auto 20px;
		border-radius:5px;
		-webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.2);
		box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.2);
	}
	.specialListInner .text{
		display:block;
		padding:5px 10px;
	}
/* pickupList */
#pickupList h2{
	padding:5px 10px;
	margin:0 0 10px;
}
	.pickupListInner{
		padding:0 15px;
		}
	.pickupListInner p{
		width:48%;
		list-style:none;
		float:left;
		margin:0 0 15px;
		border-radius:5px;
		-webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.2);
		box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.2);
	}
	.pickupListInner p:nth-child(even){ float:right; }
	.pickupListInner img{ width:100%; height:auto; }
	.pickupListInner a{ display:block; padding:5px 10px; }

/* checkedItemList */
#checkedItemList{
  padding-top: 10px;
  clear:both;
  background-color: #ffffff;
  margin: 5px;
}
#checkedItemList h2{
	padding:5px 10px;
	margin:0 auto;
}
.checkedItemListInner{
  background-color:#fff;
	position:relative;
  margin: 5px;
}
/* alert */
#alert p{
	margin:5px;
}
/* topics 今話題の情報※PCのままになってます */
/* 下部に移動

.topicsListInner{
	margin:0;
	padding:0 20px 0;
}
.topicsListBox h3{
	width:219px;
	height:147px;
	position:absolute;
	right:-15px;
	top:-30px;
	z-index:99;
	background:url(/img/tableTopicsTitle.png) no-repeat;
}
	.topicsListBox h3 a{
		display: block;
		width: 155px;
		margin: 45px 0 0 40px;
		line-height: 1.2;
		font-size: 16px;
		font-weight: normal;
		color: #000;
	}
.topicsListBox{
	float:left;
	position:relative;
	width:316px;
	height:210px;
	margin:18px 0 0 0; padding:0;
	background:#fff url(/img/tableTopics.png) no-repeat;
}
	.topicsListBox:nth-child(even){ margin:18px 0 0 8px; }
	.topicsListInner > *:first-child + *{ margin:18px 0 0 20px; }
	.topicsListInner > *:first-child + * + * + *{ margin:18px 0 0 20px; }
	.topicsImage{ padding:20px 20px 0; margin:0; }
	.topicsText{ padding:0 20px; line-height:1.3; }
*/


/* media */
#mediaList h2{
	margin:0 0 5px;
}

.mediaListInner{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20px;
    height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
/* iframe */
.mediaListInner iframe{
	width:90%;
	height:200px;
	margin:20px 0 0;
	border:1px solid #ccc;
}
/* review */
/*
#reviewList h2{
	margin:0 0 5px;
}
.reviewListInner{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20px;
    height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
*/
#reviewList {
  background-color: #ffffff;
  margin: 5px;
}
#reviewList h2{
  padding: 10px 0;
  /* background: #fff; */
}
#reviewList .contents {
  padding: 10px 0;
}
.reviewListInner{
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 10px;
	height:190px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* iframe */
.reviewListInner iframe{
/*
	width:90%;
	height:300px;
	margin:20px 0 0;
	border:1px solid #ccc;
*/
	width:90%;
	height:180px;
	margin:10px 0 0;
	border-bottom:1px solid #ccc;

}

/* contactBanner */
.contactBannerInner{
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
	.contactBannerInner img{
		max-width:100%; /* 画像の最大サイズ */
		height:auto;
		margin:0 0 5px;
	}
	.contactBannerInner p{
		text-align:center;
    margin-bottom: 10px;
/*		display:inline-block; 横並びを解除
		width:49%; */
	}
/*	.contactBannerInner p:nth-child(even){
		float:right; 横並びを解除
	}*/

	.contactBannerInner .p2{
		text-align:center;
		display:inline-block;
		width:49%;
	}
	.contactBannerInner .p2:nth-child(even){
		float:right;
	}


/* 06.Footer
-------------------- */
/* categoryMenu */
.categoryMenu { text-align:center; }
.categoryMenu select{
	-webkit-appearance:none;
	width:90%;
	height:3em;
	padding:0 10px;
	font-size:14px;
	line-height:3em;
	margin: 0 0 10px;
	border-radius:5px;
	background-color:#fdfdfd;
}

#footerCopy{
	color: #ffffff;
	padding: .1em 0 3em;
	background: #d94275;
}
#footerCopy a{ color:#f2cbcc!important; }
#footerCopy p{ margin:10px; }

#footerMenu ul{
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}
#footerMenu li{
	float: left;
	width: 50%;
  background-color: #ffffff;
  padding: 10px 0;
  background-image: url('../../img/sp/ccb/arrow_right.png');
  background-position: right center;
  background-repeat: no-repeat;
  text-align: left;
}
#footerMenu li{
	float: left;
	width: 49%;
  height: 25px;
  line-height: 25px;
  background-color: #ffffff;
  padding: 10px 0;
  padding-left: 1.3%;
  background-image: url('../../img/sp/ccb/arrow_right_g.png');
  background-position: 90% center;
  background-repeat: no-repeat;
  text-align: left;
  border-bottom: 1px solid #efefef;
}
#footerMenu li:nth-child(odd) {
  width: 48%;
  border-right: 1px solid #efefef;
}
#footerMenu li a p {
  line-height: 130%;
}
#footerMenu li a {
  width: 80%;
  font-size: 11px;
  display: inline-block;
}
#footer li{
	/*background-color:#676767;*/
	display: inline-block;
	margin: 0px 0px 5px;
}
#footer li:after{ content:"|"; color: #343433; }
#footer li:last-child:after{ content:""; }
/*#footer li.even{ background-color:#484848; }*/
#footer li.even:after{ content:""; }
#footer li a{
	padding:5px 0;
	color:#f2cbcc;
  font-size: 12px;
}
.copyright{ color:#fff; font-size:14px; }

/* 07.Form
-------------------- */
/* 一行Search */
.searchKeyword form{
	vertical-align:bottom;
}
.guest .searchKeyword input[type="text"]{
	width:75%;
	height:22px;
	background-color:#efefef;
	border:1px solid #cacaca;
	margin:0; padding:0 5px;
	line-height:22px;
	font-size:12px;
	vertical-align:top;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
#header_search .searchKeyword input[type="text"]{
	width:30%;
	height:30px;
	background-color:#efefef;
	border:1px solid #cacaca;
	margin:0 2px 0 0;
  padding:0 5px;
	line-height:22px;
	font-size:12px;
	vertical-align:top;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}


/* 99.汎用クラス
-------------------- */
/* 共通 */
.price{ display:block; color:#d94275; font-weight:bold; }
.date{ font-size:11px; color:#888; }
.point{ font-size:16px; color:#e13233; }
/* btn */
.btnArea{ margin:0; padding:0; }
.btnMore{
	vertical-align:bottom;
	margin:20px;
	padding:3px 10px;
	color:#353432!important;
	background: #e0e0e0; /* Old browsers */
}
	.btnContactSearch:after{ content:"≫"; }
.btnContactSearch{
	vertical-align:bottom;
	margin:20px;
	padding:3px 10px;
	color:#353432!important;
	background: #e0e0e0; /* Old browsers */
}
#newsList .btnContactSearch{
	vertical-align:bottom;
	margin:10px;
	padding:3px 10px;
	color:#353432!important;
	background: #e0e0e0; /* Old browsers */
}
.btnContactSearch:after{ content:"≫"; }

#footerCopy .btnPCview{
	width:88%;
	display:block;
	vertical-align:bottom;
	margin:10px auto 20px;
	padding:20px 10px;
	text-align:center;
	font-size:18px;
	color:#000!important;
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(215,215,215,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(215,215,215,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(215,215,215,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(215,215,215,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(215,215,215,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(215,215,215,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 1px 1px 1px #fff;
}
	.btnPCview:hover{
		background: rgb(215,215,215); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top,  rgba(215,215,215,1) 0%, rgba(254,254,254,1) 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,1)), color-stop(99%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(254,254,254,1) 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(254,254,254,1) 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(254,254,254,1) 99%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(215,215,215,1) 0%,rgba(254,254,254,1) 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
		text-decoration:none;
	}
	.pc{
	margin:0 auto 0;
	padding:0 5px 0 0;
	vertical-align:bottom;
	}

/* width */
.w150{ width:150px!important; }
/* float */
.floatRT{ float:right!important; }
.floatLF{ float:left!important; }
/* font-size */
.f10{ font-size:10px!important; }
.f11{ font-size:11px!important; }
.f12{ font-size:12px!important; }
.f13{ font-size:13px!important; }
.f14{ font-size:14px!important; }
.f16{ font-size:16px!important; }
.f18{ font-size:18px!important; }
.f20{ font-size:20px!important; }
.f24{ font-size:24px!important; }
.f26{ font-size:26px!important; }
.f28{ font-size:28px!important; }
.f30{ font-size:30px!important; }
.f32{ font-size:32px!important; }
.f34{ font-size:34px!important; }
/* color */
.cRed{ color:#fa5c5c!important; }
.cGold{ color:#b48c06!important; }
.cGray{ color:#8c8c8c!important; }
.cPink{ color:#fa8c8c!important; }
.cCopper{ color:#b45c06!important; }
.cBlue{ color:#435ea3!important; }
.cWhite{ color:#fff!important; }
/* background */
.bgLightgray{ background-color:#ededed!important; }
.bgGrayBorder{ background:#d8d8d8 url(/img/backgroundGrayBorder.png) repeat!important; }
.bgPink{ background-color:#d94275!important; color:#fff; padding:0 3px; }
.bgPinkDot{ background:#f9e4e2 url(/img/backgroundPinkdot.png) repeat!important; }
/* margin */
.mt0{ margin-top:0px!important; }
.mt10{ margin-top:10px!important; }
.mt15{ margin-top:15px!important; }
.mt20{ margin-top:20px!important; }
.mt25{ margin-top:25px!important; }
.mt30{ margin-top:30px!important; }
.mb0{ margin-bottom:0px!important; }
.mb10{ margin-bottom:10px!important; }
.mb15{ margin-bottom:15px!important; }
.mb20{ margin-bottom:20px!important; }
.mb25{ margin-bottom:25px!important; }
.mb30{ margin-bottom:30px!important; }
.ml0{ margin-left:0px!important; }
.ml10{ margin-left:10px!important; }
.ml15{ margin-left:15px!important; }
.ml20{ margin-left:20px!important; }
.ml25{ margin-left:25px!important; }
.ml30{ margin-left:30px!important; }
.mr0{ margin-right:0px!important; }
.mr5{ margin-right:5px!important; }
.mr10{ margin-right:10px!important; }
.mr14{ margin-right:14px!important; }
.mr15{ margin-right:15px!important; }
.mr20{ margin-right:20px!important; }
.mr25{ margin-right:25px!important; }
.mr30{ margin-right:30px!important; }
.mAuto{ margin:0 auto!important; }
/* padding */
.pt0{ padding-top:0px!important; }
.pt10{ padding-top:10px!important; }
.pt15{ padding-top:15px!important; }
.pt20{ padding-top:20px!important; }
.pt25{ padding-top:25px!important; }
.pt30{ padding-top:30px!important; }
.pb0{ padding-bottom:0px!important; }
.pb10{ padding-bottom:10px!important; }
.pb15{ padding-bottom:15px!important; }
.pb20{ padding-bottom:20px!important; }
.pb25{ padding-bottom:25px!important; }
.pb30{ padding-bottom:30px!important; }
.pr0{ padding-right:0px!important; }
.p0{ padding:0px!important; }
.p5{ padding:5px!important; }
.p10{ padding:10px!important; }
.p15{ padding:15px!important; }
.p20{ padding:20px!important; }
.p25{ padding:25px!important; }
.p30{ padding:30px!important; }
/* text-align */
.textCenter{ text-align:center!important; }
.textRight{ text-align:right!important; }
.textLeft{ text-align:left!important; }
/* border */
.borderNone{ border:none!important; }
/* clearFix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
/* TABMENU */
.tab{overflow:hidden; margin:10px 0; text-align:center;}
.tab li{background:#212121; padding:5px; display:inline-block; margin-right:1px; color:#fff;}
.tab li a{color:#fff;}
.tab li:hover{ cursor:pointer; }
.tab li.select{background:#F99;}
.content li{background:#eee; padding:20px;}
.hide {display:none;}
.bdPink{ border:1px solid #f0cccc; }


/*----------------------
追加するスタイルシートは以下に記載
------------------------------------*/

/* ランキング アイラッシュ タイトル */
.rankingEyelashTitle{ text-align:center; width:94%; margin:20px auto; font-size:14px; color:#ffffff; background-color:#d94275; padding:5px 0;
	/*
	border-left: solid 0.5em #CCC;
	border-bottom: dashed 1px #666;
	padding: 0.5em;
	*/

}
.rankingTitle{ width:60%; background-color:#d94275; color:#ffffff;text-align:left; font-size:14px; margin: 0 1px 0 0; display:inline-block; float:left; padding:5px 0;
	/*
	border-left: solid 0.5em #CCC;
	border: solid 1px #666;
	padding:10px 0;
	background-color:#3b3b3b;
	color:#fff;
	padding: 0.5em;
	*/

}
.rankingTitleF {float:left}

/* トピックス topics 今話題の情報（PCからの改変） */
#topicsList h2{
	padding:5px 10px;
	margin:0 0 10px;
}

.topicsListInner{
	width:100%;
	margin:0 3px;
	padding:0;
}
.topicsListBox h3{
	width:219px;
	height:147px;
	position:absolute;
	right:-15px;
	top:-30px;
	z-index:99;
	background:url(/img/tableTopicsTitle.png) no-repeat;
}
	.topicsListBox h3 a{
		display: block;
		width: 155px;
		margin: 45px 0 0 40px;
		line-height: 1.2;
		font-size: 16px;
		font-weight: normal;
		color: #000;
}

.topicsListBox{
	/*float:left;
	position:relative;
	width:316px;
	height:210px;
	margin:18px 0 0 0; padding:0;
	background:#fff url(/img/tableTopics.png) no-repeat;*/
	position:relative;
	width:100%;
	height:230px;
	margin:18px 0 0 0;
	padding:0;
	background:#fff url(/img/sp/tableTopics_sp.png) no-repeat;
}

	.topicsListBox:nth-child(even){ margin:18px 0px 0 0px; }
	.topicsListInner > *:first-child + *{ margin:18px 0 0 20px; }
	.topicsListInner > *:first-child + * + * + *{ margin:18px 0 0 20px; }
	.topicsImage{ padding:20px 20px 0; margin:0; }
	.topicsText{ padding:10px 20px; line-height:1.3; }
	/*.topicsText{ padding:0 20px; line-height:1.3; }*/

/* 回り込み解除 */
.cl {clear:both; height:0; font-size:1px; line-height:0px; }


/*-----------------------------------
タブメニュー 2016.07.26
------------------------------------*/
.tab5 {	width: 100%; min-width: 300px; margin: 0 auto 20px;}
.tab5 .tab-content {margin: 0;}
.tab5 label {display: inline-block;	margin: 0;	padding: 0;}
.tab5 label img {display: inline-block;}
.main_cat ul li{
  display: inline-block;
  width: 45%;
  padding: 10px 0px;
  cursor: pointer;
  background: #ffffff;
  border: 2px solid #888888;
  color: #343433;
  margin-right: -2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-weight: bold;
}
.main_cat li{display:inline-block;}
.tab5 li a{display:block; text-decoration:underline;}
.tab5 .main_cat label:hover {	background: #eee; color:#666;}
.main_cat ul li.on {
  background: #efefef;
  color: #343433;
  padding: 10px;
  border-bottom: none;
  position: relative;
  z-index: 1;
}
.tab5 input {
  display: none;
}
.tab5 #tab5-b1,
.tab5 #tab5-b2,
.tab5 #tab5-b3{
	display: none;
	padding: 10px;
}

.main_cat #maintab_01,
.main_cat #maintab_02 {
  text-align: center;
}
.main_cat #maintab_01 p {
  background-image: url('../../img/sp/ccb/icon_contact.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 0 0 0 25px;
  display: inline-block;
}
.main_cat #maintab_02 p {
  background-image: url('../../img/sp/ccb/icon_eyelash.png');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding: 0 0 0 25px;
  display: inline-block;
}
#about, #snsArea, #trendArea {
  background-color: #ffffff;
}
#about p {
  width: 95%;
  padding: 10px 0;
  margin: 0 auto;
  font-size: 11px;
  text-align: left;
}
#trendArea h2 {
  margin-bottom: 10px;
}
#snsArea{
  margin-bottom: 15px;
  padding-bottom: 15px;
}
#snsArea ul li {
  display: inline-block;
}

/* 最新注文 */
#latestOrder{
  overflow: hidden;
  padding-bottom: 10px;
  background: #fff;
  margin: 5px;
}
#latestOrder h2 {
  /* background-color: #ffffff; */
  padding: 20px 0 10px;
}
#latestOrder .contents {
  max-height: 180px;
  overflow: auto;
  -webkit-overflow-scrolling:touch;
}
#latestOrder .contents iframe{
  width: 90%;
}
#latestOrder .contents .box {
  border: 1px solid #888888;
  background-color: #ffffff;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 10px;
  font-size: 11px;
}
#latestOrder .contents .box .inner{
  padding: 10px 2px 0;
  margin-bottom: 10px;
}
#latestOrder .contents .box .inner .bottom {
  vertical-align: bottom;
}
#latestOrder .contents .box .date {
  background-color: #888888;
  color: #ffffff;
  text-align: center;
}
#latestOrder .contents .box .goods_name {
  text-align: left;
}
#latestOrder .contents .box .img {
  float: left;
  width: 93px;
  height: 93px;
}
#latestOrder .contents .box .img img {
  width: 93px;
  height: 93px;
}
.itemSlider {
  width: 92%;
  padding: 10px;
  margin: 10px auto 0;
  background: #fff;
}
.itemSlider ul li {
  float: left;
  overflow: hidden;
  display: inline;
  width: 30%;
  margin-right: 3%;
}
.itemSlider ul li:last-child{
  margin-right: 0;
}
.itemSlider ul li img {
  width: 100%;
}
.itemSlider .bx-wrapper .bx-viewport{
 left: 0;
}
.itemSlider .bx-wrapper .bx-prev{
  left: -8px;
}
#checkItem {
  padding: 10px 0;
  background-color: #ffffff;
}
#checkItem .cat_list {
  width: 94%;
  background-color: #ffffff;
  margin: 0 auto;
  text-align: left;
}
#checkItem .cat_list ul {
}
#checkItem ul li {
  background-image: url('../../img/sp/ccb/img_border.png');
  background-position: center bottom;
  background-repeat: repeat-x;
  background-color: #ffffff;
}
#checkItem .cat_list ul li span {
  background-image: url(../../img/sp/ccb/arrow_gray_off.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
  display: block;
  padding: 0 10px 0 30px;
}
#checkItem .cat_list ul li span.on_ {
  background-image: url(../../img/sp/ccb/arrow_gray_on.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
  display: block;
  padding: 0 10px 0 30px;
}
#checkItem .cat_list ul li .cat_wrap_ {
  background-image: url('../../img/sp/ccb/img_border.png');
  background-position: center bottom;
  background-repeat: repeat-x;
  padding-bottom: 10px;
}

#checkItem ul.options {
  display: none;
  /* margin: 5px 0 0; */
}
#checkItem ul.options li{
  background-size: 100% 2px;
}
#checkItem ul.options li a {
  text-decoration: none;
  padding: 5px 0 5px 10px;
}
#checkItem li.model {
  background-image: url('../../img/sp/ccb/icon_model.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.brand {
  background-image: url('../../img/sp/ccb/icon_brand.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.care {
  background-image: url('../../img/sp/ccb/icon_care.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.dia {
  background-image: url('../../img/sp/ccb/icon_dia_black.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.span {
  background-image: url('../../img/sp/ccb/icon_days.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.d {
  background-image: url('../../img/sp/ccb/icon_d.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.color {
  background-image: url('../../img/sp/ccb/icon_color.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem li.images {
  background-image: url('../../img/sp/ccb/icon_image.png');
  background-repeat: no-repeat;
  background-position: 5px 5px;
  background-size: 15px 17px;
  padding-top: 5px;
}
#checkItem .open h2 {
  background-image: url(../../img/sp/ccb/arrow_pink_on.png);
  background-repeat: no-repeat;
}
#checkItem h2.tgl {
  background-image: url(../../img/sp/ccb/arrow_pink_off.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
  margin: 10px 10px 0;
}
#checkItem h2.notgl {
  margin: 10px;
}
#checkItem h2 .search_category_wrapper {
  background-image: url(../../img/sp/ccb/border_search_category.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  padding: 0 0 10px;
}
h2 {
  padding-top: 10px;
}
h2 img {
  width: 95%;
}
h2 img.search_category {
  width: 63%;
  display: block;
}
#headLine {
  height: 32px;
  overflow: hidden;
  background-color: #efefef;
  width: 90%;
  margin: 0 auto;
  padding: 5px 10px;
  border: 2px solid #d9d9d9;
  font-size: 12px;
  background-color: #ffffff;
  border-radius: 5px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#headLine .headline_link_ {
  position: absolute;
  top: 5px;
  right: 2%;
  z-index: 10;
  width: 20px;
  height: 20px;
  text-align: center;
}
#headLine .headline_link_ img {
  vertical-align: middle;
}
#headLine ul.slides {
}
#headLine li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 93%;
}
#headLine li:first-child {
  height: 20px;
}
#bannerArea {
  padding: 20px 0 10px;
}
.buttonArea_l {
  text-align: center;
  margin: 0 auto;
  padding-top: 20px;
  margin-bottom: 20px;
}
.buttonArea_l_2 {
  text-align: center;
  margin: 0 auto;
  padding: 20px 7% 7% 7%;
  overflow: hidden;
}
.buttonArea_l a.btn_black_l {
  width: 80%;
  background-color: #343433;
  padding: 10px 50px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.buttonArea_l .btn_black_l2 {
  width: 80%;
  background-color: #343433;
  background-image: url('../../img/sp/ccb/arrow_white_off.png');
  background-repeat: no-repeat;
  background-position: 90% center;
  background-size: 10px;
  padding: 5px 50px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.buttonArea_l .btn_black_l2.open {
  background-image: url('../../img/sp/ccb/arrow_white_on.png');
}

.buttonArea_l a.btn_black_l:before {
  content: url('../../img/sp/ccb/headerover_ar_r.png');
}
.buttonArea_l a.btn_black_l span {
  padding-left: 10px;
}
#searchArea input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
#c_01{
  position: relative;
  margin-bottom: 5px;
}
#search_count{
  width: 50px;
  height: 50px;
  background: #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 10;
}
#search_count span{
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
}
#search_count span:after{
  content: '件';
  white-space: pre;
  font-size: 12px;
  display: block;
}
#searchArea h3.search_cat_ {
  border-bottom: 2px solid #d94275;
  padding: 10px 0 2px 10px;
 text-align: left;
}
#searchArea h3.search_cat_ span {
  background-image: url('../../img/sp/ccb/icon_check_p.png');
  background-position: left center;
  background-repeat: no-repeat;
  width: 90%;
  padding-left: 25px;
}
#searchArea .search_btn_3 ul {
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
  margin: 0 auto;
  width: 90%;
  display: inline-block;
}
#searchArea .search_btn_3 ul li {
  background-color: #ffffff;
  border: 2px solid #e3769b;
  border-radius: 10px;
  padding: 8px 5px;
  text-align: center;
  width: 27%;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
  font-size: .8em;
  position: relative;
}
#searchArea .search_btn_3 ul li:nth-child(3n-1) {
  margin: 0 2%;
}
#searchArea .search_btn_3 ul li.checked {
  background-color: #e3769b;
  color: #ffffff;
}
#searchArea .search_btn_4 ul li.checked {
  position: relative;
}
#searchArea .search_btn_3 ul li a {
  color: #e3769b;
}
#searchArea .search_btn_3 li input[type="radio"]:checked + label{
  /* background-color: #e3769b; */
  /* color: #ffffff; */
    /* box-shadow: 0px 0px 50px 50px rgb(0, 0, 0) inset; */
    /* -moz-box-shadow: 0px 0px 50px 50px rgb(0, 0, 0) inset; */
    /* -webkit-box-shadow: 0px 0px 50px 50px rgb(0, 0, 0) inset; */
    /* opacity: 0.6; */
}
#searchArea .search_btn_3 li input[type="radio"] label{
    position: relative;
    display: inline-block;
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
#searchArea .search_btn_3 ul li .check_icon {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height; 20px;
}
#searchArea .search_btn_4 ul li .check_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}

#searchArea .search_btn_4 ul {
  width: 90%;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
}
#searchArea .search_btn_4 ul li {
  width: 20%;
  display: inline-block;
}
#searchArea .search_btn_4 ul li span {
  display: block;
  font-size: 0.8em;
}

.contactSearchArea{
	text-align:center;
	margin-bottom:25px;
}
a.contactSearchBtn{
	width: 90%;
	background-color: #e3769b;
	text-align:center;
	padding: 15px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-size:14px;
	letter-spacing: 1px;
	font-weight:bold;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
	display: block;
	margin:0 auto 15px;
}
a.contactSearchBtn:hover{
	opacity: 0.9;
}
.contactSearch{
	display: none;
	position:relative;
}
.contactSearchArea h3.search_cat_ {
  border-bottom: 2px solid #d94275;
  padding: 10px 0 2px 10px;
 text-align: left;
}
.contactSearchArea h3.search_cat_ span {
  background-image: url('../../img/sp/ccb/icon_check_p.png');
  background-position: left center;
  background-repeat: no-repeat;
  width: 90%;
  padding-left: 25px;
}
.contactSearchArea .search_btn_3 ul {
  padding: 10px 0;
  margin-bottom: 10px;
  text-align: center;
  margin: 0 auto;
  width: 90%;
  display: inline-block;
}
.contactSearchArea .search_btn_3 ul li {
  background-color: #ffffff;
  border: 2px solid #e3769b;
  border-radius: 10px;
  padding: 8px 5px;
  text-align: center;
  width: 27%;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
  font-size: .8em;
  position: relative;
}
.contactSearchArea .search_btn_3 ul li:nth-child(3n-1) {
  margin: 0 2%;
}
.contactSearchArea .search_btn_3 ul li.checked {
  background-color: #e3769b;
  color: #ffffff;
}
.contactSearchArea .search_btn_4 ul li.checked {
  position: relative;
}
.contactSearchArea .search_btn_3 ul li a {
  color: #e3769b;
}
.contactSearchArea .search_btn_3 li input[type="radio"]:checked + label{
  /* background-color: #e3769b; */
  /* color: #ffffff; */
    /* box-shadow: 0px 0px 50px 50px rgb(0, 0, 0) inset; */
    /* -moz-box-shadow: 0px 0px 50px 50px rgb(0, 0, 0) inset; */
    /* -webkit-box-shadow: 0px 0px 50px 50px rgb(0, 0, 0) inset; */
    /* opacity: 0.6; */
}
.contactSearchArea .search_btn_3 li input[type="radio"] label{
    position: relative;
    display: inline-block;
    padding: 5px;
    margin: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}
.contactSearchArea .search_btn_3 ul li .check_icon {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height; 20px;
}
.contactSearchArea .search_btn_4 ul li .check_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height; 20px;
}

.contactSearchArea .search_btn_4 ul {
  width: 90%;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
}
.contactSearchArea .search_btn_4 ul li {
  width: 20%;
  display: inline-block;
}
.contactSearchArea .search_btn_4 ul li span {
  display: block;
  font-size: 0.8em;
}
.contactSearchArea input{
	display: none;
}


#moreSearchArea {
  display: none;
  width: 80%;
  margin: 0 auto;
  border: 2px solid #d94275;
  text-align: left;
  border-radius: 10px;
}
#moreSearchArea h4.search_cat_ {
  padding: 7px 10px 7px 40px;
  font-size: .8em;
}
#moreSearchArea h4.search_cat_.bc {
  background-image: url('../../img/sp/ccb/icon_bc.png');
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 20px;
}
#moreSearchArea h4.search_cat_.dia_c {
  background-image: url('../../img/sp/ccb/icon_dia_pink.png');
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 15px;
  border-top: 2px solid #d94275;
}
#moreSearchArea .open h4.search_cat_ p {
  background-image: url('../../img/sp/ccb/arrow_pink_on.png');
}
#moreSearchArea h4.search_cat_ p {
  background-image: url('../../img/sp/ccb/arrow_pink_off.png');
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
}
#moreSearchArea ul {
  overflow: hidden;
  border-top: 2px solid #d94275;
}
#moreSearchArea ul li {
  width: 50%;
  display: inline-block;
  background-image: url('../../img/sp/ccb/arrow_right_p.png');
  background-position: 92% center;
  background-repeat: no-repeat;
  background-size: 5px;
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #d9d9d9;
}
#moreSearchArea ul li:nth-child(odd) {
  border-right: 1px solid #d9d9d9;
}
#moreSearchArea ul li label{
  display: block;
  padding: 5px 10px 5px 13px;
}
#moreSearchArea ul li.checked{
  position: relative;
}
#moreSearchArea ul li.checked img{
  width: 25px;
  height: 25px;
  position: absolute;
  top: 2px;
  right: 10px;
}
.btn_reset {
  background-color: #888888;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  width: 30%;
  color: #ffffff;
  background-image: url('../../img/sp/ccb/icon_return.png');
  background-position: 10% center;
  background-repeat: no-repeat;
  background-size: 10px;
  display: block;
  float: left;
  margin: 0 0 0 10px;
}
.btn_reset {
 color: #ffffff;
}
.btn_search {
  background-color: #d94275;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  width: 30%;
  color: #ffffff;
  background-image: url('../../img/sp/ccb/icon_search_w.png');
  background-position: 10% center;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block !important;
  font-size: 14px;
  letter-spacing: 2px;
  border: none;
  float: right;
  margin: 0 10px 0 0;
}
.btn_search a{
  color: #ffffff;
}
.btn_search span {
 color: #ffffff;
 letter-spacing: 10px;
}

.tab_list {
  background-color: #efefef;
  padding: 10px 0 10px 5px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
.tab_list .tab_inner_{
  overflow: hidden;
}
#tab_list_02 {
  display: none;
}
.tab_list h2 {
  font-size: .8em;
  float: left;
  list-style: none;
  position: relative;
  width: 95px;
  margin-right: 8px;
  border: 1px solid #888888;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 12px 2px;
}
.tab_list h2 a {
  text-decoration: none;
}
.tab_list h2.event_title_.large {
  padding: 5px 0;
}
.tab_list h2.event_title_.on {
  background-color: #acabab;
}
.tab_list h2.event_title_.on .label_{
  color: #ffffff;
}
#section01 {
  background-color: #ffffff;
  width: 100%;
  border-top: 2px solid #888;
  position: relative;
  z-index: 0;
  margin-top: -4px;
}
.section_ {
  padding-top: 10px;
}
.section_ .itemList{
  margin-bottom: 15px;
}
/*ランキング*/
div#rankingList{
  background: #fff;
}
/* 新着ラインナップセクション */
table#newItemList {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 96%;
  margin: 0 2%;
}

table#newItemList .fs_goods_container:nth-of-type(2n+1) {
  clear: left;
}
table#newItemList .fs_goods_container {
  width: 47%;
  margin: 1%;
  border: none;
  float: left;
  position: relative;
  text-align: -webkit-center;
}
table#newItemList .FS2_container_ItemList th {
  padding: 6px 3px 6px 0;
  vertical-align: top;
  text-align: center;
}
table#newItemList img.FS2_lazy.thumbnail {
  width: 120px!important;
}
table#newItemList .fs_goods_container td {
  width: 96%;
  float: left;
  text-align: left;
  padding: 0 2%;
  font-size: 80%;
  margin-top: 10px;
}
table#newItemList .itemCatchCopy {
  display: none;
}
table#newItemList .FS2_eye_catch_icon img {
  margin-right: 2px;
  margin-bottom: 2px;
}
table#newItemList div:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}
table#newItemList .itemPrice {
    color: #D94275 !important;
}
table#newItemList .FS2_WishListButton_area div {
    display: inline-block;
    line-height: 1;
    margin: 8px 0 0 0;
}
table#newItemList .FS2_WishListButton_area div {
    display: inline-block;
    line-height: 1;
    margin: 8px 0 0 0;
}
table#newItemList .FS2_Button_NN {
    font-size: 100%;
    background: #eee;
    -webkit-appearance: none;
    border: 1px solid #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #999;
    padding: 3px 5px;
}
table#newItemList .FS2_WishListButton_area .FS2_Button_NN {
    width: auto;
    font-size: 0.834em;
}
/* つけまつげの付け方 */
#howto #contentsLeft {
	width:100%;
	/*float:left;
	display:inline;*/
	/*background: url(https://www.sho-bionlinestore.jp/image/special10/content_left_bg.gif) no-repeat left bottom #FFF; */
}

#howto #contentsLeft p a img {
  display: inline-block;
}
#howto #contentsLeft h3 {
	width:100%;
	height:242px;
	background:url(https://www.sho-bionlinestore.jp/image/special10/howto_title.jpg) no-repeat;
	text-indent:-9999px;
	margin:auto;
	text-align:center;
}

#howto .box{
	width:100%;
	margin:20px 5px 20px;
  text-align: left;
}

#howto .imgRight {
	float:right;
	display:inline;
	margin: 10px 20px 10px 10px;

}

#howto .mainTitle{
	width:100%;
	margin:10px auto 5px;
	text-align:center;
	font-weight:bold;
	background-color:#f9d1d4;
	padding:5px;
}

#howto .mainText{
	width:95%;
	margin:20px auto;
	text-align:left;
}

#howto .pTextTitle {
	color:#c47172;
	line-height: 21px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}

#howto .pText {
	line-height: 18px;
	margin: 0px 15px 30px;
	font-size:14px;
  text-align: left;
}

#howto .pink_b {
	font-weight: bold;
	color: #ff3366;
}

#howto .pCatch {
	font-weight: bold;
	text-align:center;
	color: #8c1660;
	line-height: 21px;
	margin: 5px 15px 15px 15px;
}

#howto .imgRight {
	float:right;
	display:inline;
	margin: 10px 20px 10px 10px;
}

#howto .imgLeft {
	/*display:inline;*/
  margin-bottom: 5px;
}

#howto .imgLeft_0 {
	float:left;

	margin: -10px 0 0 0;
}

#howto a.linkPurple {
	/*display:block;
	font-weight: bold;
	*/
	margin: 0px auto auto 5px;
	color: #6600CC;
	text-decoration: underline;
}

#howto a.linkPurple:hover {
	text-decoration:underline;
	color:#9574a6;
}

#howto .linkOrange {
	font-size:13px;
	line-height:15px;
	font-weight: bold;
	color:#ff3366;
	text-align:left;
	text-decoration: underline;
}

#howto .linkPurple02 {
	font-size:13px;
	line-height:15px;
	font-weight: bold;
	color:#909;
	text-align:left;
	text-decoration: underline;
}
#howto a.linkPurple02:hover {
	text-decoration:underline;
	color:#9574a6;
}
#howto #salonInfo {
	width:594px;
	height:188px;
	background:url(https://www.sho-bionlinestore.jp/image/special10/kifuda_bg.gif) no-repeat left top;
	margin: 20px auto;
	padding-top:5px;
	}
#howto .picupImg{
	float:left;
	margin:3px;
	width:150px;
}
#howto .picupImg2{
	float:right;
	margin-left:10px
}

/* 回り込み解除 */
#howto .cl {
clear:both;
height:0;
font-size:1px;
line-height:0px;
}
.eyelashSearch {
  padding-top: 20px;
  margin-bottom: 20px;
}

#eyelashgoodslist, #eyelashgoodslist02, #eyelashRanking {
  margin-bottom: 40px;
}
#rankingTitle h2.ranking span {
  background-image: url('../../img/sp/ccb/icon_ranking_w.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  background-size: contain;
}
/* 上まつげ商品一覧 */
#eyelashGoodsList .FS2_original_icons, #eyelashGoodsList02 .FS2_original_icons {
  margin: 5px 0;
}

#eyelashGoodsList #FS2_ItemDetail .fs_sp_read_more_item th, #eyelashGoodsList02 #FS2_ItemDetail .fs_sp_read_more_item th img {
  width: 120px !important;
  height: 100px;
}
/* つけまつげ検索 */
.modeSearch .modeWrap, .modeSearch .kindWrap {
  margin: 0 auto;
  width: 90%;
  margin-bottom: 20px;
}
.modeSearch div.mode {
  display: inline-block;
  width: 32%;
  text-align: center;
  float: left;
  border: 2px solid #e3769b;
  border-radius: 10px;
  box-sizing: border-box;
  min-height: 90px;
  padding-top: 5px;
}
.modeSearch div.mode:not(:last-child) {
  margin-right: 2%;
}
.modeSearch div.kind {
  display: inline-block;
  width: 48%;
  text-align: center;
  float: left;
  border: 2px solid #e3769b;
  border-radius: 10px;
  box-sizing: border-box;
}
.modeSearch div.kind:first-child {
  margin-right: 4%;
}
.modeSearch div.kind img {
  vertical-align: middle;
  display: inline-block;
  width: 20%;
}
.modeSearch div.mode img {
  display: inline-block;
}
.modeSearch div.mode p, .modeSearch div.kind p {
  font-size: .8em;
}
.modeSearch .forBeginner {
    width: 80%;
    margin: 20px auto;
    background-image: url(../../img/sp/ccb/icon_beginner.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-size: 12px 16px;
    border-radius: 10px;
    padding: 10px 5px 10px 15px;
    border: 2px solid #e3769b;
}
.modeSearch .goods a.goods_btn {
  display: block;
  margin: 0 auto 10px;
  width: 80%;
  background-color: #efefef;
  color: #000000;
  padding: 10px 0;
}
.on {
display: block;
}
.off {
display: none;
}


#header_logo {
	float: left;
}
#header_cart_btn, #header_mypage_btn {
  margin: 2px 0 0;
}
#header_cart_btn, #header_logo {
  width: 9.5%;
}
#header_mypage_btn {
  width: 12%;
}
#header_cart_btn, #header_mypage_btn, #header_logo {
	text-align: center;
	float: right;
  margin: 0 3% 0 0;
}
#header_cart_btn, #header_mypage_btn, #header_logo a {
  display: block;
}
#header_cart_btn p, #header_mypage_btn p {
	font-size: .5em;
	color: #d94275;
  letter-spacing: -1px;
}
div#e_01 {
  margin-bottom: 5px;
}
.bannerList, .bannerArea {
  width: 90%;
  margin: 0 auto;
}
.bannerList div.bnr, .bannerArea div.bnr {
  margin-bottom: 15px;
}
.bannerList div.bnr img, .bannerArea div.bnr img {
  width: 100%;
}
.bannerList p.txt {
}
.itemList .txtOverflow {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 5px;
}
/*ピックアップコンテンツ*/
#pickupContents{
  background: #fff;
  padding-bottom: 10px;
}
#pickupContents h2{
  margin-bottom: 10px;
}
#pickupContents .bx-wrapper{
  margin-bottom: 10px;
}
/*ケア用品*/
.careGoodsArea{
  padding-bottom: 15px;
}
/*下段アイテムリスト*/
#itemContents{

}
	#itemContents ul{
		text-align:center;
		margin:0;
    padding:2px 0 0;
	}
	#itemContents li{
		width:30%;
		vertical-align:top;
		position:relative;
		list-style:none;
		display:inline-block;
		font-size:12px;
		line-height:1.3;
		text-align:left;
	}
	#itemContents li img{ margin-bottom:5px; width:100%; height:auto; }
	#itemContents ul{ text-align:center; width:97%; margin:0 auto 15px; background: #fff;}

	#itemContents ul li.first{  margin:0; /*border-radius:5px 0 0 0;*/ }
	#itemContents ul li{
		display:inline-block;
		font-size:14px;
		cursor:pointer;
		padding:5px 0;
		margin: 0 1px 0 0;
		color:#353432!important;
	 }
	#itemContents ul li.select{color:#d94275!important; background-color:#f8d1d4!important; }
	#itemContents .content_wrap{ margin:10px 0 0; }
	#itemContents .first{ width:30%;}
	#itemContents .last{ width:30%; margin:0; }
	#itemContents .contactD, .contactN{ width:17%; }
#itemContents ul li a{
  text-decoration: none;
}
/*-----------------------------------
検索結果 一覧
------------------------------------*/
.itemPrice{ color:#D94275!important;}
img.FS2_lazy.thumbnail{
width:auto !important;
max-width:100%;
}


.FS2_container_ItemList th{
width:auto;
height:auto;
text-align:center;
}
.FS2_RecommendItemList img.thumbnail {
max-width: 100%;
}
.fs_goods_container{
        width: 47%;
        margin: 1%;
        border: none;
        float: left;
        position: relative;
}
.fs_goods_container th{
        width:100%;
        float:left;
}
.fs_goods_container td{
       width:96%;
       float:left;
       text-align:left;
       padding:0 2%;
       font-size:80%;
	   margin-top:10px;
}
.fs_goods_container th img{
 width:95%;
display: none;
}
.fs_goods_container th img.on_img_{
  display: inline;
}

.FS2_Alternateness_bg {
       background:#fff;
}

.FS2_body_Goods_BundleGoodsList .fs_goods_container:nth-of-type(2n+1),
#FS2_GoodsSearchList .fs_goods_container:nth-of-type(2n+1),
#FS2_CategoryList .fs_goods_container:nth-of-type(2n+1) {
clear: left;
}

/* Pagination ----------- */
.FS2_pagination {
	padding: 10px 0;
	position: relative;
}
.FS2_pagination .FS2_paginationArrows {
	position: absolute;
	top: 8px;
	overflow: hidden;
	font-size: 1.2em;
  width: 100%;
}
.FS2_pagination .FS2_paginationArrows li {
	padding: 3px;
}
.FS2_pagination .FS2_paginationArrows .FS2_pagination_arrow_left {
	float: left;
}
.FS2_pagination .FS2_paginationArrows .FS2_pagination_arrow_right {
	float: right;
}
.FS2_pagination .FS2_paginationArrows .FS2_pagination_unavailable {
	visibility: hidden;
}
.FS2_pagination .FS2_pagenationList {
	text-align: center;
	position: relative;
	width:auto;
	margin:0 1.4em;
}
.FS2_pagination .FS2_pagenationList li {
	display: inline-block;
	margin: 2px 1px;
	background: #eee;
	min-width: 1.8em;
}
.FS2_pagination .FS2_pagenationList li a,
.FS2_pagination .FS2_pagenationList li span {
	text-decoration: none;
	display: block;
	padding: 3px;
}
.FS2_pagination .FS2_pagenationList li.FS2_pagination_current {
	font-weight: bold;
	background: #999;
	color: #fff;
}
.FS2_pagination .FS2_pagenationList li.FS2_pagination_hellip {
	background: none;
	margin: 0;
}
.search_container{
  background: #eceff1;
  margin-bottom: 10px;
}
.search_container h1{
  text-align: center;
  font-size: 20px;
  padding: 5px 0;
}
.search_count_text{
  background: #fff;
  width: 100%;
  text-align: center;
}
.search_count{
  font-size: 20px;
}
/*並び替えと表示切替*/
.sort_menu_{
  padding: 10px 2.5%;
}
.sort_menu_ li{
  display: inline-block;
  vertical-align: middle;
}
.sort_select_{
  width: 55%;
}
.img_select_{
  width: 40%;
  height: 45px;
}
.img_select_ ul{
  text-align: center;
}
.img_select_ li{
  width: 45px;
  height: 1px;
  padding-top: 45px;
  overflow: hidden;
}
.img_select_ li.item{
  background: url(../../img/sp/ccb/icon_item_black.png) no-repeat;
  background-size: 100%;
}
.img_select_ li.eye{
  background: url(../../img/sp/ccb/icon_eye_black.png) no-repeat;
  background-size: 100%;
}
.img_select_ li.item.img_change{
  background: url(../../img/sp/ccb/icon_item_gray.png) no-repeat;
  background-size: 100%;
}
.img_select_ li.eye.img_change{
  background: url(../../img/sp/ccb/icon_eye_glay.png) no-repeat;
  background-size: 100%;
}
.sort_select_ select {
	width: 100%;
	height: 35px;
	padding: 5px 15px 5px 5px !important;
	border: 1px solid #000 !important;
	color: #555;
	background: #fff;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	outline: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '' !important;
	vertical-align: middle;
	font-size: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sort_select_ select option {
	background-color: #fff;
	color: #555;
}

.sort_select_ select::-ms-expand {
	display: none;
}

.sort_select_ select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}

.sort_select_ {
	position:relative;
	display: inline-block;
	overflow: hidden;
}
.sort_select_:before {
  content: "";
  display: block;
	position: absolute;
	top: 13px;
	right: 5px;
  width: 20px;
  height: 10px;
  background: url(../../img/sp/ccb/arrow_sort.png)no-repeat;
  background-size: 100%;
	z-index: 1;
	pointer-events: none;
}

/*ランキング*/
div[id^="ranking"]{ margin:0 auto; }
div[id^="ranking"] h2{ padding:0; background-color: transparent; }
/* clearFix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
.clearLF{ clear:left; }

div[id^="ranking"] .navi{ margin:0; padding:0; font-size:80%; }
div[id^="ranking"] .navi ul{ margin:0 0 15px; padding:0; background-color:#484848; border-radius:5px; text-align:center; }
div[id^="ranking"] .navi li{ list-style:none; float:left; width:25%; }
div[id^="ranking"] .navi li a{ list-style:none; display:block; color:#fff; padding:5px 4px; }
div[id^="ranking"] .select{ color:#fff; background-color:#D94275; }
div[id^="ranking"] .first{ border-radius:5px 0 0 5px; width:auto;}
div[id^="ranking"] .last{ border-radius:0 5px 5px 0; width:auto;}
div[id^="ranking"] a{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
div[id^="ranking"] a:hover{ filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
div[id^="ranking"] .rankingInner{ float:left; width:50%; margin:0; padding:0; position:relative; }
div[id^="ranking"] h3{ background-color:#fff; margin:0; padding:0; }
div[id^="ranking"] .rankTop3{ float:left; width:100px; margin:0; padding:0; }
div[id^="ranking"] .rankingInner dl{ margin:0; padding:10px; border-left:1px solid #c8b1b1; }
div[id^="ranking"] .rankingInner:first-child dl{border-left:none; }
div[id^="ranking"] .rankingInner dt, div[id^="ranking"] .rankingInner dd{  line-height:1.5; margin:0; padding:0; }
div[id^="ranking"] .rankingInner dt{ margin:0 0 10px; text-align:center; height:120px; }
div[id^="ranking"] .rankingInner dt img{ max-height:100%; height:auto; display:block; margin:0 auto; width: auto; }
div[id^="ranking"] .price{ display:block; margin:10px 0; color:#D94275; font-weight:bold; }
div[id^="ranking"] .btn_box{
  text-align: center;
}

#rankingAll{ border: 2px solid #D94275; border-top:none; margin:0 0 50px; }
#rankingContactD{ border: 2px solid #DC9593; border-top:none; margin:0 0 50px; }
#rankingContactN{ border: 2px solid #ECB3BC; border-top:none; margin:0 0 50px;  }
#rankingEyelash{ border: 2px solid #DC93AB; border-top:none;  }

div[id^="ranking"] .rankingInner2{ margin:0 0 15px; padding:10px 15px; position:relative; }
div[id^="ranking"] .rankingInner2 h4{ margin:0; padding:0; }
div[id^="ranking"] .rankingInner2 dl,
div[id^="ranking"] .rankingInner2 dt,
div[id^="ranking"] .rankingInner2 dd{ margin:0; padding:0; text-align:left; line-height:1.5; }
div[id^="ranking"] .rankingInner2 dt{ margin-bottom:10px; text-align:center; }
div[id^="ranking"] .w170{ width:170px; padding:10px 25px; }
div[id^="ranking"] .w130{ width:130px; }
div[id^="ranking"] .rankTop3{ position:absolute; left:8px; top:5px; margin:0; padding:0; }
div[id^="ranking"] .rankTop4_10{ position:absolute; left:5px; top:5px; margin:0; padding:0; }
.textCenter{ text-align:center; }
div[id^="ranking"] .borderB{ border-bottom:1px solid #c8b1b1; }



/*** 追加 ***/
/*2017.09.07 文字点滅*/
.switch {
 -webkit-animation: switchtext 0.8s infinite alternate;
 -moz-animation: switchtext 0.8s infinite alternate;
 animation: switchtext 0.8s infinite alternate;
 color:#ff9dba;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}





/*2017.10.05 サイドのソーシャル設置*/
#social_box{
	width:200px;
	padding:15px 0px;
	left:5px;
	text-align:center;
	position:fixed;
	bottom:35px;
	list-style-type:none;
	z-index: 999;
}

#social_box .button {
	margin-top:0px;
	width:50px;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 10px;
    background-color: #F00;
    color: #fff;
    /* ボーダーをなくす */
    border-style: none;
}

#social_box .button2 {
	margin-top:0px;
	width:50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
}

#social_box .button3 {
    width:25px;
	margin-top:1px;
    font-size:15px;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:1px 0 3px;
    color:#000;
    background-color:#fff;
    border-radius:10px; /*角丸*/
	/*box-shadow:1px 1px 1px #535353;*//*ボックスの影*/
}

/*追記*/
.cInner{
	width:90%;
	margin:0 auto;
}
.section--main{
	margin-bottom:20px;
}
.topSearch__form{
	margin-top:20px;
	margin-bottom:5px;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.topSearch__text{
	width:85%;
	height:42px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 1px #bbbbbb;
	border-right:none;
	border-radius: 5px 0px 0px 5px;
	background:#eeeeee;
	padding:0px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.topSearch__submit{
	width:15%;
	height:42px;
	line-height:40px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 1px #bbbbbb;
	border-left:none;
	border-radius: 0 5px 5px 0;
	background:#d94275;
	color:white;
	text-align:center;
	letter-spacing: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.customer--header{
	float:right;
	display: inline-block;
	margin-right:20px;
	/*line-height:35px;*/
	padding-top:2px;
}
.customer--header .customer_info{
	height:30px;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
}
.customer--header .customer_info p:nth-child(n+2){
	margin-left:5px;
}