html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.62857;
  font-size: 14px;
  color: #191919;
  -webkit-touch-callout: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

svg:not(:root) {
  overflow: hidden;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  color: #FE88AB;
  text-decoration: none;
}

img,
object,
embed {
  vertical-align: top;
}

img {
  width: 100%;
  vertical-align: middle;
  border: 0;
}

hr, legend {
  display: none;
}

abbr, acronym, fieldset {
  border: 0;
}

ul, ol {
  margin: 0 !important;
  padding: 0 !important;
}

li {
  list-style-type: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid silver;
  display: block;
}

input, select {
  vertical-align: middle;
}

select {
  position: relative;
  box-sizing: content-box;
}

img:not(input) {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button,
select {
  text-transform: none;
}

h1,
h2,
h3 {
  letter-spacing: 0.1rem;
}

br.pc {
  display: block;
}
@media (max-width: 37.5em) {
  br.pc {
    display: none;
  }
}

br.sp {
  display: none;
}
@media (max-width: 37.5em) {
  br.sp {
    display: block;
  }
}

@font-face {
  font-family: 'cheerz';
  src: url("/fonts/cheerz.eot?mj8vx1");
  src: url("/fonts/cheerz.eot?#iefixmj8vx1") format("embedded-opentype"), url("/fonts/cheerz.ttf?mj8vx1") format("truetype"), url("/fonts/cheerz.woff?mj8vx1") format("woff"), url("/fonts/cheerz.svg?mj8vx1#cheerz") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'cheerz';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-trophy:before {
  content: "\e614";
}

.icon-arrow-backward:before {
  content: "\e611";
}

.icon-ranking_month:before {
  content: "\e60f";
}

.icon-ranking_daily:before {
  content: "\e610";
}

.icon-news_report:before {
  content: "\e60d";
}

.icon-hateb:before {
  content: "\e600";
}

.icon-heart_line:before {
  content: "\e60b";
}

.icon-ranking:before {
  content: "\e60c";
}

.icon-heart_offset:before {
  content: "\e608";
}

.icon-triangle_bottom:before {
  content: "\e609";
}

.icon-triangle_top:before {
  content: "\e60a";
}

.icon-event:before {
  content: "\e601";
}

.icon-heart:before {
  content: "\e602";
}

.icon-images:before {
  content: "\e603";
}

.icon-point:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-movie:before {
  content: "\e606";
}

.icon-paper-clip:before {
  content: "\e607";
}

.icon-facebook:before {
  content: "\e60e";
}

.icon-chevron-down:before {
  content: "\f0a3";
}

.icon-chevron-left:before {
  content: "\f0a4";
}

.icon-chevron-right:before {
  content: "\f078";
}

.icon-chevron-up:before {
  content: "\f0a2";
}

.icon-add:before {
  content: "\f05d";
}

.icon-twitter:before {
  content: "\ea91";
}

.wrapper {
  position: relative;
}

.second .wrapper {
  padding-top: 80px;
}

.content {
  margin-left: 280px;
}
@media (max-width: 64em) {
  .content {
    margin: 0;
  }
}

.inline {
  width: 95%;
  margin: 0 auto;
}

h1 {
  font-size: 36px;
}

.alert {
  color: #d9534f;
}

.pageHead {
  margin-bottom: 64px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 37.5em) {
  .pageHead {
    margin-bottom: 32px;
    padding-bottom: 16px;
    line-height: 1.1;
  }
}

.note {
  margin-bottom: 1rem;
}

.pagetop {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 999;
}
.pagetop a {
  display: block;
  width: 54px;
  height: 54px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #FE88AB;
  border: 2px solid white;
  text-align: center;
  color: white !important;
  font-size: 40px;
  text-decoration: none;
  line-height: 60px;
}

footer {
  display: none;
  width: 100%;
  padding: 16px;
  text-align: center;
  color: #797979;
  font-size: 12px;
}
@media (max-width: 64em) {
  footer {
    display: inline;
  }
}

.top footer {
  background: none;
}

.about {
  background: #80CBC4 url(/img/public/bg_pattern.png);
}

.about_detail {
  color: #fff;
}
.about_detail .inline {
  font-size: 16px;
  line-height: 2;
}
.about_detail p.note {
  margin-bottom: 2rem;
}

.faq {
  background: #F1F8E9 url(/img/public/bg_pattern.png);
  color: #1b1903;
}
.faq h3 {
  font-weight: normal;
  text-align: center;
  font-size: 24px;
}
.faq .item {
  margin-bottom: 2rem;
}
.faq .item dl {
  margin-left: 1rem;
  padding: 1rem 0;
  line-height: 2;
}
@media (max-width: 64em) {
  .faq .item dl {
    padding: 1rem 0;
  }
}
.faq dt {
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 64em) {
  .faq dt {
    font-size: 14px;
  }
}
.faq dd {
  margin-left: 1rem;
}

.contact {
  background: #F5F5F5 url(/img/public/bg_pattern.png);
}
.contact .inline {
  font-size: 16px;
  line-height: 2;
}

.selection {
  background: #D1C4E9 url(/img/public/bg_pattern.png);
}

.selectionlist .pageHead br {
  display: none;
}
@media (max-width: 37.5em) {
  .selectionlist .pageHead br {
    display: inline;
  }
}
.selectionlist .pageHead span {
  font-size: 24px;
}
@media (max-width: 37.5em) {
  .selectionlist .pageHead span {
    font-size: 18px;
  }
}
.selectionlist .item {
  display: inline-block;
  width: 280px;
  margin-bottom: 16px;
  vertical-align: top;
  letter-spacing: 0;
  text-align: center;
}
@media (max-width: 64em) {
  .selectionlist .item {
    width: 32%;
  }
}
@media (max-width: 37.5em) {
  .selectionlist .item {
    width: 48%;
  }
}
.selectionlist .thumb {
  width: 178px;
  margin-bottom: 8px;
}
@media (max-width: 64em) {
  .selectionlist .thumb {
    width: 150px;
  }
}
@media (max-width: 64em) {
  .selectionlist .thumb {
    width: 140px;
  }
}
.selectionlist .name {
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 64em) {
  .selectionlist .name {
    font-size: 18px;
  }
}
.selectionlist .job {
  font-size: 12px;
  color: #6e6e6e;
}
.selectionlist ul {
  text-align: center;
  color: #191919 !important;
}

.semifinal {
  background: #fff url(/img/public/bg_pattern_white.png);
}
.semifinal .inline .note {
  font-size: 16px;
}
@media (max-width: 37.5em) {
  .semifinal .item {
    display: block;
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .semifinal .item .photoname {
    display: table;
    width: 100%;
    height: 90px;
  }
}
@media (max-width: 37.5em) {
  .semifinal .item .photo,
  .semifinal .item .name {
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    text-align: left;
  }
}
.semifinal .item .photo img {
  border: 1px solid #e5e5e5;
}
.semifinal .item .name {
  width: 180px;
  margin: 0 auto 8px;
  text-align: left;
}
@media (max-width: 37.5em) {
  .semifinal .item .name {
    width: 80%;
    padding-left: 8px;
    font-size: 24px;
  }
}
.semifinal .item .name dl {
  display: table;
}
.semifinal .item .name dt, .semifinal .item .name dd {
  display: table-cell;
}
.semifinal .item .name dd small {
  display: block;
  font-size: 10px;
}
.semifinal .item a {
  color: #191919 !important;
}
.semifinal .item .bottomlink {
  margin: 16px auto 0;
  font-size: 14px;
}
@media (max-width: 37.5em) {
  .semifinal .item .bottomlink {
    width: 100%;
    margin-top: 8px;
  }
}
.semifinal .item li {
  display: inline-block;
  width: 48%;
  letter-spacing: 0;
  white-space: nowrap;
}
.semifinal .item li:first-child {
  text-align: left;
}
.semifinal .item li:last-child {
  text-align: right;
}
@media (max-width: 37.5em) {
  .semifinal .item li:last-child {
    text-align: left;
  }
}
.semifinal .note {
  text-align: left;
}

.semifinal_detail {
  background: #fff url(/img/public/bg_pattern_white.png);
}
.semifinal_detail .pageHead {
  font-size: 36px;
}
.semifinal_detail .pageHead dl {
  display: table;
  margin: 0 auto;
}
.semifinal_detail .pageHead dt, .semifinal_detail .pageHead dd {
  display: table-cell;
  text-align: left;
}
.semifinal_detail .pageHead dd {
  line-height: 1;
}
.semifinal_detail .pageHead small {
  display: block;
  font-size: 14px;
}
.semifinal_detail .inline {
  margin: 0 auto;
}
.semifinal_detail .inline .note {
  font-size: 16px;
}
.semifinal_detail .prof_photo,
.semifinal_detail .prof_detail {
  display: table-cell;
}
@media (max-width: 64em) {
  .semifinal_detail .prof_photo,
  .semifinal_detail .prof_detail {
    display: block;
  }
}
.semifinal_detail .prof_photo {
  min-width: 480px;
}
@media (max-width: 64em) {
  .semifinal_detail .prof_photo {
    min-width: 100%;
  }
}
.semifinal_detail .prof_photo ul {
  text-align: left;
}
.semifinal_detail .prof_photo li {
  display: inline-block;
  width: 220px;
  margin: 0 8px 16px 8px;
  vertical-align: bottom;
}
@media (max-width: 64em) {
  .semifinal_detail .prof_photo li {
    width: 30%;
  }
}
@media (max-width: 37.5em) {
  .semifinal_detail .prof_photo li {
    width: 43%;
  }
}
.semifinal_detail .prof_detail {
  text-align: left;
  vertical-align: top;
}
.semifinal_detail .url {
  margin: 16px 0;
}
.semifinal_detail .url li {
  text-align: left;
}
.semifinal_detail .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.semifinal_detail .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.semifinal_detail .other_link {
  margin-top: 16px;
}
.semifinal_detail .other_link li {
  margin-bottom: 16px;
}
.semifinal_detail .other_link a {
  display: block;
  text-align: center;
  background: #FE88AB;
  color: #fff;
  padding: 16px 0;
}
.semifinal_detail .other_link a:hover {
  background: #fe5587;
}

.intermediate,
.final {
  background: #fff url(/img/public/bg_pattern_white.png);
}
.intermediate h2,
.final h2 {
  font-size: 24px;
}
.intermediate h2 small,
.final h2 small {
  font-size: 14px;
}
.intermediate .inline .note,
.final .inline .note {
  font-size: 16px;
}
.intermediate .inline h2 img,
.final .inline h2 img {
  width: 40px;
}
.intermediate hr,
.final hr {
  border-color: #e5e5e5;
}
.intermediate .icon-description,
.final .icon-description {
  margin-bottom: 40px;
  letter-spacing: 0rem;
}
.intermediate .icon-description ul,
.final .icon-description ul {
  text-align: left;
}
.intermediate .icon-description li,
.final .icon-description li {
  display: inline-block;
}
@media (max-width: 37.5em) {
  .intermediate .icon-description li,
  .final .icon-description li {
    display: block;
    padding: 8px 0;
  }
}
.intermediate .icon-description img,
.final .icon-description img {
  width: 20px;
}
.intermediate .lists,
.final .lists {
  overflow: hidden;
  width: 100%;
  margin: 24px auto;
}
@media (max-width: 37.5em) {
  .intermediate .lists,
  .final .lists {
    text-align: center;
  }
}
.intermediate .lists .lists-item,
.final .lists .lists-item {
  display: inline-block;
  width: 180px;
  margin: 0 8px 16px 0;
  font-size: 36px;
}
@media (max-width: 64em) {
  .intermediate .lists .lists-item,
  .final .lists .lists-item {
    width: 170px;
  }
}
@media (max-width: 37.5em) {
  .intermediate .lists .lists-item,
  .final .lists .lists-item {
    float: none;
    display: inline-block;
    width: 47%;
    margin: 0 0 16px;
  }
}
.intermediate .lists .icon-description,
.final .lists .icon-description {
  padding: 8px 0;
  font-size: 12px;
  margin: 0;
}
.intermediate .lists .icon-description ul,
.final .lists .icon-description ul {
  text-align: center;
}
.intermediate .lists .icon-description li,
.final .lists .icon-description li {
  width: auto;
}
@media (max-width: 37.5em) {
  .intermediate .lists .icon-description li,
  .final .lists .icon-description li {
    display: inline-block;
    height: 20px;
  }
}
.intermediate .lists .photo,
.final .lists .photo {
  text-align: center;
}
.intermediate .lists .photo img,
.final .lists .photo img {
  border: 1px solid #e5e5e5;
}
.intermediate .lists .name,
.final .lists .name {
  margin: 0 auto 8px;
  text-align: left;
}
@media (max-width: 37.5em) {
  .intermediate .lists .name,
  .final .lists .name {
    width: 100%;
    padding-left: 8px;
    font-size: 18px;
  }
}
.intermediate .lists .name dl,
.final .lists .name dl {
  display: table;
  width: 180px;
}
@media (max-width: 64em) {
  .intermediate .lists .name dl,
  .final .lists .name dl {
    width: 170px;
  }
}
@media (max-width: 37.5em) {
  .intermediate .lists .name dl,
  .final .lists .name dl {
    width: 142px;
  }
}
.intermediate .lists .name dt, .intermediate .lists .name dd,
.final .lists .name dt,
.final .lists .name dd {
  display: table-cell;
}
.intermediate .lists .name dd,
.final .lists .name dd {
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
}
.intermediate .lists .name dd small,
.final .lists .name dd small {
  display: block;
  font-size: 10px;
}
.intermediate .lists .rankNum,
.final .lists .rankNum {
  width: 50px;
}
@media (max-width: 37.5em) {
  .intermediate .lists .rankNum,
  .final .lists .rankNum {
    width: 34px;
  }
}
@media (max-width: 37.5em) {
  .intermediate .lists .icon-trophy,
  .final .lists .icon-trophy {
    font-size: 30px;
  }
}
@media (max-width: 37.5em) {
  .intermediate .lists .num,
  .final .lists .num {
    width: 30px;
    font-size: 10px;
  }
}
.intermediate .lists .arrowBox,
.final .lists .arrowBox {
  position: absolute;
  top: 37px;
  left: 0px;
}
@media (max-width: 37.5em) {
  .intermediate .lists .arrowBox,
  .final .lists .arrowBox {
    top: 22px;
    left: 0px;
  }
}
.intermediate .lists .arrow,
.final .lists .arrow {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 13px;
  text-align: center;
}
@media (max-width: 37.5em) {
  .intermediate .lists .arrow,
  .final .lists .arrow {
    width: 30px;
  }
}
.intermediate .rankingparts,
.final .rankingparts {
  overflow: hidden;
}
.intermediate .rankingparts .menulist,
.final .rankingparts .menulist {
  width: 100%;
  display: none;
}
@media (max-width: 37.5em) {
  .intermediate .rankingparts .menulist,
  .final .rankingparts .menulist {
    display: table;
  }
}
.intermediate .rankingparts #tab li,
.final .rankingparts #tab li {
  display: table-cell;
  width: 50% !important;
  background: silver;
  font-size: 12px;
}
.intermediate .rankingparts #tab li a,
.final .rankingparts #tab li a {
  display: block;
  padding: 8px;
  color: #fff;
}
.intermediate .rankingparts #tab li:first-child a.active,
.final .rankingparts #tab li:first-child a.active {
  background: #ED4694;
}
.intermediate .rankingparts #tab li:last-child a.active,
.final .rankingparts #tab li:last-child a.active {
  background: #FF8B2C;
}
.intermediate .rankingparts .rankingparts_box,
.final .rankingparts .rankingparts_box {
  overflow: hidden;
  margin-bottom: 16px;
}
.intermediate .rankingparts .rankingparts_box .cheerz,
.intermediate .rankingparts .rankingparts_box .ar-sha,
.final .rankingparts .rankingparts_box .cheerz,
.final .rankingparts .rankingparts_box .ar-sha {
  display: inline-block;
  width: 47%;
  min-width: 30%;
  margin-right: 16px;
  background: #fff;
  border: 1px solid #e5e5e5;
  vertical-align: top;
}
@media (max-width: 64em) {
  .intermediate .rankingparts .rankingparts_box .cheerz,
  .intermediate .rankingparts .rankingparts_box .ar-sha,
  .final .rankingparts .rankingparts_box .cheerz,
  .final .rankingparts .rankingparts_box .ar-sha {
    width: 48%;
    margin-right: 8px;
  }
}
@media (max-width: 37.5em) {
  .intermediate .rankingparts .rankingparts_box .cheerz,
  .intermediate .rankingparts .rankingparts_box .ar-sha,
  .final .rankingparts .rankingparts_box .cheerz,
  .final .rankingparts .rankingparts_box .ar-sha {
    width: 100%;
    margin-right: 0;
    display: none;
  }
}
.intermediate .rankingparts .rankingparts_box .cheerz h3,
.final .rankingparts .rankingparts_box .cheerz h3 {
  background: #ED4694;
}
.intermediate .rankingparts .rankingparts_box .cheerz .Top10,
.final .rankingparts .rankingparts_box .cheerz .Top10 {
  color: #ED4694;
}
.intermediate .rankingparts .rankingparts_box .ar-sha h3,
.final .rankingparts .rankingparts_box .ar-sha h3 {
  background: #FF8B2C;
}
.intermediate .rankingparts .rankingparts_box .ar-sha .Top10,
.final .rankingparts .rankingparts_box .ar-sha .Top10 {
  color: #FF8B2C;
}
.intermediate .rankingparts .rankingparts_box h3,
.final .rankingparts .rankingparts_box h3 {
  color: #fff;
  font-weight: normal;
  padding: 8px;
}
@media (max-width: 37.5em) {
  .intermediate .rankingparts .rankingparts_box h3,
  .final .rankingparts .rankingparts_box h3 {
    display: none;
  }
}
.intermediate .rankingparts .rankingparts_box .note,
.final .rankingparts .rankingparts_box .note {
  padding: 8px;
  font-size: 14px;
}
.intermediate .rankingparts .rankingparts_box .note p,
.final .rankingparts .rankingparts_box .note p {
  margin-top: 1rem;
}
.intermediate .rankingparts .rankingparts_box .Top10,
.final .rankingparts .rankingparts_box .Top10 {
  font-weight: bold;
}
.intermediate .rankingparts .rankingparts_box dl,
.final .rankingparts .rankingparts_box dl {
  overflow: hidden;
}
.intermediate .rankingparts .rankingparts_box dt,
.final .rankingparts .rankingparts_box dt {
  clear: left;
  float: left;
  width: 34px;
  padding: 8px;
}
.intermediate .rankingparts .rankingparts_box dd,
.final .rankingparts .rankingparts_box dd {
  padding: 8px;
  border-bottom: 1px solid #e5e5e5;
}
.intermediate .rankingparts .rankingparts_box dd:last-child,
.final .rankingparts .rankingparts_box dd:last-child {
  border: none;
}

