/* --------------------------------------------------
	共通設定
-------------------------------------------------- */
/* CSSリセット */
body,
div,
p,
h1,h2,h3,h4,h5,h6,
ul,
table,
input,
button,
select{
	margin:0;
	padding:0;
	list-style:none;
	border-spacing:0;
}
input[type=submit] {
    -webkit-appearance: none;
 }
/* フォント */
body,
input,
textarea,
button,
select{
	-webkit-text-size-adjust: 100%;
	font: 14px/100% メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#404040;
}
a{	color:#404040;text-decoration:none	}
a:visitd,input:visited{	color:#404040;text-decoration:none	}
a:active,input:active{	color:#404040;text-decoration:none	}

/* ボタンの背景カラー */
.btn-color{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bfd6e3), color-stop(0.00, #fafbff));
	background: -webkit-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: -moz-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: -o-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: -ms-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
}
.btn-color:hover{background-color:#DDDDDD;}
.btn-color:active{background-color:#00BDA0;}

/* テキストフォーム */
input[type=text],input[type=password],input[type=email],input[type=tel],select{
	height:24px;
	line-height:24px;
	border-radius:none;
}
button.btn,
input.btn{
	font-size:16px;
	text-shadow: 0px 2px 0px #EEEEEE;
	/*height:100%;*/
	border:1px #333333 solid;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	border-radius:3px;
	line-height:32px;
	cursor:pointer;
}
/* ラジオボタン */
input[type=radio] {
    width: 12px;
    height: 12px;
	vertical-align: middle;
}

/* 囲む要素を100%にする */
#wrapper,
#nav,
#header,
#sub,
#sub2,
#contents,
#list_btnbg,
#footer{
	width:100%;
}
#wrapper{
}
/* コンテンツの横幅とセンタリング */
#nav .inner,
#header .inner,
#sub .inner,
#sub2 .inner,
#contents .inner,
#footer .inner,
#list_btnbg .inner,
table{
	width:100%;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
/* 回りこみ解除 */
.clear{
	clear:both;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
/* --------------------------------------------------
	ナビ
-------------------------------------------------- */
#nav,
#nav .inner{
	height:44px;
}
#nav{
	background:#D70000;
	position:fixed;
	bottom:0px;
	z-index:100;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
}
/* ナビボタン基本設定 */
#nav ul li{
	box-sizing:border-box;
	display:block;
	width:20%;
	height:44px;
	border-top:1px #990000 solid;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:rgba(255, 36, 36, 0.9) 0px 1px 0px 0px inset;
	-webkit-box-shadow:rgba(255, 36, 36, 0.9) 0px 1px 0px 0px inset;
	-moz-box-shadow:rgba(255, 36, 36, 0.9) 0px 1px 0px 0px inset;
	float:left;
}

/* ナビボタン基本設定 */
#nav div span{
	box-sizing:border-box;
	display:block;
	width:20%;
	height:44px;
	border-top:1px #990000 solid;
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:rgba(255, 36, 36, 0.9) 0px 1px 0px 0px inset;
	-webkit-box-shadow:rgba(255, 36, 36, 0.9) 0px 1px 0px 0px inset;
	-moz-box-shadow:rgba(255, 36, 36, 0.9) 0px 1px 0px 0px inset;
	float:left;
}

#nav ul a li.home{background-image:url('../img/nav_home.png');}
#nav ul a li.card{background-image:url('../img/nav_card.png');}
#nav ul a li.mypage{background-image:url('../img/nav_mypage.png');}
#nav ul a li.ranking{background-image:url('../img/nav_ranking.png');}
#nav ul a li.help{background-image:url('../img/nav_help.png');}
#nav ul a li.back{background-color:#00BDA0; background-image:url('../img/nav_back.png');}

#nav div a span.home{background-image:url('../img/nav_home.png');}
#nav div a span.card{background-image:url('../img/nav_card.png');}
#nav div a span.mypage{background-image:url('../img/nav_mypage.png');}
#nav div a span.ranking{background-image:url('../img/nav_ranking.png');}
#nav div a span.help{background-image:url('../img/nav_help.png');}
#nav div a span.back{background-color:#00BDA0; background-image:url('../img/nav_back.png');}

/* ナビボタン最後のラインを消す */
#nav ul li.last{
	border-right:0px;
}
/* ナビボタン最後のラインを消す */
#nav alt_ span.last{
	border-right:0px;
}

/* ナビボタン色設定 */
#nav div a span.now{background-color:#FF4444;}
#nav div a span:active{background-color:#00BDA0;}


/* --------------------------------------------------
	ヘッダー
-------------------------------------------------- */
#header,
#header .inner{
	height:44px;
}
#header{
	background:#D70000;
	position:relative;
	top:0px;
	z-index:9;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px;
}
/* タイトル画像 */
#header .inner .title{
	width:256px;
	height:44px;
	float:left;
	background-image:url('../img/header.png');
	background-repeat:no-repeat;
	background-size:contain;
}
/* ログアウト */
#header .inner .logout{
	width:64px;
	height:44px;
	float:right;
	background:url('../img/header_logout.png');
	background-size: contain;
}
#header .inner a.logout:hover{background-color:#FF6600;}
#header .inner a.logout:active{background-color:#00BDA0;}


/* --------------------------------------------------
	サブタイトル
-------------------------------------------------- */
#sub{
	height:46px;
	position:relative;
	z-index:8;
}
#sub .inner{
	height:44px;
	position:relative;
	border-top: 1px #999999 solid;
	border-bottom: 1px #333333 solid;
	background:#333333;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px 1px inset;
}

.subtext{
	color:white;
	font:16px/100% 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin-left:8px;
	height:44px;
	line-height:44px;
}
#sub2 .inner{
	position:relative;
	z-index:8;
	background:#333333;
	padding:4px 0 4px;
}
.subtext2{
	color:white;
	font:12px/100% 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin-left:8px;
	height:20px;
	line-height:20px;
	text-align:center;
}

.subtext2 span{
	color:yellow;
}

.subtext2_right{
	color:white;
	font:12px/100% 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin-right:8px;
	height:20px;
	line-height:20px;
	text-align:right;
}
.subtext2_right strong{
	color:#ffba00;
	font:16px/100% 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding:0 4px;
}
/* --------------------------------------------------
	コンテンツ
-------------------------------------------------- */
#contents{
	position:relative;
}
#contents .inner{
	background:#FFFFFF;
	padding:5px 0px 10px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 6px 1px;
}
/* コンテンツ内で要素の下にマージンを設定する */
#contents .inner .space{
	margin-bottom:10px;
}
#contents .inner .nonspace{
	margin-bottom:0px;
}
/* ユーザー表記 */
.userButton{
	width: 304px;
	height: 100px;
	margin: 5px auto 15px;
}
#user{
	width: 100%;
	height: 100%;
	padding: 4px;
	border: 4px #333333 double;
	border-radius: 6px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(0.50, #dbdbdb), color-stop(0.50, #d1d1d1), color-stop(1.00, #fff));
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	background: linear-gradient(to bottom, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
	box-shadow: rgba(145, 145, 145, 0.4) 0px 2px 3px 1px;
	-webkit-box-shadow: rgba(145, 145, 145, 0.4) 0px 2px 3px 1px;
	-moz-box-shadow: rgba(145, 145, 145, 0.4) 0px 2px 3px 1px;
	cursor:pointer;
}
#user img{
	width:84px;
	height:84px;
	border:1px #666666 solid;
	border-radius:6px;
	box-sizing:border-box;
	float:left;
}
#user span{
	width: 150px;
	text-align: right;
	float: right;
	font-size: 14px;
	margin: 20px 6px 0 0px;
}

