/* マイページ */
@media only screen and (min-width: 768px){
	.ec-navlistRole .ec-navlistRole__navlist{
		margin-top: 30px;
	}
	.ec-navlistRole .ec-navlistRole__navlist a {
	    font-size: 16px;
	}
	.ec-historyRole .ec-historyRole__contents {
	    border-top: none;
	    margin-left: 0;
	}
	.ec-navlistRole__navlist li {
		min-width: 20%;
	}
	.ec-historyRole .ec-historyRole__header {
	    width: 50%;
	}
	.ec-navlistRole .ec-navlistRole__item a {
	    padding: 30px; 
	    width: 100%;
	    display: inline-block;
	}
	#page_mypage .ec-para-normal{
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 30px;
		color: #222222;
	}
	#page_mypage .ec-historyRole .ec-historyRole__contents {
		border-top: none;
	}
	#page_mypage .ec-historyRole + .ec-historyRole {
		border-top: 1px solid #ccc;
	}
	#page_mypage .ec-historyListHeader dl {
		
		border-bottom: 2px solid #222;
		padding: 30px 0 10px;
	}
	
	#page_mypage .ec-historyListHeader dt {
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 30px;
		color: #1063b7;
		text-align: center;
		margin-right: 30px;
	}
	#page_mypage .ec-historyListHeader dd {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 30px;
		color: #222222;
	}
	
	#page_mypage .ec-historyListHeader .ec-historyListHeader__action {
	    display: block;
	    margin-top: 50px;
	    margin-bottom: 30px;
	    text-align: center;
	}
	#page_mypage .ec-historyListHeader .ec-historyListHeader__action a {
	    width: 300px;
	    line-height: 30px;
	    font-size: 16px;
	}
	
	
	/* マイページ 履歴PC 右 */
	#page_mypage .ec-historyRole .ec-historyRole__detail {
		padding-left: 80px;
	}
	#page_mypage .ec-imageGrid .ec-imageGrid__content {
		padding-left: 20px;
	}
	#page_mypage .ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
	    font-size: 14px;
	    margin-top: 5px;
	    margin-bottom: 20px;
	}
	#page_mypage .ec-imageGrid .ec-imageGrid__content span {
		font-size: 18px;
		letter-spacing: 0px;
		line-height: 30px;
		color: #222222;
	}
	#page_mypage .ec-imageGrid .ec-imageGrid__content span.item_count {
		margin: 0 20px;
	}
	#page_mypage .ec-imageGrid .ec-imageGrid__content span.sabtotal_label {
		margin: 0 20px;
	}
	#page_mypage .ec-imageGrid {
	    border-top: 2px solid #222;
	}
	#page_mypage .ec-imageGrid:first-child {
	    border-top: none;
	}
}

@media only screen and (max-width: 767px){
	*[id^="page_mypage"] .ec-reportHeading h2 {
	    font-size: 10px;
	    text-align: left;
	    font-weight: normal;
	    margin-top: 0;
	}
	*[id^="page_mypage"] .ec-reportDescription {
		margin-top: 0;
		font-size: 10px;
	    text-align: left;
	}
	*[id^="page_mypage"] .ec-navlistRole .ec-navlistRole__navlist {
		margin-bottom: 25px;
	}
	.mypage-block {
	    padding: 0 15px;

	}
	.ec-navlistRole .ec-navlistRole__item a {
	    padding: 8px 1px;
	}
	.ec-navlistRole .ec-navlistRole__navlist a ,
	.ec-historyRole__contents .ec-historyListHeader dl dt,
	.ec-historyRole__contents .ec-historyListHeader dl dd {
	    font-size: 10px;
	}
	
	#page_mypage .ec-historyListHeader dt {
		color: #1063b7;
		text-align: center;
		margin-right: 30px;
	}
	#page_mypage .ec-historyListHeader dd {
		color: #222222;
	}
	#page_mypage .ec-historyListHeader .ec-historyListHeader__action {
	    display: block;
	    margin-top: 15px;
	    margin-bottom: 10px;
	    text-align: center;
	}
	#page_mypage .ec-historyListHeader .ec-historyListHeader__action a {
	    width: 175px;
	    margin: auto;
	    padding: 10px 0;
	}
	
	#page_mypage .ec-mypageRole.mypage-block p.ec-para-normal {
		font-size: 10px;
		margin-bottom: 10px;
	}
	

}

