/* point common
-----------------------------------------------*/
ul {
	list-style: none;
}
.box-style__inner {
	position: relative;
}

/* exchange btn
-----------------------------------------------*/
.exchange-btn-wrap {
	margin: 30px 0;
	text-align: center;
}
.exchange-btn-wrap a {
	width: 320px;
	height: 58px;
	font-size: 16px;
	line-height: 56px;
}
.exchange-btn-wrap a:first-child {
	margin-right:63px;
}

/* point list
-----------------------------------------------*/
.point-list__select {
	position: absolute;
	top: 64px;
	right: 60px;
	width: 130px;
}
.point-list__wrap__head {
	padding: 0 20px;
}
.point-list__wrap__head span {
	font-size: 17px;
}
.point-list__wrap__list__item {
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
	cursor: pointer;
}
.point-list__wrap__list__item__inner {
	font-size: 17px;
}
.point-list__wrap__head__titme01,
.point-list__wrap__list__item__inner__time01 {
	width: 10%;
	padding-right: 10px;
}
.point-list__wrap__head__titme02,
.point-list__wrap__list__item__inner__time02 {
	width: 15%;
	padding-right: 10px;
}
.point-list__wrap__head__contents,
.point-list__wrap__list__item__inner__text {
	width: 32%;
	padding-right: 10px;
}
.point-list__wrap__head__contents {
	text-align: center;
}
.point-list__wrap__list__item__inner__text__hotel {
	padding-right: 4px;
}
.point-list__wrap__head__point,
.point-list__wrap__list__item__inner__point {
	width: 15%;
	padding-right: 10px;
	text-align: center;
}
.point-list__wrap__head__remarks,
.point-list__wrap__list__item__inner__comment {
	width: 28%;
	padding-right: 40px;
}
.point-list__wrap__head__remarks {
	text-align: center;
}
.point-list__wrap__list__item__detail {
	display: none;
	width: calc(100% + 40px);
	margin: 20px 0 0 -20px;
	padding: 0 20px;
}
.point-list__wrap__list__item__inner__detail-wrap__area:first-child {
	width: 58%;
	padding-left: 22%;
}
.point-list__wrap__list__item__inner__detail-wrap__area {
	width: 42%;
}
.point-list__wrap__list__item__inner__detail-wrap__area__divisio-name {
	width: 64%;
	padding-right: 10px;
}
.point-list__wrap__list__item__inner__detail-wrap__area__time {
	width: 36%;
	padding: 2px 10px 2px 0;
	font-size: 13px;
}
.point-list__wrap__list__item__inner__detail-wrap__area__point {
	width: 28%;
	padding-right: 10px;
}
.point-list__wrap__list__item__inner__detail-wrap__area__comment {
	width: 72%;
	padding: 2px 0;
	font-size: 13px;
}
.point-list__wrap__list__item__inner__comment__title {
	width: 44px;
}
.point-list__wrap__list__item__inner__comment__text {
	width: calc(100% + 44px);
}
.point-list__wrap__no-point-text {
	padding: 20px;
}
.point-list__nav {
	position: relative;
	margin: 30px 20px 0;
}
.point-list__nav__link {
	position: absolute;
	top: 0;
}
.point-list__nav__link--prev {
	left: 0;
}
.point-list__nav__link--next {
	right: 0;
}
.point-history__nav {
	padding: 40px 0 0;
	text-align: right;
}
.point-history__nav__link {
	color: #000;
}
.history-modal {
	width: 94%;
	max-width: 560px;
}
.history-wrap__table {
	width: 100%;
}
.history-wrap__table__title-tr {
	background: #eee;
	border: 1px solid #e3e3e3;
}
.history-wrap__table__title-tr th {
	width: 20%;
	padding: 6px 10px;
	border-right: 1px solid #e3e3e3;
	font-weight: normal;
}
.history-wrap__table__title-tr th:last-child {
	border-right: none;
}
.history-wrap__table__body-tr {
	border: 1px solid #e3e3e3;
	border-top: none;
}
.history-wrap__table__body-tr td {
	width: 20%;
	padding: 6px 10px;
	border-right: 1px solid #e3e3e3;
	text-align: right;
}
.history-wrap__table__body-tr td:last-child {
	border-right: none;
}
.history-wrap__table__body-tr .history-wrap__table__body-tr__td-day {
	background: #eee;
}

