@charset "utf-8";
/* --------------------------------
     基本設定
-------------------------------- */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ";
	font-size:14px;
	color:#333333;
}

a {
	color:#333333;
}

/* --------------------------------
    全体設定
-------------------------------- */
#spwrap {
	width:100%;
        height:100%;
}

/* --------------------------------
    ヘッダー
-------------------------------- */
#header {
	margin:10px 0;
}

/*h1 {
	float:left;
	margin-left:5px;
	line-height:16px;
}

h1 img {
	height:15px;
	width:auto;
	vertical-align:middle;
}*/

.favoriteshop {
	float:right;
	margin-right:5px;
	font-size:10px;
	line-height:20px;
}

.favoriteshop a {
	text-decoration:underline;
}


/*.favoriteshop a span {
	color:#00A4E9;
}*/

/* --------------------------------
    ヘッダー・フッターメニュー
-------------------------------- */

#headermenu {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999999;
}


#headermenu li,
#footermenu li {
	text-align:center;
	width:20%;
	float:left;
	font-size:18px;
}

#headermenu a,
#footermenu a {
	text-decoration:none;
	color:#ffffff;
	background-color:#000000;
	display:block;
	padding:5px 0;
	border-left:1px solid #ffffff;
}

#headermenu li:first-child a,
#footermenu li:first-child a {
    border-left:none;
}

#headermenu p,
#footermenu p {
	font-size:8px;
}

/* --------------------------------
     サイトマップ
-------------------------------- */
#sitemapopen {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

.sitemapclose {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	/*position: absolute;*/
	position: fixed;
	background: #000000;
	opacity: 0.8;
	z-index: 5;
}

.sitemapwindow {
	top: 50%;
    left: 50%;
    margin: -220px 0 20px -145px;
    width: 290px;
    height: 680px;
	text-align: center;
	background: #fff;
	position: absolute;
	z-index: 10;
	font-size:12px;
}

.sitemapbigtitle h2 {
	font-weight:bold;
	font-size:16px;
	padding:15px;
	text-align:left;
	line-height:1;
	float:left;
}

.sitemapbigtitle h2 span {
	display:inline-block;
	margin-right:5px;
}

.sitemapbigtitle p {
	float:right;
	padding:12px 10px;
}

.sitemaptitle {
	background-color:#000000;
	color:#ffffff;
	padding:10px 0;
	font-weight:bold;
}

.sitemapwindow ul li {
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

.sitemapwindow ul li a {
	display:block;
	padding:10px;
	border-bottom:1px solid #dddddd;
	position: relative;
}

.sitemapwindow ul li a:after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sitemapsns {
	margin:20px 0;
}

.sitemapsns p {
	display:inline-block;
	font-size:43px;
	margin:0 5px;
}

.sitemapsns p a {
	color:#000000;
}

.sitemapclosebutton a {
	display:inline-block;
	padding:5px 10px;
	border-radius:2px;
	background-color:#000000;
	color:#ffffff;
}

/* モーダルウィンドウ */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}

div#sitemap div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 0s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}


/* --------------------------------
     楽天ポイント
-------------------------------- */
#rakpoint {
	text-align:center;
	font-size:12px;
	margin:10px 0 0 5px;
}

#rakpoint span {
	color:#C00003;
	font-size:20px;
}

.rakpoint_time {
	font-size:10px;
}

.rakpoint_time a{
	color:#333333;
}

/* --------------------------------
     サーチ
-------------------------------- */
#search {
	margin:15px 0;
	text-align:center;
}

