@charset "UTF-8";
/*
==============================================================
 common.css
==============================================================
*/
/* reset css
==============================================================*/
body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
figure {
  margin: 0;
  padding: 0; }

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

table, td, th, tr, thead, tbody {
  border: none; }

table th {
  text-align: left;
  font-weight: normal; }

table {
  border-collapse: collapse; }

ul, ol {
  list-style: none; }

a {
  text-decoration: none; }

a img {
  border: none; }

img {
  vertical-align: bottom; }

textarea {
  font-size: 1em; }

header, footer, section, nav,
.figure, fugcaption, time, small {
  display: block; }

input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=image] {
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none; }

address {
  font-style: normal; }

/* keyframes
==============================================================*/
@keyframes flash_button {
  0% {
    background-color: #fff; } }
@keyframes flash {
  0% {
    opacity: 0.5; } }
/* template
==============================================================*/
body {
  background: url(/ex/feature/lvote2019/result/img/common/bg_stripe_02.png) repeat 0 0;
  color: #000;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  min-width: 1000px;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }
  @media screen and (max-width: 640px) {
    body {
      min-width: 320px;
      font-size: 12px; } }

a {
  color: #4e4947;
  text-decoration: none;
  transition: 0.2s ease-in;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* header
=============================================*/
#header {
  position: relative; }
  #header .bgImage img {
    width: 100%;
    height: auto; }
  #header .headerBody {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    #header .headerBody .onLayerBox .siteLogo {
      position: absolute;
      left: 19px;
      top: 10px;
      width: 19%;
      z-index: 100; }
      #header .headerBody .onLayerBox .siteLogo img {
        width: 100%;
        height: auto; }
    #header .headerBody .headerContent {
      width: 1000px;
      margin: 0 auto;
      position: relative; }
      #header .headerBody .headerContent #line_navs {
        position: absolute;
        top: 20px;
        right: 5px;
        z-index: 1000; }
  @media screen and (max-width: 640px) {
    #header .bgImage img {
      width: 84%; }
    #header .headerBody .onLayerBox .siteLogo {
      left: 2px;
      top: 10px;
      width: 30%; }
    #header .headerBody .headerContent {
      width: auto; }
      #header .headerBody .headerContent #line_navs {
        top: 15px; } }

#line_navs ul {
  letter-spacing: -0.4em;
  width: 567px;
  text-align: right; }
  #line_navs ul li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 3px -3px 0; }
    #line_navs ul li a {
      display: block;
      width: 103px;
      height: 104px;
      background: no-repeat 0 0;
      text-align: left;
      text-indent: -9999px; }
      #line_navs ul li a:hover {
        -webkit-animation: flash 0.5s 1;
        animation: flash 0.5s 1; }
    #line_navs ul li.line_a a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_a.png); }
    #line_navs ul li.line_ka a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_ka.png); }
    #line_navs ul li.line_sa a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_sa.png); }
    #line_navs ul li.line_ta a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_ta.png); }
    #line_navs ul li.line_na a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_na.png); }
    #line_navs ul li.line_ha a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_ha.png); }
    #line_navs ul li.line_ma a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_ma.png); }
    #line_navs ul li.line_ya a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_ya.png); }
    #line_navs ul li.line_ra a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_ra.png); }
    #line_navs ul li.line_wa a {
      background-image: url(/ex/feature/lvote2019/result/img/vote/anch_line_wa.png); }
    #line_navs ul li:nth-child(5) {
      margin-right: 40px; }
    #line_navs ul li:last-child {
      margin-right: 0; }
@media screen and (max-width: 640px) {
  #line_navs ul {
    width: 260px; }
    #line_navs ul li {
      margin-right: 1px;
      margin-bottom: 0; }
      #line_navs ul li a {
        width: 46px;
        height: 46px;
        background-size: 46px auto; }
      #line_navs ul li:nth-child(5) {
        margin-right: 17px; } }
