.input-text, .input-textarea {
  font-size: 16px;
  padding: 4px;
  border: 1px solid #E58AC7;
  border-radius: 4px;
  outline-color: #E58AC7; }

.button {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #333333;
  border: 2px solid #E58AC7;
  border-radius: 8px;
  background-color: #FFD9F2;
  box-shadow: 0px 4px 0px 0px #E58AC7; }

.ua-desktop #submit-btn {
  transition: all 0.2s; }
  .ua-desktop #submit-btn:hover {
    transform: translate(0, 4px);
    box-shadow: 0px 0px 0px 0px #E58AC7; }

@keyframes rotate-right {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-left {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

html, body {
  margin: 0;
  padding: 0; }

body {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333333;
  background-color: #FFD9F2; }
  body * {
    box-sizing: border-box; }

@media (max-width: 768px) {
  br:not(.sp) {
    display: none; } }

input[type=checkbox] {
  margin: 3px 0; }

.message {
  width: 90%;
  margin: 0 auto;
  padding: 16px 0;
  font-family: "Shuei MaruGo B", sans-serif, sans-serif;
  font-weight: normal;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto; }
  .ua-desktop-windows .message {
    -ms-transform: rotate(0.001deg);
    transform: rotate(0.001deg); }
  .message a {
    color: #E58AC7; }
    .message a.with-icon {
      display: flex;
      text-decoration: none;
      align-items: center; }
      .message a.with-icon i {
        font-size: 150%; }
  .message h3 {
    margin-top: 0;
    color: #E65C73; }
  @media (min-width: 768px) {
    .message {
      max-width: 640px;
      padding: 40px 0; }
      .message > div {
        padding: 40px;
        border: 2px solid #FFD9F2;
        border-radius: 4px; }
      .ua-desktop .message a {
        transition: all 0.25s; }
        .ua-desktop .message a:hover {
          opacity: 0.5; } }

.alert {
  color: #E65C73; }

span.alert {
  font-size: 14px;
  font-weight: bold; }
  span.alert.icon-information {
    display: flex;
    align-items: center; }
    span.alert.icon-information::before {
      font-family: "Hobonichi-Icons", sans-serif;
      font-size: 150%;
      font-weight: normal;
      content: "\e92f"; }
  @media (min-width: 768px) {
    span.alert {
      width: 100%; } }

#q_vote_s7_1-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_2-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_3-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_4-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_5-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_6-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_7-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_8-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_9-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_10-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_11-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_12-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_13-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_14-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_15-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_16-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_17-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_18-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_19-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_20-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_21-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_22-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_23-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_24-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_25-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_26-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_27-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_28-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

#q_vote_s7_29-error {
  width: 95%;
  max-width: 840px;
  margin: 0 auto; }

.attention {
  font-size: 14px; }
  .attention h4 {
    margin: 1em auto; }
  .attention ul {
    padding-left: 1.5em;
    list-style-type: disc; }
    .attention ul li {
      display: list-item; }

@media (min-width: 768px) {
  body > header {
    max-width: 960px;
    margin: 0 auto;
    background-color: white; } }

#hobo {
  max-width: 100px;
  margin: 0 auto;
  padding: 8px 0; }

@media (min-width: 768px) {
  article {
    max-width: 960px;
    margin: 0 auto; } }

article header {
  background-color: white; }
  article header h1 {
    line-height: 0;
    margin: 0 auto;
    padding-top: 62.5%;
    text-indent: -9999px;
    background: url(../images/main_title_result_sp.png) no-repeat center top;
    background-size: contain; }
    @media (min-width: 768px) {
      article header h1 {
        width: 768px;
        max-width: 100%;
        padding-top: 264px;
        background-image: url(../images/main_title_result.png); } }
  article header div {
    width: 90%;
    margin: auto;
    padding: 8px 16px 16px;
    border: 4px solid #E58AC7;
    border-top: 0;
    border-radius: 0 0 20px 20px; }
    article header div p {
      margin: 0;
      letter-spacing: 0.075em;
      color: #E58AC7;
      font-family: "Shuei MaruGo B", sans-serif, sans-serif;
      font-weight: normal;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto; }
      .ua-desktop-windows article header div p {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
    @media (min-width: 768px) {
      article header div {
        width: 440px; } }

article section {
  background-color: white; }
  article section .result {
    width: 90%;
    margin: 0 auto;
    padding: 16px 0; }
    article section .result .photo {
      width: 100%; }
      article section .result .photo img {
        width: 100%; }
    article section .result p {
      font-size: 16px;
      line-height: 1.5;
      letter-spacing: 0.075em;
      color: #333333;
      font-family: "Shuei MaruGo B", sans-serif, sans-serif;
      font-weight: normal;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto; }
      .ua-desktop-windows article section .result p {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
      @media (min-width: 768px) {
        article section .result p {
          line-height: 1.75; } }
    article section .result ol {
      display: flex;
      margin: 32px 0;
      padding: 0;
      justify-content: space-around;
      flex-wrap: wrap; }
      article section .result ol li {
        margin-left: 0;
        list-style: none; }
        article section .result ol li .rank {
          position: relative; }
          article section .result ol li .rank > span {
            display: flex;
            width: 82px;
            height: 82px;
            margin: 0 auto;
            border: 4px solid #FFD9F2;
            border-radius: 41px;
            background-color: white;
            justify-content: center;
            align-items: center; }
            article section .result ol li .rank > span span {
              font-size: 15px;
              letter-spacing: 0.075em;
              margin-top: -0.2em;
              color: #E65C73;
              font-family: "UD Shin Maru Go Bold", sans-serif, sans-serif;
              font-weight: normal;
              -webkit-font-feature-settings: 'palt' 1;
              font-feature-settings: 'palt' 1;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              text-rendering: auto; }
              .ua-desktop-windows article section .result ol li .rank > span span {
                -ms-transform: rotate(0.001deg);
                transform: rotate(0.001deg); }
            article section .result ol li .rank > span b {
              font-size: 135%;
              text-align: baseline; }
        article section .result ol li .name {
          font-size: 18px;
          letter-spacing: 0.075em;
          text-align: center;
          line-height: 1.25;
          margin-top: .25em;
          color: #333333;
          font-family: "UD Shin Maru Go Bold", sans-serif, sans-serif;
          font-weight: normal;
          -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-rendering: auto; }
          .ua-desktop-windows article section .result ol li .name {
            -ms-transform: rotate(0.001deg);
            transform: rotate(0.001deg); }
          article section .result ol li .name small {
            display: block;
            font-size: 70%;
            color: #808080; }
        article section .result ol li .vote {
          font-size: 20px;
          letter-spacing: 0.075em;
          text-align: center;
          color: #E65C73;
          font-family: "UD Shin Maru Go Bold", sans-serif, sans-serif;
          font-weight: normal;
          -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-rendering: auto; }
          .ua-desktop-windows article section .result ol li .vote {
            -ms-transform: rotate(0.001deg);
            transform: rotate(0.001deg); }
      article section .result ol.winner {
        margin-top: 0;
        max-width: 640px; }
        @media (min-width: 768px) {
          article section .result ol.winner {
            margin: 0 auto 40px;
            align-items: flex-end; } }
        article section .result ol.winner li:nth-child(1) {
          order: 1;
          width: 100%; }
          @media (min-width: 768px) {
            article section .result ol.winner li:nth-child(1) {
              width: auto;
              order: 2; } }
          article section .result ol.winner li:nth-child(1) .rank {
            width: 162px;
            height: 162px;
            margin: auto; }
            article section .result ol.winner li:nth-child(1) .rank::before, article section .result ol.winner li:nth-child(1) .rank::after {
              content: '';
              display: block;
              position: absolute;
              background: no-repeat center center;
              background-size: contain;
              width: 100%;
              height: 100%; }
            article section .result ol.winner li:nth-child(1) .rank::before {
              animation: rotate-left 10s linear infinite;
              background-image: url(../images/balloon1b.svg); }
            article section .result ol.winner li:nth-child(1) .rank::after {
              animation: rotate-right 10s linear infinite;
              background-image: url(../images/balloon1a.svg); }
            article section .result ol.winner li:nth-child(1) .rank > span {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              z-index: 1;
              width: 110px;
              height: 110px;
              border-radius: 55px;
              border-color: #E65C73; }
              article section .result ol.winner li:nth-child(1) .rank > span::before {
                content: '';
                position: absolute;
                border: 5px solid white;
                width: 110px;
                height: 110px;
                border-radius: 60px; }
              article section .result ol.winner li:nth-child(1) .rank > span span {
                font-size: 30px; }
          article section .result ol.winner li:nth-child(1) .name {
            font-size: 40px; }
          article section .result ol.winner li:nth-child(1) .vote {
            font-size: 30px; }
        article section .result ol.winner li:nth-child(n+2) .rank {
          width: 120px;
          height: 120px;
          margin: auto; }
          article section .result ol.winner li:nth-child(n+2) .rank::before {
            content: '';
            display: block;
            position: absolute;
            background: url(../images/balloon2.svg) no-repeat center center;
            background-size: contain;
            width: 100%;
            height: 100%;
            animation: rotate-right 10s linear infinite; }
          article section .result ol.winner li:nth-child(n+2) .rank > span {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            width: 80px;
            height: 80px;
            border-radius: 55px;
            background-color: #FFD9F2;
            border-color: #E58AC7; }
            article section .result ol.winner li:nth-child(n+2) .rank > span::before {
              content: '';
              position: absolute;
              border: 5px solid white;
              width: 80px;
              height: 80px;
              border-radius: 45px; }
            article section .result ol.winner li:nth-child(n+2) .rank > span span {
              font-size: 22px; }
        article section .result ol.winner li:nth-child(n+2) .name, article section .result ol.winner li:nth-child(n+2) .vote {
          font-size: 30px; }
        article section .result ol.winner li:nth-child(2) {
          order: 3; }
        article section .result ol.winner li:nth-child(3) {
          order: 2; }
          @media (min-width: 768px) {
            article section .result ol.winner li:nth-child(3) {
              order: 1; } }
      article section .result ol.runner-up {
        max-width: 640px; }
        @media (min-width: 768px) {
          article section .result ol.runner-up {
            margin: 40px auto;
            justify-content: center; } }
        article section .result ol.runner-up li {
          width: 33%;
          margin: 4px 0; }
          @media (min-width: 768px) {
            article section .result ol.runner-up li {
              margin: 10px 0; } }
          article section .result ol.runner-up li .rank > span {
            align-items: flex-end;
            background-size: contain; }
            article section .result ol.runner-up li .rank > span span {
              background-color: #E58AC7;
              border-radius: 4px;
              padding: 2px 4px;
              line-height: 1;
              margin-bottom: -4px;
              color: white; }
          article section .result ol.runner-up li:nth-child(1) .rank > span {
            background-image: url(../images/2_pathos.jpg); }
          article section .result ol.runner-up li:nth-child(2) .rank > span {
            background-image: url(../images/12_tori.jpg); }
          article section .result ol.runner-up li:nth-child(3) .rank > span {
            background-image: url(../images/26_daikan.jpg); }
          article section .result ol.runner-up li:nth-child(4) .rank > span {
            background-image: url(../images/5_suzuki.jpg); }
          article section .result ol.runner-up li:nth-child(5) .rank > span {
            background-image: url(../images/13_kunren.jpg); }
          article section .result ol.runner-up li:nth-child(6) .rank > span {
            background-image: url(../images/24_madonna.jpg); }
          article section .result ol.runner-up li:nth-child(7) .rank > span {
            background-image: url(../images/21_anubis.jpg); }
          article section .result ol.runner-up li:nth-child(n+4) {
            width: 50%; }
          @media (min-width: 414px) {
            article section .result ol.runner-up li:nth-child(-n+4) {
              width: 25%; }
            article section .result ol.runner-up li:nth-child(n+5) {
              width: 33%; } }
          @media (min-width: 768px) {
            article section .result ol.runner-up li:nth-child(n) {
              width: 25%; } }
  article section .about {
    width: 90%;
    margin: 0 auto;
    padding: 16px 0; }
    article section .about p {
      font-size: 14px;
      line-height: 1.5;
      letter-spacing: 0.075em;
      color: #333333;
      font-family: "Shuei MaruGo B", sans-serif, sans-serif;
      font-weight: normal;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto; }
      .ua-desktop-windows article section .about p {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
    article section .about dl {
      margin: 0;
      padding: 0; }
      article section .about dl dt, article section .about dl dd {
        font-size: 14px;
        line-height: 1.5;
        margin-left: 0;
        list-style: none;
        letter-spacing: 0.075em;
        color: #333333;
        font-family: "Shuei MaruGo B", sans-serif, sans-serif;
        font-weight: normal;
        -webkit-font-feature-settings: 'palt' 1;
        font-feature-settings: 'palt' 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: auto; }
        .ua-desktop-windows article section .about dl dt, .ua-desktop-windows article section .about dl dd {
          -ms-transform: rotate(0.001deg);
          transform: rotate(0.001deg); }
      article section .about dl dd + dt {
        margin-top: 1em; }
    article section .about .book {
      float: right;
      width: 35%;
      max-width: 126px;
      margin-top: 1em;
      margin-left: 1em; }
      article section .about .book img {
        width: 100%;
        vertical-align: top; }
    article section .about::after {
      display: table;
      clear: both;
      content: ""; }
    @media (min-width: 768px) {
      article section .about {
        max-width: 560px;
        padding: 40px 0; }
        article section .about p {
          font-size: 16px;
          line-height: 1.75; }
        article section .about dl dt, article section .about dl dd {
          font-size: 16px;
          line-height: 1.75; } }
  article section .form {
    padding-bottom: 32px; }
    article section .form h2 {
      margin: 0 auto;
      text-align: center;
      font-family: "Shuei MaruGo B", sans-serif, sans-serif;
      font-weight: normal;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto; }
      .ua-desktop-windows article section .form h2 {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
    article section .form label.point {
      cursor: pointer; }
    @media (min-width: 768px) {
      article section .form {
        padding: 40px 0; } }

#form-vote ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center; }
  #form-vote ul li {
    width: calc(1 / 2 * 100% - 16px);
    margin: 8px 8px 16px 8px;
    padding-left: 0;
    list-style: none; }
    #form-vote ul li label {
      display: block;
      overflow: hidden;
      cursor: default;
      border: 2px solid #FFD9F2;
      border-radius: 4px;
      background-color: #FFD9F2;
      font-family: "Shuei MaruGo B", sans-serif, sans-serif;
      font-weight: normal;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto; }
      .ua-desktop-windows #form-vote ul li label {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
      #form-vote ul li label img {
        width: 100%;
        vertical-align: top; }
      #form-vote ul li label span {
        position: relative;
        display: block;
        padding: 4px 8px 4px 8px; }
        #form-vote ul li label span input {
          position: absolute;
          top: 50%;
          left: 8px;
          margin: 0;
          transform: translate(0, -50%); }
    #form-vote ul li a {
      font-size: 12px;
      line-height: 1;
      display: block;
      max-width: 100%;
      margin-top: 8px;
      text-decoration: none;
      color: #E58AC7; }
      .ua-desktop #form-vote ul li a {
        transition: all 0.2s; }
        .ua-desktop #form-vote ul li a:hover {
          opacity: 0.5; }

@media (min-width: 768px) {
  #form-vote ul {
    max-width: 840px;
    margin: 0 auto; }
    #form-vote ul li {
      width: calc(1 / 3 * 100% - 40px);
      margin: 20px; }
      #form-vote ul li a {
        font-size: 14px; } }

.present-column {
  padding: 32px 0 32px; }

#form-present {
  overflow: hidden;
  width: 90%;
  margin: 0 auto 16px;
  border: 2px solid #FFD9F2;
  border-radius: 8px; }
  @media (min-width: 768px) {
    #form-present {
      width: 640px;
      margin: 40px auto; } }
  #form-present .present {
    padding: 8px; }
    #form-present .present .book {
      float: left;
      width: 25%;
      max-width: 100px;
      margin-right: 1em; }
      #form-present .present .book img {
        width: 100%;
        vertical-align: top; }
    #form-present .present p {
      font-size: 14px;
      margin: 0;
      color: #333333;
      font-family: "Shuei MaruGo B", sans-serif, sans-serif;
      font-weight: normal;
      -webkit-font-feature-settings: 'palt' 1;
      font-feature-settings: 'palt' 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: auto; }
      .ua-desktop-windows #form-present .present p {
        -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg); }
      #form-present .present p:first-of-type {
        margin-bottom: 0.5em; }
    #form-present .present::after {
      display: table;
      clear: both;
      content: ""; }
    @media (min-width: 768px) {
      #form-present .present {
        display: flex;
        padding: 40px 0;
        justify-content: center;
        align-items: center; }
        #form-present .present .book {
          float: none; }
        #form-present .present::after {
          content: none; }
        #form-present .present p {
          font-size: 16px;
          line-height: 1.75;
          letter-spacing: 0.075em; } }
  #form-present > label {
    display: block;
    padding: 8px;
    text-align: center;
    background-color: #FFD9F2;
    font-family: "Shuei MaruGo B", sans-serif, sans-serif;
    font-weight: normal;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto; }
    .ua-desktop-windows #form-present > label {
      -ms-transform: rotate(0.001deg);
      transform: rotate(0.001deg); }
    .ua-desktop #form-present > label {
      transition: all 0.25s; }
      .ua-desktop #form-present > label:hover {
        background-color: #E58AC7; }
    @media (min-width: 768px) {
      #form-present > label {
        padding: 16px; } }
  #form-present ul:not(.list) {
    margin: 0;
    padding: 0; }
    #form-present ul:not(.list) li {
      display: block;
      margin-bottom: 16px;
      padding: 0; }
      #form-present ul:not(.list) li label {
        font-family: "Shuei MaruGo B", sans-serif, sans-serif;
        font-weight: normal;
        -webkit-font-feature-settings: 'palt' 1;
        font-feature-settings: 'palt' 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: auto; }
        .ua-desktop-windows #form-present ul:not(.list) li label {
          -ms-transform: rotate(0.001deg);
          transform: rotate(0.001deg); }
        #form-present ul:not(.list) li label span {
          font-size: 87.5%; }
      #form-present ul:not(.list) li:last-of-type {
        margin-bottom: 0;
        flex-wrap: wrap; }
        #form-present ul:not(.list) li:last-of-type label {
          width: 100%; }
    @media (min-width: 768px) {
      #form-present ul:not(.list) li {
        display: flex;
        margin-bottom: 20px;
        align-items: center;
        flex-wrap: wrap; }
        #form-present ul:not(.list) li label {
          width: 320px; } }
  #form-present input[type=text],
  #form-present input[type=email],
  #form-present textarea {
    width: 100%; }
  #form-present .accordion {
    overflow: hidden;
    height: 0;
    transition: height 0.5s; }
    #form-present .accordion__inner {
      padding: 16px; }
      #form-present .accordion__inner label {
        font-weight: bold;
        display: block; }
      @media (min-width: 768px) {
        #form-present .accordion__inner {
          padding: 40px; } }
  #form-present .attention {
    margin-top: 32px; }

