@charset "shift_jis";


.loginContentsWrap .loginContentsL{
	float:left;
	width:590px;
}
.loginContentsWrap .loginContentsR{
	float:right;
	width:590px;
}


/*loginFormBox*/
.loginFormBox{
	border:7px solid #ececec;
	margin-bottom:30px;
}
.loginFormBox .linkTxt01 a:before {
	border-left-color: #a5001e;
}
.loginFormTop{
	padding:18px 30px 10px;
}
.loginFormTop.type-middle{
	height: 100%;
}
.loginFormTop.type-middle .middleInner{
	margin-top: 105px;
}
.loginFormBottom{
	padding:25px 20px;
	border-top:1px solid #ececec;
}
.loginTitle{
	background:url(/member/img-files/index_ic01.png) no-repeat left 2px;
	font-size:18px;
	font-weight:bold;
	padding-left:17px;
	margin-bottom:19px;
}
.loginInputBox{
	width:100%;
	margin-bottom:20px;
}
.loginInputText{
	margin-bottom: 5px;
	font-size:15px;
	font-weight:bold;
}
.loginInput{
	text-align:left;
	vertical-align:middle;
}
.loginInput input{
	width:100%;
}
.btnLink01.loginBtn {
	margin-top: 30px;
}
.btnLink01.loginBtn a{
	width: 100%;
	padding: 24px 60px 22px 50px;
	font-size:20px;
}
.btnLink01.loginBtn a:after {
	background-image:url(/common-files/img/com_btn_ic09.png);
}
.btnLink01.loginBtn2 a{
	width:100%;
	font-size:22px;
}
.btnLink01.loginBtn2 a:after{
	background-image:url(/common-files/img/com_btn_ic11.png);
}
.btnLink01.loginBtn2 a .btnSmall{
	font-size:15px;
	font-weight:normal;
}
.btnLink01.loginBtn2 a .btnMini{
	display:inline-block;
	font-size:16px;
	background:#FFF;
	color:#a5001e;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding:2px 9px 0px;
	margin-top: 2px;
	margin-right:5px;
	vertical-align: top;
}
.loginBoxList{
}
.loginBoxList .linkList01 > li > a:before{
	border-color: transparent transparent transparent #a60320;
}
.loginBtn2Arrow{
	width:396px;
	margin:6px auto 0px;
	padding-top:17px;
	background:url(/member/img-files/index_bg01.png) no-repeat center top;
}
.loginBtn2Arrow > div{
	padding:15px 0px 13px 65px;
	font-size:16px;
	font-weight:bold;
	color:#222222;
	background:#fff8cb url(/common-files/img/com_mark_ic04.png) no-repeat 17px 50%;
	line-height:1.2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.loginBtn2ArrowNum{
	font-size:23px;
	font-weight:bold;
	color:#a5001e;
}
.loginBtn2ArrowText{
	font-size:16px;
	font-weight:bold;
	color:#a5001e;
}

/*movieWrap*/
.movieWrap {
	position: relative;
	margin-top: 11px;
	padding: 10px;
	background: #ffeba7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/*.movieWrap::before {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 50%;
	margin-left: -7px;
	border-style: solid;
	border-width: 0 7px 11px;
	border-color: transparent transparent #ffeba7;
	content: "";
}*/
.movieWrap .movieL {
	float: left;
}
.movieWrap .movieR {
	float: right;
}
.movieWrap .movieLead {
	width: 230px;
	padding: 38px 0 16px;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
	background: url(/member/img-files/index_ex01.png) 50% 50% no-repeat;
	line-height: 1.3;
}
.movieWrap .movieLead a {
	display: block;
	color: #333;
	text-decoration: none;
}
.movieWrap .movieLead .movieStrong {
	display: inline-block;
	position: relative;
	font-size: 26px;
	font-size: 2.6rem;
	color: #a5001e;
	z-index: 2;
}
.movieWrap .movieLead .movieStrong::before {
	position: absolute;
	display: block;
	left: -0.2em;
	bottom: 3px;
	width: 1.2em;
	height: 0;
	border-bottom: 9px solid #edbc8c;
	border-left: 7px solid transparent;
	content: "";
	z-index: -1;
}
.movieWrap .movieLead .movieStrong::after {
	position: absolute;
	display: block;
	right: -0.2em;
	bottom: 3px;
	width: 1.2em;
	height: 0;
	border-top: 9px solid #edbc8c;
	border-right: 7px solid transparent;
	content: "";
	z-index: -1;
}
.movieWrap .movieThum {
	width: 254px;
	background: #fff;
}
.movieWrap .movieThum a {
	position: relative;
	display: block;
	border: 1px solid #000;
}
.movieWrap .movieThum a:hover {
	opacity: 0.7;
}
.movieWrap .movieThum .thumCatch {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 8px 0;
	background: rgba(255,255,255,0.7);
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	color: #333;
}
.movieWrap .movieAnother {
	display: table;
	width: 230px;
	padding: 10px;
	background: #fff5d3;
}
.movieWrap .movieAnotherL,
.movieWrap .movieAnotherR {
	display: table-cell;
	vertical-align: middle;
}
.movieWrap .movieAnotherL {
	width: 118px;
	padding-right: 12px;
}
.movieWrap .movieAnotherL > *:first-child {
	margin-top: 0 !important;
}
.movieWrap .movieAnotherR,
.movieWrap .movieAnotherR img {
	width: 93px;
}

/*loginBn*/
.loginBn{
	margin-top:10px;
}
.loginBn:hover{
	opacity:0.8;
}

/*loginFaqBox*/
.loginFaqBox{
	margin-top:40px;
}
.loginFaqBox li{
	width: 48%;
	margin-left: 4%;
	float: left;
	margin-bottom:15px;
	padding:4px 0px 5px 40px;
	background:url(/common-files/img/com_mark_ic05.png) no-repeat left 0px;
}
.loginFaqBox li:nth-child(2n+1){
	margin-left: 0;
	clear: left;
}
.loginFaqTitle{
	background:url(/member/img-files/index_ic02.png) no-repeat left 0px;
	padding:1px 0px 3px 28px;
	color:#222222;
	font-weight:bold;
	margin-bottom:17px;
}


/*loginSlider*/
.loginSlider{
	margin-bottom:40px;
}
.loginSlider li a:hover{
	opacity: 0.7;
}
.loginSlider .bx-viewport li a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.loginSlider .bx-wrapper .bx-pager.bx-default-pager a{
	width:22px;
	height:22px;
	background:url(/member/img-files/index_bg02.png) no-repeat;
	cursor:pointer;
	border:none;
	text-indent:9999px;
	display:inline-block;
	overflow:hidden;
}
.loginSlider .bx-pager.bx-default-pager{
	display:inline-block;
}
.loginSlider .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:url(/member/img-files/index_bg03.png) no-repeat;
}
.loginSlider .bx-wrapper .bx-pager.bx-default-pager a:hover{
	background:url(/member/img-files/index_bg03.png) no-repeat;
}
.loginSlider .bx-prev{
	position:absolute;
	left:0px;
	top:156px;
	width:40px;
	height:82px;
	z-index:100;
	cursor:pointer;
	background:url(/member/img-files/index_bt01.png) no-repeat;
	border:none;
	text-indent:-9999px;
	outline: 0;
}
.loginSlider .bx-next{
	position:absolute;
	right:0px;
	top:156px;
	width:40px;
	height:82px;
	z-index:100;
	cursor:pointer;
	background:url(/member/img-files/index_bt02.png) no-repeat;
	border:none;
	text-indent:-9999px;
	outline: 0;
}
.loginSlider .bx-controls-direction a:hover{
	opacity:0.8;
}