/* 見出し枠 */
#contents .inner .heading1{
	height:44px;
	background-image:url('../img/heading1.png');
	background-repeat:repeat-x;
	background-size:contain;
}
.ranking_group{
	background:#333333;
	color:white;
	font:12px/100% 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	height:30px;
	padding-left:8px;
	line-height:30px;
	text-align:center;
}
.ranking_group p span{
	color:yellow;
}
.ranking_change{
	height:64px;
	background:#333333;
}
.ranking_change div{
	width:320px;
	margin:0 auto;
	position:relative;
}
.ranking_change div div{
	float:left;
	height:44px;
	margin:10px 0;
	box-sizing:border-box;
	position:relative;
}
.ranking_change div button{
	float:left;
	height:44px;
	margin:10px 0;
	box-sizing:border-box;
	position:relative;
}
/*
.ranking_change div div a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
*/
.ranking_change div button{
	width:96px;
	border-radius:4px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f6f7f7), color-stop(0.51, #b7b9c5), color-stop(1.00, #f6f7f7));
	background: -webkit-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -moz-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -o-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -ms-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: linear-gradient(to bottom, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	cursor:pointer;
	border:0px;
}
.ranking_change div button:nth-of-type(1){
	margin-left:8px;
}
.ranking_change div button:nth-of-type(1):before{
	content:"";
	width:0;
	height:0;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #333333 transparent transparent;
	position:absolute;
	top:12px;
	left:34px;
}
.ranking_change div button:nth-of-type(2):before{
	content:"";
	width:0;
	height:0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #333333;
	position:absolute;
	top:12px;
	left:40px;
}
.ranking_change div div{
	width:96px;
	margin:8px;
	text-align:center;
	color:white;
	font:18px/100% 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height:40px;
}
.ranking_change div div p{
	margin:6px 0;
	height:36px;
	background-color:#222222;
	border-radius:4px;
}
/* 見出しテキスト */
#contents .inner .heading1 .text,
#contents .inner .heading2 .text,
#contents .inner .heading3 .text
{
	font-size:16px;
	line-height:44px;
	height:auto;
	margin:0;
	padding:0 0 0 8px;
	color:#FFFFFF;
	text-shadow: 1px 1px 6px #AA0000;
	float:left;
}
#contents .inner .heading2 .text,
#contents .inner .heading3 .text{
	line-height:36px;
}

#contents .inner .heading1 .notice,
#contents .inner .heading2 .notice,
#contents .inner .heading3 .notice
{
	font-size: 16px;
	line-height: 44px;
	height: auto;
	margin: 0;
	padding: 0 0 0 8px;
	color: #FFFFFF;
	text-shadow: 1px 1px 6px #000000;
	float: left;
}

/* 見出しアイコン */
h1.text:before{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	content:"";
	background-size:contain;
	position:relative;
	top:12px;
	margin-right:4px;
	float:left;
}
h1.ranking:before{background-image:url("../img/icon_hd_ranking.png");}
h1.event:before{background-image:url("../img/icon_hd_event.png");}
h1.card:before{background-image:url("../img/icon_hd_card.png");}
h1.profile:before{background-image:url("../img/icon_hd_profile.png");}
h1.member:before{background-image:url("../img/icon_hd_menber.png");}
h1.mail:before{background-image:url("../img/icon_hd_mail.png");}
h1.caution:before{background-image:url("../img/icon_hd_caution.png");top:8px;}
h1.pointlist:before{background-image:url('../img/icon_pointlist_white.png');top:10px;}
h1.pincode:before{background-image:url("../img/icon_hd_pincode.png");top:8px;}

/* 使用開始日時 */
#contents .inner .heading1 p.date{
	display:inline;
	font-size:10px;
	position:relative;
	z-index:0;
	top:-14px;
	left:32px;
	margin:0;
	color:#FFFFFF;
	text-shadow: 1px 1px 6px #000000;
}

