@charset "UTF-8";
@import url(font-awesome.min.css);
/* color */
#bus1 tbody td .destination li:after,
#bus2 tbody td .destination li:after {
  font-family: FontAwesome;
  line-height: 1;
}

/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

address,
em {
  font-style: normal;
}

strong,
th {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th {
  text-align: left;
}

hr,
legend {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

img,
fieldset {
  border: 0;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

li {
  list-style-type: none;
}

input[type="submit"], button, label, select {
  cursor: pointer;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* link
------------------------------------------------------------*/
a {
  outline: none;
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #333;
}

/* Fonts
------------------------------------------------------------*/
html {
  font-size: 48%;
}

/* 10px base */
body {
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /*overflow:hidden;*/
  overflow-x: hidden;
}

body > div, input, button, textarea, select {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  line-height: 1.5;
  color: #333;
}

/* form
------------------------------------------------------------*/
.input100per, textarea {
  padding: 3px;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* layout */
#bus1, #bus2, #ferry, #page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10 {
  position: absolute;
  width: 100%;
  top: 35px;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
}

body #bus1 {
  left: 0%;
}
body #bus2 {
  left: 100%;
}
body #ferry {
  left: 200%;
}
body #page1 {
  left: 300%;
}
body #page2 {
  left: 400%;
}
body #page3 {
  left: 500%;
}
body #page4 {
  left: 600%;
}
body #page5 {
  left: 700%;
}
body #page6 {
  left: 800%;
}
body #page7 {
  left: 900%;
}
body #page8 {
  left: 1000%;
}
body #page9 {
  left: 1100%;
}
body #page10 {
  left: 1200%;
}
body.bus1 #bus1 {
  left: 0%;
}
body.bus1 #bus2 {
  left: 100%;
}
body.bus1 #ferry {
  left: 200%;
}
body.bus1 #page1 {
  left: 300%;
}
body.bus1 #page2 {
  left: 400%;
}
body.bus1 #page3 {
  left: 500%;
}
body.bus1 #page4 {
  left: 600%;
}
body.bus1 #page5 {
  left: 700%;
}
body.bus1 #page6 {
  left: 800%;
}
body.bus1 #page7 {
  left: 900%;
}
body.bus1 #page8 {
  left: 1000%;
}
body.bus1 #page9 {
  left: 1100%;
}
body.bus1 #page10 {
  left: 1200%;
}
body.bus2 #bus1 {
  left: -100%;
}
body.bus2 #bus2 {
  left: 0%;
}
body.bus2 #ferry {
  left: 100%;
}
body.bus2 #page1 {
  left: 200%;
}
body.bus2 #page2 {
  left: 300%;
}
body.bus2 #page3 {
  left: 400%;
}
body.bus2 #page4 {
  left: 500%;
}
body.bus2 #page5 {
  left: 600%;
}
body.bus2 #page6 {
  left: 700%;
}
body.bus2 #page7 {
  left: 800%;
}
body.bus2 #page8 {
  left: 900%;
}
body.bus2 #page9 {
  left: 1000%;
}
body.bus2 #page10 {
  left: 1100%;
}
body.ferry #bus1 {
  left: -200%;
}
body.ferry #bus2 {
  left: -100%;
}
body.ferry #ferry {
  left: 0%;
}
body.ferry #page1 {
  left: 100%;
}
body.ferry #page2 {
  left: 200%;
}
body.ferry #page3 {
  left: 300%;
}
body.ferry #page4 {
  left: 400%;
}
body.ferry #page5 {
  left: 500%;
}
body.ferry #page6 {
  left: 600%;
}
body.ferry #page7 {
  left: 700%;
}
body.ferry #page8 {
  left: 800%;
}
body.ferry #page9 {
  left: 900%;
}
body.ferry #page10 {
  left: 1000%;
}
body.page1 #bus1 {
  left: -300%;
}
body.page1 #bus2 {
  left: -200%;
}
body.page1 #ferry {
  left: -100%;
}
body.page1 #page1 {
  left: 0%;
}
body.page1 #page2 {
  left: 100%;
}
body.page1 #page3 {
  left: 200%;
}
body.page1 #page4 {
  left: 300%;
}
body.page1 #page5 {
  left: 400%;
}
body.page1 #page6 {
  left: 500%;
}
body.page1 #page7 {
  left: 600%;
}
body.page1 #page8 {
  left: 700%;
}
body.page1 #page9 {
  left: 800%;
}
body.page1 #page10 {
  left: 900%;
}
body.page2 #bus1 {
  left: -400%;
}
body.page2 #bus2 {
  left: -300%;
}
body.page2 #ferry {
  left: -200%;
}
body.page2 #page1 {
  left: -100%;
}
body.page2 #page2 {
  left: 0%;
}
body.page2 #page3 {
  left: 100%;
}
body.page2 #page4 {
  left: 200%;
}
body.page2 #page5 {
  left: 300%;
}
body.page2 #page6 {
  left: 400%;
}
body.page2 #page7 {
  left: 500%;
}
body.page2 #page8 {
  left: 600%;
}
body.page2 #page9 {
  left: 700%;
}
body.page2 #page10 {
  left: 800%;
}
body.page3 #bus1 {
  left: -500%;
}
body.page3 #bus2 {
  left: -400%;
}
body.page3 #ferry {
  left: -300%;
}
body.page3 #page1 {
  left: -200%;
}
body.page3 #page2 {
  left: -100%;
}
body.page3 #page3 {
  left: 0%;
}
body.page3 #page4 {
  left: 100%;
}
body.page3 #page5 {
  left: 200%;
}
body.page3 #page6 {
  left: 300%;
}
body.page3 #page7 {
  left: 400%;
}
body.page3 #page8 {
  left: 500%;
}
body.page3 #page9 {
  left: 600%;
}
body.page3 #page10 {
  left: 700%;
}
body.page4 #bus1 {
  left: -600%;
}
body.page4 #bus2 {
  left: -500%;
}
body.page4 #ferry {
  left: -400%;
}
body.page4 #page1 {
  left: -300%;
}
body.page4 #page2 {
  left: -200%;
}
body.page4 #page3 {
  left: -100%;
}
body.page4 #page4 {
  left: 0%;
}
body.page4 #page5 {
  left: 100%;
}
body.page4 #page6 {
  left: 200%;
}
body.page4 #page7 {
  left: 300%;
}
body.page4 #page8 {
  left: 400%;
}
body.page4 #page9 {
  left: 500%;
}
body.page4 #page10 {
  left: 600%;
}
body.page5 #bus1 {
  left: -700%;
}
body.page5 #bus2 {
  left: -600%;
}
body.page5 #ferry {
  left: -500%;
}
body.page5 #page1 {
  left: -400%;
}
body.page5 #page2 {
  left: -300%;
}
body.page5 #page3 {
  left: -200%;
}
body.page5 #page4 {
  left: -100%;
}
body.page5 #page5 {
  left: 0%;
}
body.page5 #page6 {
  left: 100%;
}
body.page5 #page7 {
  left: 200%;
}
body.page5 #page8 {
  left: 300%;
}
body.page5 #page9 {
  left: 400%;
}
body.page5 #page10 {
  left: 500%;
}
body.page6 #bus1 {
  left: -800%;
}
body.page6 #bus2 {
  left: -700%;
}
body.page6 #ferry {
  left: -600%;
}
body.page6 #page1 {
  left: -500%;
}
body.page6 #page2 {
  left: -400%;
}
body.page6 #page3 {
  left: -300%;
}
body.page6 #page4 {
  left: -200%;
}
body.page6 #page5 {
  left: -100%;
}
body.page6 #page6 {
  left: 0%;
}
body.page6 #page7 {
  left: 100%;
}
body.page6 #page8 {
  left: 200%;
}
body.page6 #page9 {
  left: 300%;
}
body.page6 #page10 {
  left: 400%;
}
body.page7 #bus1 {
  left: -900%;
}
body.page7 #bus2 {
  left: -800%;
}
body.page7 #ferry {
  left: -700%;
}
body.page7 #page1 {
  left: -600%;
}
body.page7 #page2 {
  left: -500%;
}
body.page7 #page3 {
  left: -400%;
}
body.page7 #page4 {
  left: -300%;
}
body.page7 #page5 {
  left: -200%;
}
body.page7 #page6 {
  left: -100%;
}
body.page7 #page7 {
  left: 0%;
}
body.page7 #page8 {
  left: 100%;
}
body.page7 #page9 {
  left: 200%;
}
body.page7 #page10 {
  left: 300%;
}
body.page8 #bus1 {
  left: -1000%;
}
body.page8 #bus2 {
  left: -900%;
}
body.page8 #ferry {
  left: -800%;
}
body.page8 #page1 {
  left: -700%;
}
body.page8 #page2 {
  left: -600%;
}
body.page8 #page3 {
  left: -500%;
}
body.page8 #page4 {
  left: -400%;
}
body.page8 #page5 {
  left: -300%;
}
body.page8 #page6 {
  left: -200%;
}
body.page8 #page7 {
  left: -100%;
}
body.page8 #page8 {
  left: 0%;
}
body.page8 #page9 {
  left: 100%;
}
body.page8 #page10 {
  left: 200%;
}
body.page9 #bus1 {
  left: -1100%;
}
body.page9 #bus2 {
  left: -1000%;
}
body.page9 #ferry {
  left: -900%;
}
body.page9 #page1 {
  left: -800%;
}
body.page9 #page2 {
  left: -700%;
}
body.page9 #page3 {
  left: -600%;
}
body.page9 #page4 {
  left: -500%;
}
body.page9 #page5 {
  left: -400%;
}
body.page9 #page6 {
  left: -300%;
}
body.page9 #page7 {
  left: -200%;
}
body.page9 #page8 {
  left: -100%;
}
body.page9 #page9 {
  left: 0%;
}
body.page9 #page10 {
  left: 100%;
}
body.page10 #bus1 {
  left: -1200%;
}
body.page10 #bus2 {
  left: -1100%;
}
body.page10 #ferry {
  left: -1000%;
}
body.page10 #page1 {
  left: -900%;
}
body.page10 #page2 {
  left: -800%;
}
body.page10 #page3 {
  left: -700%;
}
body.page10 #page4 {
  left: -600%;
}
body.page10 #page5 {
  left: -500%;
}
body.page10 #page6 {
  left: -400%;
}
body.page10 #page7 {
  left: -300%;
}
body.page10 #page8 {
  left: -200%;
}
body.page10 #page9 {
  left: -100%;
}
body.page10 #page10 {
  left: 0%;
}

