/*-- magaseek update--*/

/* login */
#newMember .block-payment-section {
	width: 100%;
	margin-top: 50px
}

#newMember .block-payment__inner {
	padding-top: 0
}

#newMember .block-point-cooperate__inner {
	background: 0 0
}

#newMember .block-point-cooperate__inner::before {
	width: 160px;
	height: 100px;
	background-size: 160px;
	left: 0;
}

#newMember .block-newMember {
	border-top: none;
	border-bottom: none;
	padding-bottom: 120px;
	background: #fafafa;
	overflow: hidden
}

#newMember .block-payment__form::before {
	display: none
}

#newMember .block-payment-section .block-payment-section__header {
	padding: 0;
	display: block
}

#newMember .block-point-cooperate__inner {
	padding: 0 0 0 30%;
	margin: 20px 0 30px;
}

#newMember .block-payment-complete,
#newMember .block-payment__form {
	padding: 0 5.5%
}

#newMember .block-payment-section__content {
	width: 100%;
	padding: 0 15%
}

@media only screen and (max-width:1024px) {
	#newMember .block-payment-complete,
	#newMember .block-payment__form {
		padding: 0
	}
	#newMember .block-payment-section__content {
		padding: 0 30px
	}
}

@media only screen and (max-width:768px) {
	#newMember .block-payment-complete {
		padding: 0
	}
	#newMember .block-payment-section--shipping {
		padding: 30px 0
	}
	#newMember .block-point-cooperate__inner::before {
		width: 100px;
		height: 153px;
		margin-bottom: 35px;
	}
	#newMember .block-payment-section:first-child {
		margin-top: 0
	}
	#newMember .block-payment-section {
		margin-top: 0;
		padding-top: 30px
	}
	#newMember .block-point-cooperate__inner {
		padding: 0 0 30px
	}
	#newMember .block-newMember {
		padding-bottom: 30px
	}
	#newMember .block-payment-complete,
	#newMember .block-payment__form {
		padding: 0
	}
}

#login .col_02 {
	max-width: 1025px;
	width: 100%;
	margin: 0 auto;
	display: table;
	padding: 25px 0 125px
}

#login .col_02 section {
	width: 50%;
	display: table-cell;
	margin: 0;
	padding: 0;
	font-size: 1.3rem
}

#login .col_02 section .block-payment-section__header {
	margin-bottom: 50px
}

#login .col_02 section .block-payment-section__content {
	margin-top: 0
}

#login .col_02 section .link {
	color: #999;
	text-decoration: underline;
	margin-right: 20px
}

#login .col_02 section .text_link {
	margin-top: 20px
}

#login .col_02:after {
	content: "";
	display: block;
	clear: both;
	float: none
}

#login .col_02 .col02_01 {
	position: relative;
	box-sizing: border-box;
	border-right: 1px solid #E8E8E8
}

#login .col_02 .col02_02 p {
	margin-bottom: 25px;
	line-height: 2em
}

#login .block-payment-section:not(:first-of-type)::before {
	display: none
}

#login .block-payment-section--button {
	padding-top: 0;
	margin-top: 37px
}

@media only screen and (max-width:768px) {
	#login .col_02 {
		max-width: 768px;
		width: 100%;
		margin: 0 auto;
		padding: 0
	}
	#login .col_02 section {
		width: 100%;
		display: block;
		padding: 20px 0 50px;
		border-bottom: 1px solid #D9D9D9;
		margin-bottom: 60px
	}
	#login .col_02 .col02_01,
	#login .col_02 .col02_02 {
		border-right: none
	}
	#login .col_02 section .block-payment-section__content {
		padding: 0
	}
	#login .block-payment-section--signup {
		background: 0 0
	}
}

/* mypage */

.block-items--one-line .block-items__item:nth-child(n + 5) {
	display: block;
}

.block-mypage-cooperate {
	width: 100%;
	margin-bottom: 10px
}

.block-rank-cooperate {
	max-width: 100%
}

.block-rank-cooperate__title {
	padding: 0;
	font-size: 1.6rem;
	text-indent: 0;
	letter-spacing: .648rem;
	text-align: center;
	margin-bottom: 0;
}

.block-rank-cooperate__point__content {
	text-align: center
}

.block-rank-cooperate__point__content p {
	letter-spacing: .4em;
	font-size: 1.8rem;
	text-indent: .8rem;
}

