.color-grey {
	color: #9F9F9F;
}
.small-title {
	font-size: 12px;
}
.no-link {
	text-decoration: none;
}
.kinokuniya-section h2 {
	font-size: 25px;
}

.kinokuniya-section h2,
.kinokuniya-section h5 {
	font-family: 'Helvetica';
}

.kinokuniya-order-summary-title {
	font-size: 24px;
}

#template-pick-an-uni, #template-what-do-you-need {
	background: #E5E5E570;
}

#template-artist-section {
	background: #FCB743;
}

.kinokuniya-video {
	width: 100%;
}

.kinokuniya-profile-image > img {
	width: 75px;
	object-fit: contain;
}

.kinokuniya-artist-description {
	font-family: 'Arial Rounded MT';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	color: #818181;
}

.kinokuniya-collection-button {
	border: 1px solid black;
	border-radius: 24px;
	color: black;
	text-transform: none;
	font-weight: bold;
}

.kinokuniya-profile-container {
	background: white;
	border-radius: 0 0 24px 24px;
}

.kinokuniya-profile-cover-photo {
	background: #E5E5E5;
	border-radius: 24px 24px 0 0;
	height: 200px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

@media (max-width: 1280px) {
	.kinokuniya-profile-cover-photo {
		height: 160px;
	}
}
@media (max-width: 990px) {
	.kinokuniya-profile-cover-photo {
		height: 135px;
	}
}
@media (max-width: 850px) {
	.kinokuniya-profile-cover-photo {
		height: 110px;
	}
}
@media (max-width: 767px) {
	.kinokuniya-profile-cover-photo {
		background-size: cover;
		height: 180px;
	}
}
@media (max-width: 580px) {
	.kinokuniya-profile-cover-photo {
		background-size: cover;
		height: 180px;
	}
}
@media (max-width: 480px) {
	.kinokuniya-profile-cover-photo {
		background-size: cover;
		height: 180px;
	}
}
@media (max-width: 380px) {
	.kinokuniya-profile-cover-photo {
		background-size: cover;
		height: 150px;
	}
}

#template-keep-in-touch {
	background: #005165;
}

.template-kit-primary-btn {
	/* background:white;  */
	/* height: 400px;  */
	margin: 0.5rem;
	border-radius: 24px;
}

.template-kit-sub-btn {
	/* background:white;  */
	flex: 1;
	margin: 0.5rem;
	border-radius: 24px;
}

.kinokuniya-artist-card {
	width: 100%;
}

.kinokuniya-meet-artists-view-all,
.kinokuniya-watch-demo-video {
	font-family: 'Helvetica';
	font-size: 18px;
	color: black;
}

.kinokuniya-watch-demo-video {
	text-decoration: underline;
	text-underline-offset: 0.25rem;
}

.kinokuniya-meet-artists-view-all:focus {
	box-shadow: none !important;
}

.kinokuniya-section-image-element {
	object-fit: contain;
	border-radius: 8px;
	/* margin-top: 15px;
	margin-bottom: 10px; */
}

.kinokuniya-section-image-container:hover .kinokuniya-section-image-element {
	opacity: 0.5;
}

.kinokuniya-section-image-container:hover .kinokuniya-section-image-middle {
	opacity: 1;
}

.kinokuniya-section-image-element {
	opacity: 1;
	display: block;
	width: 100%;
	transition: .5s ease;
	backface-visibility: hidden;
}

.kinokuniya-section-image-middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.kinokuniya-section-image-text {
	font-family: 'Helvetica';
	color: black;
}

.kinokuniya-section-image{
	border: 0;
	padding: 0;
	border-radius: 8px;
}

.kinokuniya-section-image:focus {
	outline: none;
  }

.kinokuniya-pick-design-dropdown {
	width: 100%;
	padding: 12px 8px;
	text-align: center;
	border-radius: 0.75rem;
	cursor: pointer;
	border: 2px solid #B4B2B2;
	outline: none;
}


.kinokuniya-festival-section {
	width: 95%;
	text-align: center;
	margin: auto;
	font-size: 14px;
}