/*loginRecomBox*/
.loginRecomBox ul{
	margin-right:-10px;
}
.loginRecomBox li{
	float:left;
	width:190px;
	margin-right:10px;
	margin-bottom:14px;
}
.loginRecomBox li a{
	text-decoration: none;
}
.loginRecomBox li a .loginRecomText{
	text-decoration: underline;
}
.loginRecomBox li a:hover .loginRecomText{
	text-decoration: none;
}
.loginRecomBox li:hover img{
	opacity:0.8;
}
.loginRecomBox .loginRecomText{
	margin-top:5px;
}
.loginRecomTitle{
	font-size:16px;
	font-weight:bold;
	padding:3px 0px 1px 23px;
	margin-bottom:10px;
	background:url(/member/img-files/index_ic03.png) no-repeat left 4px;
}

/* colorbox
------------------------- */
#cboxClose {
	width: 48px;
	height: 48px;
	top: -25px;
	right: -5px;
	background: url(/member/img-files/index_bt03.png) 0 0 no-repeat;
	background-size: 48px;
}
#cboxClose:hover {
	background-position: 0 0;
}
.campaignBnr {
	position: relative;
	width: 500px;
	height: 500px;
}
.campaignBnr.pg_campaign {
	position: relative;
	background: url(/member/img-files/index_campaign_pg_bn1608.jpg) 0 0 no-repeat;
}

