@charset "UTF-8";
dd {
    margin: 0;
}
dl {
    margin: 0;
}
#unrolla {
		/*********************
		共通設定
		*********************/
		/*********************
		SP用
		*********************/
	margin: 6.7rem 0 0;
}
#unrolla .wrap img {
		vertical-align: bottom;
		max-width: 100%;
		height: auto;
}
@media only screen and (max-width: 768px) {
		#unrolla .wrap, #unrolla .wrapSp {
				max-width: 100vw;
				width: 100% !important;
				width: auto;
				margin: 0 auto;
		}
}
@media only screen and (min-width: 769px) {
		#unrolla .wrap, #unrolla .wrapPc {
				width: auto;
				max-width: 960px;
				margin: 0 auto;
		}
}
#unrolla .bgArea01 {
		background: #FFF;
}
#unrolla .elCart .cover .wrap {
		border-bottom-style: solid;
		border-bottom-width: 6px;
}
#unrolla .elCart .cartItem .wrap {
		background-position: left top;
		background-repeat: no-repeat;
		text-align: center;
		border-bottom-style: solid;
		border-bottom-width: 3px;
		border-bottom-color: #FFF;
}
#unrolla .elCart .cartItem table {
		width: 100%;
}
#unrolla .cvarea_btn {
		max-width: initial;
		margin: 38px auto 0;
}
#unrolla .cvarea_btn span {
		cursor: pointer;
		display: inline-block;
		border-radius: 8px;
		/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); */
}
#unrolla .specArea {
	margin: 5em 0 3em;
}
#unrolla .spec {
		margin: 38px 38px 0;
}
#unrolla .spec .specCont {
		display: table;
		width: 100%;
}
#unrolla .spec dl {
		display: table-row;
}
#unrolla .spec dl + dl dt, #unrolla .spec dl + dl dd {
		border-top: solid 1px #000;
}
#unrolla .spec dl dt, #unrolla .spec dl dd {
		display: table-cell;
		padding: 5px;
}
#unrolla .spec dl dt {
		text-align: right;
		background: #f8e9ff;
}
#unrolla .spec dl dd {
		background: #fff;
}
#unrolla #item > .wrap {
		background: #ecc3ff url(../../images/color-1day-riribunny/cart_bg.jpg) repeat-x left top;
}
#unrolla #item .wrap {
		padding-bottom: 30px;
}
#unrolla form {
	width: 90%;
	margin: auto;
}
#unrolla .wrapper {
	display: flex;
	justify-content: space-around;
}
#unrolla .quantity {
	font-size: 14px;
    margin-top: 45px;
    display: flex;
    justify-content: center;
	align-items: center;
}
#unrolla #unrolla-test-btn {
	margin: 0 auto 0 20px;
}
div#unrolla-form {
  position: relative;
}
.cartItem.item02 {
  position: absolute;
  width: 100%;
  top: 56%;
}


@media only screen and (max-width: 768px) {
	#unrolla #item .wrap {
			padding-bottom: 4%;
	}
	#unrolla {
		margin: 10.0rem 0 0 !important;
	}
}
#unrolla .cartItem .wrap {
		width: calc(884 / 960 * 100%);
		margin: 30px auto 0 auto;
		text-align: center;
		background: #FFF;
}
#unrolla .cartItem .wrap select.step {
		display: none;
}
#unrolla .cartItem .wrap .form {
		/* margin: 0 38px; */
}
#unrolla .cartItem .wrap table {
		width: 100%;
		max-width: initial;
		border-radius: 12px;
    overflow: hidden;
    border-collapse: separate;
    border: solid 2px #d2b185;
		position: relative;
}
#unrolla .cartItem .wrap table::before {
    position: absolute;
    content: "";
    display: block;
    background: #000;
    width: 1px;
    height: 76%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -38%);
    z-index: 1;
}
#unrolla .cartItem .wrap table .title th {
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 100% 100%;
		text-align: center;
		color: #fff;
		width: 50%;
}
#unrolla .cartItem .wrap table .title th.left {
    background-image: url(https://shopping.refrear.jp/shopping-refrair/wp-content/themes/kaihatu/images/color-1day-unrolla/r-cart_title_left_bg.webp);
}
#unrolla .cartItem .wrap table .title th.right {
	background-image: url(https://shopping.refrear.jp/shopping-refrair/wp-content/themes/kaihatu/images/color-1day-unrolla/r-cart_title_right_bg.webp);
}
#unrolla #unrolla-form2 .cartItem .wrap table .title th.left {
	background-image: url(../../images/color-1day-a-eye/a-eye-form02-bg.webp);
}
#unrolla .cartItem .wrap table th, #unrolla .cartItem .wrap table td {
		border: none;

}
#unrolla .cartItem .wrap table th {
		background: #d1e5d3;
		font-size: 37px;
		font-weight: normal;
		padding: 5px;
}
#unrolla .cartItem .wrap table th + th {

}
#unrolla .cartItem .wrap table td {
		text-align: center;
		font-size: 18px;
    background: #fff;
		padding: 15px 15px 20px 15px;
}
#unrolla .cartItem .wrap table .cart-color-tr td {
	padding: 25px 15px 20px 15px;
}
#unrolla .cartItem .wrap table .cart-quantity-tr td {
	padding: 15px 15px 25px 15px;
}
#unrolla .cartItem .wrap table td + td {

}
#unrolla .cartItem .wrap table td dl {
		text-align: left;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
}