@media screen and (max-width: 320px) {
  #line_navs ul {
    width: 190px; }
    #line_navs ul li a {
      width: 30px;
      height: 30px;
      background-size: 30px auto; } }

/* footer
=============================================*/
#footer .footerBody {
  width: 1000px;
  margin: -20px auto 0;
  padding: 0 0 35px; }
#footer .footerLogo {
  margin: 0 0 14px; }
#footer .footerLogo, #footer .copy {
  text-align: center; }
@media screen and (max-width: 640px) {
  #footer .footerBody {
    width: auto;
    padding: 0 0 12px;
    margin-top: 0; }
  #footer .footerLogo {
    margin-bottom: 7px; }
    #footer .footerLogo img {
      max-width: 205px;
      width: 100%;
      height: auto; } }

/* ページトップ */
.pagetop .ptBody {
  margin: 0 auto;
  position: relative; }
  .pagetop .ptBody a {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: block;
    width: 120px;
    height: 120px;
    background: url(/ex/feature/lvote2019/result/img/common/bg_to_pagetop.png) no-repeat 0 0;
    text-indent: -9999px;
    z-index: 1000; }
    .pagetop .ptBody a:hover {
      -webkit-animation: flash 0.5s 1;
      animation: flash 0.5s 1; }
.pagetop.fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1000; }
@media screen and (max-width: 640px) {
  .pagetop .ptBody {
    width: auto; }
    .pagetop .ptBody a {
      width: 60px;
      height: 60px;
      right: 15px;
      bottom: 0;
      background-size: 100% auto; } }

/* 汎用パーツ
=============================================*/
@media screen and (max-width: 640px) {
  .pcLayout {
    display: none; } }

.spLayout {
  display: none; }
  @media screen and (max-width: 640px) {
    .spLayout {
      display: block; } }

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

.spLayout_inline {
  display: none; }
  @media screen and (max-width: 640px) {
    .spLayout_inline {
      display: inline; } }

.contentSection {
  position: relative; }
  .contentSection .bgImage {
    position: relative; }
    .contentSection .bgImage img {
      width: 100%;
      height: auto; }
    .contentSection .bgImage .cutLayer {
      position: absolute;
      left: 0;
      top: -1px;
      width: 100%; }
  .contentSection .onLayerBox {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1000px;
    height: 100%;
    margin-left: -500px; }
    .contentSection .onLayerBox .inner {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 1000px;
      margin: 0 auto;
      z-index: 100; }
    .contentSection .onLayerBox .sub {
      text-align: center;
      margin: 0 0 33px; }
    .contentSection .onLayerBox .txtDescription {
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 16px;
      line-height: 1.9; }
    .contentSection .onLayerBox .indentList {
      width: 530px;
      margin: 0 auto;
      font-size: 16px; }
      .contentSection .onLayerBox .indentList li {
        margin-bottom: 2px; }
        .contentSection .onLayerBox .indentList li:last-child {
          margin-bottom: 0; }
      .contentSection .onLayerBox .indentList .smaller {
        font-size: 14px; }
    @media screen and (max-width: 640px) {
      .contentSection .onLayerBox {
        margin-left: 0;
        width: 100%;
        left: 0; }
        .contentSection .onLayerBox .inner {
          width: 275px;
          margin: 0 auto; }
        .contentSection .onLayerBox .sub {
          margin-bottom: 13px; } }
    @media screen and (max-width: 640px) and (max-width: 320px) {
      .contentSection .onLayerBox .sub {
        margin-bottom: 10px; } }
    @media screen and (max-width: 640px) {
          .contentSection .onLayerBox .sub img {
            max-width: 191px;
            width: 100%;
            height: auto; }
        .contentSection .onLayerBox .txtDescription {
          line-height: 1.5;
          font-size: 11px;
          text-align: left;
          margin-bottom: 8px; }
        .contentSection .onLayerBox .indentList {
          font-size: 10px;
          width: auto;
          line-height: 1.4; }
          .contentSection .onLayerBox .indentList .smaller {
            font-size: 10px; } }