.semiranking {
  background: #FCE4EC url(/img/public/bg_pattern.png);
}
.semiranking .inline {
  font-size: 16px;
  line-height: 2;
}
.semiranking .ranking {
  overflow: hidden;
}
.semiranking .ranking hr {
  position: relative;
  display: block;
  border: 0;
  margin: 0 0 24px;
}
.semiranking .ranking hr:after {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  z-index: 0;
}
@media (max-width: 37.5em) {
  .semiranking .ranking hr:after {
    top: -14px;
  }
}
.semiranking .ranking.top20 h2 {
  font-size: 60px;
  text-align: center;
  color: #EF5EA0;
}
@media (max-width: 37.5em) {
  .semiranking .ranking.top20 h2 {
    font-size: 40px;
  }
}
.semiranking .ranking.top20 h2 small {
  font-size: 40px;
}
@media (max-width: 37.5em) {
  .semiranking .ranking.top20 h2 small {
    font-size: 20px;
  }
}
.semiranking .ranking.top20 hr {
  border-top: 10px solid #EF5EA0;
}
@media (max-width: 37.5em) {
  .semiranking .ranking.top20 hr {
    border-top: 5px solid #EF5EA0;
  }
}
.semiranking .ranking.top20 hr:after {
  border-color: #EF5EA0 transparent;
}
.semiranking .ranking.top20 .item {
  width: 300px;
}
.semiranking .ranking.top20 .item .name {
  font-size: 18px;
}
.semiranking .ranking.other h2 {
  font-size: 60px;
  text-align: center;
}
@media (max-width: 37.5em) {
  .semiranking .ranking.other h2 {
    font-size: 40px;
  }
}
.semiranking .ranking.other h2 small {
  font-size: 40px;
}
@media (max-width: 37.5em) {
  .semiranking .ranking.other h2 small {
    font-size: 20px;
  }
}
.semiranking .ranking.other hr {
  border-top: 10px solid #191919;
}
@media (max-width: 37.5em) {
  .semiranking .ranking.other hr {
    border-top: 5px solid #191919;
  }
}
.semiranking .ranking.other hr:after {
  border-color: #191919 transparent;
}
.semiranking .ranking.other .item {
  width: 174px;
}
.semiranking .ranking.other .item .name {
  font-size: 14px;
}
.semiranking .item_list {
  margin-left: 12px;
}
.semiranking .item_list .photo {
  margin-bottom: 8px;
}
.semiranking .item_list h3 {
  font-weight: normal;
  font-size: 24px;
}
@media (max-width: 37.5em) {
  .semiranking .item_list h3 {
    font-size: 18px;
  }
}
.semiranking .item_list .cheer {
  font-size: 18px;
}
@media (max-width: 37.5em) {
  .semiranking .item_list .cheer {
    font-size: 14px;
  }
}
.semiranking .item_list .item {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 24px;
  text-align: left;
  color: #333;
}
@media (max-width: 37.5em) {
  .semiranking .item_list .item {
    margin-right: 4px;
    width: 48.444%;
  }
  .semiranking .item_list .item:nth-of-type(even) {
    margin-right: 0;
  }
}
.semiranking .item_list .item a {
  color: #191919;
}
.semiranking .item_list .item a:hover {
  color: #FE88AB;
}
.semiranking .item_list .item ul {
  overflow: hidden;
  display: table;
  width: 100%;
  text-align: left;
}
.semiranking .item_list .item li {
  display: table-cell;
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.semiranking .item_list .item li.prof {
  padding-top: 2px;
}
.semiranking .item_list .item .name {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.2;
}
@media (max-width: 37.5em) {
  .semiranking .item_list .item .name {
    font-size: 18px;
  }
}

.final {
  background: #c4e0e9 url(/img/public/bg_pattern_white.png);
}
.final .inline .pageHead h1 {
  margin-bottom: 32px;
}
@media (max-width: 37.5em) {
  .final .inline .pageHead h2 {
    font-size: 18px;
  }
}
.final .inline .pageHead h2 br {
  display: inline !important;
}
@media (max-width: 37.5em) {
  .final .inline .pageHead h2 br {
    display: none !important;
  }
}
.final .inline .note {
  font-size: 16px;
}
@media (max-width: 37.5em) {
  .final .item {
    display: block;
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .final .item .photoname {
    display: table;
    width: 100%;
    height: 90px;
  }
}
@media (max-width: 37.5em) {
  .final .item .photo,
  .final .item .name {
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    text-align: left;
  }
}
.final .item .photo img {
  border: 1px solid #e5e5e5;
}
.final .item .name {
  width: 180px;
  margin: 0 auto 8px;
  text-align: left;
}
@media (max-width: 37.5em) {
  .final .item .name {
    width: 80%;
    padding-left: 8px;
    font-size: 24px;
  }
}
.final .item .name dl {
  display: table;
}
.final .item .name dt, .final .item .name dd {
  display: table-cell;
}
.final .item .name dd small {
  display: block;
  font-size: 10px;
}
.final .item a {
  color: #191919 !important;
}
.final .item .bottomlink {
  margin: 16px auto 0;
  font-size: 14px;
}
@media (max-width: 37.5em) {
  .final .item .bottomlink {
    width: 100%;
    margin-top: 8px;
  }
}
.final .item li {
  display: inline-block;
  width: 48%;
  letter-spacing: 0;
  white-space: nowrap;
}
.final .item li:first-child {
  text-align: left;
}
.final .item li:last-child {
  text-align: right;
}
@media (max-width: 37.5em) {
  .final .item li:last-child {
    text-align: left;
  }
}
.final .note {
  text-align: left;
}
.final .finalWrap {
  width: 1000px;
  margin: 40px auto 0;
  overflow: hidden;
  position: relative;
  z-index: 999;
}
@media (max-width: 64em) {
  .final .finalWrap {
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 37.5em) {
  .final .finalWrap {
    overflow: hidden;
    width: 100%;
    margin: 0;
  }
}
.final .catch {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 64em) {
  .final .catch {
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
  }
}
@media (max-width: 37.5em) {
  .final .catch {
    display: block;
  }
}
.final .mv-img {
  width: 384px;
  margin-right: 72px;
}
@media (max-width: 64em) {
  .final .mv-img {
    width: 45%;
    max-width: 350px;
    text-align: center;
    margin-right: 16px;
  }
}
@media (max-width: 37.5em) {
  .final .mv-img {
    width: 63.576%;
    margin: 0 auto 32px;
  }
}
.final .mv-img img {
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.final .mv-txt {
  width: 500px;
  color: #fff;
}
@media (max-width: 64em) {
  .final .mv-txt {
    width: 55%;
    max-width: 400px;
    margin-top: 0;
  }
}
@media (max-width: 37.5em) {
  .final .mv-txt {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 37.5em) {
  .final .mv-txt .note {
    padding: 0 16px;
  }
}
.final .mv-txt .note strong {
  color: #FE88AB;
}
.final .mv-txt .name {
  margin: 16px 0 40px;
  text-align: left;
}
.final .mv-txt .name li {
  font-size: 36px;
}
.final .mv-txt .name li:nth-of-type(1) h1 {
  font-size: 36px;
  line-height: 1.2em;
}
@media (max-width: 37.5em) {
  .final .mv-txt .name li:nth-of-type(1) h1 {
    font-size: 24px;
  }
}
.final .mv-txt .name li:nth-of-type(1) h1 span {
  color: #FE88AB;
  margin-right: 16px;
}
.final .mv-txt .name li:nth-of-type(2) {
  font-size: 18px;
}
.final .mv-txt .link li {
  display: inline-block;
  margin: 0 10px 20px;
}
@media (max-width: 37.5em) {
  .final .mv-txt .link li {
    display: block;
    margin: 0 0 20px;
  }
}
.final .mv-txt .link li img {
  width: 20px;
  margin-right: 10px;
}
.final .mv-txt .otherImage {
  margin: 0 0 40px;
}
.final .mv-txt .otherImage ul li {
  display: inline-block;
  margin: 0 8px 16px;
  vertical-align: bottom;
}
.final .mv-txt .otherImage ul li img {
  width: 120px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}

.semifinal_detail {
  background: #fff url(/img/public/bg_pattern_white.png);
}
.semifinal_detail .pageHead {
  font-size: 36px;
}
.semifinal_detail .pageHead dl {
  display: table;
  margin: 0 auto;
}
.semifinal_detail .pageHead dt, .semifinal_detail .pageHead dd {
  display: table-cell;
  text-align: left;
}
.semifinal_detail .pageHead dd {
  line-height: 1;
}
.semifinal_detail .pageHead small {
  display: block;
  font-size: 14px;
}
.semifinal_detail .inline {
  margin: 0 auto;
}
.semifinal_detail .inline .note {
  font-size: 16px;
}
.semifinal_detail .prof_photo,
.semifinal_detail .prof_detail {
  display: table-cell;
}
@media (max-width: 64em) {
  .semifinal_detail .prof_photo,
  .semifinal_detail .prof_detail {
    display: block;
  }
}
.semifinal_detail .prof_photo {
  min-width: 480px;
}
@media (max-width: 64em) {
  .semifinal_detail .prof_photo {
    min-width: 100%;
  }
}
.semifinal_detail .prof_photo ul {
  text-align: left;
}
.semifinal_detail .prof_photo li {
  display: inline-block;
  width: 220px;
  margin: 0 8px 16px 8px;
  vertical-align: bottom;
}
@media (max-width: 64em) {
  .semifinal_detail .prof_photo li {
    width: 30%;
  }
}
@media (max-width: 37.5em) {
  .semifinal_detail .prof_photo li {
    width: 43%;
  }
}
.semifinal_detail .prof_detail {
  text-align: left;
  vertical-align: top;
}
.semifinal_detail .url {
  margin: 16px 0;
}
.semifinal_detail .url li {
  text-align: left;
}
.semifinal_detail .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.semifinal_detail .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.semifinal_detail .other_link {
  margin-top: 16px;
}
.semifinal_detail .other_link li {
  margin-bottom: 16px;
}
.semifinal_detail .other_link a {
  display: block;
  text-align: center;
  background: #FE88AB;
  color: #fff;
  padding: 16px 0;
}
.semifinal_detail .other_link a:hover {
  background: #fe5587;
}

.rankNum {
  position: relative;
  width: 50px;
}
@media (max-width: 37.5em) {
  .rankNum {
    width: 44px;
  }
}

.icon-trophy {
  font-size: 40px;
}
@media (max-width: 37.5em) {
  .icon-trophy {
    font-size: 40px;
  }
}
.icon-trophy.one {
  color: #ED4694;
}
.icon-trophy.two {
  color: #6378E4;
}
.icon-trophy.three {
  color: #FFC438;
}

.num {
  position: absolute;
  width: 40px;
  top: 4px;
  z-index: 3;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
@media (max-width: 37.5em) {
  .num {
    width: 40px;
    top: 2px;
    font-size: 12px;
  }
}

nav.side {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  width: 280px;
  height: 100%;
  padding: 16px;
  z-index: 999;
}
@media (max-width: 64em) {
  nav.side {
    width: 100%;
    height: 50px;
    overflow-y: hidden;
    padding: 12px 8px 0;
  }
}
@media (max-width: 64em) {
  nav.side .logo {
    width: 100px;
  }
}
nav.side .gnavi {
  margin: 32px 0;
}
@media (max-width: 64em) {
  nav.side .gnavi {
    display: none;
  }
}
nav.side li {
  line-height: 2rem;
  padding: 0 16px;
}
@media (max-width: 64em) {
  nav.side li {
    line-height: 1;
  }
}
nav.side li:hover {
  background: #fff;
}
nav.side li a {
  display: block;
  color: #fff;
}
nav.side li a:hover {
  color: #FE88AB;
}
nav.side .second {
  margin-left: 1rem !important;
}
@media (max-width: 64em) {
  nav.side .timeline {
    display: none;
  }
}
nav.side .copyright {
  text-align: center;
  font-size: 12px;
  color: #797979;
}
@media (max-width: 64em) {
  nav.side .copyright {
    display: none;
  }
}

.top nav.side a {
  color: #EF5FA1;
}

.second nav.side {
  background: rgba(0, 0, 0, 0.1);
}

.history {
  text-align: center;
}
.history li {
  display: inline-block;
  padding: 0 16px;
}
@media (max-width: 37.5em) {
  .history li {
    padding: 0 8px;
  }
}
.history a {
  color: #fff;
}

/* -----------------------------------
 * Slidebars
 * Development version 0.10.3, do not use this in a production site, use the latest in the distribution folder.
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */
.togglebar-right {
  display: none;
}
@media (max-width: 64em) {
  .togglebar-right {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: #FE88AB;
    z-index: 999;
  }
}
.togglebar-right .navicon-line:nth-child(1) {
  position: absolute;
  top: 30%;
  left: 10px;
  height: 2px;
  width: 30px;
  background: #fff;
}
.togglebar-right .navicon-line:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 10px;
  height: 2px;
  width: 30px;
  background: #fff;
}
.togglebar-right .navicon-line:nth-child(3) {
  position: absolute;
  top: 70%;
  left: 10px;
  height: 2px;
  width: 30px;
  background: #fff;
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden;
}

/* ----------
 * 002 - Site
 */
#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  content: ' ';
  display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
  clear: both;
}

/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 999;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #3b3b3b;
  /* Default Slidebars background colour, overwrite this with your own css. */
  height: 100%;
}
.sb-slidebar a {
  display: block;
  color: #FE88AB;
}
.sb-slidebar a.sub {
  padding-left: 1rem;
}
.sb-slidebar li {
  padding: 16px;
}

.sb-slidebar, .sb-slidebar * {
  -webkit-transform: translateZ(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
  left: 0;
  /* Set Slidebar to the left. */
}

.sb-right {
  right: 0;
  /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%;
}

.sb-width-thin {
  width: 15%;
}

.sb-width-wide {
  width: 45%;
}

@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 55%;
  }

  .sb-width-thin {
    width: 55%;
  }

  .sb-width-wide {
    width: 85%;
  }
}
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%;
  }

  .sb-width-thin {
    width: 40%;
  }

  .sb-width-wide {
    width: 70%;
  }
}
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%;
  }

  .sb-width-thin {
    width: 25%;
  }

  .sb-width-wide {
    width: 55%;
  }
}
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%;
  }

  .sb-width-thin {
    width: 15%;
  }

  .sb-width-wide {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%;
  }

  .sb-width-thin {
    width: 5%;
  }

  .sb-width-wide {
    width: 35%;
  }
}
/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  -webkit-transform: translate(0px);
  -moz-transform: translate(0px);
  -o-transform: translate(0px);
  transform: translate(0px);
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}