#unrolla  .cartItem .wrap table td dl dt {
		font-weight: bold;
		margin-bottom: 0.5em;
}
#unrolla .cartItem .wrap table td select {
		width: 100%;
		padding: 0.5em;
		border-radius: 0px;
}
#unrolla .cartItem .wrap .cvarea_btn {
		text-align: center;
		margin-top: 168px;
		width: 90%;
}
#unrolla  .cartItem .wrap table td select#color-select, #unrolla  .cartItem .wrap table td select#quantity {
    display: none;
}
#unrolla-form2 {
    padding: 0px;
}
.cartItem-body {
	position: relative;
}
.cartItem-body::before {

}

@media only screen and (max-width: 768px) {
		#unrolla .cartItem .wrap .form {
				/* margin: 0 4vw; */
		}
		#unrolla .cartItem .wrap table {
				width: 100%;
				max-width: initial;
				margin: 0;
				border: solid 1px #d2b185;
		}

		#unrolla .cartItem .wrap table th {
				padding: 1% 3% 0 3%;
		}
		#unrolla .cartItem .wrap table td {
				padding: 1% 3%;
		}
		#unrolla .cartItem .wrap table .cart-color-tr td {
			padding: 3% 3% 2% 3%;
		}
		#unrolla .cartItem .wrap table .cart-quantity-tr td {
			padding: 1% 3% 2% 3%;
		}
		#unrolla .cartItem .wrap table th {
				font-size: 4vw;
		}
		#unrolla .cartItem .wrap table td {
				font-size: 2.4vw;
		}
		#unrolla .cartItem .wrap table td dl {
				width: auto;
		}
		#unrolla #unrolla-form2 .cartItem .wrap table td dl {
				width: 42%;
		}
		#unrolla .cvarea_btn {
				margin-top: 14vw !important;
				width: 85%;
		}
		#unrolla .specArea {
			margin: 2.5em 0 1.5em;
		}
		#unrolla .spec {
				margin: 4vw 4vw 0;
		}
		#unrolla .attention,
#unrolla .noticeCont {
				padding-left: 5.3333333333vw;
				padding-right: 5.3333333333vw;
		}
		#unrolla .notice {
				padding-top: 0;
		}
}
.unrolla-floating {
	position: fixed;
	bottom: 60px;
	right: 50px;
	width: 90px;
	z-index: 1000;
}
.unrolla-floating__link {
	display: inline-block;
	width: 100%;

}
.unrolla-floating__link img {
	width: 100%;
}
@media screen and (max-width:768px) {
	.unrolla-floating {
		right: 10px;
		bottom: 30px;
		width: 55px;
		opacity: 1 !important;
	}
	#unrolla-form {
		padding: 0 0;
	}
	#unrolla-form2 {
		padding: 20px 30px;
	}
	.cartItem.item02 {
		width: 90%;
		top: 56%;
		left: 50%;
		transform: translateX(-50%);
	}
	#unrolla .cartItem .wrap {
		margin: 0px auto 0 auto !important;
	}
	#unrolla .cartItem .wrap table td select {
		border-radius: initial;
		height: 6.5vw;
	}

}

/*-------------------------------------------> animation module */
.anim-fadeInUp {
		opacity: 0;
		animation-duration: 0.75s;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
		animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
		animation-name: none;
}

.anim-fadeIn {
		opacity: 0;
		animation-duration: 0.5s;
		animation-iteration-count: 1;
		animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
		animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
		animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
		animation-name: none;
}

/* delay */
.delay0 {
		animation-delay: 0s;
}

.delay1 {
		animation-delay: 0.2s;
}

.delay2 {
		animation-delay: 0.4s;
}

.delay3 {
		animation-delay: 0.6s;
}

.delay4 {
		animation-delay: 0.8s;
}

.delay5 {
		animation-delay: 1s;
}

.delay6 {
		animation-delay: 1.2s;
}

.delay7 {
		animation-delay: 1.4s;
}

.delay8 {
		animation-delay: 1.6s;
}

.delay9 {
		animation-delay: 1.8s;
}

.delay10 {
		animation-delay: 2s;
}

.delay11 {
		animation-delay: 2.2s;
}

.cartItem + .cartItem {
    margin-top: 100px;
}

/*-------------------------------------------> keyframe */
@keyframes fadeInUp {
		from {
				opacity: 0;
				transform: translate3d(0, 20px, 0);
		}
		to {
				opacity: 1;
				transform: none;
		}
}
@keyframes fadeIn {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}

.spacer {
	padding-top:125px;
}
@media(max-width:767px) {
	.spacer {
		padding-top:160px !important;
	}
}