@media screen and (max-width: 768px) {
  .pc {
    display: none !important; }

  .sp {
    display: inline-block !important; }

  a {
    text-decoration: none; }
    a:hover, a:focus, a:active {
      text-decoration: none; }

  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: normal; }

  .contents {
    width: 100%;
    min-width: 100%;
    padding: 0 25px; }

  .left_cont, .right_cont {
    float: none; }

  header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 68px;
    background: #FFF; }
    header .contents {
      padding-left: 15px;
      margin: 0 auto; }
    header .sp {
      width: 100%; }
    header h1 {
      float: none;
      width: 100%;
      text-align: center;
      padding-top: 5px; }
      header h1 img {
        width: auto;
        height: 28px; }
    header button {
      position: absolute;
      top: 0px;
      text-indent: -9999px;
      overflow: hidden;
      width: 50px;
      height: 43px;
      background: url(../img/btn_menu_sp.png) left top no-repeat;
      background-size: 150px 43px; }
      header button.menu {
        background-position: 0 0;
        left: 10px; }
      header button.search {
        background-position: -50px 0;
        top: 2px;
        right: 15px; }
      header button.close {
        background-position: -100px 0;
        left: 10px; }
      header button.off {
        display: none; }

  #main {
    padding-top: 68px; }

  body.vote_page #main {
    padding-top: 0; }

  #topMessage {
    height: auto;
    min-width: 100%;
    background-size: auto 480px; }
    #topMessage .contents {
      padding: 0; }
    #topMessage .message {
      position: relative;
      top: auto;
      left: auto;
      margin-top: 0;
      padding: 20px 25px 0;
      background: url(../img/top/bg_message_sp.png) left top no-repeat;
      background-size: auto 100%; }
      #topMessage .message img {
        width: 100%; }
    #topMessage #pickup_sp {
      width: 100%;
      overflow: hidden;
      min-height: 200px;
      max-height: 500px;
      padding-top: 20px;
      padding-bottom: 10px; }
      #topMessage #pickup_sp .slick-track {
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -ms-transition: all 0s ease;
        -o-transition: all 0s ease;
        transition: all 0s ease; }
      #topMessage #pickup_sp .slick-prev, #topMessage #pickup_sp .slick-next {
        position: absolute;
        top: 50%;
        color: #FFF;
        width: 22.5px;
        height: 22.5px;
        font-size: 2.5rem;
        overflow: hidden;
        display: block;
        line-height: 1; }
      #topMessage #pickup_sp .slick-prev {
        left: 45px;
        z-index: 100;
        background: url(../img/top/icon_prev.png) center center no-repeat;
        background-size: 22.5px; }
      #topMessage #pickup_sp .slick-next {
        right: 45px;
        z-index: 101;
        background: url(../img/top/icon_next.png) center center no-repeat;
        background-size: 22.5px; }
      #topMessage #pickup_sp .panel {
        padding: 14px 70px; }
        #topMessage #pickup_sp .panel .panelWrap {
          display: flex; }
        #topMessage #pickup_sp .panel .ion-play::before {
          position: absolute;
          top: 45%;
          top: calc(50% - 22px);
          left: -26px;
          width: 29px;
          height: 44px;
          color: #FFF;
          font-size: 3rem;
          -moz-transform: rotate(-180deg);
          -webkit-transform: rotate(-180deg);
          -o-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
      #topMessage #pickup_sp .slide {
        padding: 24px 15px 0;
        position: relative; }
        #topMessage #pickup_sp .slide::after {
          position: absolute;
          content: "";
          width: 45px;
          height: 45px;
          top: 2px;
          left: 47%;
          left: calc(50% - 22px);
          background: url(../img/top/icon_station_staff01.png) left top no-repeat;
          background-size: 45px; }
        #topMessage #pickup_sp .slide .slide_cont {
          position: relative;
          background: #FFF;
          width: 100%;
          height: 100%;
          padding: 18px 20px 10px;
          font-size: .85rem;
          border: 3px solid #000;
          border-radius: 10px; }
          #topMessage #pickup_sp .slide .slide_cont .pic {
            display: inline-block;
            overflow: hidden;
            width: 40%;
            max-width: 166px;
            vertical-align: top; }
            #topMessage #pickup_sp .slide .slide_cont .pic img {
              width: 100%;
              height: auto;
              object-fit: cover;
              border-radius: 10px; }
          #topMessage #pickup_sp .slide .slide_cont .text {
            display: inline-block;
            vertical-align: top;
            padding-left: 5%;
            width: 58%; }
            #topMessage #pickup_sp .slide .slide_cont .text .comment {
              font-size: .9rem;
              line-height: 1.5; }
          #topMessage #pickup_sp .slide .slide_cont .name {
            margin-bottom: 5px;
            text-align: left;
            display: block; }
            #topMessage #pickup_sp .slide .slide_cont .name span {
              font-size: .95rem; }
    #topMessage .supportBox {
      position: relative;
      top: auto;
      right: auto;
      width: 100%;
      height: auto;
      margin-bottom: 15px;
      padding: 10px 20px;
      text-align: center;
      background-image: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
      #topMessage .supportBox br {
        display: none; }
      #topMessage .supportBox img {
        height: 20px;
        width: auto;
        margin-right: 10px;
        vertical-align: sub; }
      #topMessage .supportBox p {
        display: block;
        height: auto; }

  #information {
    background: #ef4129;
    padding: 20px 0 0; }
    #information div.text, #information div.item {
      display: inline-block;
      vertical-align: top; }
    #information div.text {
      width: 100%; }
      #information div.text h2 {
        font-size: 1.8rem; }
      #information div.text h3 {
        font-size: 1.45rem; }
      #information div.text div.clearfix {
        margin-top: 20px; }
      #information div.text p {
        width: 100%;
        margin: 0; }
      #information div.text .icon {
        width: 30%; }
        #information div.text .icon img {
          width: 100%;
          height: auto; }
      #information div.text .text_sp {
        width: 67%;
        padding-left: 3%;
        margin: 0; }
      #information div.text a {
        display: none; }
    #information div.item {
      position: relative;
      width: 100%;
      margin-top: 20px;
      margin-left: 0; }
      #information div.item img {
        margin-bottom: 10px; }
        #information div.item img.w100 {
          width: 100%; }
      #information div.item a.btn {
        position: absolute;
        right: 0;
        bottom: 5px;
        font-size: 0.7rem;
        padding: 2% 4.5% 2% 3%;
        letter-spacing: 0.5px; }
        #information div.item a.btn::after {
          position: absolute;
          margin-left: 5px;
          margin-top: 0;
          font-size: 0.9rem;
          top: 32%;
          top: calc(50% - 6px);
          right: 7px; }
    #information .btnset {
      padding: 20px 0 30px;
      width: 100%; }
      #information .btnset a {
        position: relative;
        display: block;
        background: #FFF;
        color: #ef4129;
        font-size: 16px;
        text-align: center;
        border-radius: 10px;
        padding: 15px;
        line-height: 1.3; }
        #information .btnset a span {
          font-size: 10px; }
        #information .btnset a.off {
          cursor: default;
          color: #cecece; }
          #information .btnset a.off::after {
            display: none; }
          #information .btnset a.off:hover {
            background: #FFF; }
        #information .btnset a:hover {
          text-decoration: none; }
        #information .btnset a:first-child {
          margin-bottom: 15px; }
        #information .btnset a::after {
          position: absolute;
          right: 20px;
          top: 40%;
          top: calc(50% - 11px);
          font-family: ionicons;
          content: "\f3d3";
          color: #ef4129;
          height: 1px;
          margin-left: 12px;
          margin-top: -5px;
          font-size: 1.9rem;
          font-weight: bold;
          display: inline-block; }
    #information .share {
      text-align: center;
      width: 100%;
      background: #e5e5e5;
      padding: 25px 0; }
      #information .share ul {
        margin-top: 0; }
      #information .share img {
        height: 45px;
        width: 45px; }
      #information .share a {
        background-color: transparent; }
        #information .share a :hover {
          opacity: 1; }

  #howto.modal .howto_header h2 {
    padding-top: 20px;
    padding-left: 0; }
  #howto.modal .howto_header .lead h3 {
    margin-top: 20px; }
  #howto .bgTokyuRed {
    padding: 20px; }
  #howto .box {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px; }
  #howto h3 {
    margin-top: 50px; }
    #howto h3 img {
      width: 100%;
      height: auto; }
  #howto .howto_header h1 {
    position: relative;
    font-size: 22px;
    margin-top: 30px;
    padding: 0 40px; }
    #howto .howto_header h1 .txtr, #howto .howto_header h1 span {
      display: none; }
    #howto .howto_header h1::before, #howto .howto_header h1::after {
      position: absolute;
      content: "\025c6";
      font-size: 22px;
      color: #ef412a;
      top: 45%;
      top: calc(50% - 15px); }
    #howto .howto_header h1::before {
      left: 0; }
    #howto .howto_header h1::after {
      right: 0; }
  #howto .howto_header h2, #howto .howto_header .lead {
    display: block; }
  #howto .howto_header h2 {
    padding-top: 20px;
    padding-left: 0;
    padding-bottom: 30px;
    background: none;
    text-align: center; }
    #howto .howto_header h2 img {
      max-width: 120px; }
  #howto .howto_header h3 {
    margin-top: 20px; }
    #howto .howto_header h3.sp.txtr {
      text-align: center;
      margin-top: 0;
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 20px;
      font-weight: 500;
      display: block !important;
      letter-spacing: 1.5px; }
  #howto .howto_header .lead {
    padding-left: 0;
    padding-bottom: 30px; }
    #howto .howto_header .lead h3 {
      margin-top: 20px; }
    #howto .howto_header .lead .txt24 {
      font-size: 20px; }
    #howto .howto_header .lead p {
      margin-top: 15px;
      font-size: 14px; }
    #howto .howto_header .lead span {
      line-height: 1.2; }
      #howto .howto_header .lead span.txt24 {
        line-height: 1.4; }
  #howto .howto_header .flow {
    margin-top: 30px; }
    #howto .howto_header .flow ul li {
      position: relative;
      border-radius: 10px;
      padding: 30px 20px 27px;
      display: block;
      width: 100%;
      height: auto; }
      #howto .howto_header .flow ul li::after {
        position: absolute;
        content: "";
        width: 20px;
        height: 12px;
        top: auto;
        bottom: -25px;
        right: 47%;
        right: calc(50% - 10px);
        background-size: 20px 12px; }
      #howto .howto_header .flow ul li img {
        display: none; }
      #howto .howto_header .flow ul li:nth-child(1) {
        background: url(../img/modal/pic_attendant.png) 8% center no-repeat;
        background-size: auto 60%; }
        #howto .howto_header .flow ul li:nth-child(1)::after {
          background-image: url(../img/modal/arrow_bottom.png);
          background-size: 20px 12px; }
        #howto .howto_header .flow ul li:nth-child(1) br {
          display: none; }
      #howto .howto_header .flow ul li:nth-child(2) {
        padding-top: 38px;
        margin: 45px 0;
        background: url(../img/modal/pic_support.png) 8% center no-repeat;
        background-size: auto 60%; }
        #howto .howto_header .flow ul li:nth-child(2)::after {
          background-image: url(../img/modal/arrow_bottom.png);
          background-size: 20px 12px; }
        #howto .howto_header .flow ul li:nth-child(2) br {
          display: none; }
      #howto .howto_header .flow ul li:nth-child(3) {
        padding: 60px 0;
        background: url(../img/modal/logo.png) 11% center no-repeat;
        background-size: auto 60%; }
        #howto .howto_header .flow ul li:nth-child(3)::after {
          background-image: none; }
      #howto .howto_header .flow ul li span {
        display: none; }
      #howto .howto_header .flow ul li p {
        margin-top: 10px;
        padding-left: 45%;
        text-align: left; }
        #howto .howto_header .flow ul li p.tit {
          margin-top: 0; }
  #howto .howto_about h3 {
    margin-bottom: 25px; }
  #howto .howto_about p {
    margin-top: 20px;
    margin-left: 0;
    letter-spacing: 2px; }
    #howto .howto_about p:last-child {
      margin-top: 20px; }
    #howto .howto_about p img {
      width: 90px;
      height: 90px; }
      #howto .howto_about p img.btn_vote {
        margin-top: 10px;
        width: 140px;
        height: auto; }
  #howto .howto_method.box h2 {
    font-size: 20px;
    line-height: 1.4; }
  #howto .howto_method.box p {
    text-align: left;
    line-height: 1.3;
    margin-top: 10px; }
    #howto .howto_method.box p img {
      height: 30px;
      margin-left: 0; }
  #howto .howto_method ul {
    text-align: center;
    margin-top: 30px; }
    #howto .howto_method ul li {
      padding: 0 2%;
      display: inline-block;
      width: 27%; }
      #howto .howto_method ul li p br {
        display: none; }
  #howto .flow_text {
    padding: 10px 0 5px; }
  #howto .project {
    margin: 30px auto; }
    #howto .project .pic {
      width: 40%;
      max-width: 440px; }
    #howto .project .text {
      padding-left: 0;
      padding-top: 20px;
      font-size: 1rem;
      text-align: center; }
  #howto .howto_award {
    padding-bottom: 30px; }
    #howto .howto_award h3 {
      font-size: 20px;
      margin-top: 30px;
      padding: 0 40px; }
      #howto .howto_award h3::before {
        margin-left: 0;
        left: 20px; }
      #howto .howto_award h3::after {
        margin-left: 0;
        right: 15px; }
    #howto .howto_award ul {
      margin-top: 30px; }
      #howto .howto_award ul li {
        position: relative;
        width: 30%;
        padding: 0; }
        #howto .howto_award ul li:nth-child(2) {
          margin: 0 5%; }
        #howto .howto_award ul li h4 {
          font-size: .9rem;
          line-height: 1.4; }
  #howto .howto_present {
    letter-spacing: 2px; }
    #howto .howto_present h3 {
      font-size: 21px;
      padding: 0 35px; }
      #howto .howto_present h3::before, #howto .howto_present h3::after {
        top: 10px;
        width: 40px;
        height: 45px;
        background-size: auto 40px; }
      #howto .howto_present h3::before {
        margin-left: 0;
        left: 17px; }
      #howto .howto_present h3::after {
        margin-left: 0;
        right: 15px; }
    #howto .howto_present ul {
      width: 100%;
      display: block;
      margin-top: 20px;
      letter-spacing: 1px; }
      #howto .howto_present ul li {
        position: relative;
        width: 100%;
        margin: 0 0 20px; }
        #howto .howto_present ul li l img {
          width: 50%;
          min-width: 50%; }
        #howto .howto_present ul li h4 {
          font-size: 18px; }
        #howto .howto_present ul li p {
          font-size: 18px; }
          #howto .howto_present ul li p span {
            font-size: 27px; }
  #howto .modal_footer {
    margin-top: 40px; }
    #howto .modal_footer .contents a {
      font-size: 1.4rem; }

  .modal {
    z-index: 200; }
    .modal .close {
      position: absolute;
      top: -25px;
      right: -25px;
      text-align: right;
      font-size: 3.5rem;
      line-height: 1;
      font-weight: 300; }
      .modal .close a {
        color: #FFF;
        cursor: pointer; }
    .modal .contents {
      background: #FFF;
      border-radius: 0;
      width: 100%;
      min-width: 100%;
      padding: 0; }

  #howto.modal {
    background: #ef4129; }
    #howto.modal .iziModal-content {
      padding-top: 80px !important; }
    #howto.modal .close {
      top: -65px; }
    #howto.modal .contents {
      border-radius: 10px;
      padding: 20px; }
    #howto.modal .modal_footer {
      margin-top: 40px; }
      #howto.modal .modal_footer .contents a {
        font-size: 1.4rem; }

  #menu_modal.modal .contents {
    background: #ef4129;
    padding: 25px; }
    #menu_modal.modal .contents a {
      position: relative;
      display: block;
      background: #FFF;
      color: #ef4129;
      font-size: 16px;
      text-align: center;
      border-radius: 10px;
      padding: 15px;
      line-height: 1.3; }
      #menu_modal.modal .contents a span {
        font-size: 10px; }
      #menu_modal.modal .contents a.off {
        cursor: default;
        color: #cecece; }
        #menu_modal.modal .contents a.off::after {
          display: none; }
      #menu_modal.modal .contents a:hover {
        text-decoration: none; }
      #menu_modal.modal .contents a:first-child {
        margin-bottom: 15px; }
      #menu_modal.modal .contents a::after {
        position: absolute;
        right: 20px;
        top: 47%;
        top: calc(50% - 11px);
        font-family: ionicons;
        content: "\f3d3";
        color: #ef4129;
        height: 1px;
        margin-left: 12px;
        margin-top: -3px;
        font-size: 1.9rem;
        font-weight: bold;
        display: inline-block; }
  #menu_modal.modal .share {
    background: #e5e5e5;
    padding: 25px 0; }
    #menu_modal.modal .share ul {
      margin-top: 0; }
    #menu_modal.modal .share img {
      height: 45px;
      width: 45px; }
    #menu_modal.modal .share a :hover {
      opacity: 1; }

  #trend {
    padding-top: 20px; }
    #trend.search {
      padding-top: 15px; }
      #trend.search p span {
        font-size: 14px; }

  .alm-load-more-btn {
    width: 100%; }

  #search_modal.modal .contents {
    padding: 25px 25px 90px; }
    #search_modal.modal .contents .searchArea {
      float: none;
      width: 100%;
      margin-left: 0; }
      #search_modal.modal .contents .searchArea input[type="text"], #search_modal.modal .contents .searchArea select {
        vertical-align: top;
        font-size: 16px;
        background: #f0f0f0;
        border: 1px solid #afa9a9;
        padding: 13px 10px;
        border-radius: 10px; }
      #search_modal.modal .contents .searchArea h3 {
        margin-bottom: 15px; }
        #search_modal.modal .contents .searchArea h3.bg {
          margin-top: 20px;
          padding-top: 30px;
          background: url(../img/bg_line.png) top left repeat-x;
          background-size: 15px 15px; }
      #search_modal.modal .contents .searchArea h4 {
        display: inline-block;
        margin-bottom: 15px;
        padding: 6px 5px;
        background: #f0f0f0;
        border-radius: 7.5px; }
      #search_modal.modal .contents .searchArea input[type="submit"] {
        background: #ef4129;
        border-radius: 10px;
        color: #FFF;
        float: right; }
      #search_modal.modal .contents .searchArea .off {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .5;
        border: 1px solid #afa9a9; }
    #search_modal.modal .contents #searchform_freeword_sp {
      border-radius: 10px;
      overflow: hidden;
      position: relative; }
      #search_modal.modal .contents #searchform_freeword_sp input#none {
        outline: none;
        border: 0;
        height: 1px;
        width: 1px;
        display: block;
        opacity: 0; }
      #search_modal.modal .contents #searchform_freeword_sp input.s {
        outline: none;
        width: 83%;
        width: calc(100% - 50px);
        max-height: 47px;
        height: 47px;
        line-height: 1;
        border-right: 0;
        -webkit-border-radius: 0;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-border-radius: 0;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
        #search_modal.modal .contents #searchform_freeword_sp input.s::-webkit-input-placeholder, #search_modal.modal .contents #searchform_freeword_sp input.s:-ms-input-placeholder, #search_modal.modal .contents #searchform_freeword_sp input.s::-moz-placeholder {
          color: #afa9a9;
          line-height: initial; }
      #search_modal.modal .contents #searchform_freeword_sp input.submit_freeword {
        background: #f1f1f1 url(../img/btn_search.png) left top no-repeat;
        max-height: 47px;
        width: 50px;
        height: 47px;
        text-indent: -9999px;
        border: 1px solid #afa9a9;
        border-left: 0;
        -webkit-border-radius: 0;
        -webkit-border-top-right-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-border-radius: 0;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-bottomright: 10px;
        border-radius: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }
        #search_modal.modal .contents #searchform_freeword_sp input.submit_freeword.off {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          filter: grayscale(100%);
          opacity: 1; }
    #search_modal.modal .contents .searchform_tag-cat_sp input[type="submit"] {
      height: 34px;
      margin-top: 20px;
      padding-left: 1.5em;
      padding-right: 1.5em;
      border: 0;
      font-size: 1rem; }
    #search_modal.modal .contents .searchform_tag-cat_sp select {
      width: 100%;
      padding: 6px 30px 6px 10px;
      background: #f1f1f1 97% 50% url(../img/icon_select_sp.png) no-repeat;
      background-size: 16px 10px; }
      #search_modal.modal .contents .searchform_tag-cat_sp select optgroup {
        text-align: center; }
      #search_modal.modal .contents .searchform_tag-cat_sp select.off {
        color: #CCC;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 1; }

  footer {
    text-align: center; }
    footer .contents {
      padding: 0; }
    footer ul li {
      margin-bottom: 5px; }
    footer .primary {
      padding: 10px 10px 10px 20px; }
    footer .secondary {
      padding: 10px 10px 10px 20px;
      border-top: 1px solid #FFF; }
    footer .copy {
      padding-top: 0; }

  #spot .spotList {
    width: 90%;
    margin: 0 auto; }
    #spot .spotList div.spot {
      margin: 0 0 15px; }
      #spot .spotList div.spot:nth-child(1) {
        width: 100%; }
      #spot .spotList div.spot:nth-child(2), #spot .spotList div.spot:nth-child(3) {
        width: 48%; }
      #spot .spotList div.spot:nth-child(2) {
        margin-right: 3%;
        margin-left: 0; }
      #spot .spotList div.spot:nth-child(4), #spot .spotList div.spot:nth-child(5) {
        display: none; }
      #spot .spotList div.spot img {
        width: 100%; }
      #spot .spotList div.spot .cat img {
        width: auto; }
  #spot .lede {
    width: 90%;
    margin: 0 auto; }
    #spot .lede .attendant {
      background: url(../img/lead_bg.gif) 95% bottom no-repeat; }
      #spot .lede .attendant ul {
        background: url(../img/lead_bg.gif) 5% bottom no-repeat; }
        #spot .lede .attendant ul li {
          display: none; }
          #spot .lede .attendant ul li:nth-child(1) {
            display: block;
            padding-left: 0;
            width: 60%;
            margin: 0 auto; }
          #spot .lede .attendant ul li img {
            width: 100%; }
          #spot .lede .attendant ul li span {
            display: block; }
    #spot .lede p {
      background-color: #ef4129;
      color: #FFF;
      margin-top: 19px;
      padding: 12px 0;
      text-align: center;
      letter-spacing: 2px; }

  #search {
    padding: 40px 0 0;
    width: 90%;
    margin: 0 auto; }
    #search h2 {
      margin-bottom: 0; }
    #search ul {
      margin-top: 10px;
      margin-bottom: 20px; }
      #search ul li {
        text-align: center;
        display: inline-block;
        margin-right: 20px;
        vertical-align: top; }
    #search .line {
      background: url(../img/line_01.gif) left bottom repeat-x;
      padding-bottom: 35px;
      margin-bottom: 25px; }
      #search .line ul {
        margin-bottom: 20px; }
      #search .line li:hover {
        cursor: pointer; }
      #search .line li.active {
        border-bottom: 2px solid #ef4129; }
      #search .line ul.rosen {
        margin-bottom: 0; }
        #search .line ul.rosen li {
          width: 24%;
          margin-right: 0;
          margin-bottom: 15px; }
    #search select {
      width: 100%;
      background-position: 97% 50%; }
    #search input[type="text"] {
      width: 80%; }

  #favorritePlace h2 img {
    width: 90%; }
  #favorritePlace.bg {
    background: none;
    padding-top: 30px; }
  #favorritePlace.search {
    padding-top: 15px; }
    #favorritePlace.search .contents {
      padding: 0; }
  #favorritePlace .spot {
    position: relative;
    width: 45%;
    width: calc(100% / 2 - 18px); }
    #favorritePlace .spot div.spotMeta {
      font-size: .7rem;
      width: 85%; }
      #favorritePlace .spot div.spotMeta p {
        padding: 0 5px;
        margin-bottom: 5px; }
    #favorritePlace .spot:hover img {
      -webkit-transform: none;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      transform: none; }
    #favorritePlace .spot:hover div.spotMeta, #favorritePlace .spot:hover p.spotName {
      opacity: 1; }
    #favorritePlace .spot:hover div.cover {
      display: none; }
    #favorritePlace .spot::before {
      content: "";
      display: block;
      padding-top: 100%; }
    #favorritePlace .spot a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    #favorritePlace .spot img.spotImg {
      width: auto;
      height: 100%;
      border-radius: 10px;
      object-fit: cover; }
    #favorritePlace .spot p.spotName {
      bottom: 8px;
      left: 12px;
      font-size: 1.1rem;
      line-height: 1.2; }
  #favorritePlace.search .spot div.spotMeta p {
    margin-bottom: 5px; }
    #favorritePlace.search .spot div.spotMeta p:nth-child(1) {
      margin-right: 10px; }
    #favorritePlace.search .spot div.spotMeta p:nth-child(2) {
      margin-left: 0; }

  #noResults {
    padding: 25px 33px;
    font-size: 11px;
    border-width: 2px; }

  div.etcSpot #favorritePlace .spot {
    margin: 6px; }
  div.spotName {
    padding: 15px 0 20px; }
    div.spotName h2 {
      font-size: 38px; }
      div.spotName h2 span {
        font-size: 18px; }
    div.spotName .spotAtt span.station, div.spotName .spotAtt span.cat {
      font-size: 22px; }
    div.spotName .spotAtt span.cat_icon {
      margin-top: -2px;
      margin-bottom: 0; }
      div.spotName .spotAtt span.cat_icon img {
        vertical-align: top;
        width: 23px;
        height: 23px; }
    div.spotName .caution {
      position: relative;
      margin-top: 10px;
      right: auto;
      bottom: auto; }
    div.spotName.search {
      padding: 13px 0 8px; }
      div.spotName.search .spotAtt span, div.spotName.search .spotAtt .snumber {
        margin-bottom: 5px;
        font-size: 14px; }
  div.spotHeader {
    margin-top: 20px; }
    div.spotHeader div.spotImg, div.spotHeader div.spotHeader_right {
      display: block; }
    div.spotHeader div.spotImg .btnSet, div.spotHeader div.spotHeader_right .btnSet {
      position: relative;
      bottom: auto;
      right: auto; }
    div.spotHeader div.spotImg {
      width: 100%;
      border-radius: 10px; }
      div.spotHeader div.spotImg img {
        width: 100%;
        height: auto; }
    div.spotHeader div.spotHeader_right {
      padding-left: 0;
      width: 100%;
      padding-top: 20px; }
      div.spotHeader div.spotHeader_right h3 {
        font-size: 32px; }
      div.spotHeader div.spotHeader_right .btnSet {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 20px; }
        div.spotHeader div.spotHeader_right .btnSet .btnVote button#vote_btn {
          background-position: 20% 11px; }
          div.spotHeader div.spotHeader_right .btnSet .btnVote button#vote_btn span {
            font-size: .8rem; }
        div.spotHeader div.spotHeader_right .btnSet ul.social {
          font-size: 1rem; }
          div.spotHeader div.spotHeader_right .btnSet ul.social li {
            vertical-align: middle; }
            div.spotHeader div.spotHeader_right .btnSet ul.social li:nth-child(2) {
              padding: 0 0 0 10px; }
            div.spotHeader div.spotHeader_right .btnSet ul.social li:nth-child(3) {
              padding: 0 10px; }
  div.spotInfo {
    margin-top: 20px; }
    div.spotInfo .slider {
      background: #ef4129;
      border-radius: 10px;
      overflow: hidden; }
      div.spotInfo .slider .slick-prev, div.spotInfo .slider .slick-next {
        position: absolute;
        top: 21px;
        color: #FFF;
        width: 35px;
        height: 35px;
        font-size: 2.5rem;
        overflow: hidden;
        display: block;
        line-height: 1; }
      div.spotInfo .slider .slick-prev {
        left: 10px; }
      div.spotInfo .slider .slick-next {
        right: 10px; }
      div.spotInfo .slider .panel {
        padding: 0 20px 20px; }
        div.spotInfo .slider .panel .panelWrap {
          display: block; }
        div.spotInfo .slider .panel .attendant {
          width: 100%;
          min-height: auto;
          padding-top: 10px;
          padding-bottom: 10px;
          text-align: center; }
          div.spotInfo .slider .panel .attendant .pic, div.spotInfo .slider .panel .attendant .profile {
            display: inline-block; }
          div.spotInfo .slider .panel .attendant .pic {
            width: 50px; }
          div.spotInfo .slider .panel .attendant .profile {
            vertical-align: top;
            padding-top: 0px;
            padding-left: 10px;
            text-align: left; }
            div.spotInfo .slider .panel .attendant .profile .station, div.spotInfo .slider .panel .attendant .profile .hobby {
              font-size: 1rem;
              font-weight: 300;
              letter-spacing: 1px; }
            div.spotInfo .slider .panel .attendant .profile span {
              font-size: 1.2rem; }
        div.spotInfo .slider .panel .comment {
          position: relative;
          background: #FFF;
          border-radius: 10px;
          width: 100%;
          margin-left: 0;
          padding: 20px; }
          div.spotInfo .slider .panel .comment h4 {
            display: none; }
          div.spotInfo .slider .panel .comment p {
            font-size: 24px;
            margin-top: 0; }
        div.spotInfo .slider .panel .ion-play::before {
          display: none; }
  div.spotStaffComment {
    display: block;
    margin-top: 30px; }
    div.spotStaffComment div.comment {
      width: 100%;
      margin-top: 25px;
      margin-right: 0;
      margin-left: 0;
      padding: 20px 25px;
      border-radius: 10px; }
    div.spotStaffComment .ion-play::before {
      left: 45%;
      left: calc(50% - 22px);
      top: -26px;
      -webkit-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    div.spotStaffComment div.spotStaffImg {
      width: 100%;
      text-align: center;
      position: relative;
      height: auto;
      top: auto;
      bottom: auto;
      right: auto; }
      div.spotStaffComment div.spotStaffImg img {
        width: 50px;
        height: auto; }
      div.spotStaffComment div.spotStaffImg p {
        display: inline-block;
        text-align: left;
        margin-left: 10px;
        font-size: 1rem; }
  div.etcPhoto {
    margin-top: 35px; }
    div.etcPhoto ul {
      display: block; }
      div.etcPhoto ul li {
        font-size: 1.2rem; }
        div.etcPhoto ul li:first-child {
          margin-bottom: 20px;
          margin-right: 0; }
        div.etcPhoto ul li img {
          width: 100%;
          height: auto;
          border-radius: 10px; }

  table.spotInfo th, table.spotInfo td {
    padding: 10px 15px;
    font-size: 14px; }
  table.spotInfo th {
    width: 90px;
    background: #f0f0f0;
    vertical-align: top; }
    table.spotInfo th br {
      display: inline-block; }
  table.spotInfo td div#map {
    width: 100%;
    height: 226px;
    margin-top: 10px; }
  table.spotInfo tr:first-child th, table.spotInfo tr:first-child td {
    border: 0; }
  table.spotInfo tr:first-child th {
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px; }
  table.spotInfo tr:last-child th, table.spotInfo tr:last-child td {
    border: 0; }
  table.spotInfo tr:last-child th {
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px; }

  .about h3 {
    padding-bottom: 20px; }
  .about .contents {
    width: 90%;
    min-width: 90%;
    margin: 0 auto; }
  .about ul.card {
    width: 100%; }
  .about .bgTokyuRed {
    padding-top: 55px;
    padding-bottom: 60px; }
    .about .bgTokyuRed .bgWhite {
      margin-top: 45px; }
  .about .bgWhite {
    padding-top: 30px;
    padding-bottom: 30px; }
  .about .flow .bgWhite {
    padding-bottom: 40px; }
  .about .flow ul {
    text-align: center; }
    .about .flow ul li {
      padding: 0 20px 60px !important;
      background: url(../img/arrow_03.gif) center bottom no-repeat; }
      .about .flow ul li:last-child {
        padding-bottom: 0 !important; }
      .about .flow ul li h5 {
        font-size: 20px;
        margin-top: 30px; }
      .about .flow ul li p {
        font-size: 12px;
        margin-top: 20px; }
      .about .flow ul li img {
        width: 80%; }
  .about .winning p.pic {
    margin-top: 15px; }
    .about .winning p.pic img {
      width: 100%; }
  .about .shedule img {
    width: 80%; }

  .present h2 {
    font-size: 30px;
    width: 90%;
    margin: 20px auto; }
  .present p.lede {
    width: 90%;
    margin: 20px auto; }
  .present div.requirements {
    padding: 30px 0; }
    .present div.requirements div.requirementsTxt {
      width: 90%;
      padding: 20px; }
    .present div.requirements a.btn {
      width: 90%;
      margin: 40px auto 0;
      font-size: 25px;
      padding: 10px; }

  ul.card {
    width: 90%;
    margin: 20px auto; }
    ul.card li {
      width: 100%;
      margin-bottom: 20px;
      padding: 40px 0 25px;
      margin-right: 0; }

  #vote {
    max-width: 90% !important; }
    #vote.iziModal {
      background: transparent; }

  .iziModal-button-close {
    top: 15px;
    right: 15px; }

  body.vote_page {
    background: transparent;
    background-color: transparent; }
    body.vote_page .contents {
      padding: 0; }

  .votePage .message_box {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px; }
    .votePage .message_box p {
      font-size: 16px; }
    .votePage .message_box textarea {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding: 10px;
      height: 100px; }
  .votePage div.vote_btn input[type="button"] {
    font-size: 17px;
    padding: 10px 0; }
  .votePage div.vote_btn input[type="submit"] {
    font-size: 17px;
    padding: 10px 0;
    background-position: 20px center;
    background-size: 24px;
    padding-left: 40px; }
    .votePage div.vote_btn input[type="submit"].wpcf7c-elm-step2 {
      background-position: 20px center;
      background-size: 24px;
      padding-left: 40px; }
  .votePage div.vote_btn .wpcf7c-btn-back, .votePage div.vote_btn .wpcf7-submit {
    width: 100%; }
  .votePage div.vote_btn .wpcf7c-btn-back {
    margin-bottom: 10px;
    margin-right: 0; }

  #present .box {
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px; }
  #present .howto_guidelines dl dd {
    margin-top: 10px; }
  #present .btn {
    width: 100%; }
    #present .btn.off:disabled {
      color: #fff; }

  html, body {
    font-size: 13px; }

  #topMessage {
    background-size: auto 370px; }
    #topMessage .message h2 {
      margin-left: 0; }
    #topMessage #pickup_sp .slick-prev, #topMessage #pickup_sp .slick-next {
      top: 43%; }
    #topMessage #pickup_sp .slide {
      padding-top: 5px; }
      #topMessage #pickup_sp .slide::after {
        display: none; }
      #topMessage #pickup_sp .slide .slide_cont {
        padding-top: 10px;
        border-width: 2px;
        border-radius: 10px;
        letter-spacing: 1.5px; }
        #topMessage #pickup_sp .slide .slide_cont .pic img {
          border-radius: 10px; }
        #topMessage #pickup_sp .slide .slide_cont .text {
          width: 56%; }
        #topMessage #pickup_sp .slide .slide_cont .name {
          font-size: 12px; }
          #topMessage #pickup_sp .slide .slide_cont .name span {
            font-size: 16px; }

  #information div.text h2 {
    font-size: 16px; }
  #information div.text .icon {
    width: 25%; }
  #information div.text .text_sp {
    width: 72%; }
    #information div.text .text_sp h3, #information div.text .text_sp p {
      font-size: 12px; }
    #information div.text .text_sp h3 {
      font-weight: 700; }
  #information div.item a.btn {
    border-radius: 5px;
    padding: 2% 6.5% 2% 4%; }

  #favorritePlace.bg {
    padding-top: 20px; }
  #favorritePlace h2 {
    font-size: 23px;
    padding-bottom: 12px; }

  div.spotName {
    padding: 15px 0; }
    div.spotName h2 {
      font-size: 19px; }
      div.spotName h2 span {
        font-size: 9px; }
    div.spotName .spotAtt span.station, div.spotName .spotAtt span.cat {
      font-size: 11px; }
  div.spotHeader div.spotHeader_right {
    padding-top: 10px; }
    div.spotHeader div.spotHeader_right h3 {
      font-size: 16px; }
    div.spotHeader div.spotHeader_right .btnSet {
      margin-top: 10px; }
  div.spotInfo .slider .panel .comment p {
    font-size: 12px;
    line-height: 1.8; }
  div.spotStaffComment {
    margin-top: 10px; }
    div.spotStaffComment div.comment {
      font-size: 12px;
      line-height: 1.8;
      margin-top: 10px; }
    div.spotStaffComment div.spotStaffImg p {
      margin-left: 0;
      margin-right: 15px; }
  div.etcPhoto ul li {
    font-size: 12px; }

  h3.info, h3.etcSpot {
    font-size: 16px;
    margin-top: 40px;
    margin-bottom: 10px; }

  table.spotInfo tr:first-child th {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  table.spotInfo tr:last-child th {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; }

  #about #howto .flow ul li p.tit {
    font-size: 15px; }

  #howto .howto_header h1 {
    font-size: 20px; }
  #howto .howto_header h2 {
    padding-bottom: 10px; }
  #howto .howto_header .lead p {
    font-size: 13px; }
  #howto .howto_method.box h2, #howto .howto_award h3, #howto .howto_present h3 {
    font-size: 18px; }
  #howto .howto_award h3::before, #howto .howto_award h3::after {
    top: 5px; }
  #howto .howto_header .flow ul li {
    padding: 30px 14px 27px; }

  .modal .close {
    right: 0; }

  #howto.modal .iziModal-content {
    padding: 80px 20px 20px !important; }
  #howto.modal h3 {
    margin-top: 30px; }
  #howto.modal .flow ul li p {
    font-size: 14px;
    margin-top: 0;
    padding-left: 40%;
    letter-spacing: 1px;
    text-align: center; }
  #howto.modal .howto_header .flow ul li:nth-child(1), #howto.modal .howto_header .flow ul li:nth-child(2) {
    background-size: 85px; }
  #howto.modal .howto_header .flow ul li:nth-child(3) {
    background-size: 70px auto; }
  #howto.modal .howto_header .flow ul li:nth-child(1) br, #howto.modal .howto_header .flow ul li:nth-child(2) br {
    display: inline-block; }
  #howto.modal .howto_header .flow ul li:nth-child(3) {
    padding: 60px 14px; }
    #howto.modal .howto_header .flow ul li:nth-child(3) br {
      display: inline-block; }

  #search_modal.modal .contents {
    padding: 15px 20px 90px; }
    #search_modal.modal .contents .searchArea input[type="text"], #search_modal.modal .contents .searchArea select {
      font-size: 15px; }
    #search_modal.modal .contents #searchform_freeword_sp input.s {
      height: 38px;
      max-height: 38px;
      width: 87.5%;
      width: calc(100% - 38px); }

  :placeholder-shown, ::-webkit-input-placeholder {
    line-height: 25px; }

  #menu_modal.modal .contents a {
    letter-spacing: 2px;
    line-height: 20px; }

  #search_modal.modal .contents .searchArea h3.bg {
    margin-top: 25px; }
  #search_modal.modal .contents #searchform_freeword_sp input.submit_freeword {
    width: 38px;
    height: 38px;
    max-height: 38px;
    background-position: -6px; }
  #search_modal.modal .contents .searchform_tag-cat_sp input[type="submit"] {
    border-radius: 5px;
    padding: .5em 1.2em;
    font-size: 13px;
    letter-spacing: 2px;
    height: 31px; }

  /* 201712 */
  #information div.text h2 {
    padding-top: 0; }

  /* 201802 */
  #about #howto .flow ul li p.tit {
    margin-top: 10px; }

  #information {
    padding: 20px 0; }

  #topMessage .topAward {
    display: none; }
  #topMessage #pickup_sp .slide .slide_cont {
    padding-bottom: 15px; }
    #topMessage #pickup_sp .slide .slide_cont .pic {
      max-width: ini; }
    #topMessage #pickup_sp .slide .slide_cont h3 {
      position: relative;
      text-align: center;
      letter-spacing: 2px;
      font-size: 20px;
      margin-top: 5px;
      margin-bottom: 15px;
      padding: 0 10%; }
      #topMessage #pickup_sp .slide .slide_cont h3::before, #topMessage #pickup_sp .slide .slide_cont h3::after {
        position: absolute;
        top: 10px;
        content: "";
        width: 39px;
        height: 31px;
        background: url(../img/about/icon_crown.png) left top no-repeat;
        background-size: 39px 31px; }
      #topMessage #pickup_sp .slide .slide_cont h3::before {
        margin-left: -48px; }
      #topMessage #pickup_sp .slide .slide_cont h3::after {
        margin-left: 40px; }
    #topMessage #pickup_sp .slide .slide_cont .text {
      width: 66%;
      text-align: center;
      font-weight: bold; }
      #topMessage #pickup_sp .slide .slide_cont .text .rank, #topMessage #pickup_sp .slide .slide_cont .text .name {
        font-size: 16px; }
      #topMessage #pickup_sp .slide .slide_cont .text .name {
        text-align: center; }
      #topMessage #pickup_sp .slide .slide_cont .text .link {
        margin-top: 10px;
        padding-left: 5px; }
        #topMessage #pickup_sp .slide .slide_cont .text .link .btn {
          position: relative;
          display: inline-block;
          color: #FFF;
          background: #ef4129;
          font-family: "Jun";
          padding: 12px 23px 14px 10px;
          letter-spacing: 1.5px;
          font-size: 10.5px; }
          #topMessage #pickup_sp .slide .slide_cont .text .link .btn:hover {
            background-color: #e5260d; }
          #topMessage #pickup_sp .slide .slide_cont .text .link .btn::after {
            content: "\f3d3";
            display: inline-block;
            font-family: "Ionicons";
            position: absolute;
            top: 34%;
            top: calc(50% - 9px);
            right: 7px;
            height: 18px;
            font-size: 20px;
            line-height: 1; }
    #topMessage #pickup_sp .slide .slide_cont .sp500 {
      display: none; }

  #howto .howto_header .lead span {
    word-break: break-all; }
  #howto .howto_header .link .btn {
    width: 100%;
    padding: 20px 50px 20px 30px;
    font-size: 18px; }
    #howto .howto_header .link .btn::after {
      top: calc(50% - 19px);
      right: 25px;
      height: 20px;
      line-height: 1; }
  #howto .box .flow .caution {
    text-align: center;
    margin-right: 0; }

  div.voteComment .slider .panel {
    padding: 0 0 20px; }
    div.voteComment .slider .panel .attendant .profile {
      font-size: 1rem;
      padding-top: 3px; }
    div.voteComment .slider .panel .comment {
      width: 100%;
      margin-top: 10px; }
      div.voteComment .slider .panel .comment.ion-play::before {
        display: block;
        content: "";
        top: -16px;
        left: 47%;
        left: calc(50% - 10px);
        width: 20px;
        height: 16px;
        background: url(../img/detail/bg_arrow_sp_r.png) left center no-repeat;
        background-size: 20px 16px;
        transform: none; }
      div.voteComment .slider .panel .comment .comment_inr {
        height: 250px; }

  div.spotHeader div.spotHeader_right {
    padding-bottom: 10px; }
    div.spotHeader div.spotHeader_right .badge {
      margin-top: 20px; }

  #award .contents {
    width: 100%;
    min-width: 100%; }
  #award #howto .howto_award {
    padding-bottom: 0; }
    #award #howto .howto_award .bgTokyuRed {
      padding: 30px 25px; }
    #award #howto .howto_award .box {
      padding-bottom: 20px; }
    #award #howto .howto_award h3 {
      padding: 0 10px;
      font-size: 18px; }
      #award #howto .howto_award h3 br.sp {
        display: block; }
      #award #howto .howto_award h3.tit02 {
        font-size: 26px; }
        #award #howto .howto_award h3.tit02::before, #award #howto .howto_award h3.tit02::after {
          display: none; }
    #award #howto .howto_award ul {
      margin-top: 20px; }
      #award #howto .howto_award ul li.spot img {
        max-width: 52px; }
      #award #howto .howto_award ul li.vote {
        width: 34%;
        margin: 0 3%; }
        #award #howto .howto_award ul li.vote img {
          max-width: 76px; }
      #award #howto .howto_award ul li.comment img {
        margin-top: 6px;
        margin-bottom: 6px; }
      #award #howto .howto_award ul li p {
        line-height: 1;
        margin-top: 2px; }
      #award #howto .howto_award ul li span.txt24 {
        font-size: 22px; }
  #award .cat_icon {
    text-align: center;
    padding-bottom: 18px; }
    #award .cat_icon img {
      width: 113.5px;
      height: auto; }
  #award .lead .contents {
    padding: 0 10px; }
    #award .lead .contents .tit01 {
      letter-spacing: 1px;
      font-size: 29px; }
  #award .line {
    border: 3px solid #000;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 0 17px 40px; }
    #award .line h3.subtit {
      text-align: center;
      margin-top: -11px;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 2px; }
      #award .line h3.subtit span {
        background: #FFF;
        display: inline-block;
        padding: 0 10px; }
        #award .line h3.subtit span .txtmin {
          padding: 0;
          display: inline;
          font-size: 13px; }
  #award .awardlist h3 span {
    padding: 0 20px; }
  #award .awardlist ul {
    justify-content: baseline; }
    #award .awardlist ul li {
      max-width: 77%;
      padding: 0 0 20px;
      margin: 15px auto 0; }
      #award .awardlist ul li .name {
        padding-top: 15px;
        font-size: 21px; }
      #award .awardlist ul li .votenum {
        font-size: 21px;
        padding-top: 10px; }
        #award .awardlist ul li .votenum span {
          font-size: 34px; }
    #award .awardlist ul.low {
      margin-top: 0;
      padding: 0 5% 10px;
      justify-content: space-between; }
      #award .awardlist ul.low li {
        max-width: 40%;
        width: 40%;
        margin: 15px 0 20px;
        padding: 0 4%; }
        #award .awardlist ul.low li:nth-child(4) {
          padding-right: 4%; }
        #award .awardlist ul.low li:last-child {
          margin-bottom: 0; }
        #award .awardlist ul.low li .rank {
          padding-top: 0; }
  #award .ranking {
    padding: 30px 25px; }
    #award .ranking .contents {
      padding-top: 30px; }
      #award .ranking .contents .awardlist {
        padding: 0 0 26px; }
        #award .ranking .contents .awardlist .subtit {
          margin-bottom: 0; }
        #award .ranking .contents .awardlist ul.low {
          padding: 0 0 10px; }
          #award .ranking .contents .awardlist ul.low li {
            max-width: 45%;
            width: 45%; }
            #award .ranking .contents .awardlist ul.low li:nth-child(odd) {
              padding-left: 1%; }
            #award .ranking .contents .awardlist ul.low li:nth-child(even) {
              padding-right: 1%; }
    #award .ranking .tit01 {
      font-size: 24px; }
    #award .ranking .tit02 {
      padding-bottom: 20px; }
  #award .ranking_category {
    padding: 38px 0 65px; }
    #award .ranking_category .cat_icon {
      padding-bottom: 20px; }
    #award .ranking_category .awardlist ul {
      padding-left: 0; }
  #award .yell .box {
    padding-top: 30px; }
  #award .yell .line {
    margin-bottom: 0;
    padding-bottom: 3px; }
    #award .yell .line h3 span {
      padding: 0 8px; }
    #award .yell .line h3.subtit {
      letter-spacing: 1px; }
  #award .yell .subtit {
    font-size: 11px;
    letter-spacing: 1.3px; }
  #award .yell .spot {
    padding: 35px 0; }
    #award .yell .spot:last-child {
      border-bottom: 0;
      padding-bottom: 25px; }
    #award .yell .spot .photo {
      width: 220px;
      float: none;
      margin: 0 auto; }
    #award .yell .spot .text {
      width: 100%;
      margin-top: 20px;
      margin-left: 0;
      float: none; }
      #award .yell .spot .text .comment_user .comment_user_text {
        float: none;
        border-radius: 10px;
        font-size: 12px;
        width: 60%;
        width: calc(100% - 100px);
        margin-left: 105px;
        padding: 10px 15px; }
      #award .yell .spot .text .comment_iimachi {
        margin-right: 10px;
        border-radius: 10px;
        padding: 15px; }
  #award .train {
    padding-top: 60px; }
    #award .train .line {
      margin-bottom: 0;
      padding-bottom: 25px; }
    #award .train ul {
      margin-top: 20px;
      justify-content: center;
      padding: 0 0 10px; }
      #award .train ul li {
        max-width: 45%;
        width: 45%;
        margin-top: 40px;
        padding: 0 3%; }
        #award .train ul li:nth-child(1), #award .train ul li:nth-child(2) {
          margin-top: 15px; }
        #award .train ul li:nth-child(odd) {
          padding-left: 1%; }
        #award .train ul li:nth-child(even) {
          padding-right: 1%; }
        #award .train ul li .name {
          font-size: 15px; } }