.contentHead_vertical {
  position: absolute;
  z-index: 100; }

/* インデント */
.indentList li {
  text-indent: -1em;
  padding-left: 1em; }

/* ボタン設置領域 */
.singleButton, .multiButtons, .flexButtons {
  text-align: center; }

.singleButton {
  padding: 15px 0 0; }
  @media screen and (max-width: 640px) {
    .singleButton {
      padding-top: 11px; } }

.multiButtons {
  letter-spacing: -0.4em; }
  .multiButtons li {
    letter-spacing: normal;
    vertical-align: top;
    margin-bottom: 15px; }
    .multiButtons li:last-child {
      margin-bottom: 0; }
    .multiButtons li p {
      padding: 22px 0 0; }
  @media screen and (max-width: 640px) {
    .multiButtons li {
      display: block;
      margin: 0 0 6px; }
      .multiButtons li p {
        padding-top: 6px;
        font-size: 11px; } }

.flexButtons {
  display: flex;
  justify-content: space-between; }
  .flexButtons.results {
    margin-top: 38px; }
  @media screen and (max-width: 640px) {
    .flexButtons {
      flex-direction: column; }
      .flexButtons.results {
        margin-top: 20px; } }

/* ボタン */
.button {
  display: inline-block;
  width: 404px;
  height: 84px;
  box-sizing: border-box;
  background: #007eff no-repeat center;
  border-top: 2px solid #000;
  border-left: 6px solid #000;
  border-right: 6px solid #000;
  border-bottom: 9px solid #000;
  border-radius: 4px;
  text-indent: -9999px; }
  .button.button_yellow {
    background: #ffdf06 no-repeat center; }
  .button.lab_nominate_bunko {
    background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_nominate_bunko.png); }
  .button.lab_nominate_novels {
    background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_nominate_novels.png); }
  .button.lab_free {
    background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_free.png); }
  .button.lab_bw {
    background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_bw.png); }
  .button.lab_2017 {
    background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_2017.png); }
  .button.lab_result {
    position: relative;
    background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_result.png);
    width: 356px; }
    .button.lab_result.sub-lab_bunko::before {
      position: absolute;
      content: '';
      display: inline-block;
      width: 103px;
      height: 29px;
      z-index: 99;
      top: -19px;
      right: 35%;
      background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_result_bunko.png);
      background-size: contain; }
    .button.lab_result.sub-lab_novels::before {
      position: absolute;
      content: '';
      display: inline-block;
      width: 235px;
      height: 29px;
      z-index: 99;
      top: -19px;
      right: 15%;
      background-image: url(/ex/feature/lvote2019/result/img/common/btn_label_result_novel.png);
      background-size: contain; }
    @media screen and (max-width: 640px) {
      .button.lab_result {
        width: 204px;
        margin: auto; }
        .button.lab_result:nth-child(n+1) {
          margin-top: 20px; }
        .button.lab_result.sub-lab_bunko::before {
          width: 72px;
          height: 20px;
          top: -13px;
          right: 32%; }
        .button.lab_result.sub-lab_novels::before {
          width: 162px;
          height: 20px;
          top: -13px;
          right: 9%; } }
  .button:hover {
    -webkit-animation: flash_button 0.5s 1;
    animation: flash_button 0.5s 1; }
  @media screen and (max-width: 640px) {
    .button {
      width: 220px;
      height: 44px;
      border-top-width: 2px;
      border-left-width: 3px;
      border-right-width: 3px;
      border-bottom-width: 4px; }
      .button.lab_nominate_bunko, .button.lab_nominate_novels, .button.lab_free, .button.lab_bw {
        background-size: auto 14px; }
      .button.button.lab_result {
        background-size: auto 17px; }
      .button.lab_2017 {
        background-size: 89% auto; } }

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