@charset "UTF-8";
/*************************************************************************************************
/* 富士急行 富士急のバス 英語版
 *  コーディング ルール
 *   CSS設計にFLOCSS(https://github.com/hiloki/flocss)を使用。
 *
 *   ・インデントにはタブ（半角４つ分）を使う。
 *   ・大文字は使わない。
 *   ・すべてのプロパティ名の終端にはコロンの後にスペースを入れること。
 *   ・すべてのプロパティの終端はセミコロンを書くこと。
 *   ・セレクタは、そのブロックごとインデントを入れる。
 *     例）
 *      a {
 *
 *      }
 *          a:hover {
 *
 *          }
 *
 *   ・出来るだけ詳細度をあげないようにする。（ネストは "親 > 子 > 孫" ぐらいまで。）
 *   ・"!important"は基本的に使わない。
 *   ・タグ付けには検索し易いように"^"を付加。
 *
 *  命名規則
 *   単語の区切りには"_"。
 *   モディファイア（パターン違いなど）は、ハイフン"-MODIFIER"で区切る。
 *   javascriptで使うセレクタ名には"is-"プレフィックスを付け、値を持たせない。
 *
 *   コーディングする際は同じ人が書いたように見えるのが好ましいので
 *   一貫性を保つようにしましょう。
 *
 ************************************************************************************************/
/*-----------------------------------------------------------------------------------------------*
 *
 *      $Foundation
 *      (原則 ここに記述されてるルールは変更しない)
 *
 *-----------------------------------------------------------------------------------------------*/
/* CSS Reset Import */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lato", "SpicaNeueP-Regular", sans-serif;
  font-size: 16px;
  text-align: center;
  background-color: #fbfbfb;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

img {
  vertical-align: bottom;
}

ul,
ol {
  list-style: none;
}

/*-----------------------------------------------------------------------------------------------*
 *
 *      $Layout
 *      (ページを構成するプロジェクト共通のコンテナーブロックのスタイル)
 *
 *-----------------------------------------------------------------------------------------------*/
/*
 * Header Area      ^header
 ----------------------------------------------*/
#header .wrap-top {
  width: 1082px;
  padding: 15px 0 10px;
  margin: 0 auto;
}
#header .logo {
  width: 260px;
  float: left;
}
#header .logo a {
  display: block;
}
#header .subcontent {
  width: 822px;
  float: right;
}

/*! 言語選択、文字サイズ選択 */
#header .selectbox {
  color: #888;
  width: 530px;
  float: right;
}
#header .selectbox p {
  float: left;
}

/* サブ・ナビゲーション */
#header .subnavibox {
  font-size: 75%;
  color: #888;
  width: 822px;
  padding-top: 10px;
  float: right;
}
#header .subnavibox li {
  float: left;
}

/* 運行状況 */
#header .wrapbox {
  margin: 20px auto 0;
}

/*
 * メイン・メニュー     ^header ^menu
 */
.main_menu_wrap {
  background: url(/img/common/bg_slnating.png) repeat 0 0;
  height: 53px;
}
.main_menu_wrap .layer {
  background: #f1f1f1 url(/img/common/bg_slnating.png) repeat 0 0;
}

.main_menu_layer {
  text-align: left;
  /*中央寄せ IE6対策*/
  width: 990px;
  height: 48px;
  padding: 5px 46px 0;
  margin: 0 auto;
}
.contentblock_inner {
    border-bottom: dashed 1px #c9c9c9;
    padding-bottom: 20px;
}
.catchphrase_box {
    padding: 20px 0;
}
.catchphrase_txt {
    color: #FF0000;
    line-height: 1.5;
}

/*
 * Main Body Area       ^mainbody
 ----------------------------------------------*/
.maincontent {
  width: 1082px;
  padding: 20px 0;
  margin: 0 auto;
}

/*
 * Footer Area      ^footer
 ----------------------------------------------*/
#footer {
  color: #696969;
  background: url(/img/common/bg_slnating.png) repeat left top;
}
#footer .block {
  text-align: left;
  width: 1082px;
  margin: 0 auto;
}
#footer .bottombox {
  width: 1082px;
  margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------*
 *
 *      $Compornent / Object
 *      (再利用できるパターンとして、小さな単位のモジュール)
 *
 *-----------------------------------------------------------------------------------------------*/
/*
 * ホバー時の設定
 */
/* 透過 */
.hov_act-op {
  display: block;
}
.hov_act-op:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  zoom: 1;
}

/*
 * ブロックの背景色     ^layer
 */
