@charset "utf-8";


/* リセット-------------------------------------------------
----------------------------------------------------------- */

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
}

/* change border colour to suit your needs */
hr {
	border-color: #cccccc;
}



/* text----------------------------------------------------
----------------------------------------------------------- */

.black { color: black; }
.blue { color: blue; }
.blueviolet { color: blueviolet; }
.brown { color: brown; }
.red { color: red; }





/* エラーメッセージ----------------------------------------------------
----------------------------------------------------------- */
.err_msg {/*非表示にしております*/
	color: red;
}

.err_bg {/*エラーの際にclass付与してください*/
	background-color: #fffeea !important;
}



/* ラベル ----------------------------------------------------
----------------------------------------------------------- */
.lb_name01 {
	color: #868686;
	font-weight: bold;
}



/* pay_area -------------------------------------------------
----------------------------------------------------------- */
.ip_01 input::placeholder {
	color: #bfc7d1;
}

.ip_01 input::focus::placeholder {
	color: transparent;
}



/* 必須 任意 --------------------------------------------- */

.ico_hissu {
	background-color: #d9254f;
	color: #FFFFFF;
}

.ico_ninni {
	background-color: #127de2;
	color: #FFFFFF;
}



/* fixurl -------------------------------------------------
----------------------------------------------------------- */

body.fixurl {
	background-color: #FFFFFF;
	background-image: none;
}

.fixurl header .logo_area {
	text-align: center;
}

.fixurl .lb_name01 {
    color: #868686;
    font-weight: bold;
	font-size: 16px;
    word-wrap: break-word;
    display: inline-block;
    max-width: 340px;
    white-space: normal;
}

.fixurl_wrap {
	width:100%;
	max-width: 330px;
	margin: 0 auto;
	margin-top: 32px;
}

.fixurl .sbt_area {
    padding: 24px 0px 0px 0px;
}

.fixurl .ip_01 {
	margin-bottom: 32px;
}

.fixurl .ip_01 input#paymentAmount {
	font-size: 40px;
}

.fixurl .ip_01 input:focus {
	outline: none;
}

.fixurl .ip_01 input {
	border: none;
	border-bottom: 2px solid #cddce0;
	border-radius: 0px;
	font-size: 18px;
	color: #636363;
}

.yen_wrap {
	position: relative;
}

.yen_wrap .yen {
	float: left;
	font-size: 24px;
	position: absolute;
	bottom: 0px;
}

.fixurl	.yen_wrap .yen {
	font-size: 32px;
}

.yen_wrap input {
	width: 300px;
	height: 74px;
	margin-left:30px;
	text-align: right;
	font-size: 40px;
}

.amount {
	font-size: 60px;
	text-align: right;
	padding: 24px 0px 8px 0px;
	padding-left: 20px
}

.amount_area {
	margin-bottom: 32px;
}

.fixurl .err_msg {
	font-size: 14px;
	margin-top: 8px;
}

.fixurl .un_sbt_deco{
	width: 47%;
	height: 36px;
	margin: 6px 1%;
	border-width: 2px;
	font-size:16pt;
	line-height: 32px;
	text-align: center;
}