#form-comment {
  width: 90%;
  max-width: 640px;
  margin: 16px auto; }
  #form-comment ul {
    margin: 0;
    padding: 0; }
    #form-comment ul li {
      display: block;
      margin-bottom: 16px;
      padding: 0; }
      #form-comment ul li label {
        font-family: "Shuei MaruGo B", sans-serif, sans-serif;
        font-weight: normal;
        -webkit-font-feature-settings: 'palt' 1;
        font-feature-settings: 'palt' 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: auto; }
        .ua-desktop-windows #form-comment ul li label {
          -ms-transform: rotate(0.001deg);
          transform: rotate(0.001deg); }
        #form-comment ul li label span {
          font-size: 87.5%; }
      #form-comment ul li:last-of-type {
        margin-bottom: 0;
        flex-wrap: wrap; }
        #form-comment ul li:last-of-type label {
          width: 100%; }
      @media (min-width: 768px) {
        #form-comment ul li {
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          #form-comment ul li label {
            width: 320px; } }
    @media (min-width: 768px) {
      #form-comment ul li {
        margin-bottom: 20px; } }
  #form-comment textarea {
    width: 100%; }

#form-submit {
  margin: 32px auto; }
  @media (min-width: 768px) {
    #form-submit {
      margin: 40px auto; } }

