@charset "UTF-8";
/* ==========================================================================
 * 南海電鉄 2017 トップページ スタイルシート
 * ========================================================================== */

/*  レイアウト
 * ----------------------------------------------------------------- */
.pbPage {
    font-size: 100%;
    min-width: inherit;
    background: none;
}

.pbAreaWrapper1 {
    width: 100% !important;
}

.pbHeaderArea {
    background: none;
    min-height: inherit;
    height: auto;
}

/*  ダイヤ検索
 * ----------------------------------------------------------------- */
.ner-top-diaSearch {
    width: 386px;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
}

.ner-top-diaSearch-route, .ner-top-diaSearch-time {
    border-top: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
    background-color: #E8E8E8;
}

.ner-top-diaSearch-route {
    text-align: center;
}

.ner-top-diaSearch-route a, .ner-top-diaSearch-time a {
    display: block;
}

.ner-top-diaSearch-route:hover, .ner-top-diaSearch-time:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.ner-top-diaSearch-dia {
    padding-top: 28px;
    padding-bottom: 19px;
    padding-left: 11px;
}

.ner-top-diaSearch-route a {
    padding-top: 14px;
    padding-bottom: 3px;
    background: none;
}

.ner-top-diaSearch-time a {
    padding-top: 26px;
    padding-bottom: 15px;
    padding-left: 21px;
}

/*  メインビジュアル
 * ----------------------------------------------------------------- */
.ner-top-mainVisual {
    min-height: 445px;
    overflow: hidden;
    background: url("/library/update2017/top/img/main_visual.jpg") no-repeat center;
}

.ner-top-mainVisual-box {
    width: 960px;
    margin: 0 auto;
}

/* 「愛が、多すぎる。」リンク */
.ner-top-mainVisual-ai {
    margin-top: 313px;
}

.pbPage .ner-top-mainVisual-ai a {
    display: block;
    box-sizing: border-box;
    width: 189px;
    padding: 9px 2px 6px 25px !important;
    border: 1px solid #9F9F9F;
    border-radius: 6px;
    background: rgba(255, 255, 255, .8) url("/library/update2017/img/icon/ic_arrow.png") no-repeat 17px 10px !important;
    background-size: 7px auto !important;
    font-size: 92.85714%;
    line-height: 1;
    color: #5F5F5F;
    text-decoration: none;
    letter-spacing: -1px;
}

.pbPage .ner-top-mainVisual-ai a:link,
.pbPage .ner-top-mainVisual-ai a:visited,
.pbPage .ner-top-mainVisual-ai a:active {
    color: #5F5F5F;
    text-decoration: none;
}

.pbPage .ner-top-mainVisual-ai a:hover {
    color: #1BB7FF;
    text-decoration: underline;
}

/*  ナビゲーション（おトクなきっぷ・関西空港アクセスガイド・南海沿線おでかけ情報）
 * ----------------------------------------------------------------- */
.ner-top-navi {
    padding-top: 67px;
    padding-bottom: 71px;
    background-color: #E5F7FF;
}

.ner-top-navi-box {
    width: 960px;
    margin: 0 auto;
}

.ner-top-navi-box h2 {
    margin: 0 !important;
    padding: 0 !important;
    border-left: none !important;
    color: inherit;
    font-size: 100% !important;
    line-height: inherit;
}

.ner-top-navi-ticket,
.ner-top-navi-accessGuide,
.ner-top-navi-outingInfo {
    box-sizing: border-box;
    min-height: 345px;
    margin-right: 16px;
    border: 1px solid #B9BCBD;
    border-radius: 4px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.ner-top-navi-ticket {
    padding: 14px 14px 19px;
    background-image: url("/library/update2017/top/img/bg_ticket.jpg");
}

.ner-top-navi-accessGuide {
    padding: 14px 10px 19px 18px;
    background-image: url("/library/update2017/top/img/bg_access_guide.jpg");
}

.ner-top-navi-outingInfo {
    margin-right: 0;
    padding: 13px 5px calc(19px + (1em - 14px) * 22) 11px;
    background-color: #F9F7E5;
    background-image: url("/library/update2017/top/img/bg_outing_info.png");
    background-position: 117px bottom;
}

.ner-top-navi-btn {
    margin-top: 6px;
    margin-right: 3px;
    margin-bottom: 20px;
    line-height: 1.5;
    letter-spacing: 0;
}

.pbPage .ner-top-navi-btn a {
    display: block;
    position: relative;
    padding: 19px 10px 16px 30px;
    border-radius: 4px;
    background-color: #1BB7FF;
    color: #FFF;
    text-decoration: none;
}

.pbPage .ner-top-navi-btn a:link,
.pbPage .ner-top-navi-btn a:visited,
.pbPage .ner-top-navi-btn a:hover,
.pbPage .ner-top-navi-btn a:active {
    color: #FFF;
    text-decoration: none;
}

.pbPage .ner-top-navi-btn a::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 18px;
    height: 1px;
    margin: auto;
    border: 3px solid transparent;
    border-left: 5px solid #FFF;
}

.ner-top-navi-ticket .ner-top-navi-btn a {
    background-color: #21489E;
}

.ner-top-navi-accessGuide .ner-top-navi-btn {
    margin-bottom: 9px;
}

.ner-top-navi-outingInfo .ner-top-navi-btn {
    margin-right: 0;
    margin-bottom: 9px;
}

/* .lowerは「沿線に出かけるのトップへ」に使用する */
.ner-top-navi-btn.lower {
    line-height: 1.2;
}