/* 囲うコンテンツ */
#contents .inner .heading2,
#contents .inner .heading3,
#contents .inner .frame,
#contents .inner .frame2{
	width:auto;
	margin-left:8px;
	margin-right:8px;
}
#contents .inner .heading2{
	height:36px;
	border-radius:6px 6px 0 0;
	border:1px #FF4444 solid;
	background:url('../img/heading2.png') repeat-x;
	background-size:contain;
}
#contents .inner .heading3{
	height:36px;
	border-radius:6px 6px 0 0;
	border:1px #333333 solid;
	background:url('../img/heading3.png') repeat-x;
	background-size:contain;
}
#contents .inner .frame{
	padding:10px 0;
	border-radius:0 0 6px 6px;
	border-bottom:1px #999999 solid;
	border-left:1px #999999 solid;
	border-right:1px #999999 solid;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
}
#contents .inner .frame2{
	padding:10px 0;
	border-radius:6px;
	border:1px #999999 solid;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
}
#contents .inner .warning{
	color: #FF0000;
	font-size: medium;
	text-align: center;
}
.plink{
	text-align:center;
	font-size:12px;
	margin-top:10px;
}
.plink a{
	color:#0000FF;
	text-decoration: underline;
}
/* 見出し内の編集ボタン */
button.edit{
	display:block;
	width:auto;
	height:38px;
	position:relative;
	z-index:1;
	margin:2px;
	padding:0 15px;
	font-size:16px;
	text-shadow: 0px 2px 0px #EEEEEE;
	line-height:40px;
	border:#333333 1px solid;
	border-radius:4px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	float:right;
	cursor:pointer;
	border:0px;
}
button.edit:before{
	display:inline-block;
	width:16px;
	height:16px;
	content:"";
	position:relative;
	top:2px;
	background:url("../img/icon_edit.png");
	background-size:contain;
}
a.edit{
	display:block;
	width:auto;
	height:38px;
	position:relative;
	z-index:1;
	margin:2px;
	padding:0 15px;
	font-size:16px;
	text-shadow: 0px 2px 0px #EEEEEE;
	line-height:40px;
	border:#333333 1px solid;
	border-radius:4px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	float:right;
}
a.edit:before{
	display:inline-block;
	width:16px;
	height:16px;
	content:"";
	position:relative;
	top:2px;
	background:url("../img/icon_edit.png");
	background-size:contain;
}
/* 160x88ボタン */
button.mdlbtn{
	display:block;
	width:82px;
	height:46px;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	line-height:44px;
	border:#333333 1px solid;
	border-radius:3px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
}
/* 160x88ボタン */
button.mdlbtn2{
	display:block;
	width:160px;
	height:46px;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	line-height:44px;
	border:#333333 1px solid;
	border-radius:3px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
}
button.mdlbtn_dis{
	color:#888888;
	border:#cccccc 1px solid;
}
a.mdlbtn{
	display:block;
	width:80px;
	height:44px;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	line-height:44px;
	border:#333333 1px solid;
	border-radius:3px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
}
/* 608x88ボタン */
div.longbtn{
	display:block;
	width:auto;
	height:44px;
	margin:0 8px 0 8px;
	border:#333333 1px solid;
	border-radius:6px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
}
button.longbtn{
	display:block;
	width:100%;
	height:100%;
	margin:0 0 0 0;
	font-size:16px;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	border-radius:6px;
	cursor:pointer;
	border:0px;
}
a.longbtn{
	display:block;
	width:auto;
	height:44px;
	margin:0 8px;
	font-size:16px;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	line-height:44px;
	border:#333333 1px solid;
	border-radius:6px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	cursor:pointer;
}
/* ヘルプボタン */
a.helpbtn{
	display:block;
	width:38px;
	height:38px;
	margin:2px;
	border:#800000 1px solid;
	border-radius:4px;
	background-image:url('../img/helpbtn.png');
	background-color:#D70000;
	background-size: contain;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5), 0px 2px 3px rgba(0,0,0,0.5);
	float:right;
}
/* a.helpbtn:hover{background-color:#FF6600;} */
a.helpbtn:active{background-color:#00BDA0;border:2px solid #006666;}

/* ショップボタン */
a.shopbtn{
	display:block;
	width:38px;
	height:38px;
	margin:2px;
	border:#800000 1px solid;
	border-radius:4px;
	background-image:url('../img/shopbtn.png');
	background-color:#D70000;
	background-size: contain;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5), 0px 2px 3px rgba(0,0,0,0.5);
	float:right;
}
/* 戻るボタン */
a.backbtn{
	display:block;
	width:38px;
	height:38px;
	margin:2px;
	border:#800000 1px solid;
	border-radius:4px;
	background-image:url('../img/backbtn.png');
	background-color:#D70000;
	background-size: contain;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5), 0px 2px 3px rgba(0,0,0,0.5);
	float:right;
}
/* --------------------------------------------------
	ランキング
-------------------------------------------------- */
/* ランキングタイトル */
#contents .inner div#ranking-title{
	height:120px;
	margin-top:-5px;
	background-image:url('../img/ranking-top.png');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#000000;
}
/* TOP3 */
#contents .inner .ranker{
	height:80px;
	position:relative;
	box-sizing:border-box;
}
#contents .inner .ranker p{
	float:right;
	font-size:10px;
	color:#ffffff;
}
#contents .inner .ranker img{
	width:56px;
	height:56px;
	box-sizing:border-box;
	border:2px black solid;
	position:absolute;
	top:9px;
	left:4px;
}
#contents .inner .ranker div:after{
  content: "";
  clear: both;
  display: block;
}
/*プレート部分*/
#contents .inner .ranker div:nth-of-type(1){
	padding-top:14px;
	height:38px;
	line-height:1em;
	box-sizing:border-box;
}
/*地域*/
#contents .inner .ranker div:nth-of-type(1) p:nth-of-type(1){
	width:48px;
	height:16px;
	margin:0 4px;
	padding-top:3px;
	background-color:#000000;
	border-radius:2px;
	font-size:11px;
	line-height:1em;
	color:#ffffff;
	text-align:center;
	text-shadow:black 0 1px 0;
	box-sizing:border-box;
}
/*名前*/
#contents .inner .ranker div:nth-of-type(1) p:nth-of-type(2){
	font-size:12px;
	font-weight:bold;
	color:#222222;
	float:left;
	margin-left:64px;
	padding-top:1px;
	box-sizing:border-box;
}
/*PC*/
/*ポイントブロック*/
#contents .inner .ranker div:nth-of-type(2){
	padding-top:0px;
	height:28px;
	line-height:1em;
	box-sizing:border-box;
}
/*"p"部分*/
#contents .inner .ranker div:nth-of-type(2) p:nth-of-type(1){
	font-size:12px;
	color:#ffffff;
	margin:0 2px;
	margin-top:8px;
}
#contents .inner .ranker div:nth-of-type(2) p:nth-of-type(2){
	font-size:18px;
	font-weight:bold;
	margin-top:8px;
}
/*ロケーション名部分*/
#contents .inner .ranker div:nth-of-type(2) p:nth-of-type(3){
	width:300px;
	height:30px;
	float:left;
	margin-left:95px;
	margin-top:0px;
	font-size:12px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
}
/*レート部分*/
#contents .inner .ranker div:nth-of-type(3){
	height:14px;
	line-height:1em;
	box-sizing:border-box;
}
#contents .inner .ranker div:nth-of-type(3) p{
	margin:0 8px;
}
@media screen and (max-width: 640px) {
/*ポイントブロック*/
#contents .inner .ranker div:nth-of-type(2){
	padding-top:0px;
	height:28px;
	line-height:1em;
	box-sizing:border-box;
}
/*"p"部分*/
#contents .inner .ranker div:nth-of-type(2) p:nth-of-type(1){
	font-size:12px;
	color:#ffffff;
	margin:0 2px;
	margin-top:8px;
}
#contents .inner .ranker div:nth-of-type(2) p:nth-of-type(2){
	font-size:14px;
	font-weight:bold;
	margin-top:8px;
}
/*ロケーション名部分*/
#contents .inner .ranker div:nth-of-type(2) p:nth-of-type(3){
	width:120px;
	height:30px;
	float:left;
	margin-left:95px;
	margin-top:0px;
	font-size:9px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	overflow: hidden;
}
/*レート部分*/
#contents .inner .ranker div:nth-of-type(3){
	height:14px;
	line-height:1em;
	box-sizing:border-box;
}
#contents .inner .ranker div:nth-of-type(3) p{
	margin:0 8px;
}
}

/*1st*/
#contents .inner .first{
	background-image:url('../img/ranking_first.png');
	background-size:auto 100%;
}
#contents .inner .first:before{
	content:"";
	display:inline-block;
	background:url('../img/ranking_first_icon.png') no-repeat; 
	background-size:contain;
	vertical-align:middle;
	width:66px;
	height:24px;
	position:absolute;
	top:-4px;
	left:0;
	z-index:10;
}
#contents .inner .first img{
	border-color:#a05700;
}
#contents .inner .first div:nth-of-type(1) p:nth-of-type(1){
	background-color:#a05700;
}
#contents .inner .first div:nth-of-type(2) p:nth-of-type(2){
	color:#ffbb00;
}
/*2nd*/
#contents .inner .second{
	background-image:url('../img/ranking_second.png');
	background-size:auto 100%;
}
#contents .inner .second:before{
	content:"";
	display:inline-block;
	background:url('../img/ranking_second_icon.png') no-repeat; 
	background-size:contain;
	vertical-align:middle;
	width:66px;
	height:24px;
	position:absolute;
	top:-4px;
	left:0;
	z-index:10;
}
#contents .inner .second img{
	border-color:#616a6d;
}
#contents .inner .second div:nth-of-type(1) p:nth-of-type(1){
	background-color:#616a6d;
}
#contents .inner .second div:nth-of-type(2) p:nth-of-type(2){
	color:#d0f3ff;
}
/*3rd*/
#contents .inner .third{
	background-image:url('../img/ranking_third.png');
	background-size:auto 100%;
}
#contents .inner .third:before{
	content:"";
	display:inline-block;
	background:url('../img/ranking_third_icon.png') no-repeat; 
	background-size:contain;
	vertical-align:middle;
	width:66px;
	height:24px;
	position:absolute;
	top:-4px;
	left:0;
	z-index:10;
}
#contents .inner .third img{
	border-color:#a02d00;
}
#contents .inner .third div:nth-of-type(1) p:nth-of-type(1){
	background-color:#a02d00;
}
#contents .inner .third div:nth-of-type(2) p:nth-of-type(2){
	color:#fb7502;
}
/* 下位見出し */
#contents .inner div#ranking-low-heading{
	height:32px;
	line-height:32px;
	padding:0 0 0 8px;
	color:#FFFFFF;
	background-image:url('../img/ranking_low.gif');
}
/* 下位 */
#contents .inner .ranking_low{
	height:64px;
	border-bottom:1px #dd0000 solid;
}
#contents .inner .ranking_low:after{
	display:block;
	clear:both;
	content:"";
}
/*順位アバター部分*/
#contents .inner .ranking_low div:nth-of-type(1){
	width:52px;
	height:64px;
	float:left;
	background-color:#333333;
	text-align:center;
	box-sizing:border-box;
}
#contents .inner .ranking_low div:nth-of-type(1) img{
	box-sizing:border-box;
	margin-top:4px;
	width:32px;
	height:32px;
}
#contents .inner .ranking_low div:nth-of-type(1) p{
	margin-top:5px;
	color:#ff0000;
}
/*名前・地域ブロック*/
#contents .inner .ranking_low div:nth-of-type(2){
	height:26px;
	background-color:#555555;
	line-height:26px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	}
