@charset "euc-jp";
/*-----------------------------------------------------------------------------
** オンライン決済　/livemax/ /good/ /livemax-pm/
-----------------------------------------------------------------------------*/
section.input {
	padding: 30px 20px;
}
@media print, screen and (min-width: 768px) {
	section.input {
		margin: 0 auto 40px;
		width: 700px;
	}
}
section.input h2 {
	text-align: center;
}
section.input dl {
	margin: 0 20px 30px;
}
section.input dt {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 16px;
	padding: 4px 0 4px 10px;
}
.live section.input dt {
	border-left: 4px solid #0b463d;
}
.live-pm section.input dt {
	border-left: 4px solid #0b2346;
}
.good section.input dt {
	border-left: 4px solid #b60a1f;
}
@media print, screen and (min-width: 768px) {
	section.input dt {
		float: left;
		width: 220px;
	}
	section.input dd {
		float: left;
	}
}
.comment {
	background: #ffffc2;
	margin: 20px 20px 40px;
	padding: 10px 20px;
}

/* g-recaptchaのサイズをスマホ対応させる */
@media screen and (max-height: 575px){
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

/*-----------------------------------------------------------------------------
** 決済方法選択　/livemax/ /good/ /livemax-pm/
-----------------------------------------------------------------------------*/
.live p.tit {
	background: #d6fdd8;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color: #072c27;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 6px 0;
	text-align: center;
}
.live-pm p.tit {
	background: #d6f5fd;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color: #0b2346;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 6px 0;
	text-align: center;
}
.good p.tit {
	background: #FFECEC;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color: #CC0000;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 6px 0;
	text-align: center;
}
/* creditInfo */
div.creditInfo {
	background: #ffefdb;
	border: 1px dotted #EA7500;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 15px;
}
div.creditInfo h4 {
	color: #EA7500;
	font-size: 1.5rem;
	margin-bottom: 4px;
	text-align: center;
}
div.creditInfo h4 i {
	margin-right: 4px;
}
div.creditInfo p {
	font-size: 1.3rem;
	margin-bottom: 10px;
}
div.creditInfo button {
	width: 94%;
}
div.creditInfo p.note {
	margin: 6px 0 0;
	text-align: center;
}
/* allCheck */
div.allCheck {
	margin: 0 auto;
}
div.allCheck label {
	min-height: auto;
}
div.allCheck .label-content {
	margin: 0 auto 10px;
	width: auto;
}
div.allCheck label .radio-txt {
	text-align: left;
}
.tableWrap {
	margin: 16px 20px 0;
}
table.gray02 th.period {
	width: 21%;
}
table.gray02 th.price {
	width: 13%;
}
table.gray02 th.date {
	width: 17%;
}
table.gray02 th.status {
	width: 9%;
}
table.gray02 th.credit {
	width: 16%;
}
table.gray02 th.conveni {
	width: 17%;
}
table.gray02 td span {
	color: #FF0000;
	font-size: 1.2rem;
}
@media print, screen and (min-width: 768px) {
	div.creditInfo button {
		width: 40%;
	}
	div.allCheck {
		border-bottom: none;
		margin-bottom: 0;
	}
	table.gray02 tr:nth-child(even) td {
		background-color: #F2F2F2;
	}
}
@media print, screen and (max-width: 767px) {
	td.btn_S a.btn {
		margin-top: 30px;
	}
}
tr.dataWrap .btn {
	margin-right: 0;
}
@media print, screen and (min-width: 768px) {
	td.btn_S {
		text-align: center;
	}
}
table.gray02 td.price {
	font-weight: bold;
	text-align: right;
}
table.gray02 td.status {
	font-weight: bold;
}
@media print, screen and (min-width: 768px) {
	table.gray02 td.status {
		text-align: center;
	}
	table.gray02 td.check {
		text-align: center;
	}
}
table.gray02 td.status span {
	color: #6c6c6c;
	font-size: 1.2rem;
	font-weight: normal;
}
table.gray02 td.unpaid {
	color: #da0f0f;
}

/*-----------------------------------------------------------------------------
** コンビニ決済　/livemax/ /good/ /livemax-pm/
-----------------------------------------------------------------------------*/
.cvsList li {
	background: #F3F3F3;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%);/* IE10+ */
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%);/* Mozilla Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #F3F3F3));/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F3F3F3 100%);/* Webkit (Chrome 11+) */
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F3F3F3 100%);
	border: 1px solid #a9a9a9;
	border-radius: 10px;
	margin-bottom: 14px;
}
@media print, screen and (min-width: 768px) {
	.cvsList li {
		float: left;
		width: 45%;
		margin-right: 2%;
	}
	.cvsList li:nth-child(even) {
		margin-right: 0;
	}
}
.cvsList li label.label-content {
	border-collapse: separate;  /* ←ココで余白 */
	border-spacing: 10px;  /* ←ココで余白 */
}
ul.btnArea {
	margin: 0 auto 30px;
	padding: 0 3%;
}
ul.btnArea li button {
	float: left;
	width: 49%;
}
ul.btnArea li:first-child button {
	margin-right: 2%;
}
/*-----------------------------------------------------------------------------
** コンビニ支払い　/livemax/ /good/ /livemax-pm/
-----------------------------------------------------------------------------*/
.flowWrap {
	margin: 0 auto 40px;
	width: 94%;
}
.flowWrap h4 {
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 8px 14px;
}
section#lawson h4 {
	background: #26459a;
}
section#seico h4 {
	background: #ff6600;
}
section#famima h4 {
	background: #0092d8;
}
section#cks h4 {
	background: #e50112;
}
section#daily h4 {
	background: #e50112;
}
section#mini h4 {
	background: #26459a;
}
.flowWrap h4 i {
	margin-right: 6px;
}
.flowWrap p {
	margin-bottom: 20px;
}
@media print, screen and (min-width: 768px) {
	.flowWrap p {
		margin: 0 10px 20px 10px;
	}
}
.flowWrap ul.flowImg {
	margin: 0 auto;
	width: 94%;
}
.flowWrap ul.flowImg li {
	margin-bottom: 14px;
	text-align: center;
}
@media print, screen and (max-width: 497px) {
	.flowWrap ul.flowImg li:first-child {
		display: none;
	}
}
@media print, screen and (min-width: 498px) {
	.flowWrap ul.flowImg li {
		float: left;
		margin-right: 10px;
	}
}
.flowWrap .recepWrap {
	margin-bottom: 20px;
	text-align: center;
}

/*-----------------------------------------------------------------------------
** 特定商取引　/livemax/ /good/ /livemax-pm/
-----------------------------------------------------------------------------*/
section.tokutei {
	padding: 20px;
}
section.tokutei dl {
	margin-bottom: 30px;
}
section.tokutei dd img {
	border:1px solid #008cff;
}
@media print, screen and (min-width: 768px) {
	section.tokutei dd {
		margin-left: 14px;
	}
	section.tokutei dd a {
		color: #333333;
	}
}