.ner-top-navi-btn.lower a {
    padding-top: 13px;
    padding-bottom: 11px;
}

.ner-top-navi .ner-linkList li {
    margin-bottom: 2px;
}

.ner-top-navi .ner-linkList li a::before {
    margin-right: 3px;
    margin-left: 3px;
}

/*  南海グループ
 * ----------------------------------------------------------------- */
.ner-top-nankaiGroup {
    min-height: 281px;
    background: url("/library/update2017/top/img/group.jpg") no-repeat 50% 0;
    text-align: center;
}

.ner-top-nankaiGroup-logo {
    margin-top: 34px;
    margin-bottom: 25px;
}

.ner-top-nankaiGroup-logo h2 {
    margin: 0 !important;
    padding: 0 !important;
    border-left: none !important;
    color: inherit;
    font-size: 100% !important;
    line-height: inherit;
}

.ner-top-nankaiGroup-text {
    margin-bottom: 29px;
    color: #161616;
    line-height: 1.5;
    letter-spacing: 0;
}

.ner-top-nankaiGroup-btn {
    letter-spacing: 0;
    line-height: 1.5;
    text-align: center;
}

.pbPage .ner-top-nankaiGroup-btn a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: calc(265px + (1em - 14px) * 10);
    margin: 0 auto;
    padding: 18px 10px 17px 17px;
    border-radius: 4px;
    background-color: #1BB7FF;
    color: #FFF;
    text-decoration: none;
    text-indent: 17px;
}

.pbPage .ner-top-nankaiGroup-btn a:link,
.pbPage .ner-top-nankaiGroup-btn a:visited,
.pbPage .ner-top-nankaiGroup-btn a:hover,
.pbPage .ner-top-nankaiGroup-btn a:active {
    color: #FFF;
    text-decoration: none;
}

.pbPage .ner-top-nankaiGroup-btn a::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 27px;
    height: 1px;
    margin: auto;
    border: 3px solid transparent;
    border-left: 5px solid #FFF;
}

/*  スライダー
 * ----------------------------------------------------------------- */
.ner-top-slider {
    margin-bottom: 65px;
    padding-top: 87px;
    padding-bottom: 84px;
    background-color: #E5F7FF;
}

.ner-top-slider-box {
    position: relative;
    width: 990px;
    margin: 0 auto;
}

.ner-top-slider-wrap {
}

.ner-top-slider-item {
    margin: 0 15px;
}

.ner-top-slider-item-image {
    margin-bottom: 6px;
}

.ner-top-slider-item-image img {
    width: 300px;
    height: auto;
    vertical-align: bottom;
}

.ner-top-slider-item-body {
    line-height: 1.8;
    letter-spacing: 0;
}

.ner-top-slider-prev,
.ner-top-slider-next {
    position: absolute;
    top: 64px;
    cursor: pointer;
}

.ner-top-slider-prev {
    left: -19px;
}

.ner-top-slider-next {
    right: -19px;
}

/*  新着情報（お知らせ・ニュースリリース/更新情報・投資家のみなさまへ）
 * ----------------------------------------------------------------- */
.ner-top-news {
    width: 960px;
    margin: 0 auto 32px;
}

.ner-top-news-header {
    padding-bottom: 3px;
    border-bottom: 3px solid #1BB7FF;
}

.ner-top-news-title {
    box-sizing: border-box;
    padding-left: 5px;
    color: #1BB7FF;
    font-size: 128.57143%;
}

.ner-top-news-title h2 {
    font-weight: normal;
}

.ner-top-news-more {
    margin-top: 18px;
    text-align: right;
    line-height: 1;
}

.ner-top-news-more a {
    color: #5F5F5F;
    text-decoration: none;
}

.ner-top-news-more a:link,
.ner-top-news-more a:visited,
.ner-top-news-more a:active {
    color: #5F5F5F;
    text-decoration: none;
}

.ner-top-news-more a:hover {
    color: #1BB7FF;
    text-decoration: underline;
}

.ner-top-news-more a::before {
    display: inline-block;
    content: "";
    height: 1px;
    margin-right: 8px;
    border: 3px solid transparent;
    border-left: 5px solid #1BB7FF;
    vertical-align: calc(2px + (1em - 14px) * .5);
}

.ner-top-news-all .pbWhatsnewTable {
    border-collapse: collapse;
}

.ner-top-news-all tr:hover {
    background-color: #E8F8FF;
}

.ner-top-news-date,
.ner-top-news-article {
    border-bottom: 1px dotted #A2A2A2;
}

.ner-top-news-date {
    width: calc(147px + (1em - 14px) * 5) !important;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 11px;
}

.ner-top-news-article a {
    display: block;
    position: relative;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 10px;
    color: #5F5F5F;
    text-decoration: none;
}

.ner-top-news-article a:link,
.ner-top-news-article a:visited,
.ner-top-news-article a:active {
    color: #5F5F5F;
    text-decoration: none;
}

.ner-top-news-article a:hover {
    color: #1BB7FF;
    text-decoration: underline;
}

.ner-top-news-article a::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    height: 1px;
    margin: auto;
    border: 3px solid transparent;
    border-left: 5px solid #1BB7FF;
}

.ner-top-news-article a[target="_blank"],
.ner-top-news-article a[class="pbOpenNewWindow"],
.ner-top-news-article a[href$=".pdf"] {
    background-position: 0 calc(24px + (1em - 14px) * .8);
}

/*  特急ラピート
 * ----------------------------------------------------------------- */
.ner-top-rapit {
    text-align: center;
}