.layer {
  background-color: #fbfbfb;
}

.layer-gray {
  background-color: #e1e1e1;
}

/*
 * ページトップ ボタン       ^pagetop
 */
.pagetop {
  width: 205px;
  float: right;
}
.pagetop a {
  background: url(/img/common/toppage_small.png) no-repeat;
  padding-top: 26px;
}
.pagetop a:hover {
  background-position: 0 -26px;
}

/* 大きいサイズ */
.pagetop-bottom {
  width: 218px;
  float: right;
}
.pagetop-bottom a {
  background: url(/img/common/btn_pagetop.png) no-repeat;
  padding-top: 36px;
}
.pagetop-bottom a:hover {
  background-position: 0 -36px;
}

/*
 * アイコン     ^icon
 */
/* タイヤ・マーク */
.icn_tire-orange {
  background: url(/img/default/highway/icon_tire_orange.png) no-repeat left center;
}

.icn_tire-green {
  background: url(/img/default/heritagetour/detail/icon_tire.png) no-repeat left center;
}

/* 上り下り */
.icn_tag {
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 5px;
}

.icn_tag-highway {
  background-color: #f47a37;
  width: 90px;
}

/*
 * 表の基本的なスタイル    ^table
 *  (時刻表、運賃表等に使用)
 */
.base_table, .base_table th, .base_table td {
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  border: solid 1px #b3b3b3;
}

.base_table_layout,
.base_table_layout th,
.base_table_layout td {
    font-size: 14px;
    vertical-align: middle;
    border: solid 1px #b3b3b3;
}


.thline {
  text-align: center;
  background-color: #f6f7df;
  padding: 8px 5px;
}

.thcell {
  line-height: 1.2857142;
  background-color: #f0f0f0;
  padding: 5px;
}

.mark_data {
  font-size: 12px !important;
  text-align: center;
  background-color: #fff;
  width: 90px;
  padding: 5px;
}

.thcell.adjust_tb01 {
  width:322px;
  text-align:center;
  font-size:150%;
}
.thline.adjust_tb02 {
  background:#fff;
  width:40px;
}
.thline.adjust_tb03 {
  color:#f00;
  font-size:16px;
}
.fare_amount_data .adjust_span01 {
  color:#f00;
  font-size:20px;
}
.fare_table-l {
    width: 100%;
}
.fare_table-l .thline,
.fare_table-l .thcell {
    font-weight: normal;
}

.fare_table_cell4 .thline {      /* 表が4列のパターン(3列にも使用) */
    width: 25%;
}
.fare_table_cell2 .thline {      /* 表が2列のパターン */
    width: 50%;
}
.fare_table_cell-10 .thline {      /* 表が10列のパターン */
    width: 10%;
}

.fare_table-l .thline {
    padding: 18px 0;
}
.fare_table-l .thcell {
    padding: 5px 10px;
    line-height: 1.571;
}
.fare_table-l td {
    background-color: #fbfbfb;
    padding: 10px;
}


/* 運賃表の値段の設定    ^fare ^table */
.fare_amount_data {
  font-size: 87.5%;
  text-align: center;
  background-color: #fff;
  padding: 5px;
}
.fare_amount_data span {
  font-size: 114.3%;
  font-weight: bold;
  color: #ca3b5d;
  padding-right: 1px;
}

/*-----------------------------------------------------------------------------------------------*
 *
 *      $Project / Object
 *      (プロジェクト固有のパターン)
 *
 *-----------------------------------------------------------------------------------------------*/
/*
 * メインメニュー      ^header ^menu
 */
.main_menu {
  background-color: #f7f7f7;
}
.main_menu .item-base {
  height: 48px;
  float: left;
}
.main_menu .item-base a {
  background: url(/img/common/globalmenu.png) no-repeat;
  padding-top: 48px;
}
.main_menu .item1 {
  width: 150px;
}
.main_menu .item2,
.main_menu .item3,
.main_menu .item4 {
  width: 280px;
}

/* Home */
.main_menu .item1 a {
  background-position: 0 0;
}
.main_menu .item1 a:hover, .main_menu .item1 a.on_active {
  background-position: 0 -48px;
}

/* Circle around Mt. Fuji, the World Cultural Heritage Site */
.main_menu .item2 a {
  background-position: -150px 0;
}
.main_menu .item2 a:hover, .main_menu .item2 a.on_active {
  background-position: -150px -48px;
}

