@charset "utf-8";

body{
background:#eee;
}
#wrapper{
width:100%;

background:#fff;
	border: 1px solid #ccc;
	box-shadow: 0 0px 7px #aaa;
	margin:00;
	color:#666;
	padding:0;
	position:relative;
}

#contents{
margin:20px auto 40px;
padding:10px;
max-width:96%;
position:relative;
}
.footer{
padding:1rem 0.8rem 0.5rem;
background:#325D88;
color:#fff;
}
.footer p{
font-size:14px;
}
p{
padding:5px;
}
.bold{
font-weight:600;
}
.under{
text-decoration:underline;
}
.red {
color:red;
}
.center{
text-align:center;
}

.copy{
font-style:italic;
font-size:12px;
}

.hero h1{
padding:0 0 10px 5px;
margin:0;
height:50px;
font-weight:800;
font-size:24px;
color:#FCF7B4;
  position: relative;
}
.hero img{
padding-top:10px;
height:50px;
}
.hero h1 a{
padding:10px 0 0 0px;
margin:0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
.hero h2{
width:100%;
padding:10px 0 10px 10px;
font-size:18px;
font-weight:600;

}
.hero-body{
padding:1rem 1rem;
position:relative;
}
#logout_btn{
position:absolute;
right:10px;
bottom:10px;
font-size:13px;
}
#contents .notification{
padding:0.8rem;
margin:10px auto 10px;
}
.notification p{
font-size:0.85rem;
}
.info_box{
  margin: 1rem auto;
max-width:500px;
text-align:center;
width:90%;

}
.box {
  margin: 1rem auto;
max-width:500px;
width:90%;
text-align:center;

}
.login{
margin:20px auto;
width:80%;
padding:10px;
}
.regist{
margin:10px auto 10px;
width:90%;
padding:5px;
}
#regist_check {
margin:10px auto 10px;
width:90%;
max-width:440px;
}
#regist_check table {
width:96%;
}
#regist_check table th{
width:160px;
}
#regist_check table td{
padding:8px;
font-size:16px;
width:240px;
}
label.mail{
padding:0 0 20px;
}

.name_label{
font-size:1.1rem;
border:solid 2px #320609 ;
margin:5px 0 0 8px;
background-color:#320609 ;
color:#fff;
display:inline-block;
border-radius:5px;
}
.name_label p{
color:#fff;
}
#email_change{
position:absolute;
right:10px;
top:15px;
}
#email_change a{
font-size:11px;
}
#password_change{
position:absolute;
right:10px;
top:55px;
}
#password_change a{
font-size:11px;
}
/*---------------------------------
	ポイント表示
---------------------------------*/
.box h3{
font-weight:bold;
font-size:1.2rem;
color:
}
.box .content{
margin:15px auto;
}
.box .content p{
font-size:1.1rem;
margin:3px;
}
.box .content p.last_point{
font-size:0.85rem;
margin:3px;
}
.box .content .point_sp{
font-size:0.9rem;
margin:15px auto;
padding:8px;
max-width:90%;
width:300px;
}
.box .content .point_sp table{
margin:5px auto;
}
.box .content .point_sp table th{
padding:4px;
text-align:center;
}
.box .content .point_sp table td{
padding:4px;
}
/*---------------------------------
	メールアドレス変更ボタン
---------------------------------*/
.email_res{
margin:20px auto;
}
/*---------------------------------
			table
---------------------------------*/
#point_list{
margin:30px auto 20px;
width:90%;
max-width:440px;
}
#point_list th{
width:220px;
padding:10px;
}
#point_list td{
padding:10px;
font-size:16px;
width:220px;
}

 @media screen and (min-width: 641px) {

}