#submit-btn {
  font-size: 20px;
  display: block;
  min-width: 260px;
  margin: auto;
  padding: 20px 0;
  font-family: "Shuei MaruGo B", sans-serif, sans-serif;
  font-weight: normal;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto; }
  .ua-desktop-windows #submit-btn {
    -ms-transform: rotate(0.001deg);
    transform: rotate(0.001deg); }

#banner {
  width: 90%;
  margin: 32px auto; }
  @media (min-width: 768px) {
    #banner {
      max-width: 640px; } }
  #banner ul {
    margin: 0;
    padding: 0; }
    #banner ul li {
      list-style: none; }
      #banner ul li a {
        display: block;
        overflow: hidden;
        border: 2px solid #FFD9F2;
        border-radius: 8px; }
        #banner ul li a img {
          width: 100%;
          vertical-align: top; }
        .ua-desktop #banner ul li a {
          transition: all 0.25s; }
          .ua-desktop #banner ul li a:hover {
            opacity: 0.5; }
  @media (min-width: 768px) {
    #banner ul {
      display: flex;
      justify-content: center; }
      #banner ul li {
        max-width: 280px; } }

#share {
  margin: 32px auto; }
  #share h3 {
    font-size: 12px;
    text-align: center;
    font-family: "Shuei MaruGo B", sans-serif, sans-serif;
    font-weight: normal;
    -webkit-font-feature-settings: 'palt' 1;
    font-feature-settings: 'palt' 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto; }
    .ua-desktop-windows #share h3 {
      -ms-transform: rotate(0.001deg);
      transform: rotate(0.001deg); }
  #share ul {
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center; }
    #share ul.article-share li {
      margin: 0 8px; }
      #share ul.article-share li i {
        font-size: 200%; }
    #share ul.article-comment {
      margin-top: 8px; }
      #share ul.article-comment li a {
        display: flex; }
      #share ul.article-comment li i {
        font-size: 150%; }
    #share ul li {
      padding-left: 0;
      list-style: none; }
      #share ul li a {
        display: block;
        text-decoration: none;
        color: #E58AC7; }
        .ua-desktop #share ul li a {
          transition: all 0.25s; }
          .ua-desktop #share ul li a:hover {
            opacity: 0.5; }

