@charset "Shift_JIS";

/*----------------------------------------------------*/ 
/* suicapoint_vi
------------------------------------------------------*/

.suicapoint_vi {
	margin:40px 0;
}

.suicapoint_vi .image {
	overflow:hidden;
	text-align:right;
}

.suicapoint_vi h1 {
	font-size:40px;
	padding-left:76px;
	background:url(/suicapoint/img/top/suicapoint-vi02.png) no-repeat 3px 0;
	position:absolute;
	top:50px;
	left:29px;
	text-shadow:4px 0px 1px #FFF, 0px 4px 1px #FFF, -4px 0px 1px #FFF, 0px -4px 1px #FFF;
	letter-spacing:-.02em;
	z-index:10;
}

.suicapoint_vi h1 .na {
	font-size:34px;
}

.suicapoint_vi .company {
	letter-spacing:-.4em;
	position:absolute;
	left:29px;
	top:103px;
	background:rgba(255,255,255,0.5);
	padding:10px 0;
	white-space:nowrap;
}

.suicapoint_vi .company li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	margin-right:17px;
}

.suicapoint_vi .btn {
	letter-spacing:-.4em;
	left:29px;
	bottom:40px;
	white-space:nowrap;
}

.suicapoint_vi .btn li {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
	/*padding:0 0 0 5px;*/
	width:300px;
}

/*
.suicapoint_vi .btn li:first-child {
	padding:0 5px 0 0;
}
*/

.suicapoint_vi .btn li a {
	display:block;
	padding:7px 0 5px;
	text-align:center;
	font-size:26px;
	font-weight:bold;
	border-radius:3px;
	line-height:1.2;
	color:#000;
	text-decoration:none;
	padding-left:20px;
	background:url(/suicamoney/img/common-ico-arrow05.png) no-repeat 19px center;
}

:root .suicapoint_vi .btn li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.suicapoint_vi .btn li a span {
	display:block;
	font-size:14px;
	font-weight:normal;
}

.suicapoint_vi .btn li a span.free {
	display:inline;
	font-size:20px;
	font-weight:bold;
}

.suicapoint_vi .btn li.guest a {
	border:solid 1px #887700;
	background-color:#FEE100;
}

.suicapoint_vi .btn li.login_suica a {
	border:solid 1px #FF7F00;
	background-color:#FFB300;
}


.suicapoint_vi .login_jre {
	left:30px;
	bottom:10px;
}

.box_attention p.font_l_1 {
    font-weight: bold;
    min-height: 24px;
}

#sc-contents .suicapoint_vi .login_jre+p {
	margin-bottom: 0;
}

@media only screen and (max-width: 945px) {

.suicapoint_vi .image img {
	margin-left:-50%;
}

.suicapoint_vi h1 {
	left:3%;
	min-height:70px;
}

.suicapoint_vi .company {
	top:39%;
}

.suicapoint_vi .btn {
	left:3%;
}



}


@media only screen and (max-width: 750px) {

.suicapoint_vi .login_jre {
	font-size:93%;
}

}

@media only screen and (max-width: 700px) {

.suicapoint_vi h1 {
	font-size:38px;
	background-size:40px auto;
	padding-left:60px;
}

.suicapoint_vi h1 .na {
	font-size:34px;
}

.suicapoint_vi .company li {
	margin-right:10px;
}

.suicapoint_vi .btn li {
	width:65%;
}


}
@media only screen and (max-width: 639px) {

.suicapoint_vi {
	margin-bottom:10px;
	border:none;
}

.suicapoint_vi .image {
	margin:0 -10px 10px;
	border:solid 1px #CCC;
	height:120px;
	text-align:right;
	overflow:hidden;
}

.suicapoint_vi .image img {
	width:144%;
	height:auto;
	margin:0 0 -3% -44%;
}

.suicapoint_vi h1 {
	font-size:20px;
	padding-left:45px;
	background-size:37px auto;
	top:38px;
	left:0;
	line-height:1.2;
	text-shadow:1px 0px 1px #FFF, 0px 1px 1px #FFF, -1px 0px 1px #FFF, 0px -1px 1px #FFF;
}

.suicapoint_vi h1 .na {
	font-size:17px;
}

.suicapoint_vi h1 > span {
	display:block;
}

.suicapoint_vi .company {
	left:0;
	top:70px;
	padding:5px 0;
	border:solid 1px #CCCCCC;
	border-radius:3px;
	width:170px;
	white-space:normal;
}

.suicapoint_vi .company li {
	margin:0 0 0 10px;
	height:12px;
	display:block;
	float:left;
}

.suicapoint_vi .company li:nth-child(n+4) {
	margin-top:5px;
}

.suicapoint_vi .company li img {
	width:auto;
	height:12px;
	vertical-align:top;
}

.suicapoint_vi .btn {
	position:static;
	width:auto;
	margin-bottom:10px;
}

.suicapoint_vi .btn li {
	width:100%;
	box-sizing:border-box;
}

.suicapoint_vi .btn li a {
	font-size:14px;
	padding-left:10px;
	background-size:12px auto;
	background-position:10px center;
	line-height:1.4;
}

.suicapoint_vi .btn li a span {
	font-size:10px;
}

.suicapoint_vi .btn li a span.free {
	font-size:10px;
}

.suicapoint_vi .btn li.guest a {
	border:solid 1px #FFBF00;
	background-color:#FEE100;
}

.suicapoint_vi .btn li.login_suica a span {
	letter-spacing:-.05em;
}

.suicapoint_vi .login_jre {
	position:static;
	text-align:right;
}


}
/*----------------------------------------------------*/ 
/* 20160713 spapp追加刁E
------------------------------------------------------*/
.spapp img{
	width:100%;
	height:auto;
	margin-bottom:1em;
}

/*----------------------------------------------------*/ 
/* 20181101 追加
------------------------------------------------------*/
.fontBold{
	font-weight:bold;
}
.box_attention .indent{
	padding-left:1em;
	text-indent:-1em;
}