@charset "utf-8";


/*--------------------------------------------------*/
/*BASE*/
/*--------------------------------------------------*/
@media screen and (max-width: 640px){
#contents #main{
  padding-bottom:0;
}
}


/*--------------------------------------------------*/
/*現在のポイント*/
/*--------------------------------------------------*/
/*nowPoint*/
.nowPoint{
  padding:5.48% 15.75%;
  background:#fbf1d5 url(/contents/img/point/nowpoint_bg.png) right bottom no-repeat;
  border:2px solid #f7f1db;
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
}
.nowPoint .npInner{
  padding:7%;
  background-color:#fff;
  border:1px solid #f7f1db;
}
.nowPoint .npTtl{
  font-weight:bold;
  line-height:1.2;
}
.nowPoint .npPoint{
  margin-top:20px;
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
  color:#c32633;
  font-size:2.125rem;
  font-weight:bold;
  line-height:1.2;
}

@media screen and (max-width: 1000px){
.nowPoint{
  width:94%;
  margin-right:auto;
  margin-left:auto;
  padding:8.33% 11.67%;
}
}

@media screen and (max-width: 768px){
.nowPoint{
  background:#fbf1d5;
}
.nowPoint .npPoint{
  margin-top:10px;
  font-size:1.8rem;
}
}


/*--------------------------------------------------*/
/*ポイント履歴*/
/*--------------------------------------------------*/
.pointRecord{
  margin-top:55px;
}

.pointRecord .prInner{
}

.pointRecord table{
  margin-top:15px;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
}
.pointRecord table th,
.pointRecord table td{
  padding:7px 10px;
  border-right:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
  font-size:0.8125rem;
  text-align:center;
}

.pointRecord table thead th{
  background-color:#dcdcdc;
  font-weight:bold;
}
.pointRecord table thead th.date{border-right:1px solid #fff;}
.pointRecord table thead th.item{border-right:1px solid #fff;}
.pointRecord table thead th.point{}

.pointRecord table td.usePoint{
  color:#c32633;
}

/*pointPageNavi*/
.pointPageNavi{
  margin-top:14px;
}
.pointPageNavi ul{
  text-align:center;
}
.pointPageNavi ul li{
  margin-top:6px;
  margin-right:3px;
  margin-left:3px;
  text-align:center;
  line-height:1;
  display:inline-block;
}

.pointPageNavi ul li a{
  width:16px;
  padding:12px;
  display:block;
  overflow:hidden;
}

.pointPageNavi ul li span{
  width:16px;
  padding:12px;
  background-color:#fff;
  border:1px solid #ddd;
  display:block;
  overflow:hidden;
}

.pointPageNavi ul li.cr span,
.pointPageNavi ul li a:link, .pointPageNavi ul li a:visited{
  background-color:#fff;
  border:1px solid #ddd;
}
.pointPageNavi ul li.cr span,
.pointPageNavi ul li a:hover, .pointPageNavi ul li a:active{
  background-color:#6e7f97;
  border:1px solid #6e7f97;
  color:#fff;
}

.pointPageNavi ul li.prev a,
.pointPageNavi ul li.prev span,
.pointPageNavi ul li.next a,
.pointPageNavi ul li.next span{
  width:auto;
}

@media screen and (max-width: 1000px){
.pointRecord .prInner{
  width:94%;
  margin-right:auto;
  margin-left:auto;
}
}

@media screen and (max-width: 768px){
.pointRecord{
  margin-top:25px;
}
}


/*--------------------------------------------------*/
/*アルファあなぶきStyle使用上の注意*/
/*--------------------------------------------------*/
.attUse{
  margin-top:40px;
  text-align:left;
}

.attUse .auTtl{
  padding-right:17px;
  background:#dcdcdc url(/images/share/ico_att_black.png) 2.74% 50% no-repeat;
  background-size:21px auto;
  cursor:pointer;
  font-size:1rem;
  line-height:1.2;
}
.attUse .auTtl span{
  padding:20px 22px 20px 50px;
  background:url(/images/share/ico_minus.gif) right center no-repeat;
  background-size:22px auto;
  cursor:pointer;
  display:block;
}
.attUse .auTtl.hide span{
  background:url(/images/share/ico_plus.gif) right center no-repeat;
  background-size:22px auto;
}

.attUse .auInner{
  padding:18px;
  border:1px solid #dcdcdc;
}
.attUse ul{
}
.attUse ul li{
  padding-left:1em;
  font-size:0.75rem;
  line-height:1.83;
  text-indent:-1em;
}
.attUse ul li a{
  color:#2f68b7;
}

@media screen and (max-width: 1000px){
.attUse{
  width:94%;
  margin:30px auto 0;
}
}

@media screen and (max-width: 768px){
.attUse .auTtl{
  padding-right:15px;
  background:#dcdcdc url(/images/share/ico_att_black.png) 3% 50% no-repeat;
  background-size:36px auto;
}
.attUse .auTtl span{
  padding-right:50px;
  padding-left:75px;
  background-size:44px auto;
}
.attUse .auTtl.hide span{
  background-size:44px auto;
}
}
@media screen and (max-width: 640px){
.attUse .auTtl{
  padding-right:3.33%;
  background-size:6% auto;
}

.attUse .auTtl span{
  padding-right:8%;
  padding-left:10%;
  background-size:7.33% auto;
}
.attUse .auTtl.hide span{
  background-size:7.33% auto;
}
}


/*--------------------------------------------------*/
/*ポイントを使う/貯める*/
/*--------------------------------------------------*/
.pointBtnsWrap{
  margin-top:40px;
}
.pointBtns{
  padding-top:15px;
  padding-bottom:15px;
  border:1px solid #ddd;
}
.pointBtns .pbInner{
  padding-top:15px;
  padding-bottom:15px;
  background:url(/contents/img/point/pointbtns_line.gif) center top repeat-y;
}
/*==clearfix==*/
.pointBtns .pbInner:after{content:""; display:block; clear:both;}

.pointBtns .btnUse,
.pointBtns .btnSave{
  width:50%;
  margin-right:auto;
  margin-left:auto;
}

.pointBtns .btnUse .btn,
.pointBtns .btnSave .btn{
  width:64%;
  max-width:230px;
  margin:10px auto 0;
}
.pointBtns .btnUse .btn a,
.pointBtns .btnSave .btn a{
  padding:10px 15px 10px 30px;
  background:#31496b url(/images/share/arw_white_r.png)  8.2% center no-repeat;
	border-radius					:3px;
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
	box-sizing					:border-box;
	-webkit-box-sizing	:border-box;
	-moz-box-sizing			:border-box;
	-ms-box-sizing			:border-box;
  color:#fff;
  font-size:0.875rem;
  font-weight:normal;
  display:block;
}

.pointBtns .btnUse{
  float:left;
}
.pointBtns .btnSave{
  float:right;
}

@media screen and (max-width: 1000px){
.pointBtns{
  width:94%;
  margin-right:auto;
  margin-left:auto;
}
}

@media screen and (max-width: 768px){
.pointBtnsWrap{
  margin-top:30px;
}

.pointBtns .pbInner{
  padding-right:6.33%;
  padding-left:6.33%;
  background:none;
}

.pointBtns .btnUse,
.pointBtns .btnSave{
  width:100%;
  float:none;
}
.pointBtns .btnUse{
  padding-bottom:20px;
  border-bottom:1px dotted #ddd;
}
.pointBtns .btnSave{
  margin-top:20px;
}

.pointBtns .btnUse .btn,
.pointBtns .btnSave .btn{
  width:88%;
}
}