@charset "UTF-8";
/* CSS Document */

.yutai_ticket { width: 100% !important;}
.yutai_ticket dt,
.remarks dt {width: 16.5% !important;}
.yutai_ticket dd { display: flex;}
.yutai_ticket dd img { 
	width: 45%;
	padding-right: 1.25rem;
}
.remarks { width: 100% !important;}
	
.payment_area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.6;
  	padding: 1.75vw 0 1vw;
  	border-bottom: 1px solid #dbd9d9;
	width: 100%;
}
.payment_area .payment_main_title { width: 17.5%;}
.payment_area .payment_main_title p { 
	position: relative;
	font-size: min(1.165vw,1.15rem);
	font-weight: 600;
	padding-left: 10px;
	margin-right: 1vw;
	margin-bottom: 0.25rem;
}
.payment_area .payment_main_title p::before {
	position: absolute;
	top: 40%;
	left: 0;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #3398cc;
}
.payment_area .payment_main_title > span {
	display: block;
	font-size: min(2.5vw,0.75rem);
	font-weight: 600;
}
.payment_area .payment_main_title span span { color: #cf0e0a; font-weight: 600;}
	
.payment_outer { width: 82%;}
.payment_wrap { margin-bottom: 1rem;}
.payment_wrap:last-child { margin-bottom: 0;}
.credit_wrap,
.barcode_wrap,
.electronic_wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.credit_wrap li,
.barcode_wrap li,
.electronic_wrap li { 
	width: 18%;
	max-width: 162px;
	/*box-shadow: 0 0 4px rgba(0,0,0,.15);*/
	border: 1px solid #dbd9d9;
	padding: 5.25rem 0 0.75rem;
	margin-right: 1rem;
	margin-bottom: 1rem;
	border-radius: 0.5rem;
}
.credit_wrap li:nth-child(5) { margin-rigt: 0 !important;}
.credit_wrap li:last-child,
.barcode_wrap li:last-child,
.electronic_wrap li:last-child { margin-right: 0;}
	
.credit_wrap li span,
.barcode_wrap li span,
.electronic_wrap li span {
	display: block;
	font-size: min(2vw,0.8rem);
	font-weight: 700;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.25;
}
.payment_title {
	font-size: min(3.25vw,0.85rem);
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

/*--------------------------------------
	CREDIT CARD LAYOUT
--------------------------------------*/
.credit_wrap .credit01 {
	background: url(https://www.dewpoint.jp/assets/images/common/visa_logo.svg) center 1.95rem no-repeat;
	background-size: 45%;
}
.credit_wrap .credit02 {
	background: url(https://www.dewpoint.jp/assets/images/common/mc_logo.svg) center 1.25rem no-repeat;
	background-size: 40%;
}
.credit_wrap .credit03 {
	background: url(https://www.dewpoint.jp/assets/images/common/jcb_logo.png) center 1.25rem no-repeat;
	background-size: 37%;
}
.credit_wrap .credit04 {
	background: url(https://www.dewpoint.jp/assets/images/common/amex_logo.png) center 0.9rem no-repeat;
	background-size: 35%;
}
.credit_wrap .credit05 {
	background: url(https://www.dewpoint.jp/assets/images/common/diners_logo.png) center 1.25rem no-repeat;
	background-size: 38%;
}
.credit_wrap .credit06 {
	background: url(https://www.dewpoint.jp/assets/images/common/discover_logo.png) center 1.2rem no-repeat;
	background-size: 40%;
}

/*--------------------------------------
	BARCODE LAYOUT
--------------------------------------*/
.barcode_wrap .barcode01 {
	background: url(https://www.dewpoint.jp/assets/images/common/dbarai_logo.png) center 0.25rem no-repeat;
	background-size: 45%;
}
.barcode_wrap .barcode02 {
	background: url(https://www.dewpoint.jp/assets/images/common/r-pay_logo.png) center 0.5rem no-repeat;
	background-size: 38%;
}
.barcode_wrap .barcode03 {
	background: url(https://www.dewpoint.jp/assets/images/common/paypay_logo.png) center 0 no-repeat;
	background-size: 50%;
}
.barcode_wrap .barcode04 {
	background: url(https://www.dewpoint.jp/assets/images/common/au-pay_logo.png) center 1.25rem no-repeat;
	background-size: 70%;
}

/*--------------------------------------
	ELECTRONIC LAYOUT
--------------------------------------*/
.electronic_wrap .electronic01 {
	background: url(https://www.dewpoint.jp/assets/images/common/id_logo.png) center 1.125rem no-repeat;
	background-size: 50%;
}
.electronic_wrap .electronic02 {
	background: url(https://www.dewpoint.jp/assets/images/common/r-edy_logo.jpg) center 0 no-repeat;
	background-size: 62.5%;
}
.electronic_wrap .electronic03 {
	background: url(https://www.dewpoint.jp/assets/images/common/waon_logo.png) center 0.925rem no-repeat;
	background-size: 52.5%;
}
.electronic_wrap .electronic04 {
	background: url(https://www.dewpoint.jp/assets/images/common/majica_logo.png) center 0.925rem no-repeat;
	background-size: 32.5%;
}
.electronic_wrap .electronic05 {
	background: url(https://www.dewpoint.jp/assets/images/common/nanaco_logo.png) center 0.875rem no-repeat;
	background-size: 52.5%;
}
.electronic_wrap .electronic06 {
	background: url(https://www.dewpoint.jp/assets/images/common/quicpay_logo.png) center 0.25rem no-repeat;
	background-size: 65%;
}
	
.denshi-money {
	background: url(https://www.dewpoint.jp/assets/images/common/denshi-money_logo.png) left no-repeat;
	background-size: 65%;
	width: 100%;
	padding: 5rem 0;
}
	
@media (max-width: 767px) and (min-width: 320px) {
				
	.yutai_ticket { width: 100% !important;}
	.yutai_ticket dt,
	.remarks dt {width: 100% !important;}
	.yutai_ticket dd { display: flex; flex-wrap: wrap;}
	.yutai_ticket dd img {
		display: block;
		width: 80%;
		margin: 0 auto 0.5rem;
		padding-right: 0;
	}
	.remarks { width: 100% !important;}
	
	.payment_area {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		line-height: 1.6;
  		padding: 3.75vw 0;
  		border-bottom: 1px solid #dbd9d9;
		width: 100%;
	}
	.payment_area .payment_main_title { width: 100%; margin-bottom: 1rem;}
	.payment_area .payment_main_title p { 
		position: relative;
		font-size: min(3.5vw,1.25rem);
		font-weight: 600;
		padding-left: 10px;
		margin-right: 1vw;
		margin-bottom: 0.75rem;
	}
	.payment_area .payment_main_title p::before {
		position: absolute;
		top: 40%;
		left: 0;
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: #3398cc;
	}
	.payment_area .payment_main_title > span {
		display: block;
		font-size: min(3vw,0.925rem);
		font-weight: 500;
	}
	.payment_area .payment_main_title span span { color: #cf0e0a; font-weight: 600;}
		
		
	.payment_outer { width: 100%;}
	.payment_wrap { margin-bottom: 1rem;}
	.payment_wrap:last-child { margin-bottom: 0;}
		
	.credit_wrap,
	.barcode_wrap,
	.electronic_wrap {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.credit_wrap li,
	.barcode_wrap li,
	.electronic_wrap li { 
		width: 31%;
		max-width: 162px;
		/*box-shadow: 0 0 4px rgba(0,0,0,.15);*/
		border: 1px solid #dbd9d9;
		padding: 3.75rem 0.5rem 0.75rem;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
		border-radius: 0.25rem;
	}
	.credit_wrap li:last-child,
	.barcode_wrap li:last-child,
	.electronic_wrap li:last-child,
	.credit_wrap li:nth-child(3),
	.barcode_wrap li:nth-child(3),
	.electronic_wrap li:nth-child(3){ margin-right: 0;}
	
	.credit_wrap li span,
	.barcode_wrap li span,
	.electronic_wrap li span {
		display: block;
		font-size: min(2.95vw,0.875rem);
		font-weight: 700;
		text-align: center;
		letter-spacing: 0;
		line-height: 1.25;
	}
	.payment_title { 
		font-size: min(3vw,0.9rem);
		font-weight: 600;
		margin-bottom: 0.5rem;
	}
	
	/*--------------------------------------
		CREDIT CARD LAYOUT
	--------------------------------------*/
	.credit_wrap .credit01 {
		background: url(https://www.dewpoint.jp/assets/images/common/visa_logo.svg) center 1.5rem no-repeat;
		background-size: 50%;
	}
	.credit_wrap .credit02 {
		background: url(https://www.dewpoint.jp/assets/images/common/mc_logo.svg) center 1rem no-repeat;
		background-size: 45%;
	}
	.credit_wrap .credit03 {
		background: url(https://www.dewpoint.jp/assets/images/common/jcb_logo.png) center 0.95rem no-repeat;
		background-size: 37%;
	}
	.credit_wrap .credit04 {
		background: url(https://www.dewpoint.jp/assets/images/common/amex_logo.png) center 0.5rem no-repeat;
		background-size: 42.5%;
	}
	.credit_wrap .credit05 {
		background: url(https://www.dewpoint.jp/assets/images/common/diners_logo.png) center 0.75rem no-repeat;
		background-size: 47.5%;
	}
	.credit_wrap .credit06 {
		background: url(https://www.dewpoint.jp/assets/images/common/discover_logo.png) center 0.7rem no-repeat;
		background-size: 50%;
	}
	
	/*--------------------------------------
		BARCODE LAYOUT
	--------------------------------------*/
	.barcode_wrap .barcode01 {
		background: url(https://www.dewpoint.jp/assets/images/common/dbarai_logo.png) center 0.25rem no-repeat;
		background-size: 50%;
	}
	.barcode_wrap .barcode02 {
		background: url(https://www.dewpoint.jp/assets/images/common/r-pay_logo.png) center 0.325rem no-repeat;
		background-size: 45%;
	}
	.barcode_wrap .barcode03 {
		background: url(https://www.dewpoint.jp/assets/images/common/paypay_logo.png) center 0.075rem no-repeat;
		background-size: 57.5%;
	}
	.barcode_wrap .barcode04 {
		background: url(https://www.dewpoint.jp/assets/images/common/au-pay_logo.png) center 1.25rem no-repeat;
		background-size: 72.5%;
	}
	
	/*--------------------------------------
		ELECTRONIC LAYOUT
	--------------------------------------*/
	.electronic_wrap .electronic01 {
		background: url(https://www.dewpoint.jp/assets/images/common/id_logo.png) center 1.05rem no-repeat;
		background-size: 47.5%;
	}
	.electronic_wrap .electronic02 {
		background: url(https://www.dewpoint.jp/assets/images/common/r-edy_logo.jpg) center 0 no-repeat;
		background-size: 62.5%;
	}
	.electronic_wrap .electronic03 {
		background: url(https://www.dewpoint.jp/assets/images/common/waon_logo.png) center 0.925rem no-repeat;
		background-size: 52.5%;
	}
	.electronic_wrap .electronic04 {
		background: url(https://www.dewpoint.jp/assets/images/common/majica_logo.png) center 0.925rem no-repeat;
		background-size: 32.5%;
	}
	.electronic_wrap .electronic05 {
		background: url(https://www.dewpoint.jp/assets/images/common/nanaco_logo.png) center 0.875rem no-repeat;
		background-size: 52.5%;
	}
	.electronic_wrap .electronic06 {
		background: url(https://www.dewpoint.jp/assets/images/common/quicpay_logo.png) center 0.25rem no-repeat;
		background-size: 67.5%;
	}
		
}