/* Express bus bound for Mt. Fuji */
.main_menu .item3 a {
  background-position: -430px 0;
}
.main_menu .item3 a:hover, .main_menu .item3 a.on_active {
  background-position: -430px -48px;
}

/* How to ride a fixed-route bus */
.main_menu .item4 a {
  background-position: -710px 0;
}
.main_menu .item4 a:hover, .main_menu .item4 a.on_active {
  background-position: -710px -48px;
}

/*
 * 運行状況表示       ^header ^traffic
 *  (jQuery Plugin "simpleTicker")
 */
.traffic {
  font-size: 16px;
  color: #000;
  background-color: #e9e9e9;
  width: 970px;
  padding: 10px;
}
.traffic .left {
  width: 160px;
  float: left;
}
.traffic .right {
  text-align: left;
  background-color: #fff9c7;
  width: 800px;
  height: 16px;
  padding: 5px;
  float: right;
}
.traffic .traffic_news {
  display: block;
}

/*
 * スライドギャラリー
 *  (jQuery Plugin "iview")
 */
.banner_area {
  width: 100%;
  height: 478px;
  padding-bottom: 32px;
}

#iview div {
  cursor: pointer;
}
.iview-controlNav {
    width: 122px!important;
}

/*
 * 言語選択     ^header ^language
 */
.language {
  font-size: 75%;
  font-weight: bold;
  text-align: left;
  float: left;
  width: 298px;
  margin: 6px 5px 0 0;
}
.language li {
  margin-right: 10px;
  display: inline-block;
}
.language a {
  color: #888;
  /* IE対策 */
  background: url(/img/common/arrow_circle_gray.png) no-repeat left center;
  padding: 2px 0 2px 20px;
  display: block;
}

/*
 * 文字サイズ    ^header
 */
/* 文字サイズ選択 */
.is-font-s {
  font-size: 80%;
}

.is-font-m {
  font-size: 100%;
}

.is-font-l {
  font-size: 120%;
}

.charasize {
  font-size: 12px;
  font-weight: bold;
}
.charasize .text {
  width: 68px;
  padding: 8px 8px 6px 0;
  float: left;
}
.charasize .buttonlist {
  width: 150px;
  display: block;
  float: right;
}
.charasize .buttonlist li {
  float: left;
  display: block;
}
.charasize .button {
  width: 50px;
}
.charasize .button a {
  background: url(/img/common/btn_charactersize.png) no-repeat;
  width: 50px;
  padding-top: 26px;
  cursor: pointer;
}
.charasize .button-small a {
  background-position: 0 0;
}
.charasize .button-small a:hover {
  background-position: 0 -26px;
}
.charasize .button-small.active a {
  background-position: 0 -26px;
}
.charasize .button-medium a {
  background-position: -50px 0;
}
.charasize .button-medium a:hover {
  background-position: -50px -26px;
}
.charasize .button-medium.active a {
  background-position: -50px -26px;
}
.charasize .button-large a {
  background-position: -100px 0;
}
.charasize .button-large a:hover {
  background-position: -100px -26px;
}
.charasize .button-large.active a {
  background-position: -100px -26px;
}

/*
 * サブ・ナビゲーション   ^header ^subnavi
 */
.subnavi {
  display: block;
  float: right;
}
.subnavi .listitem {
  margin-right: 10px;
}
.subnavi .listitem a {
  color: #888;
  background: url(/img/common/arrow_red.png) no-repeat left center;
  padding: 0 10px 0 8px;
}
.subnavi .activitie {
  margin-right: 0;
}
.subnavi .activitie a {
  padding-right: 0;
}

/*
 * ".maincontent"内の
 * コンテンツのメニューボタン    ^mainbody
 */
.menu_content_block {
  padding-top: 20px;
}
.menu_content_block .menu_button {
  padding-bottom: 30px;
  float: left;
}
.menu_content_block .menu_button1,
.menu_content_block .menu_button2,
.menu_content_block .menu_button6,
.menu_content_block .menu_button7 {
  width: 530px;
}
.menu_content_block .menu_button3,
.menu_content_block .menu_button4,
.menu_content_block .menu_button5 {
  width: 346px;
}
.menu_content_block .menu_button1,
.menu_content_block .menu_button3,
.menu_content_block .menu_button4,
.menu_content_block .menu_button6 {
  padding-right: 22px;
}

/*
 * パンくずリスト      ^mainbody ^breadcrumb
 */
