.vote-main { text-align: center; padding: 5%; }
.vote-main img { display: inline-block; }
@media (min-width: 768px) { .vote-main { padding: 40px 20px; } }
.vote-main__btn { padding-top: 5%; text-align: center; }
@media (min-width: 768px) { .vote-main__btn { padding-top: 40px; } }
.vote-h2 { text-align: center; margin-bottom: 40px; font-weight: bold; font-size: 28px; line-height: 1.2; }
@media (min-width: 768px) { .vote-h2 { font-size: 44px; } }
.vote-present > div { margin-bottom: 5%; padding: 3%; }
@media (min-width: 768px) { .vote-present { display: flex; justify-content: space-between; margin-bottom: 60px; flex-wrap: wrap; }
  .vote-present > div { padding: 0; margin-left: 40px; margin-bottom: 40px; }
  .vote-present > div:nth-child(2n+1) { margin-left: 0; } }
.vote .c-vote { background: #fff; border-radius: 20px; }
.vote .c-vote__head { background: #f5f2e9; padding: 5%; border-radius: 20px 20px 0 0; font-size: 1.8rem; font-weight: bold; color: #aa8733; }
.vote .c-vote__head img { vertical-align: text-bottom; }
.vote .c-vote__head strong { font-size: 4.6rem; font-family: roboto, sans-serif; }
@media (min-width: 768px) { .vote .c-vote__head { padding: 30px; } }
.vote .c-vote__entry { background: url(); border: none; padding: 5%; }
@media (min-width: 768px) { .vote .c-vote__entry { padding: 0 30px; } }
.vote .c-vote__entry__item { padding: 20px 10px 20px; border-top: dotted 1px #ddd; }
.vote .c-vote__entry__item:first-child { border-top: none; }
.vote .c-vote__entry__item:nth-child(even) { background: #f9f9f9; }
.vote .c-vote__entry__item .name { font-size: 1.8rem; }
.vote .c-vote__entry__item .name__num { background: #000; border-radius: 100px; color: #fff; padding: 0 10px; }
.vote .c-vote__entry__item .name__sld { font-size: 1.4rem; font-weight: normal; }
.vote .c-vote__entry__item .name__sld em { font-style: normal; }
.vote .c-vote__entry__item .name__sld img { vertical-align: text-top; }
.vote .c-vote__entry__item .graph { padding: 10px 0; }
.vote .c-vote__entry__item .btn { text-align: center; }
.vote .c-vote__entry__item .btn .c-roundButton { width: 40%; }
@media (min-width: 768px) { .vote .c-vote__entry__item .btn .c-roundButton { width: auto; } }
@media (min-width: 768px) { .vote .c-vote__entry__item { display: flex; min-height: 130px; }
  .vote .c-vote__entry__item > div { display: table-cell; vertical-align: middle; }
  .vote .c-vote__entry__item .name { width: 360px; }
  .vote .c-vote__entry__item .btn { width: 150px; text-align: center; }
  .vote .c-vote__entry__item .btn .c-roundButton { width: 100%; }
  .vote .c-vote__entry__item .graph { width: calc(100% - 510px); padding: 0 20px; } }
.vote .c-vote .c-vote__graph__inner { background: #e3e3e3; }
.vote .c-vote .c-vote__graph__inner, .vote .c-vote .c-vote__graph__bar { border: none; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset; }
@media (min-width: 768px) { .vote .c-vote .c-vote__graph__inner, .vote .c-vote .c-vote__graph__bar { height: 34px; } }
.vote .c-vote .c-vote__graph__bar { background: #aa8733; }
.vote .c-vote .vs { padding-top: 5%; }
@media (min-width: 768px) { .vote .c-vote .vs { padding-top: 30px; } }
.vote .c-vote__vs { display: flex; flex-wrap: wrap; width: 100%; }
@media (min-width: 768px) { .vote .c-vote__vs { margin-bottom: 40px; } }
.vote .c-vote__vs__inner { padding: 5%; color: #fff; text-align: center; }
.vote .c-vote__vs__inner .c-vote__label { font-size: 4.6rem; background: none; margin-bottom: 0; line-height: 1.2; }
.vote .c-vote__vs__a { background: #c05639; display: flex; justify-content: center; align-items: center; }
.vote .c-vote__vs__b { background: #53a595; display: flex; justify-content: center; align-items: center; }
.vote .c-vote__title { font-size: 1.8rem; font-weight: bold; margin-bottom: 20px; }
.vote .c-vote__label { font-weight: bold; font-family: roboto,sans-serif; line-height: 1.4; background: #000; color: #fff; padding: 0 18px; border-radius: 100px; display: inline-block; margin-bottom: 10px; }
.vote .c-vote__label.-a { background: #c05639; }
.vote .c-vote__label.-b { background: #53a595; }
.vote .c-vote__btn { position: relative; }
.vote .c-vote__btn:after { content: ""; display: block; width: 80%; height: 1px; background: #ddd; position: absolute; left: 50%; top: 50%; margin-left: -40%; }
@media (min-width: 768px) { .vote .c-vote__btn:after { height: 80%; width: 1px; top: 0; margin-left: 0; } }
.vote .c-vote__btn .c-roundButton { width: 40%; margin-bottom: 5px; padding: 8px 16px; margin-bottom: 5px; }
@media (min-width: 768px) { .vote .c-vote__btn { padding-bottom: 60px; } }
.vote .c-vote__btn > div { padding: 10% 0; }
@media (min-width: 768px) { .vote .c-vote__btn { display: flex; flex-wrap: wrap; }
  .vote .c-vote__btn > div { width: 50%; text-align: center; padding: 0; } }
.vote .c-vote__btn .c-roundButton + p { color: #e60012; }

.inlineframe { height: 300px; overflow-y: auto; border: solid 1px #888; background: #fff; padding: 20px; }