/* フローチャート
.c-flowPath__ul__list {
	padding: 2px 6px 2px 8px;
	background-color: #F0F0F0;
	margin-right: 6px;
}
.c-flowPath__ul__list:last-of-type {
	margin-right: 0;
}
.c-flowPath__ul__list.is-checked {
	color: #fff;
	background-color: #F7851E;
}
.c-flowPath__ul__list::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 6px solid #fff;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 0;
	right: -12px;
	padding: 0;
	z-index: 2;
}
.c-flowPath__ul__list::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 6px solid #F0F0F0;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 0;
	right: -6px;
	padding: 0;
	z-index: 1;
}
.c-flowPath__ul__list.is-checked::before {
	border-left: 6px solid #F7851E;
}
.c-flowPath__ul__list:last-child::before,
.c-flowPath__ul__list:last-child::after {
	display: none;
}
.c-itemListCart__item{
	border-bottom: 1px solid #ccc;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}
.c-itemListCart__item:last-child{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.c-itemListCart__price{
}*/

.c-buttonL.c-icArrow--left.c-icArrow--cartBack:after{
	left: calc(50% - 4px);
}

/* フローチャート 後藤 */
.c-flowPath__ul__list {
	padding: 2px 3px 2px 9px;
	background-color: #F0F0F0;
	margin-right: 6px;
}
/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
	.c-flowPath__ul__list {
		margin-bottom: 5px;
	}
}
/* -------------------------- customize end ****/
.c-flowPath__ul__list:last-of-type {
	margin-right: 0;
}
.c-flowPath__ul__list.is-checked {
	color: #fff;
	background-color: #F7851E;
}
.c-flowPath__ul__list::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 6px solid #fff;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 0;
	right: -12px;
	padding: 0;
	z-index: 2;
}
.c-flowPath__ul__list::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 6px solid #F0F0F0;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 0;
	right: -6px;
	padding: 0;
	z-index: 1;
}
.c-flowPath__ul__list.is-checked::before {
	border-left: 6px solid #F7851E;
}
.c-flowPath__ul__list:last-child::before,
.c-flowPath__ul__list:last-child::after {
	display: none;
}
.c-itemListCart__item{
	border-bottom: 1px solid #ccc;
	padding: 3rem 0
}
.c-itemListCart__item.is-returned{
	position: relative;
}
.c-itemListCart__item.is-returned:before{
	display: block;
	content: "";
	position: absolute;
	z-index: 2;
	background-color: #666;
	top: -0.5rem;
	left: -0.5rem;
	height: calc(100% + 1rem);
	width: calc(100% + 1rem);
	opacity: 0.7;
}
.c-itemListCart__item.is-returned:after{
	display: block;
	content: "返品済";
	position: absolute;
	z-index: 3;
	width: 100%;
	top: calc(50% - 14px);
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
}
.c-itemListCart__item:last-child{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.p-cart__noteBox{
	line-height: 1.2;
	font-size: 1.2rem;
	color: #808080;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
/* 無料特典アイコン */
.p-cartFreeBenefitTxt {
	text-align: center;
	padding: .25rem 1rem;
	color: #fd6d2c;
	border: solid 1px #fd6d2c;
	width: max-content;
}
@media all and (-ms-high-contrast: none) {
  .p-cartFreeBenefitTxt {
		width: auto;
		display: table;
	}
}

/* 価格情報 */
.c-cartTotalPrice{
	font-size: 3.0rem;
}

/* クーポン */
.c-cartCouponList__item{
	padding: 1.5rem 0;
	border-top: solid 1px #ccc;
}
.c-cartCouponList__item:first-child{
	padding-top: 0;
	border: 0;
}
.c-cartDiscount__havePoint {
	width: 100%;
	position: relative;
	padding-bottom: 0.1em;
	margin-bottom: 0.5em;
}
.c-couponCodeWrap {
	width: calc(100% - 25px);
}
/* 旧DC装飾用 */
.p-cartCouponList__item--memberRank.is-silver{
	background: linear-gradient(to right,#BFBFBF,#FFF 45%,#B5B5B5);
	color: #6A6863;
}

.p-cartCouponList__item--memberRank.is-gold{
	background: linear-gradient(to right,#D1BA71,#FFF 45%,#D1BA71);
	color: #8B6C08;
}

.p-cartCouponList__item--memberRank.is-platina{
	background: linear-gradient(to right,#ABBAD4,#FFF 45%,#A4B6D1);
	color: #4D7BA2;
}

.p-cartCouponList__item--memberRank.is-silver,
.p-cartCouponList__item--memberRank.is-gold,
.p-cartCouponList__item--memberRank.is-platina{
	border-bottom: none!important;
	position: relative;
	top: -1px;
	padding: 1rem 0;
}
.p-cartCouponList__item--memberRank.is-silver::before,
.p-cartCouponList__item--memberRank.is-gold::before,
.p-cartCouponList__item--memberRank.is-platina::before,
.p-cartCouponList__item--memberRank.is-cpn::before,
.p-cartCouponList__item--memberRank.is-silver::after,
.p-cartCouponList__item--memberRank.is-gold::after,
.p-cartCouponList__item--memberRank.is-platina::after,
.p-cartCouponList__item--memberRank.is-cpn::after{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-top: 1px solid #fff;
	position: absolute;
	top: 0.75rem;
	left: 0;
	/* animation: flashing 3s linear 0s infinite normal; */
}
.p-cartCouponList__item--memberRank.is-silver::after,
.p-cartCouponList__item--memberRank.is-gold::after,
.p-cartCouponList__item--memberRank.is-platina::after,
.p-cartCouponList__item--memberRank.is-cpn::after{
	top: auto;
	bottom: 0.75rem;
}
@keyframes flashing{
	0% { opacity: 1; }
	40% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 1; }
}
.p-cartCouponList__item--memberRank.is-cpn{
	/* 通常 */
	background-image: url(//image.piary.jp/uploads/dreamplan/cart/bg_cart-cpn.jpg);
	background-size: 100%;
	/* スーパーセール用
	background-image: linear-gradient(90deg, #ce5900, #8e0202); */
}
.p-cartDiscount__coupon__text.is-cpn{
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.2;
}
.p-cartDiscount__coupon__text.is-cpn .p-cartDiscount__coupon__text__big{
	color: #FFDB65;
	font-size: 1.8rem;
}
.p-cartDiscount__coupon__icon.is-cpn{
    position: absolute;
    width: 56px;
    height: 56px;
    top: -20px;
    right: -2px;
}

/* キャンペーンバナー */
.c-cartBanner--01 {
	background: url(/html/template/commons/assets/img/cart/img_novelty.jpg) no-repeat 102% 90%;
}
/* 購入オプション */
.c-optionLabelName{
	width: calc(100% - 20px - 0.5rem);
	word-break: break-word;
}
.c-optionCount {
	display: flex;
	display: -webkit-flex;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	padding: 0 .75rem;
}
.c-cartOptionParts.is-error{
	padding: 1rem 0;
}
/**** customize start--------------------------*/
@media screen and (min-width: 780px) {
  .c-optionCount {
  	overflow-x: auto;
  }
}
/* -------------------------- customize end ****/
.c-optionCount__item {
	padding: 0 .75rem 1.5rem;
}
.c-optionCount--col25 .c-optionCount__item {
	min-width: 40vw;
	max-width: 40vw;
}
.c-optionCount--col3 .c-optionCount__item {
	width: 33.33%;
	max-width: 35vw;
	min-width: 35vw;
}
/* 選択肢liタグにjs-colorboxを付けるとcolorboxで画像が拡大できる */
.c-itemList__item .js-colorbox__bt,
.c-optionCount__item .js-colorbox__bt{
	pointer-events: none;
	display: block;
}
.c-itemList__item.js-colorbox .js-colorbox__bt,
.c-optionCount__item.js-colorbox .js-colorbox__bt{
	pointer-events: auto;
	position: relative;
}
.c-itemList__item.js-colorbox .js-colorbox__bt::before,
.c-optionCount__item.js-colorbox .js-colorbox__bt::before{
	position: absolute;
	display: block;
	content: url(https://image.piary.jp/uploads/cart/ic_zoom.svg);
	width: 30px;
	height: 30px;
	right: 0.25rem;
	bottom: 0.25rem;
}

/* タグ・カード・シール　サムネ */
.c-w90ImgWrap {
	width: 90px;
	height: 90px;
}
.c-w90Img {
	width: 88px;
	height: 88px;
	object-fit: contain;
}
.c-w70ImgWrap {
	width: 70px;
	height: 70px;
}
.c-w70Img {
	width: 68px;
	height: 68px;
	object-fit: contain;
}
.c-col1ImgWrap {
	width: calc(100vw - 20px);
	height: calc(100vw - 20px);
}
.c-col1Img {
	width: calc(100vw - 20px);
	max-width: calc(100vw - 20px);
	max-height: calc(100vw - 20px);
	object-fit: contain;
}
.c-col2ImgWrap {
	height: calc(100vw / 2 - 1rem);
	width: calc(100vw / 2 - 1rem);
}
.c-col3ImgWrap {
	height: calc(100vw / 3 - 1rem);
	width: calc(100vw / 3 - 1rem);
}
.c-col2Img {
	max-height: calc(100vw / 2 - 2px);
	max-width: calc(100vw / 2 - 2px);
	object-fit: contain;
}
.c-col3Img {
	max-height: calc(100vw / 3 - 1rem - 2px);
	max-width: calc(100vw / 3 - 1rem - 2px);
	object-fit: contain;
}
.c-novSelect .c-col2ImgWrap {
	height: calc(75vw / 2);
	width: calc(75vw / 2);
}
.c-novSelect .c-col2Img {
	max-height: calc(75vw / 2 - 2px);
	max-width: calc(75vw / 2 - 2px);
}

.c-imgSelect::after {
	top: 10px;
}
[class*=" c-slickSlide--nav"] {
	width: 102%;
	margin-left: -2%;
}
[class*=" c-slickSlide--nav"] .c-slickSlide__item {
	margin-left: 2%;
	width: 17.5% !important;
}
.c-popupThumb {
	width: 18%;
}
.c-searchCont,
.c-cartPage__searchCont {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: rgba(255,255,255,.95);
}
.c-cardMessage{
	width: calc(100% - 28px);
}

/* タグ・カード・シール */
.c-previewModal__preview{
	display: flex;
	justify-content: center;
	align-items: center;
}
.c-previewModal__previewImg{
	max-height: 50vh;
}
.c-previewModal__previewObj{
	font-size: 1.0rem;
	position: absolute;
	border: 2px dashed #66aaff;
	text-align: center;
	padding: 0.1rem;
}
.c-previewModal__preview--card .c-previewModal__preview--name01{
	top: 37%;
	left: calc(38% - 2rem);
	width: 4rem;
}
.c-previewModal__preview--card .c-previewModal__preview--name02{
	top: 37%;
	left: calc(62% - 3rem);
	width: 6rem;
}
.c-previewModal__preview--card .c-previewModal__preview--and{
	top: 37%;
	left: calc(50% - 1rem);
	width: 2rem;
}
.c-previewModal__preview--card .c-previewModal__preview--date{
	top: 45%;
	left: calc(50% - 4rem);
	width: 8rem;
}
.c-previewModal__preview--card .c-previewModal__preview--msg{
	top: 56%;
	left: calc(50% - 9rem);
	width: 18rem;
}

/* お届け先 */
.c-cartDeliMsg--after{
	margin: 20vh 0;
	text-align: center;
}
.c-deliveryTab__item.js-inactive:first-child{
	border-right: 0;
}
.c-deliveryItem {
	padding: 2rem 1.5rem;
	border-bottom: 1px solid #ccc;
}
.c-deliveryItem.is-done{
	position: relative;
}
.c-deliveryItem.is-done::before{
	display: block;
	content: "";
	position: absolute;
	top: 1rem;
	left: 1rem;
	background-color: #666;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	z-index: 5;
	opacity: 0.7;
}
.c-deliveryItem:last-child {
	border-bottom: 0;
}
.c-deliveryItem.js-sendItemList__item{
	opacity: 0.5;
	-webkit-opacity: 0.5;
}
.c-deliveryItem.js-sendItemList__item.is-checked{
	opacity: 1;
	-webkit-opacity: 1;
}
.c-deliList__item{
	padding: 2rem 1.5rem;
	border-bottom: 1px solid #ccc;
}
.c-button.c-multiAddress_editBtn{
	position: absolute;
	top: -0.85rem;
	right: 4rem;
	height: 3rem;
	padding: 0;
}
.c-closeBtn.c-closeBtn--01.c-multiAddress_editBtn{
	top: -0.6rem;
	right: 0;
}
.c-hotelPrecautionWrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background-color: transparent;
	/*left: 0;
	right: 0;
	margin: 1em auto;*/
	z-index: 103;
	/*box-shadow: 0 0 5px #969696;*/
}
.c-hotelPrecautionWrap__in {
	box-shadow: 0 0 5px #969696;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/* お支払方法 */
.c-cartPayCredit__brand{
	height: 2.4em;
}
.js-selected .c-icRadio--cardBrand{
	border-color: #F7851E;
}
.js-selected .c-icRadio--cardBrand::before{
	background-color: #F7851E;
}
.skipPaymentInfoEntry {
	background: lightgray;
	margin: 0 1.5rem 5rem;
	padding: 1rem;
}
/* 最終確認 */
.c-cartPointList__item:not(:first-of-type){
	padding-top: 1rem;
	border-top: solid 1px #ccc;
}
/*.c-cartOptionInfo__item:not(:first-of-type){
.c-cartOptionInfo__item{
	border-top: solid 1px #ccc;
}*/
/* カート固定フッター */
.c-cartFixedFooter {
	background-color: rgba(255,255,255,.7);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 3;
}

/* 無料特典  */
.c-modalDesignList .c-designList__item.c-3col--pT15-pW075,
.c-modalDesignList .c-designList__item.c-3col--pT15-pW075:nth-of-type(-n+3){
	padding: 1.5rem;
}

/* 無料特典 メッセージカード */
.c-msgcardImgWrap, .c-msgcardPopupImgWrap {
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
}
.c-msgcardImgWrap > a {
	width: 100%;
	height: 0;
	padding-top: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.c-msgcardImgWrap > a img.c-col3Img, .c-msgcardPopupImgWrap .c-msgcardPopupImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
/*
.c-optionText__tit {
    width: 30%;
    padding: 0.5rem 0;
}
.c-optionText__det {
    width: 70%;
    padding: 0.5rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
*/
span.c-selectWrap {
    display: inline-block;
}
.c-optionText__det .c-imgSelect::after {
    top: 18px;
    z-index: 1;
}
.c-labelName {
    width: calc(100% - 27px);
}
.c-freeMessageWrap {
	margin-top: 1rem;
}
.c-freeMessageWrap:not(:first-of-type) {
	padding-top: 1rem;
	border-top: solid 1px #CCC;
}

/* とりあえずメッセージカードのみ、モーダルスライダー調整 */
.k-msgcardList > li > a {
	width: 100%;
	height: 0;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	display: block;
	box-sizing: border-box;
}
.k-msgcardList > li > a > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}
.cart_novelty_msgcard .js-imgModalSlide__item {
	min-height: calc(100vw - 2em);
	max-height: 80vh;
	height: auto;
	position: relative;
	overflow: hidden;
}
.cart_novelty_msgcard .js-imgModalImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
}

/* footer */
.l-footer.l-footer--cart {
	background: none;
  padding-top: 0;
}

/* カートに商品は入っていません
------------------------------------------------------*/
.p-noItemAlert {
  text-align: center;
}

/* 購入履歴　お支払方法など
------------------------------------------------------*/
.p-historyItem {
	display: flex;
	/* flex-wrap: wrap; */
	align-items: center;
}
.p-historyItem__term {
	/* width: 12rem; */
	font-size: 1.7rem;
	line-height: 1.4;
}
.p-historyItem__term::after {
	content: "：";
}
.p-historyItem__desc {
	/* width: calc(100% - 12rem); */
}

/* 購入完了ページ */
.cart-service-hikitaku__inner {
    border: 3px solid #b8d7dc;
}
.cart-service-hikitaku__h {
    color: #b8d7dc;
}
.cart-service-piapri__inner {
    border: 3px solid #ee887d;
}
.cart-service-piapri__h {
    color: #ee887d;
}
.cart-service-webjo__inner {
    border: 3px solid #fbeee8;
}
.cart-service-webjo__h {
    color: #ee887d;
}
.cart-service-movie__inner {
    border: 3px solid #c1ac93;
}
.cart-service-movie__h {
    color: #c1ac93;
}

/* 購入OP　のしのかけ方 */
.c-button--noshi {
	background: url(//image.piary.jp/uploads/gift/items/ico_noshi_gr.png) no-repeat 15px 50%;
    padding-left: 65px;
}
.c-cartBtnWrap {
	max-width: 640px;
}

/* ペーパーアイテム 印刷データ作成可能数 */
.c-itemPaper {
    border-bottom: 1px solid #ccc;
}
.c-itemPaper__item {
    display: flex;
    flex-direction: column;
}
.c-itemPaper__name {
    flex: 1;
}

/* ポイントご利用についてpopup */
.about_points_popup_text1::after{
    content: "";
    position: absolute;
    bottom: -3rem;
    left: calc(50% - 9px);
    border: 9px solid transparent;
    border-top: 12px solid #333;
}

/* キャンペーン用coupon装飾 */
/* キャンペーン毎に複製せず中身を改修でOK */
.c-form__radio .c-cpm--couponcode{
	color: #fff;
	/* background-image: url('//image.piary.jp/uploads/common/cpn/back_cartCoupon_cpn.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; */
	/* background: transparent linear-gradient(105deg, #006C26 0%, #59AB72 100%); */
	background: transparent linear-gradient(105deg, #d8000d 0%, #910007 100%); 
	border: none;
	position: relative;
}
.c-form__radio .c-cpm--couponcode:before,
.c-form__radio .c-cpm--couponcode:after{
	content: "";
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg,#FEFEB3,#FEFEB3,#FEFEB3);
	position: absolute;
	left: 0;
}
.c-form__radio .c-cpm--couponcode:before{
	top: 1rem;
}
.c-form__radio .c-cpm--couponcode:after{
	bottom: 1rem;
}
.c-cpm--couponcode .form-check:after{
	content: "";
	width: 6rem;
	height: 6rem;
	background-image: var(--bg-url-after, url('//image.piary.jp/uploads/cpn/icon/icon_batch.svg'));
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: .2rem;
	top: 50%;
    transform: translateY(-50%);
}

.is-CPN2509-PFB-50P.c-cpm--couponcode .form-check:after {
    background-image: none;
}

.c-cpm--couponcode .couponSubject{
	font-size: 1.8rem;
	font-weight: bold;
	color: #fed971;
}