/* point expire
-----------------------------------------------*/
ul.point-expire__lead-text {
	margin: 0 0 20px;
}
ul.point-expire__lead-text li {
	font-size: unset;
}
.point-expire__wrap__list__item {
	padding: 20px;
	border-bottom: 1px solid #e3e3e3;
}
.point-expire__wrap__list__item__time {
	width: 40%;
}
.point-expire__wrap__list__item__text {
	width: 60%;
}

/* point items common
-----------------------------------------------*/
.point-change .box-style {
	margin: 0 0 100px;
}
.point-change .title-style {
	margin-bottom: 50px;
}

/* point items list
-----------------------------------------------*/
.point-change-item .note {
	display: block;
	margin-bottom: 10px;
}
.point-change-list {
	display: flex;
	flex-wrap: wrap;
}
.point-change-list-item {
	max-width:269px;
	width: 21.6%;
	margin-bottom: 55px;
	cursor: pointer;
}
.point-change-list-item:hover {
	opacity: .8;
}
.point-change-list-item:not(:nth-child(4n)) {
	margin-right: 4.3%;
}
.list-item-image {
	height: 222px;
}
.list-item-image img {
	height: 222px;
	width: 267px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	border: solid 1px #efefef ;
}
.list-item-box__title {
	font-size: 16px;
	font-weight: normal;
	margin: 22px 0 17px 0;
}
.list-item-box__txt {
	font-size: 14px;
	color: #999;
	font-weight: 300;
	margin-bottom: 22px;
}

/* point items modal
-----------------------------------------------*/
.point-modal {
	width: 85%;
	max-width: 1000px;
	margin: auto;
}
.point-modal .modal-wrap__inner {
	padding: 60px;
}
.point-modal-wrap__img {
	margin-right: 6.25%;
	width: 411px;
	max-width: 46.8%;
}
.point-item__img {
	width: 100%;
	height: 308px;
		object-fit: cover;
}
.point-item-thumbnail-list {
	display: flex;
	justify-content: left;
	margin-top: 5px;
}
.point-item-thumbnail-list img {
	width: 25%;
	max-width: 100%;
	height: auto;
	max-height: 90px;
	object-fit: cover;
	cursor: pointer;
}
.point-item-thumbnail-list img:not(:last-child) {
	margin-right: 3px;
}
.point-modal-wrap__text {
	width: 46.95%;
}
.btn-point-modal {
	width: 100%;
	height: 56px;
	font-size: 16px;
	line-height: 56px;
}
.point-modal__title {
	font-size: 18px;
	font-weight: normal;
	margin: 22px 0 17px 0;
}
.point-modal__point-txt {
	font-size: 14px;
	color: #999;
	font-weight: 300;
	margin-bottom: 22px;
}
.number-items {
	padding: 50px 0 30px 0;
	display: flex;
	align-items: center;
}
.number-items__select {
	position: relative;
	width: 100px;
	margin-left: 15px;
}
.number-items__select select {
	width: 100%;
	padding: 5px 30px 5px 10px;
	border: 1px solid #ddd;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	line-height: normal;
	font-size: 15px;
	font-family: 'Noto Sans Japanese', serif;
	outline: none;
	border-radius: 5px;
}
.number-items__select::after {
	content: "\f107";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12px;
	z-index: 1;
	font-size: 17px;
	font-family: 'apaicon';
	pointer-events: none;
}

