*:focus {
    outline: none;
  }
  
  html {
    margin: 0px;
    padding: 0px;
  }
  
  body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #303030;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
      "Hiragino Sans", Meiryo, sans-serif;
  }
  
  a {
    text-decoration: none;
    color: inherit;
  }
  
  a:hover {
    text-decoration: underline;
  }
  
  div,
  p,
  input,
  select,
  textarea {
    box-sizing: border-box;
  }
  
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  select,
  textarea {
    padding: 5px;
    font-size: 1.3em;
  }
  button.basic_button {
    display: block;
    width: 100%;
    padding: 7px;
    background-color: #eb7332;
    border: 1px solid #eb7332;
    border-radius: 5px;
    color: #fff;
    transition-duration: 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currentlysupported by Chrome and Opera */
  }
  
  hr {
    margin: 5px 0px;
    border: none;
    border-top: 1px solid #c0c0c0;
  }
  
  table {
    border-collapse: collapse;
  }
  
  ul {
    margin: 0px;
  }
  .bb {
    display: block;
  }
  
  .ib {
    display: inline-block;
  }
  
  .grid {
    display: grid;
  }
  
  .i_grid {
    display: inine-grid;
  }
  .i_block {
    display: inline-block;
  }
  .lfloat {
    float: left;
  }
  
  .rfloat {
    float: right;
  }
  
  .clear {
    clear: both;
  }
  
  .center {
    text-align: center;
  }
  
  .left {
    text-align: left;
  }
  
  .right {
    text-align: right;
  }
  
  .bold {
    font-weight: bold;
  }
  .underline{
    text-decoration: underline !important;
  }
  .cr {
    width: 30px;
    height: 30px;
    vertical-align: middle;
  }
  
  .finger {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currentlysupported by Chrome and Opera */
  }
  
  .sp {
    display: none;
  }
  @media only screen and (max-width: 767px) {
    .sp {
      display: block;
    }
  }
  .display_none{
    display:none;
  }
  
  .margin_bottom {
    margin-bottom: 20px;
  }
  
  .margin_top {
    margin-top: 20px;
  }
  /*
  .n_btn {
    min-width: 200px;
    padding: 5px;
    background-color: #e85c31;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #e85c31;
    transition-duration: 0.3s;
  }
  
  .n_btn:hover {
    background-color: #fff;
    color: #e85c31;
  }
  
  .n_btn a {
    display: inline-block;
    width: 100%;
    text-decoration: none !important;
  }
  
  .n_btn.cheer {
    min-width: 250px;
    font-size: 1.5em;
    border: 2px solid #e91e63;
    background-color: #fff;
    color: #e91e63;
  }
  
  .n_btn.cheer:hover {
    background-color: #e91e63;
    color: #fff;
  }
  
  .n_btn.ex {
    min-width: unset;
    border-radius: 5px;
  }
  
  .n_btn.follow_btn {
    min-width: 100px;
    padding: 3px;
    font-size: 0.8em;
  }
  
  .n_btn.unfollow {
    background-color: #795548;
    color: #fff;
    border: 1px solid #795548;
  }
  
  .n_btn.unfollow:hover {
    background-color: #fff;
    color: #795548;
  }
  
  .n_btn.submit {
    background-color: #607d8b;
    border: 1px solid #607d8b;
  }
  
  .n_btn.submit:hover {
    background-color: #fff;
    color: #607d8b;
  }
  */
  .n_btn {
    min-width: 200px;
    padding: 5px;
    background-color: #E85C31;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #E85C31;
    transition-duration: 0.3s;
  }
  
  .n_btn:hover {
    background-color: #fff;
    color: #E85C31;
  }
  
  .n_btn a {
    display: inline-block;
    width: 100%;
    text-decoration: none !important;
  }
  
  .n_btn.cheer {
    min-width: 250px;;
    font-size: 1.5em;
    border: 2px solid #E91E63;
    background-color: #fff;
    color: #E91E63;
  }
  
  .n_btn.cheer:hover {
    background-color: #E91E63;
    color: #fff;
  }
  /*
  .n_btn.cheer_r {
    min-width: 250px;;
    font-size: 1.5em;
    border: 2px solid #E91E63;
    background-color: #E91E63;
    color: #fff;
  }
  
  .n_btn.cheer_r:hover {
    background-color: #fff;
    color: #E91E63;
  }
*/  
  .n_btn.ex {
    min-width: unset;
    border-radius: 5px;
  }
/*  
  .n_btn.follow_btn {
    min-width: 100px;
    padding: 3px;
    font-size: 0.8em;
  }
  
  .n_btn.follow_btn.unfollow {
    background-color: #795548;
    color: #fff;
    border: 1px solid #795548;
  }
  
  .n_btn.unfollow:hover {
    background-color: #fff;
    color: #795548;
  }
  */
  .n_btn.submit {
    background-color: #607D8B;
    border: 1px solid #607D8B;
  }
  
  .n_btn.submit:hover {
    background-color: #fff;
    color: #607D8B;
  }