.header .infoArea {
  font-size: 2.5rem;
  color: #ffe800;
  background-color: #333;
}
.header .headerTop {
  padding: 20px;
  background-image: url(../img/common/bgHeader01.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#ferry .header .headerTop {
  background-image: url(../img/common/bgHeader02.png);
}
.header .logo {
  height: auto;
}
.header .logo img {
  height: 70px;
}
.header .clock {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 25px;
  right: 80px;
}
.header .clock .date {
  font-size: 3rem;
  font-weight: bold;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  line-height: 1;
}
.header .clock .time {
  font-size: 7.8rem;
  font-weight: bold;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  line-height: 1;
}

/* バス時刻表 */
#bus1 .headerTop,
#bus2 .headerTop {
  border-top: solid 10px #2e76c7;
}
#bus1 .heading,
#bus2 .heading {
  border-top: solid 1px #eee;
}
#bus1 .heading th,
#bus2 .heading th {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 10px;
}
#bus1 .heading th .en,
#bus2 .heading th .en {
  color: #a7a7a7;
  font-size: 1.5rem;
  display: block;
}
#bus1 .heading th.noriba,
#bus2 .heading th.noriba {
  width: 90px;
}
#bus1 .heading th.time, #bus1 .heading th.nextTime,
#bus2 .heading th.time,
#bus2 .heading th.nextTime {
  width: 150px;
}
#bus1 tbody.noriba1 tr:nth-child(odd),
#bus2 tbody.noriba1 tr:nth-child(odd) {
  background-color: #eff5fb;
}
#bus1 tbody.noriba1 th,
#bus2 tbody.noriba1 th {
  background-color: #2e76c7;
}
#bus1 tbody.noriba1 td .destination:before,
#bus2 tbody.noriba1 td .destination:before {
  background-color: #2e76c7;
}
#bus1 tbody.noriba1 td.time, #bus1 tbody.noriba1 td.nextTime,
#bus2 tbody.noriba1 td.time,
#bus2 tbody.noriba1 td.nextTime {
  color: #2e76c7;
}
#bus1 tbody.noriba2 tr:nth-child(odd),
#bus2 tbody.noriba2 tr:nth-child(odd) {
  background-color: #fef9e8;
}
#bus1 tbody.noriba2 th,
#bus2 tbody.noriba2 th {
  background-color: #f1c40f;
}
#bus1 tbody.noriba2 td .destination:before,
#bus2 tbody.noriba2 td .destination:before {
  background-color: #f1c40f;
}
#bus1 tbody.noriba2 td.time, #bus1 tbody.noriba2 td.nextTime,
#bus2 tbody.noriba2 td.time,
#bus2 tbody.noriba2 td.nextTime {
  color: #f1c40f;
}
#bus1 tbody.noriba3 tr:nth-child(odd),
#bus2 tbody.noriba3 tr:nth-child(odd) {
  background-color: #f1fdfe;
}
#bus1 tbody.noriba3 th,
#bus2 tbody.noriba3 th {
  background-color: #11a9ac;
}
#bus1 tbody.noriba3 td .destination:before,
#bus2 tbody.noriba3 td .destination:before {
  background-color: #11a9ac;
}
#bus1 tbody.noriba3 td.time, #bus1 tbody.noriba3 td.nextTime,
#bus2 tbody.noriba3 td.time,
#bus2 tbody.noriba3 td.nextTime {
  color: #11a9ac;
}
#bus1 tbody.noriba4 tr:nth-child(odd),
#bus2 tbody.noriba4 tr:nth-child(odd) {
  background-color: #fdf0e6;
}
#bus1 tbody.noriba4 th,
#bus2 tbody.noriba4 th {
  background-color: #e67317;
}
#bus1 tbody.noriba4 td .destination:before,
#bus2 tbody.noriba4 td .destination:before {
  background-color: #e67317;
}
#bus1 tbody.noriba4 td.time, #bus1 tbody.noriba4 td.nextTime,
#bus2 tbody.noriba4 td.time,
#bus2 tbody.noriba4 td.nextTime {
  color: #e67317;
}
#bus1 tbody th,
#bus2 tbody th {
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  color: #FFF;
  background-color: #000;
  line-height: 1;
}
#bus1 tbody th .num,
#bus2 tbody th .num {
  font-size: 9rem;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#bus1 tbody th .noriba,