.campaignBnr.lt-start-20161105 {
	background: url(/member/img-files/index_campaign_pg_bn1611_pre.jpg) 0 0 no-repeat;
}
.campaignBnr.lt-start-20161123 {
	background: url(/member/img-files/index_campaign_pg_bn1611.jpg) 0 0 no-repeat;
}

.campaignBnr .campaignBtn {
	position: absolute;
	width: 500px;
	padding: 0 28px;
	bottom: 20px;
	text-align: center;
}
.campaignBnr.lt-start-20161105 .campaignBtn,
.campaignBnr.lt-start-20161123 .campaignBtn {
	bottom: 30px;
}
.campaignBnr .campaignBtn a:hover {
	opacity: 0.7;
}
@media screen and (max-width: 750px){
.loginContentsWrap + .loginContentsWrap {
	margin-top: 30px;
}
.loginFormTop{
	padding:10px;
}
.loginFormTop.type-middle{
	height: auto;
}
.loginFormTop.type-middle .middleInner{
	margin-top: auto;
}
.loginFormBottom{
	padding:10px;
}
.loginTitle{
	margin-bottom:10px;
	background-image:url(/member/img-files/index_ic05.png);
	background-size:6px 22px;
}

.loginContentsWrap .loginContentsL{
	float:none;
	width:auto;
}
.loginContentsWrap .loginContentsR{
	float:none;
	width:auto;
	margin-top: 25px;
}

.loginInputBox{
	display:block;
	width:auto;
}
.loginInputText{
	display:block;
	text-align:left;
	margin-bottom:5px;
}
.loginInput{
	display:block;
}
.btnLink01.loginBtn {
	margin-top: 20px;
}
.btnLink01.loginBtn a{
	width: 100%;
	padding: 19px 60px 17px 50px;
	font-size:20px;
}
.btnLink01.loginBtn2 a{
	width:100%;
	padding: 10px 35px 8px 25px;
	line-height: 1.0;
}
.btnLink01.loginBtn2 a .btnMini{
	font-size:15px;
	padding:2px 9px 0px;
	margin-top: 0;
	margin-right: 0;
}
.btnLink01.loginBtn2 a .btnSmall {
	font-size: 12px;
}
.loginBoxList{
}
.loginBtn2Arrow{
	width:100%;
	background-size:28px auto;
	padding-top:8px;
}
.loginBtn2Arrow > div{
	padding-right:10px;
	padding-left: 53px;
	background:#fff8cb url(/common-files/img/sp_com_mark_ic04.png) no-repeat 7px 50%;
	background-size:40px 40px;
}

/*movieWrap*/
.movieWrap {
	padding: 10px;
	text-align: center;
}
.movieWrap .movieL {
	float: none;
}
.movieWrap .movieR {
	float: none;
}
.movieWrap .movieLead {
	width: 100%;
	padding: 0;
	background: url(/member/img-files/sp_index_ex01.png) 50% 0 no-repeat;
	-webkit-background-size: 250px auto;
	background-size: 250px auto;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
}
.movieWrap .movieLead .movieStrong {
	font-size: 18px;
	font-size: 1.8rem;
}
.movieWrap .movieLead .movieStrong::before {
	bottom: 2px;
	border-bottom-width: 5px;
	border-left-width: 4px;
}
.movieWrap .movieLead .movieStrong::after {
	bottom: 2px;
	border-top-width: 5px;
	border-right-width: 4px;
}
.movieWrap .movieThum {
	width: 100%;
	margin-top: 10px;
	background: transparent;
	text-align: center;
}
.movieWrap .movieThum a {
	position: relative;
	display: block;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}
.movieWrap .movieThum a:hover {
	opacity: 1.0;
}
.movieWrap .movieThum img {
	width: 200px;
}
.movieWrap .movieThum .thumCatch {
	max-width: 200px;
	padding: 6px 0;
	font-size: 15px;
	font-size: 1.5rem;
}
.movieWrap .movieAnother {
	display: table;
	width: 200px;
	margin: 10px auto 0;
	padding: 0;
	background: none;
	text-align: left;
}
.movieWrap .movieAnotherL,
.movieWrap .movieAnotherR {
	display: table-cell;
	vertical-align: middle;
}
.movieWrap .movieAnotherL {
	width: auto;
	padding-right: 12px;
}
.movieWrap .movieAnotherR,
.movieWrap .movieAnotherR img {
	width: 79px;
}

.appliBtnCol {
	width: 100%;
	margin: 20px 0;
}
.appliBtnCol a {
	display: table;
	width: 100%;
	padding: 10px;
	background: #ffffff;
	border: 1px solid #a5a5a5;
	border-bottom-width: 3px;
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
					border-radius: 10px;
	overflow: hidden;
	color: #222222;
	text-decoration: none;
	font-size: 12px;
	font-size: 1.2rem;
}
.appliBtnCol a > p {
	position: relative;
	display: table-cell;
	padding: 0 25px 0 40px;
	background: url(/common-files/img/sp_com_btn_ic13.png) 100% 50% no-repeat;
	-webkit-background-size: 20px 20px;
					background-size: 20px 20px;
	vertical-align: middle;
}
.appliBtnCol a > p:after {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 50%;
	margin-top: -15px;
	background: url(/eposnet/img-files/index_logo01.png) 0 0 no-repeat;
	-webkit-background-size: 30px;
					background-size: 30px;
}
.appliBtnCol a .eposnetBtnTx01 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
	color: #a5001e;
}

