@charset "UTF-8";
.socialPlusBox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}

.socialPlusBox .wrapTit {
    background-image: url(/images/pc/cart/bg_step.png);
    border-bottom: 1px solid #cdc9ab;
    text-align: center;
    font-size: 20px;
    padding: 15px 0;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.socialPlusBox .lineAria {
	display: flex;
}

#login .socialPlusBox .lineLogin {
    text-align: center;
	width: 50%;
	margin: 30px 0px;
}

#login .socialPlusBox .lineLoginMain {
	padding-top: 30px;
}

.socialPlusBox .lineMerit {
	width: 50%;
	background-color: #ecf4f4;
	display: flex;
	flex-flow: column;
}

.socialPlusBox .lineMerit .lineMeritIcon {
	background-image: url(/images/common/btn_line.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 1em;
}

.socialPlusBox .lineMerit .lineMeritLoginIcon {
	background-image: url(/images/common/ico_human.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 0.8em;
}

.socialPlusBox .lineMerit .lineMeritAnnounceIcon {
	background-image: url(/images/common/ico_announce.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 0.8em;
}

.socialPlusBox .lineMerit .lineMerit1 {
	font-weight: bold;
	padding: 10px 0px 10px 50px;
}

.socialPlusBox .lineMerit .lineMeritText1 {
    padding: 13px 0px 10px 54px;
}

.socialPlusBox .lineMerit .lineMeritText2 {
    padding: 0px 0px 10px 54px;
}

#login .socialPlusBox .lineLogin a {
background-image: url(/images/common/btn_line.png);
background-repeat: no-repeat;
background-position: left center;
background-color: #06C755;
color: #fff;
display: inline-block;
height: 60px;
width: 250px;
text-decoration: none;
}

.socialPlusBox .socialLoginMsg {
text-align: center;
padding-top: 30px;
padding-bottom: 20px;
}

.socialPlusBox .socialLoginMsg>div {
display: inline-block;
text-align: left;
}

.socialPlusBox .lineText {
    padding: 18px 0px 18px 5px;
    display: inline-block;
}

.socialPlusBox .lineBorder {
border-right: 2px solid #000000;
padding: 18px 0px 18px 25px;
opacity: 0.08;
}

.lineHover:hover {
background-color: #ffffff;
opacity: 0.9;
display: inline-block;
}

.lineHover:active {
background-color: #ffffff;
opacity: 0.7;
display: inline-block;
}

/* 新規会員登録*/
#registStep1 .socialPlusBoxReg {
	width : 100%;
    display : inline-flex;
	padding-top : 10px;
	padding-left : 40px;
}

#registStep1 .socialPlusBoxReg .lineLoginReg {
    text-align: center;
	width: 35%;
	border-top: 2px solid #06C755;
	border-left: 2px solid #06C755;
	border-bottom: 2px solid #06C755;
	margin : 0px 0px 0px 30px;
}

#registStep1 .socialPlusBoxReg .lineLoginReg a {
	background-image: url(/images/common/btn_line88.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #06C755;
	color: #fff;
	display: inline-block;
	height: 80px;
	width: 350px;
	text-decoration: none;
	margin: 10px;
}

.socialPlusBoxReg .lineBorderReg {
	border-right: 2px solid #000000;
	padding: 27px 0px 27px 70px;
	opacity: 0.08;
}

#registStep1 .socialPlusBoxReg .lineTextReg {
    padding: 23px 0px 18px 5px;
    display: inline-block;
	font-size: 20px;
}

#registStep1 .socialPlusBoxReg .lineMeritReg {
	width: 50%;
	border-top: 2px solid #06C755;
	border-right: 2px solid #06C755;
	border-bottom: 2px solid #06C755;
	padding-top: 10px;
	padding-left: 20px;
}
#registStep1 .socialPlusBoxReg .lineMeritTitle {
	font-weight: bold;
}

/* マイページ */
.socialPlusMsg {
	text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
}

.socialPlus {
	border-collapse: collapse;
  	width: 80%;
  	font-size: 16px;
	margin: auto;
	margin-bottom: 70px;
}

table.socialPlus td {
	border: 1px solid #cfcfcf;
	padding: 15px;
	vertical-align: middle;
}

table.socialPlus .lineLogin {
	background-image: url(/images/common/btn_line.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #06C755;
	color: #fff;
	display: inline-block;
	height: 60px;
	width: 200px;
	text-decoration: none;
}

table.socialPlus .lineText {
	padding: 18px 0;
	display: inline-block;
}

table.socialPlus .lineBorder {
	border-right: 2px solid #000000;
	padding: 18px;
	opacity: 0.08;
}

.icon {
	width: 80px;
}

.linkSocialPlus>a {
	color: #1e2678;
	text-decoration: underline;
}

.socialLinkErrMsg {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #c90000;
}

/* カタログ */
#catalogSocialLogin .socialPlusBox .lineLogin {
    text-align: center;
	width: 100%;
	margin: 0;
}

#catalogSocialLogin .socialPlusBox .lineLogin a {
	background-image: url(/images/common/btn_line.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #06C755;
	color: #fff;
	display: inline-block;
	height: 60px;
	width: 220px;
	text-decoration: none;
	margin: 30px;
}

#catalogSocialLogin .socialPlusBox .lineText {
    padding: 20px 0px 20px 5px;
    display: inline-block;
}

#catalogSocialLogin .socialPlusBox .lineBorder {
border-right: 2px solid #000000;
padding: 20px 0px 20px 20px;
opacity: 0.08;
}