@charset "utf-8";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

body {
	background:#fff url(../images/bg.gif) repeat-x fixed 0 0;
	border-top:4px solid #ffcd00;
	font-size:14px;
	line-height:1.4;
}
a, a:link {
	color:#000;
	text-decoration:underline;
}
a:hover {
	color:#999;
	text-decoration:none;
}

p {
	margin-top:1em;
}
img {
	line-height:1;
	vertical-align: bottom;
}
.none {
	display:none;
}

/* float */
.left	{ float:left; }
.right	{ float:right; }
.fl_img { float:left; padding:0 15px 15px 0; }
.fr_img { float:right; padding:0 0 15px 15px; }
.fr_img2 { float:right; padding:0 15px 15px 15px; }

/* margin */
.mT05 { margin-top:5px !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; }
.mT40 { margin-top:40px !important; }
.mT60 { margin-top:60px !important; }

/* font */
.bold	{ font-weight:bold; }
.red, .red a	{ color:#ff0000; }
.cya, .cya a	{ color:#bf6d00; }
.fs12	{ font-size:12px; }
.fs14	{ font-size:14px; }
.fs16	{ font-size:16px; }
.fs22	{ font-size:22px; }
.center	{ text-align:center; }
.t_right { text-align:right !important; }
.t_left { text-align:left !important; }


/*********************************
 *
 * layout
 *
 *********************************/
#wrapper {
	width: 990px;
	margin: 0 auto;
	background: #fff;
}


/*********************************
 *
 * header
 *
 *********************************/
#header {
	position:relative;
	width:990px;
	height:102px;
	background: url(../images/bg_header.jpg) no-repeat;
}

/* ロゴ */
#header h1#logo a {
	position:absolute;
	width: 483px;
	height: 60px;
	top:10px;
	left:20px;
	background: none;
	float: none;
}
#header h1#logo a span {
	display:none;
}

/* OLD検索窓 */
#header #searchBox {
	position:absolute;
	width:210px;
	padding:0 0 0 70px;
	top:51px;
	right:233px;
	background: url(../images/icon_search.gif) no-repeat;
}
#header #searchBox input#search {
	float:left;
	width:160px;
	height:18px;
	margin-right:3px;
	background:#f3f3f3;
	border:1px  solid #ccc;
}

/* OLDカートボタン */
#header #cartBox {
	position: absolute;
	width:113px;
	height:23px;
	top:48px;
	right:105px;
}

/* カートボタン */
#header #scartBox ul {
	position: absolute;
	height:23px;
	top:48px;
	right:24px;/*change-20180827*/
}
	#header #scartBox ul li {
		float:left;
		margin-left:17px;
}
/*add-20180827*/
#header #search{
	position: absolute;right:245px;top:38px;width: 186px;
}
#header #search .form{
	width: 140px;
}
/*--add-20180827--*/

/*********************************
 *
 * globalnavi
 *
 *********************************/
