/* ------------------------------------------------
PAYMENT PAGE
------------------------------------------------ */

/* Tab ------------------------------------------- */
ul.tab {
	padding-bottom : 17px;
}
ul.tab {
	overflow: hidden;
}
ul.tab li {
	float: left;
}

._ct {
	text-align: center;
	margin: 1em 0;
}

._ct img {
	max-width: 90%;
	margin: 0 auto;
}


@media screen and (min-width: 640px) {

	.payment {
		margin: 1em 0;
		padding: 1em;
	}

	.payment h4 {
		font-weight: bold;
		text-align: center;
	}

	.payment ul {
		text-align: center;
		overflow: hidden;
	}

	.payment ul li {
		width: 19%;
		display: inline-block;
		vertical-align: top;
	}

	.payment ul li img {
		width: 95%;
		margin: 0.5em auto;
	}

	.payment ul li span {
		margin: 0.5em;
		display: block;
		font-size: 70%;
	}

	.box-1 {
		background: #f9f7ee;
	}

	.btn_card {
		margin: 1em 0 1.5em;
		text-align: center;
	}

	.btn_card img {
		width: 60%;
		max-width: 260px;
		margin: 0 auto;
	}

	.list_service {
		overflow: hidden;
		border: solid #ccc;
		border-width: 2px 0;
		border-collapse: collapse;
	}

	.list_service li {
		padding: 0.5em;
		width: 50%;
		float: left;
		overflow: hidden;
		box-sizing: border-box;
		border-bottom: 1px dashed #ccc;
		border-collapse: collapse;
	}

	.list_service li a {
		font-size: 80%;
		display: inline-block;
		background: url(/msppoint/shared/img/common/pdf.png) right no-repeat;
		padding-right: 1.2em;
	}

	a._icon {
		display: inline-block;
		background: url(/msppoint/shared/img/common/pdf.png) right no-repeat;
		padding-right: 1.2em;
	}

	.list_service li form {
		float: right;
	}

	.fav_wrap {
		min-height: 5em;
		border: 5px solid #c6bd9c;
		padding: 0.5em;
		margin: 1em 0;
	}

	._int p {
		margin: 1em 0;
	}

}

@media screen and (max-width: 640px) {

	._int {
		margin: 0 1em;
	}

	._int p {
		margin: 1em 0;
	}

	.payment {
		margin: 1em 5%;
		padding: 1em;
	}

	.payment h4 {
		font-weight: bold;
	}

	.payment ul {
		text-align: center;
		overflow: hidden;
	}

	.payment ul li {
		width: 30%;
		display: inline-block;
		vertical-align: top;
	}

	.payment ul li img {
		width: 95%;
		margin: 0.5em auto;
	}

	.payment ul li span {
		margin: 0.5em;
		display: block;
		font-size: 70%;
	}

	.box-1 {
		background: #f9f7ee;
	}

	.btn_card {
		margin: 1em 0 1.5em;
		text-align: center;
	}

	.btn_card img {
		width: 60%;
		margin: 0 auto;
	}

	.list_service {
		overflow: hidden;
		border: solid #ccc;
		border-width: 2px 0;
		margin: 1em;
	}

	.list_service li {
		padding: 0.5em;
		overflow: hidden;
		box-sizing: border-box;
		border-bottom: 1px dashed #ccc;
	}

	.list_service li:last-child {
		border-bottom: none;
	}

	.list_service li a {
		display: inline-block;
		background: url(/msppoint/shared/img/common/pdf.png) right no-repeat;
		padding-right: 1.2em;
	}

	a._icon {
		display: inline-block;
		background: url(/msppoint/shared/img/common/pdf.png) right no-repeat;
		padding-right: 1.2em;
	}

	.list_service li form {
		float: right;
	}

	.fav_wrap {
		min-height: 5em;
		border: 5px solid #c6bd9c;
		padding: 0.5em;
		margin: 1em;
	}
}

/*190613*/


.list_cardbox p{
	margin-bottom: 1.25em;
}

.list_cardbox ul{
	margin-bottom: 1.25em;
}
@media screen and (min-width: 641px) {
	.list_cardbox{
		width: 730px;
		margin: 0.5em auto;
	}
	
	.list_cardbox p.attention-note{
		font-size: 10px;
		color: #8e8e8e;
	}
}
@media screen and (max-width: 640px) {
	.list_cardbox{
		padding: 0 1em;
	}
}

/*190613*/

/*190729*/
@media screen and (min-width: 641px) {
	span.attention-note{
		font-size: 14px;
		color: #cc0000;
		line-height: 1.4em;
		display: block;
	}
}

@media screen and (max-width: 640px) {
	span.attention-note{
		font-size: 90%;
		color: #cc0000;
		line-height: 1.4em;
		display: block;
	}
}
/*190729*/

#mypageparts-pc #mypageparts {
	padding-bottom: 0;
}

#mypageparts-pc #mypageparts div.links {
	display: none;
}

@media screen and (min-width: 640px) {

	._split ul {
		display: flex;
		width: 100%;
		margin: 1.5em 0;
	}

	._split ul li {
		width: calc(100% / 3);
	}

	._split ul li img {
		width: 97.5%;
		margin-bottom: 1em;
		max-width: 100%;
		display: block;
	}

	._split ul li:nth-child(3) img {
		margin: 0 1.25% 1em;
	}

	._split ul li:last-child img {
		margin: 0 0 1em 2.5%;
	}

}

@media screen and (max-width: 640px) {

	._split ul li {
		margin: 1em;
	}

}

p small {
	font-size: 85%;
}


@media screen and (min-width: 640px) {

	dl.pdf_link {
		margin: 1em 0;
		border-top: 1px solid #ccc;
		padding: 1em 0;
		display: flex;
	}

	dl.pdf_link dt {
		display: block;
		width: 165px;
		margin-right: 10px;
	}


	dl.pdf_link dd {
		font-size: 75%;
		color: #aaa;
	}

}

@media screen and (max-width: 640px) {

	dl.pdf_link {
		border-top: 1px solid #ccc;
		padding: 2em 0 0;
		margin: 1em;
	}

	dl.pdf_link dt {
		text-align: center;
		margin-bottom: 1em;
	}

	dl.pdf_link dt img {
		width: 65%;
		margin: 0 auto;
		display:block;
	}


	dl.pdf_link dd {
		font-size: 85%;
		color: #aaa;
	}

}