#bus2 tbody th .noriba {
  display: block;
}
#bus1 tbody th .lineName,
#bus2 tbody th .lineName {
  display: block;
  font-size: 1.5rem;
  color: #fff;
  font-weight: normal;
  padding-top: 5px;
}
#bus1 tbody td,
#bus2 tbody td {
  padding: 15px;
  line-height: 1;
  border-right: solid 1px #eee;
}
#bus1 tbody td .name,
#bus2 tbody td .name {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#bus1 tbody td .name.express,
#bus2 tbody td .name.express {
  padding-left: 52px;
  position: relative;
}
#bus1 tbody td .name.express:before,
#bus2 tbody td .name.express:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  display: block;
  width: 45px;
  height: 36px;
  background-image: url(../img/common/icoExpress.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 45px auto;
}
#bus1 tbody td .name.keirin,
#bus2 tbody td .name.keirin {
  padding-left: 52px;
  position: relative;
}
#bus1 tbody td .name.keirin:before,
#bus2 tbody td .name.keirin:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  display: block;
  width: 44px;
  height: 44px;
  background-image: url(../img/common/icoKeirin.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 44px auto;
}
#bus1 tbody td .destination:before,
#bus2 tbody td .destination:before {
  content: "行先";
  font-size: 1.5rem;
  display: inline-block;
  line-height: 1;
  padding: 6px 15px;
  font-weight: bold;
  color: #FFF;
  float: left;
  position: relative;
  top: -4px;
}
#bus1 tbody td .destination li,
#bus2 tbody td .destination li {
  font-size: 1.9rem;
  float: left;
  padding-left: 10px;
  margin-bottom: 5px;
}
#bus1 tbody td .destination li:after,
#bus2 tbody td .destination li:after {
  padding-left: 10px;
  content: "";
}
#bus1 tbody td .destination li:last-child:after,
#bus2 tbody td .destination li:last-child:after {
  content: "";
}
#bus1 tbody td.time, #bus1 tbody td.nextTime,
#bus2 tbody td.time,
#bus2 tbody td.nextTime {
  text-align: center;
  font-weight: bold;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#bus1 tbody td.time .caption, #bus1 tbody td.nextTime .caption,
