@charset "UTF-8";
/*

* Theme Name: Linkshare
* Last Update: 3 mar 2013
* Version: 1.3
* Author: Linkshare
* Author URI: http://www.linkshare.ne.jp/
* Copyright Copyright © LinkShare Japan K.K. All Rights Reserved.

*/
/*
----------------------------
 Login Area common
----------------------------
*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

.txt-center {text-align: center}

@media screen and (min-width:641px){
	#loginAreaSp{
		display: none;
	}
}


#loginAreaSp{
	width: 100%;
	text-align: center;
	clear: both;
	display: none;
	height: 420px;
		background: #202020 url(../_images/header/bg_Login_Sp.jpg) repeat-x 0 0;
	position: relative;
	z-index: 99;
	margin-top: -4px;
		padding-top: 10px;
	}
#loginAreaSp2{
	width: 100%;
	text-align: left;
	clear: both;
	display: none;
		background: #6785bb url(../_images/header/bg_Login_Sp2.jpg) repeat-x 0 0;
	position: relative;
	z-index: 99;
		padding-top: 10px;
	    padding-bottom: 5%;
	    margin-bottom: -230px;
	text-align: center;
	}

#loginAreaSpInner,#loginAreaSpInner2{
	width: 97.35%;
	margin: 0 auto;
}


#loginAreaSp table#loginAreaSpLs,
#loginAreaSp table#loginAreaSpTg{
		display: block;
		height: 160px;
			width:300px;
			float: none;
		text-align: left;
		margin: 0px auto 20px;
		clear: both;
		padding-bottom: 0;

}

#loginAreaSp2 table#loginAreaSpLs,
#loginAreaSp2 table#loginAreaSpTg{
		display: block;
		height: 115px;
			width:fit-content;
			float: none;
		text-align: left;
		margin: 0px auto 20px;
		clear: both;
		padding-bottom: 0;

}

td.sp_la_title
{
	height: 30px;
}
table.sp_la_body
{
		display: block;
		height: 115px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 12px 5px 5px 15px;
}

.ie10 table.sp_la_body
{
		display: block;
		height: 130px;
		width: 300px;
}


#loginAreaSpLs td,
#loginAreaSpTg td{
	vertical-align: middle;
}
#loginAreaSpLs td img,
#loginAreaSpTg td img {
	vertical-align: baseline;
	margin-right: 2px;
	margin-left: 10px;
}

#loginAreaSp span.la_title,
#loginAreaSp2 span.la_title{
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		clear: both;
		font-weight: bold;
		text-shadow: 1px 1px 3px #333;
		margin-bottom: 10px;
		text-align: left;

}

#loginAreaSp span.la_ssl,
#loginAreaSp2 span.la_ssl{

	margin-bottom: 2px;
	line-height: 13px;
	height: 13px;
}
#loginAreaSp span.la_ssl a,
#loginAreaSp2 span.la_ssl a{
	color: #fff;
	font-size: 10px;
	font-size: 1.0rem;
	text-decoration: none;
}
#loginAreaSp span.la_ssl a:hover,
#loginAreaSp2 span.la_ssl a:hover{
	color: #fff;
	text-decoration: none;
}


#loginAreaSp span.la_sslm,
#loginAreaSp2 span.la_sslm{

	margin-bottom: 2px;
	line-height: 13px;
	height: 13px;
	margin-left: 9px;
}

#loginAreaSp span.la_sslm a,
#loginAreaSp2 span.la_sslm a{
	color: #fff;
	font-size: 10px;
	font-size: 1.0rem;
	text-decoration: none;
}
#loginAreaSp span.la_sslm a:hover,
#loginAreaSp2 span.la_sslm a:hover{
	color: #fff;
	text-decoration: none;
}


#loginAreaSp span.la_ttl_id,
#loginAreaSp2 span.la_ttl_id{
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-shadow: 1px 1px 3px #222;
		text-align: left;
		display: inline-table;
		width: 25px;
			float: left;
			line-height: 14px;
			padding-top: 0px;
			margin-right: 2px;
}

#loginAreaSp span.la_ttl_pw,
#loginAreaSp2 span.la_ttl_pw{
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: bold;
		text-shadow: 1px 1px 3px #222;
		text-align: left;
		display: inline-table;
		width: 25px;
			float: left;
			line-height: 14px;
			padding-top: 0px;
			margin-right: 2px;
}

#loginAreaSp #loginAreaSpLs input[type=text],
#loginAreaSp #loginAreaSpLs input[type=password],
#loginAreaSp #loginAreaSpTg input[type=text],
#loginAreaSp #loginAreaSpTg input[type=password],
#loginAreaSp2 #loginAreaSpLs input[type=text],
#loginAreaSp2 #loginAreaSpLs input[type=password],
#loginAreaSp2 #loginAreaSpTg input[type=text],
#loginAreaSp2 #loginAreaSpTg input[type=password]
{
		height: 22px;
		width: 230px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 10px;
		margin-top: 0;
		margin-right: 0px;
		margin-left:0px;
		border: 1px solid #000;
		display: inline-table;
		float: left;
			line-height: 25px;
		font-size: 16px;
}

#loginAreaSp #loginAreaSpTg input[type=submit],
#loginAreaSp2 #loginAreaSpTg input[type=submit]{
		width: auto;
		padding:0;
		margin:0;
		background:none;
		border:0;
		font-size:0;
		line-height:0;
		overflow:visible;
		cursor:pointer;
		height: 29px;
		width: 154px;
		text-align: center;
		font-size: 17px;
		font-size: 1.7rem;
			color: #fff;
			font-weight: bold;
		/*	text-shadow: 1px 1px 3px #222;*/
			letter-spacing: 0.1em;
		background: url(../_images/header/ar_Tg.png) no-repeat 10px 50%,-ms-linear-gradient(top,#2f8cb4 0%,#2f8cb4 50%,#085483 50%,#2f8cb4);
		background: url(../_images/header/ar_Tg.png) no-repeat 10px 50%,-moz-linear-gradient(top,#2f8cb4 0%,#2f8cb4 50%,#085483 50%,#2f8cb4);
		background: url(../_images/header/ar_Tg.png) no-repeat 10px 50%,-webkit-gradient(linear, left top, left bottom, from(#2f8cb4),color-stop(0.50, #2f8cb4),color-stop(0.50, #085483),to(#2f8cb4));
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #085483;
		-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),sinset 0px 0px 0px rgba(016,110,161,0);
		-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),inset 0px 0px 0px rgba(016,110,161,0);
		box-shadow:0px 1px 3px rgba(0,0,0,0.5),inset 0px 0px 0px rgba(016,110,161,0);
	/*text-shadow:1px 1px 1px rgba(007,016,074,1),0px 0px 0px rgba(016,028,102,0);*/
}

#loginAreaSp #loginAreaSpLs input[type=submit],
#loginAreaSp2 #loginAreaSpLs input[type=submit]{
		width: auto;
		padding:0;
		margin:0;
		background:none;
		border:0;
		font-size:0;
		line-height:0;
		overflow:visible;
		cursor:pointer;
		height: 29px;
		width: 154px;
		text-align: center;
		font-size: 17px;
		font-size: 1.7rem;
			color: #fff;
			font-weight: bold;
		/*text-shadow: 1px 1px 3px #222;*/
			letter-spacing: 0.1em;
		background: url(../_images/header/ar_Ls.png) no-repeat 10px 50%,-ms-linear-gradient(top,#ca3333 0%,#ca3333 50%,#a10000 50%,#ca3333);
		background: url(../_images/header/ar_Ls.png) no-repeat 10px 50%,-moz-linear-gradient(top,#ca3333 0%,#ca3333 50%,#a10000 50%,#ca3333);
		background: url(../_images/header/ar_Ls.png) no-repeat 10px 50%,-webkit-gradient(linear, left top, left bottom, from(#ca3333),color-stop(0.50, #ca3333),color-stop(0.50, #a10000),to(#ca3333));
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #8f030e;
		-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),inset 0px 0px 0px rgba(016,110,161,0);
		-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),inset 0px 0px 0px rgba(016,110,161,0);
		box-shadow:0px 1px 3px rgba(0,0,0,0.5),inset 0px 0px 0px rgba(016,110,161,0);
		/*text-shadow:1px 1px 1px rgba(143,3,14,1),0px 0px 0px rgba(016,028,102,0);*/
}


#loginAreaSp #loginAreaSpLs input.btn:hover,
#loginAreaSp #loginAreaSpTg input.btn:hover,
#loginAreaSp2 #loginAreaSpLs input.btn:hover,
#loginAreaSp2 #loginAreaSpTg input.btn:hover{
	opacity:0.8;
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.8; 
	-khtml-opacity: 0.8;
}

	a#loginClose {
	cursor: pointer;
	display: block;
	width: 54px;
	margin:0px auto 0;
		font-size: 14px;
		font-size: 1.4rem;
		color: #ffffff;
		font-weight: bold;
	padding: 3px 20px;
	background: -moz-linear-gradient(top,#555555 0%,#555555);
	background: -webkit-gradient(linear, left top, left bottom, from(#555555),to(#555555));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #777777;
	-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 0px rgba(119,119,119,0);
	-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 0px rgba(119,119,119,0);
	box-shadow:1px 1px 1px rgba(000,000,000,0.7),inset 0px 0px 0px rgba(119,119,119,0);
	text-shadow:0px 1px 0px rgba(000,000,000,1),0px 1px 0px rgba(255,255,255,0.2);
}

a:hover#loginClose{text-decoration: none;}

.ie8 #loginClose{display: none;}
.ie7 #loginClose{display: none;}
.ie6 #loginClose{display: none;}



/*初回非表示*/

@media screen and (max-width:640px){	
		#loginAreaSp{display:none;}
}


.ie8 #loginAreaSp{display: none;}
.ie7 #loginAreaSp{display: none;}
.ie6 #loginAreaSp{display: none;}
.ie8 #loginAreaSp2{display: none;}
.ie7 #loginAreaSp2{display: none;}
.ie6 #loginAreaSp2{display: none;}

/* 2021年ログインボタン改修で追加 */
#headerOuter2 {
       min-height: 0px !important;
}
#loginbtnLs2 .submit-btn {
        width: auto;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
    height: 29px;
    width: 154px;
	margin: 10px auto;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
    font-weight: bold;
    /* text-shadow: 1px 1px 3px #222; */
    letter-spacing: 0.1em;
    background: url(../_images/header/ar_Ls.png) no-repeat 10px 50%,-ms-linear-gradient(top,#ca3333 0%,#ca3333 50%,#a10000 50%,#ca3333);
    background: url(../_images/header/ar_Ls.png) no-repeat 10px 50%,-moz-linear-gradient(top,#ca3333 0%,#ca3333 50%,#a10000 50%,#ca3333);
    background: url(../_images/header/ar_Ls.png) no-repeat 10px 50%,-webkit-gradient(linear, left top, left bottom, from(#ca3333),color-stop(0.50, #ca3333),color-stop(0.50, #a10000),to(#ca3333));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #8f030e;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5),inset 0px 0px 0px rgba(016,110,161,0);
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 0px rgb(16 110 161 / 0%);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 0px rgb(16 110 161 / 0%);
	position: relative;
    /* text-shadow: 1px 1px 1px rgb(143 3 14), 0px 0px 0px rgb(16 28 102 / 0%); */

}

#loginbtnLs2 .submit-btn::after {
  content: 'ログイン';
	position: absolute;
	top: 50%;
	left: 25%;
}

#loginAreaSpLs_advertiser {
	display: block;
    width: 300px;
    float: none;
    text-align: left;
    margin: 0px auto 20px;
    clear: both;
    padding-bottom: 0;
}


#loginAreaSpTg2 .submit-btn {
width: auto;
    padding: 0;
    margin: 10px auto;
    background: none;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: visible;
    cursor: pointer;
    height: 29px;
    width: 154px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    color: #fff;
    font-weight: bold;
    /* text-shadow: 1px 1px 3px #222; */
    letter-spacing: 0.1em;
    background: url(../_images/header/ar_Tg.png) no-repeat 10px 50%,-ms-linear-gradient(top,#2f8cb4 0%,#2f8cb4 50%,#085483 50%,#2f8cb4);
    background: url(../_images/header/ar_Tg.png) no-repeat 10px 50%,-moz-linear-gradient(top,#2f8cb4 0%,#2f8cb4 50%,#085483 50%,#2f8cb4);
    background: url(../_images/header/ar_Tg.png) no-repeat 10px 50%,-webkit-gradient(linear, left top, left bottom, from(#2f8cb4),color-stop(0.50, #2f8cb4),color-stop(0.50, #085483),to(#2f8cb4));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #085483;
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5),sinset 0px 0px 0px rgba(016,110,161,0);
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 0px rgb(16 110 161 / 0%);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 50%), inset 0px 0px 0px rgb(16 110 161 / 0%);
	position: relative;

}

#loginAreaSpTg2 .submit-btn::after {
  content: 'ログイン';
	position: absolute;
	top: 50%;
	left: 25%;
}