#gnavBox {
	width:990px;
	height:60px;
	margin:0 auto;
	background:url(../images/bg_gnav.gif) no-repeat;
}
ul#gnav {
	width:950px;
	height:60px;
	margin:0 auto;
}
ul#gnav li {
	float:left;
	display:inline;
}
ul#gnav li a {
	display:block;
	overflow:hidden;	
	height:60px;
}
ul#gnav li a span {
	display:none;
}
ul#gnav li.nav01 a	{ width:62px; background:url(../images/gnav01_off.gif) no-repeat; }
ul#gnav li.nav02 a	{ width:141px; background:url(../images/gnav02_off.gif) no-repeat; }
ul#gnav li.nav03 a	{ width:205px; background:url(../images/gnav03_off.gif) no-repeat; }
ul#gnav li.nav04 a	{ width:55px; background:url(../images/gnav04_off.gif) no-repeat; }
ul#gnav li.nav05 a	{ width:120px; background:url(../images/gnav05_off.gif) no-repeat; }
ul#gnav li.nav06 a	{ width:119px; background:url(../images/gnav06_off.gif) no-repeat; }
ul#gnav li.nav07 a	{ width:104px; background:url(../images/gnav07_off.gif) no-repeat; }
ul#gnav li.nav08 a	{ width:61px; background:url(../images/gnav08_off.gif) no-repeat; }
ul#gnav li.nav09 a	{ width:83px; background:url(../images/gnav09_off.gif) no-repeat; }
ul#gnav li.nav01.active a,
ul#gnav li.nav01 a:hover,
ul#gnav li.nav01.active a:hover { background:url(../images/gnav01_on.gif) no-repeat; }
ul#gnav li.nav02.active a,
ul#gnav li.nav02 a:hover,
ul#gnav li.nav02.active a:hover { background:url(../images/gnav02_on.gif) no-repeat; }
ul#gnav li.nav03.active a,
ul#gnav li.nav03 a:hover,
ul#gnav li.nav03.active a:hover { background:url(../images/gnav03_on.gif) no-repeat; }
ul#gnav li.nav04.active a,
ul#gnav li.nav04 a:hover,
ul#gnav li.nav04.active a:hover { background:url(../images/gnav04_on.gif) no-repeat; }
ul#gnav li.nav05.active a,
ul#gnav li.nav05 a:hover,
ul#gnav li.nav05.active a:hover { background:url(../images/gnav05_on.gif) no-repeat; }
ul#gnav li.nav06.active a,
ul#gnav li.nav06 a:hover,
ul#gnav li.nav06.active a:hover { background:url(../images/gnav06_on.gif) no-repeat; }
ul#gnav li.nav07.active a,
ul#gnav li.nav07 a:hover,
ul#gnav li.nav07.active a:hover { background:url(../images/gnav07_on.gif) no-repeat; }
ul#gnav li.nav08.active a,
ul#gnav li.nav08 a:hover,
ul#gnav li.nav08.active a:hover { background:url(../images/gnav08_on.gif) no-repeat; }
ul#gnav li.nav09.active a,
ul#gnav li.nav09 a:hover,
ul#gnav li.nav09.active a:hover { background:url(../images/gnav09_on.gif) no-repeat; }

ul#gnav li.navTsutae a	{ width:120px; background:url(../images/gnav_tsutae_off_01.png) no-repeat; }
ul#gnav li.navTsutae a:hover,
ul#gnav li.navTsutae.active a:hover { background:url(../images/gnav_tsutae_on_01.png) no-repeat; }
/*
ul#gnav li.nav01.active a,
ul#gnav li.nav01 a:hover,
ul#gnav li.nav01.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav02.active a,
ul#gnav li.nav02 a:hover,
ul#gnav li.nav02.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav03.active a,
ul#gnav li.nav03 a:hover,
ul#gnav li.nav03.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav04.active a,
ul#gnav li.nav04 a:hover,
ul#gnav li.nav04.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav05.active a,
ul#gnav li.nav05 a:hover,
ul#gnav li.nav05.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav06.active a,
ul#gnav li.nav06 a:hover,
ul#gnav li.nav06.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav07.active a,
ul#gnav li.nav07 a:hover,
ul#gnav li.nav07.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav08.active a,
ul#gnav li.nav08 a:hover,
ul#gnav li.nav08.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
ul#gnav li.nav09.active a,
ul#gnav li.nav09 a:hover,
ul#gnav li.nav09.active a:hover { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
*/



/*********************************
 *
 * footer
 *
 *********************************/
#footer {
	position:relative;
	/*width:950px;*/
	margin:0 auto;
	padding:30px 20px 50px;
/*add20180531*/
width:990px;
background-color: #fff;
/*add20180531*/
}
#footer ul {
	position:absolute;
	/*width:710px;*/
	width:940px;
	right:0;
}
#footer ul li {
	float:left;
	margin-right:7px;
}
#footer ul li a {
	color: #333;
}
#footer ul li a:hover {
	color: #999;
}



/*********************************
 *
 * container
 *
 *********************************/
#container {
	width:950px;
	margin:20px auto 0 auto;
}

/* パンくず */
ul.pankuzu {
	padding-bottom:5px;
}
ul.pankuzu li {
	float:left;
	padding-right:0.5em;
}
ul.pankuzu li.icon {
	padding-left:1em;
	background:url(../images/icon_pankuzu.gif) left center no-repeat;
}

/* ソーシャルボタン */
.leadBox .left {
	width:700px;
}
.leadBox ul.socialBtn {
	width:250px;
	position: relative;
}
	ul.socialBtn li {
		float:left;
	}
	ul.socialBtn .fb-like {
		position: absolute;
		top: 0;
		left: 120px;
	}