.keyword {
	width: 65%;    
    border-left: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
    padding: 9px;	
	-webkit-border-top-left-radius: 3px;
    -khtml-border-radius-topleft: 3px;  
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
	
	-webkit-border-bottom-left-radius: 3px;
    -khtml-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.searchbtn {
	border: solid 1px #cccccc;
	padding:12px 0 11px;
	background-color:#000000;
	color:#ffffff;
	width:20%;
	text-align:center;
		-webkit-border-top-right-radius: 3px;
    -khtml-border-radius-topright: 3px;  
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
	
	-webkit-border-bottom-right-radius: 3px;
    -khtml-border-radius-bottomright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

/*
.searchbtn {
    border: solid 1px #cccccc;
	padding:10px 30px;
	background-color:#000000;
	background-image:url(../img/searchicon.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-size: 15px 100% ;
	-webkit-background-size: 15px auto ;
	-moz-background-size: 15px auto ;
	-o-background-size: 15px auto ;
	-ms-background-size: 15px auto ;
		
	-webkit-border-top-right-radius: 5px;
    -khtml-border-radius-topright: 5px;  
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
	
	-webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius-bottomright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
	
	text-indent:-9999px;
}*/

/* --------------------------------
     コンテンツ共通
-------------------------------- */
.contentstitle {
	background-color:#000000;
	padding:5px 10px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

/*===============================

　アイテムナビ2014/09/04追加

===============================*/
/*#itemnavititle {
	margin:25px 0 10px;
	background-color:#EFEFEF;
	padding:10px;
	color:#696969;
	font-size:14px;
}*/

#itemnavi li {
	color:#696969;
}

.topitemnavi {
	padding:15px;
	border-bottom:1px solid #dddddd;
	font-size:14px;
	line-height:1;
}

.topitemnavi p {
	float:right;
	padding:0 10px;
}

.topitemnavi:hover {
	cursor:pointer;
}

.itemsubnavi {
	font-size:12px;
	color:#696969;
	background-color:#f9f9f9;
}

.itemsubnavi li a {
	display:block;
	padding:15px 15px 15px 30px;
	border-bottom:1px solid #dddddd;
	position: relative;
}

.itemsubnavi li a:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 30px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #696969;	
}

.itemsubnavi li a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 34px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #ffffff;
}

#itemnavi li .nowlist {
	background-color:#b4b4b4;
	color:#ffffff;
}




/* --------------------------------
     ランキング
-------------------------------- */
ul#ranksptop {
	list-style:none;
	width:320px; /*仮*/
	border-bottom:1px solid #cccccc;
	margin:0 auto;
}

ul#ranksptop a {
	color:#666666;
	text-decoration:none;
	margin:0;
	padding:0;
}


#ranksptop li {
	padding:10px 0;
	width:106px;
	float:left;
	position:relative;
}

.rankimg {
	text-align:center;
}

.rankdata {
	font-size:10px;
	padding:0 30px 0 10px;
	line-height:1;
}

.rankname {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin:5px 0;
}

.ranknum {
	display:inline-block;
	padding:4px 5px;
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
}

.numone {
	background-color:#FFD700;
}

.numtwo {
	background-color:#C0C0C0;
}

.numthree {
	background-color:#C47222;
}

.rankprice {
	font-weight:bold;
	font-size:11px;
}


.rankpricetax {
	font-weight:normal;
	font-size:8px;
}

/* --------------------------------
     フッター
-------------------------------- */
#footer{
	background-color:#000000;
	color:#ffffff;
	/*margin-bottom: 40px;*/
	border-top:1px solid #ffffff;
	text-align: center;
	padding: 20px 20px 100px;
}

#footertitle {
	padding:8px 0 3px;
}

#inqlink {
	margin-bottom: 20px;
}

#inqlink a {
	display: inline-block;
	margin-left: 5px;
	color: #fff;
}

#shopname {
	font-size:14px;
	margin: 0 0 10px 5px;
}

#pcver {
	float:right;
	margin-right:5px;
}

#pcver a {
	display:block;
	border:1px solid #ffffff;
	border-radius:3px;
	padding:5px 15px 4px;
	margin:0;
	font-size:14px;
	color:#ffffff;
}


.copyright {
	font-size:8px;
}

/* --------------------------------
     トップへ戻る
-------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 110px;
	right: 0;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #000000;
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	border-radius:25px;
}

/* --------------------------------
     イベントページ用
-------------------------------- */
.spwrap {
	display:block;
}

.pcwrap {
	display:none;
}

.banner {
	text-align:center;
}

.banner img {
	max-width:100%;
	height:auto;
}

.ewrap {
	font-size:12px;
	color:#666666;
	line-height:1.5;
}

.ewrap img {
	max-width:100%;
	height:auto;
}

.etitle {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #d5d5d5;
	font-weight : bold;
}

.econtent {
	padding:10px 0 30px 10px;
}

.econtent img {
	max-width:100%;
	height:auto;
}

.epricelist p,
.eitemlist p {
	float:left;
	width:50%;
}