.breadcrumb {
  padding: 1px 0 5px 0;
}
.breadcrumb .link {
  font-size: 75%;
  line-height: 1.334;
  float: left;
}
.breadcrumb .link a {
  text-decoration: underline;
}
.breadcrumb .link a:hover {
  text-decoration: none;
}
.breadcrumb .link_layout {
  color: #3f3f3f;
}
.breadcrumb .link_layout a {
  background: url(/img/common/arrow_black_4_7.png) no-repeat 96% center;
  padding: 0 20px 0 0;
}

/*
 * HOMEへ戻る      ^footer
 */
.home_button_block {
  background-color: #e5e5e5;
  height: 40px;
}
.home_button_block .btn_home {
  background: url(/img/common/btn_home.png) no-repeat;
  width: 114px;
  padding-top: 40px;
}
.home_button_block .btn_home:hover {
  background-position: 0 -40px;
}

/*
 * フッターエリアのナビゲーション  ^footer
 */
.footer_navi {
  background-color: #f5f5f5;
}
.footer_navi .allcolumn {
  background-color: #f5f5f5;
  padding: 20px 0 80px;
}
.footer_navi .allcolumn .column1,
.footer_navi .allcolumn .column2 {
  width: 368px;
  float: left;
}
.footer_navi .allcolumn .column3 {
  width: 346px;
  float: left;
}
.footer_navi .allcolumn .content_navi {
  font-size: 87.5%;
  color: #696969;
  border-left: solid 10px #dfdfdf;
  padding: 6px 10px 6px 0;
}
.footer_navi .allcolumn .content_navi li {
  line-height: 1.571;
  padding-left: 26px;
}
.footer_navi .baseblock p {
  font-size: 112.5%;
  font-weight: bold;
  color: #696969;
  padding: 11px 0 11px 26px;
  display: block;
}
.footer_navi .navi_block1 .head {
  /* 緑色 */
  border-left: solid 10px #64b44b;
}
.footer_navi .navi_block2 .head {
  /* オレンジ色 */
  border-left: solid 10px #f47e37;
}
.footer_navi .navi_block3 .head {
  /* 赤色 */
  border-left: solid 10px #f36c6c;
}

/* 第2階層 */
.footer_navi .allcolumn .content_navi_subhead {
  font-weight: bold;
  margin-top: 10px;
}
.footer_navi .allcolumn .content_navi2 {
  margin-left: -6px;
}
.footer_navi .allcolumn .content_navi2 li {
  font-size: 100%;
  font-weight: normal;
}

/* 「笆ｶ」アイコン(フッター) */
.footer_navi .footer_icn_arw {
  background: url(/img/common/icn-arw_gray_bgf5f5f5.png) no-repeat 10px center;
}
.footer_navi .footer_icn_arw.position_icn_arw {
  background-position: 10px 6px;
}
.footer_navi .footer_icn_arw a img{
  width: 18px;
  margin-right: 3px;
  vertical-align: middle;
}

/*
 * 著作権表示    ^copyright
 */
.copyright {
  font-size: 75%;
  color: #888;
  background-color: #e5e5e5;
  padding: 25px 0;
}

/* 日付カレンダー */
.base_calender {
    width: 230px;
    border: solid 1px #ccc;
    color: #3f3f3f;
    font-size: 15px;
    text-align: center;
    float: left;
}
.base_calender caption {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}
.base_calender th ,
.base_calender td {
    padding: 6px;
    border: dotted 1px #ccc;
    font-weight: normal;
}
.base_calender td {
    background: #ffffaa;
    text-align:center;
}
.base_calender .calender_empty { background: #ffffff; }
.base_calender .calender_red   { background: #ffaaaa; }
.base_calender .calender_green { background: #aaffaa; }
.base_calender .calender_yellow   { background: #fff000; }
.base_calender .saturday       { color: #0000ee; }
.base_calender .holiday        { color: #ee0000; }

.base_calender_list {
    clear: left;
    padding-top: 10px;
}
.base_calender_list li {
    float: left;
    display: block;
}
.calender_line_list_item1 span { color: #faa; }
.calender_line_list_item2 span { color: #afa; }
.calender_line_list_item3 span { color: #ffa; }
.calender_line_list_item4 span { color: #fff000; }


.mrg-l20   { margin-left: 20px; }
.mrg_r20   { margin-right: 20px; }

.base_calender caption {
    display: table-caption;
    text-align: -webkit-center;
}
.slide-note {
    display: none;
}


/*-----------------------------------------------------------------------------------------------*
 *
 *      $Utility / Object
 *
 *-----------------------------------------------------------------------------------------------*/
/*
    utility.cssを参照
 */

/*# sourceMappingURL=default.css.map */