/* マイページ お気に入り */
@media only screen and (max-width: 767px){
	#page_mypage_favorite .ec-shelfGrid .ec-shelfGrid__item:last-child {
		margin-bottom: 0;
	}
}

/* マイページ編集 */
@media only screen and (min-width: 768px){
	#page_mypage_change .ec-registerRole .ec-registerRole__actions {
		padding-bottom: 10px;
	}

}
@media only screen and (max-width: 767px){
	#page_mypage_change .ec-registerRole .ec-borderedDefs {
		padding-left: 0;
		padding-right: 0;
	}
	#page_mypage_change .ec-registerRole .ec-registerRole__actions {
		padding-left: 0;
		padding-right: 0;
	}
	#page_mypage_change .ec-registerRole .ec-registerRole__actions .ec-registerRole__box {
		padding-top: 20px;
	}
}



/* マイページ編集完了*/
@media only screen and (min-width: 768px){
    #page_mypage_change_complete .ec-off2Grid__cell {
    	margin-left: 0;
    	
    }
    #page_mypage_change_complete .ec-reportHeading h2,
    #page_mypage_change_complete .ec-reportHeading p {
    	font-size: 18px;
    }
    
    #page_mypage_change_complete .ec-reportHeading {
    	padding-left: 10px;
    	margin: 30px 0 30px;
    }	
    #page_mypage_change_complete .ec-reportHeading h2 {
        font-weight: normal;
    }
    #page_mypage_change_complete .ec-reportDescription {
    	padding-left: 10px;
    	margin: 30px 0 30px;
    }
    #page_mypage_change_complete .ec-off2Grid .ec-off2Grid__cell ,
    #page_mypage_change_complete .ec-off2Grid .ec-off4Grid__cell{
    	width: 100%;
    }
    
    #page_mypage_change_complete .ec-registerCompleteRole .ec-blockBtn--cancel {
    	display: inline-block;
    	width: 540px;
    	height: 80px;
    	text-align: center;
    	font-size: 22px;
    	padding-top: 12px
    }
    
    #page_mypage_change_complete .ec-registerRole__actions {
    	padding-top: 30px;
    	padding-bottom: 50px;
    }
    
}
@media only screen and (max-width: 767px){
	#page_mypage_change_complete .ec-reportHeading {
		border-top: none;
		margin-top: 0;
	}
	
	#page_mypage_change_complete .ec-registerCompleteRole {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#page_mypage_change_complete .ec-registerRole__actions {
    	padding-bottom: 10px;
    }
}

/*  マイページ お届け先一覧 */

#page_mypage_delivery .ec-addressRole .ec-addressRole__actions {
	border-bottom: none;
}

@media only screen and (min-width: 768px){
	#page_mypage_delivery .sentou_koumoku {
	    padding-right: 20px;
	    width: 100px;
	    font-size: 18px;
	    margin: 0 20px 0 10px;
	    
	}
	#page_mypage_delivery .ec-addressList .ec-addressList__item .ec-addressList__item {
	  solid #222 2px;
	}
	#page_mypage_delivery .postal_code {
		margin-right: 10px;
	}
	#page_mypage_delivery .kugirikasen {
		padding: 30px 0 10px;
		border-bottom: solid 2px #ebf1f7;
	}
	
}
@media only screen and (max-width: 767px){
	#page_mypage_delivery .kugirikasen {
		display: flex;
		font-size: 11px;
		align-items: center;
		line-height: 30px;
		padding: 10px 0;
	}
	#page_mypage_delivery .sentou_koumoku {
		font-size: 11px;
	}
	#page_mypage_delivery .ec-addressRole .ec-addressRole__actions {
		margin-top: 0;
	}
	#page_mypage_delivery .ec-off1Grid .ec-off1Grid__cell {
	    margin-left: 0;
	    margin-right: 0;
	}
	#page_mypage_delivery .ec-addressList .ec-addressList__address{
		padding: 0;
	}
	#page_mypage_delivery .kugirikasen .postal_code {
		margin-right: 5px;
	}
	#page_mypage_delivery .ec-addressList .ec-addressList__item {
		border-bottom: solid #222 1px;
	}
	#page_mypage_delivery .tow_button_wrap a {
		font-size: 11px;
	}
}