.kinokuniya-input-group-button {
	position: absolute;
	z-index: 99;
	height: 100%;
	display: flex;
}

.kinokuniya-pick-input-field {
	text-align: center;
	border-radius: 0.75rem !important;
}

.kinokuniya-pick-quantity-minus-button {
	left: 0;
}

.kinokuniya-pick-quantity-plus-button {
	right: 0;
}

.kinokuniya-section-entity-details {
	margin: 2.25rem 2.25rem 24px;
}

.kinokuniya-section-entity-details {
	font-family: 'Helvetica';
	font-size: 18px;
}

.kinokuniya-festival-label {
	background: transparent;
	border: none;
	font-size: 11px;
	color: black;
}

.kinokuniya-festival-label:focus {
	outline: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

.kinokuniya-artist-link {
	color: black;
	text-transform: none;
}

.kinokuniya-artist-link-alias {
	font-weight: 500;
}

.artist-details-image-slide > img {
	width: 100%;
	object-fit: contain;
}

.kinokuniya-artwork-checkout-section {
	height: 550px;
	/* background: white; */
	border-radius: 10px;
}

.kinokuniya-promo-input-section {
	width: 100%;
}

.kinokuniya-promo-input-field {
	padding: 1.75rem 0.75rem;
	border-radius: 10px;
}

.kinokuniya-promo-apply-field, .kinokuniya-promo-remove-field {
	position: absolute;
	right: 0;
	height: calc(2.75em + .75rem + 2px);
}

.kinokuniya-order-remark-field {
	border-radius: 10px;
	resize: none;
}

.kinokuniya-promo-input-button {
	background: #3CCEC9;
	border-radius: 0 10px 10px 0;
	color: white;
}

.kinokuniya-checkout-card-section {
	border-radius: 10px;
}

.kinokuniya-checkout-gift-font-case-title {
	border: 1px solid #b4b2b2;
	border-radius: 10px 10px 0 0;
}

.kinokuniya-checkout-gift-confirm-btn-layout {
	background: #3CCEC9;
	color: white;
	border: 0;
	width: 100%;
	height: 50px;
	border-radius: 10px;
	font-size: 18px;
}

.content-two-hash-label {
	font-size: 22px;
}

.content-two-hash {
	font-size: 30px;
	/* line-height: 3.5rem; */
}

.kinokuniya-checkout-receipt-modal {
	/* background-image: url('/images/checkout_edit_v2.png'); */
	background-size: cover;
	min-height: 550px;
	position: relative;
}

.kinokuniya-checkout-receipt-modal-content {
	position: absolute;
	top: 160px;
	left: 55px;
}

/* test background receipt image */
.kinokuniya-checkout-receipt-modal-title-one{
	max-width:96vw;
}

.kinokuniya-image-title-section-div{
	background-image: url('/images/receipt_checkout_section.png');
}

.kinokuniya-image-barcode-section-div{
	background-image: url('/images/receipt_checkout_down.png');
}

.kinokuniya-image-title-section-div,
.kinokuniya-image-barcode-section-div
{
	background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 0px 40px 30px 30px;
    max-width: 96vw;
    transform: translateY(-2px);
}

/*end test*/

.kinokuniya-checkout-receipt-modal-title {
	font-size: 20px;
}

.kinokuniya-checkout-receipt-modal-image {
	width: 100%;
	/* height: 100%; */
	/* object-fit:contain; */
	object-fit: contain;
	/* aspect-ratio: 3/4; */
}

.kinokuniya-checkout-receipt-modal-ship-details {
	font-size: 14px;
}

.kinokuniya-checkout-receipt-modal-content-two {
	position: absolute;
	bottom: 80px; /* 105px */
	/* top:400px; */
	width: 100%;
}

.kinokuniya-receipt-upload-button,
.kinokuniya-submit-button,
.kinokuniya-receipt-submit-button {
	width: 85%;
	margin: auto;
	height: 3.5rem;
	border-radius: 10px;
}


.kinokuniya-submit-button,
.kinokuniya-receipt-submit-button {
	background: #3CCEC9;
	color: white;
	border: 0;
	font-size: 20px;
}

.wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	grid-auto-rows: auto;
}

