/*----------------------------------------------------------------------
    fixedPagetop : JR-EAST Train Reservation Link
----------------------------------------------------------------------*/
.relative {
	position: relative;
}

#fixedPagetop {
	position:fixed;
	right: 0;
	bottom: 0;
}

#fixedPagetop a {
	display: inline-block;
	color: #fff;
	background: #0b8d0d;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 #606060;
	margin: 20px 20px 20px 0;
	padding: 10px 5px;
	text-align: center;
	text-decoration: none;
}

#fixedPagetop a::before {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	margin: 5px auto 0;
	transform: rotate(-45deg);
}

@media (max-width:767px) {
	#fixedPagetop {
		bottom: 19vw; /* 下部「JR-EAST Train Reservationバナー」表示の際はコメントアウト外す */
	}

	#fixedPagetop a {
		font-size: .64rem;
	}

	#fixedPagetop.absolute {
		position: absolute;
		/*bottom: 22vw;*/
		bottom: 0; /* 下部「JR-EAST Train Reservationバナー」表示の際は22vwと入れ替え */
	}

	#fixedPagetop.absolute a {
		margin: 20px 20px 0 0;
	}

	#footer {
		padding-top: 2vw;
		padding-bottom: 20vw !important;
	}
}


/* @media (max-width:767px) {
	.fixed-bnr {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 18.6666vw;
		background: #035d67;
		z-index: 250;
	}

	.fixed-bnr a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 5.06666vw 0;
		color: #fff;
		text-decoration: none !important;
	}
	.fixed-bnr a:visited,
	.fixed-bnr a:hover,
	.fixed-bnr a:active{
		color:#fff !important;
		text-decoration:none !important;
	}
	
	.fixed-bnr figure {
		position: relative;
		width: 26.66666%;
		margin: 0;
	}

	.fixed-bnr figure:before {
		position: absolute;
		top: 50%;
		right: 0;
		width: 0.26667vw;
		height: 7.2vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: #fff;
		content: "";
	}

	.fixed-bnr figure img {
		display: block;
		width: 17.3333vw;
		margin: 0 auto;
	}

	.fixed-bnr p {
		width: 72%;
		background: url(/multi/traininformation/saphir/assets/img/common/icn_window.png) no-repeat right 4vw center/2.93333vw auto;
		font-weight: 700;
		padding-left: 4vw;
		padding-top: 1.2vw;
		align-items: center;
		font-size: 4vw;
	}
}

@media (min-width:768px) {
	.fixed-bnr {
		position: fixed;
		right: 0;
		bottom: 100px;
		width: 80px;
		z-index: 250;
	}

	.fixed-bnr li {
		margin-top: 5px
	}

	.fixed-bnr li:first-child {
		margin-top: 0
	}

	.fixed-bnr a {
		display: block;
		width: 100%;
		padding: 10px 0 4px 0;
		background: #035d67;
		color: #fff;
	}
	.fixed-bnr a:visited,
	.fixed-bnr a:hover,
	.fixed-bnr a:active{
		color:#fff !important;
		text-decoration:none !important;
	}

	.fixed-bnr figure {
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		height: 31px;
		margin: 0;
	}

	.fixed-bnr figure img {
		width: 58px;
	}

	.fixed-bnr p {
		position: relative;
		width: 100%;
		height: 138px;
		overflow: hidden;
		font-size: 0;
		line-height: 1;
		text-indent: 100%;
		white-space: nowrap;
	}

	.fixed-bnr p.en {
			background: url(/e/ticket/img/renew/img/logo_ekinet_en2.png) no-repeat 50%/47px auto;
	}

	.fixed-bnr p.sc {
			background: url(/e/ticket/img/renew/img/logo_ekinet_sc2.png) no-repeat 50%/47px auto;
	}

	.fixed-bnr p.tc {
			background: url(/e/ticket/img/renew/img/logo_ekinet_tc2.png) no-repeat 50%/47px auto;
	}

	.fixed-bnr p.kr {
			background: url(/e/ticket/img/renew/img/logo_ekinet_kr2.png) no-repeat 50%/47px auto;
	}

	.fixed-bnr p:before {
		position: absolute;
		bottom: 3px;
		left: 3px;
		width: 11px;
		height: 11px;
		background: url(/e/ticket/img/renew/img/icn_window.png) no-repeat 100%/11px auto;
		content: ""
	}
} */


@media print, screen and (min-width: 641px) {
	.fixed-bnr {
		z-index: 20;
		position: fixed;
		right: 0;
		bottom: 100px;
		width: 90px;
	}

	.fixed-bnr>ul {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		flex-direction: column-reverse;
		gap: 20px;
	}

	.fixed-bnr_tr>a {
		display: block;
		padding-bottom: 20px;
		background: #fff;
		border-radius: 6px 0 0 6px;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.12);
		position: relative;
		transition: 0.3s;
	}

	.fixed-bnr_tr>a::after {
		content: "";
		width: 12px;
		height: 12px;
		background: url(/multi/common/img/icon_blank_grn.svg) no-repeat center/contain;
		position: absolute;
		right: 7px;
		bottom: 10px;
	}

	.fixed-bnr_tr>a:hover {
		box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
		opacity: 1 !important;
	}

	.fixed-bnr_tr>a>picture {
		flex-shrink: 0;
	}

	.fixed-bnr_tr>a>p {
		display: none;
	}

	.fixed-bnr_rec>a img {
		filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.12));
		transition: 0.3s;
		vertical-align: bottom;
	}

	.fixed-bnr_rec>a:hover {
		opacity: 1 !important;
	}

	.fixed-bnr_rec>a:hover img {
		filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
	}
}

@media only screen and (max-width: 640px) {
	.fixed-bnr {
		z-index: 20;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.12);
	}

	.fixed-bnr>ul {
		display: flex;
	}

	.fixed-bnr>ul>li {
		flex-basis: 50%;
	}

	.fixed-bnr_tr>a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		gap: 10px;
		position: relative;
	}

	.fixed-bnr_tr>a:active,
	.fixed-bnr_tr>a:link {
		color: inherit;
	}

	.fixed-bnr_tr>a::after {
		content: "";
		width: 12px;
		height: 12px;
		background: url(/multi/common/img/icon_blank_bk.svg) no-repeat center/contain;
		position: absolute;
		top: 5px;
		right: 5px;
	}

	.fixed-bnr_tr>a>picture {
		flex-shrink: 0;
	}

	.fixed-bnr_tr>a>p {
		display: none;
	}

	.fixed-bnr_rec>a {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
		border-left: 1px #ccc solid;
		text-decoration: none;
		position: relative;
	}

	.fixed-bnr_rec>a::after {
		content: "";
		width: 12px;
		height: 12px;
		background: url(/multi/common/img/icon_arw_circle.svg) no-repeat center/contain;
		position: absolute;
		top: 5px;
		right: 5px;
	}
}