.entrylist {
  text-align: left; }
  .entrylist .refine p {
    padding: 0 3%; }
  .entrylist .refine dl {
    margin: 0 auto 3%; }
  .entrylist .refine dt {
    text-align: left;
    font-size: 18px;
    /*font-size: ($size /10) * 1rem;*/
    font-weight: bold;
    padding: 1% 3%; }
  .entrylist .refine dd {
    padding: 0 3% 1%; }
    .entrylist .refine dd select {
      width: 100%;
      padding: 2px;
      border: 1px solid #959595;
      font-size: 18px;
      /*font-size: ($size /10) * 1rem;*/ }
  .entrylist .tab {
    padding-top: 3%; }
    .entrylist .tab img {
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      opacity: 0.7;
      width: 49%;
      padding: 0 0.1% 0.4%; }
    .entrylist .tab .active {
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1; }
  .entrylist .bg {
    padding: 3% 0;
    background: #F3ECE8; }
    .entrylist .bg button img {
      width: 100%;
      margin: 2% auto; }

#entries #showmorebutton {
  width: 90%;
  margin: 2% auto 4%;
  text-align: center; }
  #entries #showmorebutton img {
    width: 100%; }
#entries ul {
  overflow: hidden;
  margin: 0 -5% 0 0;
  display: table;
  width: 100%; }
#entries li {
  width: 37%;
  float: left;
  padding: 3%;
  background: #fff;
  margin: 3% 0 3% 4.5%;
  text-align: left;
  display: table-cell;
  border: 1px solid #DCC7BA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }
  #entries li .thumb {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 120px;
    overflow: hidden; }
    #entries li .thumb img {
      max-height: 120px;
      display: block;
      margin: auto; }
  #entries li .title {
    width: auto;
    height: 4em;
    padding: 5px 0;
    font-size: 12px;
    /*font-size: ($size /10) * 1rem;*/
    word-break: break-all; }
  #entries li .vote {
    text-align: center;
    padding: 0 0 5px; }
  #entries li .voted_count {
    color: #747474;
    text-align: center; }

.entrydetail {
  background: #F4EDE9;
  text-align: left;
  padding: 30px 0;
  margin: -5px auto 0; }
  .entrydetail .thumb {
    text-align: center;
    overflow: hidden;
    width: 90%;
    margin: 2% auto; }
    .entrydetail .thumb a img {
      padding: 5px 0;
      width: 10%;
      float: left; }
    .entrydetail .thumb a img.arrowrgt {
      float: right; }
  .entrydetail dl {
    width: 96%;
    margin: 20px auto;
    overflow: hidden;
    border-bottom: 1px solid #A1A1A1;
    line-height: 1.5em; }
    .entrydetail dl dt {
      color: #e50011;
      border-top: 1px solid #A1A1A1;
      padding: 12px 0 5px; }
    .entrydetail dl dd {
      margin: 0 0 12px; }
  .entrydetail .votebtn {
    width: 70%;
    margin: 0 auto;
    overflow: hidden; }
    .entrydetail .votebtn img {
      padding-right: 20px;
      vertical-align: middle;
      max-width: 320px;
      width: 70%; }
    .entrydetail .votebtn .voted_count_balloon {
      background-color: #fff;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      position: relative;
      font-size: 16px;
      /*font-size: ($size /10) * 1rem;*/
      color: #999;
      padding: 6px;
      padding: 10px 6px; }
    .entrydetail .votebtn .voted_count_balloon:after {
      border: 10px solid transparent;
      border-right-color: #fff;
      border-left-width: 0;
      left: -10px;
      content: "";
      display: block;
      top: 13px;
      position: absolute;
      width: 0; }
  .entrydetail .sns {
    width: 265px;
    margin: 25px auto;
    overflow: hidden; }
    .entrydetail .sns li {
      width: 120px;
      float: left;
      padding: 3px 0 3px 10px; }
  .entrydetail .ctr {
    width: 40%;
    margin: 3% auto; }
    .entrydetail .ctr img {
      width: 100%; }

.entrydetailmodal {
  background: #F4EDE9;
  text-align: left;
  padding: 30px 0;
  margin: -5px auto 0; }
  .entrydetailmodal #container {
    width: 99%;
    padding: 0; }
    .entrydetailmodal #container .thumb {
      text-align: center;
      overflow: hidden;
      width: 90%;
      margin: 2% auto; }
      .entrydetailmodal #container .thumb img {
        width: 100%; }
    .entrydetailmodal #container dl {
      width: 96%;
      margin: 20px auto;
      overflow: hidden;
      border-bottom: 1px solid #A1A1A1;
      line-height: 1.5em; }
      .entrydetailmodal #container dl dt {
        color: #e50011;
        border-top: 1px solid #A1A1A1;
        padding: 12px 0 5px;
        width: auto;
        float: none; }
      .entrydetailmodal #container dl dd {
        margin: 0 0 10px;
        width: auto;
        border-top: none;
        padding: 0; }
    .entrydetailmodal #container .btnback {
      display: block;
      width: 40%;
      margin: auto; }
      .entrydetailmodal #container .btnback img {
        width: 100%; }