/*********************************
 *
 * side
 *
 *********************************/
#side {
	float:left;
	width: 210px;
}

/* h3 */
#side h3 {
	width:210px;
	height:26px;
	margin-top:10px;
}
#side h3 span {
	display:none;
}
#side .textBox {
	padding:10px;
	background: #feffe6;
}

/* OLDログイン */
#side h3.login {
	background:url(../images/side/ttl_login.gif) no-repeat;
}
#side ul.loginForm {
	padding-top:5px;
	font-size:11px;
}
#side ul.loginForm li {
	padding-bottom:2px;
}
#side ul.loginForm li.check {
	padding-left:67px;
}
#side ul.loginForm input.text {
	width:130px;
	height:18px;
	margin-left:3px;
	border:1px solid #999;
}

/* ログイン */
#side h3.login {
	background:url(../images/side/ttl_login.gif) no-repeat;
}
#side table.sloginForm {
	font-size:10px;
}
#side table.sloginForm th, #side table.sloginForm td {
	padding-top:5px;
	vertical-align:middle;
}
#side table.sloginForm th {
	width:80px;
	text-align:center;
}
#side table.sloginForm input.text {
	width:120px;
	height:18px;
	margin-left:3px;
	border:1px solid #999;
}
#side ul.loginLink {
	margin-top:5px;
	padding-top:5px;
	background:url(../images/side/bg_loginlink.gif) no-repeat;
	line-height:1.3;
}
#side ul.loginLink li a {
	padding-left:10px;
	color:#006699;
}
/* add-20180828 */
#side .login-name{
	padding-top: 10px;margin-bottom: 5px;
}
#side .login-point{
	font-size: 90%;
}
/* --add-20180828-- */

/* 商品を探す */
#side h3.search {
	background:url(../images/side/ttl_search.gif) no-repeat;
}
/* OLD検索窓 */
#side #ssearchBox {
	width:210px;
	padding:5px 0 5px 5px;
}
#side #ssearchBox input.input-text {
	width:155px;
	height:18px;
	margin-right:2px;
	background:#f3f3f3;
	border:1px  solid #ccc;
}

/* クチコミ */
#side h3.kuchikomi {
	background:url(../images/side/ttl_kuchikomi.gif) no-repeat;
}

/* ランキング */
#side h3.ranking {
	background:url(../images/side/ttl_ranking.gif) no-repeat;
}
#side dl.ranking dt {
	padding:10px 0 3px 0;
	font-size:13px;
	line-height:1;
}
#side dl.ranking dt.no1 {
	padding:0 0 3px 0;
}
#side dl.ranking dd {
	padding-bottom:5px;
	border-bottom:2px dotted #fee673;
	color:#bf6d00;
	font-size:13px;
}
#side dl.ranking dd.none {
	border-bottom:none;
}
#side dl.ranking p {
	margin-top:3px;
}
#side dl.ranking a {
	color: #ff6701;
}

/* What's New */
#side h3.new {
	background:url(../images/side/ttl_news.gif) no-repeat;
}

#side h3.new2 {
	background:url(../images/side/ttl_news2.gif) no-repeat;
}

#side .newBox {
	overflow:auto;
	overflow-y:scroll;
	width:180px;
	height:190px;
	padding:5px;
	background:#fff;
	border:1px solid #cd8e37;
}

/* メディア */
#side h3.media {
	background:url(../images/side/ttl_media.gif) no-repeat;
}

/* 清祓い */
#side h3.kiyoharai {
	background:url(../images/side/ttl_kiyoharai.gif) no-repeat;
}

/* 開運日記 */
#side h3.kaiun {
	background:url(../images/side/ttl_kaiun.gif) no-repeat;
}

/* 会員登録 */
#side h3.customer {
       	height:35px;
	background:url(../images/side/ttl_customer_02.gif) no-repeat;
}