.one {
	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 1;
	grid-row-end: 3;
}

.two {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}

.three {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 2;
}

.template-kit-container .template img {
	object-fit: contain;
	border-radius: 16.613px;
}

.kinokuniya-thank-you-info {
	border-bottom: 1px solid #E5E5E5;
	height: 5.25rem;
}

.kinokuniya-checkout-loading {
	position: absolute;
	top: 50%;
	left: 37%;
}

.kinokuniya-checkout-accordion-title {
	color: black;
}

.kinokuniya-checkout-accordion-button:focus {
	outline: none;
	box-shadow: none;
}

.kinokuniya-sticker-size {
	width: 130px;
	height: 130px;
	object-fit: contain;
}

/* product selection css test */
.kinokuniya-pick-personalize-dropdown {
	width: 100%;
	padding: 12px 10px;
	border-radius: 0.75rem;
	cursor: pointer;
	border: 2px solid #B4B2B2;
	outline: none;
}


.kinokuniya-pick-personalize-dropdown ul li.option {
	background-color: #E5E5E580;
}

.kinokuniya-pick-personalize-dropdown ul li.option:hover {
	background-color: #B8B8B8;
}

.kinokuniya-pick-personalize-dropdown ul li.option {
	z-index: 1;
	padding: 15px;
	display: none;
	list-style: none;
}

.kinokuniya-pick-personalize-dropdown ul li:first-child {
	display: block;
	border-radius: 10px;
	border: 2px solid #B4B2B2;
}

.kinokuniya-pick-personalize-dropdown ul li {
	cursor: default;
}

.kinokuniya-artist-details-cover-image {
	background-size: cover;
	background-position: 50% 50%;
	height: 350px;
}

#promotional-banner-slick .swiper-pagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 7.25rem;
	/* bottom: 15%; */
}

#promotional-banner-slick img {
    height: auto !important;
}

#promotional-banner-slick .swiper-pagination .swiper-pagination-bullet {
	margin: 0 4px;
}

.promotional-home-slick .swiper-pagination {
	bottom: 0 !important;
}

/* option selection  ui */
.kinokuniya-pick-model .select2-selection__rendered,
.kinokuniya-pick-colour .select2-selection__rendered,
.kinokuniya-pick-size .select2-selection__rendered {
	line-height: 3.5rem !important;
	padding-left: 1.2rem !important;
}

.kinokuniya-pick-model .select2-container .select2-selection--single,
.kinokuniya-pick-colour .select2-container .select2-selection--single,
.kinokuniya-pick-size .select2-container .select2-selection--single {
	height: 3.5rem !important;
}

.kinokuniya-pick-model .select2-selection__arrow,
.kinokuniya-pick-colour .select2-selection__arrow,
.kinokuniya-pick-size .select2-selection__arrow {
	height: 3.5rem !important;
}

.kinokuniya-pick-model .select2-container--default .select2-selection--single,
.kinokuniya-pick-colour .select2-container--default .select2-selection--single,
.kinokuniya-pick-size .select2-container--default .select2-selection--single {
	border: 2px solid #B4B2B2 !important;
	border-radius: 0.75rem;
}

.kinokuniya-pick-model .select2-selection__arrow,
.kinokuniya-pick-colour .select2-selection__arrow,
.kinokuniya-pick-size .select2-selection__arrow {
	margin-top: -5px;
	top: 35% !important;
	font-size: 20px;
	margin-right: 0.5rem;
}

.kinokuniya-festival-div:focus-within {
	border: 2px solid #00C8CE;
}

.kinokuniya-festival-div.active {
	border: 2px solid #00C8CE;
}

.kinokuniya-redirect-to-main {
	color: black;
}

.kinokuniya-redirect-to-main:hover {
	text-decoration: none;
}

.artist-details-image-slide {
	width: 20vw;
}

#kinokuniyaDemoVideoModal .modal-body{
    padding:0;
}

#exampleModalCenter .modal-body {
	padding: 0;
}

.kinokuniya-product-specifications{
	text-decoration: underline;
}