#bus2 tbody td.time .caption,
#bus2 tbody td.nextTime .caption {
  display: block;
  font-size: 2rem;
  padding-top: 5px;
  letter-spacing: 0;
}
#bus1 tbody td.time,
#bus2 tbody td.time {
  font-size: 7.2rem;
  letter-spacing: -2px;
}
#bus1 tbody td.nextTime,
#bus2 tbody td.nextTime {
  font-size: 6rem;
  letter-spacing: -2px;
  border-right: none;
}
#bus1 tfoot tr,
#bus2 tfoot tr {
  height: 400px;
  background-color: #eee;
}

/* フェリー/旅客船 */
#ferry .headerTop {
  border-top: solid 10px #2e76c7;
}
#ferry .heading {
  border-top: solid 1px #eee;
}
#ferry .heading th {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 10px;
}
#ferry .heading th .en {
  color: #a7a7a7;
  font-size: 1.5rem;
  display: block;
}
#ferry .heading th .noriba {
  width: 90px;
}
#ferry .heading th .time, #ferry .heading th .nextTime {
  width: 150px;
}
#ferry tbody .ferryRow,
#ferry tbody .shipRow {
  width: 60px;
}
#ferry tbody .ferryRow span,
#ferry tbody .shipRow span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: block;
  margin: 0 auto;
}
#ferry tbody .ferryRow span.en,
#ferry tbody .shipRow span.en {
  padding-top: 20px;
  font-size: 2rem;
  font-weight: normal;
  opacity: 0.6;
}
#ferry tbody .ferryRow {
  background-color: #669ddc;
}
#ferry tbody .shipRow {
  background-color: #ef9d5b;
}
#ferry tbody .noriba {
  width: 90px;
  font-size: 9rem;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#ferry tbody .noriba1:nth-child(odd) {
  background-color: #eff5fb;
}
#ferry tbody .noriba1 th.noriba {
  background-color: #2e76c7;
}
#ferry tbody .noriba1 td.time, #ferry tbody .noriba1 td.nextTime {
  color: #2e76c7;
}
#ferry tbody .noriba2:nth-child(odd) {
  background-color: #fef9e8;
}
#ferry tbody .noriba2 th.noriba {
  background-color: #f1c40f;
}
#ferry tbody .noriba2 td.time, #ferry tbody .noriba2 td.nextTime {
  color: #f1c40f;
}
#ferry tbody .noriba3:nth-child(odd) {
  background-color: #f1fdfe;
}
#ferry tbody .noriba3 th.noriba {
  background-color: #11a9ac;
}
#ferry tbody .noriba3 td.time, #ferry tbody .noriba3 td.nextTime {
  color: #11a9ac;
}
#ferry tbody .noriba4:nth-child(odd) {
  background-color: #fdf0e6;
}
#ferry tbody .noriba4 th.noriba {
  background-color: #e67317;
}
#ferry tbody .noriba4 td.time, #ferry tbody .noriba4 td.nextTime {
  color: #e67317;
}
#ferry tbody th {
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
  color: #FFF;
  background-color: #000;
  line-height: 1;
}
#ferry tbody th .noriba {
  font-size: 9rem;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#ferry tbody td {
  padding: 15px;
  line-height: 1;
  border-right: solid 1px #eee;
}
#ferry tbody td .name {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
#ferry tbody td .en {
  font-size: 2rem;
}
#ferry tbody td.time, #ferry tbody td.nextTime {
  text-align: center;
  font-weight: bold;
  font-family: Arial, Helvetica, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
