/* -----------------------------------------------
リクエストアイテム
----------------------------------------------- */
.request_item_ {
	border: 1px solid #DCDCDC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	table-layout: fixed;
	line-height: 1.4;
	margin-bottom: 30px;
	position: relative;
	margin-top: 15px;
}
.request_item_ .request_icon_{
	position: absolute;
	top: -15px;
	left: 20px;
	z-index: 2;
}
.request_item_ .img_ {
	position: relative;
	width: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #eee;
	display: table-cell;
	padding: 30px 20px;
	vertical-align: top;
		text-align: center;
}
.request_item_ .img_ a{
	position: relative;

}
.request_item_ .img_ a>img{
	max-width: 260px;
	max-height: 260px;
	vertical-align: middle;
}
.request_item_ .img_ .icon_.result_{
	width: 260px;
	height: 260px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
.request_item_ .img_ .icon_.right_bottom_{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 3;
}
.request_item_ .img_ a {
	display: table-cell;
	width: 260px;
	height: 260px;
	background: #fff;
	vertical-align: middle;
}

.request_item_ .desc_ {
	width: 700px;
	display: table-cell;
	vertical-align: top;
}

.request_item_ .heading_ {
	padding: 20px;
	border-bottom: 1px dotted #DCDCDC;
}

.request_item_ .heading_ .ttl_ {
	color: #333;
	font-size: 24px;
	margin-bottom: 5px;
}

.request_item_ .body_ {
	display: table;
	table-layout: fixed;
	min-height: 195px;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
}

.request_item_ .stamp_ {
	padding: 20px;
	display: table-cell;
	width: 180px;
	height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	position: relative;

}
.request_item_ .stamp_ img{
	position: relative;
	z-index: 2;
}
.request_item_ .stamp_ .stamp_bg_{
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
	    background: #ddd;
	width: 180px;
	height: 180px;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 1;
}
.request_item_ .stamp_ >.txt_{
	position: absolute;
	top: 10px;
	left: 0;;
	z-index: 2;
display: table;
table-layout: fixed;
	width: 180px;
	height: 180px;
	font-size: 17px;
	color: #fff;
	line-height: 1.2 ;
}
.request_item_ .stamp_ >.txt_ span{
	display: inline-block;
	line-height: 1.2 ;
}
.request_item_ .stamp_ >.txt_ p{
	display: table-cell;
	width: 180px;
	height: 180px;
	vertical-align: middle;
	padding: 5px 0 0  5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.request_item_ .stamp_ .ttl_,
.request_item_ .stamp_ .sub_{
	color: #FFF102;
}
.request_item_ .stamp_ .ppl_{
font-size: 36px;
font-weight: bold;
color: #FFF102;
}
.request_item_ .stamp_ .unit_{
color: #FFF102;
}
.request_item_ .stamp_ >.txt_ .result_{
	font-size: 40px;
	display: block;
	text-align: center;
	font-weight: bold;
}
.request_item_ .request_box_ {
	width: 300px;
	display: table-cell;
	vertical-align: middle;
}

.spin_{
	      animation: spin  120s infinite linear;
      -moz-animation: spin 120s infinite linear;
      -webkit-animation: spin 120s infinite linear;
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.scale_{
	      animation: scale  2s infinite linear;
      -moz-animation: scale 2s infinite linear;
      -webkit-animation: scale 2s infinite linear;
}
@-moz-keyframes scale {
	0%{transform:scale(1);}
	50%{transform:scale(1.05);}
	100%{transform:scale(1);}
}
@-webkit-keyframes scale {
	0%{transform:scale(1);}
	50%{transform:scale(1.05);}
	100%{transform:scale(1);}
}
@keyframes scale {
	0%{transform:scale(1);}
	50%{transform:scale(1.05);}
	100%{transform:scale(1);}

}
.up_{
	      animation: up  .5s  linear;
      -moz-animation: up .5s  linear;
      -webkit-animation: up .5s  linear;
}
@-moz-keyframes up {
	0%{transform:scale(1);}
	25%{transform:scale(1.1);}
	50%{transform:scale(1);}
	75%{transform:scale(1.05);}
	100%{transform:scale(1);}
}
@-webkit-keyframes up {
	0%{transform:scale(1);}
	25%{transform:scale(1.1);}
	50%{transform:scale(1);}
	75%{transform:scale(1.05);}
	100%{transform:scale(1);}

	0%{transform:scale(1);}
	25%{transform:scale(1.1);}
	50%{transform:scale(1);}
	75%{transform:scale(1.05);}
	100%{transform:scale(1);}
}
@keyframes up {
	0%{transform:scale(1);}
	25%{transform:scale(1.1);}
	50%{transform:scale(1);}
	75%{transform:scale(1.05);}
	100%{transform:scale(1);}

}
.request_item_ .request_box_ .progress_ {
	padding: 10px 17px;
	background: #eee;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.request_item_ .request_box_ .progress_ dl{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.request_item_ .request_box_ .progress_ dl dt{
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
.request_item_ .request_box_ .progress_ dl dd{
	display: table-cell;
	font-size: 18px;
	text-align: right;
	color: #FE0000;
	font-weight: bold;
  -vendor-animation-duration: 1s;
  -vendor-animation-delay: 3s;
	animation-delay:.5s;
	transition-duration:.3s;
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0; 
-khtml-opacity: 0;
zoom:1;
}

.request_item_ .request_box_ .progress_ dl dd span{
	font-size: 32px;
}
.request_item_ .request_box_ .progress_ .graph_{
	border: 3px solid #fff;
	width: 260px;
	height: 12px;
	background: url(../img/usr/goods_request/bg_graph.png);
	-webkit-border-radius: 12px;
	        border-radius: 12px;
	overflow: hidden;
}
.request_item_ .request_box_ .progress_ .graph_ .percent_{
	max-width:100%;
	display: block;
	-webkit-border-radius: 12px;
	        border-radius: 12px;
	height: 12px;
	background: #1B87D2;
	width: 0;
	-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.request_item_ .request_box_ .countdown_ {
	background: #eee;
	padding: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
}

.request_item_ .request_box_ .countdown_ .txt_ {
	color: #FE2222;
	padding-bottom: 5px;
}
.request_item_ .request_box_ .countdown_ .txt_ span{
	display: block;
	text-align: center;
	font-weight: bold;
}
.request_item_ .request_box_ .countdown_ .remaining_time_ {
	font-size: 24px;
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0; 
-khtml-opacity: 0;
zoom:1;
}

.request_item_ .cart_box_ {
	width: 200px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.request_item_ .cart_box_ .price_ {
	color: #333;
	font-size: 24px;
}

.request_item_ .cart_box_ .price_ .tax_ {
	font-size: 12px;
}

.request_item_ .stamp_ .stamp_bg_{
	background: url(../img/usr/goods_request/bg_stamp_ongoing.png) no-repeat center center;
}

/* 予告 */
.request_item_.preview_{
	
}

.request_item_.preview_ .request_box_{
	min-height: 180px;
}
.request_item_.preview_ .stamp_ >.txt_,
.request_item_.preview_ .stamp_ >.txt_ span  {
color: #1B87D2;
}
.request_item_.preview_ .request_box_ .countdown_ .txt_{
	color: #333;
}
.request_item_.preview_ .request_box_ .countdown_ .txt_:first-child{
	font-size: 20px;
}
.request_item_.preview_ .progress_{
	display: none;
}
.request_item_.preview_ .stamp_ .stamp_bg_{
	background: url(../img/usr/goods_request/bg_stamp_preview.png) no-repeat center center;
}


/* 終了 */
.request_item_.end_ .remaining_time_{
	color: #999;
}

/* 目標未達成 */
.request_item_.failed_ {

}
.request_item_.failed_ .request_box_ .progress_ dl dd{
	color: #333;
}
.request_item_.failed_ .request_box_ .progress_ .graph_ .percent_{
	background: #333;
}
.request_item_.failed_ .stamp_ .stamp_bg_{

}
.request_item_.failed_ .stamp_ .stamp_bg_{
	background: url(../img/usr/goods_request/bg_stamp_failed.png) no-repeat center center;
}
.request_item_.failed_ .icon_.result_{
	position: absolute;
	top: 0;
	left: 0;
    background: rgba(0, 0, 0, .4);
}

/* 目標達成 */
.request_item_.clear_ {

}
.request_item_.clear_ .request_box_ .progress_ .graph_ .percent_{
	background: #FE0000;
}
.request_item_.clear_ .progress_{
background: #FFE8E8;
}
.request_item_.clear_ .stamp_ .stamp_bg_{
	background: url(../img/usr/goods_request/bg_stamp_clear.png) no-repeat center center;
}

/* 目標達成追加リクエスト */
.request_item_.add_request_ {

}
.request_item_.add_request_ .request_box_ .progress_ .graph_ .percent_{
	background: #FE0000;
}
.request_item_.add_request_ .stamp_ .stamp_bg_{
	background: url(../img/usr/goods_request/bg_stamp_add_request.png) no-repeat center center;
}

/* 期間延長中 */
.request_item_.extend_ {

}
.request_item_.extend_ .stamp_ .stamp_bg_{
	background: url(../img/usr/goods_request/bg_stamp_extend.png) no-repeat center center;
}



/* -----------------------------------------------
リクエスト詳細
----------------------------------------------- */


.request_detail_ div.goodsimg_{
	width: 490px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.request_detail_ .goodsspec_{
	width: 480px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.request_detail_ div.goodsimg_ .img_L_{
	width: 488px;
	height: 488px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
div.goodsimg_ .img_L_ img {
    max-width: 486px;
    max-height: 486px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.request_detail_ div.goodsimg_ .img_wrap_{
	position: relative;
}
.request_detail_ div.goodsimg_ #goods{
	margin-top: 10px;
	margin-right: -20px;
}
.request_detail_ div.goodsimg_ #goods div{
	display: inline-block;
	margin-right: 10px;
}
.request_detail_ div.goodsimg_ #goods a{
width: 84px;
height: 84px;
}
.request_detail_ div.goodsimg_ #goods a img{
max-width: 82px;
max-height: 82px;
}
.request_detail_ .request_item_{
	border: none;
}