#contents .inner .ranking_low div:nth-of-type(2) p:nth-of-type(1){
	margin-left:8px;
	float:left;
}
#contents .inner .ranking_low div:nth-of-type(2) p:nth-of-type(2){
	margin-right:8px;
	color:#ffffff;
	float:right;
}
/*ポイントブロック*/
#contents .inner .ranking_low div:nth-of-type(3){
	height:26px;
	background-color:#222222;
	line-height:26px;
	font-size:10px;
	color:#ffffff;
	text-align:right;
}
/*ロケーション部分*/
#contents .inner .ranking_low div:nth-of-type(3) p:nth-of-type(1){
	float:left;
	margin-left:10px;
	font-size:9px;
}
/*"p"部分*/
#contents .inner .ranking_low div:nth-of-type(3) p:nth-of-type(2){
	margin-right:2px;
}
/*数値部分*/
#contents .inner .ranking_low div:nth-of-type(3) p:nth-of-type(2) span{
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
	margin:0 2px;
}

#contents .inner .ranking_low div:nth-of-type(4){
	height:12px;
	background-color:#444444;
	line-height:11px;
}
/*レート部分*/
#contents .inner .ranking_low div:nth-of-type(4) p:nth-of-type(1){
	color:#ffffff;
	text-align:right;
	margin-right:8px;
	font-size:9px;
}
/* --------------------------------------------------
	最近の出来事
-------------------------------------------------- */
table#event{
	height:40px;
	font-size:10px;
	color:white;
	border-spacing:0;
}
table#event td{
	vertical-align:middle;
	padding:2px 8px;
	background-color:#666666;
}
/* 時間 */
table#event td.event-time{
	border-top:10px #FFFFFF solid;
}
/* 場所 */
table#event td.event-place{
	text-align:right;
	border-top:10px #FFFFFF solid;
}
/* 出来事の内容 */
table#event td.event-contents{
	font-size:12px;
	color:#333333;
	line-height:160%;
	padding:12px 16px;
	background-color:white;
	border-bottom:1px #333333 solid;
}
/* プレイヤー名カラー */
table#event td.event-contents span.name{
	color:#FF0000;
	font-weight:bold;
}
/* スタンプ */
table#event td.event-contents img.stamp{
	vertical-align:-3px;
	height:16px;
}

/* --------------------------------------------------
	ＩＣカード一覧
-------------------------------------------------- */
table.wallet{
	width:90%;
	margin:0 auto;
	background-color:#FFFFFF;
	border-spacing:0 25px;
}
table.wallet td{
	height:36px;
	box-shadow:inset 0px 1px 0px rgba(255,255,255,0.6), 0px 2px 3px rgba(0,0,0,0.3);
}

table.wallet td.none{
	font-size:12px;
	box-shadow:none;
}

table.wallet td.wlt-id{
	width:40%;
	padding:0 8px;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.2em;
	border-top:1px #666666 solid;
	border-left:1px #666666 solid;
	border-bottom:1px #666666 solid;
	background:#666666;
	border-radius:6px 0 0 6px/6px 0 0 6px;
}
table.wallet td.wlt-pt{
	padding:0 8px;
	font-size:14px;
	text-align:right;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
	background:#FFFFFF;
}
table.wallet td.wlt-edit{
	width:20%;
	font-size:16px;
	text-shadow: 0px 2px 0px #EEEEEE;
	text-align:center;
	border-top:1px #666666 solid;
	border-right:1px #666666 solid;
	border-bottom:1px #666666 solid;
	border-radius:0 6px 6px 0/0 6px 6px 0;
}
table.wallet td.wlt-edit button{
	display:block;
	width:100%;
	height:100%;
	line-height:36px;
	border:	0px;
}
table.wallet td.wlt-edit a{
	display:block;
	width:100%;
	height:100%;
	line-height:36px;
}
.ac_cd input{
  display: none;
}
.ac_cd div{
	width:100%;
	margin-bottom:20px;
}
.ac_cd div label{
	display:block;
	font-size:14px;
	text-shadow: 0px 2px 0px #EEEEEE;
	text-align:center;
	line-height:40px;
	border-top:1px #AAAAAA solid;
	border-bottom:1px #AAAAAA solid;
	width:100%;
	height:36px;
}
.ac_cd div label:before{
	content:"▼登録されているウォレットを表示▼";
}
.ac_cd table{
	display:none;
}
.ac_cd input:checked ~ div label:before{
	content:"▲ウォレットを非表示▲";
}
.ac_cd input:checked + table{
	display:table;
}
/* --------------------------------------------------
	マイページ
-------------------------------------------------- */
div.cardsetting{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
/* --------------------------------------------------
	マイページ
-------------------------------------------------- */
table.mypage{
	width:95%;
	margin:0 auto;
	font-size:14px;
	border-spacing:0;
}
table.mypage td{
	border-bottom:1px #CCCCCC solid;
	padding:10px 0;
}
table.mypage td.small{
	font-size:11px;
	}
table.mypage td.left{
	width:42%;
}
table.mypage td.right{
	text-align:right;
}
table.mypage td.right img{
	width:64px;
	height:64px;
	border-radius:3px;
}
table.mypage td.right span{
	color:#CC0000;
}
/* アイコン */
table.mypage td.nname:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_nname.png"); background-size:contain;}
table.mypage td.name:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_name.png"); background-size:contain;}
table.mypage td.gender:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_gender.png"); background-size:contain;}
table.mypage td.birth:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_birth.png"); background-size:contain;}
table.mypage td.location:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_area.png"); background-size:contain;}
table.mypage td.id:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_id.png"); background-size:contain;}
table.mypage td.password:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_password.png"); background-size:contain;}
table.mypage td.icon:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_ranking.png"); background-size:contain;}
table.mypage td.acoin:before{display:inline-block; content:""; width:14px; height:14px; background:url("../img/icon_mp_acoin.png"); background-size:contain;}

table.mypage td.rightp{/* 右寄せでパディング右8px */
	width:40%;
	text-align:right;
	padding-right:8px;
}
table.mypage td.ranking{/* ランキング参加の上下パディング */
	padding-top:4px;
	padding-bottom:4px;
}
table.mypage td.edit{
	padding-top:0;
	padding-bottom:0;
}
table.mypage td.edit a{
	display:block;
	float:right;
	width:50px;
	line-height:32px;
	border:1px #333333 solid;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	border-radius:3px;
}
table.mypage td.edit button{
	display:block;
	float:right;
	width:50px;
	line-height:32px;
	border:1px #333333 solid;
	text-align:center;
	text-shadow: 0px 2px 0px #EEEEEE;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	border-radius:3px;
}
table.mypage td input.edit{
	font-size:14px;
	text-shadow: 0px 2px 0px #EEEEEE;
	float:right;
	width:52px;
	height:100%;
	border:1px #333333 solid;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.8), 0px 2px 3px rgba(0,0,0,0.5);
	border-radius:3px;
	line-height:32px;
}
table.mypage td label{
	height:100%;
	line-height:34px;
	vertical-align:middle;
	margin:auto;
	padding-left:2px;
	padding-right:8px;
}
table#mail{
	width:100%;
	padding-left:8px;
	font-size:14px;
}
/*来店ポイントリンク*/
.pListLink{
	height:64px;
	border:1px #666666 solid;
	box-sizing:border-box;
	border-radius:4px;
	margin:4px;
	text-align:center;
	position:relative;
}
.pListLink a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
}
.pListLink p{
	color:#666666;
	font-size:18px;
	line-height:64px;
}
/* --------------------------------------------------
	フォーム
-------------------------------------------------- */