@media only screen and (max-width: 500px){
    #template-design-section{
        /* padding:0 2.25rem; */
    }
}


@media only screen and (max-width: 1300px) {
	.kinokuniya-profile-container > div {
		margin: 0;
	}
}

@media only screen and (width < 1200px

), screen and

(max-device-width:

1199px

) {
	/* .template-kit-container{
		display:flex;
		flex-direction:column;
	}

	.template-kit-container .template img{
		height:100%;
	}

	.wrapper {
		grid-template-columns: 1fr;
	}

	.one {
		grid-column: 1;
		grid-row: auto;
	}

	.two,
	.three {
		grid-column: 1;
	} */
}

	@media only screen and (max-width: 768px) {
		/* .template-kit-sub-btn
		{
			height:200px;
		}

		.template-kit-primary-btn{
			height:300px;
		} */
		.template-kit-sub-btn {
			flex: auto;
		}
	}

	@media only screen and (max-width: 767px) {
		.artist-details-image-slide {
			width: 50vw;
		}

		.kinokuniya-artist-details-cover-image {
			height: 200px;
		}
	}

	#product-slick .swiper-pagination-bullet {
		background: rgba(83, 83, 83, 1) !important;
	}

	#product-slick .swiper-pagination-bullet-active {
		background: #00C8CE !important;
	}

	/* pending */
	/* fix modal content on iphone xs max */
	.order-summary-container {
		width: 460px;
		margin: 0 auto;
	}

	#artist-details-image-slick img:hover {
		cursor: pointer;
	}

	.custom-dropdown {
		border: solid black;
		border-width: 0 3px 3px 0;
		/* border-width: 0 3px 3px 0; */
		display: inline-block;
		padding: 4px;
		/* padding: 5px; */
		border-radius: 1px;
		position: absolute;
		right: 12px;
		top: 20px;
	}

	.down {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;
	}

	.dropdown-menu {
		border: 2px solid #B4B2B2 !important;
		padding: 1rem !important;
		font-size: 14px !important;
		width: 100% !important;
		min-width: unset !important;
		border-radius: 0.75rem !important;
	}

	.dropdown-template {
		display: block;
		width: 100%;
		padding: 0.25rem 0;
		cursor: pointer;
	}

	.dropdown-img {
		width: 40px;
		border-radius: 50%;
	}

	.kinokuniya-pick-design-dropdown {
		display: none !important;
	}

	.custom-artist-dropdown,
	.print-dropdown {
		width: 100%;
		padding: 12px 8px;
		text-align: center;
		border-radius: 0.75rem;
		cursor: pointer;
		border: 2px solid #B4B2B2;
		outline: none;
	}

	.kinokuniya-section-ori-price {
		font-size: 14px !important;
		font-weight: normal;
	}

	.diagonal-strikethrough {
		position: relative;
	}

	.diagonal-strikethrough::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 1.5px; /* Adjust the height as needed */
		background-color: rgb(0, 0, 0); /* Change the color as needed */
		top: 55%; /* Adjust the positioning as needed */
		left: 0;
		/*transform: rotate(-5deg);*/
		transform-origin: top left;
	}

	.container-color {
		display: flex;
		align-items: center;
		font-size: 1rem;
		/* width: 200px; */
		border: 2px solid #B4B2B2;
		box-sizing: border-box;
		border-radius: 10.6589px;
	}

	input[type="color"] {
		border: none;
		background-color: transparent;
		width: 50px;
		height: 50px;
		outline: none;
	}

	#color-picker::-webkit-color-swatch {
		border-radius: 100%;
	}


	@media only screen and (max-width: 358px) {
		.kinokuniya-checkout-receipt-modal-text{
			font-size: 0.9rem;
		}

		.kinokuniya-image-title-section-div{
			padding: 0px 30px 30px 20px;
		}
	}

.kinokuniya-cart-qty-decrement:focus, 
.kinokuniya-cart-qty-increment:focus {
	outline: none;
}

.kinokuniya-cart-remove-btn{
	border: 0;
	background: transparent;
}

.kinokuniya-cart-grand-total {
	font-size: 18px;
}