@media screen and (max-width: 670px) {
  #topMessage #pickup_sp .slide .slide_cont .text {
    width: 63%; } }
@media screen and (max-width: 632px) {
  #topMessage #pickup_sp .slide .slide_cont .text {
    width: 59%; }
    #topMessage #pickup_sp .slide .slide_cont .text .link {
      margin-top: 10px; }
      #topMessage #pickup_sp .slide .slide_cont .text .link .btn::after {
        /*top: 22%;*/ } }
@media screen and (max-width: 568px) {
  #topMessage #pickup_sp .slide .slide_cont .text {
    width: 58%; } }
@media screen and (max-width: 500px) {
  #information div.text .text_sp br {
    display: none; }

  #howto.modal .howto_header br {
    display: none; }
  #howto.modal .howto_header .lead {
    font-size: 13px; }
    #howto.modal .howto_header .lead .txt24 {
      font-size: 20px; }
  #howto .howto_about p {
    line-height: 1.6; }
    #howto .howto_about p span {
      font-size: 22px; }
  #howto .howto_about br {
    display: none; }
  #howto .howto_method ul li {
    padding: 0 0 30px;
    width: 100%; }
    #howto .howto_method ul li::before {
      display: none; }
    #howto .howto_method ul li::after {
      position: absolute;
      content: "";
      width: 20px;
      height: 12px;
      top: auto;
      bottom: 10px;
      right: 47%;
      right: calc(50% - 10px);
      background-size: 20px 12px; }
    #howto .howto_method ul li:nth-child(1)::after {
      background-image: url(../img/modal/arrow_bottom.png);
      background-size: 20px 12px; }
    #howto .howto_method ul li:nth-child(2) {
      padding-top: 0;
      margin: 0; }
      #howto .howto_method ul li:nth-child(2)::after {
        background-image: url(../img/modal/arrow_bottom.png);
        background-size: 20px 12px;
        width: 20px;
        height: 12px;
        top: auto;
        bottom: 10px;
        right: 47%;
        right: calc(50% - 10px); }
    #howto .howto_method ul li:nth-child(3) {
      padding: 0; }
    #howto .howto_method ul li p {
      margin-top: 10px; }

  h3 br.sp {
    display: none !important; }

  /* 201802 */
  #topMessage #pickup_sp .slide .slide_cont {
    padding: 15px 12px 10px; }
    #topMessage #pickup_sp .slide .slide_cont h3 {
      font-size: 16px; }
      #topMessage #pickup_sp .slide .slide_cont h3::before, #topMessage #pickup_sp .slide .slide_cont h3::after {
        top: 10px;
        width: 30px;
        height: 25px;
        background-size: 30px auto; }
      #topMessage #pickup_sp .slide .slide_cont h3::before {
        margin-left: 0;
        left: 0; }
      #topMessage #pickup_sp .slide .slide_cont h3::after {
        margin-left: 0;
        right: 0; }
    #topMessage #pickup_sp .slide .slide_cont .text {
      width: 58%;
      padding-left: 0; }
      #topMessage #pickup_sp .slide .slide_cont .text .rank {
        font-size: 14px; }
      #topMessage #pickup_sp .slide .slide_cont .text .name {
        font-size: 14px; }
      #topMessage #pickup_sp .slide .slide_cont .text .link {
        padding-left: 5px; }
        #topMessage #pickup_sp .slide .slide_cont .text .link .btn::after {
          /*top: 17%;*/
          right: 8px; }

  #award #howto .howto_award h3 {
    font-size: 18px;
    letter-spacing: 1px; }
    #award #howto .howto_award h3 br.sp {
      display: block !important; }
  #award #howto .howto_award p {
    font-size: 12px;
    letter-spacing: 1px; }
  #award #howto .howto_award h3.tit02 {
    font-size: 19px; }
  #award .lead .contents .tit01 {
    font-size: 24px; } }
