@charset "utf-8";
html
	{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box; /* Safari, Chrome用 */
	-moz-box-sizing: border-box; /* Firefox用 */
	-ms-box-sizing: border-box; /* IE8用 */
	box-sizing: border-box; /* CSS3（Opera用） */
	font-size: 80%; /* レスポンシブ　タイプセッティングへの対応 */
	color:#333;
	}

html,body,#login_wrap
	{ height:100%; }

body
	{ position:relative;}

body#member
	{
	line-height: 1.5;
	background:url(../img/body_bg_member.jpg) repeat-x;
	}

body#shop
	{
	line-height: 1.5;
	background:url(../img/body_bg_shop.jpg) repeat-x;
	}

body#ad
	{
	line-height: 1.5;
	background:url(../img/body_bg_ad.jpg) repeat-x;
	}

a
	{ color: #005ec7; }

a:hover
	{
	text-decoration:none;
	color:#24bacb;
	}

.red
	{ color:#C50000; }

.under
	{ text-decoration:underline; }

.middle
	{ font-size:1.2em; }

.bgred
{
	background:#f2c0c0;
	padding:2px;
}

.bgblue
{
	background:#c0dced;
}

.bgorange
{
	background:#f2cdb6;
}

.mt30
	{ padding-top:30px; }

.lp_bottom_block a:hover
	{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	}


/* ===================== [ レイアウト ] ======================== */

#container
	{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

#contents
	{
	width:100%;
	max-width:980px;
	margin:13px auto 0;
	}

header
	{
	clear:both;
	max-width:980px;
	margin:0 auto;
	}

footer
	{ clear:both; }



/* ===================== [ ヘッダー ] ======================== */

header
	{ text-align:left; }

#logo
	{
	width:313px;
	height:93px;
	clear:both;
	}

#head
	{
	padding: 0 10px;
	margin: 0;
	overflow:hidden;
	position:relative;
	}

header h1,
nav#main-nav,
nav#main-nav a
	{
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	line-height:1;
	}

header h1
	{
	float:left;
	margin:5px 0;
	}

nav#main-nav
	{ float:right; }


nav#main-nav ul li
	{
	float:left;
	padding:5px 0 6px 10px;
	}

nav#main-nav ul li.nav_regist
	{
	color:#ca4343;
	background:#fcd846;
	margin-left:10px;
	}

nav#main-nav ul li.nav_login
	{
	color:#ca4343;
	margin-left:5px;
	}


nav#main-nav ul li.nav_login:before
	{
	font-family: FontAwesome;
	color: #ca4343;
	content: "\f0da";
	margin-right:5px;
	}


nav#main-nav ul li.nav_right
	{ margin-left:40px; }

nav#main-nav a
	{ text-decoration:underline; }


/* ===================== [ 見出し(H2) ] ======================== */

section h2
	{
	color: #333;
	font-size: 1.1em;
	padding: 2px 10px 2px 10px;
	margin:3px 10px 30px;
	font-weight:bold;
	border-left:7px solid #f3b926;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 1);
	}


/* ===================== [ ログインフォーム ] ======================== */

#login_box
	{
	overflow:hidden;
	margin-bottom:10px;
	}

#login_box .ad2
	{
	width:520px;
	height:auto;
	padding:15px;
	margin-left:100px;
	text-align:center;
	border:1px solid #dddddd;
	overflow:hidden;
	float:left;
	}

#login_box .ad2 img
	{ max-width:100%; }

#login_box .sponsor
	{
	background:#f9f9f9;
	padding:5px;
	margin-bottom:20px;
	}

.login_form_box
	{
	float:right;
	width:280px;
	}

.login_page_nav
	{
	margin-bottom:0.7em;
	text-align:center;
	font-size:1.2em;
		}

.login_page_nav p:before
	{
	font-family: FontAwesome;
	color: #ca4343;
	content: "\f101";
	font-size:1.2em;
	margin-right:0.3em;
	}

.lg_title_mem
	{
	background:url(../img/login_title.png) 13px 5px no-repeat #fbce69;
	-webkit-background-size: 41px;
	background-size: 41px;
	padding:8px 10px 8px 60px;
	margin-bottom:1em;
	}

.lg_title_mar
	{
	background:url(../img/login_title.png) 26px -28px no-repeat #8cd7fe;
	-webkit-background-size: 31px;
	background-size: 34px;
	padding:8px 10px 8px 60px;
	margin-bottom:1em;
	}

.login_form
	{
	width:100%;
	background:#f9f9f9;
	border:1px solid #dddddd;
	margin-bottom:10px;
	}

.login_form form
	{
	padding:10px;
	}

.login_form label
	{ margin:0 3px; }

.login_form p.mail
	{ margin-bottom: 10px; }

input[type=email],
input[type=password],
input[type=text],
input[type=tel]
	{
	width: 100%;
	padding: 5px 10px;
	line-height:20px;
	font-size: 14px;
	margin:3px 0 10px;
	border:1px solid #ccc;
	background:#fff;
	}

.login_form p.submit input
	{
	width:100%;
	margin:10px 0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #050505;
	padding: 10px 20px;
	background: #ffea00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffea00 0%, #f5b400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffea00), color-stop(100%,#f5b400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffea00 0%,#f5b400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffea00 0%,#f5b400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffea00 0%,#f5b400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffea00 0%,#f5b400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffea00', endColorstr='#f5b400',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #ffcc00;
	-moz-box-shadow:1px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:1px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:1px 1px 2px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.7);
	}

.login_form p.regist
	{ text-align:right; }

.other_login_btn img
	{
	display:block;
	width:250px;
	margin:5px auto 0;
	}


/* ===================== [ 登録フォーム ] ======================== */

.regist_form_box
	{
	border:5px solid #e8eaed;
	width:90%;
	margin:0 auto;
	padding:20px;
	}

.regist_fold
	{ display:none }

.regist_form_box p
	{ padding:0 0 20px; }

.regist_form_box p.no_p
	{ padding:0; }

.regist_form_box p.fold_p
	{
	text-decoration:underline;
	cursor:pointer;
	margin-top:2.5em;
	}

.regist_form_box p.fold_p i
	{
	color:#005ec7;
	font-size:1.2em;
	margin-right:3px;
	}

.regist_form_box.admin
	{ border:1px solid #999; }

.regist_form
	{
	border:1px solid #e8eaed;
	padding:10px;
	}



.regist_form table
	{
	margin:0 auto;
	border:1px solid #ddd;
	width:98%;
	}

.regist_form td,
.regist_form th
	{
	border:1px solid #ddd;
	padding:5px 20px;
	vertical-align:middle;
	text-align:left;
	}

.regist_form th
	{
	background:#f9f9f9;
	width:30%;
	}

th.required:after
	{
	content:" *";
	color:#C50000;
	}

.regist_form input[type=email],
.regist_form input[type=password],
.regist_form input[type=text],
.regist_form input[type=tel]
	{
	margin:10px;
	width:95%;
	}

.regist_form p
	{
	font-size:0.95em;
	margin-bottom:1em;
	text-align:right;
	}

p.t_left
	{ text-align:left; }

.regist_form select
	{
	padding:5px 10px;
	margin:10px;
	}

.regist_form label.radio
	{
	padding:5px 10px;
	line-height:3;
	}

.regist_form label.radio input
{
	margin-right:5px;
}

.regist_form p.form_text
	{
	text-align:center;
	margin:30px 0;
	border-top:1px solid #eee;
	padding:10px 0;
	}

.regist_form .form_button input
	{
	-webkit-appearance:none;
	display:block;
	width:60%;
	margin:0 auto 20px;
	height:45px;
	font-size:1.2em;
	overflow:hidden;
	-moz-box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	color:#fff;
	font-weight:bold;
	background: #99cc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #99cc00 1%, #7fa929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#99cc00), color-stop(100%,#7fa929)); /* Chrome,Safari4+ */
	1+ */
	background: -o-linear-gradient(top,  #99cc00 1%,#7fa929 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #99cc00 1%,#7fa929 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #99cc00 1%,#7fa929 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#7fa929',GradientType=0 ); /* IE6-9 */
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	}


/* ===================== [ ページトップ ] ======================== */

#pagetop
	{
	max-width:980px;
	text-align:right;
	margin:10px auto;
	clear:both;
	padding-top:10px;
	}

#pagetop img
	{
	max-width:160px;
	width:100%;
	}


/* ===================== [ フッター ] ======================== */

footer
	{
	border-top:1px solid #ccc;
	background:#fff;
	margin-top:50px;
	text-align:center;
	position:fixed;
	bottom:0;
	clear:both;
	width:100%;
	}

body.admin footer
	{
	border-top:1px solid #ccc;
	background:#fff;
	margin-top:50px;
	text-align:center;
	position:static;
	bottom:auto;
	clear:both;
	width:100%;
	}

footer ul
	{ padding:10px; }

footer ul li
	{
	display:inline-block;
	margin:0 5px;
	color:#999;
	}

footer a
	{
	text-decoration:underline;
	padding-right:10px;
	}

footer p
	{ padding:10px; }


/* ===================== [ ▼店舗LP ] ======================== */

#lp_head
	{
	width:100%;
	height:389px;
	margin-top:52px;
	text-align:center;
	background:#26b9cb;
	position:relative;
	}

.lp_head_inner
	{
	width:962px;
	margin:0 auto;
	position:relative;
	}

.lp_head_box
	{
	position:absolute;
	top:200px;
	right:50px;
	}

.lp_text_block
	{
	width:98%;
	margin:0 auto;
	border:5px solid #e8eaed;
	padding:10px;
	margin-bottom:10px;
	}

.lp_text_block h3,
#shop_lp_box h3
	{
	font-size:18px;
	margin-bottom:5px;
	border-bottom:3px dotted #e8eaed;
	padding:5px 10px 3px;
	}

.lp_text_block h3 span,
#shop_lp_box h3 span
	{
	background:#cc6666;
	display:block;
	width:26px;
	height:26px;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	margin-right:5px;
	color:#fff;
	}

.lp_text_block .text
	{
	padding:20px 10px;
	font-size:1.1em;
	border-bottom:3px solid #e8eaed;
	}

.lp_text_block .text:last-child
	{ border-bottom:none; }

#shop_lp_box
	{
	background:#e8eaed;
	width:98%;
	margin:20px auto 0;
	padding:20px;
	}

.lp_block
	{ margin-bottom:30px; }

#shop_lp_box div.img_left,
#shop_lp_box div.lp_text
	{
	display:inline-block;
	vertical-align:middle;
	}

#shop_lp_box .img_left
	{
	width:20%;
	margin-right:20px;
	}

#shop_lp_box .img_left img
	{ max-width:100%; }

.lp_text
	{
	background:#fff;
	padding:20px;
	width:75%;
	font-size:1.1em;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}

.lp_text h4
	{
	font-size:24px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:1.2
	}

.lp_text h4 span
	{
	color:#da5142;
	font-weight:bold;
	}

.lp_bottom_block
	{ text-align:center; }


/* ===================== [ 店舗管理画面メニュー ] ======================== */
#glv_nav{
	width:85%;
	margin:0 auto -1px auto;
}

#glv_nav ul{
	margin:8px 0 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	display:table;
	table-layout:fixed;
	width:100%;


}

#glv_nav ul li
{
	display:table-cell;
	vertical-align:bottom;

}


#glv_nav ul li a{
	display:block;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;

	margin:0 10px;
	padding:10px;
	text-align:center;
	background:#ffffff;
	color:#333;
	text-decoration:none;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#glv_nav ul li a.tab_active
{
	border-top:3px solid #666;
	background:#666;
	color:#fff;
	text-decoration:none;
}



#glv_nav ul li a:hover{
	border-top:3px solid #666;
	background:#f0f1f2;
	color:#1e8ac5;
	text-decoration:none;
}

/*
button
*/
.box_btn{
	width:300px;
	text-align:center;
	margin:70px auto 20px;;
}

.box_btn2{
	width:500px;
	text-align:center;
	margin:70px auto 20px;;
}

.box_btn a,.box_btn2 a{
	padding:5px 15px;
	border:3px solid #0fb1da;
	border-radius:3px;
}

.box_btn a,.box_btn2 a:hover{
	background:#0fb1da;
	color:#ffffff;
	border-radius:3px;
	text-decoration:none;
}

.box_btn_02{
	margin:30px auto 20px;
	padding:3px 5px;
	text-align:center;
	width:190px;
	border:2px solid #0fb1da;
	border-radius:3px;
}

p.btn{
	margin:0;
	padding:30px 0 0 0;
	width:860px;
	text-align:center;
}

p.btn2{
	margin:0;
	padding:30px 0 0 0;
	width:786px;
	text-align:center;
}

p.btn_small{
	margin:0;
	padding:5px 0 0 5px;
	width:300px;
	text-align:left;
}

p.btn input[type="submit"], p.btn2 input[type="submit"], p.btn_small input[type="submit"]{
	cursor:pointer;
	margin:0;
	padding:5px 35px;
	color:#ffffff;
	background:#0fb1da;
	border-radius:3px;
}

a.btn2{
	cursor:pointer;
	margin:2px;
	padding:5px 5px;
	color:#ffffff;
	background:#0fb1da;
	border-radius:3px;
	text-decoration:none;
}

a.btn3{
	cursor:pointer;
	margin:10px 2px;
	padding:5px 5px;
	color:#ffffff;
	background:#0fb1da;
	border-radius:3px;
	text-decoration:none;
}

/* ==========================================================================
	 Media Queries -- 900px
============================================================================= */
@media screen and (max-width: 900px)
{

.login_ad
	{
	width:67%;
	height:auto;
	padding:10px;
	border:1px solid #eee;
	}

.login_ad img
	{ max-width:100%; }

.login_form_box
	{
	position:absolute;
	top:55px;
	right:10px;
	width:30%;
	}

#lp_head,
.lp_head_inner
	{
	width:100%;
	height:auto;
	}

.lp_head_box
	{
	position:absolute;
	top:auto;
	bottom:30px;
	right:0px;
	}

.lp_head_box img
	{ width:80%; }

}

/* ==========================================================================
	 Media Queries -- 570px
============================================================================= */
@media screen and (max-width: 680px)
{

header
	{ text-align:left; }

#logo
	{
	width:250px;
	clear:both;
	}

header h1,
nav#main-nav,
nav#main-nav a
	{
	font-size: 0.9em;
	line-height:1.4;
	}

header h1
	{
	float:none;
	position:absolute;
	top:25px;
	right:10px;
	color:#666;
	}

nav#main-nav ul li.nav_right
	{ margin-left:10px; }

nav#main-nav
	{ float:none; }

}