@charset "utf-8";

@import "/Portals/0/css/contentsmart.css";

/* ===========================================================
 Non-display area of the smartphone
=========================================================== */
.pcArea {display:none!important;}
.spArea {display:block!important;}

img {max-width:100%; height:auto!important;}
.skinWrapper h2,h3,h4,h5{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.skinWrapper h2{font-size: 142%; padding:7px 0 7px 8px;}
.skinWrapper h3{font-size: 108%; padding:12px 0 12px 13px;}
#skinIndex.skinWrapper h2, #skinIndex.skinWrapper h2,
#skin1Column.skinWrapper h2, #skin2Columns.skinWrapper h2,
#skin1Column.skinWrapper h3, #skin2Column.skinWrapper h3,
#skin1Column.skinWrapper h3, #skin2Column.skinWrapper h4,
#skin1Column.skinWrapper h5, #skin2Column.skinWrapper h5{margin-left:-10px; margin-right:-10px;}
.BgTitle .title h2{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; font-size: 142%; padding:7px 0 7px 8px;}

/* ===========================================================


 skin.css


=========================================================== */

/* ===========================================================
 common
=========================================================== */
body {min-width:100%; -webkit-text-size-adjust:none; background:none;}

/* 画像の中央寄せ用 */
.alignCenterSmt{text-align:center;}
.imgCenterSmt{text-align:center; float:none;}
img.imgCenterSmt{text-align:center; float:none;margin: 0 auto 10px;display: block;}

/* テーブルスマホ最適化 */
table.listTable{overflow:auto;}

table.listTable.verticalTableSmt,
table.listTable.verticalTableSmt tbody,
table.listTable.verticalTableSmt tbody tr,
table.listTable.verticalTableSmt tbody tr th,
table.listTable.verticalTableSmt tbody tr td{display:block; box-sizing:border-box;}

table.listTable.verticalTableSmt{margin:0 0 20px; width:auto; border:none;}
table.listTable.verticalTableSmt > tbody > tr{margin-bottom:15px;}
table.listTable.verticalTableSmt > tbody > tr > th{padding:10px; width:auto; text-align:center; background-color:#4775AB; border:none;}
table.listTable.verticalTableSmt > tbody > tr > td{border:none; padding:10px;}

/* タブの調整 */
#TabModule999_485,
#TabModule999_998{padding:0!important;}
.tabInnerBox{margin:15px;}

/* lightbox調整用 */
.lb-nav a.lb-next,
.lb-nav a.lb-prev{opacity:1!important; display:block!important; width:50%!important;}

/* 印刷ボタン削除用 */
ul.snsBtnHorizonList li.printBtn{display:none;}

/* プルダウンリスト */
.pulldownMenuList ul li.open{display:block!important;}

/* NEWS調整用 */
.newsSales.newsListPage .newsList .newsTitle{width: auto;}
.newsListPage .newsList ul{padding:0!important;}

/* ===========================================================
 headBody
=========================================================== */
#headBody {margin:0; padding:0; width:100%; height:auto; position:relative; z-index:4;}

/* headLogo */
#headBody .headLogo	{padding:8px 10px 0 10px; width:auto; float:none;}
#headBody .headLogo:before,
#headBody .headLogo:after {content:"";display:table;}
#headBody .headLogo:after {clear:both;}
#headBody .headLogo .Logo {background:url(/Portals/0/images/ch/smt/skins/bg_logo.png) 145px bottom no-repeat; background-size:75px 52px; width:235px; min-height:52px; float:left;}
#headBody .headLogo .Logo a {width:100%; height:30px; background:url(/Portals/0/images/ch/smt/skins/logo.png) 0 0 no-repeat; background-size:auto 30px;}
#headBody .headLogo .HeadSmtBtnChPane {float:right; width:55px; clear:none;}
/*　Rinkai Line 簡易ページ　*/
.simple #headBody .headLogo .Logo{background:none;background-size:auto;width:235px;min-height:52px;float:left;}

/* headWrap */
#headBody .headWrap{margin:0; padding:0; width:100%; float:none; display:none; position:fixed; top:60px; z-index:10; overflow-y:auto; height:calc(100% - 60px);}
/* 簡易ページ */
.simple #headBody .headWrap{display:none;overflow:scroll;position:fixed;top:60px;float:none;z-index:10;width:100%;height: calc(100vh - 80px);margin:0;padding:10px 0 15px 0;border-bottom:5px solid #003371;background:#00418e;}

/* headWrap */
#headBody .headWrapArea {margin:0;}

/* headUtility */
#headBody .headUtility {padding:0 10px;}
#headBody .headUtility #fontSizer,
#headBody .headUtility .colorChange {display:none;}

/* searchWrap */
.searchWrap {margin:0 0 10px 0; width:auto; height:35px; float:none; background-color:#FFF; border-radius:2px; border-top:2px solid #e6e6e6; border-right:none; border-left:none; border-bottom:none;}
.searchWrap:before,
.searchWrap:after {content:"";display:table;}
.searchWrap:after {clear:both;}
.searchWrap span {font-size:13px; top:8px;}
.searchWrap input {padding: 0 0 0 10px; width:84%; height: 35px; margin: 0; background: none; border: none;}
.searchWrap a{background:#fff url(/Portals/0/images/ch/smt/skins/btn_seach.png); background-size:auto 22px; width:20px; height:22px; right:10px;}

/* 多言語 */
.layout_head_top {display: flex; flex-direction: row-reverse; flex-direction: column; align-items: end; padding: 0 10px;}
.head_lang {width: 100%; margin-bottom: 12px;}
.head_lang.global{width:100%; margin:0; display:block; padding:10px; box-sizing:border-box; padding:10px; box-sizing:border-box; background:#00418e;}
a.head_lang_btn,
a.head_lang_btn:link,
a.head_lang_btn:visited {background:#D3E4F7; padding: 10px 30px; border: none; border-radius: 0; width: 100%; display: block; box-sizing: border-box; min-width: inherit; height: auto; text-align: center; font-size:114%;}
.head_lang_btn:before {width:15px; height:15px; margin:auto; position:absolute; top:0; bottom:0; left:15px; right:auto; background-size:auto 15px;}
.hLanguageList {margin: 0 10px; text-align: center; box-sizing: border-box; width: calc(100% - 20px); top: inherit;}
.hLanguageList li {padding: 0 5px;}
.hLanguageList a,
.hLanguageList a:link,
.hLanguageList a:visited {color: #030303; padding: 10px 0; font-size:114%;}



/* ===========================================================
 gNav
=========================================================== */
#gNav {display:none;}
.smtMenu > ul > li.Tab297 > a{background-image: url(/Portals/0/images/smt/common/arw_white_plus.png);}

/* ===========================================================
 headWrap
=========================================================== */
/* smtMenu */
.smtMenu ul{padding:0; margin:0;}
.smtMenu ul li{list-style-type:none; position:relative;}
.smtMenu > ul{ background-color:#00418e;}
.smtMenu > ul > li{padding:0 10px 10px; margin:0; background: url(/Portals/0/images/smt/common/line_navi_under.png) 0 bottom repeat-x; background-size:auto 3px; cursor:pointer;}
.smtMenu > ul > li:nth-child(5){background-image:none; border-bottom:3px solid #003371;}
.smtMenu > ul > li:before{content:" "; display:inline-block; width:45px; height:20px; background:url(/Portals/0/images/smt/index/icon_otherpc.gif) 0 0 no-repeat; background-size:auto 20px; vertical-align:middle; margin:0; padding:0; position:absolute; top:15px; right:15px;}
.smtMenu > ul > li > a{color:#FFF; display:inline-block; text-decoration:none; padding:15px 0 10px 25px; background: url(/Portals/0/images/smt/common/arrow_whiteCircle.png) 0 57% no-repeat; background-size:auto 15px; width:100%;}

/* 2階層 */
.smtMenu > ul > li > ul{display:none;}
.smtMenu > ul > li > ul > li{background-color:#2f69af;padding:0; border-bottom:2px solid #00418e;}
.smtMenu > ul > li > ul > li:before{content:" "; display:inline-block; width:45px; height:20px; background:url(/Portals/0/images/smt/index/icon_otherpc.gif) 0 0 no-repeat; background-size:auto 20px; vertical-align:middle; margin:0; padding:0; position:absolute; top:15px; right:5px;}
.smtMenu > ul > li > ul > li > a{color:#FFF; display:inline-block; text-decoration:none; padding:15px 0 15px 35px; margin:0; background: url(/Portals/0/images/smt/common/arrow_whiteCircle.png) 10px 50% no-repeat; background-size:auto 15px; width:100%;}
/* 3階層 */
.smtMenu > ul > li > ul > li > ul{display:none; background-color:#FFF; padding:0 10px;}
.smtMenu > ul > li > ul > li > ul > li{padding:0; border-bottom:2px dotted #4d7ab0;}
.smtMenu > ul > li > ul > li > ul > li:last-child {border-bottom:none;}
.smtMenu > ul > li > ul > li > ul > li > a{color:#333; display:inline-block; text-decoration:none; padding:15px 0 15px 25px; background: url(/Portals/0/images/smt/common/arrow_blueCircle.png) 0 50% no-repeat; background-size:auto 15px;}
/* 3階層 */
.smtMenu > ul > li > ul > li > ul > li > ul > li{padding:0;}
.smtMenu > ul > li > ul > li > ul > li > ul > li > a{color:#333; display:inline-block; text-decoration:none; padding:0 0 15px 35px; background: url(/Portals/0/images/smt/common/arrow_blueDot.png) 20px 20% no-repeat; background-size:auto 10px;}

@media only screen and (orientation : portrait){/*縦 */
.smtMenu > ul > li > ul > li > a{padding: 15px 0px 15px 25px; background-position:5px 50%; font-size:86%;}
.smtMenu > ul > li:before{content:" "; display:inline-block; width:34px; height:20px; background:url(/Portals/0/images/smt/index/icon_otherpc.gif) 0 0 no-repeat; background-size:auto 15px; vertical-align:middle; margin:0; padding:0; position:absolute; top:15px; right:15px;}
.smtMenu > ul > li > ul > li:before{content:" "; display:inline-block; width:34px; height:20px; background:url(/Portals/0/images/smt/index/icon_otherpc.gif) 0 0 no-repeat; background-size:auto 15px; vertical-align:middle; margin:0; padding:0; position:absolute; top:15px; right:5px;}
}

/*----------------------------------------
 切り替えモジュール
----------------------------------------*/
/* 非表示 */
.skinWrapper.en .ViewSpSwitch,
.skinWrapper.ch .ViewSpSwitch,
.skinWrapper.ko .ViewSpSwitch,
.skinWrapper.tw .ViewSpSwitch{display:none;}


/* ===========================================================
 FootSmtLinkPane
=========================================================== */

/* smtFooterMenu */



/* ===========================================================
 content
=========================================================== */
.skinSub #mainBody {margin:0; width:100%;}

/* topWrap */
#mainBody #topWrap {height:100%; position:static;}
#mainBody #topWrap .InfoHeadPane {position:static;}
#mainBody #topWrap .InfoBottomPane {position:static;}

/* contentWrap */
#mainBody #contentWrap {margin:0 auto; width:100%;}
#mainBody #contentWrap:before,
#mainBody #contentWrap:after {content:"";display:table;}
#mainBody #contentWrap:after {clear:both;}
#mainBody #contentWrap #contentWrapLeftArea {width:100%; float:none; padding:0;}
#mainBody #contentWrap #contentWrapRightArea {width:100%; float:none; padding:0;}
#skinIndex #contentWrap{padding:0 10px; width:100%; box-sizing:border-box;}
#skin1Column #contentWrap {padding:0 10px; width:100%; box-sizing:border-box; border-top:none;}
#skin2Columns #contentWrap {padding:0 10px; width:100%; box-sizing:border-box; border-top:none;}
#skin2Columns #sideWrap {display:none;}
#mainBody .BottomPane {width:100%;}
.breadcrumb {display:none;}



/* ===========================================================
 pagetop
=========================================================== */
.pagetopDummy, #pagetop{width:100%;}
.pagetopDummy span, #pagetop a{position:absolute; background-position:0 -63px; bottom:-15px; right:5px; margin:0; background: url(/Portals/0/images/ch/smt/skins/btn_pagetop.png) 0 0 no-repeat; background-size:auto 126px;}


/* ===========================================================
 footBody
=========================================================== */
#footWrap {width:100%;}
#footBody {margin-top:115px;}

.FootTopChPane,
.FootChPane,
.FootChSimplePane,
.FootBottomChPane {display:none;}

.copyright {margin:0; padding:10px 0; clear:both; background:#00418e;}
.copyrightChPane .copyrightCss {width:100%;}




/* ===========================================================


 contents.css


=========================================================== */

/*========================================================
 common
 ========================================================*/
.smt_hMenuBtn {margin:0; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(/Portals/0/images/ch/smt/common/btn_menu_close.png) 0 0 no-repeat; background-size:55px 45px; width:55px; height:45px;}
.smt_hMenuBtn.menuOpen {margin:0; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(/Portals/0/images/ch/smt/common/btn_menu_open.png) 0 0 no-repeat; background-size:55px 45px; width:55px; height:45px;}
#headBody .burger_btn{text-indent:100%; white-space:nowrap; overflow:hidden; width:55px; height:45px; position:relative;}
#headBody .burger_btn .burgerMotion{width:100%; height:100%;}
#headBody .burger_btn .burgerMotion p{width:100%; margin:0; padding:0; background:url(/Portals/0/images/smt/common/btn_menu_close.png) 0 0 no-repeat; background-size:55px 45px;}
#headBody .burger_btn .burgerMotion.active p{margin:0; padding:0; background:url(/Portals/0/images/smt/common/btn_menu_open.png) 0 0 no-repeat; background-size:55px 45px;}
#headBody .burger_btn .burgerMotion p span{display:none;}


/* ===========================================================
 default
=========================================================== */
h1 {margin: 0px 0px 20px; padding:20px 0px 10px 10px; font-size:150%;}


/*========================================================
 link list
 ========================================================*/
/* smt_hServiceLink */
.smt_hServiceLink {margin:0 0 13px 0; padding:0; list-style:none; text-align:center;}
.smt_hServiceLink li {text-align:center; display:inline-block; width:47%;}
.smt_hServiceLink a {margin:0; padding:10px 0; width:100%; border-right:2px; display:inline-block; color:#FFF; text-decoration:none; vertical-align:middle; background-color:#3064a1; vertical-align:middle;}
.smt_hServiceLink a span {margin:-2px 0 0 5px; background:url(/Portals/0/images/ch/smt/common/ico_pc.png) 0 0 no-repeat; background-size:auto 16px; text-indent:100%; white-space:nowrap; display:inline-block; vertical-align:middle; width:38px; height:16px;}
.smt_hServiceLink a:before{content:" "; background:url(/Portals/0/images/ch/smt/common/arrow_whiteCircle.png) 0 0 no-repeat; vertical-align:middle; background-size:auto 15px; width:15px; height:15px; display:inline-block; margin:-3px 10px 0 0;}

/* hLanguageList */
/*.hLanguageList {margin:0 0 13px 0; text-align:center;}
.hLanguageList li {padding:0 5px; border-color:#ffffff;}
.hLanguageList a {color:#ffffff!important;}*/


/*========================================================
 Index
 ========================================================*/
/* KV */
.skinWrapper.ch .kvArea{width:100%; margin:0 0 10px; padding:0; box-sizing:border-box;}
.skinWrapper.ch .kvArea img {width:100%!important;}


/* サイドバナー */
.ch .bnrArea{margin:0 -10px 35px; background:url(/Portals/0/images/smt/index/bnr/line_ttl.png) 0 0 repeat-x; background-size:auto 10px; text-align:center;}
.ch .bnrArea.bnrMovie{margin:0 -10px 35px; padding: 23px 0px 0px; background:url(/Portals/0/images/smt/index/bnr/line_ttl.png) 0 0 repeat-x; background-size:auto 10px; text-align:center;}
.ch .bnrArea.bnrMovie h2,
.ch .bnrArea.bnrSNS h2,
.ch .bnrArea.bnrLink h2{width:100%; background-position: center 0; padding:0; text-indent:150%; display:inline-block;}
.ch .bnrArea h2{background-position: center 0;}
.ch .bnrArea.bnrMovie h2 {background-image:url(/Portals/0/images/ch/ttl_bnrMovie.png); background-size:auto 47px;}
.ch .bnrArea.bnrSNS h2 {background-image:url(/Portals/0/images/ch/ttl_bnrSNS.png); background-size:auto 20px;}
.ch .bnrArea.bnrLink h2 {background-image:url(/Portals/0/images/ch/ttl_bnrLink.png); background-size:auto 20px;}
/* 動画サイズ */
.ch .bnrArea.bnrMovie iframe{width:auto; height:auto;}
@media only screen and (orientation : landscape){/*横*/
.ch .bnrArea li{display: inline-block;}
}

/* 簡体中文 運行情報
.serviceInfo {margin:0; width:100%;}
.serviceInfo .serviceInfoAreaCh {width:100%;height: 43px;float:none;position:relative;}
.serviceInfo .serviceInfoAreaCh p {float:none;width: 140px;position:absolute;left:0;top:0;}
.serviceInfo .serviceInfoAreaCh p a {padding: 10px 0 10px 15px;width:100%;border-radius:0;border-bottom:1px solid #00418f;}
.serviceInfo .serviceInfoAreaCh marquee {padding: 10px 0;width:100%;float:none;position:absolute;left: 155px;top:0;border-top:1px solid #eeeeee;border-right:none;border-bottom:none;border-left:none;}

/* 簡体中文 運行情報 */
.serviceInfo{display:block;width:auto;margin:0 auto 15px;}
.serviceInfo .serviceInfoAreaCh{display:flex;float:none;width:100%;height:100%;}
.serviceInfo .serviceInfoAreaCh p{display:block;position:relative;float:none;width:100%;height:auto;background:#00418f;}
.serviceInfo .serviceInfoAreaCh p a{display:flex;width:100px;height:auto;padding:10px 0 10px 22px;border-radius:0;background-color:transparent;justify-content:center;align-items:center;}
.serviceInfo .serviceInfoAreaCh marquee{display:flex;position:static;top:0;left:100px;padding:10px 0;border-top:1px solid #eee;border-right:none;border-bottom:1px solid #eee;border-left:none;align-items:center;}


/*========================================================
 開閉
 ========================================================*/
/* 1階層目、2階層目、3階層目 */
.spContents,
.spContentsSub,
.spContentsThird {display:none;}
.spSwitch,
.spSwitchSub,
.spSwitchThird {cursor:pointer; position:relative;}
.spClose,
.spCloseSub,
.spCloseThird {cursor:pointer;}

/*  h2開閉デザイン */
h2.spSwitch,
h2.spSwitchSub,
h2.spSwitchThird {padding:14px 10px 12px;}
h2.spSwitch:before,
h2.spSwitchSub:before,
h2.spSwitchThird:before{content:" "; display:inline-block; width:20px; height:20px; background:url(/Portals/0/images/smt/common/arw_plus.png) 0 0 no-repeat; background-size:auto 13px; vertical-align:middle; margin:-3px 0px 0 0px; padding:0 0 0 10px;}/*←画像差し替え*/
h2.spSwitch.active:before,
h2.spSwitchSub.active:before,
h2.spSwitchThird.active:before{content:" "; display:inline-block; width:20px; height:20px; background:url(/Portals/0/images/smt/common/arw_minus.png) 0 0 no-repeat; background-size:auto 13px; vertical-align:middle; margin:-3px 0px 0 0px; padding:0 0 0 10px;}/*←画像差し替え*/
p.spClose.btnCloseAc,
p.spCloseSub.btnCloseAc,
p.spCloseThird.btnCloseAc {background-color:#7f7f7f; color:#FFF; margin:10px 0 20px 0; padding:5px 10px; text-align:right; text-align:center; width:100px; float:right;}



/*======================================================================

 ■多言語

=======================================================================*/
ul.photoLinkListEngSmt{margin:20px auto 0; padding:20px 0 20px; border-top:1px dotted #ccc; list-style:none;}
ul.photoLinkListEngSmt li{margin:0 auto 10px; padding:0; list-style:none;}
ul.photoLinkListEngSmt li a{display:block; padding: 10px 20px 10px 35px; color:#fff; text-decoration:none; border-radius:4px; -webkit-border-radius:4px; background: url(/Portals/0/images/smt/common/arrow_whiteCircle.png) 12px 50% no-repeat #00418E; background-size:auto 15px; position:relative;}

ul.photoLinkListEngSmt li a:after{content:" "; display:inline-block; width:45px; height:20px; background:url(/Portals/0/images/smt/index/icon_otherpc.gif) 0 0 no-repeat; background-size:auto 20px; vertical-align:middle; margin:0; padding:0; position:absolute; top: 10px; right: 15px;}

.routeMapEnSmt{position:relative; display:block; border:1px solid #ccc;}
.routeMapEnSmt .expIcon{display:block; width:40px; height:40px; right:10px; bottom:10px; position:absolute;}

/*========================================================
お知らせ一覧(～りんかい線沿線のイベント情報～)
========================================================*/
/*----------------------------------------
  TOP
----------------------------------------*/
.rssEventHeader, .rksEventHeader{display:block;text-align:center;}
.rksEventHeader p, .rssEventHeader p{display: block;line-height:1;}
.rksEventHeader .eventLinkBtn, .rssEventHeader .eventLinkBtn{margin-top:10px;}

/*----------------------------------------
  お知らせ一覧・詳細
----------------------------------------*/
.rssEventListPage .rssEventList ul li{width:100%;}
.rssEventInformation .eventDetails{display:block;}
.rssEventInformation .rssEventImage{text-align:center;}
/*.rssEventList .eventThumbnail,
.eventList .eventThumbnail{width:35%;}*/
.eventListPage .eventText .eventIcon,
.eventListPage .eventText .eventDate{border-radius: 3px}
.eventListPage .eventCategoryDate{display: inline-block;}
.eventListPage .eventList .eventThumbnail{padding-top:27%}

/* 印刷ボタン削除用 */
.btnPrintLink{display:none;}

/*========================================================
 news-list
========================================================*/
.newsEmergency.newsListIndex .newsList{width:100%; padding:0; margin:0 auto 15px;}
.newsEmergency.newsListIndex .newsList ul{padding:15px 10px; display:block;}
.newsTwr.newsListIndex .newsTitle,
.newsEmergency.newsListIndex .newsTitle,
.newsImportant.newsListIndex .newsTitle,
.newsListPage .newsList .newsTitle,
.newsTwr.newsDetail .newsTitle,
.news1col.newsListPage .newsList .newsTitle{width:100% !important;margin:0;padding:32px 10px 0 10px;width:auto;float:none;clear:both;box-sizing:border-box;-webkit-box-sizing:border-box;}