.top {
  display: block;
}
@media (max-width: 64em) {
  .top {
    background: none;
  }
}
.top h2 {
  margin-bottom: 40px;
  text-align: center;
  font-size: 34px;
}
@media (max-width: 64em) {
  .top h2 {
    margin-bottom: 16px;
    font-size: 30px;
  }
}
.top .content {
  margin: 0 auto;
  padding: 16px;
  z-index: 99;
}
@media (max-width: 64em) {
  .top .content {
    margin: 0 8px;
    padding: 8px;
  }
}

.parallax {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.hero {
  position: relative;
  width: 100%;
  padding: 80px 0 48px;
  overflow: hidden;
  height: 11800px;
  background-position: left top;
}
@media (max-width: 64em) {
  .hero {
    height: 11800px;
    background: url("/img/public/top_back1-1_sp.jpg") top center no-repeat;
    background-size: cover;
  }
}
@media (max-width: 37.5em) {
  .hero {
    height: 12000px;
  }
}
.hero .logo {
  position: relative;
  width: 500px;
  margin: 0 auto 80px;
  z-index: 99;
}
@media (max-width: 64em) {
  .hero .logo {
    width: 80%;
    margin: 0 auto 48px;
  }
}
.hero .content {
  position: relative;
  width: 630px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
}
@media (max-width: 64em) {
  .hero .content {
    width: 95%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.2);
    font-size: 18px;
  }
}
@media (max-width: 37.5em) {
  .hero .content {
    background: rgba(0, 0, 0, 0.3);
    font-size: 16px;
  }
}
.hero .content .name {
  margin: 40px 0 40px;
  text-align: center;
}
.hero .content .name li {
  font-size: 36px;
}
.hero .content .name li:nth-of-type(1) h1 {
  font-size: 36px;
  line-height: 1.2em;
}
@media (max-width: 37.5em) {
  .hero .content .name li:nth-of-type(1) h1 {
    font-size: 24px;
  }
}
.hero .content .name li:nth-of-type(1) h1 span {
  color: #FE88AB;
  margin-right: 16px;
}
.hero .content .name li:nth-of-type(2) {
  font-size: 18px;
}
.hero .content .mv-img {
  width: 384px;
  margin: 72px auto;
}
@media (max-width: 64em) {
  .hero .content .mv-img {
    width: 80%;
    max-width: 350px;
    text-align: center;
    margin: 16px auto;
  }
}
@media (max-width: 37.5em) {
  .hero .content .mv-img {
    width: 80%;
    margin: 0 auto 32px;
  }
}
.hero .content .mv-img img {
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.hero .contentWide {
  position: relative;
  width: 840px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
}
@media (max-width: 64em) {
  .hero .contentWide {
    width: 95%;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.2);
    font-size: 18px;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide {
    background: rgba(0, 0, 0, 0.3);
    font-size: 16px;
  }
}
.hero .contentWide .note {
  padding: 8px;
}
.hero .contentWide .inline_content {
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  color: #2b2e38;
  margin-bottom: 10px;
  padding: 16px;
  width: 100%;
  border: 1px solid #f6b2ce;
  border-radius: 10px;
  display: inline-block;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.hero .contentWide .inline_content dl {
  display: table;
  margin-bottom: 16px;
  text-align: left;
}
.hero .contentWide .inline_content dl dt, .hero .contentWide .inline_content dl dd {
  display: table-cell;
  font-size: 30px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content dl dt, .hero .contentWide .inline_content dl dd {
    font-size: 18px;
  }
}
.hero .contentWide .inline_content dl dt span, .hero .contentWide .inline_content dl dd span {
  color: #FE88AB;
  margin-right: 8px;
}
.hero .contentWide .inline_content dl dd {
  line-height: 1.6;
}
.hero .contentWide .inline_content dl small {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
.hero .contentWide .inline_content .prof_photo {
  float: left;
  width: 330px;
}
@media (max-width: 64em) {
  .hero .contentWide .inline_content .prof_photo {
    width: 40%;
    padding-right: 24px;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content .prof_photo {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.hero .contentWide .inline_content .prof_detail {
  float: right;
  width: 460px;
  text-align: left;
}
@media (max-width: 64em) {
  .hero .contentWide .inline_content .prof_detail {
    width: 60%;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content .prof_detail {
    float: none;
    width: 100%;
  }
}
.hero .contentWide .inline_content .prof_txt {
  margin-bottom: 8px;
  word-break: break-all;
  word-wrap: break-word;
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content .prof_txt {
    margin-bottom: 24px;
  }
}
.hero .contentWide .inline_content .url {
  margin-bottom: 8px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content .url {
    margin-bottom: 24px;
  }
}
.hero .contentWide .inline_content .youtube {
  position: relative;
  float: left;
  width: 260px;
}
@media (max-width: 64em) {
  .hero .contentWide .inline_content .youtube {
    width: 50%;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content .youtube {
    float: none;
    width: 100%;
    margin-bottom: 24px;
  }
}
.hero .contentWide .inline_content .youtube span {
  position: absolute;
  top: 30%;
  left: 40%;
  color: #fff;
  font-size: 60px;
}
.hero .contentWide .inline_content .other_link {
  width: 460px;
}
@media (max-width: 64em) {
  .hero .contentWide .inline_content .other_link {
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .inline_content .other_link {
    width: 100%;
  }
}
.hero .contentWide .inline_content .other_link li {
  margin-bottom: 16px;
}
.hero .contentWide .inline_content .other_link a {
  display: block;
  text-align: center;
  background: #fff;
  color: #f6b2ce;
  padding: 16px 0;
  border: 1px solid #f6b2ce;
  border-radius: 4px;
}
.hero .contentWide .inline_content .other_link a:hover {
  color: #fff;
  background: #f6b2ce;
}
.hero .contentWide h4 {
  text-align: center;
  font-size: 24px;
  letter-spacing: 0.4rem;
  padding: 16px 0;
}
@media (max-width: 64em) {
  .hero .contentWide h4 {
    font-size: 18px;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide h4 {
    line-height: 1.2;
    font-size: 14px;
  }
}
.hero .contentWide .winner {
  padding: 16px 0;
  margin-bottom: 40px;
}
.hero .contentWide .winner .inline_content {
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  color: #2b2e38;
  margin-bottom: 10px;
  padding: 16px;
  width: 100%;
  border: 1px solid #f6b2ce;
  border-radius: 10px;
  display: inline-block;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.hero .contentWide .winner .inline_content h3 {
  font-size: 30px;
  color: #FE88AB;
  text-align: center;
  padding: 16px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content h3 {
    font-size: 24px;
  }
}
.hero .contentWide .winner .inline_content h3 span {
  font-size: 36px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content h3 span {
    font-size: 30px;
  }
}
.hero .contentWide .winner .inline_content .shortLead {
  text-align: center;
  padding: 8px;
  margin-bottom: 1rem;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content .shortLead {
    font-size: 14px;
  }
}
.hero .contentWide .winner .inline_content ul {
  padding-left: 16px !important;
  margin-bottom: 32px !important;
  text-align: center;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content ul {
    padding-left: 0 !important;
  }
}
.hero .contentWide .winner .inline_content ul li {
  width: 248px;
  display: inline-block;
  margin: 0 8px 32px 0;
}
.hero .contentWide .winner .inline_content ul li.grandprix {
  width: 400px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content ul li.grandprix {
    width: 248px;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content ul li {
    width: 48%;
    margin: 0 0 32px;
  }
}
.hero .contentWide .winner .inline_content ul li .photo {
  width: 100%;
}
.hero .contentWide .winner .inline_content ul li .photo:hover {
  opacity: 0.8;
}
.hero .contentWide .winner .inline_content ul li .name {
  font-size: 30px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #2b2e38;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content ul li .name {
    font-size: 14px;
  }
}
.hero .contentWide .winner .inline_content ul li .name small {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content ul li .name small {
    font-size: 10px;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .winner .inline_content .note {
    font-size: 14px;
  }
}
.hero .contentWide .winnerIndivi {
  padding: 16px 0;
  margin-bottom: 40px;
}
.hero .contentWide .winnerIndivi .inline_content {
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  color: #2b2e38;
  margin-bottom: 10px;
  padding: 16px;
  width: 100%;
  border: 1px solid #f6b2ce;
  border-radius: 10px;
  display: inline-block;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px;
}
.hero .contentWide .winnerIndivi .inline_content h3 {
  font-size: 30px;
  color: #FE88AB;
  text-align: center;
  padding: 16px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content h3 {
    font-size: 24px;
  }
}
.hero .contentWide .winnerIndivi .inline_content h3 span {
  font-size: 36px;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content h3 span {
    font-size: 30px;
  }
}
.hero .contentWide .winnerIndivi .inline_content .shortLead {
  text-align: center;
  padding: 8px;
  margin-bottom: 1rem;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content .shortLead {
    font-size: 14px;
  }
}
.hero .contentWide .winnerIndivi .inline_content ul {
  padding-left: 16px !important;
  margin-bottom: 32px !important;
  text-align: center;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content ul {
    padding-left: 0 !important;
  }
}
.hero .contentWide .winnerIndivi .inline_content ul li {
  width: 182px;
  display: inline-block;
  margin: 0 8px 32px 0;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content ul li {
    width: 48%;
    margin: 0 0 32px;
  }
}
.hero .contentWide .winnerIndivi .inline_content ul li dl {
  margin-bottom: 8px;
}
.hero .contentWide .winnerIndivi .inline_content ul li dl dt {
  display: table-cell;
  vertical-align: bottom;
}
.hero .contentWide .winnerIndivi .inline_content ul li dl dt img {
  width: 60px;
  border-radius: 60px;
  border: 4px solid #FE88AB;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content ul li dl dt img {
    width: 40px;
    border: 2px solid #FE88AB;
  }
}
.hero .contentWide .winnerIndivi .inline_content ul li dl dd {
  display: table-cell;
  padding-left: 8px;
  font-size: 14px;
  color: #FE88AB;
  vertical-align: middle;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content ul li dl dd {
    font-size: 12px;
  }
}
.hero .contentWide .winnerIndivi .inline_content ul li dl dd span {
  background: #FE88AB;
  border-radius: 60px;
  padding: 4px;
  color: #fff;
  font-size: small;
}
.hero .contentWide .winnerIndivi .inline_content ul li .photo {
  width: 100%;
}
.hero .contentWide .winnerIndivi .inline_content ul li .photo:hover {
  opacity: 0.8;
}
.hero .contentWide .winnerIndivi .inline_content ul li .name {
  font-size: 18px;
  text-align: center;
  color: #2b2e38;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content ul li .name {
    font-size: 14px;
  }
}
.hero .contentWide .winnerIndivi .inline_content ul li .name small {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content ul li .name small {
    font-size: 10px;
  }
}
@media (max-width: 37.5em) {
  .hero .contentWide .winnerIndivi .inline_content .note {
    font-size: 14px;
  }
}

.top_step {
  overflow: hidden;
  position: relative;
  height: 1700px;
  padding: 40px 0;
}
@media (max-width: 64em) {
  .top_step {
    padding: 40px 0;
    height: 1700px;
  }
}
@media (max-width: 37.5em) {
  .top_step {
    height: 1900px;
  }
}
.top_step .content {
  position: relative;
  width: 630px;
  margin-top: 36px;
  color: #fff;
}
@media (max-width: 64em) {
  .top_step .content {
    width: 100%;
    margin-top: 100px;
  }
}
@media (max-width: 37.5em) {
  .top_step .content {
    width: 95%;
    margin: 0 auto;
    text-align: left;
  }
}
.top_step .content h2 {
  font-size: 36px;
  letter-spacing: 0.4rem;
}
@media (max-width: 64em) {
  .top_step .content h2 {
    font-size: 30px;
  }
}
@media (max-width: 37.5em) {
  .top_step .content h2 {
    line-height: 1.2;
  }
}
.top_step .content h3, .top_step .content h4 {
  text-align: center;
}
.top_step .content h3 {
  font-size: 30px;
  letter-spacing: 0.4rem;
}
@media (max-width: 64em) {
  .top_step .content h3 {
    font-size: 24px;
  }
}
@media (max-width: 37.5em) {
  .top_step .content h3 {
    line-height: 1.2;
  }
}
.top_step .content h4 {
  font-size: 18px;
  margin-bottom: 1rem;
}
@media (max-width: 64em) {
  .top_step .content h4 {
    font-size: 18px;
  }
}
@media (max-width: 37.5em) {
  .top_step .content h4 {
    line-height: 1.2;
  }
}
.top_step .content h4 small {
  font-size: 12px;
}
.top_step .content ul {
  margin-bottom: 1rem !important;
  margin-left: 1rem;
}
.top_step .content li {
  margin-left: 2rem;
  list-style: disc;
}
.top_step .content table {
  margin-bottom: 1rem;
}
.top_step .content table th {
  font-weight: normal;
  text-align: left;
  padding-right: 1rem;
  white-space: nowrap;
}
.top_step .icon-triangle_bottom {
  padding: 8px;
  text-align: center;
  font-size: 30px;
}
@media (max-width: 64em) {
  .top_step .icon-triangle_bottom {
    padding: 8px;
    font-size: 24px;
  }
}
.top_step .parallax {
  background: url("/img/public/top_back2.jpg") top center no-repeat;
  background-size: cover;
}
@media (max-width: 64em) {
  .top_step .parallax {
    background: url("/img/public/top_back2_tab.jpg") top center no-repeat;
    background-size: auto 1700px;
  }
}
@media (max-width: 37.5em) {
  .top_step .parallax {
    background: url("/img/public/top_back2_sp.jpg") top center no-repeat;
    background-size: auto 1900px;
  }
}
.top_step .frame {
  padding: 24px;
  background: rgba(0, 0, 0, 0.3);
  font-size: 16px;
}
@media (max-width: 64em) {
  .top_step .frame {
    width: 80%;
    margin: 0 auto;
    padding: 8px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 37.5em) {
  .top_step .frame {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.3);
  }
}

.top_about {
  overflow: hidden;
  position: relative;
  height: 800px;
  padding: 80px 0;
}
@media (max-width: 64em) {
  .top_about {
    padding: 40px 0;
    height: 800px;
  }
}
.top_about .content {
  position: relative;
  width: 630px;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
}
@media (max-width: 64em) {
  .top_about .content {
    margin-top: 64px;
    background: rgba(0, 0, 0, 0.3);
  }
}
@media (max-width: 37.5em) {
  .top_about .content {
    width: 95%;
    margin: 64px auto 0;
    font-size: 14px;
  }
}
.top_about .parallax {
  background: url("/img/public/top_back3.jpg") top center no-repeat;
  background-size: cover;
}
@media (max-width: 64em) {
  .top_about .parallax {
    background: url("/img/public/top_back3_tab.jpg") top center no-repeat;
  }
}
@media (max-width: 37.5em) {
  .top_about .parallax {
    background: url("/img/public/top_back3_sp.jpg") top center no-repeat;
    background-size: auto 1000px;
  }
}

.top .btn_entry {
  width: 500px;
  margin: 24px auto;
  font-size: 20px;
}
@media (max-width: 64em) {
  .top .btn_entry {
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .top .btn_entry a {
    font-size: 14px !important;
  }
}
@media (max-width: 64em) {
  .top .btn_entry.intermediateBtn {
    width: 95%;
    padding: 8px;
  }
}
@media (max-width: 37.5em) {
  .top .btn_entry.intermediateBtn {
    width: 95%;
    padding: 8px;
  }
}
.top .btn_entryLong {
  width: 840px;
  margin: 24px auto;
}
@media (max-width: 64em) {
  .top .btn_entryLong {
    width: 100%;
  }
}
.top .btn_entryLong a {
  font-size: 24px !important;
  padding: 48px 64px;
}
@media (max-width: 37.5em) {
  .top .btn_entryLong a {
    font-size: 20px !important;
    padding: 24px 24px;
  }
}
@media (max-width: 64em) {
  .top .btn_entryLong.intermediateBtn {
    width: 95%;
    padding: 8px;
  }
}
@media (max-width: 37.5em) {
  .top .btn_entryLong.intermediateBtn {
    width: 95%;
    padding: 8px;
  }
}

.sns_contents {
  display: none;
}
@media (max-width: 64em) {
  .sns_contents {
    padding: 40px 0;
    display: inline;
    background: #ECEFF1;
    text-align: center;
  }
}
@media (max-width: 37.5em) {
  .sns_contents iframe {
    width: 280px !important;
    max-width: 280px !important;
    box-sizing: border-box;
  }
}

.sns {
  position: fixed;
  z-index: 999;
  top: 16px;
  right: 16px;
  font-size: 18px;
}
@media (max-width: 64em) {
  .sns {
    top: 12px;
    right: 64px;
  }
}
.sns li {
  display: inline-block;
  padding: 0 16px;
}

@media (max-width: 64em) {
  .second .sns a {
    color: #80CBC4;
  }
}

.entry {
  background: #ECEFF1 url(/img/public/bg_pattern.png);
}

.forms {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 37.5em) {
  .forms {
    width: 100%;
  }
}
.forms a:hover {
  text-decoration: underline;
}
@media (max-width: 37.5em) {
  .forms table {
    margin: 0 auto;
  }
}
.forms tr {
  border: 1px solid silver;
  background: #fff;
}
.forms tr:nth-child(even) {
  background: #e5e5e5;
}
.forms tr.error {
  border: 1px solid #d9534f;
  background-color: #fdf7f7;
}
.forms tr.error th, .forms tr.error td {
  border-top: 1px solid #d9534f;
}
.forms th {
  width: 40%;
  padding: 8px;
  border-right: 1px solid silver;
  vertical-align: middle;
  text-align: left;
}
@media (max-width: 37.5em) {
  .forms th {
    display: block;
    width: auto;
    border-right: none;
  }
}
.forms td {
  padding: 8px;
}
@media (max-width: 37.5em) {
  .forms td {
    display: block;
  }
}
.forms td img {
  width: 50%;
  margin-bottom: 8px;
}
.forms .required,
.forms .optional {
  margin-left: 8px;
  padding: 2px 4px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.forms .required {
  background: #d9534f;
}
.forms .optional {
  background: #6e6e6e;
}
.forms .help-block,
.forms .alert-block {
  display: block;
  margin-top: 8px;
}
.forms .help-block {
  color: #6e6e6e;
}
.forms .help-block p {
  margin-top: 1rem;
}
.forms .alert-block {
  color: #d9534f;
}
.forms .policy-block {
  display: block;
  margin: 16px auto;
  text-align: center;
}
.forms label {
  display: block;
  font-weight: bold;
}
@media (max-width: 37.5em) {
  .forms input[type="file"] {
    font-size: 9px;
  }
}
.forms input[type="email"],
.forms input[type="password"],
.forms input[type="text"] {
  display: block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 90%;
  padding: 8px;
  border: 1px solid silver;
  vertical-align: middle;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 37.5em) {
  .forms input[type="email"],
  .forms input[type="password"],
  .forms input[type="text"] {
    width: 100%;
  }
}
.forms input[type="email"].has-error,
.forms input[type="password"].has-error,
.forms input[type="text"].has-error {
  border: 1px solid #d9534f;
}
.forms select,
.forms textarea {
  border: 1px solid silver;
  background: #fff;
}
.forms textarea {
  width: 90%;
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 37.5em) {
  .forms textarea {
    width: 100%;
  }
}
.forms input[type="radio"],
.forms input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.forms select[multiple],
.forms select[size] {
  height: auto;
  border: 1px solid silver;
}
.forms .facephoto {
  width: 82px;
}

.form-inline .form-group {
  display: inline-block;
}
@media (max-width: 37.5em) {
  .form-inline .form-group {
    display: block;
    margin-bottom: 8px;
  }
}
@media (max-width: 37.5em) {
  .form-inline .form-group label {
    display: block;
  }
}

.form-group {
  display: block;
}

.input-group input[type="text"] {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.sweet input[type="radio"],
.sweet input[type="checkbox"] {
  display: none;
}
.sweet input[type="radio"]:checked + label::before,
.sweet input[type="checkbox"]:checked + label::before {
  background: #fff;
  border: 1px solid #FE88AB;
}
.sweet input[type="radio"]:checked + label::after,
.sweet input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sweet label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
  cursor: pointer;
}
@media (max-width: 37.5em) {
  .sweet label {
    display: block;
    padding-top: 8px;
    padding-left: 24px;
  }
}
.sweet label.radio::before, .sweet label.radio::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.sweet label.radio::after {
  margin-top: -4px;
  background: #FE88AB;
}
.sweet label.checkbox {
  height: 2rem;
}
.sweet label.checkbox::before, .sweet label.checkbox::after {
  position: absolute;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
.sweet label.checkbox::before {
  top: 50%;
}
.sweet label.checkbox::after {
  content: '\2714';
  color: #FE88AB;
  top: 5px;
}
.sweet label::before {
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
}
@media (max-width: 37.5em) {
  .sweet label::before {
    width: 20px;
    height: 20px;
  }
}
.sweet label::after {
  opacity: 0;
  left: 4px;
  width: 6px;
  height: 6px;
}
@media (max-width: 37.5em) {
  .sweet label::after {
    left: 4px;
    width: 12px;
    height: 12px;
  }
}
.sweet label:hover::before {
  background: #fff;
}

.alert {
  overflow: hidden;
  margin-bottom: 16px;
  padding: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.alert ul {
  margin-top: 8px !important;
}
.alert li {
  margin-left: 1rem;
  list-style: disc;
}
.alert.danger {
  border: 1px solid #d9534f;
  background-color: #fdf7f7;
}
.alert.info {
  border: 1px solid #BCE8F1;
  background-color: #D9EDF7;
}
.alert.finish {
  margin: 1rem auto;
}
.alert.finish .num {
  font-size: 36px;
  color: #00A2B6;
}

.remodal .member_prof {
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: middle;
}
.remodal .member_prof ul {
  display: table;
}
.remodal .member_prof li {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 64em) {
  .remodal .member_prof img {
    width: 140px;
  }
}
.remodal .member_prof .photo {
  padding-right: 16px;
}
.remodal .member_prof h2 {
  font-size: 30px;
}
@media (max-width: 64em) {
  .remodal .member_prof h2 {
    font-size: 24px;
    line-height: 1;
  }
}
.remodal a {
  display: block;
}
.remodal .modalnote {
  text-align: left;
  color: #191919;
}
.remodal.semifinal dl {
  display: table;
  margin-bottom: 8px;
  text-align: left;
}
.remodal.semifinal dl dt, .remodal.semifinal dl dd {
  display: table-cell;
  font-size: 30px;
}
@media (max-width: 37.5em) {
  .remodal.semifinal dl dt, .remodal.semifinal dl dd {
    font-size: 18px;
  }
}
.remodal.semifinal dl dd {
  line-height: 1.2;
}
.remodal.semifinal dl small {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
.remodal.semifinal .prof_photo {
  float: left;
  width: 330px;
}
@media (max-width: 64em) {
  .remodal.semifinal .prof_photo {
    float: none;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 64em) {
  .remodal.semifinal .slider_col {
    text-align: center;
    width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 64em) {
  .remodal.semifinal .slider_col {
    width: 100%;
  }
}
.remodal.semifinal .prof_detail {
  float: right;
  width: 500px;
  text-align: left;
}
@media (max-width: 64em) {
  .remodal.semifinal .prof_detail {
    float: none;
    width: 100%;
  }
}
.remodal.semifinal .prof_txt {
  margin-bottom: 8px;
  word-break: break-all;
  word-wrap: break-word;
}
@media (max-width: 37.5em) {
  .remodal.semifinal .prof_txt {
    margin-bottom: 24px;
  }
}
.remodal.semifinal .url {
  margin-bottom: 8px;
}
@media (max-width: 37.5em) {
  .remodal.semifinal .url {
    margin-bottom: 24px;
  }
}
.remodal.semifinal .youtube {
  position: relative;
  float: left;
  width: 260px;
}
@media (max-width: 64em) {
  .remodal.semifinal .youtube {
    width: 50%;
  }
}
@media (max-width: 37.5em) {
  .remodal.semifinal .youtube {
    float: none;
    width: 100%;
    margin-bottom: 24px;
  }
}
.remodal.semifinal .youtube span {
  position: absolute;
  top: 30%;
  left: 40%;
  color: #fff;
  font-size: 60px;
}
.remodal.semifinal .other_link {
  float: right;
  width: 230px;
}
@media (max-width: 64em) {
  .remodal.semifinal .other_link {
    width: 48%;
  }
}
@media (max-width: 37.5em) {
  .remodal.semifinal .other_link {
    width: 100%;
  }
}
.remodal.semifinal .other_link li {
  margin-bottom: 16px;
}
.remodal.semifinal .other_link a {
  display: block;
  text-align: center;
  background: #FE88AB;
  color: #fff;
  padding: 16px 0;
}
.remodal.semifinal .other_link a:hover {
  background: #fe5587;
}
.remodal.winner dl {
  width: 100%;
  display: table;
  margin-bottom: 8px;
  text-align: left;
}
.remodal.winner dl dt, .remodal.winner dl dd {
  display: table-cell;
  font-size: 30px;
}
@media (max-width: 37.5em) {
  .remodal.winner dl dt, .remodal.winner dl dd {
    font-size: 18px;
  }
}
.remodal.winner dl dd {
  line-height: 1.2;
}
.remodal.winner dl dd.winnerTitle {
  display: block;
  padding-right: 16px;
  text-align: right;
  color: #FE88AB;
  font-size: 24px;
}
@media (max-width: 37.5em) {
  .remodal.winner dl dd.winnerTitle {
    font-size: 14px;
  }
}
.remodal.winner dl small {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
.remodal.winner .prof_photo {
  float: left;
  width: 330px;
}
@media (max-width: 64em) {
  .remodal.winner .prof_photo {
    float: none;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 64em) {
  .remodal.winner .slider_col {
    text-align: center;
    width: 500px;
    margin: 0 auto;
  }
}
@media (max-width: 64em) {
  .remodal.winner .slider_col {
    width: 100%;
  }
}
.remodal.winner .selectComment {
  float: right;
  width: 500px;
  text-align: left;
}
@media (max-width: 64em) {
  .remodal.winner .selectComment {
    float: none;
    width: 100%;
  }
}
.remodal.winner .selectComment h3 {
  border-bottom: 1px solid #FE88AB;
  margin-bottom: 16px;
}
.remodal.winner .selectComment .commentBox {
  margin-bottom: 32px;
}
.remodal.winner .selectComment .commentBox dl {
  display: table;
  margin-bottom: 8px;
  text-align: left;
}
.remodal.winner .selectComment .commentBox dl dt, .remodal.winner .selectComment .commentBox dl dd {
  display: table-cell;
  font-size: 18px;
}
@media (max-width: 37.5em) {
  .remodal.winner .selectComment .commentBox dl dt, .remodal.winner .selectComment .commentBox dl dd {
    font-size: 12px;
  }
}
.remodal.winner .selectComment .commentBox dl dt {
  width: 60px;
  padding-right: 16px;
}
.remodal.winner .selectComment .commentBox dl dd {
  line-height: 1.2;
  vertical-align: top;
}
.remodal.winner .selectComment .commentBox dl dd .comment {
  font-size: 14px;
  margin-top: 8px;
}
@media (max-width: 37.5em) {
  .remodal.winner .selectComment .commentBox dl dd .comment {
    font-size: 12px;
  }
}
.remodal.winner .selectComment .commentBox dl small {
  display: block;
  font-size: 12px;
  color: #6e6e6e;
}
.remodal.winner .prof_txt {
  margin-bottom: 8px;
  word-break: break-all;
  word-wrap: break-word;
}
@media (max-width: 37.5em) {
  .remodal.winner .prof_txt {
    margin-bottom: 24px;
  }
}
.remodal.winner .url {
  margin-bottom: 8px;
}
@media (max-width: 37.5em) {
  .remodal.winner .url {
    margin-bottom: 24px;
  }
}
.remodal.winner .youtube {
  position: relative;
  width: 330px;
  margin-bottom: 24px;
}
@media (max-width: 64em) {
  .remodal.winner .youtube {
    width: 50%;
  }
}
@media (max-width: 37.5em) {
  .remodal.winner .youtube {
    float: none;
    width: 100%;
    margin-bottom: 24px;
  }
}
.remodal.winner .youtube span {
  position: absolute;
  top: 30%;
  left: 40%;
  color: #fff;
  font-size: 60px;
}
.remodal.winner .other_link {
  width: 330px;
}
@media (max-width: 64em) {
  .remodal.winner .other_link {
    width: 48%;
  }
}
@media (max-width: 37.5em) {
  .remodal.winner .other_link {
    width: 100%;
  }
}
.remodal.winner .other_link li {
  margin-bottom: 16px;
}
.remodal.winner .other_link a {
  display: block;
  text-align: center;
  background: #fff;
  color: #FE88AB;
  padding: 16px 0;
  border: 1px solid #FE88AB;
  border-radius: 4px;
}
.remodal.winner .other_link a:hover {
  background: #FE88AB;
  color: #fff;
}

.btn-block {
  margin: 32px auto;
  text-align: center;
}

.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background: none transparent;
  border: 1px solid silver;
  white-space: nowrap;
  line-height: 1;
  padding: 24px 64px;
  font-size: 18px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media (max-width: 64em) {
  .btn {
    padding: 24px 8px;
  }
}
.btn:hover {
  background: #e5e5e5;
}
.btn.btn-primary {
  background: #FE88AB;
  color: #fff;
  border: 1px solid #fe6f99;
}
.btn.btn-primary:hover {
  background: #fd3c75;
  border: 1px solid #fd2364;
}
.btn.btn-white {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}
.btn.btn-white:hover {
  background: #fff;
  color: black;
}
.btn.btn-emerald {
  background: none;
  color: #b1dedd;
  border: 1px solid #b1dedd;
  background: #fff;
}
.btn.btn-emerald:hover {
  background: #b1dedd;
  color: #fff;
  border: 1px solid #fff;
}
.btn.btn-disable {
  background: #909090;
  color: #fff;
  border: none;
}
.btn.block {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}
.btn.btn-default {
  color: #191919 !important;
}