/* マイページ　お届け先一覧　編集 */
@media only screen and (min-width: 768px){
	#page_mypage_delivery_edit .ec-registerRole__actions {
    	padding-top: 45px;
    	padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px){
	#page_mypage_delivery_edit .ec-mypageRole.ec-body {
	    padding-left: 0;
	    padding-right: 0;
	}
	#page_mypage_delivery_edit .ec-registerRole .ec-registerRole__actions {
		padding-top: 20px;
	}
}

/* お届け一覧　new */
@media only screen and (min-width: 768px){
	#page_mypage_delivery_new .ec-registerRole__actions {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 767px){
	#page_mypage_delivery_new .ec-borderedDefs {
		padding-left: 0;
		padding-right: 0;
	}
	#page_mypage_delivery_new .ec-registerRole__actions {
		margin-top: 40px;
	}
}

/* 退会 */
#page_mypage_withdraw .ec-withdrawRole .ec-withdrawRole__title,
#page_mypage_withdraw .ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
	font-weight: normal;
}

@media only screen and (min-width: 768px){
	#page_mypage_withdraw .ec-off3Grid__cell h2 ,
	#page_mypage_withdraw .ec-off3Grid__cell p {
		font-size: 18px;
	}
	#page_mypage_withdraw .ec-off3Grid .ec-off3Grid__cell,
	#page_mypage_withdraw_complete .ec-off4Grid .ec-off4Grid__cell {
		margin-left: 0;
		margin-top: 30px;
		padding-left: 10px;
	}
	.ec-withdrawRole .ec-withdrawRole__title ,
	.ec-withdrawRole .ec-withdrawRole__description{
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	#page_mypage_withdraw .action-buttons {
		margin-top: 50px;
		margin-bottom: 70px;
	}
	
}
#page_mypage_withdraw .ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
		margin-bottom: 10px;
}
@media only screen and (max-width: 767px){
	.ec-withdrawRole .ec-withdrawRole__title ,
	.ec-withdrawRole .ec-withdrawRole__description ,
	.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title,
	.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description {
		font-size: 10px;
		line-height: 18px;
	}
	#page_mypage_withdraw .ec-withdrawConfirmRole {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	
}

/* 退会 完了*/
@media only screen and (min-width: 768px){
	#page_mypage_withdraw_complete .ec-off4Grid .ec-off4Grid__cell {
		margin-left: 0;
		margin-top: 30px;
		padding-left: 10px;
	}
	#page_mypage_withdraw_complete .ec-off4Grid__cell{
		width: 100%;
	}
	#page_mypage_withdraw_complete .ec-reportHeading h2 ,
	#page_mypage_withdraw_complete .ec-reportHeading p ,
	#page_mypage_withdraw_complete p{
		font-weight: normal;
		font-size: 18px;
	}
	
	#page_mypage_withdraw_complete .ec-return-btn {
		width: 540px;
		text-align: center;
		margin-left: auto;
    	margin-right: auto;
    	margin-top: 50px;
	}
	#page_mypage_withdraw_complete .ec-return-btn a {
		font-size: 22px;
		padding: 12px 0;
		height: 80px;
	}
}

@media only screen and (max-width: 767px){
	#page_mypage_withdraw_complete .ec-off4Grid{
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#page_mypage_withdraw_complete .ec-reportHeading {
		border-top: none;
	}
}