@media screen and (max-width: 430px) {
  h3 br.sp {
    display: inline-block !important; }

  #howto .howto_about p {
    margin-left: 0; } }
@media screen and (max-width: 360px) {
  #topMessage #pickup_sp .slide .slide_cont .text .link {
    display: none; }
  #topMessage #pickup_sp .slide .slide_cont .sp500 {
    display: block;
    padding-top: 15px; }
    #topMessage #pickup_sp .slide .slide_cont .sp500 .btn {
      position: relative;
      display: inline-block;
      color: #FFF;
      background: #ef4129;
      font-family: "Jun";
      padding: 12px 25px 14px 15px;
      letter-spacing: 1px;
      width: 100%; }
      #topMessage #pickup_sp .slide .slide_cont .sp500 .btn::after {
        content: "\f3d3";
        display: inline-block;
        font-family: "Ionicons";
        position: absolute;
        top: 15%;
        right: 10px;
        font-size: 20px; }

  #topMessage #pickup_sp .slide .slide_cont .pic {
    width: 100%;
    max-width: none;
    text-align: center; }
  #topMessage #pickup_sp .slide .slide_cont .text {
    width: 100%;
    padding-top: 10px; }
  #topMessage #pickup_sp .slide .slide_cont .sp500 {
    padding-top: 5px; }

  #howto .howto_header .flow ul li {
    padding: 135px 15px 20px !important;
    background-size: 90px auto !important;
    background-position: center 30px !important; }
    #howto .howto_header .flow ul li p {
      padding-left: 0;
      text-align: center; }
      #howto .howto_header .flow ul li p.tit {
        text-align: center; }
    #howto .howto_header .flow ul li:nth-child(3) {
      padding-top: 165px !important; } }