@charset "UTF-8";

/* .トップページ共通 *************/ 

.cart a{
	text-decoration:none;
}

.cart ul{
	list-style:none;
}

.top_ttl{
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size:24px;
	font-weight:normal;
	border-bottom:5px solid #ececec;
}

/*メインバナー*/
.cart_main_bn{
	width:1200px;
	height:60px;
	margin:0 auto;
	margin-bottom:40px;
	margin-top: 40px;
}
.cart_main_bn img{
	width:100%;
	height:auto;
}
/* .カートテーブル *************/ 
div.cart_table{
	margin-bottom:10px;
}
div.cart_table h1{
	border-bottom:3px solid #ececec;
	font-size:24px;
	margin-bottom:30px;
}
div.cart_table table{
	width:100%;
}
div.cart_table table a{
	display:inline-block;
	text-decoration:underline;
}
div.cart_table table p{
	display:inline-block;
	margin-bottom:10px;
}
div.cart_table table thead tr{
}

div.cart_table table thead th{
	border:1px solid #d4d4d4;
	background:#f4f4f4;
	vertical-align:middle;
	line-height:30px;
	min-width:100px;
	
}
div.cart_table table thead th:first-child{
	width:692px;
}
div.cart_table table thead th:nth-child(2){
	width:106px;
}
div.cart_table table thead th:nth-child(3){
	width:120px;
}
div.cart_table table thead th:nth-child(4){
	width:100px;
}
div.cart_table table thead th:nth-child(5){
	width:119px;
}
div.cart_table table thead th:nth-child(6){
	width:100px;
}
div.cart_table table tbody tr{
}

div.cart_table table tbody tr td{
	border:1px solid #d4d4d4;
	padding:20px;
	/*reset.cssでbaselineになっているがmiddleにすべき*/
	vertical-align:middle;
	text-align:center;
}
/*icon画像のサイズ指定*/
div.cart_table table tbody tr td img{
	width:80px;
	height:25px;
}
div.cart_table table tr td.goods_img_cell{
	border-right:none;
	width:121px;  /*80(img)+20(pl)+20(pr)+1(b)*/
}
div.cart_table table tr td.goods_img_cell img{
	width:80px;
	height:auto;
}
div.cart_table table tr td.goods_txt_cell{
	border-left:none;
	padding-left:0;
	text-align:left;
	width: 407px;
}
div.cart_table table tr td.goods_txt_cell a{
	margin-bottom:10px;
}
div.cart_table table tr td.goods_txt_cell a:hover{
	text-decoration:none;
}

/*商品説明下部のicon画像のサイズ指定*/
div.cart_table table tr td.goods_txt_cell span img{
	width:auto;
	height:29px;
	margin-bottom:5px;
	margin-right:5px;
}
div.cart_table table tr td.price_ico img{
	display:inline-block;
	position:relative;
	top:-10px;
}
div.cart_table table tr td.price_ico p.price_all{
	position:relative;
	top:-10px;
}
div.cart_table table tr td.quant_cel{
	position:relative;
}
/*selectタグの装飾 jsで呼ぶ*/
.quant_select{
	width:60px;
	font-size:16px;
	
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	/*padding:0 2em 0 6px;*/
	text-indent:-8px;
	vertical-align:middle;
	display:block;
	border-radius:0;
	border:1px solid #999;
	
	line-height: 36px;
	
	height: 40px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-color:transparent;
	z-index:100;
	background: #ffffff;
	background-image:url(https://image.peppynet.com/img/web/pc/cart/cart_page/aro_select.png);
	background-repeat:no-repeat;
	background-position:right 10px center;
	background-size:10px;
	cursor:pointer;
	
	left:30px;
}
select.quant_select{
	z-index:1000;
}
select[dir='rtl'],
select[dir='rtl'] option{
text-align:right;/* 必要ないかも */
}

/*
select[dir='rtl'] option{
letter-spacing:2px;
}
*/
/*計算結果とキャンペーンバナー*/
.cart_calc_wrap{
	margin-bottom:40px;
}
.calc_result_notice{
	width:100%;
	text-align:right;
	color:#F00;
	margin-bottom:10px;
}

/*キャンペーンバナー*/
div.camp_bn_wrap{
	float:left;	
}
div.camp_bn_wrap .camp_bn{
	margin-bottom:20px;
}
div.camp_bn_wrap .camp_bn ul{
	
}
div.camp_bn_wrap .camp_bn ul li{
	float:left;
	font-size:12px;
	border:1px solid #eeeeee;
}
div.camp_bn_wrap .camp_bn ul li:last-child{
	padding:0 15px;
}
div.camp_bn_wrap .camp_bn ul li a{
	display:block;
}
div.camp_bn_wrap .camp_bn ul li img{
	width:370px;
	height:60px;	
}
div.camp_bn_wrap .camp_bn ul li span{
	font-size:28px;
}
/*計算結果*/
.cart_calc_result{
	float:right;
	/*吹き出し用*/
	position:relative;	
}
#sum_total_tbl{
	font-size:13px;
}
#sum_total_tbl tr{
	border-bottom:1px solid #dadada;
}
#sum_total_tbl tr:nth-child(3),
#sum_total_tbl tr:nth-child(4){
	border-bottom:none;
}
#sum_total_tbl tr td{
	padding:13px 15px 13px 0px;
}
#sum_total_tbl tr:nth-child(3) td{
	padding:13px 15px 10px 0px;
}
#sum_total_tbl tr:nth-child(4) td{
	padding:0px 15px 0px 0px;
}
#sum_total_tbl tr td:nth-child(2){
	text-align:right;
	padding-left:60px;
	font-size:16px;
}
#sum_total_tbl tr td.price_down{
	color:#ff1125;
}
#sum_total_tbl tr td.total_price{
	font-size:20px;
	font-weight:bold;
}
#sum_total_tbl tr td.gain_point{
	color:#F00;
	font-size:10px;
}
#sum_total_tbl tr td.gain_point span{
	font-size:18px;
	font-weight:bold;
}
.discount_price{
	color:#ff1125;
}