#ferry tbody td.time .caption, #ferry tbody td.nextTime .caption {
  display: block;
  font-size: 3rem;
  letter-spacing: 0;
}
#ferry tbody td.time {
  font-size: 7.2rem;
  letter-spacing: -2px;
}
#ferry tbody td.nextTime {
  font-size: 6rem;
  letter-spacing: -2px;
  border-right: none;
}
#ferry tfoot tr {
  height: 400px;
  background-color: #eee;
}
#ferry tfoot tr td {
  background-image: url(../img/common/mapFerry.png);
  background-size: cover;
}

/* 宇野周辺のご案内・動画 */
#map .headerTop {
  border-top: solid 10px #2e76c7;
}
#map tfoot > tr {
  height: 400px;
  background-color: #eee;
}
#map tfoot td {
  height: auto;
  background-color: #000;
  border-top: solid 5px #999;
  overflow: hidden;
}
#map tfoot td video {
  width: 104%;
  height: auto;
  margin: 0 -2%;
}

/* 動画なし全面広告 */
#page1 .headerTop,
#page2 .headerTop,
#page3 .headerTop,
#page4 .headerTop,
#page5 .headerTop,
#page6 .headerTop,
#page7 .headerTop,
#page8 .headerTop,
#page9 .headerTop,
#page10 .headerTop {
  border-top: solid 10px #2e76c7;
}
#page1 tfoot td,
#page2 tfoot td,
#page3 tfoot td,
#page4 tfoot td,
#page5 tfoot td,
#page6 tfoot td,
#page7 tfoot td,
#page8 tfoot td,
#page9 tfoot td,
#page10 tfoot td {
  height: auto;
  background-color: #000;
  border-top: solid 5px #999;
  overflow: hidden;
}