.form_btn_s{
	width:80px;
	height:44px;
	margin-left:auto;
	margin-right:auto;
}
.form_btn_l{
	font-size:16px;
	width:auto;
	height:44px;
	margin:0 8px;
	}
.form_btn_l input{
	width:100%;
	margin:0;
}
.form_btn_l button{
	width:100%;
	margin:0;
}
/* 注意書き */
div.notice{
	width:auto;
	font-size:12px;
	line-height:1.4em;
	padding:0 8px;
	margin:0 8px;
	border:1px #CCCCCC solid;
	border-radius:3px;
	text-align:left;
}
div.notice ul{
	padding-left: 1em;
	text-indent: -1em;
	list-style:circle inside;
}
div.notice ul li{
	margin-top:0.8em;
	margin-bottom:0.8em;
}
div.notice ul li span{
	color:#FF0000;
}
form div.cardname{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
form div input.cardname{
	width:100%;	
}

form div.mailadd{
	width:90%;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
}
form div input.mailadd{
	width:100%;
}
form div.password{
	width:90%;
	font-size:12px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
form div input.password{
	width:100%;
}

/* ラジオボタンで選択するテーブル */
table.select{
	width:100%;
	font-size:14px;
	margin-top:-10px;
}
table.select td{
	padding:6px 8px;
	border-bottom:1px #DDDDDD solid;
}
table.select td.heading{
	background-color:#DDDDDD;
	border-bottom:none;
}
table.select td.btn{
	padding-top:10px;
	padding-bottom:0;
	border-bottom:none;
}
table.select td.mail{
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
}
/* リスト型フォーム */
table.listform{
	width:100%;
	margin-top:-5px;
	font-size:12px;
}
table.listform td{
	padding:6px 6px;
	border-bottom:1px #DDDDDD solid;
}
table.listform td span{
	display:inline-block;
	margin:0 6px;
}
table.listform td span.day{
	display:inline-block;
	margin:0 0 0 8px;
}
table.listform td.left{
	padding-right:0;
	width:26%;
}
table.listform td.right{
	text-align:right;
	width:74%;
}
table.listform td select{
	height:24px;
	font-size:12px;
}
table.listform td input[type=text],
table.listform td input[type=tel]{
	width:22%;
}
table.listform td input[type=text].nickname,
table.listform td input[type=password].nickname,
table.listform td input[type=email].nickname
{
	width:90%;
}

/* --------------------------------------------------
	ヘルプ
-------------------------------------------------- */
/* ヘルプメニュー */
div.helpmenu{
	width:auto;
	padding:60px 0;
	text-align:center;
	margin:20px 10px;
	font-size:12px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(255, 255, 255, 0.5);
	border:2px #999999 solid;
	border-radius:12px;
	box-shadow:rgba(145, 145, 145, 0.247059) 0px 2px 6px 3px;
	-webkit-box-shadow:rgba(145, 145, 145, 0.247059) 0px 2px 6px 3px;
	-moz-box-shadow:rgba(145, 145, 145, 0.247059) 0px 2px 6px 3px;
}
div.faq{
	margin-top:15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	background: -webkit-linear-gradient(#fff, #cecece);
	background: -moz-linear-gradient(#fff, #cecece);
	background: -o-linear-gradient(#fff, #cecece);
	background: -ms-linear-gradient(#fff, #cecece);
	background: linear-gradient(#fff, #cecece);
}
div.menu{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	background: -webkit-linear-gradient(#fff, #cecece);
	background: -moz-linear-gradient(#fff, #cecece);
	background: -o-linear-gradient(#fff, #cecece);
	background: -ms-linear-gradient(#fff, #cecece);
	background: linear-gradient(#fff, #cecece);
}
div.contact{
	margin-bottom:10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	background: -webkit-linear-gradient(#fff, #cecece);
	background: -moz-linear-gradient(#fff, #cecece);
	background: -o-linear-gradient(#fff, #cecece);
	background: -ms-linear-gradient(#fff, #cecece);
	background: linear-gradient(#fff, #cecece);
}
/* ヘルプ見出し */
h1.help{
	padding:6px 8px;
	color:#FFFFFF;
	font-size:14px;
	background:#999999;
	border-top:1px #CCCCCC solid;
}
/* チェックボックスを非表示 */
.accordion input {
	display: none;
}
/* 項目のスタイル */
.accordion h3 label{
	padding:16px 16px 16px 16px;
	border-top:1px #CCCCCC solid;
	display:block;
}
.accordion h3 label.last{
border-bottom:1px #CCCCCC solid;
}
.accordion h3 label:after {
	width:24px;
	height:24px;
	content:"";
	background:url("../img/icon_help_open.png");
	background-size:contain;
	position:relative;
	float:right;
	display:block;
	top:-5px;
}
/* 非チェック時説明を表示しない */
.accordion div{
	display:none;
}
/* チェック時の項目のスタイル */
.accordion input:checked + h3 label{
	background-color:#FFEEEE;
}
.accordion input:checked + h3 label:after{
	background:url("../img/icon_help_close.png");
	background-size:contain;
}
/* チェック時説明を表示 */
.accordion input:checked ~ div{
	border-top:1px #CCCCCC solid;
	display:block;
}
.accordion input:checked ~ div.last{
	border-top:none;
	border-bottom:1px #CCCCCC solid;
}
/* 説明のスタイル */
div.article{
	width:100%;
}
div.article p{
	width:90%;
	margin:10px auto 10px;
	font-size:14px;
	line-height:1.6em;
}
div.article p span{
	color:#FF0000;
	text-decoration:underline;
}
div.article ul{
	font-size:14px;
	list-style:inside circle;
	margin:10px 0 10px;
	padding-left:36px;
}
div.article li{
	margin-top:8px;
	margin-bottom:8px;
}
div.helpspace{
	height:640px;
}
/* 画像 */
p.img_help{
	border-radius:6px;
	border:1px #999999 solid;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
}
p.h00{height:360px;margin:10px auto;background:url("../img/help00.png") center no-repeat;background-size:contain;}
p.h01{height:250px;margin:10px auto;background:url("../img/help01.png") center no-repeat;background-size:contain;}
p.h02{height:360px;margin:10px auto;background:url("../img/help02.png") center no-repeat;background-size:contain;}
/* --------------------------------------------------
	メッセージ
-------------------------------------------------- */
.msg{
	margin:0 8px 10px;
	padding:10px;
	text-align:center;
	border-radius:6px;
	border:1px #999999 solid;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 1px;
}
.msg p{
	line-height:2em;
}
.msg p a{
	color:#FF0000;
}
.msg p.error:before{
	display:inline-block;
	content:"";
	width:24px;
	height:24px;
	background-image:url('../img/icon_hd_caution.png');
	background-size:contain;
	position:relative;
	top:8px;
	margin-right:0.2em;
}

/* --------------------------------------------------
	インデックス
-------------------------------------------------- */
#index{
	width:320px;
	height:240px;
	margin:-10px auto 10px auto;
	background:url("../img/top.png") no-repeat;
	background-size:contain;
}
/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer{
	height:68px;
	position:relative;
	z-index:0;
}
#footer_logout{
	position:relative;
	z-index:0;
}
#footer .inner,
#footer_logout .inner{
	height:24px;
	line-height:24px;
	background:#999999;
	text-align:center;
	font-size:9px;
	line-height:24px;
}
/* --------------------------------------------------
	リスト共通
-------------------------------------------------- */
@media screen and (max-width: 640px) {
.list_wrapper{
	width:318px;
	margin:0 auto;
}
}
@media screen and (min-width: 640px) {
.list_wrapper{
	width:636px;
	margin:0 auto;
}
}
.list_wrapper ul{
	text-align:left;
	font-size:0px;
}
.list_wrapper ul input[type=radio]{
	display:none;
}
.list_wrapper ul li img{
	width: 88px;
	height: 88px;
	border: 1px #666666 solid;
}
#list_btnbg{
	position:fixed;
	bottom:44px;
	height:54px;
	padding-top:5px;
	background-color:white;	
	z-index:9;
}
/* --------------------------------------------------
	アバターリスト
-------------------------------------------------- */
.list_select{
}
.list_select li{
	display:inline-block;
	position:relative;
	width:100px;
	height:120px;
	margin:3px;
	padding:4px;
	border-radius:3px;
	background:#EEEEEE;
	box-sizing:border-box;
	border:1px #666666 solid;
	font-size:10px;
	text-align:center;
	line-height:16px;
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
}
.list_select label {
	cursor:pointer;	
}
.list_select input[type=radio]:checked + label{
	color:red;
}
.list_select input[type=radio]:checked + label:after{
	content:url(../img/icon_checked.png);
    position: absolute;
    top:0px;
    left:0px;
    z-index:2;
}
/* --------------------------------------------------
	ショップ
-------------------------------------------------- */
.list_shop li{
	display:inline-block;
	position:relative;
	width:100px;
	height:142px;
	margin:3px;
	padding:4px;
	border-radius:3px;
	background:#EEEEEE;
	box-sizing:border-box;
	border:1px #666666 solid;
	font-size:10px;
	text-align:center;
	line-height:16px;
	box-shadow:0px 2px 3px rgba(0,0,0,0.2);
}

.list_shop .opacity50{
	opacity:0.33;
}

.list_shop .hold{
	font-size:12px;
	color:#008000;
	padding-right:2px;
}

.list_shop li p:nth-of-type(1){
	border-bottom:1px #999999 solid;
	padding-bottom:2px;
	margin-bottom:4px;
}
.list_shop li p strong{
	font-size:16px;
	color:#c99300;
	padding-right:2px;
}

.list_shop li span{
 display: block;
}
.list_shop li span:nth-of-type(1){
	border-bottom:1px #999999 solid;
	padding-top:3px;
	padding-bottom:2px;
	margin-bottom:4px;
}
.list_shop li span strong{
	font-size:16px;
	color:#c99300;
	padding-right:2px;
}

#lean_overlay  {
	position: fixed; 
	z-index:100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}

.modal-window {
	background-color: #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	padding: 20px;
	width: 260px;
	//*height: 250px;*//
	box-sizing:border-box;
	border-radius:6px;
	font-size:16px;
}
.modal-window img{
	margin-bottom:10px;
}
.modal-window p{
	padding:0;
	margin:0;
	line-height:24px;
	border:none !important;
}
.modal-window p:nth-of-type(2){
	margin-bottom:12px;
}
.modal_close {
	position: absolute;
	top: 6px;
	right: 6px;
	display: block;
	width: 32px;
	height: 32px;
	background: url('../img/icon_close.png') no-repeat;
	z-index: 2;
}
.error-style {
  font-size: x-small;
  color: #FF0000;
}

.mailselect {
	text-align: center;
}

.cardselect {
	text-align: center;
}

.RightTextInput {
	ime-mode: disabled;
  text-align: right;
}
.coupon_warning {
	font-size: small;
	font-weight: bold;
	color: #FF0000;
	line-height: 20px;
	margin-right: 16px;
	margin-left: 16px;
}
/* --------------------------------------------------
	ポイントリスト
-------------------------------------------------- */
.pListBg{
	background:#ccbbbb !important;
}
.pListNone{
	background-color:#ffffff;
	border-radius:2px;
	text-align:center;
	margin:0 4px;
	font:bold 14px/42px "Meiryo UI","Hiragino Kaku Gothic ProN";
}
/*共通項目*/
.pListIcon{
	float:left;
	width:50px;
}
.pListIcon img{
	width:50px;
	height:50px;
	vertical-align:bottom;
	box-sizing:border-box;
	margin-bottom:4px;
}
.pListIcon p.pOn{
	width:50px;
	height:12px;
	line-height:12px;
	color:#ffffff;
	font-size:10px;
	text-align:center;
}
.pListIcon p.pOff{
	width:50px;
	height:12px;
	line-height:12px;
	color:#ffffff;
	font-size:10px;
	text-align:center;
}
.pListOnlineHeader{
	border-radius:2px 2px 0 0;
	background:#ffcc00;
}
.pListOnlineHeader p{
	color:#ff0000;
	font:bold 11px/24px "Meiryo UI","Hiragino Kaku Gothic ProN";
	font-family:
	height:24px;
	margin-left:65px;
	-webkit-animation:header 0.7s infinite alternate;
	-moz-animation:header 0.7s infinite alternate;
	animation:header 0.7s infinite alternate;	
}
.pListOnlineHeader p:before{
	content:"";
	display:block;
	position:absolute;
	top:-13px;
	left:0;
	float:left;
	width:59px;
	height:51px;
	background-image:url('../img/icon_pointlist_login.png');
	background-size:contain;
}
.pList,.pListOnline:after{
	content:"";
	display:block;
	clear:both;
}
/*ボタン形式通常リスト*/
.pListForm{/*OK*/
	background-color: #ffffff;
	border-radius: 2px;
	margin: 0px 4px 10px 4px;
	height: 76px;
	position: relative;
}
.pListButton{/*一応OK？*/
	background-color: #ffffff;
	border-radius: 2px;
	border-width: 0px;
	height: 100%;
	width: 100%;
	position: relative;
	cursor: pointer;
}
.pListButton .pListIcon{
	margin: 5px 10px 5px 5px;/*-3pxを何とかしたい*/
}
.pListButton .pListIcon img{
	border:1px #d70000 solid;
}
.pListButton .pListIcon p.pOn{
	background-color:#37acef;
}
.pListButton .pListIcon p.pOff{
	background-color:#cccccc;
}
.pListButton .pListText{
	float:left;
	width:100%;
	margin-left:-65px;
	text-align:left;
}
.pListButton .pListText div:first-child{
	margin:13px 15px 0 65px;
	height:36px;
}
.pListButton .pListText div:first-child p:nth-of-type(1){
	color:#511e1e;
	font:bold 16px/1.4em "Meiryo UI","Hiragino Kaku Gothic ProN";
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pListButton .pListText div:first-child p:nth-of-type(2){
	color:#f29494;
	font:10px/1em "Meiryo UI","Hiragino Kaku Gothic ProN";
}
.pListButton .pListText div:last-child{
	margin:0px 20px 0px 65px;
	height:24px;
	position:relative;
}
.pListButton .pListText div:last-child p{
	color:#d70000;
	position:absolute;
}
.pListButton .pListText div:last-child p:nth-of-type(1):before{
	content:"";
	display:block;
	float:left;
	width:12px;
	height:12px;
	background-image:url('../img/icon_pointlist.png');
	background-size:contain;
	position:relative;
	top:2px;
	margin-right:2px;
}
.pListButton .pListText div:last-child p:nth-of-type(1){
	font:bold 12px "Meiryo UI","Hiragino Kaku Gothic ProN";
	float:left;
	bottom:4px;
}
.pListButton .pListText div:last-child p:nth-of-type(2){
	font:bold 24px "Meiryo UI","Hiragino Kaku Gothic ProN";
	float:right;
	right: 0px;
	bottom:0px;
}
.pListButton .pListText:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:76px;
	background:#d70000;	
	border-radius:0 2px 2px 0;
}
.pListButton .pListText:after{
	content:"";
	position:absolute;
	top:36px;
	right:3px;
	width:4px;
	height:4px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/*オンラインリスト*/
.pListFormOnline{/*OK*/
	background-color: #ffffc4;
	border-radius: 2px;
	margin:10px 4px 20px;
	height:100px;
	position: relative;
}
.pListButtonOnline{
	background-color: #ffffc4;
	border-radius: 2px;
	border-width: 0px;
	height: 100%;
	width: 100%;
	cursor: pointer;
	text-align:left;
}
.pListButtonOnline .pListOnlineHeader{
	margin:-1px 0px 0px -8px;
}
.pListButtonOnline .pListIcon{
	margin:5px 10px 5px 5px;
}
.pListButtonOnline .pListIcon img{
	border:1px #cc6400 solid;
}
.pListButtonOnline .pListIcon p.pOn{
	background-color:#37acef;
}
.pListButtonOnline .pListIcon p.pOff{
	background-color:#cccccc;
}
.pListButtonOnline .pListText{
	float:left;
	width:100%;
	margin-left:-65px;
}
.pListButtonOnline .pListText div:first-child{
	margin:13px 15px 0 65px;
	height:36px;
}
.pListButtonOnline .pListText div:first-child p:nth-of-type(1){
	color:#663500;
	font:bold 16px/1.4em "Meiryo UI","Hiragino Kaku Gothic ProN";
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pListButtonOnline .pListText div:first-child p:nth-of-type(2){
	color:#d98f00;
	font:10px/1em "Meiryo UI","Hiragino Kaku Gothic ProN";
}
.pListButtonOnline .pListText div:last-child{
	margin:0px 20px 0px 65px;
	height:24px;
	position:relative;
}

.pListButtonOnline .pListText div:last-child p{
	color:#ff6000;
	position:absolute;
}
.pListButtonOnline .pListText div:last-child p:nth-of-type(1){
	font:bold 12px "Meiryo UI","Hiragino Kaku Gothic ProN";
	float:left;
	bottom:4px;
}
.pListButtonOnline .pListText div:last-child p:nth-of-type(1):before{
	content:"";
	display:block;
	float:left;
	width:12px;
	height:12px;
	background-image:url('../img/icon_pointlist_online.png');
	background-size:contain;
	position:relative;
	top:2px;
	margin-right:2px;
}
.pListButtonOnline .pListText div:last-child p:nth-of-type(1){
	font:bold 12px "Meiryo UI","Hiragino Kaku Gothic ProN";
	float:left;
	bottom:4px;
}
.pListButtonOnline .pListText div:last-child p:nth-of-type(2){
	font:bold 24px "Meiryo UI","Hiragino Kaku Gothic ProN";
	float:right;
	right: 0px;
	bottom:0px;
}

.pListButtonOnline .pListText:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:100px;
	background:#cc6400;	
	border-radius:0 2px 2px 0;
}
.pListButtonOnline .pListText:after{
	content:"";
	position:absolute;
	top:48px;
	right:3px;
	width:4px;
	height:4px;
	border-top:2px solid #ffffff;
	border-right:2px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
@-webkit-keyframes header{
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}
@-moz-keyframes header{
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}
@keyframes header{
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}
/*ポイント使用画面*/
#pUse{
	background-color:#ffffff;
	border-radius:2px;
	margin:0 auto;
	padding:10px;
	width:292px;
	position:relative;
	text-align:center;
	font-family:"メイリオ","Hiragino Kaku Gothic ProN";
}
#pUse div.notice{
	margin:0;
}
#pUseData img{
	width:100px;
	height:100px;
	border:2px #d70000 solid;
	box-sizing:border-box;
}
#pUseData div.msg{
	margin:0 0 10px;
}
#pUseData div.msg p{
	color:#666666 !important;
	font-weight:normal;
}
#pUseData a.backbtn{
	float:none;
	position:absolute;
	margin:0;
}
#pUseData p:nth-of-type(1){
	color:#511e1e;
	font:bold 16px/1.4em "メイリオ","Hiragino Kaku Gothic ProN";
}
#pUseData p:nth-of-type(2){
	color:#f29494;
	font:12px/1em "メイリオ","Hiragino Kaku Gothic ProN";
}
#pUseWarn{
	background:#d70000;
	border-radius:2px;
	color:#ffffff;
	margin:10px 0;
	padding:20px 10px;
	position:relative;
}
#pUseWarn p.message{
	width:270px;
	margin:0 auto 10px;
	line-height:1.6em;
}
#pUseInput{
	background:#d70000;
	border-radius:2px;
	color:#ffffff;
	margin:10px 0;
	padding:20px 10px;
	position:relative;
}
#pUseInput p:first-of-type:before{
	content:"";
	display:inline-block;
	width:12px;
	height:12px;
	background-image:url('../img/icon_pointlist_white.png');
	background-size:contain;
	position:relative;
	left:-3px;
	top:0;
}
#pUseInput p.point,#pUseInput input.passcode{
	width:250px;
	height:36px;
	margin:5px auto 15px;
	color:#d70000;
	font:bold 24px/36px "Meiryo UI","Hiragino Kaku Gothic ProN";
	text-align:center;
	background:#ffffff;
	border-radius:4px;
}
#pUseInput p.message{
	width:270px;
	margin:0 auto 10px;
	line-height:1.6em;
}
#pUseInput p.message span{
	font-weight:bold;
	font-size:16px;
}
#pUseButton{
	width:100%;
	background:#d70000;
	border-radius:2px;
	color:#ffffff;
	margin:10px 0px;
	padding:20px 10px;
	position:relative;
	border:0px;
	cursor:pointer;
}
#pUseButton p{
	float:left;
	width:265px;
	margin:0 auto 10px;
	line-height:1.6em;
	font:16px/1.4em "メイリオ","Hiragino Kaku Gothic ProN";
}
.pArrow{
	position:relative;
	top:-3px;
	display:inline-block;
	width:6px;
	height:6px;
	border-top:3px solid #333333;
	border-right:3px solid #333333;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#pUseSwitch{
	width:100%;
	height:70px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cde8f6), color-stop(0.20, #fff));
	background: -webkit-linear-gradient(top, #fff 20%, #cde8f6 100%);
	background: -moz-linear-gradient(top, #fff 20%, #cde8f6 100%);
	background: -ms-linear-gradient(top, #fff 20%, #cde8f6 100%);
	border-radius:2px;
	color:#ffffff;
	margin:10px 0;
	padding:10px;
	border:1px #42adff solid;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
}
/*
#pUseSwitch a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
*/
#pUseSwitch p{
	float:left;
	color:#42adff;
	font:14px/1.4em "メイリオ","Hiragino Kaku Gothic ProN";
	width:200px;
	text-align:left;
}#pUseSwitch p:first-of-type{
	margin-top:4px;
}
#pUseSwitch img{
	float:left;
	display:block;
	width:40px;
	height:40px;
	margin:5px 10px 0 5px;
}
#pQRcodeButton{
	border:0px;
	cursor:pointer;
	background:#d70000;
}
/*来店ポイント履歴*/
.pHistoryData{
	background:#444444;
	border-bottom:1px #444444 solid;
	margin-bottom:4px;
	font-family:"Meiryo UI","Hiragino Kaku Gothic ProN";
}
.pHistoryData:last-of-type{
	margin-bottom:0;
}
.pHistoryData div{
	float:left;
}
.pHistoryData:after{
	content:"";
	display:block;
	clear:both;
}
.pHistoryData1,.pHistoryData2{
	width:100%;
	padding:4px 0;
}
.pHistoryData1 div{
	color:white;
}
.pHistoryData1 div:first-of-type{
	width:116px;
	font-size:12px;
	margin-left:4px;
}
.pHistoryData1 div:last-of-type{
	width:100%;
	float:right;
	text-align:right;
	margin-left:-120px;
	background:transparent;
}
.pHistoryData1 div:last-of-type p{
	margin-left:120px;
	margin-right:8px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pHistoryData2{
	background:#ffffff;
	position:relative;
	height:14px;
}
.pHistoryData2 div:before{
	content:"";
	color:white;
	font-size:12px;
	width:110px;
	height:14px;
	text-align:center;
	background:#87ceeb;
	position:absolute;
	top:0;
	left:0;
	padding:4px;
}
.pHistoryData2 div.hUseOnline:before{
	content:"チャージに利用";
}
.pHistoryData2 div.hUseBarcode:before{
	content:"バーコードで利用";
}
.pHistoryData2 div.hUseOffline:before{
	content:"手動で利用";
}
.pHistoryData2 div.hGetVisit:before{
	content:"来店ポイント獲得";
	background:#ff8c00;
}
.pHistoryData2 div.hGetPlay:before{
	content:"プレイポイント獲得";
	background:#ff8c00;
}
.pHistoryData2 div.hGetCash:before{
	content:"課金ポイント獲得";
	background:#ff8c00;
}
.pHistoryData2 div{
	float:right;
	color:#333333;
	margin-right:8px;
}
/*PINコード*/
#pincode{
	background-color:#ffffff;
	border-radius:6px;
	border:1px #999999 solid;
	margin:0 auto;
	padding:10px;
	width:292px;
	position:relative;
	text-align:center;
	font-family:"メイリオ","Hiragino Kaku Gothic ProN";
}
#pincode div.msg{
	margin:0 0 10px;
	text-align:left;
}
#pincode div.notice{
	margin:0;
}
#pincodeInput{
	background:#d70000;
	border-radius:2px;
	color:#ffffff;
	margin:0 0 10px;
	padding:20px 10px;
	position:relative;
}
#pincodeInput2{
	border-radius:2px;
	color:#d70000;
	margin:10px 0;
	position:relative;
}
#pincodeInput input.passcode{
	width:200px;
	height:36px;
	margin:5px auto 10px;
	color:#d70000;
	font:bold 24px/36px "Meiryo UI","Hiragino Kaku Gothic ProN";
	text-align:center;
	background:#ffffff;
	border-radius:4px;
}
.code{
	width:224px;
	height:36px;
	margin:5px auto 10px;
	font:bold 24px/36px "Meiryo UI","Hiragino Kaku Gothic ProN";
	text-align:center;
	background:#ffffff;
	border:1px #d70000 solid;
	border-radius:8px;
}
.code div{
	width:18px;
	height:18px;
	margin:9px;
	border-radius:9px;
	background:#d70000;
	float:left;
}
.code div:first-of-type{
	margin-left:49px;
}
.pincodeNumber{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	margin:18px 0;
}
.padWrap{
	width:240px;
	margin:0 auto;
}
.padNumber,.padCommand{
	box-sizing:border-box;
	border:1px #556677 solid;
	border-radius:8px;
	line-height:64px;
	color:#556677;
	float:left;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bfd6e3), color-stop(0.00, #fafbff));
	background: -webkit-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: -moz-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: -o-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: -ms-linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
	background: linear-gradient(top, #fafbff 0%, #bfd6e3 100%);
}
.padNumber{
	width:64px;
	height:64px;
	margin:8px;
	font-size:32px;
	cursor:pointer;
}
.padCommand{
	width:144px;
	height:64px;
	margin:8px 8px 0 0;
	font-size:24px;
	float:right;
	cursor:pointer;
}
.padNumber:active,.padCommand:active,.padActive{
	border:1px #d70000 solid !important;
	background:#d70000 !important;
	color:#ffffff !important;
}
/*退会*/
.withdrawal{
	width:113px;		
}
#mailform{
	width:100%;
	margin:0 auto;
}
#mailform p{
	margin:8px;
}
#mailform input,#mailform textarea{
	width:100%;
	box-sizing:border-box;
}
/*利用規約・プライバシーポリシー*/
#terms{
	margin:8px;
}
#terms h1{
	font-size:16px;
	height:24px;
	line-height:24px;
	padding-left:6px;
	margin-top:24px;
	margin-bottom:8px;
	border-left:5px #d70000 solid;
}
#terms p{
	font-size:14px;
	line-height:1.4em;
	margin-bottom:8px;
}
#terms ul{
	font-size:14px;
	line-height:1.4em;
	padding-left:1.5em;
	list-style-type: decimal;
}
#terms ul li{
	margin-bottom:4px;
}

#contents .inner img.info{
	width:100%;
}