@charset "utf-8";

/*=========================================*/
/* マイページ */
/*=========================================*/


/*-- CONTENTS --*/


#mypage{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 120px 0px;
}

#mypage_area{
	margin:0px auto 0px auto;
	padding:0px 50px 0px 50px;
	overflow:hidden;
}

.mypage_area_title{
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 20px;
    text-align:left;
	
}
p.mypage_name{
    margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#444444;
    float: left;
	font-size:185%;
	font-weight:normal;
	line-height:150%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    
}

p.mypage_name span{
	font-size:80%;
    
}

.mypage_text{
	margin:0px auto 0px auto;
	padding:0px 0px 50px 0px;
	color:#444444;
	text-align:left;
	font-size:85%;
	font-weight:normal;
	line-height:200%;
}   

.mypoint{
    margin:0px auto 0px auto;
	padding:20px 20px 20px 20px;
    border:2px solid #c97a2b;
    font-size: 85%;
    float: right;
    
}

.mypoint span{
    margin: auto 5px;
    color: #d12d36;
    font-size:180%;
    font-weight: bold;
    
    
}

ul.mypage_btn{
    margin:10px auto 100px auto;
    text-align: center;
}

ul.mypage_btn li{
    width: 18%;
    margin:5px 5px 5px 5px;
    padding:20px 0px;
   -webkit-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
	-o-border-radius:35px;
	border-radius:35px;
    text-align: center;
    font-weight: bold;
    float: left;
}

li.mypage_btn01{
    background-color: #eabe3b;
    border: thin solid #eabe3b;
    color: #333333;
}

li.mypage_btn01_off{
    background-color:#ffffff;
    border: thin solid #eabe3b;
    color: #eabe3b;
}

li.mypage_btn02{
    background-color: #7ca837;
    border: thin solid #7ca837;
    color: #333333;
}

li.mypage_btn02_off{
    background-color:#ffffff;
    border:thin solid #7ca837;
    color: #7ca837;
}

li.mypage_btn03{
    background-color: #188c80;
    border:thin solid #188c80;
    color: #333333;
}

li.mypage_btn03_off{
   background-color:#ffffff;
    border:thin solid #188c80;
    color: #188c80;
}

li.mypage_btn04{
    background-color: #B22F31;
     border:thin solid #B22F31;
    color: #ffffff;
}

li.mypage_btn04_off{
   background-color:#ffffff;
    border:thin solid #B22F31;
    color: #B22F31;
}

li.mypage_btn05{
    background-color: #945141;
     border:thin solid #945141;
    color: #ffffff;
}

li.mypage_btn05_off{
   background-color:#ffffff;
    border:thin solid #945141;
    color: #945141;
}

ul.mypage_btn a:link{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-ms-transition:0.2s ease-out;
	transition:0.2s ease-out;
}

ul.mypage_btn a:visited{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-ms-transition:0.2s ease-out;
	transition:0.2s ease-out;
}

ul.mypage_btn a:hover,active{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	opacity:0.5;
}


p.mypage_title{
    margin:10px auto 10px auto;
    padding:20px 15px;
    color: #ffffff;
    text-align:left;
    font-size: 115%;
    background-color: #c97a2b;
    line-height: 140%;
    
}

p.mypage_title span{  
    color: #444444;
    margin-right: 30px;
    padding:0px 10px;
    text-align:left;
    font-size: 95%;
    border-right: solid thin #ffffff;
    
}

.maypage_bay_item{
    padding:10px;
    border:medium solid #444444;
    
}


@media screen and (max-width:1361px){
    
#mypage{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 120px 0px;
}

#mypage_area{
	margin:0px auto 0px auto;
	padding:0px 30px 0px 30px;
	overflow:hidden;
}
    
}


@media screen and (max-width:960px){
    
#mypage{
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 40px 0px;
}

#mypage_area{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
    
    
    
p.mypage_name{
    margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#444444;
    float: none;
	font-size:185%;
	font-weight:normal;
	line-height:150%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    
}
    
.mypoint{
    margin:0px auto 0px auto;
	padding:20px 20px 20px 20px;
    border:2px solid #c97a2b;
    font-size: 85%;
    float: none;
    
}
    
ul.mypage_btn{
    margin:0px auto 5px auto;
    text-align: center;
}

ul.mypage_btn li{
    width:48%;
    margin:2px 2px 2px 2px;
    padding:15px 0px;
   -webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border-radius:0px;
    text-align: center;
    font-weight: bold;
    font-size: 85%;
    float: left;
}
    

}

span.postalcode{
    margin:auto 3px;
    padding: 10px;
    -webkit-border-radius:35px;
	-moz-border-radius:35px;
	-ms-border-radius:35px;
	-o-border-radius:35px;
	border-radius:35px;
    background-color: #c97a2b;
    color: #ffffff;
}
/*-- ポイント履歴 --*/


tb.point_list{
    margin: 50px auto auto auto;
}

.point_list *, .point_list *:before, .point_list *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.point_list {
	width: 100%;
	border-collapse: collapse;
}
.point_list th {
	width: 13%;
	background: #ebe3cd;
	padding: 15px 10px;
	border: 1px solid #665c52;
    text-align: left;
}
.point_list td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #665c52;
    vertical-align:middle;
}

.point_list th:last-child {
		border-bottom: 1px solid #665c52;
	}

.point_list td span{
    color: #CA080B;
}