.ticker {
  width: 100%;
  padding: 0.2em 0;
  overflow: hidden;
  font-size: 2.5rem;
  font-weight: bold;
  color: #ffe800;
  background-color: #333;
  position: relative;
  box-sizing: border-box;
}

.ticker p:after {
  content: "";
  white-space: nowrap;
  padding-right: 50px;
}

.ticker p {
  margin: 0;
  padding-left: 100%;
  display: inline-block;
  white-space: nowrap;
  -webkit-animation-name: marquee;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 20s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-name: marquee;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 20s;
  -moz-animation-iteration-count: infinite;
  -ms-animation-name: marquee;
  -ms-animation-timing-function: linear;
  -ms-animation-duration: 20s;
  -ms-animation-iteration-count: infinite;
  -o-animation-name: marquee;
  -o-animation-timing-function: linear;
  -o-animation-duration: 20s;
  -o-animation-iteration-count: infinite;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
  from {
    -webkit-transform: translate(0%);
  }
  99%,to {
    -webkit-transform: translate(-100%);
  }
}
@-moz-keyframes marquee {
  from {
    -moz-transform: translate(0%);
  }
  99%,to {
    -moz-transform: translate(-100%);
  }
}
@-ms-keyframes marquee {
  from {
    -ms-transform: translate(0%);
  }
  99%,to {
    -ms-transform: translate(-100%);
  }
}
@-o-keyframes marquee {
  from {
    -o-transform: translate(0%);
  }
  99%,to {
    -o-transform: translate(-100%);
  }
}
@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%,to {
    transform: translate(-100%);
  }
}
/* CSS Document */
.container {
  width: auto;
  max-width: 980px;
}
@media only screen and (min-width: 1170px) {
  .container {
    max-width: 1170px;
  }
}
@media only screen and (max-width: 979px) {
  .container {
    max-width: 768px;
  }
}
@media only screen and (max-width: 768px) {
  .container {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* btn
------------------------------------------------------------*/
/* title
------------------------------------------------------------*/
/* table
------------------------------------------------------------*/
/* list
------------------------------------------------------------*/
/* block
------------------------------------------------------------*/

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