/* point items form
-----------------------------------------------*/
.point-title-lead {
	margin-bottom: 40px;
}
.point-change-form {
	max-width: 720px;
	margin: auto;
}
.point-change-form .title-style {
	margin-bottom: 20px;
}
.point-form__radio {
	display: flex;
	margin-bottom: 30px;
}
.point-form__radio .radio-label:first-child {
	margin-right: 80px;
}
.point-form__radio .radio-label {
	display: block;
}
.point-form__radio .radio-text {
	display: flex;
	align-items: center;
}
.point-form__radio .radio-text:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	padding: 2px;
	background-clip: content-box;
}
.point-form__radio input[type="radio"]:not(:checked) + .radio-text:before {
	border-color: #ccc;
}
.point-form__radio input[type="radio"]:checked + .radio-text:before {
	border-color: #c8a956;
	background-color: #c8a956;
}
.point-form__item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 8px 0;
}
.point-form__item .item-label {
	display: flex;
	align-items: center;
	max-width: 300px;
	width: 27.3%;
	margin-right: 3.5%;
	font-size: 16px;
	padding-top: 4px;
}
.point-form__item .item-label .icon-required {
	color: #C74D00;
	padding: 0 8px;
}
.point-form__item .item-input {
	width: 69.2%;
}
.point-form__item .item-input.col-2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.point-form__item .item-input.col-2 input {
	width: 48%;
}
.point-form__item .item-input input,.point-form__item .item-input select {
	font-size: 14px;
	padding: 8px 10px;
	border: solid 1px #e2e2e2;
	border-radius: 5px;
	width: 100%;
	line-height: 1.4;
}
.point-form__item .item-input input::placeholder,.point-form__item .item-input select::placeholder {
	color: #ccc;
}
.point-form__item .item-input input:read-only,.point-form__item .item-input select:disabled {
	background-color: #eeeeee;
}
.point-form__item .item-input .inut-note {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
}
.point-form__item .item-input .zip-area {
	display: flex;
	align-items: center;
	margin-right: 10px;
}
.point-form__item .item-input .zip-area .title {
	font-size: 17px;
	margin-right: 10px;
}
.point-form__item .item-input .zip-area input {
	width: 30%;
	max-width: 310px;
	margin-right: 20px;
}
.point-form__item .item-input .zip-area .btn-outline-gold {
	padding: 9px 10px;
	line-height: 1;
	font-size: 14px;
}
.point-form__item .item-input .prefecture-warp {
	width: 38%;
	max-width: 349px;
	position: relative;
}
.prefecture-warp::after {
	content: "\f107";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12px;
	z-index: 1;
	font-size: 17px;
	font-family: 'apaicon';
	pointer-events: none;
}
.point-form-Wrap__btn {
	margin: 60px auto 30px;
	display: flex;
	justify-content: center;
}
.btn-form-point, .btn-form-back{
	max-width: 270px;
	width: 100%;
	padding: 14px 0;
	text-align: center;
	display: block;
}
.point-form-confirm .point-form__item {
	align-items: center;
	padding: 8px 0;
}
.point-form-confirm .point-form__item .item-label {
	padding-top: 0;
}
.point-form-confirm .point-form__item .item-input.col-2 p {
	width: 48%;
}
.point-form-confirm .point-form__item {
	border-bottom: solid 1px #e2e2e2;
}
.point-form-confirm .point-form__item.product {
	border-top: solid 1px #e2e2e2;
	align-items: flex-start;
	padding: 20px 0;
}
.point-form-confirm .point-form__item.product img {
	max-width: 60%;
	width: 250px;
	height: 187px;
	object-fit: cover;
}
.point-form-confirm .point-form__item.product p {
	line-height: 2.3;
}
.point-form-confirm .point-form__item.product .exchange-points {
	font-size: 17px;
	vertical-align: middle;
}
.point-form-confirm .point-form__item.product .point-icon {
	font-size: 12px;
	color: #c8a956;
	padding: 6px 10px;
	border: solid 1px #c8a956;
	border-radius: 5px;
	margin-right: 10px;
	display: inline-block;
	line-height: 1;
}
.point-form-confirm .point-form__item.product .point-label {
	font-size: 12px;
}
.point-form-Wrap__btn .btn-form-back {
	margin-left: 30px;
}
.point-change-complete,
.point-change-error {
	max-width: 650px;
	margin: auto;
}
.point-change .point-change-complete .title-style,
.point-change .point-change-error .title-style {
	margin-bottom: 28px;
}
.top-back-btn {
	display: block;
	width: 270px;
	margin: 50px auto 0;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
}
ul.note-list--point-change li {
	font-size: unset;
}

