@charset "utf-8";

#point {
	width: 842px;
    float: right;
    margin-top: 2em;
}

#point h1 {
	font-size: 2.5em;
    color: #545467;
	margin: 0 auto 10px;
	position: relative;
	padding: 0 0 5px 0;
}

#point h1::after{
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background: linear-gradient(to right, #fede00, #fff997);
}

#point h2{
	background: #fff997;
	border-radius: 10px;
	font-size: 20px;
	padding: 10px;
	margin:40px 0 15px 0;
}

#point h2 span{
	border-left: 7px solid #fede00;
    padding-left: 15px;
}

#point .fs14 {
	font-size: 14px;
}

#point button {
	color: #fff;
    background: #1c2c57;
    width: 150px;
    height: 30px;
    font-size: 14px;
	border-radius: 4px;
    border: none;
    margin-top:5px;
}

#point .hover:hover {
	background-color:#2394c6;
}

#point .error_btn {
	opacity: 0.2;
    zoom: 1;
}

/*選択したプレゼント*/
#point .choice h3{
	font-size:20px;
	color:#555566;
	font-weight: bold;
	margin-bottom: 20px;
}

#point .choice .hr1 {
	background-color: #555566;
	margin: 10px 0;
}

#point .choice .flex{
	display: flex;
	justify-content: space-between;
	flex-flow: row;
	margin: 10px 0;
}

#point .choice .flex .flex1{
	flex-basis: 35%;
	margin-left: 25px;
}

#point .choice .flex .flex2{
	flex-basis: 20%;
	text-align:right;
}

#point .choice .flex .flex3{
	flex-basis: 25%;
	text-align:right;
}

#point .choice .flex .flex4{
	flex-basis: 20%;
	text-align:center;
}

#point .choice .delete{
	color:#555566;
	border:none;
	background-color:transparent;
	text-decoration:underline;
	padding-top: 2px;
	font-size:12px !important;
}

#point .choice .total {
	text-align: right;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
	margin-bottom: 10px;
}

/*プレゼントリスト*/
#point .presentList h3{
	color: #1c2c57;
	font-size: 20px;
	text-align: left;
}

#point .txtArea {
	margin-bottom: 20px;
	font-size: 14px;
}

#point .red {
	color: red;
}

#point .presentList .jumpLink{
	/* ページ内リンクのずれを修正 */
	margin-top: -200px;
	padding-top: 200px;
	display: flex;
    border: 0;
}

#point .presentList h5{
	color:#555566;
	font-size: 15px;
	text-align: left;
	margin: 10px 0 5px 0;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
}

#point .presentList h5::before{
	content: "●";
}

#point .presentList .presentType{
	color: #1c2c57;
	font-size: 20px;
	padding-bottom: 5px;
	
}
#point .presentList .flx02{
	display: flex;
	flex-flow: row;
	justify-content:space-between;
}

#point .presentList .img01{
	width: 260px;
	height: 150px;
}

#point .presentList .txt01{
	width: 400px;
	font-size: 12px;
	text-align:left;
	height: 50px;
}

#point .presentList .flx03{
	display: flex;
	flex-flow: column;
	justify-content:flex-end;
	align-items: flex-start;
}

#point .presentList .selectbtn{
	font-size: 12px;
	width:150px;
	padding:5px;
	font-family:"ヒラギノ角ゴ w3 jis2004,hiragino kaku gothic w3 jis2004,ヒラギノ角ゴ pron w3,hiragino kaku gothic pron,メイリオ,Meiryo,Helvetica,Arial,sans-serif";
}

#point .presentList .presentListSeparate {
    border: 0;
    width: 100%;
    height: 1px;
    background-color: #555566;
    margin: 20px 0;
}

#point .presentList .flx03 .text {
	font-size: 13px;
	margin-top: 35px;
	margin-bottom: 5px;
}

#point #pointInput {
	font-size: 14px;
    width: 135px;
    padding: 5px;
}

/*エラーメッセージ*/
#orverError {
	padding: 10px;
	background-color: #FFE6ED;
}
#orverError span{
	color: red;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic W7 JIS2004';
	font-weight: bold;
}

#point #inputError{
	color: red;
	display: none;
	font-size: 13px;
	margin-top: 5px;
}