/* カテゴリ */
#side h3.cate {
	height:24px;
	margin-bottom:10px;
	background:url(../images/side/ttl_category.jpg) no-repeat;
}
#side table.cate {
	width: 210px;
}
#side table.cate th {
	padding:5px;
}
#side table.cate td {
	padding:5px 5px 5px 0;
	font-size:12px;
}
#side table.cate th {
	width:100px;
}
#side table.cate h4 {
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
}
#side table.fusui h4		{ background: url(../images/side/arrow_fusui.gif) 0 5px no-repeat; }
#side table.pstone h4		{ background: url(../images/side/arrow_pstone.gif) 0 5px no-repeat; }
#side table.manekineko h4	{ background: url(../images/side/arrow_mneko.gif) 0 3px no-repeat; }
#side table.saifu h4		{ background: url(../images/side/arrow_saifu.gif) 0 3px no-repeat; }
#side table.acce h4			{ background: url(../images/side/arrow_acce.gif) 0 5px no-repeat; }
#side table.cate ul li {
	padding:3px 0 0 14px;
	background:url(../images/side/arrow_cate.gif) 4px 6px no-repeat;
}
#side table.fusui		{ background:#FDEBC8; }
#side table.pstone		{ background:#C7F7FD; }
#side table.manekineko	{ background:#E9FDC8; }
#side table.saifu		{ background:#FFFBB4; }
#side table.acce		{ background:#FED7DA; }

/* ご挨拶 */
#side h3.aisatsu {
	background:url(../images/side/ttl_aisatsu.gif) no-repeat;
}

/* 枠外広告 */
#side div.kotei div#left_bn {
    left: 50%;
    margin-left: -610px;
    position: fixed;
    top: 100px;
    width: 100px;
    z-index: 0;
}

#side div.kotei div#right_bn {
    right: 50%;
    margin-right: -610px;
    position: fixed;
    top: 0px;
    width: 100px;
    z-index: 0;
}

#side div.kotei table tr td {
    line-height: 1.5em;
    padding: 3px;
    text-align: left;
}

/*********************************
 *
 * main
 *
 *********************************/
#main {
	float:right;
	width:715px;
	padding-bottom:30px;
	background:url(../images/bg_main.gif) repeat-x;
	border:1px solid #ccc;
	font-size:15px;
	line-height:1.5;
}

/* ページトップ */
#main p.totop {
	position:relative;
	width:665px;
	margin:30px auto 0 auto;
	padding-bottom:30px;
	height: 80px;
}
#main p.totop a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:165px;
	height:80px;
	background:url(../images/btn_pagetop_off.gif) no-repeat;
}
#main p.totop a:hover {
	background: url(../images/btn_pagetop_on.gif);
}
#main p.totop a span {
	display:none;
}

/*--ebismart style delete--*/
a:visited {
	color: #000;
}

#main h2 {
	border: none;
}

#main h2:after {
	border: none;
}

a
/*--ebismart style delete--*/

/*
#container {
	width: 326px;
	margin: 50px auto;
	}
*/
#banner {
			 border: 3px solid #CCCCCC;
			 margin-bottom: 5px;
}
#banner ul {
			 list-style: none;
			 position: relative;
			 margin-left: 0px;
			 overflow: hidden;
			 width:320px;
			 height: 213px;
			 }
#banner ul li {
			 float: left;
			 width: 320px;
			 position: absolute;
	}
	div#pagenation {
			position: relative;
			overflow: hidden;
			top: -30px;
	}
	 
div#pagenation ul {
			 position:relative;
			 left:50%;
			 float:left;
			 list-style: none;
	}
	div#pagenation li {
			position:relative;
			left:-50%;
			float:left;
			margin: 0 2px;
			 
	}
div#pagenation li a {
			 width:12px;
			 height:12px;
			 overflow:hidden;
			 display:block;
			 background-image:url("/user_data/packages/sphone/img/pagenation.gif");
			 background-position:0 0;
	}
div#pagenation li.active a,
div#pagenation li a:hover {
			 background-position:0 12px;
	}
	
	
/*********************************
 *
 * main  20121106tuika
 *
 *********************************/
 
#main a:hover img {
opacity:0.75;
filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
#main li a:hover img {
opacity:0.75;
filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

#side a:hover img {
opacity:0.75;
filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
#side li a:hover img {
opacity:0.75;
filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
 


/*********************************
 *
 * 商品ページ
 *
 *********************************/

/* スターパワーペンダント */

#circle {
	position: relative;
}
#circle::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
#circle:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		border-radius: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		width: 0;
		height: 0;
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.timing-function_6 div a img{
    position:relative;
    top:0;
    transition: 1s cubic-bezier(1,0,0,1);
}
 