.btnLink01.loginBtn a:after{
	background-image:url(/common-files/img/sp_com_btn_ic09.png);
}
.btnLink01.loginBtn2 a:after{
	background-image:url(/common-files/img/sp_com_btn_ic11.png);
}
.loginBoxList{
	width:100%;
}

.loginFaqTitle{
	margin-bottom:10px;
}
.loginFaqBox {
	margin-top: 20px;
}
.loginFaqBox li{
	width: 100%;
	margin-left: 0;
	float: none;
	background:url(/common-files/img/sp_com_mark_ic05.png) no-repeat left 0px;
	background-size:30px 30px;
}

.loginSlider li a:hover{
	opacity: 1.0;
}
.loginSlider .bx-prev{
	top:50%;
	background-size:30px auto;
	background-position:left center;
	margin-top:-40px;
}
.loginSlider .bx-next{
	top:50%;
	background-size:30px auto;
	background-position:right center;
	margin-top:-40px;
}

.loginRecomBox ul{
	margin-right:0;
}
.loginRecomBox li{
	float:left;
	width:48.6%;
	margin-right:2.8%;
	margin-bottom:0;
}
.loginRecomBox li:nth-child(2n){
	margin-right: 0;
}
.loginRecomBox li:nth-child(n+3){
	margin-top: 10px;
}
.campaignBnr {
	width: 100%;
	height: 100%;
	min-width: 278px;
	min-height: 278px;
}
#cboxContent {
	overflow: visible !important;
}
#cboxClose {
	width: 38px;
	height: 38px;
	top: -16px;
	right: -16px;
	background: url(/member/img-files/index_bt03.png) 0 0 no-repeat;
	-webkit-background-size: 38px 38px;
					background-size: 38px 38px;
}

.campaignBnr.pg_campaign {
	background: url(/member/img-files/index_campaign_pg_bn1608.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
					background-size: 100% 100%;
}
.campaignBnr.lt-start-20161105 {
	background: url(/member/img-files/index_campaign_pg_bn1611_pre.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
					background-size: 100% 100%;
}
.campaignBnr.lt-start-20161123 {
	background: url(/member/img-files/index_campaign_pg_bn1611.jpg) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
					background-size: 100% 100%;
}
.campaignBnr .campaignBtn {
	width: 100%;
	padding: 0 20px;
	bottom: 10px;
}
.campaignBnr.lt-start-20161105 .campaignBtn,
.campaignBnr.lt-start-20161123 .campaignBtn {
	padding: 0 44px;
	bottom: 14px;
}
}

/* Clearfix
------------------------------------------------------ */
.loginContentsWrap:after,
.loginRecomBox ul:after,
.loginFaqBox ul:after,
.movieWrap:after {
	content: "";
	display: block;
	clear: both;
}
.loginContentsWrap,
.loginRecomBox ul,
.loginFaqBox ul,
.movieWrap {
	zoom: 1;
}