.copyright {
  font-size: 12px;
  margin: 32px auto;
  text-align: center;
  font-family: "Shuei MaruGo B", sans-serif, sans-serif;
  font-weight: normal;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto; }
  .ua-desktop-windows .copyright {
    -ms-transform: rotate(0.001deg);
    transform: rotate(0.001deg); }

#oioi {
  width: 100%;
  padding: 8px 0 32px;
  margin: 0 auto;
  text-align: center; }
  #oioi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    letter-spacing: -0.4em; }
  #oioi li {
    display: block;
    margin: 0;
    padding: 0; }
    #oioi li#oioiCounter {
      font-family: 'Open Sans Condensed', sans-serif;
      font-size: 60px;
      line-height: 80px;
      letter-spacing: 0;
      position: relative;
      display: inline-block;
      width: 200px;
      height: 100px;
      margin-top: 20px;
      padding-left: 0;
      vertical-align: middle;
      color: #808080;
      border: 10px solid #808080;
      border-radius: 8px;
      background-image: none; }
      #oioi li#oioiCounter:before {
        position: absolute;
        top: -30px;
        left: 50%;
        display: inline-block;
        margin-left: -15px;
        content: '';
        vertical-align: middle;
        border-top: 0px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 20px solid #808080;
        border-left: 15px solid transparent; }
      #oioi li#oioiCounter:after {
        position: absolute;
        top: -13px;
        left: 50%;
        display: inline-block;
        margin-left: -9px;
        content: '';
        vertical-align: middle;
        border-top: 0px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 13px solid #FFF;
        border-left: 9px solid transparent; }
  @media (min-width: 768px) {
    #oioi {
      width: 400px;
      padding: 50px 0;
      margin: 0 auto; }
      #oioi li {
        display: inline-block;
        vertical-align: middle; }
        #oioi li#oioiCounter {
          width: 180px;
          margin-top: 0;
          margin-left: 20px;
          text-align: center;
          letter-spacing: 0; }
          #oioi li#oioiCounter:before {
            position: absolute;
            left: -15px;
            top: 50%;
            display: inline-block;
            margin-top: -15px;
            border-top: 15px solid transparent;
            border-right: 20px solid #808080;
            border-bottom: 15px solid transparent;
            border-left: 0px solid transparent; }
          #oioi li#oioiCounter:after {
            position: absolute;
            left: -4px;
            top: 50%;
            display: inline-block;
            margin-top: -9px;
            border-top: 9px solid transparent;
            border-right: 13px solid #FFF;
            border-bottom: 9px solid transparent;
            border-left: 0px solid transparent; } }