.block-rank-cooperate__point {
	font-size: 3.4rem;
	letter-spacing: .2em
}

.block-rank-cooperate__barcode {
	padding-top: 0;
	padding-bottom: 50px
}

.block-rank-cooperate {
	padding-top: 65px;
	padding-bottom: 15px
}

.block-rank-cooperate__barcode {
	width: 100%;
	text-align: center;
	padding: 0 30px 50px 30px
}

.block-rank-cooperate__barcode figure {
	width: 100%;
	margin-bottom: 5px
}

.block-rank-cooperate__barcode p {
	font-size: 1.4rem;
	width: 100%
}

.block-mypage-cooperate__menu {
	background: #f5f5f5;
	width: 100%;
	padding: 47px 25px 30px 25px
}

.block-mypage-cooperate__menu__title {
	margin-bottom: 28px;
	font-weight: 400
}

.block-mypage-cooperate__menu__list {
	width: 100%
}

.block-mypage-cooperate__menu__list li {
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	font-size: 1.3rem;
	position: relative
}

.block-mypage-cooperate__menu__list li:after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	position: absolute;
	top: calc(50% - 3px);
	right: 15px;
	border: 1px solid #000;
	transform: rotate(-45deg);
	border-color: transparent #000 #000 transparent
}

.block-mypage-cooperate__menu__list li:nth-child(-n+1) {
	border-top: 1px solid #ebebeb
}

.block-mypage-cooperate__menu__list li a {
	padding-top: 23.5px;
	padding-bottom: 23.5px;
	display: block
}

#mypage .block-point-cooperate {
	margin-top: 0
}

@media only screen and (min-width:768px) {
	.block-rank-cooperate__point__content {
		text-align: center;
		text-indent: .648rem
	}
	.block-rank-cooperate__point__content p {
		font-size: 1.75em;
		letter-spacing: .4em;
		text-indent: .6rem
	}
	.block-rank-cooperate__point {
		font-size: 5rem;
		margin-right: 3.06%;
		letter-spacing: .13em
	}

	.block-mypage-cooperate {
		background: #f5f5f5;
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		margin-top: 55px;
		margin-bottom: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		border-bottom: 1px solid #dcdcdc
	}
	.block-rank-cooperate {
		max-width: 335px;
		width: 100%;
		border-right: 1px solid #dcdcdc;
		box-sizing: border-box
	}
	.block-rank-cooperate__title {
		padding-top: 15px;
		text-align: center;
		text-indent: .8rem;
		letter-spacing: .648rem;
		line-height: 1.8888888889;
		font-weight: 400;
		font-size: 1.6rem;
		margin-bottom: 0;
		line-height: 1.4em
	}
	.block-rank-cooperate__barcode {
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 645px;
		/*padding-left: 7.653%;
		padding-right: 8.1632%;*/
		box-sizing: content-box
	}
	.block-rank-cooperate__barcode figure {
		width: 100%;
		max-width: 370px;
		min-width: 360px;
		margin-right: 6.1538%;
		margin-bottom: 0
	}
	.block-rank-cooperate,
	.block-rank-cooperate__barcode {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.block-rank-cooperate__barcode p {
		font-size: 1.4rem;
		text-align: left;
		line-height: 1.92
	}
	.block-mypage-cooperate__menu {
		background: #f5f5f5;
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
		padding: 65px 40px 40px 40px
	}
	.block-mypage-cooperate__menu__title {
		font-size: 1.8em
	}
	.block-mypage-cooperate__menu__list {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 100%
	}
	.block-mypage-cooperate__menu__list li {
		width: 43.367%;
		border-bottom: 1px solid #ebebeb;
		padding-left: 10px;
		box-sizing: content-box
	}
	.block-mypage-cooperate__menu__list li:nth-child(-n+2) {
		border-top: 1px solid #ebebeb
	}
	.block-mypage-cooperate__menu__list li a {
		padding-top: 25px;
		padding-bottom: 25px;
		display: block;
		font-size: 1.1em
	}
	.block-mypage-cooperate__menu__list li:after {
		content: "";
		display: block;
		width: 7px;
		height: 7px;
		position: absolute;
		top: calc(50% - 5px);
		right: 5px;
		border: 1px solid #000;
		transform: rotate(-45deg);
		border-color: transparent #000 #000 transparent
	}
	#mypage .block-point-cooperate {
		margin-top: 17.5px
	}

}