.formwrap {
  text-align: left; }
  .formwrap .lead {
    padding: 2%; }
  .formwrap .bdr {
    border: 3px double #e50011;
    padding: 10px;
    margin: 0 2%;
    color: #e50011; }
  .formwrap .field {
    padding: 4% 0; }
    .formwrap .field h3 {
      font-weight: normal;
      padding: 3% 1% 1%;
      line-height: 1.3em; }
      .formwrap .field h3 strong {
        padding-right: 1%;
        font-size: 18px;
        /*font-size: ($size /10) * 1rem;*/ }
      .formwrap .field h3 .red {
        font-size: 18px;
        /*font-size: ($size /10) * 1rem;*/ }
    .formwrap .field .inner {
      background: #F6F6F6;
      border-top: 3px solid #e50011;
      padding: 10px 20px;
      font-size: 12px;
      /*font-size: ($size /10) * 1rem;*/ }
  .formwrap .notice {
    background: url(/img/triangle02.gif) no-repeat center bottom;
    padding: 0 0 20px; }
    .formwrap .notice p {
      background: #F9E5E4;
      text-align: center;
      padding: 13px 0; }
  .formwrap input {
    padding: 4px;
    font-size: 16px;
    /*font-size: ($size /10) * 1rem;*/ }
  .formwrap select {
    font-size: 16px;
    /*font-size: ($size /10) * 1rem;*/ }
  .formwrap #entry_title,
  .formwrap #entry_email,
  .formwrap #entry_email_confirmation,
  .formwrap #entry_jalcard_number,
  .formwrap #entry_style,
  .formwrap #entry_area,
  .formwrap #entry_nickname,
  .formwrap #entry_location {
    width: 80%; }
  .formwrap #entry_jalcard_kanji_lastname,
  .formwrap #entry_jalcard_kanji_firstname,
  .formwrap #entry_jalcard_kana_firstname,
  .formwrap #entry_jalcard_kana_lastname {
    width: 35%; }
  .formwrap textarea {
    padding: 4px;
    width: 80%;
    height: 120px;
    font-size: 16px;
    /*font-size: ($size /10) * 1rem;*/ }
  .formwrap select:focus,
  .formwrap input:focus,
  .formwrap textarea:focus {
    background: #FCE5E7;
    border: 1px solid #666; }
  .formwrap p {
    padding-bottom: 5px; }
  .formwrap .sps {
    padding-top: 8px; }
  .formwrap .confirmbtn {
    text-align: center;
    width: 90%; }
    .formwrap .confirmbtn button {
      height: 70px; }
  .formwrap .rulesagree {
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    /*font-size: ($size /10) * 1rem;*/ }
  .formwrap .btn {
    width: 90%;
    margin: 3% auto; }
  .formwrap .finished {
    padding: 50px 0;
    font-size: 22px;
    /*font-size: ($size /10) * 1rem;*/
    text-align: center; }

.outline #container {
  text-align: left; }
  .outline #container #wrap {
    margin: 2% auto;
    width: 96%; }
    .outline #container #wrap p {
      padding: 0 0 3%; }
      .outline #container #wrap p img {
        width: 100%; }
  .outline #container .idt {
    padding: 0 0 0 1em; }
    .outline #container .idt li {
      text-indent: -1em; }
  .outline #container h4 {
    padding: 0 0 2%; }
  .outline #container h4.nopdg {
    padding: 0; }
  .outline #container .section {
    margin: 1%;
    padding: 0 0 3%; }
  .outline #container .profilebtn {
    padding: 2% 0 3%;
    width: 90%;
    margin: auto; }
  .outline #container dl {
    margin: 0 auto;
    padding: 0 0 5%;
    line-height: 1.5em; }
    .outline #container dl dt {
      border-bottom: 4px solid #e50011;
      padding: 4% 0 2%;
      margin-bottom: 5%;
      color: #e50011;
      text-align: center;
      font-weight: bold; }
    .outline #container dl dd {
      padding: 1% 2% 5%; }
      .outline #container dl dd p {
        padding-bottom: 1em; }
      .outline #container dl dd p.idt {
        padding-left: 1em; }
  .outline #container .btn {
    width: 90%;
    margin: 3% auto; }
  .outline #container .btn img {
    padding: 0 0 3%; }