/**
 * 参照元: https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/css/style.css
 * 国際版ヘッダー・フッターに必要なスタイルを参照元から抽出したもの。
 * 相対パスは絶対URLに変換済み。
 * [変更] と記載された箇所は参照元から独自に変更・追加した部分。
 */

/* ===== Page Top ===== */

#page-top{position:fixed;bottom:20px;right:20px;font-size:77%;z-index:999999999}

#page-top a{width:50px;height:50px;display:block;background:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/page_top.png) no-repeat!important;background-size:auto 50px!important}

#page-top a:hover{text-decoration:none}

/* ===== Header ===== */

/* [変更] font-size・font-family を追加: base2020.css が Noto Sans JP を上書きするため Roboto に統一 */
.header{width:100%;padding:15px 0 12px 0;background:#fff;font-size:14px;font-family:'Roboto',sans-serif}

.header__box{width:96%;max-width:1200px;margin:0 auto}

.header__box__inner{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;align-items:center}

.header__box__inner .headerLeft{width:57%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:flex-start;flex-wrap:wrap;align-items:center}

.header__box__inner .headerLeft .logo{width:16%;max-width:131px}

.header__box__inner .headerLeft .logo img{width:100%}

/* [変更] font-size を参照元の 13px から 12px に変更: Roboto フォントでも1行に収めるため */
.header__box__inner .headerLeft p{width:82%;padding-left:20px;font-size:12px;line-height:1.45em;-webkit-box-sizing:border-box;box-sizing:border-box}

.header__box__inner .headerRight{width:43%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;flex-wrap:wrap}

.header__box__inner .headerRight .spMenu{display:none}

.header__box__inner .headerRight .trafficInfo{padding-right:12px}

.header__box__inner .headerRight .trafficInfo.gn-color a{padding:5px 13px;background:#afcd69}

/* [変更] background-image のパスを root 相対から絶対 URL に変更 */
.header__box__inner .headerRight .trafficInfo a{font-weight:600;border:1px solid #000;display:inline-block;background-color:#fff000;background-image:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/icon_information_black.png);background-repeat:no-repeat;background-position:12px center;background-size:16px auto!important;padding:5px 13px 5px 30px;font-size:16px;font-weight:500;line-height:1em}

/* [変更] appearance・border・background を追加: Tailwind CSS がネイティブ select スタイルを上書きするため復元 */
.header__box__inner .headerRight .language select{font-size:14px;padding:3px 5px;-webkit-appearance:auto;appearance:auto;border:1px solid #000;background-color:#fff;background-image:none}

/* ===== PC Navigation ===== */

/* [変更] font-size・font-family を追加: base2020.css の上書き対策 */
.navi{width:100%;background:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/bg_grad_blue.jpg);border-bottom:4px solid #d7092f;font-size:14px;font-family:'Roboto',sans-serif}

.navi__box{width:96%;max-width:1200px;margin:0 auto}

.navi__box__inner ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap}

.navi__box__inner ul li{position:relative}

.navi__box__inner ul li a{display:block;color:#fff;padding:25px 0}

.navi__box__inner ul li ul{display:none;width:350px;position:absolute;left:0;z-index:99999999}

.navi__box__inner ul li ul li{display:block;width:100%;font-size:14px;padding:0;border:1px solid #f7f7f7}

.navi__box__inner ul li ul li a{color:#0a3788!important;background:rgba(255,255,255,.95);padding:15px 20px;font-weight:600}

.navi__box__inner ul li ul li a:hover{background:#fff!important}

.navi__box__inner ul li:nth-of-type(5) ul{position:absolute;left:-150px!important}

.clone-nav{position:fixed!important;top:0;left:0;z-index:2;width:100%;transition:.3s;transform:translateY(-100%);padding:0 0!important;z-index:999999}

.clone-nav li{padding-top:0!important}

/* ===== SP Accordion Navigation ===== */

.spAcdNavi{display:none}

.spAcdNavi .close{position:absolute;right:15px;top:15px;z-index:999;cursor:pointer}

.spAcdNavi .close img{height:32px}

.spAcdNavi .spAcdNaviBlock{width:92%;margin:60px auto 0 auto;max-height:85%;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}

.spAcdNavi .spAcdNaviBlock ul{padding:15px}

.spAcdNavi .spAcdNaviBlock ul li{padding:0 0 10px 0;position:relative}

.spAcdNavi .spAcdNaviBlock ul li a{display:block;padding:10px 0 10px 0;font-size:15px;font-weight:500;color:#fff;background-image:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/link_icon_yellow.png);background-size:auto .78em;background-position:100% center;background-repeat:no-repeat}

.spAcdNavi .spAcdNaviBlock ul li.acd a{background-image:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/icon_acd_btm_white.png);background-size:8px auto}

.spAcdNavi .spAcdNaviBlock ul li ul{display:none;padding:0;margin-top:10px}

.spAcdNavi .spAcdNaviBlock ul li ul li a{padding:10px;font-size:13px;border-bottom:none;border:1px solid rgba(255,255,255,.5);background-image:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/icon_link_triangle_white.png)!important;background-size:5px auto!important;background-position:97% center}

.spAcdNavi .spAcdNaviBlock ul.subNaviSp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;padding-top:10px}

/* [変更] background-image のパスを root 相対から絶対 URL に変更 */
.spAcdNavi .spAcdNaviBlock ul.subNaviSp .trafficInfo a{background-color:#fff000;background-image:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/icon_information_black.png);background-repeat:no-repeat;background-position:12px center;background-size:16px auto!important;font-size:13px;font-weight:700;line-height:1em;color:#000;border:none}

.spAcdNavi .spAcdNaviBlock ul.subNaviSp .trafficInfo.gn-color a{background:#afcd69}

.spAcdNavi .spAcdNaviBlock ul.subNaviSp li{width:49%}

.spAcdNavi .spAcdNaviBlock ul.subNaviSp li a{display:block;padding:10px 5px;font-size:12px;font-weight:400;text-align:center;border:1px solid #fff;background-image:none}

.spAcdNavi .spAcdNaviBlock ul.subNaviSp li a span{display:block;text-align:center;margin-bottom:12px}

.spAcdNavi .spAcdNaviBlock ul.subNaviSp li a span img{max-width:36px;margin:0 auto}

.spAcdNavi .spAcdNaviBlock .btnClose{width:90%;margin:0 auto}

.spAcdNavi .spAcdNaviBlock .btnClose a{display:block;color:#fff;padding:8px 0}

/* ===== Footer ===== */

/* [変更] font-size・font-family を追加: base2020.css の上書き対策 */
.footer{width:100%;font-size:14px;font-family:'Roboto',sans-serif}

.footer__box{width:100%}

.footer__box__subLink{width:100%;background:#fff}

.footer__box__subLink ul{width:96%;max-width:1200px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}

.footer__box__subLink ul li a{font-size:13px;font-weight:500;display:inline-block;padding:25px 0}

.footer__box__subLink ul li a img{width:5px;margin-right:3px}

.footer__box__mainLink{width:100%;background:#dfdfdf}

.footer__box__mainLink ul{width:96%;max-width:1200px;margin:0 auto;background:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/footer_link_hr.jpg) left center no-repeat;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:flex-start;flex-wrap:wrap}

.footer__box__mainLink ul li{background:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/footer_link_hr.jpg) right center no-repeat}

.footer__box__mainLink ul li:last-child{border-bottom:none}

.footer__box__mainLink ul li a{font-size:13px;font-weight:500;display:inline-block;padding:25px 50px}

.footer__box__mainLink ul li a img{width:5px;margin-right:3px}

.footer__box__copyright{padding:10px 0}

.footer__box__copyright p{width:98%;max-width:1200px;margin:0 auto;font-size:12px;font-weight:600;color:#fff}

#tickets-handsfree-page .tickets__box__inner .poster .logoFoot{text-align:center;padding:10px 0 0 0}

#tickets_tokyocitypass-page .tickets__box__inner .ticketBox .inner__box .logo__box{margin-top:24px}

#tickets_tokyocitypass-page .tickets__box__inner .ticketBox .inner__box .logo__box figure{width:19.5%}

#tickets_tokyocitypass-page .tickets__box__inner .ticketBox .inner__box .logo__box figure img{box-sizing:border-box;width:100%}

#top-page .footerBanner{width:100%;max-width:1200px;background:#fff;margin:0 auto 60px auto;padding:50px 0 50px 0}

#top-page .footerBanner__box{border-top:3px solid #000;border-bottom:3px solid #000;padding:25px 0}

#top-page .footerBanner__box__inner{width:90%;margin:0 auto}

#wifi-index-page .keiseiWifi__box__inner section.wifi .wifiBlock .titleFlex .logo{width:8.79%}

#wifi-index-page .keiseiWifi__box__inner section.wifi .wifiBlock .titleFlex .logo img{width:100%}

/* ===== Media Queries ===== */

@media screen and (max-width:800px) {
  #page-top{bottom:5px;right:10px}
}

@media screen and (max-width:800px) {
  #page-top a{width:30px;height:30px;background:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/page_top.png) no-repeat!important;background-size:30px auto!important}
}

@media screen and (max-width:800px) {
  .header{position:fixed;padding:13px 0 8px;z-index:999999;top:0;left:0;border-bottom:2px solid #0a3788}
}

@media screen and (max-width:1100px) {
  .header__box__inner .headerLeft{width:57%}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerLeft{width:22%}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerLeft .logo{width:100%;max-width:100%}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerLeft p{display:none}
}

@media screen and (max-width:1100px) {
  .header__box__inner .headerRight{width:43%}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight{width:77%;align-items:flex-start}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight .spMenu{display:block;width:10%;margin-left:10px}
}

@media screen and (max-width:800px) and (max-width:320px) {
  .header__box__inner .headerRight .spMenu{margin-left:5px}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight .spMenu img{width:100%}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight .trafficInfo{padding-right:3px}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight .trafficInfo.gn-color{display:none}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight .trafficInfo a{font-size:11px;letter-spacing:-.05em;background-position:6px center;background-size:9px auto!important;padding:3px 2px 3px 16px}
}

@media screen and (max-width:320px) {
  .header__box__inner .headerRight .trafficInfo a{background-image:none;padding-left:2px}
}

@media screen and (max-width:800px) {
  .header__box__inner .headerRight .language select{font-size:11px;padding:2px 3px}
}

@media screen and (max-width:800px) {
  .navi{display:none}
}

@media screen and (max-width:800px) {
  .spAcdNavi{display:block;position:fixed;width:100%;height:100%;z-index:999999;top:0;left:100%;background:url(https://www.keisei.co.jp/keisei/tetudou/skyliner/us/assets/images/common/bg_grad_blue.jpg);transition:all .3s 0s ease}
}

@media screen and (max-width:1080px) {
  .footer__box__subLink ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:flex-start;flex-wrap:wrap}
}

@media screen and (max-width:800px) {
  .footer__box__subLink ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap}
}

@media screen and (max-width:1080px) {
  .footer__box__subLink ul li{margin-right:30px}
}

@media screen and (max-width:800px) {
  .footer__box__subLink ul li{width:100%;margin:0;border-bottom:1px dotted #dfdfdf}
}

@media screen and (max-width:1080px) {
  .footer__box__subLink ul li a{padding:12px 0}
}

@media screen and (max-width:800px) {
  .footer__box__subLink ul li a img{margin-right:5px}
}

@media screen and (max-width:800px) {
  .footer__box__mainLink ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;background:0 0}
}

@media screen and (max-width:800px) {
  .footer__box__mainLink ul li{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:0 0;border-bottom:1px solid #f7f7f7}
  .footer__box__mainLink ul li:last-child{border-bottom:none}
}

@media screen and (max-width:1080px) {
  .footer__box__mainLink ul li a{padding:20px 30px}
}

@media screen and (max-width:800px) {
  .footer__box__mainLink ul li a{padding:12px 5px}
}

@media screen and (max-width:800px) {
  .footer__box__copyright p{font-size:9px;letter-spacing:-.02em;text-align:center}
}

@media screen and (max-width:800px) {
  #top-page .footerBanner{margin:0 0 30px 0;padding:23px 0}
}

@media screen and (max-width:800px) {
  #top-page .footerBanner__box{padding:18px 0}
}

/* ===== 右固定サイドバー（fixedBanner） ===== */

.fixedBanner {
	position: fixed;
	right: 0;
	top: 18%;
	z-index: 999999;
}

.fixedBanner ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.fixedBanner ul li {
	display: block;
}

.fixedBanner ul li a img {
	display: block;
	width: auto;
}

@media screen and (max-width: 800px) {
	.fixedBanner {
		display: none;
	}
}

/* ===== 独自追加: Tailwind CSS の img { display: block } 上書き対策 ===== */
/* [変更] フッターリンクのアイコンと文字を横並び・上下中央揃えに */
.footer__box__subLink ul li a,
.footer__box__mainLink ul li a {
    display: inline-flex;
    align-items: center;
}
.footer__box__subLink ul li a img,
.footer__box__mainLink ul li a img {
    display: inline;
    width: 5px;
    margin-right: 3px;
    flex-shrink: 0;
}