.timing-function_6 div a img:hover{
    top:-2em;
}
/*add-20180416*/
.hover_style_on:hover {
	opacity: 0.65;
}
.item_list_lucky_day img {
	max-width: 100%;
	height: auto;
}

#breadcrumbs {
	padding-bottom: 20px;
}
/*#itemListDetail {
	padding: 12px;
}
#itemListDetail .box {
	margin-top: 12px;
}
#itemListDetail .text .appeal {
	display: none;
}*/
/*add-20180827*/
#itemListDetail{
	padding: 12px;overflow: hidden;
}
#itemListDetail .box-wrap{
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-ms-flex-wrap:wrap;flex-wrap:wrap;
}
#itemListDetail .box{
	 width: 132px;border: none;padding:6px;position: relative;padding-bottom: 46px;margin-bottom: 20px;margin-left: 7px;
}
#itemListDetail .box:nth-child(5n+1){margin-left: 0;}
#itemListDetail .img_box{
	width: 100%;float: none;margin: 0 0 10px;
}
#itemListDetail .img_box a{display: block;}
#itemListDetail .img_box img{
	max-width: 120px;max-height: 120px;
}
#itemListDetail .text{
	margin-left: 0;
}
#itemListDetail h3{
	font-size: 90%;
}
#itemListDetail .price{
	margin-bottom: 5px;
}
#itemListDetail .button_area{
	position: absolute;bottom:0;left:0;border-top: none;margin: 0;padding: 0 5px 0;
}
#itemListDetail .button{
	white-space: pre-line;
	word-break: break-all;
}
/*--add-20180827--*/

#itemListImage {
	padding: 12px;
}

#itemListImage .box {
	width: 220px;
}
#itemListImage .text {
	width: 100%;
	padding: 0 10px;
	margin: 0;
	box-sizing: border-box;
	float: none;
}
#itemListImage .img_box {
	float: none;
	width: 100%;
	margin: 10px 0;
}

#itemListSimple {
	padding-left: 12px;
}

#itemListSimple:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	min-height: 1;
	margin: 0;
	padding: 0;
}
#itemListSimple .box {
	float: left;
	border: 1px solid #ccc;
	width: 214px;
	min-height: 520px;
	padding: 12px;
	box-sizing: border-box;
	margin-left: 12px;
	margin-top: 12px;
}
#itemListSimple .box + .box {
	/*margin-left: 10px;*/

}

#itemListSimple .box .appeal img {
	max-width: 100%;
	height: auto;
}
#itemListSimple .box .appeal {
	margin-left: 0;
}
#itemListSimple .box .button_area {
    margin: 0px 10px 10px;
    padding-top: 10px;
}
#itemListSimple .box .button_area .button,
#itemListSimple .box .button_area .not_click {
	float: none;
	margin-bottom: 10px;
}


/*add-20170528*/
/*add-20180523*/
#wrapper #review,
#wrapper #itemAccessLog {
	padding: 0 12px;
}
/*add-20180523*/

/*--add-20180531--*/
#itemAccessLog-wakugai {
	width: 120px;
margin-right: -636px;
	position: fixed;
	top: 50px;
    right: 50%;
	z-index: 0;
	background-color: rgba(255,255,255,0.8);
	border-top: 6px solid #FFCD00;

}

#itemAccessLog-wakugai .wakugai-img-box {

}

#itemAccessLog-wakugai .wakugai-img-box img {
	max-width: 100%;
}

#itemAccessLog-wakugai h2 {
color: #CD7E50;
text-align: center;
line-height: 44px;
font-size: 14px;
font-weight: bold;
letter-spacing: 1.4px;
}
#itemAccessLog-wakugai ul {
padding: 0 12px 12px;
	background-color: rgba(255,255,255,0.8);
	width: 100%
}
#itemAccessLog-wakugai ul li {
	margin: 0;
	float: none;
}
#itemAccessLog-wakugai ul li + li {
	padding-top: 12px;
}
#itemAccessLog-wakugai ul li .text h3 {
text-align: center;
font-weight: normal;
line-height: 1.2;
margin-top: 4px;
}
#itemAccessLog-wakugai ul li .text h3 a {
color: #333;

font-size: 12px;
font-weight: normal;
line-height: 1.2;
}

/*--add-20180531--*/