/*吹き出し*/
div.aro_bx_wrap{
	width:260px;
/*	height:40px; 2016.08.10 システム側コメントアウト */
	position:absolute;
	left:-270px;
	top:0px;
}
div.aro_bx {
	position: relative;
	background: #ff1225;
	width:100%;
	height:100%;
	text-align:center;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	line-height:40px;
	border-radius:5px;
}
div.aro_bx:after {
	left: 100%;
	top: 50%;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 18, 37, 0);
	margin-top: -7px;
	border-top:7px solid transparent;
	border-left:13px solid #ff1225;
	border-right:0px solid transparent;
	border-bottom:7px solid transparent;
	
}
/*リストの下のボタン領域*/
.calc_btn_wrap{
	width:946px;
	margin:0 auto;
	margin-bottom:50px;
}

/*戻るボタン*/
.calc_btn_wrap .back_btn{
	float:left;
	margin-right:60px;
}
.calc_btn_wrap .back_btn a{
	display:block;
	width:440px;
	height:80px;
	line-height:24px;
	font-size:21px;
	font-weight:bold;
	border:1px solid #000;
	border-radius:5px;
	padding:28px 23px 28px 65px;
	background:url(https://image.peppynet.com/img/web/pc/cart/cart_page/aro_left_blk.png) no-repeat left 25px center;
	background-size:20px 30px;
}
.calc_btn_wrap .back_btn a:hover{
	background-image:url(https://image.peppynet.com/img/web/pc/cart/cart_page/aro_left_white.png);
	background-repeat:no-repeat;
	background-position:left 25px center;
	background-size:20px 30px;
	background-color:#ff4747;
	color:#fff;
	border:1px solid #ff4747;
}
/*ご購入手続きへボタン*/
.calc_btn_wrap .go_payment_btn{
	float:left;
}
.calc_btn_wrap .go_recalc_btn{
	float:left;
	display:none;
}
.calc_btn_wrap .go_recalc_btn a,
.calc_btn_wrap .go_payment_btn a{
	display:block;
	width:440px;
	height:80px;
	line-height:24px;
	font-size:21px;
	font-weight:bold;
	border-radius:5px;
	padding:28px 142px 28px 104px;
	background-image:url(https://image.peppynet.com/img/web/pc/cart/cart_page/aro_right_white.png);
	background-repeat:no-repeat;
	background-color:#ff8a00;
	background-size: 20px 30px;
	background-position:right 98px center;
	border:1px solid #ff8a00;
	color:#fff;
}
.calc_btn_wrap .go_recalc_btn a{
	text-align:center;
	background:#CCC url(https://image.peppynet.com/img/web/pc/cart/cart_page/aro_right_blk.png) no-repeat right 98px center;
	background-size: 20px 30px;
	color:#000;
	border:1px solid #000;
}

.calc_btn_wrap .go_recalc_btn a:hover,
.calc_btn_wrap .go_payment_btn a:hover{
    color: #000;
    text-decoration:none;
	border:1px solid #000;
	background-image:url(https://image.peppynet.com/img/web/pc/cart/cart_page/aro_right_blk.png);
	background-repeat:no-repeat;
	background-color:#fff;
	background-position:right 98px center;
	background-size: 20px 30px;
}

/*オススメ！*/
.cart_recommend_item{
	margin-bottom:40px;
	width:100%;
}



/* .item_list *************/ 
.item_list{
	width:1160px;
	margin:0 auto;
}

.item_list div.item_box{
	float:left;
	width:130px;
	margin:0 5.83333333333333px 20px 5.83333333333333px;
}

.item_list .slick-list{
	float:none;
	width:1160px;
	margin:0;
}

.item_list .slick-slide{
	margin:0 !important;
}

.item_list span{
	font-size:11px;
}

.item_list .item_rank{
	margin-bottom:5px;
	font-size:20px;
	text-align:center;
}

.item_list .item_img{
	position:relative;
	margin-bottom: 10px;
	text-align:center;
}

.item_list .item_img img{
	border:1px solid #ccc;
}

.item_list .item_img .item_favo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:99;
	display:block;
	width:28px;
	height:25px;
}

.item_list .item_img .item_favo img{
	border:none;
}

.item_list .item_name{
	margin-bottom: 5px;
	font-size:13px;
}

.item_list .item_price{
	font-weight:bold;
}

.item_list .strike{
	display:block;
	font-size:12px;
	text-decoration: line-through;
}

.item_list .item_review{
	color:#ffba00;
	font-size:16px;
}

.item_list .item_review span{
	color:#000;
}

.item_list .item_review span{
	font-size:13px;
}

/*再計算*/
a.recalc_btn{
	display:block;
	width:80px;
	height:35px;
	padding:5px;
	line-height:23px;
	text-align:center;
	text-decoration:none !important;
	border:1px solid #000;
	background:#d7d7d7;
	font-weight:bold;
}
a.recalc_btn::after{
	font-family:Fontawesome;
	content:'\f054';
	margin-left:5px;
}
a.recalc_btn:hover{
	background:#fff;
	color:#ff4747;
	border:1px solid #ff4747;
}
/*削除ボタン*/
.del_btn{
	display:block;
	width:80px;
	height:35px;
	padding:5px;
	line-height:23px;
	border:1px solid #000;
	text-align:center;
	text-decoration:none !important;
	font-size:13px;
	font-weight:bold;
}
.del_btn::before{
	font-family:Fontawesome;
	content:'\f00d';
	margin-right:5px;
}
a.del_btn:hover{
	background:#fff;
	color:#ff4747;
	border:1px solid #ff4747;
}
/*remodal*/
/*カートとオーダーで共用 デフォルトTHEMEの上書き*/
.remodal{
	padding:70px 35px 35px 35px;
	border-radius:10px;
}
.remodal h4{
	width:100%;
	height:60px;
	padding:10px 25px;
	line-height:40px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom:1px solid #aaa9a9;
	background:#e4e4e4;
	font-size:24px;
	text-align:left;
	position:absolute;
	left:0;
	top:0;
}
.remodal p.remodal_note{
	font-size:16px;
	text-align:left;
	margin-bottom:10px;
}
.remodal-cancel{
	margin-right:40px;
	background:#fff url(https://image.peppynet.com/img/web/pc/common/remodal_ico/ico_cancel.png) no-repeat left 30px center;
	background-size:30px;
	color:#000;
	padding-left:80px;
}

.remodal-confirm{
	background:#fff url(https://image.peppynet.com/img/web/pc/common/remodal_ico/aro_right_blk.png) no-repeat right 40px center;
	background-size:20px;
	color:#000;
	padding-left:60px;
}
.remodal-confirm,
.remodal-cancel{
	width:240px;
	height:80px;
	border:1px solid #000;
	border-radius:5px;
	font-size:22px;
	line-height:60px;
	text-align:left;
	
}
.remodal-confirm:hover,
.remodal-confirm:focus{
	color:#fff;
	background:#ff4747 url(https://image.peppynet.com/img/web/pc/common/remodal_ico/aro_right_wht.png) no-repeat right 40px center;
	background-size:20px;
	border:1px solid #ff4747;
}
.remodal-cancel:hover,
.remodal-cancel:focus{
	color:#fff;
	background:#ff4747 url(https://image.peppynet.com/img/web/pc/common/remodal_ico/ico_cancel_wht.png) no-repeat left 30px center;
	background-size:30px;
	border:1px solid #ff4747;
}

/*セミオーダープレビュー*/
.semiodr_prev{
	
}
.semiodr_prev ul li{
	display:inline-block;
	margin-right:10px;
}
/*2017/11/22追加 cart_bnr_wrap*/
.cart_bnr_wrap{
	margin: 75px 0;
}

.cart_bnr_wrap ul{

}
.cart_bnr_wrap li{
	float: left;
	width: calc(94%/4);
	margin-right:2%;
}
.cart_bnr_wrap li:nth-child(4n){
	margin-right: 0;
}
.cart_bnr_wrap li a{
	display: block;
}


/*2018/01/19追加 cart_recommend*/
.cart_rec_wrap{
	margin: 0 0 50px;

}
.cart_rec_wrap ul{
	display: flex;
	flex-wrap: wrap;
}
.cart_rec_wrap li{
	align-items: center;
	display: flex;
	width: calc(94%/4);
	margin-right:2%;
}
.cart_rec_wrap li:nth-child(4n){
	margin-right: 0;
}

.cart_rec_wrap li a{
	display: block;
}
.cart_rec_wrap li >a{
	max-width: 150px;
}

.rec_txt{
	width: calc(100% - 150px);
	height: 100%;
	padding: 45px 25px 0 25px;

	position: relative;
}
.rec_txt small{
	position: absolute;
	left: 20px;
	top: 0;
}
.rec_txt small img{
	max-width: 33px;
	margin-right: 5px;
}
.cart_rec_wrap li span{
	text-decoration-line: underline;
	}