@media all and (max-width:1280px){
	.point-change-list-item:not(:nth-child(3n)) {
	margin-right: 15%;
	}
	.point-change-list-item:nth-child(3n){
	margin-right: 0;
	}
}	
@media all and (max-width:1200px){
	/* point list
	-----------------------------------------------*/
	.point-list__wrap__list__item__detail-wrap {
		display: block;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area:first-child,
	.point-list__wrap__list__item__inner__detail-wrap__area {
		width: 100%;
		padding-left: 22%;
	}
}
@media all and (max-width:1100px){
	/* point items form
	-----------------------------------------------*/
	.point-form__item .item-input .zip-area input {
		width: 46%;
	}
	.point-form__item .item-input .prefecture-warp {
		width: 50%;
	}
}
@media all and (max-width:1000px){
	/* point items list
	-----------------------------------------------*/
	.point-change-list {
		justify-content: space-between;
	}
	.point-change-list-item {
		width: 40%;
		max-width: 300px;
		margin-right: 0;
	}
	.point-change-list-item:not(:nth-child(3n)) {
		margin-right: 0;
	}
	.point-change-list-item:nth-child(3n) {
		margin-right: 0;
	}
}

@media all and (max-width:800px){
	/* point list
	-----------------------------------------------*/
	.exchange-btn-wrap a {
		width: 200px;
		height: 50px;
		line-height: 50px;
	}
	.exchange-btn-wrap a:first-child {
		margin-right: 20px;
	}
	.toggle-btn--plus-minus {
		margin: 8px 0 0;
		height: 32px;
		background: #e3e3e3;
		text-align: center;
	}
	.toggle-btn--plus-minus:after {
		color: #1E86FF;
		font-weight: bold;
		line-height: 32px;
	}
	.point-list__select {
		top: 28px;
		right: 20px;
	}
	.point-list__wrap__list__item {
		padding: 16px 0;
	}
	.point-list__wrap__list__item:after {
		display: none;
	}
	.point-list__wrap__list__item__inner {
		flex-wrap: wrap;
		font-size: 15px;
	}
	.point-list__wrap__list__item__inner .point-list-head,
	.point-list__wrap__list__item__inner .point-list-text {
		display: table-cell;
	}
	.point-list__wrap__list__item__inner__time01 {
		width: 30%;
	}
	.point-list__wrap__list__item__inner__time02 {
		width: 30%;
	}
	.point-list__wrap__list__item__inner__point {
		width: 40%;
		padding-right: 0;
		text-align: left;
	}
	.point-list__wrap__list__item__inner__text {
		width: 50%;
		font-size: 13px;
	}
	.point-list__wrap__list__item__inner__comment {
		width: 50%;
		font-size: 13px;
		padding-right: 0;
	}
	.point-list__wrap__list__item__inner__time01 .point-list-head,
	.point-list__wrap__list__item__inner__time02 .point-list-head {
		width: 60px;
	}
	.point-list__wrap__list__item__inner__point .point-list-head {
		width: 78px;
	}
	.point-list__wrap__list__item__inner__text .point-list-head,
	.point-list__wrap__list__item__inner__comment .point-list-head {
		width: 40px;
	}
	.point-list__wrap__list__item__detail {
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border: 1px solid #e3e3e3;
		line-height: 1.8
	}
	.point-list__wrap__list__item__detail-wrap {
		padding: 10px 20px;
		border-top: 1px solid #e3e3e3;
	}
	.point-list__wrap__list__item__detail-wrap:first-child {
		border-top: none;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area.view--sp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-left: 0;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area__point {
		padding-right: 0;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area__time {
		padding: 0 10px 0 0;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area__comment {
		width: 72%;
		padding: 0;
	}

	/* point expire
	-----------------------------------------------*/
	.point-expire__wrap__list__item {
		padding: 16px 0;
	}
	/* point items list
	-----------------------------------------------*/
	.point-change-list {
		display: block;
	}
	.point-change-list-item {
		width: 100%;
		max-width: 100%;
		margin-right: 0%;
	}
	.list-item-image {
		height: auto;
	}
	.list-item-image img {
		height: auto;
		width: 100%
	}
	.point-modal .modal-wrap__inner {
		overflow: auto;
		padding: 30px;
	}
	.point-modal .dp-flex {
		display: block;
	}
	.point-modal-wrap__img {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.point-item__img {
		width: 100%;
		height: auto;
	}
	.point-modal-wrap__text {
		width: 100%;
	}
	/* point items form
	-----------------------------------------------*/
	.point-change .point-change-form .title-style,
	.point-change .point-change-complete .title-style {
		margin-bottom: 20px;
	}
	.point-form__radio {
		display: block;
	}
	.point-form__radio .radio-label:first-child {
		margin-right: 0;
	}
	.point-form__item {
		display: block;
	}
	.point-form__item .item-label {
		width: 100%;
		max-width: auto;
		margin: 0 0 10px 0;
	}
	.point-form__item .item-input {
		width: 100%;
	}
	.point-form__item .item-input input, .point-form__item .item-input select {
		padding: 15px;
	}
	.point-form__item .item-input .zip-area input {
		width: 60%;
		max-width: auto;
	}
	.point-form__item .item-input .zip-area .btn-outline-gold {
		padding: 10px 10px;
		white-space: nowrap;
	}
	.point-form__item .item-input .prefecture-warp {
		width: 65%;
		max-width: auto;
	}
	.point-form-Wrap__btn {
		margin: 30px auto 30px;
	}
	.point-form-confirm .point-form__item.product img {
		width: 60%;
		height: auto;
	}
}

@media all and (max-width:480px){
	/* point list
	-----------------------------------------------*/
	.exchange-btn-wrap a {
		width: 100%;
	}
	.exchange-btn-wrap a:first-child {
		margin: 0 0 20px 0;
	}
	.point-list__wrap__list__item__inner__time01 {
		width: 44%;
	}
	.point-list__wrap__list__item__inner__time02 {
		width: 56%;
		padding-right: 0;
	}
	.point-list__wrap__list__item__inner__point,
	.point-list__wrap__list__item__inner__text,
	.point-list__wrap__list__item__inner__comment {
		width: 100%;
		padding-right: 0;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area.view--sp {
		display: block;
	}
	.point-list__wrap__list__item__inner__detail-wrap__area__divisio-name,
	.point-list__wrap__list__item__inner__detail-wrap__area__point,
	.point-list__wrap__list__item__inner__detail-wrap__area__time,
	.point-list__wrap__list__item__inner__detail-wrap__area__comment {
		width: 100%;
		display: block;
		padding-right: 0;
	}
	.history-wrap__table__body-tr .history-wrap__table__body-tr__td-day {
		width: 35%;
	}
	.point-form__item .item-input.col-2 {
		display: block;
	}
	.point-form__item .item-input.col-2 input {
		width: 100%;
	}
	.point-form__item .item-input.col-2 input:first-child {
		margin-bottom: 5px;
	}
	.point-form__item .item-input .zip-area {
		margin-right: 0;
	}
	.point-form__item .item-input .zip-area input {
		margin-right: 10px;
	}
	.point-form__item .item-input .prefecture-warp {
		width: 100%;
	}
	.point-form__item .item-input .prefecture-warp {
		width: 100%;
	}
	.point-form-Wrap__btn {
		display: block;
	}
	.btn-form-point, .btn-form-back {
		width: 100%;
		max-width: unset;
	}
	.point-form-Wrap__btn .btn-form-back {
		margin: 20px 0 auto 0 ;
	}
	.point-form-confirm .point-form__item.product img {
		width: 100%;
	}

	/* point items form
	-----------------------------------------------*/
	.top-back-btn {
		width: 100%;
	}
}

@media all and (max-width:320px){
	/* point list
	-----------------------------------------------*/
	.point-list__select {
		top: 80px;
		right: unset;
		left: 20px;
	}
	.point-list__wrap {
		padding: 40px 0;
	}
	.point-list__wrap__list__item__inner,
	.point-list__wrap__list__item__detail-wrap {
		font-size: 13px;
	}
	.point-list__wrap__list__item__inner__time01 .point-list-head,
	.point-list__wrap__list__item__inner__time02 .point-list-head {
		width: 52px;
	}
	.point-list__wrap__list__item__inner__point .point-list-head {
		width: 66px;
	}
}